@charset "utf-8";
/* CSS Document */

HTML {height: 100%; min-width:1000px}
BODY, H1 {margin:0; padding:0;}
BODY {height: 100%; background-color:#FFF; min-width: 1000px; _width: expression(document.documentElement.clientWidth>1000 ? '' : '1000'); }
IMG {border:none;}
TABLE {border-collapse:collapse; border:0;}

#all {position:relative; width: 100%; _height: 100%; min-height: 100%;} /* min-height elastic footer emulate, min-width IE6 expression emulate */

.logo {position:relative; float:left; width: 361px; height: 180px; background:url(img/logo1-bg.jpg) no-repeat #2f2d30;}
	.logo DIV {position:absolute; width: 361px; left: 0px;}
	.logo P {margin:0; padding:0; position:absolute; top: 0; left: 0; z-index: 100; }
		.logo P A {display:block; width: 335px; height: 118px; padding-top: 52px; text-align:right; z-index: 100;}
	.logo .img2 {top: 58px; height: 58px; background:url(img/logo2-bg.jpg);}
	.logo .img3 {top: 116px; height: 64px; background:url(img/logo3-bg.jpg);}
.header {position:relative; _right: 3px; height: 180px; margin-left: 361px; _margin-right:-3px; background:url(img/topCenter-bg.jpg) repeat-x #2f2d30;} /* 3px IE6 Gap fixed */
	.header .leftImg {position:absolute; width: 104px; height: 125px; top:0; left:0; background:url(img/topLeft-bg.jpg);}
	.header .banner {position: absolute; top: 32px; right: 27px; width: 502px; height: 60px; text-align: center; background:url(img/topRedLineMask-bg.gif) 0 30px repeat-x; }
		.header .banner A IMG {border: 1px solid #b7b7b7;}
		.header .rightBar {position:absolute; top:0; right:0; width: 6px; height: 125px; background-color:#FC2A32;}
UL#top-menu {position:absolute; top: 125px; left: 6px; overflow:hidden; margin:0; padding:0; list-style:none; z-index: 100;}
UL#top-menu LI {position:relative; left: -6px; float:left; margin:0; padding:0;}
UL#top-menu LI A {display:block; padding: 10px 7px 0;}
UL#top-menu LI A:hover {background:url(img/sprite.gif) 50% -136px no-repeat;} 
UL#top-menu LI A.selected {background:url(img/sprite.gif) 50% -74px no-repeat !important;}
UL#top-menu LI I {position:absolute; top: 0; left:0; display:block; width: 2px; height: 36px; background:url(img/sprite.gif);}
				
.left {float:left; width: 240px; padding-bottom: 104px;}
	.left .leftMenu {width: 216px; margin-top: 30px; padding-left: 4px; background:url(img/sprite1.jpg) -1px 50% no-repeat #050505;}
		.left .leftMenuUl {width: 216px; margin:0; padding: 0; list-style:none; background:url(img/sprite1.jpg) 215px 50% no-repeat #080000;}
			.left .leftMenuUl LI {position:relative; //float:left; width: 215px; height: 32px; margin:0; padding:0; background:url(img/sprite.gif) -72px 0;} /* IE after relative LI Gap fixed*/
			.left .leftMenuUl .first {width: 216px; height: 22px; background:url(img/sprite.gif) -2px -32px;}
			.left .leftMenuUl .tail {width: 216px; height: 20px; background:url(img/sprite.gif) -2px -54px;}
				.left .leftMenuUl LI U {position: absolute; width: 14px; height: 16px; top: 9px; left: 18px; font-size: 1px; background:url(img/sprite.gif) -218px -32px;}			
				.left .leftMenuUl LI A {position: absolute; top: 6px; left: 43px;}
					.left .leftMenuUl LI A I {position: absolute; width: 35px; height: 30px; top: -6px; left: 129px; background:url(img/sprite.gif) -2px 0; cursor:pointer; cursor:hand;}
					.left .leftMenuUl LI A:hover I {background-position: -310px -1px;}
					.left .leftMenuUl LI A.selected I  {background-position: -37px -1px !important;}
	.left .opinion {margin-top: 13px; background-position: -17px 50%;}
		.left .opinion .leftMenuUl {background-position: 210px 50%;}
				.left .opinion .leftMenuUl LI DIV {position:absolute; width: 216px; top: 10px; left:0; text-align:center;}
					.left .opinion .leftMenuUl .first {height: 20px; z-index: 100;}
					.left .opinion .leftMenuUl .brief {height: 15px;}
						.left .opinion .leftMenuUl LI U {top: -7px; left: 25px; width: 35px; height: 36px; background-position: -232px -32px;}
					.left .opinion .leftMenuUl .short {height: 30px;}
						.left .opinion .leftMenuUl .short U {top: 0px; left: 27px; height: 32px; background-position: -267px -36px;}
					.left .opinion .leftMenuUl .tail {height: 14px; background-position: -2px -60px; font-size: 1px;} /* IE6 empty node text presence fixed */ 
						.left .opinion .leftMenuUl LI A {left: 71px;}
	.left .advertising {margin-top: 13px; background: none;}
				.left .advertising .leftMenuUl LI DIV {position:relative; top: 3px; left:0;}
					.left .advertising .leftMenuUl .first {height: 20px; z-index: 100;}
					.left .advertising .leftMenuUl .tail {height: 14px; background-position: -2px -60px; font-size: 1px;} /* IE6 empty node text presence fixed */ 
					.left .advertising .advertisingItems {margin:0; padding: 0; list-style:none;}					
					.left .advertising .advertisingItems LI {position:relative; //float:left; width: 194px; margin:0; padding: 0 11px 11px; background: #FFF;} /* IE after relative LI Gap fixed*/
					.left .advertising .advertisingItems .first {font-size: 1px;}
						.left .advertising .advertisingItems LI U {display:block; margin: 13px 0 0; height: 1px; background:#DEDEDE; font-size: 1px;} /* IE6 empty node text presence fixed */
						/*.left .advertising .advertisingItems LI .more {position:absolute; display:block; width: 23px; height: 23px; top:10px; left: 216px; background:url(img/sprite.gif) -287px 0;}*/ /*advertising red arrow is off*/

.main {position:relative; _right: 3px; margin-left: 240px; _margin-right:-3px; padding: 26px 44px 132px; zoom: 1;} /*background:url(img/mainCenter-bg.gif) repeat-y 100% 0;*/ /* 3px IE6 Gap fixed */
	.main .upCorner {position:absolute; top:0; right:0; width: 11px; height: 16px; _height: 1px; font-size: 1px; background:url(img/sprite1.jpg) -6px 0;} /* IE6 empty node text presence fixed */
	.main .downCorner {position:absolute; bottom:0px; right:0; width: 11px; height: 16px; _width: 1px; _height: 1px; font-size: 1px; background:url(img/sprite1.jpg) -6px -16px;} /* IE6 empty node text presence fixed */
	.main H1 {padding-bottom: 6px; text-align:right;}
	.main .breadcrumb {height: 30px; text-align:right;}
	.main .block {display:block;}
	.main .backgroundNone {background:none !important;}
	.main .stationsList {overflow:hidden;}
		.main .stationsList UL {zoom:1; /*overflow:hidden;*/ list-style:none; margin: 0; padding: 0;}
		.main .stationsList UL LI.column UL, .main .stationsList UL LI.column UL LI {clear:left; overflow:hidden; //clear:none; //overflow:inherit;}
		.main .stationsList UL LI.column UL UL {margin-left: 5px; zoom: 1;}
			.main .stationsList UL LI.column {float: left; width:49%;}
			.main .stationsList UL LI.column LI LI {zoom:1; //margin-bottom: -4px; /*background: #3EE;*/}
				.main .stationsList H2 {display:inline; padding:0; margin:0;}
						.main .stationsList UL LI SPAN {display:block; margin: 0 0 0 2px; /*background: #9AE;*/}
							.main .stationsList SPAN A {display:block; float:left; padding-left: 4px; outline: 0; /*background: #EE5;*/}
						.main .stationsList U {display:block; float:left; width: 18px; height: 12px; margin: 2px 0px 0 2px; font-size: 1px; _margin-left: 1px;}
						.main .stationsList STRONG {float:left; //float:none; margin-left: 5px; _margin-left: 2px;}
		.main .stationsList .noScript SPAN A {padding-left: 34px;} 
						/*.main .stationsList UL LI SPAN A {}*/
	.main .pagenavigation {width: 100%; overflow:hidden; text-align:center}
	.main .pagenavigation A, .main .pagenavigation B {/*float: left;*/ font-weight:bold; text-align:center; padding:0 5px}
	.main .pagenavigation .arrow {/*float: left;*/ width: 21px; height: 15px; background:url(/css/img/pageNavigationArrows.gif) no-repeat; /*text-indent: -1000px;*/ padding:0; text-decoration:none}
	.main .pagenavigation .start {}
	.main .pagenavigation .prev {background-position: -21px 0; margin: 0 6px;}
	.main .pagenavigation .next {background-position: -42px 0; margin: 0 6px;}
	.main .pagenavigation .end {background-position: -63px 0;}
	.main .pagenavigation .fakeStart {background-position: -84px 0;}
	.main .pagenavigation .fakePrev {background-position: -105px 0; margin: 0 6px;}
	.main .pagenavigation .fakeNext {background-position: -126px 0; margin: 0 6px;}
	.main .pagenavigation .fakeEnd {background-position: -147px 0;}						
	.main .width99percent {width: 99%;}						
	.main .width30percent {width: 33%;}
	.main .margin0 {margin:0;}
/*	.main .indent {text-indent: 12px;}*/
	.main .margin2cm {margin: 18px;}
	.main .marginBottom04cm {margin-bottom: 4px;}
	.main .paddingBottom04cm {margin-bottom: 6px;}
	.main .paddingTop05cm {padding-top: 5px !important;}
	.main .paddingTop07cm {padding-top: 7px;}
	.main .paddingTop3cm {padding-top: 35px !important;}
	.main .paddingLeft1cm {padding-left: 10px !important;}
	.main .paddingLeft2cm {padding-left: 24px;}
	.main .softPreviewImgPadding {padding: 8px 12px 8px 0px;}
	.main .floatLeft {float:left !important;}
	.main .floatRight {float:right !important;}
	.main .clearAll {clear:both !important;}
	.main .clearRight {clear:right !important;}
	.main .spacer {height: 4px; font-size: 1px;}
	.main .hr {height: 1px; margin-top: 6px; font-size: 1px; line-height: 1px; background: #999; zoom: 1;}
	.main .hasLayout {overflow:hidden; _zoom: 1;}
	.main .backgroundGrey {background-color: #E0E0E0;}
	.main .externalLink {padding-right: 14px; background:url(img/externalLink.gif) 100% 3px no-repeat;}

.fakefooter {clear:both; width: 100%; height: 1px; line-height:1px;}
.footer {position:relative; width: 100%; min-width: 1000px; _width: expression(document.body.clientWidth>1000 ? '' : '1000'); height: 104px; margin-top: -104px; background:url(img/footerCenter-bg.jpg) repeat-x 0 100%;}
	.footer .LeftImg {display:block; position:absolute; bottom: 0px; left: 0px; width: 375px; height: 104px; background:url(img/footerLeft-bg.jpg);}
	.footer .counters {position:absolute; bottom: 63px; right: 46px; height: 40px; padding: 0 3px;}
	.footer .copyright {position:absolute; bottom: 0; right: 0; padding: 0 20px 6px 0; text-align: right;}

.catalogElement {float:left; text-align:center; height:220px; padding-right:15px}
.catalogElement IMG {margin-bottom:5px}
.catalogElement DIV {width:200px}
.catalogElement .noImg {height:155px}

#gMap {width:100%; height:400px; margin-top:52px; visibility:hidden; position:absolute; z-index:-1000; top:-100px; left:0}
#gMap .gmnoprint {display:none}
#gMap.visible {position:relative; z-index:10; visibility:visible; top:0}
#gMap.visible .gmnoprint {display:block}

.imageMap {text-align:center; padding-top:2px; position:relative; width:612px; margin:0 auto; z-index:2}
.redDot {width:18px; height:16px; padding:2px 0 0; overflow:hidden; background:url(img/redDot.png); color:#fff; font-size:12px; font-weight:bold; text-align:center; position:absolute; z-index:-1;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/css/img/redDot.png", sizingMethod="crop");
_background:transparent;
}
#time-value {position:absolute; width:200px; z-index:800}
#transPoints {position:absolute; width:200px; z-index:800; right:20px; font-size:22px}

#markers {position:absolute; z-index:100}
#markers DIV {position:absolute; width:18px; height:18px; background:url(img/redDot.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/css/img/redDot.png", sizingMethod="crop");
_background:transparent}
#mapHolder {z-index:500; position:relative; margin:0 auto; width:612px}
#mapHolder IMG {position:absolute; width:612px; height:722px}

.catalog-section-schemes {width:100%; float:right; clear:right}
.none {display:none}
#cityMap {text-align:center}

.fpLinks {width:700px; margin:0 auto; text-align:center}
.fpLinks .clicked {color:#e30000 !important}
.fpLinks #lLink {float:left}
.fpLinks #rLink {float:right}