﻿html{height: 100%;}
body{font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; background-color:#f3ead3; height: 100%;}
#global_size{width: 1200px; margin: 0 auto; min-height:100%}
a{text-decoration: none; display:inline; border-bottom: 1px dotted blue; color: blue;}
a:visited{color:#384fff;}
a:hover{text-decoration:none; display:inline; border-bottom: 1px dotted #ff1b1b; color:#ff1b1b;}

#header{max-width: 1200px; min-width: 980px; padding: 15px 10px 0; background: url('diz/head_bg.png') no-repeat center center;}
#header:after{content:""; display:block; clear:both;}
.head_pic_l{float:left; width:500px; height:170px;}
.head_pic_r{float:right; width:400px; height:170px;}

#main{padding:20px 0 130px 0; width: 100%;}
#main:after {content: ""; display: block; clear: both;}

#contentwrapper{float:left; width:100%;}
#contentcolumn{margin:0 225px 0 225px;}
.content{color:#2a2a2a; background: #fff; border:1px dashed #380ec1; padding:0 20px 30px 20px;}
.title{color:#000; text-align:center; font-weight:bold; width:80%; border-bottom:1px solid #0000FF; padding: 35px 0 5px 0; margin: 0 auto 30px auto;}
.small-title{text-align: center; font-weight: bold; color: #393939; padding: 0 10%;}
.content ul li{padding:5px 0;}
.vopros {width:300px; text-align: center; margin: 40px auto 0 auto; padding-top: 5px;}
.price-blok {margin: 0 0 30px; height: 200px;}
.price-blok:after {content:""; display:block; clear:both;}
.price-blok img {float: left;}
.price-blok table {width: 100%;}
table {border-collapse: collapse; border:0;}
.border td {padding: 7px; border: 1px solid #97e647;}
.door td {text-align: center; border: 0; padding: 20px 10px;}
.okna td {text-align: center; border: 0; padding: 20px 0;}
.first {text-align: center; background-color: #ccff99; color: #380ec1;}
.side_coll{color: #380ec1;}
.color-text {color: #380ec1;}
.line{margin:30px 0; height: 1px; background-color: #380ec1;}/*раздел стеклопакеты*/

#leftcolumn{float:left; width:200px; margin-left:-100%; padding-left: 10px;}/*аккуратно с границами, тут падинг */
.menu{padding:0 0 15px 0; margin:0 0 0 10px; list-style:none;}
.menu li a{text-decoration:none; color:#2a2a2a; border: 0; padding: 2px 0; display: block; padding-left: 5px;}
.menu li a:visited{color:#2a2a2a;}
.menu li a:hover{text-decoration:none;color:#380ec1; border-bottom: 1px dashed #380ec1; padding-bottom:1px;}
.menu li{padding: 1px 0 1px 17px; background: url('diz/marker.png') no-repeat 0 9px; position: relative;}
.menu .active{background: url('diz/marker_on.png') no-repeat 0 9px;}
.menu ul{margin:0; padding:0; list-style:none; position:absolute; left:100%; top:0px; border-top:1px solid #380ec1; border-right:1px solid #380ec1; border-bottom:1px solid #380ec1; background:#fff; width: 200px; display:none;/*и еще чего душа пожелает, типа бг, бордер и тд*/}
.menu ul li{padding:0; background:none; font-size: 80%;}
.menu li:hover ul{display:block;}
.side{margin: 0 0 20px 0; border:1px solid #380ec1; background:#fff;}
.side_line{width:100%; height:32px; background: url('diz/side.png') no-repeat 10px 0px #380ec1; border-width: 0px; margin-bottom: 10px;}
.text_line {text-align: left; padding: 5px 0 0 50px; color: #fff; font-weight: bold; font-size: 100%;}
.akcia{height: 175px; text-align: center; font-weight: bold; padding-bottom: 15px;}

#rightcolumn{float:left; width:210px; margin-left:-210px;}/*аккуратно с границами, тут маргин */
#rightcolumn a{text-decoration: none; border: 0;}
#rightcolumn a:visited{color:#384fff;}
#rightcolumn a:hover{text-decoration:none; border: 0;}
.prod{text-align: center;}
.prod img{padding-bottom:10px;}
.telepon {text-align: center; padding-bottom: 10px; color:#2a2a2a;}
.phone{background: url('diz/telephone_icon.png') no-repeat 15px 5px; text-align: center;}
.icq{background: url('diz/icq_logo.png') no-repeat 15px center; margin-top: 10px; text-align: center;}

#footer_wrap{text-align:center; width:100%; height: 90px; margin:-95px 0 0 0; font-size: 12pt; position: relative;}
#footer {width: 900px; margin: 0 auto; margin-top: 5px; border-top: 1px solid #380ec1; padding: 3px 0;}
#footer-text{display: inline;}
#footer_wrap a{text-decoration: none; color: #2a2a2a; border: 0}
#footer_wrap a:visited{color: #2a2a2a; border: 0}
#footer_wrap a:hover{text-decoration:none;color: #2a2a2a; border: 0}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] { text-decoration: none; border: 0 none; }
a img{text-decoration: none; border: 0;}
a:visited img{border: 0;}
a:hover img{text-decoration:none; border: 0;}


