.wrapper {
	min-height: 100%;
	position:relative;
	border:none;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
	min-width: 1160px;
	max-width: 1800px;
    background: white;
}

svg.i {
    display: inline-table;
    vertical-align: middle;
    width: var(--icon-m);
    height: var(--icon-m);
}

svg.i.l {
    width: var(--icon-l);
    height: var(--icon-l);
}

svg.i.xl {
    width: var(--icon-xl);
    height: var(--icon-xl);
}

.wrapper, footer .cnt {
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    width:96%;
}

.target {
    background: yellow;
}

.auth .row .name {
    padding:12px 0 12px 10px;
}

.auth .row .value {
    padding: 6px 0;
}

.corner {
    display: block;
    position: absolute;
    width:0;
    height:0;
    background: transparent;
}

.corner:before {
    position: absolute;
    display: block;
    content:'';
    width:0;
    height:0;
    z-index: 1;
}

.corner.lb {
    left:0;
    bottom:0;
    border-left:35px solid white;
    border-top:35px solid green;
    border-right:0px solid transparent;
    border-bottom:0px solid transparent;

}

.corner.rt {
    right:0;
    top:0;
    border-left:0px solid transparent;
    border-top:0px solid transparent;
    border-right:35px solid transparent;
    border-bottom:35px solid green;
}

.corner.lb:before {
    left:0px;
    bottom:0;
    z-index: 1;
    border-left:0px solid transparent;
    border-top:0px solid transparent;
    border-right:35px solid transparent;
    border-bottom:35px solid yellow;
}

.corner.rt:before {
    top:35px;
    border-left:0px solid transparent;
    border-top:0px solid transparent;
    border-right:35px solid yellow;
    border-bottom:35px solid transparent;
}


/* Red button corner:*/
.corner.red.lb {
    border-left:10px solid transparent;
    border-top:10px solid #f35a51;
    background: white;
}

.slogan .corner.red.rt, .slogan .corner.red.lb {
    background: #e6e6e5;
}

.corner.red.lb:before {
    border-right:10px solid transparent;
    border-bottom:10px solid #a2161a;
}
.corner.red.rt {
    border-right:10px solid transparent;
    border-bottom:10px solid #f35a51;
    background: white;
}

.corner.red.rt:before {
    top:10px;
    border-bottom:10px solid transparent;
    border-right:10px solid #a2161a;
}


/* Footer corner:*/
.corner.gray.lb {
    border-top:35px solid #5e6267;
    background: url('/data/img/body-bg.jpg');
}

.corner.gray.lb:before { border-bottom:35px solid #101417; }
.corner.gray.rt {
    border-bottom:35px solid #5e6267;
    background: white;
}

.corner.gray.rt:before { border-right:35px solid #101417 }
/* Page 404: */
.corner.gray.p404.rt { background: url('/data/img/body-bg.jpg') }

/* Search corner: */
.corner.lgray.lb {
    border-top:35px solid #f2f3f3;
    background: white;
}

.corner.lgray.lb:before {
    border-bottom:35px solid #c9c9c9;
}

.corner.lgray.rt {
    border-bottom:35px solid #f2f3f3;
    background: white;
}

.corner.lgray.rt:before {
    border-right:35px solid #c9c9c9
}

/* Green box corner: */
.corner.green.lb {
    border-top:35px solid #417631;
    background: white;
}

.corner.green.lb:before {
    border-bottom:35px solid #1c2f16;
}

.corner.green.rt {
    border-bottom:35px solid #417631;
    background: white;
}

.corner.green.rt:before {
    border-right:35px solid #1c2f16
}

/* Light green corners: */

.corner.lgreen.lb {
    border-top:35px solid #82bf31;
    background: white;
}

.corner.lgreen.lb:before {
    border-bottom:35px solid #538610;
}

.corner.lgreen.rt {
    border-bottom:35px solid #82bf31;
    background: white;
}

.corner.lgreen.rt:before {
    border-right:35px solid #538610
}

/* Blue box corner: */
.corner.blue.lb {
    border-top:35px solid #317176;
    background: white;
}

.corner.blue.lb:before {
    border-bottom:35px solid #162d2f;
}

.corner.blue.rt {
    border-bottom:35px solid #317176;
    background: white;
}

.corner.blue.rt:before {
    border-right:35px solid #162d2f
}

/* Light blue box corner: */
.corner.lblue.lb {
    border-top:35px solid #eff8fd;
    background: white;
}

.corner.lblue.lb:before {
    border-bottom:35px solid #95b2d0;
}

.corner.lblue.rt {
    border-bottom:35px solid #eff8fd;
    background: white;
}

.corner.lblue.rt:before {
    border-right:35px solid #95b2d0
}

/* Orange corners: */
.corner.orange.lb {
    border-top:35px solid #f9a253;
    background: white;
}

.corner.orange.lb:before {
    border-bottom:35px solid #bd6128;
}

.corner.orange.rt {
    border-bottom:35px solid #f9a253;
    background: white;
}

.corner.orange.rt:before {
    border-right:35px solid #bd6128
}

/* Info boxes: */

.box {
    width:100%;
    margin:0 0 15px 0;
    padding: 0;
    list-style: none;
    position: relative;
    clear:both;
}

.box .corner.rt {
    border-width:0 15px 15px 0;
}

.box .corner.rt:before {
    border-width:0 15px 15px 0;
    top:15px;
}

.box .corner.lb {
    border-width:15px 0 0 15px;
}

.box .corner.lb:before {
    border-width:0 15px 15px 0;
}

.box .in {
    padding:20px;
}

.box .in strong.hdr {
    font-family: reforma, "Arial Narrow", Arial;
    color:white;
    text-transform: uppercase;
    font-size: 160%;
}

.box .in strong.hdr {
    text-shadow:0 1px 0 black;
}

.lgreenBox {
    color:white;
    background: #64a014;
}

.lgreenBox .services {
    padding: 10px 0 10px 16px;
    margin: 0;
    color:white;
}

.lgreenBox .services li {
    margin: 4px 0;
}

.lgreenBox .services a {
    color:white;
    text-decoration: none;
}

.lgreenBox .services a:hover {
    color: #caf2cc;
}

.lgreenBox a {
    color:white;
}

.lgreenBox .company, .lgreenBox .site, .lgreenBox .email {
    padding: 0;
    margin: 5px;
}

.lgreenBox .site a {
    text-decoration: none;
    font-weight: bold;
}

.lgreenBox ol {
    padding: 6px 0;
    margin: 0;
    list-style: none;
}

.lgreenBox ol li {
    margin: 4px 0;
    padding: 0 0 0 24px;
}

.lgreenBox .citys li {
    margin: 2px 0 10px 0;
}

.lgreenBox .citys li:before {
    display: block;
    float: left;
    margin: 0 0 0 -22px;
    width:13px;
    height:16px;
    background: url('/data/img/marker.png') left top no-repeat;
    background-size: 100% 100%;
    content: '';
}

.lgreenBox .citys li>em {
    font-style: normal;
}

.lgreenBox .citys li>div.phone {
    margin: 4px 0 0 0;
    font-size: 110%;
    white-space: nowrap;
}

.greenBox { background: #284d1e }
.greenBox, .greenBox a { color:#dfffd6 }



.lgrayBox { background: #e6e6e5 }
.lgrayBox, .grayBox a { color:#333 }


.box.lgrayBox .in strong.hdr {
    color:black;
    text-shadow:0 1px 0 white;
}

.lblueBox { background: #d0e3f5 }

.blueBox { background: #317176 }
.blueBox, .blueBox a { color:#bffaff }

.orangeBox { background: #f47b20 }
.orangeBox, .orangeBox a { color: #f9efda }


.box .purse {
    margin: 10px 0;
    padding:5px 0;
    background: white;
}

.box .purse > div:before {
    content: '';
    display: block;
    margin: 0 auto;
    background-image: url('/data/img/all.png');
    background-repeat: no-repeat;
}

.box .purse.webmoney > div:before {
    width:137px;
    height:38px;
    background-position: -119px -334px;
}

.box .purse.webmoney {
    color:#1962ad;
    text-align: center;
    font-size: 90%;
}

.box .purse.yandex_money > div:before {
    width:118px;
    height:52px;
    background-position: left -334px;
}

.box .purse.yandex_money {
    color:#030000;
    text-align: center;
    font-size: 90%;
}

.box.links ul {
    padding:0;
    margin:0 0 10px 0;
    list-style: none;
}

.box.links ul li {
    padding:4px 0;
    marging:6px 0;
    font-family: "Arial Narrow", Arial;
}

.box.links ul li.current {
    font-weight:bold;
}

.box.links ul li.current a, .box.links ul li.current a:visited {
    color:black;
    text-decoration: none;
}

.box.links ul li a {
    color:#14375b;
}

.box.links ul li a:visited {
    color:#35618e;
}



.top_bg {
    height:135px;
    width:100%;
}


* html .wrapper {
	height: 100%;
	min-width:1100px;

}

@font-face {
	font-family: 'rodeo';
	src: url('/data/fonts/rodeocwebfont.eot');
	src: url('/data/fonts/rodeocwebfont.eot?#iefix') format('embedded-opentype'),
		url('/data/fonts/rodeocwebfont.woff') format('woff'),
		url('/data/fonts/rodeocwebfont.ttf') format('truetype'),
		url('/data/fonts/rodeocwebfont.svg#RodeoCRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'reforma';
	src: url('/data/fonts/rfg79webfont.eot');
	src: url('/data/fonts/rfg79webfont.eot?#iefix') format('embedded-opentype'),
		url('/data/fonts/rfg79webfont.woff') format('woff'),
		url('/data/fonts/rfg79webfont.ttf') format('truetype'),
		url('/data/fonts/rfg79webfont.svg#ReformaGroteskDemiRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

header, .content, footer .cnt {

}

/* HEADERS: */

.topic {
	border-top:4px solid #323539;
	padding:6px 0 10px 0;
}

.grayLine {
	background:#323539;
	height:1px;
	border:none;
	margin:5px 0;
}

.topic h3, .topic h1, .topic strong {
	font-family: reforma, "Arial Narrow", Arial;
	font-size: 2em;
	text-transform: uppercase;
	word-spacing: 1px;
	display: block;
	font-weight: normal;
	margin: 4px 0 2px 0;
	padding: 0;
    line-height: 34px;
}

h1, .topic h3, .topic strong, h1 a, .topic h3 a , .topic strong a {
	color:black;
	text-decoration:none;
}

.topic h1 {
	font-size:180%;
	margin:4px 0 8px 0;
}


.topic em {
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    color: #777;
    text-transform: uppercase;
    font-family: "Arial Narrow";
    display: block;
}


/* TOP: */

header .logoLine {
	width:100%;
	height:85px;
    margin: 0 0 20px 0;
}

header .logo {
	width:25.65%;
    min-width:120px;
}

header .logo .in { padding:15px 15px 0 0 }

header .logo .in > a {
    display: block;
    float:left;
}

header .logo .slogan {
    display: inline-table;
	margin: 15px 0 0 8px;
}



header .slogan strong {
    font-size: 119%;
    display: block;
    letter-spacing: 0.1pt;
    font-weight: 300;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: reforma, "Arial Narrow", Arial;
    /*font-family: "Arial Narrow";*/
}

header .slogan em {
    font-weight: normal;
    font-style: normal;
    font-size: 70%;
    white-space: nowrap;
    color:#777;
    text-transform: uppercase;
    font-family: "Arial Narrow";
}

header .logoLine .logo, header .logoLine .searchBox {
    float:left;
}

header .logoLine .searchBox {
    width:60%;
}

header .logoLine .searchBox .in {
    padding: 25px 0 0 0;
}

header .logoLine .searchBox .searchDst {
    position: relative;
    height:36px;
}

header .logoLine .searchBox .searchDst input.text {
    width:80%;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2%;
    padding-right: 2%;
    margin: 0;
    font-size: 110%;
}

input.muted {
    color:#aaa;
}

header .logoLine .searchBox .searchDst input.text, header .logoLine .searchBox form input.submit {
    display: block;
    float:left;
}

header .logoLine .searchBox form input.submit {
    margin: 0;
    float:right;
    width:20%;
    line-height:20px;
    vertical-align: middle;
}

header .searchDst .hint {
    border-top:1px dotted #aaa;
    position: absolute;
    width:100%;
    left:0px;
    top:36px;
    padding: 0;
    background: #ececea;
    z-index: 2;
    display: none;
}


header .searchDst .hint .loader_col {
    padding: 6px 0 4px 15px;
}

header .searchDst .hint .close_col {
    text-align: right;
}

header .searchDst .hint .close_col .close {
    font-size: 90%;
    color:#ff3f0c;
    padding: 6px 15px 4px 0;
    cursor: pointer;
}

header .searchDst .hint .item {
    border-bottom: 1px dotted #aaa;
}

header .searchDst .hint .row.item:nth-child(odd) { background: #f1f1f1 }

header .searchDst .hint .row.item:hover { background: #e1e1e1 }


header .searchDst .hint .item:last-child {
    border-bottom: none;
}

header .searchDst .hint .row .code, header .searchDst .hint .row .name {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

header .searchDst .hint .row.item.selected {
    background: #c9ccd7;
}

header .searchDst .hint .row .code {
    font-size: 110%;
    padding: 7px 0 0 10px;
}

header .searchDst .hint .row .code a strong {
    display: block;
    padding-left: 18px;
    position: relative;
    line-height: 15px;
}

header .searchDst .hint .row .code a strong:before {
    content: '';
    width:14px;
    height:24px;
    display: block;
    position: absolute;
    left:0;
    top:0;
    background: url('/data/img/all.png') -164px -129px no-repeat;
}

header .searchDst .hint .row .code a {
    color:black;
    font-weight: bold;
    text-decoration: none;
    background: red;
    line-height: normal;
    font-family: "Arial Narrow", Arial;
}



header .searchDst .hint .row .code a strong em {
    display: block;
    font-size: 80%;
    font-style: normal;
    line-height: 13px;
}

header .searchDst .hint .row .code.current em { color:darkgreen }
header .searchDst .hint .row .code.current a strong:before { background-position: -192px -129px }
header .searchDst .hint .row .code.canceled em { color:darkred }
header .searchDst .hint .row .code.canceled a strong:before { background-position: -178px -129px }
header .searchDst .hint .row .code.replaced em { color: #c6a415 }
header .searchDst .hint .row .code.replaced a strong:before { background-position: -206px -129px }

header .searchDst .hint .row .name {
    padding: 6px 10px 2px 0;
}

header .searchDst .hint .row .name .mask {
    overflow: hidden;
    position: relative;
}

header .searchDst .hint .row .name .mask > a {
    color:#111;
    text-decoration: none;
}

header .searchDst .hint .row .name .mask > a:hover {
    color:#555;
}

header .searchDst .hint .row .name .oks {
    display: block;
    font-size: 80%;
    color:#666;
    font-style: normal;
}

header .searchDst .hint .row .name .oks:before {
    display: inline-table;
    vertical-align: middle;
    background: url('/data/img/all.png?9') left -153px no-repeat;
    content: '';
    width:16px;
    height:12px;
    margin: 0 3px 2px 0;
}

header .searchDst .hint .row .code:before, header .searchDst .hint .row .name .mask:before {
    width:30px;
    height:40px;
    content: '';
    top:0;
    right:0;
    position: absolute;
    background: -webkit-linear-gradient(90deg, rgba(237,237,237,0) 0%,#ececea 100%);
    background: -moz-linear-gradient(90deg, rgba(237,237,237,0) 0%,#ececea 100%);
    background: -o-linear-gradient(90deg, rgba(237,237,237,0) 0%,#ececea 100%);
    background: linear-gradient(90deg, rgba(237,237,237,0) 0%,#ececea 100%);
}

header .searchDst .hint .row.item:hover .code:before, header .searchDst .hint .row.item:hover .name .mask:before {
    background: -webkit-linear-gradient(90deg, rgba(237,237,237,0) 0%,#e1e1e1 100%);
    background: -moz-linear-gradient(90deg, rgba(237,237,237,0) 0%,#e1e1e1 100%);
    background: -o-linear-gradient(90deg, rgba(237,237,237,0) 0%,#e1e1e1 100%);
    background: linear-gradient(90deg, rgba(237,237,237,0) 0%,#e1e1e1 100%);
}

header .searchDst .hint .row:nth-child(odd) .code:before, header .searchDst .hint .row:nth-child(odd) .name .mask:before {
    background: -webkit-linear-gradient(90deg, rgba(237,237,237,0) 0%,#f1f1f1 100%);
    background: -moz-linear-gradient(90deg, rgba(237,237,237,0) 0%,#f1f1f1 100%);
    background: -o-linear-gradient(90deg, rgba(237,237,237,0) 0%,#f1f1f1 100%);
    background: linear-gradient(90deg, rgba(237,237,237,0) 0%,#f1f1f1 100%);
}

header .searchDst .hint .row.item.selected .code:before, header .searchDst .hint .row.item.selected .name .mask:before {
    background: -webkit-linear-gradient(90deg, rgba(189,189,206,0) 0%,#cbced8 100%);
    background: -moz-linear-gradient(90deg, rgba(189,189,206,0) 0%,#cbced8 100%);
    background: -o-linear-gradient(90deg, rgba(189,189,206,0) 0%,#cbced8 100%);
    background: linear-gradient(90deg, rgba(189,189,206,0) 0%,#cbced8 100%);
}



header .logoLine .links {
    float:right;
    width:14%;
}


header .logoLine .links .in {
    padding: 26px 0 0 15px;
}


.social {
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

header .links .social.medium {
    text-align: right;
    width:100%;
}

header .links .user {
    display: block;
    overflow: hidden;
    margin: 2px 0 8px 0;
    text-align: right;
}

header .logoLine .links .user > a {
    float:left;
    width:49%;
    color:#111;
    height:20px;
    padding: 4px 0 2px 0;
    background: #ececea;
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    font-family: "Arial Narrow",Arial;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
}

header .logoLine .links .user > a:first-child {
    margin-right: 2%;
}

header .links .user a:first-child:before {
    margin-right: 3px;
}


header .links .user a:before {
    content: '';
    display: inline-table;
    width:21px;
    height:16px;
    margin: 0 5px 1px 0;
    vertical-align: middle;
    background-image: url('/data/img/all.png?129');
    background-repeat: no-repeat;
}

header .links .user a:hover {
    background: #a2161a;
    color:white;
}

header .links .user a.reg:before {
    background-position: -175px -88px;
}

header .links .user a.login:before {
    background-position: -196px -88px;
}


.social.medium li > a {
    display: block;
    width:32px;
    height:32px;
    background-image: url('/data/img/all.png?129');
    background-repeat: no-repeat;
}

.social.medium li {
    float:right;
    list-style: none;
    padding: 0;
    margin: 0 0 0 15px;
}

.social.medium .twitter a {
    background-position: left -72px;
}

.social.medium .vk a {
    background-position: -32px -72px;
}

.social.medium .facebook a {
    background-position: -64px -72px;
}


/* CONTENT: */
.capabilities {
    margin: 0 0 15px 0;
}

.capabilities > div {
    position: relative;
}

.capabilities > div .in {
    padding: 20px 40px;
}

.capabilities h2, .capabilities h2 a {
    color:white;
}

.capabilities h2 {
    font-family: reforma, "Arial Narrow", Arial;
    font-size: 200%;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 2px 0 black;
}

.orangeBox { background: #f47b20 }

.capabilities .cabinet { background: #1e494d }
.capabilities .cabinet, .capabilities .cabinet a { color:#bffaff; }

.capabilities .download { background: #284d1e }
.capabilities .download, .capabilities .download a { color:#dfffd6 }

.capabilities > div .in h2 a { color:white; }

.capabilities .download p, .capabilities .cabinet p {
    text-align: center;
    text-shadow: 0 1px 0 black;
}

.capabilities .download .lnk, .capabilities .cabinet .lnk {
    width:100%;
    height:132px;
    position: relative;
    margin-bottom: -20px;
    display: block;
    background-image: url('/data/img/capa.png?129');
    background-repeat: no-repeat;
}

.capabilities .download .lnk { background-position: center top }
.capabilities .cabinet .lnk { background-position: center -133px }

.capabilities > div .lnk strong {
    display: block;
    text-align: center;
    padding: 100px 0 0 0;
    text-shadow: 0 1px 0 black;
}

.capabilities > div .lnk strong a {
    color:white;
    text-transform: uppercase;
    text-decoration: none;
}

.capabilities > div .lnk .icon {
    width:140px;
    height:90px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -70px;
    margin-top: -65px;
}


.sysLink {
	color:#d21819;
}

.sysLink:hover {
	color:#ba1617;
}

.sysLink span {
	width:14px;
	height:16px;
	display:inline-table;
	vertical-align:middle;
	margin-right:3px;
	background-image:url('/data/img/all.png?129');
	background-repeat:no-repeat;
}

/* Link to news archive: */
.newsArchive {
	float:right;
	clear:both;
	margin:20px 0 0 0;
}

.newsArchive span {
	width:13px;
    height:13px;
    display: inline-table;
    vertical-align: middle;
	background-position:-51px -59px;
}

/* Link to advanced search page: */
.advancedSearch {
	float:right;
	clear:both;
	margin:6px 0 0 0;
}

.advancedSearch span {
	background-position:-50px -16px;
}

/* Link to advanced search page: */
.allCats span {
	background-position:-50px top;
}

.marker1 span {
	background-position:-50px -32px;
}

.actions {
	display:table;
	width:100%;
	margin:0 0 10px 0;
}


em.ge {
	font-style:normal;
	color:black;
	text-decoration:underline;
}

em.ge span.exp {
	color:#c21a22;
}

em.ge span.lower {
	color:#666
}

span.lower {
	text-transform:lowercase;
}

/* Browser attention: */

.modal {
	position:fixed;
	background:black;
	width:100%;
	height:100%;
	left:0;
	top:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
	opacity:0.55;
}

.browserAttention {
	position:fixed;
	left:50%;
	top:50%;
	width:500px;
	height:auto;
	margin-left:-250px;
	margin-top:-200px;
	background:#ffecec;
	border:5px solid red;
	z-index:2;
}

.browserAttention .in {
	padding:20px 40px 10px 40px;
	font-size:120%;
	overflow:hidden;
}

.browsers {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

.browsers li {
	float:left;
	width:33%;
	text-align:center;
	padding:0;
	margin:0;
}

.browsers li a {
	display:block;
	margin:0 auto;
	width:64px;
	height:64px;
	background-image:url('/data/img/all.png?129');
	background-repeat:no-repeat;
}

.browsers li a.chrome { background-position:left -601px }
.browsers li a.opera { background-position:-64px -601px }
.browsers li a.firefox { background-position:-128px -601px }

.browserAttention form {
	clear:both;
	display:block;
	margin:20px 0;
	text-align:center;
}

.browserAttention form input[type=submit] {
	padding:5px 20px;
	font-size:120%;
	margin:10px 0 0 0;
}

/* Last added documents: */
.lastDocuments .hdr {
    display: block;
    margin-bottom: 12px;
}

.lastDocuments .lastAddedStats {
    margin: var(--m) 0;
}

.lastDocuments .lastAddedStats .subTitle {
    font-size: 1.6em;
    margin:var(--xl) 0;
    display: block;
    text-transform: uppercase;
    font-family: reforma, "Arial Narrow", Arial;

}

.lastDocuments li {
    padding: 12px 0;
    user-select: none;
}


.lastDocuments a {
    text-decoration: none;
    display: block;
    color: #1c1c1a;
    overflow: hidden;
}

.lastDocuments a strong {
    display: flex;
    text-decoration: underline;
    align-items: center;
    gap: var(--s);
    font-family: 'Arial Narrow', Arial;
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 4px;
}

.lastDocuments a strong .gostCode {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lastAddedStats .row {
    min-height: auto;
}

.lastAddedStats .param dt {
    width:70%;
    margin-right:-73.1%;
}

.lastAddedStats .param dd {
    margin-left: 74%;
    width: 29%;
    white-space: nowrap;
}

.docIcon {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(/data/img/all.png);
    background-repeat: no-repeat;
    background-position: -132px -129px;
}

.lastDocuments a:hover strong {
    text-decoration: none;
}

.lastDocuments .docName {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
    color: rgba(0,0,0,.7);
}

/* DOCS RATING: */
.gostRating {
	list-style:none;
	padding:0;
	margin:0;
	font-size:90%;
	counter-reset: item;
}

.gostRating li {
    list-style: none;
	padding:8px 0 10px 0;
}

.gostRating li .place {
    text-align: center;
    font-size: 180%;
    color:gray
}

.gostRating li .name > strong {
    display:block;
    clear:both;
    color:#666;
    font-style:normal;
    font-weight:normal;
}

.gostRating li h4 {
    font-size:150%;
    display:inline-table;
    font-family:reforma, 'Arial Narrow', Arial;
    text-transform:uppercase;
    padding:0;
    margin:2px 0 4px 0;
}

.gostRating li h4, .gostRating li h4 a {
    color:#1c1c1a;
}

.gostRating li h4 a:hover {
    color:black;
}

.gostRating li .stat {
    text-align: center;
	color:#d21819;
	font-size:140%;
	font-weight:normal;
	text-transform:uppercase;
	font-family:'Arial Narrow', Arial;
}

.gostRating li .stat span {
	display:inline-table;
	width:11px;
	height:12px;
	background-image:url('/data/img/all.png?129');
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:0 7px 5px 0;
	background-position:-39px -39px;

}


.buttonCode .example {
    padding:10px 0;
}

.buttonCode .tCode {
    width:100%;
    height:100px;
    min-width:100%;
    max-width:100%;
    max-height: 100px;
    min-height: 100px;
}





/* FOOTER: */

.footerPadd {
	height:330px;
}

footer {
	position:relative;
	margin-top:-275px;
    line-height: normal;
    min-width: 1160px;
}

footer .cnt {
    position: relative;
	padding-top: 35px;
    margin:0 auto;
    overflow: hidden;
	background: #262c31;
}

footer .cnt .row:last-of-type {
    margin-bottom:20px;
}

footer .cnt > .in {
	padding:25px 40px 20px 40px;
}

footer .fbox {
    float:left;
    width:25%;
}

footer .fbox.col1 { width:28% }
footer .fbox.col2 { width:23% }
footer .fbox.col3 { width:26% }
footer .fbox.col4 { width:23% }

footer .fbox .ftopic {
	font-size:180%;
	font-weight:normal;
	font-family:reforma, "Arial Narrow", Arial;
	color:#efefef;
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-shadow: 0 1px 0 black;
}

footer .fbox .ftopic:before {
    content: '';
    vertical-align: middle;
    display: inline-table;
    margin: 0 4px 0 0;
    width:25px;
    height:25px;
    background-image: url('/data/img/all.png?129');
    background-repeat: no-repeat;
}

footer .fbox .ftopic.adver:before { background-position: 0 -104px }
footer .fbox .ftopic.nav:before { background-position: -25px -104px }
footer .fbox .ftopic.doc:before { background-position: -50px -104px }
footer .fbox .ftopic.contact:before { background-position: -75px -104px }


footer .fbox .ftopic.sub {
	margin:14px 0 0 0;
}

footer .fbox ul {
	list-style:none;
	padding:0;
	margin:1px 0;
}

footer .fbox ul li {
	padding:6px 0;
	line-height:17px;
}

footer .fbox ul li.last {
	border:none;
}

footer .fbox ul, footer .fbox ul a {
	color:#c9c9c9;
	text-shadow: 0 1px 0 black;
    text-decoration: none;
}

footer .fbox ul a:hover {
	color:#ffffff;
}

footer .counters {
    text-align:right;
    padding: 0 10px 0 0;
    white-space: nowrap;
}


footer .counters img {
	margin-right:5px;
}


footer .row {
    margin: 0 0 20px 0;
}


footer .attention {
    background:#101417;
    font-size:80%;
    color:#959595;
    text-shadow: 0 1px 0 black;
}

footer .copyright {
    color:#959595;
    font-size: 90%;
    text-align: right;
    box-sizing: border-box;
    padding: 0 10px 0 0;
    text-shadow: 0 1px 0 black;
}

footer .copyright .social {
    margin: 0 0 30px 0
}

footer .copyright p {
    padding: 0;
    margin: 8px 0 8px 0;
}

footer .copyright strong {
    color:white;
}

footer .attention .in {
    padding: 10px 20px;
}

/* Cats: */

.oksCats, .oksCats ol {
	list-style:none;
	padding:0;
	margin:0;
}

.oksCats {
	font-size:90%;
	margin:0 0 20px 0;
	overflow:hidden;
	font-family:"Arial Narrow", Arial;
}

.oksCats a {
    text-decoration: none;
}

.oksCats ol {
	display:none;
}

.oksCats li.last { border:none }
.oksCats li {
	position:relative;

}

.oksCats li.active > a.but, .oksCats li.active > strong.but {
    color:#b20e15;
    text-decoration: none;
    font-weight: bold;
}

.oksCats > li strong, .oksCats ol li a {
	cursor:pointer;
    display:inline-block;
	margin-right:70px;
}

.oksCats ol.childs { margin:3px 0 4px 0 }

.oksCats span.info {
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	right:52px;
	top:4px;
	overflow:hidden;
	background-image:url('/data/img/all.png?129');
	background-repeat:no-repeat;
	background-position:0 -32px;
	margin:0 5px 0 5px;
}

.oksCats span.info.empty {
	background:none;
}

.oksCats li::before {
	content:" ";
	display: block;
	position:absolute;
	left:0px;
	width:16px;
	height:16px;
	background-image:url('/data/img/all.png?129');
	background-repeat:no-repeat;
}

.oksCats li.loading.plus::before { background:url('/data/img/load_mini.gif') left top no-repeat }

.oksCats li.plus::before { background-position:-64px -15px }
.oksCats li.minus::before { background-position:-64px -31px }
.oksCats li.noChilds::before { background:none }

.oksCats li div.num {
	position:absolute;
	width:50px;
	font-family:"Arial Narrow", Arial;
	height:17px;
	margin:2px 0 0 0;
	padding:1px 0 0 0;
	background:#f1f1f1;
	color:#666;
	text-align:center;
	right:0;
	top:2px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* Level 1: */

.oksCats > li {
	border-bottom:1px dotted #666;
	padding:5px 0 6px 18px;
}

.oksCats > li > strong, .oksCats > li > a.but {
    font-size:110%;
    font-weight: bold;
    color:black;
    text-decoration: none;
}


/* Level 2: */

.oksCats > li ol.opened {
    display: block;
}

.oksCats > li > ol li {
	border-bottom:1px dotted #ccc;
	padding:4px 0 4px 18px;
}

.oksCats ol > li:last-child {
    border-bottom: none;
}

.oksCats > li > ol > li a, .oksCats > li > ol > li { color:black }
.oksCats > li > ol strong { font-weight:normal }

.oksCats > li > ol > li div.num {
	margin:0;
}

/* Level 3 and others */

.oksCats > li > ol > li > ol a, .oksCats > li > ol > li > ol { color:#555; }





/* Navigation: */
ul.nav {
}

/* Last news: */

.listNews {
	display:block;
	list-style:none;
	padding:0;
}

ul.lastNewsShort, ul.lastNews {
	display:block;
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}

ul.lastNewsShort {
	margin:0;
}

.listNews li {
	margin:10px 0;
}

ul.lastNewsShort li.item.first {
	padding-top:0;
	margin-top:0;
}

ul.lastNewsShort li.item h3 {
	font-family:reforma, 'Arial Narrow', Arial;
	font-size:120%;
}

ul.lastNewsShort li.item h3, ul.lastNewsShort li.item h3 a {
	color:#555;
}

ul.lastNewsShort li.item.current .arrow {
	display:block;
	position:absolute;
	width:10px;
	height:11px;
	margin-left:-16px;
	margin-top:18px;
	background:url('/data/img/all.png?129') -50px -45px no-repeat;
}

ul.lastNewsShort li.item.current .datePublish {
	color:#D21819;
	font-style:normal;
}

ul.lastNewsShort li.item.current h3 a {
	color:black;
	text-decoration:none;

}

ul.lastNewsShort li.item, ul.lastNews li.item {
	display: flex;
    align-items: center;
    gap: var(--l);
    padding: var(--s) 0;
}

.listNews h3, ul.lastNewsShort li.item h3, ul.lastNews li.item h3 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-family: 'Arial Narrow', Arial;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

ul.lastNews li.item h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 1.2em;
    white-space: nowrap;
}

ul.lastNewsShort li.item h3 {
	font-size:100%;
}

.listNews h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
}

.listNews h3, .listNews h3 a {
	color:darkgray;
}


.listNews .datePublish, ul.lastNewsShort li.item .datePublish, ul.lastNews li .datePublish, ul.lastNews li.mainNews .datePublish {
	font-family:"Arial Narrow", Arial;
	font-style:normal;
	color:#999;
    white-space: nowrap;
}



ul.lastNewsShort li.item .datePublish {
	font-size:80%;
	margin:1px 0 0 0;
	clear:both;
	float:none;
	display:block;
}

ul.listNews li.item .datePublish {
	width: 15%;
}

.listNews li p {
	margin:6px 0;
}

ul.lastNews li.mainNews .datePublish {
	float:none;
}

ul.lastNews li.mainNews .img {
	width:30%;
	float:left;
}

ul.lastNews li.mainNews .short {
	width:70%;
	float:right;
}

ul.lastNews li.mainNews .short.w100 {
	width:100%;
	float:none;
    margin: 0 0 8px 0;
}

ul.lastNews li.mainNews h2, ul.lastNews li.mainNews h3 {
	font-family:reforma, 'Arial Narrow', Arial;
	font-weight:normal;
}

ul.lastNews {
	margin:0 0 30px 0;
	overflow:hidden;
}

ul.lastNews .item h3 a {
	color:gray;
}

ul.lastNews li.mainNews h2 {
	font-size: 1.8em;
	margin: 2px 0 6px 0;
}

ul.lastNews li.mainNews h2, ul.lastNews li.mainNews h2 a {
	color:black;
}

ul.lastNews li.mainNews p {

}

ul.lastNews li.item h3, ul.lastNews li.item h3 a {

}

ul.lastNews li.last {
	border:none;
}

section.listGosts, section.gost {
    padding:0;
}

section.listGosts .docsColumn {
    width:78%;
    padding-right: 20px;
}

section.listGosts .adColumn {
    width:22%;
    padding: 20px 0 0 0;
}


section.listGosts .header {
    margin: 0 0 20px 0;
}

section.listGosts h1 a, section.listGosts h2 a {
    color:black;
}

section.listGosts h1 {
    font-size: 180%;
    margin: 0 0 14px 0;
    padding: 0;
    letter-spacing: -1px;
}

section.listGosts h1, section.listGosts h1 a { color:#aaa }
section.listGosts h2, section.listGosts h2 a { color:#777 }


section.listGosts h2 {
    font-size: 140%;
    margin: 6px 0 16px 30px;
    letter-spacing: -1px;
}

section.listGosts h3 {
    font-size: 120%;
    margin: 10px 0 12px 56px;
    letter-spacing: -1px;
}

section.listGosts  > .stat {
    padding: 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #ececec;
    text-shadow:0 1px 0 white;
}

.listGosts .cats {
    padding: 0;
    overflow: hidden;
    margin: 20px 0 0 0;
}

.listGosts .cats li {
    list-style: none;
    float:left;
    display: block;
    width: 23%;
    margin: 0 0 10px 0;
    padding: 0;
    margin-right: 2%;
    height: 95px;
    position: relative;
    overflow: hidden;
}


.listGosts .cats li:last-child {
    margin-right: 0;
}

.listGosts .cats li a {
    text-decoration: none;
}

.listGosts .cats li a, .listGosts .cats li a h4 {
    color:#666;
}

.listGosts .cats li a:hover h4 {
    color:#111;
}

.listGosts .cats li .code, .listGosts .cats li h4 {
    margin-left: 38px;
}

.listGosts .cats li .code {
    margin-top: 4px;
    text-decoration: none;
    display: inline-table;
    color:black;
    border-bottom: 1px dotted black;
}


.listGosts .cats li h4 {
    margin-top: 0;
    font-size: 110%;
    font-weight: normal;
    padding: 3px 0 2px 0;
    color:#555;
}

.listGosts .cats li:after {
    width:100%;
    position: absolute;
    height:20px;
    background: gray;
    z-index: 2;
    bottom:0;
    left:0;
    content:'';
    background-color: transparent;
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -o-linear-gradient(180deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%,#fff 100%);
}


.listGosts .cats li em.stat {
    font-size: 90%;
    color:#333;
    position: absolute;
}

.listGosts .cats li div.countDocs {
    position: absolute;
    width:34px;
    height:19px;
    line-height: 19px;
    vertical-align: middle;
    font-size: 80%;
    background: url('/data/img/all.png') -33px -129px no-repeat;
    top:0px;
    font-family: "Arial Narrow";
    padding: 5px 0 0 0;
    left:-1px;
    text-align: center;
    color:white;
    text-shadow:0 1px 0 black;
}


.listGosts .gosts {
    padding: 30px 0 10px 15px;
    margin: 0;
}

.listGosts .gosts article {
    margin: 12px 0;
    height: auto;
    padding: 12px 0;
    position: relative;
    clear:both;
    border-bottom: 1px dashed #dedede;
}

.listGosts .gosts article:first-child {
    margin-top:0;
    padding-top: 0;
}

.listGosts .gosts article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.listGosts .gosts article .code {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color:black;
    gap: var(--s);
    font-size: 200%;
    font-family: "Arial Narrow", Arial;
    position: relative;
    margin:0 0 var(--s) 0;
}

.listGosts .gosts article .code strong {
    font-weight: normal;
}

.gostRating .gost .name h4 a {
    display: flex;
    gap: var(--s);
}


.listGosts .gosts article .code .status, .iconStatus {
    display: inline-table;
    width: 24px;
    height: 24px;
    min-width: 24px;
    vertical-align: middle;
    background-image: url('/data/img/all.png?123');
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
}

.listGosts .gosts article .code .status.current, .iconStatus.current {
    background-position: -144px -286px;
}

.listGosts .gosts article .code .status.noInRf, .iconStatus.noInRf {
    background-position: -120px -286px;
}

.listGosts .gosts article .code .status.canceled, .iconStatus.canceled {
    background-position: -96px -286px;
}

.listGosts .gosts article .code .status.replaced, .iconStatus.replaced {
    background-position: -96px -286px;
}

.listGosts .gosts article .code .status.replaced, .iconStatus.noDefined {
    background-position: 10000px 0;
}

.listGosts .gosts article h4 {
    margin: 0;
    padding: 0;
    font-size: 120%;
    font-weight: normal;
}

.listGosts .gosts article h4 a {
    color:black;
    text-decoration: none;
}

.listGosts .gosts article h4 a:hover, .listGosts .gosts article a.code:hover {
    color: #555;
}

.listGosts .gosts article .descr {
    display: block;
    list-style: none;
    color:#777;
    line-height: normal;
    padding: 0;
    margin: 12px 0 8px 30px;
}


.listGosts .gosts article .descr em {
    font-style: normal;
}

.listGosts .gosts article .descr em.current { font-weight: bold }
.listGosts .gosts article .descr em.canceled { font-weight: bold }
.listGosts .gosts article .descr em.pages { color:black }

.current { color:#468847 }
.canceled { color:#b94a48 }


.listGosts .gosts article .shortListDocs {
    width:100%;
    display: block;
    overflow:hidden
}


.listGosts .gosts article .descr div.shortListDocs p {
    padding: 0;
    margin: 0;
    height:24px;
}

.listGosts .gosts article .link a {
    text-decoration: none;
}

.listGosts .gosts article .link a em {
    border-bottom: 1px dotted;
}


.listGosts .gosts .document {
    padding: 0 0 0 0;
    text-decoration: none;
    float:left;
    display: inline-block;
    width:24%;
    margin: 0 1% 0 0;
    color:gray;
    text-shadow:0 1px 0 white;
    box-sizing: border-box;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    border:1px solid white;
}

.listGosts .gosts .document:hover {
    border-color: #ccc;
    background: #f1f1f1;
}

.listGosts .gosts .document.notFind .type {
    opacity: 0.4;
}

.listGosts .gosts .document .type {
    float:left;
    width:25%;
    text-align: center;
    padding: 4px 0 6px 0;
    margin: 0 4px 0 0;
    color:gray;
}

.listGosts .gosts .document .link {
    width:75%;
    vertical-align: middle;
    display: table-cell;
}


.listGosts .gosts .document .filesize {
    display: block;
    font-size: 80%;
    color:gray;
}

.listGosts .gosts .document .link em {
    line-height: 19px;
    vertical-align: middle;
    font-style: normal;
    color:black;
    border-bottom: 1px dotted black;
}

.listGosts .gosts .document:hover .link em {
    border-bottom: none;
}

.listGosts .gosts .document .link .emptyFile {
    font-size: 90%;
    text-transform: lowercase;
    white-space: -1px;
    color:gray;
    font-family: "Arial Narrow", Arial;
}

.adest {
    margin: 20px auto;
    padding: 10px;
    width:240px;
}

.dvert {
    margin: 20px 0;
    text-align: center;
}

.dhor {
    margin: 10px 0;
}

/* Advertisment: */

.adv {
    background: #deb22c;
    padding: 20px 0;
    clear:both;
    text-align: center;
    font-weight: bold;
    color:#95730c;
    text-shadow:0 1px 0 #ffdf7f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.adv.block1 {
    margin: 20px 0;
    font-size: 180%;
    width:100%;
    height:100px;
}

.adv.block2 {
    font-size: 120%;
    width:100%;
    height:120px;
    margin: 20px 0;
}

.adv.block_250x250 {
    font-size: 120%;
    width:250px;
    height:210px;
    margin: 20px auto;
}

.okpdLink {
    margin: 20px 0 15px 0;
    overflow: hidden;
}

.okpdLink .btn {
    display: block;
    margin: 0 0 6px 0;
}

.helpBox {
    margin: 0 0 var(--l) 0;
}

.helpBox ul {
    padding: var(--xs) 0 var(--xs) var(--l);
    margin: 0;
    list-style: none;
}

.helpBox ul li em {
    font-style: normal;
    color:gray;
}

.helpBox dl {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

.helpBox h4 {
    clear:both;
    margin: 8px 0 6px 0;
    display: block;
}



.helpBox dl dt, .helpBox dl dd {
    padding: 0;
    margin: 0;
}

.helpBox dl dt {
    width:15%;
    margin-right:1%;
    margin-bottom: var(--m);
    float:left;
    text-align: center;
    clear:both;
}

.helpBox dl dd {
    width:84%;
    padding:0;
    margin-bottom: var(--m);
    float:right;
    line-height: normal;
}



.param {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

.param dt, .param dd {
    padding: 3px 0;
    display: -moz-inline-box;
    display: inline-block;
}

.param dt {
    vertical-align: top;
    overflow: hidden;
    width: 47%;
    margin-right: -53.1%;
}

.param dt em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
    padding-right: 3px;
}

.param dt span.dotted {
    display: inline-block;
    zoom: 1;
    width: 100%;
    margin: 0 -100% 0 0;
    vertical-align: baseline;
    border-bottom: 1px dotted #ccc;
}

.param dd {
    vertical-align: bottom;
    margin-left: 53%;
    width: 52%;
    color:black;
}

.param.pages dd {
}


/* Section GOST: */
.block-buts {
    margin: 20px 0;
}

a.btn, div.btn {
    text-decoration: none;
}

.btn {
    color: #333;

    display: inline-flex;

    width: auto;
    font-family: "Arial Narrow", Arial;
    text-transform: uppercase;
    user-select: none;
    cursor: pointer;

    background: #fff;
    margin: 0 2px 2px 0;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .12);

    gap: var(--s);
    position: relative;

    font-size: 1em;
    height: 36px;
    align-items: center;
    padding: 0 var(--m);
}

.btn.red {
    background: #d8181f;
    color: white;
    border-color: transparent;
}

.btn.red:hover {
    color: white;
}

.btn:hover {
    opacity: .9;
    color: #333;
}

.btn:active {
    margin: 2px 0 0 2px;
    color: rgba(0,0,0,.5);
    box-shadow: 1px 1px 0 rgba(0,0,0,.12);
}

.btn > span {
    text-transform: uppercase;
    white-space: nowrap;
}

.gost .first {
    display: flex;
    align-items: center;
    gap: var(--l);
}

.gost h1 {
    color:black;
    width:40%;
    display: inline-flex;
    gap: var(--m);
    align-items: center;
    margin: 0;
    padding: 0;
    float:left;
    font-weight: bold;
    font-family: "Arial Narrow", Arial;
    letter-spacing: -0.01em;
}

.gost h1 .gostCode {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.gost .first nav {
    width:60%;
}

.gost .first nav ul {
    padding: 0;
    margin: 0;
    gap: var(--m);
    display: flex;
    list-style: none;
    border-bottom:3px solid #292929;
}

.gost .first nav ul li {
    width:auto;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.gost .first nav ul li:last-child {
    margin-right: 0;
}

.gost .first nav ul li a {
    display: flex;
    align-items: center;
    gap: var(--xs);
    padding: 0 var(--l);
    height: 42px;
    font-size: 1.2em;
    user-select: none;
    text-decoration: none;
    white-space: nowrap;
    color:black;
    background: #f1f1f1;
    outline: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    text-shadow:0 1px 0 white;
}

.gost .first nav ul li a.active {
    background: #292929;
    color:white;
    text-shadow: 0 1px 0 black;
}

.gost .first nav ul li a:before {
    width:25px;
    height:24px;
    display: inline-table;
    vertical-align: middle;
    content: '';
    background-image: url('/data/img/all.png?123');
    background-repeat: no-repeat;
}

.gost .first nav ul li a.info:before { background-position: -72px -262px }
.gost .first nav ul li a.text:before { background-position: -96px -262px }
.gost .first nav ul li a.download:before { background-position: -120px -262px }

.gost .first nav ul li a.info.active:before { background-position: -150px -104px }
.gost .first nav ul li a.text.active:before { background-position: -50px -104px }
.gost .first nav ul li a.download.active:before { background-position: -125px -104px }

.gost .first nav ul li a:hover {
    background: lightgray;
}

.gost .first nav ul li a.active:hover {
    background: #353535;
}


.pageNav {
    position: fixed;
    top: 32px;
    right: 32px;
    width: max-content;
}

.pageNav.hide {
    display: none;
}

.pageNav a {
    display: block;
    padding: var(--m);
    color: black;
    transition: .1s;
    text-decoration: none;
    user-select: none;
    background: #fff;
    margin:2px 0 0 0;
    box-sizing: border-box;
    border:1px solid rgba(0,0,0,.2);
    box-shadow: 4px 4px 0 rgba(0,0,0,.2);
}

.pageNav a:active {
    margin:4px 0 0 0;
    color: rgba(0,0,0,.5);
    box-shadow: 2px 2px 0 rgba(0,0,0,.2);
}

.gost .dst {
    position: relative;
}

.gost .dst > .tab {
    display: none;
}

.gost .dst > .tab.active {
    display: block;
}

.gost .dst .row .cell1 {
    width:75%;
    padding-right: 20px;
}

.gost .dst .row .cell2 {
    width:25%;
}

.iconGost {
    width: 32px;
    height: 32px;
    display: inline-table;
    content: '';
}

.gost h2 {
    color:#a70e16;
    letter-spacing: -1px;
    margin: 6px 0 22px 0;
}

.gost ul.oks {
    padding: 0;
    margin: 10px 0 15px 0;
    list-style: none;
}

.gost ul.oks li {
    padding: 6px 0 6px 40px;
    height:18px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.gost ul.oks li:after {
    position: absolute;
    content: '';
    width:40px;
    height:30px;
    right:0;
    top:0;
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
}

.gost ul.oks li a strong {
    border-bottom: 1px dotted;
    color:black;
}

.gost ul.oks li a {
    text-decoration: none;
    color:#666;
    position: relative;
}

.gost ul.oks li a:before {
    content:'';
    width:24px;
    height:24px;
    background: url('/data/img/all.png') -72px -286px no-repeat;
    position: absolute;
    left:-28px;
    top:-5px;
    font-size: 140%;
}

.gost ul.oks li a:hover {
    color:#111;
}

.gost ul.oks li a:hover:before {
    background-position: -48px -286px;
}

.gost .gostInfo {
    margin: 8px 0;
}

.gost .gostInfo .gostCodes, .gost .textLinks {
    padding: 0;
    margin: 12px 0 12px 30px;

}

.gost .textLinks .row dd a {
    white-space: nowrap;
    display: inline;
    color:black;
}


.gost .textLinks .param dt {
    width:29.5%;
}

.gost .textLinks .param dd {
    width:55%;
    margin-left:54%;
}


.textLinks .gostItem {
    margin: 0 10px 0 0;
}

.gost .textLinks .row dd a .docIcon {
    display: inline-table;
    background-image: url('/data/img/all.png');
    background-repeat: no-repeat;
    background-position: -164px -129px;
    width:14px;
    height:18px;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.gost .gostInfo .row > strong {
    display:block;
    margin:4px 0;
}

.gost .gostInfo .gostCodes, .gost .gostInfo .textLinks {

}

.gost .gostInfo .gostCodes li, .gost .gostInfo .gostCodes li > div, .gost .gostInfo .textLinks li, .gost .gostInfo .textLinks li > div {
    min-height: 22px;
}

.gost .gostInfo .gostCodes li, .gost .gostInfo .textLinks li {
    padding: 0;
    margin: 0;
}

.gost .gostInfo .textLinks li div.links a {
    font-size: 80%;
    margin-right: 8px;
    display: inline-block;
    text-decoration: none;
}

.gost .gostInfo .textLinks li div.links a span:before {
    font-size: 120%;
    margin-right: 3px;
}

.gost section.downloads {
    margin: 15px 0;
}

.gost section.downloads > .row, .gost ul.mods > .row {
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px dotted #ccc;
}

.gost section.downloads .row.header, .gost ul.mods .row.header {
    color:black;
    background: lightgray;
}

.gost section.downloads .row.header > .date {
    padding-top: 0;
}

.gost section.downloads .icon {
    text-align: center;
}

.gost section.downloads .row > .link, .gost section.downloads .row > .size, .gost section.downloads .row > .count, .gost section.downloads .row > .dateAdd {
    text-align: center;
    padding-top: 5px;
}

.gost section.downloads .row .link {
    padding-top: 3px;
}

.gost section.downloads .row .link .mask {
    overflow: hidden;
    width:95%;
    position: relative;
}

.gost section.downloads .row .link .mask:before {
    width:40px;
    height:30px;
    content: '';
    display: block;
    position: absolute;
    right:0;
    top:0;
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%,#fff 100%);
}

.gost section.downloads .row .link .mask > a, .gost ul.mods .link a {
    white-space: nowrap;
    color:black;
    font-size: 120%;
}

.gost section.downloads .row span.noFile {
    color:#f44;
}

.gost section.gostText {
    margin: 20px 0;
}


.gost section.downloads .link .adm {
    margin: 20px 0 0 0;
}

.gost section.downloads .link a .docType, .gost ul.mods .link a .docType {
    margin: 0 6px 0 0;
}

.gost section.downloads .link div.size, .gost ul.mods .link div.size {
    margin: 6px 0 0 0;
    font-size: 90%;
    color: #444;
    text-shadow: 0 1px 0 white;
}

.gost section.text {
    position: relative;
    font-size: 15px;
}

.gost section.text .header {
    font-size: 140%;
    line-height: normal;
    text-align: center;
}

.gost section.text h2 {
    color:black;
    font-size: 140%;
    text-align: center;
    line-height: 180%;
}

.gost section.text td p {
    padding: 0;
    margin: 5px 0;
}

.gost section.text p {
    margin:15px 0;
    padding: 10px 0;
    text-indent: 20px;
}


.gost section.text .gostexpert_logo {
    padding: 0 10px 10px 0;
    float:left;
}

.gost section.text ul.pagesOfGost {
    padding: 0;
    margin: 0;

    list-style: none;
}

.gost section.text ul.pagesOfGost li.page {
    display: block;
    text-align: center;
    margin: 0;
}

.gost section.text ul.pagesOfGost li.page img {
    max-width: 100%;
}

.gost section.text ul.pagesOfGost li.page em {
    font-family: "Arial Narrow";
    font-size: 90%;
    color:gray;
    font-style: normal;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.gost ul.mods {
    padding: 0;
    margin: 0;
    list-style: none;
    border:1px solid lightgray;
}

.gost ul.mods > .row > div {
    padding-top: 5px;
    text-align: center;
}

.gost ul.mods > .row:last-of-type {
    border-bottom: none;
}

.gost ul.mods > .row > div.name {
    text-align: left;
    padding: 5px 0 5px 10px;
}

.gost ul.mods .header > .date > .row {
    line-height: normal;
    min-height: 18px;
}

.gost ul.mods .header > .date > .row > div {
    line-height: normal;
    min-height: 10px;
}

.gost ul.mods .name strong {
    display: block;
    margin: 0 0 3px 0;
    padding: 0;
}

.gost ul.mods .name p {
    padding: 0;
    margin: 0;
    font-size: 90%;
    font-family: "Arial Narrow", Arial;
}



.ml15px { margin-left: 15px }
.ml30px { margin-left: 30px }


/* Message box (error 404): */
.addPage a {
    color:white;
    text-decoration: none;
}

.msg_box {
    width:600px;
    position: fixed;
    left:50%;
    top:50%;
    margin-left: -300px;
    margin-top: -220px;
    background: #262c31;
    color:white;
}

.msg_box h1 {
    color:white;
}

.msg_box .in {
    padding: 30px 35px 60px 35px;
    color: #c9c9c9;
    text-shadow: 0 1px 0 black;
}

.msg_box .error_code {
    display: block;
    font-size: 500%;
    text-align: center;
    overflow: hidden;
    line-height: normal;
    color:#5e6267;
    text-shadow: 0 1px 0 black;
}

.msg_box .gost_expert_logo {
    text-align: center;
}

.gostexpert {
    height:200px;
    position: relative;
    width:100%;
    margin: 0 0 15px 0;
    overflow: hidden;
    background-color: #e6e6e5;
}

.gostexpert .slogan {
    position: absolute;
    width:80%;
    text-align: center;
    left:50px;
    top:25px;
}

.gostexpert .slogan strong {
    font-family: reforma, "Arial Narrow", Arial;
    display: block;
    font-weight: bold;
    font-size: 260%;
    word-spacing: 1px;
    line-height: 34px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 white;
}

.gostexpert .slogan em {
    display: block;
    font-size: 90%;
    font-family: "Arial Narrow";
    text-transform: uppercase;
    margin:8px 0;
    color:#555;
    font-style: normal;
    text-shadow: 0 1px 0 white;
}


.btn.green {
    margin: 0 auto;
    background:#1c2f16;
    text-shadow:0 1px 0 #1c2f16;
}

.btn.green:hover {
    color: white;
}

.btn.red:hover {
    background: #e90f17;
}

.gostexpert:before, .gostexpert:after {
    position:absolute;
    content: '';
}

.gostexpert:after {
    width:158px;
    height:133px;
    left:40px;
    top:30px;
    background: url('/data/img/gosts.png') left top no-repeat;
}

.gostexpert:before {
    width:189px;
    height:176px;
    right:60px;
    top:10px;
    background: url('/data/img/ge_mon.png') left top no-repeat;
}


.oksAllCats {
    list-style:none;
    padding:4px 0;
    margin: 2px 0;

}

.oksAllCats > li {
    margin: 0;
    padding: 3px 0 3px 20px;
}

.oksAllCats > li a {
    text-decoration: none;
    color:#666;
}

.oksAllCats > li a:hover {
    color:black;
}

.oksAllCats > li a span {
    border-bottom: 1px dotted black;
    color:black;
    margin: 0 4px 0 2px;
}

.oksAllCats > li em {
    font-style: normal;
    color:darkgray;
    margin:0 0 0 4px;
    white-space: nowrap;
}

.oksAllCats > li em:before {
    content: '';
    display: inline-table;
    vertical-align: middle;
    width:14px;
    height:18px;
    margin: 0 2px 0 0;
    background-image:url('/data/img/all.png');
    background-repeat: no-repeat;
}

.oksAllCats > li em.countGosts {
    margin-left: 10px;
    margin-right: 10px;
}

.oksAllCats > li em.countGosts:before {
    background-position:-164px -129px;;
}

.oksAllCats > li em.countDocs:before {
    background-position:-164px -147px;;
}

.oksAllCats > li a:before {
    display: block;
    display: inline-table;
    vertical-align: middle;
    content: '';
    width:16px;
    height:11px;
    margin: 0 4px 2px 0;
    background-image: url('/data/img/all.png');
    background-position: left -153px;
}

.oksAllCats > li.open a:before {
    background-position: -16px -153px;
}

.feedbackForm .row .fName {
    padding:6px 0 0 0;
}

.feedbackForm .row {
    margin:0 0 15px 0;
}

.feedbackForm .help {
    font-size: 90%;
    color:gray;
    padding: 2px 0;
}



.sResults {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: var(--xl);
}

.sResults .result {
    display: flex;
    gap: var(--m);
    flex-direction: row;
}

.sResults .result .num {
    display: flex;
    width: 7%;
    align-items: start;
    justify-content: center;
    color: gray;
    font-size: 120%;
    padding: var(--s);
}



.sResults .result .passage {
    width: 93%;
    display: flex;
    gap: var(--s);
    flex-direction: column;
}

.sResults .passage .code {
    display: flex;
    gap: var(--s);
    flex-direction: row;
    align-items: center;
}

.sResults .passage strong {
    font-size: 140%;
    font-family: "Arial Narrow", Arial, sans-serif;
    color: black;
}

.sResults .passage strong a {
    color:black;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: var(--s);
}

.sResults .name a {
    color:#a70e16;
    text-decoration: none;
}

.sResults .coincedence {
    font-size:85%;
    margin: 10px 15px;
}

.sResults .coincedence em {
    font-style: normal;
    display: block;
    color:#666;
    margin: 0 0 2px 0;
}

.sHelp ol {
    padding: 0;
    margin: 15px 0 15px 15px;
    font-size: 90%;
    font-family: "Arial Narrow",Arial;

    line-height: normal;
    color:#222;
}

.sHelp ol li {
    margin: 15px 0;
}

.leftBlock {
    margin: 15px 0;
}

.slink {
    font-size: 90%;
    clear: both;
    overflow: hidden;
    margin: 20px 0;
    padding:15px 20px;
    background: lightcyan;
    color:#1f6377;
}

.slink a {
    color:#1f6377;
}

.pdf_admin {
    float: right;
    position: relative;
    white-space: nowrap;
    height:31px;
    width:300px;
    clear: both;
}

.pdf_regenerate, .pdf_status {
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 90%;
    width:130px;
    height:30px;
    text-align: center;
    padding: 17px 10px 5px 10px;
    text-decoration: none;
    cursor: pointer;
    color:white;
}

.pdf_regenerate {
    background: darkolivegreen;
}

.pdf_regenerate:hover { color:white }

.pdf_status.noActive { background: darkred }
.pdf_status.active { background: darkgreen }
.pdf_status:hover { color:white }

.pdf_download {
    clear: both;
    float: right;
    display: inline-block;
    height:31px;
    width:204px;
    margin: 0 0 8px 0;
    padding: 4px 4px 4px 55px;
    text-decoration: none;
    color:white;
    text-shadow: 0 1px 0 #440000;
    background: url('/data/img/all.png?125') left -386px no-repeat;
}

.pdf_download, .pdf_download:visited {
    color:white;
}

.pdf_download em {
    font-style: normal;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    position:relative;
}

.pdf_download em:after {
    content: '';
    right:0;
    top:0;
    width:10px;
    height:15px;
    background: -webkit-linear-gradient(90deg, rgba(237,237,237,0) 0%,#d20a0a 100%);
    background: -moz-linear-gradient(90deg, rgba(237,237,237,0) 0%,#d20a0a 100%);
    background: -o-linear-gradient(90deg, rgba(237,237,237,0) 0%,#d20a0a 100%);
    background: linear-gradient(90deg, rgba(237,237,237,0) 0%,#d20a0a 100%);
    position: absolute;
    z-index: 1;
}

.pdf_download:hover {
    color:#ffecec;
    background-position: left -425px;
}

.pdf_download > div.filesize {
    font-size: 70%;
    color:#f36767;
    line-height: 10px;
}

.clearb {
    display:block;
    width:100%;
    clear: both;
}

.download {
    padding: 6px 0px;
}

.okpd2_pdf a {
    color:#aa1b23;
    text-decoration: none;
    display: block;
    padding: 8px 8px;
    box-sizing: border-box;
}

.okpd2_pdf svg {
    width:38px;
    height:38px;
    display: inline-table;
    vertical-align: middle;
    color:#aa1b23;
    margin: 0 4px 0 0;
}

.okpd2_pdf .filesize {
    color:grey;
    margin-left: 6px;
}

.okpd2_pdf.big_link {
    font-size: 130%;
    text-align: center;
    padding: 0;
}

.okpd2_pdf.big_link svg {
    display: block;
    margin: 0 auto 10px auto;
    width:56px;
    height:56px;
}

.okpd2_pdf.big_link .filesize {
    display: block;
    font-size: 80%;
    padding: 4px 0;
}

.newsTopic {
    display: flex;
    gap: var(--s);
    align-items: center;
}

.newsTopic .header {
    width: 70%;
}

.newsTopic .addNews {
    width: 30%;
    display: flex;
    justify-content: end;
}


.dialog {
    position: fixed;
    flex-direction: column;
    gap: var(--l);
    left: 50%;
    top: 50%;
    z-index: 100;
    background: white;
    transform: translate(-50%, -50%);
    padding: var(--xxl);
    border: 1px solid #00000011;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, .1);
    display: none;
}

.dialog .cap {
    display: flex;
    gap: var(--l);
    align-items: center;
}

.dialog .cap h2 {
    width: 100%;
}

.dialog .cap .close {
    justify-self: end;
    cursor: pointer;
}

.dialog.show {
    display: flex;
}

.dialog .formFields {
    margin: var(--xl) 0;
    display: flex;
    gap: var(--l);
    flex-direction: column;
}

.dialog .formActions {
    display: flex;
    gap: var(--l);
}

.dialog .formFields .post, .dialog .formFields .author {
    display: flex;
    gap: var(--l);
}

.dialog .formFields .post {
    flex-direction: column;
}

.dialog .line {
    display: flex;
}

.dialog .post .line > input, .dialog .post .line > textarea {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
}

.dialog .newsText {
    width: 100%;
    resize: none;
    height: 80px;
}

.dialog .formFields .author > div {
    width: 50%;
}

.dialog .formFields .author > div > input {
    width: 100%;
    box-sizing: border-box;
}

.rules {
    padding: var(--l) 0 var(--l) var(--2xxl);
}

.rules li::marker {
    color: #555;
}

.rules li {
    padding-left: var(--l);
}