BODY {font: normal 12px/1.25em Arial, sans-serif; color: rgb(134,145,151); background: rgb(223,223,223)}

FORM {margin: 0; padding: 0}
SELECT, TEXTAREA, INPUT.fld {background: rgb(255,255,255); padding-left: 2px; padding-top: 0px; padding-bottom: 0px;  border: rgb(213,213,213) 1px solid; color: rgb(69,69,69); font: normal 12px Arial, sans-serif}
INPUT.fld { height: 17px }
SELECT { height: 19px;; }

INPUT.btn {margin-top: 0px; margin-bottom: -4px; padding-top: 0px; padding-bottom: 0px}
TEXTAREA {overflow: hidden !important}
A {color: rgb(0,166,235)}
A IMG {border: none}
H1, H2, H3, H4, H5, H6 {color: rgb(60,60,60); font-weight: normal; margin-bottom: .2em}
H1 {font: normal 22px 'Arial narrow'; line-height: 22px}
H2 {font-size: 18px; line-height: 18px !important}
EM {font-weight: bold}


.main {margin:0 auto;position: relative; height: auto; min-height: 100%; width: 812px; border-right: white 1px solid; }
.left {float: left; width: 810px; background: rgb(223,223,223) url(../images/all-bg.gif) 180px 0px repeat-y}

#top {margin-bottom: -20px}
#top .col-1-2 {background: white}
#top, .top-illustration {overflow: hidden}
#top .col-1, #top .col-2, #top .col-3, #top .col-4, #top .col-1-2, #top .col-2-3, .top-illustration .col-1, .top-illustration .col-2, .top-illustration .col-3, .top-illustration .col-4, .top-illustration .col-1-2, .top-illustration .col-2-3 {padding-bottom: 10000px; margin-bottom: -10000px}
#top .col-3 {background: rgb(0,166,235); min-height: 1px}

#top .nav { height: 137px; overflow: hidden; position: relative; }
	#top .nav UL, #top .nav LI {margin: 0px; padding: 1px 0;  LIst-style: none}
	#top .nav UL {position: absolute; left:0; bottom: 4px; overflow: hidden; background: white; text-align: center;}
	#top .nav LI {float: left; width: 105px; background: transparent url(../images/separator.gif) right 5px no-repeat; }
	#top .nav a, #top .nav strong {
		padding:2px 0;
		border-left: 1px solid #ededed;
		color: rgb(134, 145, 151);
		display: block;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 12px;
		text-decoration: none;
		*display: inline;
	}

		#top .nav LI:first-child a{ 
			border-left: 0;
		}


	#top .nav A:hover {text-decoration: underline}
	#top .nav strong {color: black}



.columns {position: relative; clear: both; *width: 100%; *overflow-y: visible}
.col-1 {float: left; width: 180px}
.col-2 {float: left; width: 315px}
.col-3 {float: left; width: 315px}
.col-4 {float: left; width: 180px}
.col-1-2 {float: left; width: 495px}
.col-2-3 {float: left; position: relative; width: 630px}
.title {float: right; margin: 0px; padding: 44px 20px 0 17px; min-height: 75px; width: 275px}
.title H1 {padding: 12px 0 20px 0; font: normal 22px/22px "Arial narrow"; }

.nl, .col-1 .nl, div.for-content {margin-top: 30px}
div.for-content {float: left}
div.for-content .col-2, div.for-content .col-2-3 {padding-left: 45px}
div.for-content .col-2 {width: 270px}
div.for-content .col-3 {width: 270px; margin-left: 21px}
div.for-content .col-2-3 {width: 564px}
.col-nl {clear: left}

.boxes {
	__float: right; 
	position: relative; margin: 0 0 15px 0; padding: 0; width: 270px; min-height: 65px; 
	background: rgb(239,239,239) url(../images/blue_border.gif) top left repeat-y;
	}
.boxes IMG {
	__float: right; margin-left: 10px;
}
.boxes P {margin: 0; padding: 5px 0px 5px 10px; font-weight: bold}
.boxes2 {__float: right; margin: 0 0 11px 0; padding: 0; width: 100%}
.boxes2 .top {float: left; position: relative; width: 100%; background: rgb(239,239,239) url(../images/blue_border.gif) top left repeat-y}
.boxes2 .bottom {clear: both; width: 100%; height: 20px; background: rgb(224,226,225) url(../images/blue_border.gif) top left repeat-y; border-top: white 1px solid}
.boxes2 IMG {float: right; margin-left: 10px}
.boxes2 P {margin: 0; padding: 7px 0 5px 23px; }
.boxes2 H1 {margin: 0; padding: 14px 0px 5px 25px}

.assortiment-list .boxes2 {}
	.assortiment-list .boxes2 .top {
		width:300px;
		height:97px;
	}
		.assortiment-list .boxes2 .top p a.more {
			display:block;
		}
	.assortiment-list .boxes2.low-height .top {
		height:74px;
	}


A.more {padding-left: 5px; background: transparent url(../images/3x5_blue.gif) left 5px no-repeat; font-weight: normal; text-decoration: underline}
A.more:hover {text-decoration: none}
.prev {padding-left: 10px; background: transparent url(../images/4x7_blue1.gif) left 5px no-repeat}

.boxes A.more {font-size: 10px}
	.boxes small { font-weight: normal; line-height: 10px; }

	.boxes table { width: 100%; }
	.boxes table tr td { padding:0; vertical-align:top;  }
	.boxes table tr td:nth-child(2) { text-align:right; }
	.boxes table tr td:nth-child(2) A.more { 
		padding:0; margin:0;
		background:none; 
	}
		.boxes table tr td:nth-child(2) A.more img {
			padding:0; margin:0;
		}


.page-style {
	color:#000;
	line-height: 14px;
}
	.page-style a {
		color:#00a6ec;
	}

.text {}
	.text ol {
		margin: 0;
		padding: 0 0 0 13px;
	}
	.text ol li {}


table.table-report {
    border: 1px solid #444142;
    border-collapse: collapse;
    border-spacing: 1px;
    display: table;
    margin-bottom: 12px;
    margin-top: 10px;
    width: 100%;
}

	table.table-report td {
		display: table-cell; 
		padding: 8px; 
		border: 1px solid #444142; 
		text-align: left; 
		vertical-align: top;
	}





/* tags */

#description {padding: 10px 0 15px 0; display: block; margin: 0px 0px 0px 25px; background: white; }
#characteristic {display: none; margin: 0px 0px 0px 25px; background: white}
.tabs P {margin: 0; padding: 5px 0px 5px 10px}

div.col-right {float: right; padding-top: 30px}

#footer-space, #footer {height: 40px; clear: both}
#footer-space {	width: 100%}
#footer {position: relative; bottom: 0px;  padding-left: 180px; font-size: .8em; color: rgb(83,83,83)}
#footer div {margin-bottom: 0px; padding-bottom: 0px}
#footer .col-2-3 {padding-left: 45px; padding-top: 3px; margin-top: 19px; border-top: 1px solid rgb(223,223,223)}
#footer p {margin: 0px}

div.col-1, div.col-4 {background: rgb(223,223,223)}

.top-illustration {float: left; *width: auto}
.top-illustration div {margin: 0px; padding: 0px}
.top-illustration img {display: block; float: right}
.top-illustration .col-1-2 {background: rgb(134,145,151)}

.nl, .nl li, .nl ul {margin: 0px; padding: 0px; list-style: none}
.nl a:hover {text-decoration: underline}
.nl {border-top: 1px solid white; width: 180px; overflow: hidden; position: relative}
.nl .cur ul a {padding-left: 0px; padding-bottom: 0px}
.nl, .nl a, .nl .cur ul, .nl .cur ul a {font-weight: normal}
.nl a {display: block; text-decoration: none}
.nl li li, .nl li li a {padding-right: 5px}
.nl li {padding: 1px 0px 1px 15px; border-bottom: 1px solid white}
.nl li li {border: none; padding-top: 1px; padding-bottom: 6px; padding-right: 1px}
.nl ul { padding-top: 2px; padding-left: 15px;line-height: 9px; font-size: 9px; }
.nl ul ul {margin-top: 5px; padding-top: 1px; font-size: 1em; padding-left: 5px; *margin-top: 4px}
	.nl .cur { background: #00AEEF; padding-bottom: 0px; padding-left: 3px; zoom: 1; *margin-bottom: -3px}
	.nl .cur a { padding-left: 12px; padding-bottom: 1px}
	.nl .cur .cur {
		left: -15px;
		margin-top: -2px;
		padding-bottom: 6px;
		padding-left: 15px;
		padding-top: 3px;
		position: relative;
		width: 100%;
	}

.nl .cur ul li ul {
	background:none;
}

.nl .cur .cur-first {margin-bottom: 2px; *margin-bottom: 0px}
.nl .cur .cur-once {*margin-bottom: -3px}
.nl .cur .cur-first {position: relative; top: -2px}
.nl .cur .cur .cur-first {top: 0px}
.nl .cur .cur, .nl .cur .cur a {/*color: black;*/ font-weight: normal}
.nl .cur .cur a, .nl .cur .cur span {padding-left: 15px}
.nl .cur .cur ul {position: relative; left: -15px; width: 100%; padding-left: 15px; *float: left} /* float - хак для периодически появляющейся баги в ие6 (меню третьего уровня наезжает на меню первого/второго уровней) */
.nl .cur .cur .cur-link {display: block; margin-left: 15px}
.nl .cur .cur .cur ul li {padding-left: 30px}
.nl .cur .with-ul {padding-bottom: 0px !important;  }
.nl .cur .cur .cur .cur .cur-link {margin-right:15px}
.nl ul ul, .nl ul ul .cur, .nl .cur .cur .no-bg {background: #D1D8DB}
.nl ul ul ul {background: #E1E8EB}
.nl .cur .cur {background: white}
.nl ul, .nl ul .cur, .nl .cur .no-bg { background: #BBC0C2}
.nl, .nl a {color: black} /* 1. на первом уровне все ссылки черные */
	.nl .cur a {color: white; font-weight: bold}
	.nl .cur .cur a, .nl .cur .cur .cur .cur .cur-link {color: black} /* 3. также должны быть черными активные ссылки для 2го и 4го подуровней */
		.nl .cur ul a, .nl .cur-first ul a, .nl .cur .cur a, .nl .cur .cur .cur li a {color: rgb(83,83,83)} /* 4. делаем неактивные ссылки серыми, поскольку в (3) они стали черными */
		.nl .cur ul {
			padding-left: 5px;
			background: rgb(208,217,222);
		}

.name {float: left; position: relative; width: 100%}
.tabs {float: left; position: relative; width: 100%; margin-bottom: 25px; padding-top: 115px; }
.tabs .mnu ul, .tabs .mnu ul li {margin: 0px; padding: 0px; list-style: none}
.tabs .mnu ul {padding-left: 25px}
.tabs .mnu ul {overflow: hidden; zoom: 1}
.tabs .mnu ul li {float: left; min-width: 179px; margin: 0px 1px 1px 0px; background: rgb(134,145,151) url(../images/left.gif) left top no-repeat; position: relative; left: 1px; _zoom: 1; _width: expression(this.offsetWidth <= 179 ? "179px" : "auto")}
.tabs .mnu ul a {display: block; height: 19px; line-height: 20px; padding-left: 25px; padding-right: 25px; font-weight: bold; color: white; text-decoration: none; background: transparent url(../images/right.gif) right top no-repeat; cursor: default; *overflow-y: hidden; _float: left; *width: expression(this.offsetWidth <= 179 ? (179 - 25*2)+"px" : "auto")}
.tabs .mnu ul a:hover {color: black}
.tabs .mnu ul .cur {background-color: white}
.tabs .mnu ul .cur a {background: none; color: black}
.tabs .mnu ul a {white-space: nowrap}
.tabs .content {padding: 1px 10px; background: white}

.blue {color: rgb(0,166,235)}

.blue-bg-1 {background: transparent url(../images/blue_border.gif) left top repeat-y}

.bgcolor-1 {background: rgb(241,243,242)}
.bgcolor-2 {background: white}
.bgcolor-3 {background: rgb(223,226,225)}

.padding1 {padding: 10px 0 20px 25px}
.padding2 {padding: 0 0 0px 25px}

.branches TD {padding: 7px}
.branches TD.ttl {padding: 7px; color: rgb(60,60,60); font-weight: bold}
.branches TD.separator {padding: 0; height: 10px}

.feedback TD {padding: 4px 0px 4px 7px; border-bottom: rgb(243,243,243) 1px solid}
.feedback TEXTAREA, .feedback input[type="text"] { __float: right; width: 322px}

.feedback TEXTAREA {width: 320px; }
.feedback SELECT { width: 326px; }

.form-submit TD {padding: 5px 0 5px 7px; font-size: 11px }
.form-submit input {float: right; border: none; padding: 1px 3px 2px 25px; /* opera 9.0 */ background: rgb(134,145,151) url(../images/form-button.gif) left top no-repeat; *padding: 1px 6px 0px 0px; /* ie6/7 */ *text-align: right; font: bold 12px/14px Arial, sans-serif; color: white}


.content TABLE {
	display: table; margin-bottom: 12px; margin-top: 10px; 
	width: 100%; 
	border-spacing: 2px 2px; 
	border:2px solid #e8eaea;
	border-collapse: collapse;

}
.content TABLE TD {display: table-cell; padding: 8px; border: rgb(239, 239, 239) 1px solid; background-color: white; text-align: left; vertical-align: top}
.content TABLE TD.noleft {border-left: none}
.content TABLE TD.noright {border-right: none}
.content TABLE TD.nobottom {border-bottom: none}

TABLE.img {display: table; margin-bottom: 12px; margin-top: 0px; width: 100%; border-spacing: 0px 0px; border: none}
TABLE.img TD {display: table-cell; padding: 0px; border: none; background-color: white; text-align: left; vertical-align: top}
TABLE.img IMG {float: left; margin: 0}

/* ------- news_colls_list -------*/
.news_colls_list {}
	.news_colls_list table {}
		.news_colls_list table td {
			font-size: 9px;
			line-height: 12px;
			padding-right: 10px;
			text-align: justify;
			vertical-align: top;
			width: 226px;
		}
			.news_colls_list table td small {
				font-size: 8px;
			}
			.news_colls_list table td h1 {
				font-size: 13px;
				font-weight: bold;
				line-height: 15px;
				margin: 0;
				text-align: left;
				text-transform: uppercase;
				color:rgb(134, 145, 151);
			}


/* ------- // news_colls_list -------*/



.content_with_blue_v_line {
	background: url(../images/blue_border.gif) top left repeat-y;
	padding-left:16px;
}


.icon {}

.icon_pdf { 
	background-image: url(../images/icon/icon_pdf2.png) ; 
	background-repeat: no-repeat;
}
.icon_word { 
	background-image: url(../images/icon/icon_word2.png);
	background-repeat: no-repeat;
}
.icon_folder {
	background-image: url(../images/clear.gif);
	background-repeat: no-repeat;
}

a.icon_pdf ,
a.icon_word,
a.icon_folder {
	background-position:left center;
	background-size: 16px;
	padding:2px 0px 2px 23px;
	line-height: 22px;

}




.a-left { text-align:left; }
.a-right { text-align:right; }

.i-blue { border-bottom:1px solid #00b0f0; }

.gray { color:#869197; }
.black , a.black { color:#000; }
.dot {
	display:inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAQAAAClB0z9AAAAKUlEQVQYV2NgYGhKa/oPhGeaBBmAHBcwBywA4u6Gc/8D5dG5qIpRjQIAO94ucXKJdeUAAAAASUVORK5CYII=);
	background-repeat:no-repeat;
	background-position:center top;
	width: 7px;
	height: 7px;
}


.f18 { font-size:18px; line-height:20px; }
.f20 { font-size:20px; line-height:22px; }

.pt3 { padding-top:3px }
.pt5 { padding-top:5px }
.pt60 { padding-top:60px }
.pt32 { padding-top:32px }