*{
	margin: 0;
	padding: 0;
}
HTML, BODY{
	height: 100%;
	background: url(../i/bgr.jpg) repeat;
	font: 12px Arial;
}
IMG{
	border: none;
}
A:hover{
	text-decoration: none;
}
.clr{
	clear: both;
}
#wrap{
	height: 100%;
}
#wrap2{
	height: 100%;
	min-height: 632px;
	min-width: 1036px;
}
#content{
	width: 1000px;
	/* height: 800px; */
	margin: auto;
	position: relative;
}
#header{
	height: 102px;
	position: relative;
}
#name{
	width: 603px;
	height: 22px;
	background: url(../i/name.png) no-repeat;
	position: absolute;
	top: 29px;
	left: 66px;
}
#descr{
	position: absolute;
	left: 86px;
	top: 54px;
	width: 604px;
	color: #c5d0dd;
}
#fk{
	width: 183px;
	height: 80px;
	position: absolute;
	top: 23px;
	right: 50px;
	background: url(../i/fk.png) no-repeat;
}
#fk2{
	width: 183px;
	height: 80px;
	position: absolute;
	top: 23px;
	right: 50px;
	background: url(../i/fk2.png) no-repeat;
	display: none;
}
#fk-link{
	display: block;
	width: 185px;
	height: 80px;
	position: absolute;
	top: 23px;
	right: 50px;
	z-index: 1;
}
#middle{
	/*height: 480px; */
}
#menu{
	height: 38px;
	background: url(../i/menu-bgr.gif) repeat-x;

}
#menu .inside{
	padding: 0 0 0 70px;
}
#menu .item{
	float: left;
	padding: 0 15px;
	height: 38px;
}
#menu .over{
	background: url(../i/menu-hover.gif)!important;
}
#menu .item A{
	position: relative;
	top: 9px;
}
#mask{
	height: 381px;
	padding-left: 116px;
	position: absolute;
	width: 307px;
	top: 0;
	right: 0;
	z-index: 90;
}
#mask .bgr{
	height: 381px;
	background: #082552;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#mask .img{
	width: 116px;
	height: 381px;
	background: url(../i/mask.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
#bate{
	width: 139px;
	height: 131px;
	background: url(../i/bate.png) no-repeat;
	position: absolute;
	left: 30px;
	top: 25px;
	z-index: 100;
}
.second #bate{
	width: 111px;
	height: 104px;
	background: url(../i/logo2.png) no-repeat;
	z-index: 100;
}
.second #bate-link{
	display: block;
	width: 111px;
	height: 104px;
	position: absolute;
	left: 30px;
	top: 25px;
	z-index: 1;
	z-index: 100;
}
#news{
	width: 275px;
	position: absolute;
	right: 13px;
	top: 30px;
	color: #FFF;
	z-index: 94;
}
#news A{
	color: #FFF;
	text-decoration: none;
}
#news A:hover{
	color: #F00;
}
#news .date {
	font-size: 10px;
	padding: 2px 3px;
	background: #961631;
	float: left;
	margin-bottom: 4px;
	position: relative;
	left: -5px;
}
#text-block .date{
	font-size: 10px;
	padding: 2px 3px;
	background: #961631;
	position: relative;
	color: #fff;
}
#text-block  .news-item { margin: 5px 0 0 5px; }
#news .item{
	margin-bottom: 25px;
	zoom: 1;
}
#news .item .more{
	position: relative;
	top: 2px;
	left: 3px;
}
#banners{
	width: 891px;
	margin: -75px auto -45px auto;
	position: relative;
	z-index: 93;
	height: 120px;
}
#banners .banner{
	width: 297px;
	height: 114px;
	position: relative;
	float: left;
}
#banners .banner .img{
	width: 263px;
	height: 83px;
	position: absolute;
	left: 16px;
	top: 15px;
}
#banners .banner .bgr{
	width: 297px;
	height: 114px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../i/banner.png) no-repeat;
}
#banners .banner .img .title{
	position: absolute;
	left: 13px;
	bottom: 3px;
	color: #FFF;
	font: bold 15px Arial;
	text-transform: uppercase;
	z-index: 1;
}
#banners .banner .img .title A{
	color: #FFF;
	text-decoration: none;
}
#banners .banner .img .title-pad{
	height: 25px;
	width: 100%;
	background: red;
	opacity: 0.65;
	filter: alpha(opacity=65);
	position: absolute;
	bottom: 0;
	left: 0;
}
#banners .banner DIV:hover.img .title-pad{
	background: #082552;
}
#banners .banner .img .title-pad A{
	display: block;
	width: 100%;
	height: 100%;
}

#bottom{
	width: 858px;
	margin: 0 auto;
	color: #FFF;
	position: relative;
	z-index: 100;
	min-height: 105px;
}

#bottom .dev{
	position: absolute;
	top: 0; left: 720px; 
	font-size: 11px;
	width: 135px;
}
#bottom .dev A{
	color: #FFF;
	text-decoration: none;
}
#bottom .dev A span{
	text-decoration: underline;
}
#bottom .dev A:hover span{
	text-decoration: none;
}
#bottom .middle{
	width: 400px;
	height: 25px;
	position: absolute;
	left: 400px;
	top: 10px;
}
.second #bottom .middle {
	top: 0px;
}
#bottom .middle A {
	color: #FFF;
}

/************** second.html ******************/
.second #mask{
	width: 757px;
}
.second #banners .banner{
	left: 85px;
}
.second #banners{
	margin-top: -75px;
}
.second #bottom{
	padding-top: 0;
}
#text-block{
	width: 513px;
	height: 360px;
	position: absolute;
	right: 50px;
	top: 7px;
	z-index: 1;
	/*color: #ccdaec;*/
	color: #fff; 
	/*overflow: hidden;*/
	z-index: 999;
	
}
#text-block #scroll-content{
	width: 555px;
	height: 355px;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 5px;
}
#text-block P{
	margin-bottom: 15px;
}
#scroll-bar,
.scroll-bar{
	height: 340px;
	width: 22px;
	position: absolute;
	right: 20px;
	top: 17px;
	z-index: 98;
	cursor: pointer; cursor: hand; 
}
/*
.scroll-bar {
	visibility: hidden;
}
*/
#scroll-bar #track,
.scroll-bar .track{
	height: 340px;
	width: 22px;
	position: relative;
	background: url(../i/dot.gif) 50% top repeat-y;
}
#scroll-bar #thumb,
.scroll-bar .thumb{
	width: 22px;
	height: 35px;
	background: url(../i/thumb.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
#so-pro{
	width: 150px;
	position: absolute;
	top: 12px;
	left: 254px;
	color: #FFF;
	text-transform: uppercase;
	z-index: 92;
}
#so-pro H2{
	font: 18px Arial;
	line-height: 100%;
}
#so-pro .items{
	font: bold 11px Arial;
	position: relative;
	left: 10px;
	top: 10px;
	width: 150px;
	height: 260px;
	overflow: hidden;
}
#so-pro .items .scroll-content{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 240px;
}
#so-pro .items .item{
	margin-bottom: 8px;
}
#so-pro .items A{
	color: #FFF;
	text-decoration: none;
}
#so-pro .items .submenu .submenu .item{
	font-weight: normal;
	text-transform: none;
	margin-bottom: 2px;
}

.submenu .current a {
	padding: 1px;
	background: red;
}

#so-pro .items .submenu {
	margin: 3px 0 5px 5px;
}
#so-pro .items .submenu .submenu {
	margin: -3px 0 5px 5px;
}
#so-pro .items .submenu .submenu .submenu {
	margin-top:0;
}
#so-pro .items .submenu .submenu A.here, .submenu .item A.here {
	background: red;
}
.submenu .item A.here{
	background: red;;
}
#so-pro .items A:hover {
	background: red;
}
#so-pro .scroll-bar{
	right: 0;
	top: 0;
	height: 200px;
}
#so-pro .track{
	height: 200px;
}
.shadow{
	height: 14px;
	margin: 0 -18px;
	position: relative;
}
.sh-top{
	background: url(../i/sh-top.png) no-repeat;
	height: 25px;
}
.sh-bottom{
	background: url(../i/sh-bottom.png) no-repeat;
	height: 38px;
}


/* global */
.red, .error	{color:#C21C1E}
#error { color:#C21C1E; font-size:10px }
.gray	{font-size:11px;color:#B2B3B5}
.star	{font-size:12px;color:#C21C1E}
.itr	{visibility:hidden}
form	{margin:0}
a.here	{color:red;text-decoration:none}

.sub a {margin-left:30px; font-size:9px}

#slogan{
	width: 392px;
	height: 32px;
	position: absolute;
	background: url(../i/slogan.png) no-repeat;
	left: 160px;
	top: 159px;
	z-index: 91;
}
.second #slogan{
	width: 120px;
	height: 89px;
	background: url(../i/slogan2.png) no-repeat;
	left: 78px;
	top: 158px;
}

#text-block { color:#a9b9cd;  }

#text-block H1{
	color:#ffffff;
	font: bold 21px Arial;
	margin-bottom: 15px;
}
#text-block P{
	margin-bottom: 15px;
}
#text-block A{
	color: #5192fa;
}
#text-block OL{
	color: #98bdf8;
	padding: 2px 0 5px 15px;
	margin-left: 15px;
}
#text-block UL{
	list-style: none;
	color: #bc1716; 
	padding: 2px 0 5px 5px;
}

#text-block li{
	color: #98bdf8; 
	padding: 3px 0 3px 0;
}
#text-block li li {
	color: #a9b9cd; 
	font-style: italic; 
	padding: 2px 0 2px 0;
}
#text-block li li li{
	font-size: 11px;
	font-style: normal; 
	padding: 2px 0 2px 0;
}


#text-block UL li{
	list-style: none;
	padding-left: 15px;
	background: url(../i/li.png) 3px 8px no-repeat;
}
#text-block UL li li {
	padding-left:10px;
	background: url(../i/lili.png) 3px 8px no-repeat;
}
#text-block UL li li li{
	padding-left: 10px;
	background: url(../i/lilili.png) 3px 8px no-repeat;
}


		
#text-block INPUT, #text-block TEXTAREA{
	background: #5486d5;
	color: #122d57;
	font-size: 11px;
	border: solid 1px #7ca1db;
	margin-bottom: 4px;
	padding: 2px 3px;
	font: 12px Arial;
}
#text-block INPUT.btn{
	font: bold 11px Arial;
	color: #FFF;
	background: #122e58 url(../i/input-bgr.gif) repeat-x;
	padding: 2px 3px;
	border: solid 1px #0d244d;
	cursor: pointer;
	cursor: hand;
}
TABLE#tbl-wrap{
	width: 100%;
	height: 100%;
	background: url(../i/bgr-top.jpg) repeat-x;
}
TABLE#tbl-wrap TD.wrap{
	background: url(../i/footer-bgr.jpg) left bottom repeat-x;
}
#text-block .news A{

}
#text-block H2{
	color:#98bdf8;
	font: bold  16px Arial;
	margin: 4px 0 12px;
}
#text-block H3{
	color:#98bdf8;
	font: bold 14px Arial;
	font-style: italic;
	margin: 2px 0 10px;
}
#text-block H4, #text-block H5{
	font-style: bold;
	color:#98bdf8;
}

#text-block .news B{
	font-size: 11px;
}
#text-block TABLE.faq TD{
	padding: 4px;
}
#picture-block{
	height: 383px;
	width: 1000px;
}
#flash{
	height: 383px;
	width: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 89;
}
#text-block TABLE.tbl{
	width: 90%;
	border: solid 1px #2d4675;
	border-collapse: collapse;
	position: relative;
	left: 1px;
	margin-bottom: 10px;
	color: #98bdf8; 
}
#text-block TABLE.tbl TD{
	border: solid 1px #2d4675;
	padding: 5px 5px 0;
	background: #143261; 
}
#text-block TABLE.tbl tr.chet TD {
	background: #1d3d75;
}
#text-block TABLE.tbl th, #text-block TABLE td.theader {
	background: #264f93;
}

#text-block TABLE.tbl TD p{ margin-bottom: 5px; }

#descr a { color: #c5d0dd }


*{outline:0;}
#menu {position: relative;}
#menu .inside{position:relative; z-index:99999;}
#menu .subitem{position:absolute; top:38px; background:#061c5e; z-index:999; /*visibility:hidden; */ display: none; opacity: 0.8; filter: alpha(opacity=80); /* white-space:nowrap; */ padding:0 0 18px 12px; /*height:38px;*/  width: 150px; }
#menu .subitem a{ display: block; margin:0 12px 0 0; padding:3px; color:#fff; font:bold 11px Tahoma; text-transform:uppercase; z-index:999; position:relative; text-decoration:none; zoom:1;}
#menu .subitem a:hover{ background:red;}
#menu .nav1 .item:hover, #menu .nav2 .item:hover, #menu .nav3 .item:hover, #menu .nav4 .item:hover, #menu .nav5 .item:hover, #menu .nav6 .item:hover{background:#254088;}
#menu .subitem{xmargin-left:-15px; left:0; }
#menu .nav1, #menu .nav2, #menu .nav3, #menu .nav4, #menu .nav5, #menu .nav6, #menu .nav6{position:relative;  float:left;}


a#tdbate {display: block; width: 190px;  height: 47px; position: relative; top: -10px; left: -15px; background: url(../i/button-td.png);}

a#home, a#map  { background: url(../i/ico.gif) 0 0; height: 16px; width: 16px; position: absolute; left: 31px; top: 11px; display: block; }
a#map { left: 10px;  background-position: -16px 0;}
	a#home:hover { background-position: 0 -16px;}
	a#map:hover { background-position: -16px -16px;}

#search_form { position:absolute; width:240px; top: 70px; left: 80px; }
	#search_form .text {border:1px solid #5c636e;background:#d4dbe5;font:1em Arial;color:#333;padding:3px;width:180px;position:absolute;top:13px;left:0;}
	#search_form .search-button {background:url("../i/search-button.png") no-repeat;width:94px;height:49px;border:none;cursor:pointer;position:absolute;top:1px;left:190px;}
	
#footer { background: url(../i/bg2.png); min-height: 150px; width: 100%; position: relative;  }
	#footer .tel { position: absolute; top: 40px; left: 80px; color: #c1cedd; font-size: 13px; font-weight: bold; }
	#footer .copy{ position: absolute; top: 115px; left: 80px; padding:7px 20px 0 0; color: #fff; font-size: 12px; }
	
	#footer .catalog, #footer .prices { position: absolute; top: 40px; left: 530px; padding-left: 40px; min-height: 40px;}
	#footer .prices p {margin-bottom: 5px;}
	#footer .catalog a, #footer .prices a { color: #49bffc; font-size: 12px; font-weight: bold; text-decoration: none; 
		-moz-text-shadow:0 1px 2px #000000;
		-webkit-text-shadow:0 1px 2px #000000;
		text-shadow: 0 1px 2px #000000; 
		}
		#footer .catalog a:hover, #footer .prices a:hover { color: #fff; }
	#footer .catalog { top: 40px; padding-top: 15px; background: url(../i/i_catalog.png) 0 0  no-repeat; }
	#footer .prices { top: 90px; padding-top: 3px; background: url(../i/i_price.png) 0 0  no-repeat; }
	
	 #footer li { list-style: none; padding: 0 0 3px 0;  }
	
	
	#linx { font-size: 11px; }
	#linx  a { display: block; min-height: 45px; width: 165px; float: left; padding: 5px 0 0 50px; text-decoration: none; color: #b9b9b9; }
		#linx  span { color: #3fb2ed; text-decoration: underline; }
	#linx  a:hover { color: #ffffff; }
		#linx  a:hover span { text-decoration: none; }
	
.navhead { position: relative; }
	
/* jScrollPane */	
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 680; padding: 5px 0; }
.jScrollPaneTrack { position: absolute; cursor: pointer; cursor: hand; right: 0; top: 0; height: 100%; background: url(../i/jscroll_sl.png) -22px 0 repeat-y; z-index: 665; top: 20px; margin-top: 5px; }
.jScrollPaneDrag { position: absolute;  background: url(../i/jscroll_sl.png) 0 0 no-repeat; cursor: pointer; cursor: hand; overflow: hidden; height: 35px !important; }

.jScrollPaneDragTop ,
.jScrollPaneDragBottom  { display: none; }
a.jScrollArrowUp ,
a.jScrollArrowDown,
#so-pro .items  a.jScrollArrowUp ,
#so-pro .items a.jScrollArrowDown { height: 10px; width: 24px; display: block; overflow: hidden; position: absolute; right: 0; background-image: url(../i/jscroll_sl.png); text-indent: -1000px; }
	
a.jScrollArrowUp  { top: 0px; background-position: -48px 0; }
a.jScrollArrowDown { bottom: 4px; background-position: -48px -10px ; }

a.jScrollArrowUp:hover { background-position: -48px -24px !important;}
a.jScrollArrowDown:hover { background-position: -48px -34px !important;  }

#so-pro .items a.jScrollArrowUp:hover,
#so-pro .items a.jScrollArrowDown:hover { background-color: transparent !important; }