/* FILE ARCHIVED ON 1:39:53 Oct 10, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:50:06 Dec 13, 2016. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ @charset "windows-1251"; *{margin:0;} /*reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a{color:#73462A; font:13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; text-decoration:underline} a:visited{} a:hover{text-decoration:none;} a:active{} a:focus, a:active {outline:none} input{vertical-align:middle} img{border:0;} #door{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-door-b.jpg) repeat-y center 0;} html, body{ background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-foot.jpg) repeat-y center 0; width:100%; min-width:1250px; color:#551E00; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; } .bg-container{ width:100%; min-width:1250px; position:absolute; min-height:944px; height:auto !important; height:100%; left:0; top:0; } div.bg-container.index .bg-door-l{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-door-l.jpg) repeat-x; width:50%; height:100%; position:absolute; left:0; top:0} div.bg-container.index .bg-door-r{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-door-r.jpg) repeat-x; width:50%; height:100%; position:absolute; right:0; top:0} div.bg-container.index .bg-door-c{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-door-c.jpg) no-repeat center 0; width:100%; height:100%; position:absolute; right:0; top:0} div.bg-container .bg-door-l{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-ctg-l.jpg) repeat-x left -80px; width:50%; height:100%; position:absolute; left:0; top:0} div.bg-container .bg-door-r{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-ctg-r.jpg) repeat-x right -80px; width:50%; height:100%; position:absolute; right:0; top:0} div.bg-container .bg-door-c{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-ctg-c.jpg) no-repeat center -80px; width:100%; height:100%; position:absolute; right:0; top:0} #door #wrap{ background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-door-c.jpg) no-repeat center 0;} #wrap{ /* background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/bg-ctg-c.jpg) no-repeat center 0; */ width:1250px; height:944px; position:relative; margin:0 auto} #wrap h1{color:#707E81; font:bold 24px"Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; padding:0 0 20px 0; text-transform:uppercase;} #wrap h2{color:#676463; font-size:13px; font:italic bold 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; display:block} #header{width:100%; height:142px; padding:34px 0 0 0; float:left; overflow:hidden} #header div.slogan { clear: both; color: #9e2c20; font-size: 12px; line-height: 15px; padding: 10px 0 0 13px; } .logo{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/logo.png) no-repeat; width:300px; height:88px; position:relative; float:left} .logo a{width:300px; height:88px; display:block} .logo p{color:#9E2C20; font:bold 11px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; white-space:nowrap; position:absolute; top:97px; left:12px;} .hot-line{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/menu.png) repeat-x 0 bottom; width:181px; height:78px; padding:10px 0 0 0; text-align:center; color:#DADAD6; font:italic 22px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; float:right} .hot-line span{display:block; color:#DADAD6; font:bold italic 34px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif} .menu{padding:0 0 0 88px; float:left;} .menu-in{padding:0; float:left;} .menu-in li{list-style:none; padding:0 82px 0 0; float:left;} .menu-in li a, .menu-in li p{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/menu.png) no-repeat; width:88px; height:54px; padding:34px 0 0 0; color:#A62F23; font:18px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; text-align:center; text-decoration:none; display:block} .menu-in li a:hover{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/menu.png) no-repeat center;} .menu-in li.active p{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/menu.png) no-repeat 0 bottom; color:#D5C1BF; cursor:default} .blur{width:347px; height:135px;} .zamer{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/zamer.jpg) no-repeat; width:265px; height:89px; position:absolute;} .zamer a{width:100%; height:100%; display:block} .white-box{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png); width:226px; height:88px; position:absolute;} .white-box a{width:100%; height:100%; display:block} .catalog{ width:1156px; height:623px; padding:0 0 0 67px; position:relative; float:left} .ctg-l{ width:449px; height:100%; position:relative; float:left} .ctg-blur{height:179px; width:100%; float:left} .ctg-blur .blur{margin:0 auto; overflow:hidden} div.ctg-l .door {background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/blur-bg.png); width:323px; height:406px; padding:5px 10px 0 23px; position:absolute; right:0; bottom:33px;} div.ctg-l .door p, div.ctg-l .door div.description {color:#676463; font:italic 11px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; padding:0 0 15px 0} div.ctg-l .door img{float:left; } div.ctg-l .door img.noimg, div.ctg-l .door a.fancy.noimg, div.ctg-l .door img.noimg, div.ctg-l .door a.adm-edit.noimg {display: none; z-index: 20;} div.ctg-l .door div.noimg {float: left; display: none; position: absolute; bottom: 0;} div.ctg-l .door a.fancy, div.ctg-l .door a.adm-edit { display: block; position: absolute; width: 150px; height: 350px; } .door-info{width:150px; float:right} .door-price{} .door-price span{color:#707E81; font:bold 24px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; padding:5px 0 0 0; display:block;} .door-price span.noprice {display: none;} .door-tone{background:#FFF; width:88px; padding:34px 0 9px 0; position:absolute; text-align:center; left:-89px; top:46px;} .steel .door-tone {padding-top: 14px;padding-bottom: 20px;} .door-tone-in, .door-front-in {padding:10px 0 0 1px; float:left} .door-tone-in li, .door-front-in li {list-style:none; padding:0 0 0 8px; float:left} .door-tone-in li a, .door-front-in li a {width:18px; height:18px; font-size:1px; display:block} .door-glass{background:#FFF; width:88px; padding:34px 0 9px 0; position:absolute; text-align:center; left:-89px; top:178px;} .steel .door-glass {padding-top: 14px;padding-bottom: 20px;} .door-glass-in, .door-back-in {padding:10px 0 0 1px; float:left} .door-glass-in li, .door-back-in li {list-style:none; padding:0 0 0 8px; float:left} .door-glass-in li a, .door-back-in li a, .door-front-in li a {background:#707E81; width:18px; height:18px; padding:1px 0 0 0; color:#F4F0EC; font:bold 16px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; padding:0 0 0 0; text-transform:uppercase; text-decoration:none; text-align:center; display:block} .door-glass-in li a:hover, .door-back-in li a:hover, .door-front-in li a:hover {background:#A62F23;} .door-glass-in li.noglass, .door-back-in li.noglass {display: none;} .ctg-r{ width:665px; height:100%; padding-top: 138px; position:relative; float:right} .menu-sub{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png); width:490px; height:88px; margin:0 auto} .menu-sub-in{width:100%; padding:34px 0 0 0; float:left;} .menu-sub-in li{list-style:none; padding: 0 2em;} .menu-sub-in li a{color:#A62F23; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;} .menu-sub-in li.active p{color:#B58585; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;display:inline; cursor:default; text-decoration:none} .menu-sub-in li:hover a{text-decoration:none;} .ctg-r .zamer{left:40px; bottom:0} .ctg-r .white-box{right:0; bottom:0;} .ctg-in{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png); width:625px; height:360px; position:relative; top:40px; padding:0 0 0 40px} .ctg-red{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/menu.png) no-repeat 0 bottom; width:22px; height:22px; position:absolute; left:-11px; top:-11px;} .ctg-select{width:100%; padding:0 0 11px 0; float:left;} .ctg-select h2{width:90px; padding:7px 0 0 0; float:left;} .ctg-made{width:520px; padding:0; float:left;} .ctg-made li{list-style:none; background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made-mark.jpg) no-repeat right center; padding:0 13px 0 11px; float:left; } .ctg-made li.last{background:none; padding:0 0 0 11px} .ctg-made li a{display:block} .ctg-made li.active p{cursor:default} .made{height:30px; float:left; overflow: hidden;} .made img{margin-top: -60px;} .made:hover img{margin-top: -30px;} .active .made img{margin-top: 0;} .ctg-collect{width:520px; padding:0 0 15px 0; float:left;} .ctg-collect li{list-style:none; padding:7px 13px 0 11px; float:left;} .ctg-collect li a{color:#666363; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;} .ctg-collect li a:hover{color:#707E81} .ctg-collect li.active p{cursor:default; color:#A09E9C; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;} .ctg-list{width:610px; float:left;} .ctg-list-in{padding:0; position:relative; height: 200px; white-space: nowrap;display: inline-block;} .ctg-list-in li{list-style:none; width:70px; padding:0 5px 10px 0; text-align:center; position:relative; float:left; display: inline-block;} .ctg-list-in li img{margin:0 auto; display:block;} .ctg-list-in li a{color:#9F3E35; font:bold 10px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;; text-transform:uppercase; position:relative; top:-40px; display:block; white-space: normal;} .ctg-list-in li a.image-url { display: block; height: 150px; left: 0; position: absolute; top: 0; width: 70px; } .ctg-list-in li div.reflect { display: inline-block; } .ctg-param{width:100%; padding:0 0 0 0; float:left; position: absolute; bottom: 10px; left: 21px;} .ctg-param h2{width:164px; float:left;} .ctg-param-in{width:480px; padding:0; float:left;} .ctg-param-in li{list-style:none; padding:0 8px 0 5px; float:left; font-size: 0.75em;} .ctg-param-in li.last{padding:0 0 0 10px} .ctg-param-in li a, .ctg-param-in li label{color:#666363; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;} .ctg-param-in li a:hover{color:#707E81} .ctg-param-in li p, .ctg-param-in li span{cursor:default; color:#A09E9C; font:italic 13px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; display:inline} .ctg-param-in li span{padding:0 1px} .ctg-param-in li input{border:0; border-bottom: 1px solid #999; background:none; width:35px; padding:0 0 0 4px} .contact{ background:#E5E5E4; width:895px; height:488px; padding:21px 22px 23px 30px; position:relative; left:153px; float:left} .contact-in{width:180px; padding:30px 0 0 0; float:left} #wrap .contact-in h1{padding:0 0 50px 0; text-transform:none} .contact-in p{color:#676463; font-size:11px; padding:0 0 20px 0} .contact .blur{position:absolute; left:314px; top:574px} .contact .zamer{position:absolute; left:-86px; top:600px} .contact .white-box{position:absolute; right:-86px; top:600px} #item{ width:1250px; height:623px; position:relative; float:left} .flash{width:1000px; height:1000px; float:left; position:relative; left:43px; top:-64px; z-index:100} .flash object{outline:none} .item-made{position:absolute; left:1046px; top:117px;} .item-made-in{padding:0; float:left} .item-made-in li{list-style:none; background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made-mark.jpg) no-repeat right center; padding:0 0 20px 0; float:left; clear:both} .item-made-in li a{display:block} .item-made-in li.active p{cursor:default} .item-made-in .made1{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made1.png) no-repeat 0 center} .item-made-in .made1:hover{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made1.png) no-repeat} .item-made-in .made2{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made2.png) no-repeat 0 center;} .item-made-in .made2:hover{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made2.png) no-repeat} .item-made-in .made3{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made3.png) no-repeat 0 center} .item-made-in .made3:hover{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made3.png) no-repeat} .item-made-in .made4{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made4.png) no-repeat 0 center} .item-made-in .made4:hover{background:url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/made4.png) no-repeat} #item .menu-sub{width:531px; position:absolute; right:0; top:426px; z-index:1000} #item .menu-sub-in li{list-style:none; padding:0 20px; display:inline;} .menu-sub-in li a{color:#A62F23; font:italic 16px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;} .menu-sub-in li.active p{color:#B58585; font:italic 16px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;display:inline; cursor:default; text-decoration:none} .menu-sub-in li:hover a{text-decoration:none;} #item .blur{position:absolute; right:337px; top:580px; z-index:1000} #item .white-box{position:absolute; right:40px; top:627px; z-index:1000} .hiddenfab {display:none} .hiddencol {display:none} .hiddensteklo {display:none} .hiddencvet {display:none} .hiddencena {display:none} .mf-captcha img { float: none; } .mfeedback input, .mfeedback textarea { font-size: 16px; } /** * slider */ div.list-container { overflow-x: scroll; overflow-y: hidden; position: relative; height: 211px; width: 600px; } div.list-container ul { position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; } div.list-container ul li { display: inline; } div.ctg-list div.slider { background: #b3b4ae; display: none; height: 11px; left: 22px; position: absolute; width: 620px; } div.ctg-list div.slider div.right, div.ctg-list div.slider div.left { background: #999b8d; cursor: pointer; height: 11px; position: absolute; top: 0; width: 11px; } div.ctg-list div.slider div.left { left: -11px; } div.ctg-list div.slider div.right { right: -11px; } div.handle { background: #878883; position: absolute; cursor: move; top: 0; z-index: 100; /* bespoke to your own solution */ height: 11px; width: 181px; } div.handle:hover, div.handle.hover { background: #782219; } /** * index page */ #content div.line-1 { top: 176px; } #content div.line-1 div { float: left; } #content div.info-1, #content div.info-2 { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png) repeat; color: #676463; font-size: 14px; font-style: italic; height: 105px; padding: 15px 15px 10px; width: 280px; } #content div.info-2 { margin-left: 45px; } #content div.left-link, #content div.right-link { padding-top: 47px; } #content div.left-link { padding-left: 76px; width: 306px; } #content div.right-link { padding-left: 32px; } #content div.left-link a, #content div.right-link a, div.catalog div.left-link ul li a { color: #000; font-size: 24px; font-style: italic; text-decoration: none; } #content div.left-link a:hover, #content div.right-link a:hover, div.catalog div.left-link ul li a:hover { text-decoration: underline; } #content div.line-2 { clear: both; height: 225px; } #content div.b-left { float: left; padding-left: 30px; width: 663px; } #content ul.fabrics { background: #9a2b20; display: block; height: 38px; padding-top: 9px; padding-left: 0; margin-left: 44px; text-align: center; width: 576px; } #content ul.fabrics li { display: inline; } #content ul.fabrics li div { float: left; height: 30px; overflow: hidden; padding: 0 20px; } #content div.b-right ul.fabrics li div { padding-left: 60px; } #content ul.fabrics li a img { margin-top: -60px; } #content ul.fabrics li a:hover img { margin-top: -30px; } #content ul.fabrics li.active a img { margin-top: 0; } #slider { position: relative; width: 664px; } #slider div.prev, #slider div.next { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/nav-bg.png) repeat; float: left; height: 132px; width: 44px; } #slider div.next { float: right; } #slider div.prev a, #slider div.next a { display: block; height: 132px; } #slider div.prev a { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/prev.png) no-repeat 50% 50%; } #slider div.next a { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/next.png) no-repeat 50% 50%; } #slider div.fog { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/slider-bg.png) repeat; height: 100px; left: 44px; position: absolute; width: 576px; z-index: 10; } #slider div.items { float: left; height: 178px; overflow: hidden; position: relative; width: 576px; } #slider div.items-container { position: absolute; white-space: nowrap; } #slider div.item { display: inline; float: left; height: 112px; padding-top: 20px; position: relative; text-align: center; width: 96px; } #slider div.item a { display: block; height: 112px; left: 15px; position: absolute; top: 20px; width: 66px; z-index: 20; } #slider div.item.active { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/active-item.png) no-repeat 50% 50%; z-index: 15 } #content div.b-right { float: left; padding-left: 45px; width: 403px; } #content div.b-right ul.fabrics { margin-left: 93px; width: 310px; } #content div.b-right div.info { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/slider-bg.png) repeat; height: 132px; } #content div.line-2 div.img { float: left; height: 120px; padding-left: 24px; padding-top: 12px; width: 86px; } #content div.info div.text { color: #676463; font-size: 14px; padding-top: 6px; padding-right: 20px; } #content div.info div.text h1 { color: #707e81; font-size: 30px; padding: 0; } #content div.info div.text h5 { color: #676463; font-size: 16px; font-style: italic; font-weight: normal; padding-bottom: 5px; } #content div.info div.text p { line-height: 16px; } #content div.line-3 { clear: both; height: 176px; } #content div.line-3 div.door { float: left; height: 176px; width: 677px; } #content div.line-3 div.info { display: none; float: left; height: 176px; padding-left: 72px; width: 266px; } #content div.line-3 div.info.active { display: block; } #content div.line-3 div.info h1 { color: #707e81; display: none; font-size: 30px; padding-bottom: 0; } #content div.line-3 div.info.active h1.active { display: block; } #content div.line-3 div.info h5 { color: #676463; font-size: 16px; padding-bottom: 12px; } #content div.line-3 div.info p { color: #676463; font-size: 12px; font-style: italic; } #content div.line-3 div.img { float: left; height: 176px; width: 176px; } #content div.line-3 div.b-price { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png) repeat; display: none; float: left; height: 116px; margin: 21px 0 0 21px; padding: 16px 0 0 16px; width: 116px; } #content div.line-3 div.b-price.active { display: block; } #content div.line-3 div.b-price a { color: #9a2b20; font-size: 14px; font-style: italic; text-decoration: none; } #content div.line-3 div.b-price a:hover { text-decoration: underline; } #content div.line-3 div.b-price div.price { color: #676463; font-size: 14px; padding-top: 24px; margin-left: -6px; } #content div.line-3 div.b-price div.price span { color: #707e81; display: block; font-size: 30px; font-style: normal; font-weight: bold; } #content div.accessories { float: right; height: 116px; position: relative; width: 371px; } #content div.accessories div.zamer { left: 66px; top: 40px; } #content div.rb { background: url(http://www.dvery-st.ru/bitrix/templates/dveri-st/img/white-bg.png) repeat; color: #676463; float: right; font-size: 14px; height: 108px; margin: 20px 48px 0 22px; padding: 17px 7px 7px 17px; width: 108px; } #content.page { color: #676463; line-height: 1.5em; } /* end index page */