* {margin: 0; padding: 0;}
body {font: 58% Arial, Tahoma, Verdana, sans-serif;}
a {color: #000; text-decoration: none;}
a:hover {text-decoration:underline; color:#ff6600;}

h1 {margin: 5px 0px 15px; font: bold 16px arial,sans-serif; color: #111111;}
h1 a {text-decoration:underline;}

h2 {margin: 5px 0px 15px; font: bold 16px arial,sans-serif; color: #111111;}
h2 a {text-decoration:underline;}

h3 {padding:5px 20px; background: #ffe6a3; margin: 5px 0px 0px; font: bold 16px/18px arial,sans-serif; color: #ff6600; border-bottom: #fee18c 2px solid}
h3 span {font-size: 0.6em}
h3 strong {	color: #ff9600;}

h4 {padding:5px 20px; background: #ffe6a3; margin: 10px 0 0; font: bold 15px/18px arial,sans-serif; color: #222; border-bottom: #fee18c 2px solid;}	
h4 a {color: #ff6600}	
h4 strong {color: #ff9600}

h5 {margin: 15px 0px 5px; font: bold 14px/17px arial,sans-serif; color: #ff6600;}

.map {margin: 0px 0px 10px; font: bold 16px/20px arial,sans-serif; color: #111111;}
.clean {clear: both;}
.hidden { display: none;}

#wrapper {width: 100%; min-width: 1000px;}

/* Header
-----------------------------------------------------------------------------*/
#header {background: url(/images/design/bg_header.png) #000 repeat-x 0px 100%;  overflow: hidden; height:101px}
#header #icons {float:right; margin: 0px; padding:10px;}
#header h1 {display: inline; background: url(/images/design/logo.png) no-repeat; float: left; margin: 0px 0px 0px 6px; overflow: hidden; width: 372px; text-indent: -9999px; height: 94px}
#header h1 a {display:block; height: 94px}  
#header ul{float:right; margin: 66px -50px 0 ; list-style:none;}
#header ul li{padding-left: 5px; float: left; font: bold 14px/30px tahoma,sans-serif; }
#header ul li a{float:left; border:2px solid #EDBC31; background: url(/images/design/bg_tab.png) #edbc31 repeat-x; padding:0 12px; color:#fff; margin-top:2px}
#header ul li a:hover{background: url(/images/desing/bg_tab_hover.png) #edbc31 repeat-x; text-decoration: none;}
#header ul li a.active{ margin:0; float:left; border:2px solid #FFF; background:#FFF; padding:0 17px; color:#FF9600; padding:3px 17px 0 17px; text-decoration:none}
#header ul li a.active:hover{background: #fff; text-decoration: none}

/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; height: 1%; min-width:1010px;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 0 260px 25px 280px;}


#breadcrumb {text-align:right; font: bold 10px/12px Arial, Helvetica, sans-serif; padding:1px 0px 1px 0px; background:#ffe6a3;  margin:0px 10px 10px 40px}

#banner {position:relative; width:100%; margin: 25px 0px 0px 0px; height:140px; background:url('/images/design/banner2.jpg') repeat-x left top;}
#banner .b1 { width:243px; height:140px; left:0; top:0; font-size:1px; background:url('/images/design/banner1.jpg') no-repeat left top;}
#banner .b2 { width:231px; height:140px; position:absolute; right:-1px; top:0; font-size:1px; background:url('/images/design/banner3.jpg') no-repeat left top;}

#content p {font: 12px/20px Arial, Helvetica, sans-serif; color: #000; text-indent:16px; text-align:justify; margin:0px;}
#content p a {color: #000; font-weight:600; text-decoration: underline;}
#content p a:hover {color:#ff6600;}
#content #bpar { text-align:justify; font: 12px/20px Arial, Helvetica, sans-serif; color: #000; padding:7px 0px 3px 0px;}
#content #apar {font: 13px/20px Arial, Helvetica, sans-serif; color: #000; padding:2px 0; background: url(/images/design/arrow.gif) no-repeat 1px 4px;}
#content #date { color:#ff6600; font: bold 13px/20px Arial, Helvetica, sans-serif;}
#content #vpar {text-indent:16px; text-align:justify; font: 1.4em/1.8em Arial, Helvetica, sans-serif; color: #000; background: #ffe6a3;}

#content #center {text-align:center;}
#content #center object {margin: 10px auto;}

#content .vh3 {font: bold 14px/18px arial,sans-serif;}
#content .vh3 a{color:#EDBC31; border-bottom: 1px dashed #EDBC31; text-decoration:none; background: url('/images/design/arrow.gif') no-repeat; padding:0 0 0 15px;}
#content .v2h3 { font: bold 14px/18px arial,sans-serif;}
#content .v2h3 a{color:#EDBC32; border-bottom: 1px dashed #EDBC31; text-decoration:none; background: url('/images/design/arrow.gif') no-repeat; padding:0 0 0 15px;}
#content  #red {font: bold 1em/1.2em arial,sans-serif; color:#FF0000;}

#content .phone{background: url('/images/design/icon_phone.png') no-repeat 1px 0px; padding:0 0 0 20px;}
#content .mail {background: url('/images/design/icon_email.png') no-repeat 1px 0px; padding:0 5px 0 20px; text-decoration:none;}

#content .ul{font: 12px/18px Arial, Helvetica, sans-serif; list-style-type:disc; margin:3px 0px 3px 26px; padding: 3px 0px 3px 16px;}
#content .pic {border:1px solid #ff6600; margin: 10px 15px 5px 10px;}

#content .table th {font: 13px Arial, Helvetica, sans-serif; text-align: center; background-color:#ffe6a3; border:#ff6600 1px solid; padding: 3px;}
#content .table td {font: 13px Arial, Helvetica, sans-serif; text-align: center; background:#FFFFFF; border:#ffe6a3 1px solid; padding: 3px; }
#content .table #botton {border-bottom-color:#ff6600;}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {float: left; width: 240px; padding:10px 10px 10px 20px; margin-left: -100%; position: relative;}
.box{ padding: 0 3px 0 0; overflow:hidden; float:left; background:transparent url(/images/design/bg_box.png) repeat-x scroll 0 0;}

.sl .textlinks {margin: 0px -5px 0px 5px; overflow: hidden; width:230px; list-style-type: none;}
.sl .textlinks li {	float: left; font: bold 14px/14px arial,sans-serif; width: 100%; border-bottom: #bbbcbb 1px dotted;}
.sl .textlinks a {float: left; padding: 9px 20px 9px 15px; width: 210px; color: #333333; text-decoration:none;}
.sl .textlinks a:hover {background: #ffe6a3; text-decoration: none; color: #333333;}
.sl .calc {margin: 22px 0px 12px 0px; background: url('/images/design/calc.png') #FFFFFF no-repeat; height: 90px; padding: 5px 0px 0px 115px;}
.sl .calc a { font-size: 15px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:600; color:#000;}
.sl p {font: 13px/20px Arial, Helvetica, sans-serif; color: #000; text-indent:16px; text-align:justify; margin:0px;}
.sl .news{font: bold 12px/20px Arial, Helvetica, sans-serif; color: #000; text-indent:5px; text-align:justify;}
.sl .date {font: bold 13px Arial, Helvetica, sans-serif; color: #ff6600; text-align:center; margin:6px;}
.sl .more {font: bold 13px/14px Arial, Helvetica, sans-serif;  margin:6px 0; text-align:right; border-bottom: #bbbcbb 1px dotted;}

.sl #login { padding: 5px 3px 0 0; overflow:hidden; float:left; margin: 0px 0px 0px 10px}
.sl #login ul {list-style-type: none;}
.sl #login li {font: bold 12px/21px Arial, Helvetica, sans-serif; color: #333; margin:1px; padding:2px;}
.sl #login label {float:left;  margin-right: 10px; display: block;  width: 46px; text-align:right;}
.sl #login input { border: #c6c6c6 1px solid; background: #ffffa0; padding: 3px 2px 4px 2px; font: 13px arial,sans-serif; color: #000; width: 140px; }
.sl #login .button {background:url(/images/design/bg_button.png) #EDBC31 repeat-x; border: 2px solid #EDBC31; font: bold 13px arial,sans-serif; color:#FFF; margin:5px 0 5px 85px; height:24px; cursor:pointer;}
.sl #login #link{text-align: center; font: 12px/14px Arial, Helvetica, sans-serif;}

.sl #news div#date {font: bold 11px Tahoma; color:#333; margin:3px 16px;}
.sl #news #other{text-align:right; padding:10px 0;}
.sl #news a {color: #ff6600; border-bottom: 1px dashed #ff6600;}
.sl #news a:hover {color: #ff6600; text-decoration:none;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {float: left; margin-right: -3px;  margin-left: -250px; width: 250px; position: relative;} 
.sr .box {padding:0px 10px; background:transparent url(/images/design/bg_box.png) repeat-x scroll 0 0;}
.sr #phone{background:url('/images/design/phone.png') no-repeat left top; width:172px; height:136px; margin: 20px auto 15px; padding:0;}

.sr .textlinks { margin: 10px -10px 0px 0px; overflow: hidden; list-style-type: none;}
.sr .textlinks li {	float: left; font: bold 1.25em/1em arial,sans-serif; width:95%; height:42px; border-bottom: #bbbcbb 1px dotted;}
.sr .textlinks li a {width: 185px; color: #333333; padding:15px 0px 15px 45px; text-decoration:none; float:left;}
.sr .textlinks a:hover {text-decoration: underline; color: #222;}
.sr .textlinks #fsf {background:url('/images/design/icon/fsf.gif') no-repeat left top;}
.sr .textlinks #fanera {background:url('/images/design/icon/fanera.gif') no-repeat left top;}
.sr .textlinks #doska_pola {background:url('/images/design/icon/doska_pola.gif') no-repeat left top;}
.sr .textlinks #doska_strogannaja {background:url('/images/design/icon/doska_strogannaja.gif') no-repeat left top;}
.sr .textlinks #vagonka {background:url('/images/design/icon/vagonka.gif') no-repeat left top;}
.sr .textlinks #radiator {background:url('/images/design/icon/radiator.gif') no-repeat left top;}
.sr .textlinks #sip {background:url('/images/design/icon/sip.gif') no-repeat left top;}
.sr .textlinks #sml {background:url('/images/design/icon/sml.gif') no-repeat left top;}
.sr .textlinks #blokhaus {background:url('/images/design/icon/blokhaus.gif') no-repeat left top;}
.sr .textlinks #osb {background:url('/images/design/icon/osb.gif') no-repeat left top;}
.sr .textlinks #roof {background:url('/images/design/icon/roof.gif') no-repeat left top;}
.sr .textlinks #opw {background:url('/images/design/icon/opalubka_wall.gif') no-repeat left top;}
.sr .textlinks #opc {background:url('/images/design/icon/opalubka_ceilings.gif') no-repeat left top;}
.sr .textlinks #roofv {background:url('/images/design/icon/roof_ventilation.gif') no-repeat left top;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {padding: 15px 0px 10px 0px; font-size: 1.22em; border-top: #edbc31 8px solid;  background-color: #484b51; color: #acacac;  text-align: center; height: 90px;}
#footer a {color: #acacac;}
#footer ul {padding: 6px 0px; list-style-type: none;}
#footer ul li {padding: 0px 5px 0px 5px; display: inline;  background: url('/images/design/spr_footer.png') no-repeat 0px 50%;}
#footer #counters {color: #000000; background-color: #484b51; padding-top:10px; margin: 0; text-align: center; }
#counters div {display: inline; margin: 2px;}

/* Message
-----------------------------------------------------------------------------*/
#info, #warning {font:bold 13px/13px Arial,sans-serif; border: 1px solid; margin:5px 0; padding:10px 10px 10px 20px;}
#info {color: #00529B; background-color: #BDE5F8;}
#info span {font:bold 1.8em/1.3em Arial,sans-serif;}
#warning {color: #D8000C; background:#f4d3d3;}
#warning span {font:bold 1.15em/1.3em Arial,sans-serif;}




/*
.error {background:#f4d3d3; padding:5px 20px; color:red; font:bold 1.8em/1.3em Arial,sans-serif; margin:20px 0 10px 0}
.message {background:#ffe6a3;  padding:5px 20px; color:#ff9600; font:bold 1.7em/1.3em Arial,sans-serif; margin:20px 0 0 0}
*/