body{margin:0;font-family:Arial;}

.wrapper{margin:0 auto;width:1020px;min-width:1020px;}

.header{float:left;width:1020px;margin:30px 0 30px 0;}

.header-l{float:left;width:340px;}
.header-r{float:right;width:680px;}

.header-l .logo{float:left;}
.header-l .logo img{border:none;}
.header-l .name{float:left;font-family:'Roboto', Arial;margin:-5px 0 0 5px;}
.header-l .name h1{margin:0 0 0 0;color:#d12622;font-size:28pt;line-height:115%;}
.header-l .name h1 a{color:#d12622;text-decoration:none;}
.header-l .name h5{margin:2px 3px 0 0;color:#678087;font-weight:400;line-height:115%;font-size:10pt;text-align:right;}
.header-l .name h5 a{color:#678087;text-decoration:none;}

.header-r .navi{float:right;margin-top:7px;}
.header-r .navi ul{margin:0;}
.header-r .navi ul li{float:left;list-style-type:none;margin:0 0 0 20px;font-family:Arial;font-size:9pt;color:#a5a5c2;}
.header-r .navi ul li a{text-decoration:none;color:#a5a5c2;}
.header-r .navi ul li a:hover{color:#1e4359;}
.header-r .navi li.active a{color:#1e4359;}

.header-r .search{clear:both;float:left;margin:20px 0 0 40px;}
.header-r .search .search-inp{float:left;width:170px;height:18px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:0px;padding:2px 5px 1px 5px;font-family:Arial;font-size:9pt;color::#a5a5c2;}
.header-r .search .search-btn{float:left;width:60px;height:22px;font-family:Arial;font-size:8pt;color:#fff;background-color:#223953;border:none;}

.search-vars{visibility:hidden;position:fixed;top:94px;background-color:#fff;border:1px solid #eee;min-width:229px;font-size:9pt;padding:5px;}
.search-vars ul{margin:0;padding:0;}
.search-vars ul li{list-style-type:none;padding:0;margin:0;width:100%;}
.search-vars ul li:hover{background-color:#eee;}
.search-vars ul li a{display:block;width:95%;padding:5px;color:#a5a5c2;text-decoration:underline;}
.search-vars ul li a:hover{color:#1e4359;text-decoration:none;}

.header-r .contacts{float:right;width:370px;}
.header-r .contacts .cart{float:left;font-size:10pt;margin:23px 0 0 0;background:url('cart_header_bg.gif') no-repeat;padding:0 0 0 20px;font-family:Arial;font-size:9pt;color:#1e4359;}
.header-r .contacts .cart a{color:#1e4359;text-decoration:none;}
.header-r .contacts .cart a span{font-weight:700;}
.header-r .contacts .cont{float:right;margin-top:3px;}
.header-r .contacts .cont .phone{float:right;font-family:'Roboto', Arial;font-size:18pt;color:#d12622;line-height:105%;}
.header-r .contacts .cont .email{clear:both;float:right;font-family:'Roboto', Arial;font-size:11pt;color:#1b324c;line-height:105%;}
.header-r .contacts .cont .email a{color:#1b324c;text-decoration:none;}

.navbar{clear:both;float:left;width:1018px;height:40px;border:1px solid #122033;border-width:1px 1px 0 1px;background:url('navbar_bg.gif') 0px 0px repeat-x #1a3149;}
.navbar-shadow{clear:both;float:left;width:1020px;height:28px;background:url('navbar_bg_shadow.png') 0px 0px repeat-x;}
.navbar-shadow div{margin:25px 0 0 10px;font-size:11pt;color:#2d5064;}
.navbar-shadow div a{color:#2d5064;text-decoration:none;margin:0 5px 0 5px;}
.navbar-shadow div a:first-child{margin:0 5px 0 0;}
.navbar-shadow div a:hover{color:#d12622;text-decoration:none;}
.navbar-shadow div a:last-child{color:#d12622;text-decoration:none;}
.navbar-shadow div a:last-child:hover{color:#2d5064;text-decoration:none;}
.navbar .navibar{margin:0;padding:0;position:absolute;}
.navbar .navibar li{float:left;list-style-type:none;margin:7px 7px 0 7px;height:19px;padding:4px 21px 10px 21px;color:#fff;font-family:'Roboto', Arial;font-size:11pt;font-weight:700;}
.navbar .navibar li:hover{background-color:#fff;color:#213751;}
.navbar .navibar li a{float:left;display:block;text-decoration:none;color:#fff;}
.navbar .navibar li:hover a{display:block;text-decoration:none;color:#213751;}
.navbar .navibar li.line{height:26px;width:1px;padding:0 3px 0 3px;background:url('navbar_li.png') center center no-repeat;}
.navbar .submenu{position:relative;top:35px;left:7px;margin:0;padding:22px;display:none;width:962px;height:150px;background-color:#fff;z-index:1001;box-shadow: 0 5px 5px rgba(0,0,0,0.3);border-radius:0 0 5px 5px;}

.navbar .submenu div{position:relative;margin:5px 30px 0 0;font-size:9pt;color:#1e435;}
.navbar .submenu div:first-child{margin-top:0;}
.navbar .submenu div a{color:#1e4359;text-decoration:none;}
.navbar .submenu div a:hover{color:#1e4359;text-decoration:underline;}

.navbar .navibar li.acti{background-color:#fff;color:#213751;}
.navbar .navibar li.acti a{display:block;text-decoration:none;color:#213751;}


.promo{clear:both;float:left;width:1020px;}

.slider{float:left;width:740px;height:360px;border:1px solid #e0dfdf;}
.banner{float:right;}


.content{clear:both;float:left;width:1018px;margin:30px 0 30px 0;}
.content .blocks{clear:both;float:left;width:1018px;background:url('blocks-bottom-bg.png') left bottom repeat-x;}
.content .blocks-name{clear:both;float:left;width:1018px;font-family:'Roboto', Arial;font-size:16pt;color:#374f6b;line-height:105%;padding:10px 0 10px 0;border-top:1px solid #e0dfdf;background:url('block-name-bg.png') 0 0 repeat-x;border-radius:3px;}
.content .block{float:left;width:170px;margin:20px 0 20px 25px;border:0px solid #000;padding:0;border:1px solid #fff;}
.content .block:hover{border:1px solid #e0e0e0;box-shadow: 0 0 10px rgba(33,56,82,0.5);}
.content .block .img{margin:10px 15px 0 15px;}
.content .block .img img{width:140px;height:140px;}
.content .block .name{font-size:9pt;padding:5px 10px 10px 10px;height:20px;color:#333;font-weight:700;}
.content .block .name a{color:#333;text-decoration:none;}
.content .block .name a:hover{color:#2d5064;text-decoration:underline;}
.content .block .desc{font-size:8pt;padding:0 10px 0 10px;height:40px;color:#a79999;}
.content .block .price{font-size:11pt;padding:5px 0 15px 10px;font-weight:700;color:#2d5064;}
.content .block .add-btn{width:135px;font-family:'Roboto', Arial;font-size:10pt;padding:5px;margin:0 10px 10px 10px;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;}
.content .block .add-btn:hover{color:#fff;font-family:'Roboto', Arial;font-size:10pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}


.content .cart{clear:both;float:left;width:1016px;border:1px solid #e0dfdf;}
.content .cart .cat-name{clear:both;float:left;padding:0 0 20px 0;margin:20px 40px 20px 40px;width:936px;border-bottom:1px solid #e0dfdf;}
.content .cart .cat-name h2{margin:0;padding:0;font-family:'Roboto', Arial;font-size:16pt;color:#3c3c3c;font-weight:400;}
.content .cart .poscarts{margin:20px 40px 20px 40px;width:936px;font-size:10pt;font-family:'Roboto';color:#333;}
.content .cart .poscarts tr:hover{background-color:#eee;}
.content .cart .poscarts td{border-bottom:1px solid #ccc;}
.content .cart .poscarts td a{color:#333;text-decoration:none;}
.content .cart .poscarts td a:hover{color:#333;text-decoration:underline;}
.content .cart .poscarts td a.delete:hover{cursor:pointer;}
.content .cart .poscarts .inp_count{width:40px;border:1px solid #ccc;font-family:'Roboto';font-size:10pt;text-align:center;}
.content .cart .poscarts .inp_perer{width:410px;font-family:'Roboto', Arial;font-size:10pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;}
.content .cart .poscarts .inp_perer:hover{color:#fff;font-family:'Roboto', Arial;font-size:10pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.content .cart .result{display:none;clear:both;float:left;margin:0 40px 10px 40px;width:890px;border:1px solid #e0dfdf;border-radius:3px;background-color:#fbfbfb;padding:15px 22px 15px 22px;}
.content .cart .result p{margin:0;padding:0;color:#2d5064;font-size:9pt;}

.content .category{clear:both;float:left;width:1016px;border:1px solid #e0dfdf;}
.content .category .cat-name{clear:both;float:left;padding:0 0 20px 0;margin:20px 40px 20px 40px;width:936px;border-bottom:1px solid #e0dfdf;}
.content .category .cat-name h2{margin:0;padding:0;font-family:'Roboto', Arial;font-size:16pt;color:#3c3c3c;font-weight:400;}
.content .category .filter{clear:both;float:left;margin:0 40px 10px 40px;width:890px;border:1px solid #e0dfdf;border-radius:3px;background-color:#fbfbfb;padding:15px 22px 15px 22px;}
.content .category .filter p{margin:0;padding:0 0 10px 0;color:#2d5064;font-size:9pt;}
.content .category .filter p:last-child{padding:0;}
.content .category .filter ul{clear:both;margin:0;padding:0 0 0 15px;}
.content .category .filter ul li{float:left;margin:5px 15px 0 0;padding:3px;list-style-type:none;font-size:9pt;color:#2d5064;}
.content .category .filter ul li a{font-size:9pt;color:#2d5064;text-decoration:none;border-bottom:1px dotted #2d5064;}
.content .category .filter ul li.active{float:left;margin:5px 15px 0 0;list-style-type:none;font-size:9pt;color:#fff;background-color:#344b65;}
.content .category .filter ul li.active a{font-size:9pt;color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}
.content .category .line{clear:both;float:left;margin:0 40px 20px 40px;width:896px;padding:0 20px 0 20px;}
.content .category .line .pos{float:left;width:170px;margin:0 9px 0 0;border:1px solid #fff;}
.content .category .line .pos:last-child{margin:0;}
.content .category .line .pos:hover{border:1px solid #e0e0e0;box-shadow: 0 0 10px rgba(33,56,82,0.5);}
.content .category .line .pos .img{margin:10px 15px 0 15px;}
.content .category .line .pos .img img{max-width:140px;height:140px;max-height:140px;}
.content .category .line .pos .name{font-size:9pt;padding:5px 10px 10px 10px;height:24px;color:#333;font-weight:700;}
.content .category .line .pos .name a{color:#333;text-decoration:none;}
.content .category .line .pos .name a:hover{color:#2d5064;text-decoration:underline;}
.content .category .line .pos .desc{font-size:8pt;padding:0 10px 0 10px;height:45px;color:#a79999;}
.content .category .line .pos .spec{float:left;width:137px;background-color:#eeeeee;padding:4px;color:#5a5b5c;font-size:8pt;margin:0 10px 8px 10px;}
.content .category .line .pos .spec .name1{clear:both;float:left;line-height:150%;}
.content .category .line .pos .spec .value1{float:right;line-height:150%;}
.content .category .line .pos .price{clear:both;font-size:11pt;padding:5px 0 15px 10px;font-weight:700;color:#2d5064;}
.content .category .line .pos .add-btn{width:135px;font-family:'Roboto', Arial;font-size:10pt;padding:5px;margin:0 10px 10px 10px;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;}
.content .category .line .pos .add-btn:hover{color:#fff;font-family:'Roboto', Arial;font-size:10pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}

.content .category .row{clear:both;float:left;margin:0 40px 20px 40px;width:896px;padding:20px;border-bottom:1px solid #e0dfdf;}
.content .category .row:hover{background-color:#f9f9f9;}
.content .category .row .picture{float:left;width:306px;text-align:center;}
.content .category .row .picture img{border:none;max-width:306px;}
.content .category .row .offers{float:left;width:590px;}
.content .category .row .offers p{font-size:80%;font-family:'Roboto';color:#333;border-bottom:1px solid #e0dfdf;padding:10px 5px;margin:0;}
.content .category .row .offers p:hover{background-color:#f3f3f3;}
.content .category .row .offers p a{color:#333;text-decoration:none;}
.content .category .row .offers p a.add-btn{color:#333;border-bottom:1px dashed #333;text-decoration:none;float:right;}
.content .category .row .offers p a.add-btn:hover{cursor:pointer;}

.content .product{clear:both;float:left;padding:20px 40px 20px 40px;width:936px;border:1px solid #e0dfdf;}
.content .product .leftbar{clear:both;float:left;width:220px;margin:0 15px 0 0;}
.content .product .leftbar .img{clear:both;width:220px;text-align:center;}
.content .product .leftbar .img img{border:none;max-width:218px;height:auto;}
.content .product .leftbar .manuf-title{font-family:'Roboto', Arial;font-size:14pt;color:#3c3c3c;border-bottom:1px solid #e0dfdf;margin:30px 0 20px 0;padding:0 0 10px 0;font-weight:300;}
.content .product .leftbar .manuf{padding:0 0 0 20px;font-size:9pt;color:#2d5064;line-height:150%;}
.content .product .leftbar .manuf a{color:#2d5064;text-decoration:none;}
.content .product .leftbar .manuf a:hover{color:#e5b383;text-decoration:none;}
.content .product .mainbar{float:left;width:420px;margin:0 15px 0 0;}
.content .product .mainbar .product-name{clear:both;font-size:14pt;color:#333333;font-weight:600;padding:0;}
.content .product .mainbar .product-model{clear:both;font-size:10pt;color:#333333;font-weight:600;}
.content .product .mainbar .product-price{padding:10px 0 0 0;font-size:12pt;font-weight:700;color:#2d5064;border-top:1px solid #e0dfdf;margin:20px 0 0 0;}
.content .product .mainbar .product-add-button{font-family:'Roboto', Arial;width:410px;font-size:11pt;padding:5px;margin:10px 0 0 0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;}
.content .product .mainbar .product-add-button:hover{font-family:'Roboto', Arial;color:#fff;font-size:11pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.content .product .mainbar .product-desc{margin:10px 0 0 0;padding:10px 0 0 0;}
.content .product .mainbar .product-desc p{text-indent:25px;font-size:10pt;color:#333;}
.content .product .rightbar{float:left;width:260px;}
.content .product .rightbar .charac-title{font-family:'Roboto', Arial;font-size:14pt;color:#3c3c3c;border-bottom:1px solid #e0dfdf;margin:0 0 20px 0;padding:0 0 10px 0;font-weight:300;}
.content .product .rightbar .charac{clear:both;float:left;width:260px;font-size:9pt;color:#5a5b5c;border-radius:3px;}
.content .product .rightbar .charac .ch1{clear:both;float:left;width:120px;padding:5px;line-height:150%;}
.content .product .rightbar .charac .ch2{float:right;text-align:right;width:120px;padding:5px;line-height:150%;}


.content .page{clear:both;float:left;padding:20px 40px 20px 40px;width:936px;border:1px solid #e0dfdf;}
.content .page .mainbar{clear:both;float:left;width:661px;margin:0 15px 0 0;}
.content .page .mainbar .page-title{clear:both;float:left;padding:0 0 20px 0;margin:0 0 20px 0;width:661px;border-bottom:1px solid #e0dfdf;}
.content .page .mainbar .page-title h2{margin:0;padding:0;font-family:'Roboto', Arial;font-size:16pt;color:#3c3c3c;font-weight:400;}
.content .page .mainbar .page-sub-title{clear:both;float:left;padding:0 0 20px 0;margin:30px 0 20px 0;width:661px;border-bottom:1px solid #e0dfdf;}
.content .page .mainbar .page-sub-title h3{margin:0;padding:0;font-family:'Roboto', Arial;font-size:14pt;color:#3c3c3c;font-weight:300;}
.content .page .mainbar .page-content{color:#3с3с3с;font-size:10pt;line-height:150%;}
.content .page .mainbar .page-content p{color:#3c3c3c;font-size:10pt;line-height:150%;}
.content .page .mainbar .page-content p a{color:#3c3c3c;text-decoration:underline;}
.content .page .mainbar .page-content p a:hover{color:#3c3c3c;text-decoration:none;}
.content .page .mainbar .page-content ul{}
.content .page .mainbar .page-content ul li{list-style:square inside;color:#3c3c3c;font-size:10pt;line-height:150%;}
.content .page .mainbar .page-content .inp1{clear:both;margin:0 0 15px 0;width:330px;font-family:'Roboto', Arial;font-size:11pt;color:#3c3c3c;font-weight:300;padding:5px;}
.content .page .mainbar .page-content .inp2{clear:both;margin:0 0 15px 0;width:470px;height:150px;font-family:'Roboto', Arial;font-size:11pt;color:#3c3c3c;font-weight:300;padding:5px;}
.content .page .mainbar .page-content .inp3{font-family:'Roboto', Arial;width:480px;font-size:11pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;background-color:#fff;}
.content .page .mainbar .page-content .inp3:hover{font-family:'Roboto', Arial;color:#fff;font-size:11pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.content .page .mainbar .page-content .inp4{font-family:'Roboto', Arial;width:340px;font-size:11pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;background-color:#fff;}
.content .page .mainbar .page-content .inp4:hover{font-family:'Roboto', Arial;color:#fff;font-size:11pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.error{position:absolute;width:200px;height:30px;text-align:center;line-height:30px;margin-left:10px;display:inline-block;vertical-align:top;background:#eeeeee;border:1px solid #d3d3d3;color:3c3c3c;font-family:'Roboto', Arial;font-size:10pt;font-weight:300;}
.error::before{content:url(corner.gif);width:13px;height:6px;position:absolute;top:2px;left:-10px;}
.invalid{background: rgba(255, 0, 0, 0.1);}
.content .page .rightbar{float:left;width:260px;}
.content .page .rightbar .info-title{clear:both;float:left;padding:0 0 20px 0;margin:0 0 20px 0;width:260px;border-bottom:1px solid #e0dfdf;}
.content .page .rightbar .info-title h2{margin:0;padding:0;font-family:'Roboto', Arial;font-size:16pt;color:#3c3c3c;font-weight:300;}
.content .page .rightbar .info{clear:both;float:left;margin:0;padding:0;}


.footer{clear:both;float:left;width:1020px;}
.footer-menu{clear:both;float:left;width:938px;border:1px solid #e0dfdf;padding:40px;}
.footer-menu ul{width:170px;margin:0;float:left;padding:0;}
.footer-menu ul li{list-style-type:none;margin-bottom:5px;font-size:9pt;}
.footer-menu ul li.name{margin-bottom:25px;font-weight:bold;text-transform:uppercase;color:#333;}
.footer-menu ul li a{color:#999;text-decoration:none;}
.footer-menu ul li a:hover{color:#2d5064;text-decoration:none;}
.footer-menu ul li.active a{color:#2d5064;text-decoration:none;}
.footer-menu .banner-footer{float:right;width:460px;height:115px;border:1px solid #e0dfdf;}
.footer-menu .banner-footer img{border:none;}
.copyright{clear:both;float:left;padding:15px 10px 15px 10px;width:1000px;font-size:9pt;color:#999;}
.copyright a{color:#999;text-decoration:none;}
#toTop{position:fixed;bottom:100px;left:30px;background:none;cursor:pointer;-webkit-transition-duration:0.2s;-o-transition-duration: 0.2s;-moz-transition-duration:0.2s;transition-duration: 0.2s;opacity:0.5;}
#toTop:hover{opacity:1;}


.inp6{clear:both;margin:0 0 0 0;width:330px;font-family:'Roboto', Arial;font-size:11pt;color:#3c3c3c;font-weight:300;padding:5px;}
.inp2{clear:both;margin:0 0 15px 0;width:470px;height:150px;font-family:'Roboto', Arial;font-size:11pt;color:#3c3c3c;font-weight:300;padding:5px;}
.inp3{font-family:'Roboto', Arial;width:480px;font-size:11pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;background-color:#fff;}
.inp3:hover{font-family:'Roboto', Arial;color:#fff;font-size:11pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.inp4{font-family:'Roboto', Arial;width:340px;font-size:11pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;background-color:#fff;}
.inp4:hover{font-family:'Roboto', Arial;color:#fff;font-size:11pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}
.error{position:absolute;width:200px;height:30px;text-align:center;line-height:30px;margin-left:10px;display:inline-block;vertical-align:top;background:#eeeeee;border:1px solid #d3d3d3;color:3c3c3c;font-family:'Roboto', Arial;font-size:10pt;font-weight:300;}

.inp_perer2{width:410px;font-family:'Roboto', Arial;font-size:10pt;padding:5px;margin:0;border-radius:5px;border:1px solid #e0e0e0;color:#333;font-weight:400;text-align:center;}
.inp_perer2:hover{color:#fff;font-family:'Roboto', Arial;font-size:10pt;padding:5px;background-color:#233a54;border-radius:5px;border:1px solid #0e2736;font-weight:400;cursor:pointer;}


.modalDialog {
	position: fixed;
	font-family: 'Roboto', Arial;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
	font-weight:300;
	font-size:11pt;
}
.modalDialog a{
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #000;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}

.close {
	background: #666;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background-color:#233a54;color:#fff; }