* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #000; min-width: 997px; background: #fff}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

ul {list-style: none}

a {color: #006d8d; outline: none}
a:hover {color: #000; text-decoration: none;}

h1 {font-size: 200%; font-weight: normal; margin-bottom: 16px; padding: 0; }
h2 {font-size: 170%; font-weight: normal; margin-bottom: 10px; padding: 0; }
h3 {font-size: 140%; font-weight: normal; margin-bottom: 10px; padding: 0; }

p {margin-bottom: 16px}

ul.map li {
	margin: 0 0 3px 15px;
}

#main {position: relative; min-width: 997px; max-width: 2048px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
*html #main {height: 100%; width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 2049 ? "2048px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%"))}

	#topblock {width: 922px; height: 71px; padding-top: 23px; margin: 0 auto}
	
		#logo {float: left}
		
		#navigator {float: right; width: 200px; padding-top: 5px}
		#navigator li {float: left; height: 23px}
		#navigator li.left {width: 104px}
		#navigator li.right {width: 96px}
		#navigator li a {font-size: 85%; color: #797979; padding: 3px 0 1px 20px}
		#navigator li a:hover {text-decoration: none}
		#navigator li a.link_1 {background: url(/images/topnav_home.gif) no-repeat 0 0}
		#navigator li a.link_2 {background: url(/images/topnav_choosen.gif) no-repeat 0 0}
		#navigator li a.link_3 {background: url(/images/topnav_map.gif) no-repeat 0 1px}
		#navigator li a.link_4 {background: url(/images/topnav_feedback.gif) no-repeat 0 3px}
		
		#tels {display: block; font-size: 185%; color: #010101; padding-top: 12px; margin-left: 252px}
		#tels span {color: #969696}
		
	#header {position: relative; height: 264px; background: #005771 url(/images/header_bg.gif) repeat-x 0 0}
	#header div.block {position: relative; width: 940px; margin: 0 auto; height: 264px; overflow: hidden}
	#header ul {width: 1360px; padding-left: 10px; height: 264px; position: absolute; top: 0; left: 0; background: url(/images/header_bg_img.jpg) repeat-x 0 0}
	#header li {float: left; text-align: center; height: 30px}
	#header span.block {display: block; position: relative; height: 220px; text-align: center; background: url(/images/menu_a_bg.png) no-repeat center 0; behavior: url("/js/iepngfix.htc")}
	#header li.link_1 {width: 146px}
	#header li.link_1 span.block {padding-top: 28px; height: 192px}
	#header li.link_2 {width: 137px}
	#header li.link_2 span.block {padding-top: 97px; height: 123px}
	#header li.link_3 {width: 80px}
	#header li.link_3 span.block {padding-top: 0px; height: 220px; margin: 0 -20px 0 -19px}
	#header li.link_4 {width: 145px}
	#header li.link_4 span.block {padding-top: 38px; height: 182px}
	#header li.link_5 {width: 136px}
	#header li.link_5 span.block {padding-top: 26px; height: 194px}
	#header li.link_6 {width: 125px}
	#header li.link_6 span.block {padding-top: 60px; height: 160px}
	#header li.link_7 {width: 149px}
	#header li.link_7 span.block {padding-top: 32px; height: 188px}
	#header li.link_8 {width: 135px}
	#header li.link_8 span.block {padding-top: 32px; height: 188px}
	#header li.link_9 {width: 135px}
	#header li.link_9 span.block {padding-top: 46px; height: 174px}
	#header li.link_10 {width: 135px}
	#header li.link_10 span.block {padding-top: 78px; height: 142px}
	#header li a {color: #00afd2}
	#header li a:hover {text-decoration: underline}
	#header a span.rollover {display: none; position: absolute; top: 0; width: 260px; height: 178px; background: url(/images/menu_a_h_bg.png) no-repeat center 0; z-index: 0}
	#header a:hover span.rollover {display: block}
	#header a img {position: relative; z-index: 1; behavior: url("/js/iepngfix.htc")}
	#header li.link_1 span.rollover {left: -55px}
	#header li.link_2 span.rollover {left: -60px}
	#header li.link_3 span.rollover {left: -70px}
	#header li.link_4 span.rollover {left: -60px}
	#header li.link_5 span.rollover {left: -65px}
	#header li.link_6 span.rollover {left: -65px}
	#header li.link_7 span.rollover {left: -50px}
	#header li.link_8 span.rollover {left: -62px}
	#header li.link_9 span.rollover {left: -62px}
	#header li.link_10 span.rollover {left: -62px}
	#header div.nav {position: absolute; top: 0; left: 0; width: 100%; height: 0; font-size: 1px}
	#header div.nav div {position: relative; width: 958px; margin: 0 auto}
	#header div.nav a {position: absolute; top: 67px; width: 34px; height: 44px; background: no-repeat 0 0; z-index: 3; behavior: url("scripts/iepngfix.htc"); cursor: pointer}
	#header div.nav a.left {left: -30px; background-image: url(/images/arrow_left.png)}
	#header div.nav a.right {right: -30px; background-image: url(/images/arrow_right.png)}
	#header div.nav a span {display: none}
	
		.slider {position: relative; padding-right: 12px; margin-right: -12px; height: 22px; top: 187px; background: #003747 url(/images/slider_bg.gif) no-repeat 0 0}
		.handle {float: left; position: absolute; width: 186px; height: 41px; margin: -11px 0 -8px -4px; background: url(/images/slider.png) no-repeat 0 0; cursor: pointer}
		*html .handle {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/slider.png', sizingMethod='crop')}
	
	#content {width: 922px; margin: 0 auto}
	
		#search {float: right; position: relative; width: 290px; height: 65px; padding-top: 16px}
		#search .left {float: left}
		#search input.text_field {float: left; font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #818181; width: 181px; height: 16px; padding: 1px 10px; margin: 5px 0 0 4px; background: url(/images/input_button.gif) no-repeat 0 0; border: none}
		#search input.button {position: absolute; top: 20px; right: 0; width: 52px; font-family: Tahoma, Arial, sans-serif; font-size: 105%; font-weight: bold; color: #006d8d; border: none; background: none; cursor: pointer}
		
		#mainmenu {height: 81px}
		#mainmenu li {float: left}
		#mainmenu li a {float: left; height: 21px; padding: 20px 18px 0 18px; font-size: 120%; color: #000}
		#mainmenu li a:hover, #mainmenu li a.hover { text-decoration: none; color: #fff; background: #001d26 url(/images/mainmenu_hover.gif) repeat-x 0 0}
		#mainmenu li i { display: inline-block; position: relative; width: 15px; height: 15px; top: 10px; left: -20px; margin-bottom: -1px; background: url(/images/mainmenu_i.png) no-repeat 0 0}
		*html #mainmenu li i {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mainmenu_i.png', sizingMethod='crop')}
		
		#special {height: 213px; margin-bottom: 50px; background: url(/images/spec_text_bg.gif) repeat-x 0 0}
		#special a.more img {display: block}
			#special div.block {position: relative; height: 196px; padding: 17px 25px 0 0; margin-left: 304px; background: url(/images/spec_bg_right.gif) no-repeat right 0}
			#special div.block p {line-height: 135%; margin: 0}
			#special div.block a.more {position: absolute; right: 38px; bottom: -14px}
			#spec {float: left; position: relative; width: 235px; height: 191px; padding: 22px 12px 0 25px; background: #003242 url(/images/spec_bg.jpg) no-repeat 0 0}
			#spec span.head {display: block; font-size: 185%; color: #fff; height: 46px}
			#spec a {color: white;}
			#spec a.img {float: left}
			#spec a.img img {float: left; border: 1px solid #fff}
			#spec p {font-size: 95%; color: #fff; margin: 0 0 0 115px}
			#spec a.more {position: absolute; left: 30px; bottom: -11px}
			
		#news a.archive {float: right; font-size: 95%; font-weight: bold; padding: 1px 19px 0 0; margin: 13px 650px 0 0; background: url(/images/a_news.gif) no-repeat right 0}
		#news div.block {float: left; width: 272px; padding: 8px 53px 0 0}
		#news div.last {padding-right: 0}
		#news a.img {float: left; padding: 4px; background: url(/images/news_img_bg.gif) no-repeat 0 0}
		#news a.img span {float: left; width: 74px; height: 74px; overflow: hidden}
		#news a.img img {display: block}
		#news div.text {margin-left: 87px}
		#news span.date {display: block; margin-bottom: 1px}
		#news span.date big {font-size: 170%}
		#news div.text a {font-size: 95%}
		
	#leftcol {float: left; width: 245px}
	
		#leftmenu {margin-bottom: 20px; background: #005771 url(/images/leftmenu_bg_top.gif) no-repeat 0 0}
		#leftmenu ul.first_level {min-height: 160px; padding: 15px 10px 7px 20px; background: url(/images/leftmenu_bg_bot.gif) no-repeat 0 bottom}
		*html #leftmenu ul.first_level {height: 160px}
		#leftmenu li {margin-bottom: 11px}
		#leftmenu li a {display: inline-block; color: #fff; text-decoration: none; padding-left: 19px; background: url(/images/leftmenu_a_bg.gif) no-repeat 0 0}
		#leftmenu li a:hover {text-decoration: underline}
		#leftmenu li ul {padding-left: 19px}
		#leftmenu li li {color: #fff; padding-top: 4px; margin: 0}
		#leftmenu li li a {font-size: 95%; color: #a5eafe; padding: 0; background: none}
		
		#leftcol #spec {float: none; position: relative; width: 208px; height: 191px; padding: 22px 12px 0 25px; background: #003242 url(/images/spec_inner.jpg) no-repeat 0 0}
		#leftcol #spec span.head {display: block; font-size: 185%; color: #fff; height: 46px}
		#leftcol #spec a.img {float: left}
		#leftcol #spec a.img img {float: left; border: 1px solid #fff}
		#leftcol #spec p {font-size: 95%; color: #fff; margin: 0 0 0 115px}
		#leftcol #spec a.more {position: absolute; left: 30px; bottom: -11px}
		#leftcol #spec a.more img {display: block}
		
		#rightcol {float: right; width: 657px; background: url(/images/rightcol_bg.gif) repeat-y 0 0}
		#rightcol_in {background: url(/images/rightcol_bg_top.gif) no-repeat 0 0}
		#rightcol_in_in {position: relative; min-height: 480px; padding: 17px 20px 8px 20px; background: url(/images/rightcol_bg_bot.gif) no-repeat 0 bottom}
		#rightcol_in_in .formfb fieldset, ul {border: 0;}
		#rightcol_in_in .formfb li {margin-bottom: 10px;}
		*html #rightcol_in_in {height: 480px}
			#rightcol div.clear {clear: both; font-size: 1px}
			#rightcol div.line {float: left; width: 100%}
			#rightcol p {line-height: 135%; text-align: justify}
			
			#toplinks {font-size: 95%; margin-bottom: 15px;}
			
			ul.list_arrow {float: left; width: 100%; padding: 0 32px 9px 0}
			ul.list_arrow li {float: left; width: 50%; margin-bottom: 11px}
			ul.list_arrow li a {font-size: 95% !important; font-weight: normal !important; padding-left: 16px; background: url(/images/list_arrow.gif) no-repeat 0 7px}
			ul.list_arrow li a:hover {background-image: url(/images/list_arrow_h.gif)}
			
			#catalog div.line {padding-bottom: 20px}
			#catalog div.bordered {padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #c9c9c9}
			#catalog div.block {float: left; width: 304px}
			#catalog div.first {padding-right: 9px}
			#catalog table.kartinki td {border: 0 !important; width: 20%;}
			#catalog table.kartinki td a {display: block; width: 108px; height: 105px; padding-top: 3px; margin-bottom: 5px; text-align: center; background: url(/images/catalog_img_bg.gif) no-repeat 0 0}
			#catalog a.img {float: left; width: 108px; height: 105px; padding-top: 3px; text-align: center; background: url(/images/catalog_img_bg.gif) no-repeat 0 0}
			#catalog div.text {padding-top: 4px; margin-left: 117px}
			#catalog a.head {display: block; margin-bottom: 4px; font-size: 125%; font-weight: bold}
			#rightcol #catalog p {margin-bottom: 12px; text-align: left}
			#catalog a.more {padding-right: 21px; background: url(/images/catalog_a_more.gif) no-repeat right center}
			#catalog a.order {padding: 1px 0 0 22px; background: url(/images/catalog_a_order.png) no-repeat left 0}
			#catalog a.pdf {padding: 3px 3px 0 25px; margin-right: 5px; background: url(/images/catalog_a_pdf.png) no-repeat left 0}
			
			#catalog table {margin: 6px 0}
			#catalog table td {padding: 3px 4px; border: 1px solid #c9c9c9}
			
			#pager_clear {float: left; width: 100%; height: 21px; position: relative; z-index: 0}
			*html #pager_clear {float: none}
			#pager {height: 21px; z-index: 1;}
			#pager li {float: left; padding-right: 1px}
			#pager li.current {font-size: 95%; color: #fff; text-align: center; width: 32px; height: 17px; padding-top: 4px; background: url(/images/pager_a_h.gif) no-repeat 0 0}
			#pager a {float: left; font-size: 95%; color: #fff; text-align: center; width: 32px; height: 17px; padding-top: 4px; background: #003747 url(/images/pager_a.gif) no-repeat 0 0}
			#pager a:hover {background: #636363 url(/images/pager_a_h.gif) no-repeat 0 0}
			#pager a.edge {width: 93px; background-image: url(/images/pager_edge.gif)}
			#pager a.edge:hover {background-image: url(/images/pager_edge_h.gif)}		
	
#footer_block {clear: both; height: 140px}
#footer_main {clear: both; height: 109px; margin: -109px 0}
#footer {position: relative; width: 922px; height: 109px; margin: 0 auto; font-size: 0.75em; background: url(/images/footer_bg.gif) no-repeat 491px bottom}
	#counter {float: right; padding: 48px 120px 0 0}
	#footer div.block {font-size: 95%; color: #828282; padding-top: 29px}
	#footer div.block div.top {height: 30px}
	#footer div.block div.top a {color: #000}
	#footer div.block div.bot a {color: #828282}
	#footer div.block div.bot span {float: left; padding-top: 6px}
	#wind {float: left; height: 26px; padding: 6px 0 0 38px; margin-left: 6px; background: url(/images/footer_2wind.gif) no-repeat 0 0}