* {margin: 0; padding: 0; outline: 0} img {border: 0}

html,body {width: 100%; height: 100%; font-family: Tahoma; font-size: 12px; color: #2f3036}
a {color: #c9252b}
	a:hvoer {text-decoration: none}
	p {padding-bottom: 18px; line-height: 18px}

h1 {}
h2 {color: #2f3036; font-size: 18px; font-family: Tahoma; margin-bottom: 10px}
h3 {color: #2f3036; font-size: 14px; font-family: Tahoma; margin-bottom: 7px}
h4 {color: #2f3036; font-size: 12px; font-family: Tahoma; margin-bottom: 5px}
.background {min-height: 100%}
* html .background {height: 100%}
	.main-div {padding: 20px 25px 152px;_width: 1000px; min-width: 950px; max-width: 1350px; margin: auto}
		
		.header {overflow: hidden; zoom: 1; margin-bottom: 18px}
			.header .logo{ float: left;}
			.header .phone{ float: right; font-size: 18px; padding-left: 32px; background: url(/images/phone-icon.png) no-repeat left center; margin-top: 22px}
			.header .zakaz-block {margin: auto; background: url(/images/plaha-for-zakaz.png) no-repeat 0 0; padding: 0 0 0 15px; margin: auto; width: 470px; margin-top: 13px; overflow: hidden; zoom: 1; position: relative }
				.header .zakaz-block .zakaz-back {background: url(/images/plaha-for-zakaz.png) no-repeat right 0; height: 35px; line-height: 35px; color: #fff; overflow: hidden; zoom: 1;  }
					.header .zakaz-block .zakaz-back p {float: left; padding-top:7px}
				.header .zakaz-block .zakaz-btn {background: url(/images/zakaz.png) no-repeat; display: block; width: 108px; height: 27px; margin-top: 4px; float: right; margin-right: 8px; position: relative; z-index: 3; }
				.header .zakaz-block .zakaz-dira {width: 8px; position: relative; background: url(/images/zakaz-dira.png) no-repeat 0 0; height: 27px; top:4px; float: right; z-index: 5}
					.header .zakaz-block .zakaz-dira-top {width: 6px; position: absolute; background:#c9252b url(/images/zakaz-dira.png) no-repeat -2px 0; height: 27px; left:2px; top: 0; z-index: 4}
					.header .zakaz-block h1 {font-size:11px; color:white; padding-top:0px; font-weight:bold}
		.top-menu {background: url(/images/menu-top.png) no-repeat 0 0; padding: 0 0 0 15px; margin-bottom: 25px}
			.top-menu-back {background: url(/images/menu-top.png) no-repeat right 0; padding: 0 15px 0 0; height: 27px; overflow: hidden; zoom: 1}
			.top-menu table {width: 100%; border-collapse: collapse;}
				.top-menu table td {text-align: center}
					.top-menu table td a {color: #fff; text-decoration: none; display: block; margin-top: 2px; height: 24px; line-height: 23px}
					.top-menu table td a:hover,.top-menu table td a.active {background: #c8353a; border-top: 1px solid #df8487; margin-top: 1px }  
		.sub-menu {margin: -20px 20px 20px}
			.sub-menu a {color: #2f3036}
			.sub-menu a.active {font-weight: bold; text-decoration: none}
					
		.images-menu{margin-bottom: 40px; position: relative; z-index: 15}
		.images-menu table{width: 100%; border-collapse: collapse}
			.images-menu a{ position: relative; height: 130px; display: block; padding-top: 20px; text-align: center; text-decoration: none; zoom: 1; }
				.images-menu a span.name {display: block; color: #c9252b; text-decoration: underline;}
				.images-menu a i {position: absolute; top: 0; right: 12px; width: 18px; height: 18px; background: url(/images/plus.png); z-index: 150; display: none}
					.images-menu a:hover i {display: block}
				.images-menu a span.popup{position: absolute; top: -28px; margin-left: 100%; left: -22px;  z-index: 45; width: 400px; display: none;}
				.images-menu a span small {display: block; text-align: left; color: #2f3036; font-size: 12px; padding-left: 15px; background: url(/images/li.png) no-repeat 0 8px; margin-bottom: 0px; line-height: 23px; margin-left: -18px; margin-right: -18px; }
				
						.popup-back { position: relative; float: left; margin-left: 14px;margin-bottom: 10px; z-index: 100 }
							.popup-back-wrap { position:relative; padding:0 50px 0 50px;margin:0 -50px 0 -50px; overflow:hidden; display: block; zoom: 1; float: left;  }
							.popup-back-cont { z-index: 2; position: relative; margin:40px 20px 10px; float: left }
							.r { position:absolute; background:url(/images/popup-back.png) no-repeat; left:-50px; z-index:1; font-size: 0; display: block }
							* html .r {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup-back.png',sizingMethod='crop');}			
							.r-tl,.r-tr { height:1500px;top:-50px; _padding-right: 50px}
							.r-tl,.r-bl { width:100%;  }
							.r-tr,.r-br { width:50px; margin-left:100%; }
							.r-bl,.r-br { height:50px; top:100% }
							.r-bl { left:-100px; padding-right:100px; clip:rect(auto auto auto 50px);}
							.r-br { left:0px; }	
							
		.slider {width: 950px; height: 456px; margin: auto; background: url(/images/slider-back.png) no-repeat 0 0; position: relative; padding-top: 15px; margin-bottom: 50px; z-index: 10}
		
	.left-col {width: 200px; float: left}
		.left-col .newses {background: #f3f3f3; border: 1px solid #d7d7d8; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; line-height: 15px}
		.left-col .newses .n-head {background: url(/images/news-head-back.png) repeat-x 0 0; height: 25px; line-height: 25px; color: #2f3036; padding: 0 25px; border-bottom: 1px solid #cdcdce}
			.left-col .newses .n-head a {color: #2f3036; font-weight: bold}
			.left-col .newses ul {list-style: none; }
				.left-col .newses ul li{list-style: none;}
				.left-col .newses ul li a{display: block; color:#2f3036; font-size: 11px; text-decoration: none;padding: 10px 25px}
					.left-col .newses ul li a span{color:#c9252b; text-decoration: underline}
					.left-col .newses ul li a span.date{display: block; color:#909090; text-decoration: none }
				.left-col .newses ul li a:hover{background: #e2e2e2}
	.page-content {overflow: hidden; zoom: 1}
	.main-col {margin-left: 225px}
		.main-col .m-col {margin-right: 25px; float: left; width: 45%}
		.page-content .m-col {width:auto; float:none}
		.main-col .m-col p img {border:1px solid #c9252b; margin-right: 20px}
	.footer-cont {padding: 0 25px;min-width: 950px; max-width: 1350px;  margin: auto; _width:1000px;margin-top: -122px;  }
	.footer {background: url(/images/footer-back.png) no-repeat 0 0; margin: auto; height: 122px; color: white  }
		.footer-back{background: url(/images/footer-back.png) no-repeat right 0; height: 90px; padding: 10px 25px 0 0; margin: 0 0 0 25px }
		.footer  a {color: white}
		.footer .left-col {width: 175px}
		.footer .main-col {margin-left: 200px; margin-right: -25px}
		.footer  p {line-height: 17px; padding-bottom: 10px}
		
	.article {max-width: 70% }
	.fl-left {margin-left: 35%}
		.article p {line-height: 17px; position: relative}
			.article p span.p-new {position: absolute; top: -15px; color: #f5c05c }
			.article p.red{color: #c9252b; font-weight: bold}
			.article p.garant{padding-left: 35px; background: url(/images/garant.png) no-repeat 0 0; font-size: 16px; line-height: 23px; margin-top: 20px}
			.article p.gray{padding-bottom: 5px; overflow: hidden;zoom: 1; padding-top: 10px}
				.article p.gray span{background: #bcbdc0 url(/images/p-gray-left.png) no-repeat 0 0;height: 21px; line-height: 21px; float: left}
					.article p.gray span span{background-color: transparent; background: url(/images/p-gray-right.png) no-repeat right 0; padding: 0 10px}
		.article img{margin-right: 25px; border: 1px solid #c9252b}
		.article ul {list-style: none; background: #e2e2e2; padding: 5px 0; margin-top: 10px; margin-bottom: 40px}
			.article ul li{list-style: none; background: url(/images/article-li.png) no-repeat 10px 10px; padding: 5px 25px}
			
	.events {float: left; width: 28%; margin-right: 3%; padding-left: 20px} 
		.events .year {margin-bottom: 30px; }
			.events .year-head {font-weight: bold}
		.events .event {margin-bottom: 11px; padding: 2px 0 5px; position: relative;}
			.events .event i {display: none}
				.events .event.important i {background: url(/images/important.png) no-repeat 0 0; width: 15px; height: 15px; position: absolute; left: -20px; top: 5px; display: block}
			.events .event.active {background: #fbefef} 
				.events .event.active a {font-weight: bold; border-bottom: 0; margin-bottom: 1px; color: #2f3036 !important; text-decoration: none}
				.events .event a:hover {text-decoration: none}
			.events .event span a{text-decoration: none; border-bottom: 1px dashed; color: #2f3036}
			.events .event span a:hover {border-bottom: 0; margin-bottom: 1px}
			.events .event p {padding: 0}
			.events .event small {padding-top: 2px; color: #919191; font-size: 11px}
			

		.events .year.green .year-head,.events .year.green a{color: #35890b}
		.events .year.orange .year-head,.events .year.orange a{color: #c45213}
		.events .year.grey .year-head,.events .year.grey a{color: #303030}
		
	.gallery {}
		.gallery ul {overflow: hidden; zoom: 1; margin-top: 20px}
		.gallery li{float: left; margin-right: 50px; list-style: none; height: 275px; position: relative; width: 28%;}
		.gallery li .img{display: block; white-space: nowrap; margin-bottom: 10px}
			.gallery li img{display: block; float: none;border: 1px solid #c9252b}
			.gallery li .img.img-double {overflow: hidden; zoom: 1; background: url(/images/sert-sep.png) repeat-y center center}
				.gallery li .img.img-double img{float: left}
			.gallery li .sep {margin: 0 25px; float: left}
		.gallery li i {position: absolute; top: 0; left: 100%; padding-left: 10px; color: #919191; font-size: 11px; font-style: normal}
		
	.img-gallery {width: 610px}
	.img-gallery .big-img {}
		.img-gallery .big-img img{display: none; margin-bottom: 25px}
		.img-gallery .big-img img.active{display: block}
	.img-gallery div.imgs {}
		.img-gallery .imgs img{margin: 2px 27px 27px 2px;}
		.img-gallery .imgs .active img{border: 3px solid #2f3036}
	.partners {}
		.partners .partner {margin-bottom: 30px}
		.partners .partner .partn-logo{float: left; width: 28%; margin-right: 3%; padding-left: 20px}
			.partners .partner .partn-logo img {border: 0}
		.partners .partner .partn-info,.partners .partner h2{margin-left: 35%}
		
	.catalog-menu {margin-left: 20px; float: left; width: 300px }
	.catalog-menu ul {list-style: none}
	.catalog-menu .type-1 a,.catalog-menu .type-3 a{color: #2f3036}
	.catalog-menu .type-1 li {margin-bottom: 20px}
	.catalog-menu .type-2 a {color: #909098; font-size: 11px}
	.catalog-menu .type-2 {margin-top: -10px; margin-bottom: 32px}
		.catalog-menu .type-2 li{margin-bottom: 9px}
		.catalog-menu .type-3,.catalog-menu .type-3 ul {margin-left: 25px; list-style: none; }
			.catalog-menu .type-3 ul a {color: #c9252b; }
			.catalog-menu .type-3 ul {margin: 10px 0 20px 25px}
			.catalog-menu .type-3 ul li {margin-bottom: 9px}
			.catalog-menu .type-3 a.active {font-weight: bold; text-decoration: none; color: #2f3036}
		.catalog-menu .type-1 a.active {font-weight: bold; text-decoration: underline;}
	.article table {width: 100%}
	.article table td {vertical-align: top}
	.sxema { float: left; margin-right: 25px; margin-bottom: 10px}
		.sxema  p {padding: 0; }
			.sxema a {color: #919191}
		.sxema img{display: block; border: 0; margin: 5px 0}
		p.noborder img {border: 0}
	.fl-left-2 {margin-left: 300px}	
	.prods-gallery li {height: 150px; padding-top: 50px;  }
		.prods-gallery li img {border: 0; margin-bottom: 20px}
	.view {float: left; text-align: center; margin-bottom: 20px; color: #919191; margin-top: 20px}
	.view img{display: block; margin-bottom: 20px; border: 0}
	.article small {color: #919191; font-size: 11px;}
	.article table small  {padding-bottom: 10px; display: block}
	#zakaz {top: 0; left: 0; display:none}
		#zakaz{position: absolute; top: 128px; left: 50%; margin-left: -250px;  z-index: 45; width: 500px; }
		#zakaz form {}
			#zakaz form .line {overflow: hidden; zoom: 1; margin-bottom: 10px; color: #bbb}
			#zakaz form label{width: 140px; margin-right: 10px; line-height: 18px;float: left; color: #000000}
			#zakaz form .i-text.i-text-long {width: 250px}
			#zakaz form .i-text{width: 150px; height: 16px}
			#zakaz form .i-text-short{width: 62px}
			#zakaz form select {width: 155px}
			#zakaz form select.select-short {width: 66px}
			.al-c {text-align: center}
		#zakaz .back {background: #fbefef; margin: 0 -47px 10px; padding: 10px 47px}
		.checks {margin-left: 150px}
			.checks .ch-line {overflow: hidden; zoom: 1}
			.checks label {width: auto !important}
		.checks .i-ch {float: left; vertical-align: middle;margin-top: 3px; margin-right: 5px}
		
		#zakaz .zakaz-btn{width: 110px; height: 29px; position: relative; background: url(/images/zakaz-popup-btn.png) no-repeat 0 0; float: left}	
		#zakaz .zakaz-dira{width: 130px; height: 29px; position: relative; background: white url(/images/zakaz-popup-dira.png) no-repeat 0 0; float: left; margin-left: 7px}	
			
		table.colored {width: 70%; border-collapse: collapse}
			table.colored td {padding: 10px; vertical-align: middle;border:1px solid #eee !important}
			.hover{background-image: url(../images/table-back.png); background-repeat: repeat}
			.hovercell {background-image: url(../images/table-back-cell.png); background-repeat: repeat}
		table.colored .blue {background: #baf2ff}
		table.colored  .pink {background: #ffc7ba}