* {margin:0;padding:0;}
* html body {_filter:expression(document.execCommand("BackgroundImageCache", false, true));}
html, body {height:100%;min-height:100%;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#4d463e;}

a {color:#F60;}
a:hover {text-decoration:none;}
img {border:none;}

#wrapper {position: absolute; overflow: hidden; min-height: 100%; min-width: 980px; width: 100%; _width: expression( document.body.clientWidth < 980 ? '980px' : '100%' ); }
#layout {position: relative; margin:0 auto 500px auto; max-width: 1400px; width: 100%; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }

#head {width: 100%; margin:0; padding:0; height: 190px; background:url('line.png') repeat-x left 106px;}
#logo {float: left; background:url('logo.png') no-repeat top; width:155px; height:135px; margin:25px auto 20px 38px; padding:0;}
.feed { margin:15px 20px 0 auto; width:74%; text-align:right; float:right;}
.feed img {margin:0 15px;}
.logotext {background:url(logotext.png) no-repeat center; margin: 25px 8px 24px auto; width:356px; height:45px}
.adrestext { font-size:20px; margin:10px 8px 0 auto; text-align:right; background:url('bglogo.png') no-repeat right bottom; height:54px}

.fire {position:relative;height:180px; width:120px;}
.menubar {width:95%; height:100px;  auto;}
.menu1 {width: 20%; height:80px; float:left; font-size:13px} 
.menu2, .menu4 { width: 28%; height:80px; float:left; font-size:13px}
.menu3 { width: 21%; height:80px; float:left; font-size:13px}
.menubar a {font-size:20px; padding-left:20px;}
.menu1 a {color:#c4be66; background:url('ind1.png') no-repeat left}
.menu2 a,
.menu4 a {color:#e77843; background:url('ind2.png') no-repeat left}
.menu2 p a,
.menu4 p a,
.menu1 p a,
.menu3 p a,
.menu2 .models a,
.menu4 .models a,
.menu4 .uslugi a {font-size:12px;background:none;padding-left:0;margin:2px;}
.menu4 .sys a {font-size:12px;background:none;padding-left:0;margin:2px;}
.menu2 p a.mod,
.menu4 p a.mod {color:#e77843;text-decoration:none;border-bottom:1px dotted #e77843;}
.menu2 .models,
.menu4 .uslugi {display:none;position:absolute; width:190px; margin:0 0 0 19px;padding:1px 5px;background-color:#FFF; border:1px solid #CCC;z-index:100;}
.menu4 .sys {display:none;position:absolute; width:190px; margin:0 0 0 64px;padding:1px 5px;background-color:#FFF; border:1px solid #CCC;z-index:100;}
.menu2 .models .ml,
.menu4 .uslugi .ml {padding:10px 18px;}
.menu4 .sys .ml {padding:10px 18px;}
.menu2 .models .ml a,
.menu4 .uslugi .ml a {display:block;margin:5px 0;}
.menu4 .sys .ml a {display:block;margin:5px 0;}
.menu2 .models a.mod,
.menu4 .uslugi a.mod {color:#e77843;text-decoration:none;border-bottom:1px dotted #e77843;}
.menu4 .sys a.mod {color:#e77843;text-decoration:none;border-bottom:1px dotted #e77843;}
.menu3 a {color:#4e473f; background:url('ind3.png') no-repeat left}
.menu1 p,
.menu2 p,
.menu3 p,
.menu4 p {padding:1px 0 0 25px;}

.banner {margin:0 auto 30px auto; text-align:center}

h1 {font-weight: normal; font-size:25px; clear:both; padding:0 25px 25px 0}
h2 {font-weight: normal; font-size:24px; clear:both;}

.content {width:90%; margin:0 auto; clear:both;}
.content01 {position:relative; float:left; width:45%; margin:0 0 30px 0; padding-right: 55px;display:none;}
.content02 {position:relative; float:left; width:40%; margin:0 0 30px 15px;display:none;}
.content11 {position:relative; float:left; width:25%; margin:0 0 30px 0; padding-right: 55px}
.content12 {position:relative; float:left; width:60%; margin:0 0 30px 15px}
.content111 {position:relative; float:left; width:25%; margin:0 0 30px 0; padding-right: 55px}
.content122 {position:relative; float:left; width:65%; margin:0 0 30px 15px}

.content11 img, .content12 img { margin:30px 15px 0 10px; float:left;}
.content11 p, .content12 p {margin:10px;}
.content21 {position:relative; float:left; width:29%; background:url('slash.png') no-repeat right; height:250px; margin:0 0 30px 0; padding-right: 45px}
.content22 {position:relative; float:left; width:29%; background:url('slash.png') no-repeat right; height:250px; margin:0 0 30px 5px; padding-right:45px}
.content23 {position:relative; float:left; width:30%; height:250px; margin:0 0 30px 5px;}
.content21 img, .content22 img, .content23 img { margin-top:50px}
.content3 {position:relative; float:left; height:250px; margin:0 0 50px 0; width:100%}
.content31 {position:relative; height:200px; width:95%; margin:0 auto; overflow:hidden;}
.content30 {position:relative; float:left; text-align:center; height:180px; width:120px; margin:auto;}
.content3img {text-align:center; width:100px; position: absolute; bottom: 0;}
.content3img p {height:40px}

.content21 h2, .content22 h2, .content23 h2 {font-weight: normal; font-size:18px; clear:none;}

.content #con h1 {font-size:32px;}
.content #con .cm, .content #con .dec {height:110px;}
.content #con .cm .c1 {float:left;padding:14px 0 15px 0;font-weight:normal;width:48%;text-align:center;border-bottom:1px solid #4e473f;}
.content #con .cm .c1 a {color:#4e473f;font-size:22px;}
.content #con .cm .we_here {color:#c4be66;float:left;padding:15px 0;font-weight:normal;width:48%;text-align:center;background-color:#4e473f;} 
.content #con .cm .we_here a {color:#c4be66;font-size:22px;} 

.content #con .dec .c1 {float:left;padding:14px 0 15px 0;font-weight:normal;width:25%;text-align:center;border-bottom:1px solid #4e473f;height:60px;}
.content #con .dec .c1 a {color:#4e473f;font-size:18px;}
.content #con .dec .we_here {color:#c4be66;float:left;padding:15px 0;font-weight:normal;width:25%;text-align:center;background-color:#4e473f;height:60px;} 
.content #con .dec .we_here a {color:#c4be66;font-size:18px;} 


.content #con div.img {margin:20px; padding:40px; font-size:15px;}
.content #con div.img div.a {position:absolute; margin:0 auto 0 60px;z-index:10;}
.content #con div.img div.b {position:absolute; margin:560px auto 0 100px;z-index:11;}
.content #con div.img div.c {position:absolute; margin:7px auto 0 400px;z-index:12;}
.content #con div.img div.d {position:absolute; margin:350px auto 0 390px;z-index:13;}
.content #con div.img div.e {position:absolute; margin:100px auto 0 470px;z-index:14;}
.content #con div.img div.f {position:absolute; margin:230px auto 0 720px;z-index:15;}
.content #con div.img div.g {position:absolute; margin:210px auto 0 580px;z-index:16;}

.content #con div.imgdoors {margin:30px 15px; padding:20px;text-align:center;height:250px; overflow:hidden;}
.content #con div.imgdoors img {margin:0; padding:20px;}

.content #con div.furn {float:right; width:350px;margin:30px;padding:20px;border-left:1px solid #CCC; overflow:hidden;}
.content #con div.furn .p {font-size:14px; border-bottom:1px dotted #CCC;padding:8px 0;}
.content #con div.furn .p .span {margin-left:185px;width:160px; overflow:hidden; position:absolute; height:18px; z-index:1;}
.content #con div.furn .p .span i {position:absolute; z-index:2; margin-left:140px;height:30px;width:20px;background: url('splright.png') repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://192.168.2.28/skd/templates/draft/splright.png',sizingMethod='scale');}
.content #con div.furn .p .span a {display:block;width:700px;}

.content #con div.furn {float:right; width:350px;margin:30px;padding:20px;border-left:1px solid #CCC; overflow:hidden;}
.content #con div.furn .pno {font-size:14px; border-bottom:1px dotted #CCC;padding:8px 0;}
.content #con div.furn .pno .span {margin-left:185px;width:160px; overflow:hidden; position:relative; z-index:1;}
.content #con div.furn .pno .span i {position:absolute; z-index:2; margin-left:140px;height:30px;width:20px;background: url('splright.png') repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://192.168.2.28/skd/templates/draft/splright.png',sizingMethod='scale');}
.content #con div.furn .pno .span a {display:block;width:700px;}

div.a, div.b, div.c, div.d, div.e, div.g  {padding:8px;background-color:#F0F0F0;border:1px solid #333;}

.content #con ul {display:block; padding:30px;padding-left:45px;line-height:140%;margin:15px;}

.content #con .detail {padding:30px 0;}
.content #con .detail h2 {padding:30px 0 10px 0;}
.content #con .detail .exc {padding:35px 10px;float:left;width:350px;height:145px;overflow:hidden;}
.content #con .detail .exc p {padding:10px 30px;margin-left:70px;padding-top:25px;}
.content #con .detail .exc p span {font-size:18px;}
.content #con .detail .exc p span a {color:#F60;}
.content #con .detail .exc a.eskize {height:150px;}
.content #con .detail .exc a.eskize img {position:absolute;display:block;}
.content #con .detail .var {padding:20px 0 30px 0;}

.content .doorstxt {}
.content .doorstxt p {padding:15px 0 7px 0;}
.content .doorstxt {}
.content .doorstxt {}
.content .doorstxt {}

.content .galery {} 
.content .galery a {float:left;}
.content .galery h1 {clear:both;}
.content .galery img {display:block;}
.content .galery i {padding:25px 10px;display:block;font-size:14px;}
.content .galery .items {float:left; margin:10px; padding:5px; height:300px;text-align:center;}
.content .galery .items .gi {display:block;margin:7px 0;}
.content .galery .items .gi img {display:block;padding:7px;}
.content .galery .menuitems {float:left;margin:20px 30px 30px 10px;padding-right:30px;width:14%; border-right:1px solid #CCC;}
.content .galery .menuitems a {display:block;padding:10px;font-size:14px;border-bottom:1px dotted #CCC;float:none;}

.content .galery .complect {display:block;float:right;width:73%;margin-right:20px;}
.content .galery .complect h1 {display:block;clear:none;padding:0;margin:0;}
.content .galery .complect h2 {display:block;clear:none;padding:0;margin:0;}
.content .galery .complect span {float:right;}
.content .galery .complect i {font-size:14px;}
.content .galery .complect .gzam {margin:7px 20px;height:130px;display:block;border-bottom:1px dotted #CCC;}
.content .galery .complect .gzam a {font-size:24px;padding-top:10px;}
.content .galery .complect .gzam p {padding-top:10px;}
.content .galery .complect .gzam span {float:right;padding:2px;position:absolute;margin-left:40%;_padding-left:25%;}
.content .galery .complect .gimgzam {text-align:center;display:block;clear:both;text-align:center;margin:10px 15%;}
.content .galery .complect .gimgzam img {float:none;}
.content .galery .complect .gimgzam a {float:none;}
.content .galery .complect .pzam {margin:20px 50px;display:block;clear:both;}
.content .galery .complect .pzam p {font-size:14px;line-height:135%;}

.content .galery .complect a.abox {text-decoration:none; border-bottom:1px dashed #F60;}
.content .galery .complect a:hover.abox {text-decoration:none; border:none;}

table tr td {padding:15px 0;}


#footer {clear:both;width: 100%; margin:0 auto;padding:70px 0 0 0;position:absolute;bottom:0;height:250px;padding-top:150px;background:url('fbg.gif') no-repeat bottom center;}
.dpzd {width: 100%; margin:0 auto; max-width: 1400px; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' );}
.footerbar {width:21%; height:200px; float:left; margin:0 5%;}
.footerbar span {float:right;padding:0 15px;}
#footercount {width:100%; height:50px; clear:both; background-color:#c4be66;position:absolute;bottom:0;margin-top:190px;}
.footerbar p {border-bottom:2px solid #c4be66; font-size:20px; color:#c4be66; padding-left:10px; margin-bottom:10px}

.ind1 {width:60%; min-height:780px;text-align:center;padding-top:40px;_height:expression( document.body.clientWidth < 780 ? '780px' : '100%' );}
.ind1 span img {margin:5px 0px;padding:5px;border:1px solid #4c473e;}
.ind5 {position:absolute; left:52%;padding:20px;} 
.ind5 h1 {font-size:26px;margin:5px;padding:30px 0px 10px 0px;font-weight:normal;}
.ind5 h2 {font-size:22px;margin:5px;padding:15px 0px 0px 0px;font-weight:normal;}
.ind5 p {line-height:140%;font-size:13px;margin:5px;padding:10px 0px;}

.map {width:100%;margin-left:190px;padding:35px;}
.map a {display:block;padding:7px 15px;}
.map p {padding:20px 0 5px 0;}

.scrollable {position:relative;overflow:hidden;width: 980px;margin:2px auto;height:162px;background:url(/img/global/gradient/h300.png) repeat-x;}
.scroller {width: 233px;height: 150px;margin:5px;border:1px solid #CCC;}
.scrollable .items {width:40000px;position:absolute;clear:both;}
.scrollable img {float:left;margin:20px 5px 20px 21px;background-color:#fff;padding:2px;cursor:pointer;}
.scrollable .active{z-index:5;position:relative;}
div.scrollable div.items div{float:left;}
div.items div.active {background-color:#fff;}
#top_text {display:none;}