html, body { 	/*height: 100%;*/ } body { 	color: #000; 	font: 14px/20px 'Arial', sans-serif; 	background: #606568; 	height: 100%; 	/* margin-left: -1.1%; */ 	overflow: hidden; } .jcarousel-skin-tango{ 	position: relative; z-index: 1000; } h1 { 	color: #29599f;	 	font: 60px 'PT Sans Narrow', sans-serif; 	text-transform: uppercase; 	margin-bottom: 5px; 	/*float: left;*/ } h1.er404 { 	display: block; 	border: 7px solid #FFA200; color: #FFA200; font: 150px 'Arial',sans-serif; margin: 120px auto 40px; width: 245px; padding: 0 30px; float: none; } #header, #footer { 	position: fixed; 	background: #000; 	width: 100%; 	z-index: 1100; 	height: 45px; 	color: #fff; } #header { top: 0; } #footer { bottom: 0;} #grid { 	background: url(../images/grid.png) repeat; 	height: 5600px; position: absolute; width: 100%; z-index: 1; } #index {	/* min-height: 700px; */ min-width: 1000px; position: relative; 	margin: 45px 0; 	overflow: hidden; 	overflow-y: scroll !important; 	margin-right: -1.1%; } .grid{background: url(../images/grid.png) repeat!important;} #waterline { /* 	background: url(../images/waterline.png) no-repeat; position: absolute; right: 0; width: 89px; z-index: 2; 	height: 100%; */ 	 	 	background: url(../images/waterline.png) no-repeat scroll 0 bottom transparent; top: 0; height: 8030px; position: absolute; right: 0; width: 80px; z-index: 100; } .right {float: right;} .left {float: left;} .clear {clear: both;} .clear-r {clear: right;} .clear-l {clear: left;} .wrapper { 	width: 980px; 	margin: 0 auto; 	overflow: hidden; } .content_wrapper { 	margin: 0 auto; overflow: hidden; /* position: relative; */ 	padding-top: 60px; top: 60px; width: 1000px; z-index: 3; } .left_box { 	overflow: hidden; 	z-index: 3; } .left_box .logo { 	width: 233px; 	height: 85px; 	background: #ffa200; } .left_box .logo a { 	background: url(../images/logo.png) 22px center no-repeat; 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	font-size: 18px; 	font-weight: bold; } .left_box .logo span { 	display: block; 	width: 106px; 	position: relative; 	left: 102px; 	top: 20px; 	line-height: 0.9; } .left_box .lang { 	margin-top: 1px; 	font-size: 12px; } .left_box .lang a { 	display: block; 	color: #fff; 	float: left; 	padding: 0 5px; 	background: #1b68d9; } .left_box .lang a.active { 	background: #ffa100; 	text-decoration: none; } .left_box a.map { 	background: url(../images/map.png) no-repeat; 	width: 69px; 	height: 62px; 	display: block; 	position: relative; 	margin-top: 10px; 	left: -7px; } .phone { 	margin-top: 10px; 	font: bold 18px 'PT Sans Narrow', sans-serif; 	color: #ffa200; } .phone span { 	color: #7f8389; } .top_menu { 	font: 15px 'PT Sans Narrow', sans-serif; 	text-transform: uppercase; overflow: hidden; margin-right: 15px; } .top_menu ul li, ul.drop_menu li { 	float: left; 	display: block; 	/*position: relative;*/ } .top_menu ul li a, .top_menu ul li span { 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	padding: 13px; } .top_menu ul li:hover > a, .top_menu ul li:hover > span, .top_menu ul li.active > a, .top_menu ul li.active > span { 	background: #396ebb; 	border-top: 3px solid #fff; 	padding-top: 10px; } .top_menu ul ul li:hover > a, .top_menu ul ul li:hover > span, .top_menu ul ul li.active > a, .top_menu ul ul li.active > span{ 	border-top : none; } .top_menu ul li:hover ul.drop_menu { 	display: block; } ul.drop_menu { 	display: none; 	overflow: hidden; 	position: absolute; 	margin-top: -2px; } 	ul.drop_menu.remain-visible{display:block!important;} /* ul.drop_menu li { 	float: left; 	display: block; }*/ ul.drop_menu li a, ul.drop_menu li span { 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	padding: 13px; 	background: #396ebb; } ul.drop_menu li:hover a, ul.drop_menu li.active span, ul.drop_menu li:hover a, ul.drop_menu li.active a { 	background: #548cdd; 	/* border-top: 3px solid #fff; */ 	padding-top: 13px; } .page { 	/* min-height: 700px; */ min-width: 1000px; position: relative; } .main { 	padding: 20px 30px 20px 44px; 	background: url(../images/fon.png) repeat; 	width: 756px; 	left: 96px; 	position: relative; 	height: 100%; 	/* min-height: 535px; */ } .main .content { 	padding-left: 25px; } .main .content_404 { 	margin: 0 auto 110px; 	text-align: center; } .main .content p { 	margin-top: 10px; } .main .content p.title { 	display: block; font-size: 18px; left: -22px; position: relative; } .main .content a { 	color: #1b68d9; 	text-decoration: none; 	border-bottom: 1px solid #1b68d9; } .main .content a.archive { 	float: right; } .main .content a.archive-top { 	float: right; 	/* margin-top: 44px; */ } .main .content_404 span.no-found { 	display: block; 	font: 28px 'Arial', sans-serif; 	font-weight: bold; 	margin-bottom: 8px; } .h2o-sign { background: url("../images/legend/h2o.png") no-repeat scroll 0 0 transparent; height: 187px; left: 10px; position: absolute; top: 200px; width: 107px; } .content .newsblock { 	overflow: hidden; 	margin-bottom: 25px; } .content .newsblock .news_date { 	color: #fff; 	background: #ffa100; 	font-size: 12px; 	padding: 0 5px; 	margin-bottom: 10px; 	float: left; } .content .newsblock .news_img { 	float: left; 	margin-right: 15px; 	/*margin-bottom: 15px;*/ } .content .newsblock .title { 	/*margin-bottom: 15px;*/ 	/*margin-top: -4px;*/ } .content .news_navigation { 	margin-top: 25px; } .content ul.nav { 	float: left; } .content ul.nav a.prev, .content ul.nav a.next { 	display: block; 	float: left; 	margin-right: 1px; 	height: 26px; 	width: 26px; 	border: 0; } .content ul.nav a.prev { 	background: url(../images/pager/prev_news.png) no-repeat; } .content ul.nav a.next { 	background: url(../images/pager/next_news.png) no-repeat; } .content ul.nav a.prev:hover, .content ul.nav a.next:hover { 	background-position: 0 -28px; } .content .pagination { 	float: left; 	width: 50%; 	height: 20px; 	overflow: hidden; } .content .pagination a { 	display: block; 	float: left; 	margin: 0 6px; 	border: 0; 	text-decoration: underline; } .content .pagination div { 	display: block; 	float: left; 	margin: 0 6px; } .content .pagination .cur { 	display: block; 	float: left; 	color: #fff; 	background: #ffa200; 	padding: 0 5px; } .content .pagination a.nav_begin, .content .pagination a.nav_prev, .content .pagination a.nav_next, .content .pagination a.nav_end { 	text-decoration: none; 	margin-top: 5px; } .content .pagination a.nav_prev, .content .pagination a.nav_next { 	margin-top: 7px; } .content .pagination .nav_begin { 	background: url(../images/pager/begin.png) no-repeat 0 0; 	width: 23px; 	height: 10px; } .content .pagination .nav_prev { 	background: url(../images/pager/prev.png) no-repeat 0 0; 	width: 21px; 	height: 7px; 	margin-top: 7px; } .content .pagination .nav_next { 	background: url(../images/pager/next.png) no-repeat 0 0; 	width: 21px; 	height: 7px; 	margin-top: 7px; } .content .pagination .nav_end { 	background: url(../images/pager/end.png) no-repeat 0 0; 	width: 23px; 	height: 10px; 	margin-top: 5px; } .content ul.client { 	overflow: hidden; 	margin-top: 20px; } .content ul.client li { 	float: left; 	display: block; 	margin-bottom: 30px; padding: 20px; text-align: center; width: 142px; height: 80px; } /*.content ul.client li img { 	display: inline-block; 	vertical-align: middle; }*/ .content ul.client li:hover { 	background: #fff; 	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ } .content ul.client li a { 	border: 0; } #footer .left_col, #footer .right_col { 	margin-top: 12px; } #footer .left_col { 	font: 16px 'PT Sans', sans-serif; 	color: #808080; } #footer .right_col a { 	font: 16px 'PT Sans Narrow', sans-serif; 	color: #fff; 	text-decoration: none; } #footer .right_col img { 	margin-top: -6px; } /*Промо на главной*/ #slides { 	position:relative; } #slides .slidesContainer { 	background:#fff; 	margin: 0 auto; } /* 	Next/prev buttons */ #slides .slidesNext,#slides .slidesPrevious { 	position:absolute; 	top:38px; 	width:30px; 	height:0; 	display:block; 	z-index:101; 	height: 97px; 	overflow:hidden; 	background:url(../images/slider/navigation-previous.png) no-repeat 0 0; } #slides .slidesNext { 	left:950px; 	background:url(../images/slider/navigation-next.png) no-repeat 0 0; } #slides img { 	float: left; } #slides .text_block { 	float: right; padding: 25px 45px; width: 560px; } #slides .text_block .title { 	color: #396ebb; 	font: 48px 'PT Sans', sans-serif; } #slides .text_block .text { 	color: #33363a; 	font: 24px 'PT Sans Narrow', sans-serif; } /* 	Pagination */ .slidesPagination { 	float: right; margin: 0; position: relative; right: 37px; top: -20px; z-index: 100; } .slidesPagination li { 	float:left; 	margin:0 3px; 	list-style:none; } .slidesPagination li a { 	display:block; 	width:13px; 	height:0; 	padding-top:13px; 	background-image:url(../images/slider/pagination.png); 	background-position:0 0; 	overflow:hidden; } .slidesPagination li.slidesCurrent a { 	background-position:0 -15px; } /*Карусель фоток*/ .jcarousel-skin-tango .jcarousel-container { background: #fff; z-index: 4; 	left: -75px; position: absolute; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 3px 5px rgba(0,0,0,0.5); /* Параметры тени */ } .jcarousel-skin-tango .jcarousel-direction-rtl { 	direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 880px; 	padding: 5px; 	margin-top: 15px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 880px; height: 194px; } .jcarousel-skin-tango .jcarousel-item { width: 290px; height: 194px; } .jcarousel-skin-tango .jcarousel-item-horizontal { 	margin-left: 0; margin-right: 5px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { 	margin-left: 5px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 56px; right: -33px; width: 33px; height: 97px; cursor: pointer; background: transparent url(../images/promo/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/promo/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -37px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 56px; left: -33px; width: 33px; height: 97px; cursor: pointer; background: transparent url(../images/promo/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/promo/next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -37px 0; } .scroll-pager { 	position: fixed; 	width: 97px; 	height: 33px; 	background: url(../images/promo/upside.png) no-repeat; 	left: 5px; } 	.scroll-pager:hover{ 		cursor: pointer; 	} 	.scroll-pager.sp-top{ 		top: 45px; 		background-position: 0 -33px; 	} 	.scroll-pager.sp-bottom{ 		bottom: 45px 	} 	 .ymap-wrap { 	margin-top: 20px; } /*geomap*/ 	.anchor { 		background: url("../images/legend/port.png") no-repeat scroll 0 0 transparent; 		border-radius: 15px 15px 15px 15px; 		height: 21px; 		position: absolute; 		width: 22px; 		overflow: hidden; 		font-size: 0; 		cursor: pointer; 		z-index: 2; 	} 		/* .anchor.port1{left: 1159px;top: 78px;} 		.anchor.port2{left: 1134px;top: 103px;} 		.anchor.port3{left: 1082px;top: 167px;} */ 		 		.anchor.port1{right: 418px;top: 78px;} 		.anchor.port2{right: 440px;top: 103px;} 		.anchor.port3{right: 495px;top: 167px;} 	 	.legend-wrapper{ 		position: absolute; 		left: -544px; /*0*/ 		top: 80px; 		transition: left 1s ease-out 0s; 	} 		.legend-wrapper .lw-tiny-map, 		.legend-wrapper .lw-tiny-legend { 			display: inline-block; 			height: 273px; 			padding: 3px 3px 3px 0; 			position: relative; 			float: left; 			 			/* -webkit-box-shadow: 0 0 25px -5px #000000; 			box-shadow: 0 0 25px -5px #000000; */ 			-webkit-box-shadow: 0 0 50px -15px #000000; 			box-shadow: 0 0 50px -15px #000000 		} 		 		/*GLOBE*/ 		.legend-wrapper .lw-tiny-map { 			background: url("../images/legend/tiny-map.png") no-repeat scroll left center #FFF; 			width: 541px; 			z-index: 10; 		} 			 			.legend-wrapper .lw-tiny-map .lwtm-globe { 				background: url("../images/legend/globe.png") no-repeat scroll center center white; 				top: 0; 				-webkit-box-shadow: 0 0 50px -10px #000000; 				box-shadow: 0 0 50px -10px #000000; 			} 		 		/*LEGEND*/ 		.legend-wrapper .lw-tiny-legend { 			background: url("../images/legend/legend.png") no-repeat scroll center center #FFF; 			margin-left: -3px; 			z-index: 5; 			transition: width 1s ease-out 0s; 			width: 0px; /*200*/ 		} 		 			.legend-wrapper .lw-tiny-legend .lwtl-sign { 				background: url("../images/legend/sign.png") no-repeat scroll center center white; 				top: 50px; 			} 			 			/*COMMON*/ 			.legend-wrapper .lw-tiny-map .lwtm-globe, 			.legend-wrapper .lw-tiny-legend .lwtl-sign { 				height: 46px; 				position: absolute; 				right: -43px; 				width: 46px; 				cursor: pointer; 			} 			 	.legend-popup { 		background-color: #FFF; 		position: absolute; 		padding: 3px; 		font-family: 'PT Sans Narrow',sans-serif; 	} 		.legend-popup .lp-title{ 			display: block; 			font-size: 26px; 			padding: 15px 15px 5px; 		} 		.legend-popup .lp-text{ 			display: block; 			font-size: 18px; 			padding: 0 15px 15px; 		} 		.legend-popup .lp-tri{ 			border-bottom: 10px solid transparent; 			border-left: 20px solid #FFFFFF; 			border-top: 10px solid transparent; 			height: 0; 			position: absolute; 			right: -20px; 			top: 75px; 			width: 0; 		} 		.legend-popup .lp-close{ 			background: url("../images/prettyPhoto/light_square/close.png") no-repeat scroll 0 0 transparent; 			cursor: pointer; 			height: 53px; 			position: absolute; 			right: -33px; 			top: 0; 			width: 33px; 			display: block; 		} 		 .geoBsMap { 	top:0; 	left:0; 	position:absolute; 	z-index: 1; 	width:auto; } #bx-panel, #panel{ position: absolute; top: 0; width: 100%; z-index: 5000 !important; } #bx-admin-prefix{z-index: 8000 !important;}