html,body,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,th,td,address {
   margin:0;
   padding:0;
}
.wrap:after{
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
html{
  background: #e9eae1 url(../img/bricks/html.png) repeat-x 0 0;
}
body{
  min-width: 1001px;
  background: url(../img/bricks/bg.jpg) no-repeat 100% 0;
  font: 12px Tahoma, sans-serif;
}
a{
  color: #cc0000;
}
a:visited{
  color: #cc0000;
}
a img{
  border: none;
}
.rt{
  float: right;
}
.lt{
  float: left;
}
.cntr{
  text-align: center;
}
ul{
  list-style: none;
}
.content ul{
  list-style: disc;
  margin: 10px 0 20px 20px;
}
.content ul li{
        margin:0 0 10px 0;
}
.content ul ul{
  list-style: circle;
}


html{
  width: 100%;
  height: 100%;
}
body{
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.page{
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.footer{
  margin: -117px 0 0;
  position: relative;
  height: 111px;
  z-index: 10;
}


/*- - - - - footer - - - - -*/
.footer{
  clear: both;
  border-top: 6px solid #b8b8a6;
  background: url(../img/bricks/footer.png);
}
  .footer .lining{
    padding: 20px 20px 0;
  }
.dev{
  float: right;
  color: #676a4a;
  font-size: 11px;
}
.dev .counter{
  text-align: right;
  margin: 10px 0 7px 7px;
}
.dev a{
  text-decoration: none;
  color: #676a4a;
}
.dev a:hover{
  text-decoration: underline;
}

.info{
  float: left;
  font-size: 14px;
}
.info li{
  float: left;
  padding: 0 30px 0 0;
  margin: 0 30px 0 0;
  border-right: 1px solid #f5f6ea;
  height: 60px;
}
.info .address{
  font-size: 13px;
}
.info h4{
  font-size: 13px;
}
.info a{
  color: #b90000;
  font-size: 11px;
}

/*- - - - - header - - - - -*/
.header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 308px;
}
.header .lining{
  margin: 0 0 0 351px;
  height: 308px;
  background: url(../img/bricks/header.png) repeat-x 0 0;
}
.logo{
  padding: 21px 142px 0 41px;
  width: 224px;
  background: url(../img/bricks/stripes.png) no-repeat 0 68px;
  color: #c90400;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.top{
  height: 40px;
  padding: 0 0 0 25px;
  margin: 0 0 0 -20px;
  background: url(../img/bricks/corner.gif) no-repeat 0 0;
  position: relative;
        z-index:5;
}
.phone{
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.main{
  float: right;
  font-size: 11px;
  position: relative;
}
.main li{
  float: left;
  padding: 0 5px 0 10px;
  background: url(../img/bricks/sep1.gif) no-repeat 0 47%;
  position: relative;
}
.main li:first-child{
  background: none;
}
.main li a{
  color: #fff;
  text-decoration: none;
  float: left;
  padding: 12px 5px 0;
  height: 28px;
  font-weight: bold;
}
.main li.active a{
  background: url(../img/bricks/active.gif) repeat-x 0 45%;
}
.main li a:hover{
  text-decoration: underline;
}

.main ul{
  position: absolute;
  top: 40px;
  left: 0;
  background: #b90000;
  font-size: 10px;
  display: none;
}
.main li:hover ul,
.main li.hover ul{
  display: block;
}
.main ul li{
  float: none;
  clear: both;
  padding: 0;
  background: none !important;
  border-top: 1px solid #950000;
}
.main ul li a{
  float: none;
  clear: both;
  display: block;
  padding: 0;
  height: auto;
  white-space: nowrap;
  color: #e0e6da;
  font-weight: normal;
  padding: 10px 20px;
}
.main li.active ul a{
  background: none;
}
.main ul li a:hover{
  background: #e40000;
}
.production{
  padding: 27px 0 0 73px;
  height: 71px;
}
.production a{
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
.production a:hover{
  text-decoration: underline;
}
.flash{
  height: 120px;
  width: 300px;
}
.bottom{
  margin: 0 0 0 -20px;
  background: url(../img/bricks/header.png) 0 100%;
  height: 31px;
  position: relative;
}
.search{
  float: right;
  padding: 4px 15px 0;
}
.search .text{
  border: none;
  background: url(../img/bricks/search-text.png) no-repeat;
  width: 157px;
  height: 15px;
  padding: 5px 0 0 20px;
  font-size: 10px;
  margin: 0 6px;
}
.search .image{
  vertical-align: top;
  position: relative;
  top: 1px;
}
.search label{
  color: #e4e4e4;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  top: -1px;
}

/*- - - - - page - - - - -*/
.page{
  position: relative;
  z-index: 9;
}
.veil{
  width: 322px;
  height: 702px;
  background: url(../img/bricks/veil.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
  .wrap{
    padding: 308px 0 130px 0;
  }
    .clear{
      clear: both;
    }



/*- - - - - columns: center, right - - - -*/
.subwrap{
  float: right;
  width: 100%;
}
  .content{
    float: left;
    width: 100%;
    margin:0 -180px 0 0;
    }
    /*- - - - - column: center - - - - -*/
    .content .lining{
      padding: 0 200px 0 331px;
    }
      .content .lining .column{
        overflow: hidden;      
                                text-align:justify;
                                width:100%;
      }


.content .lining .column a{
  color: #cc0000;
}

.content .lining .column a:visited{
  color: #cc0000;
}


.content p{
  margin: 0 0 1em;
}
h1{
  font: normal 24px Tahoma;
  margin: 0 0 .5em;
        text-align:left;
}
h2{
  font: normal 20px Tahoma;
  margin: 1.4em 0 .4em 0;
        text-align:left;
}
h3{
  font: normal 17px Tahoma;
  margin: 0 0 .4em;
}
.pics{
  text-align: center;
  margin: 0 0 1em;
}
.content a:visited{
  color: #8c7c7d;
}
.content a:hover{
  color: #f00;
}
/*- - - - - column: right - - - - -*/
.aside{
  float:left;
  width:180px;
        text-align:center;
}
.aside h3{
font-size:14px;
font-weight:bold;
color:#cc0000;
margin:0 0 15px 0;
}

.aside p{
margin:0 0 10px;
}

.aside img{
margin:0 0 10px;
}

/*- - - - - column: left - - - - -*/
.extra{
  float: left;
  width: 305px;
  margin-right: -305px;
  margin-top: -120px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.nav{
  margin: 0 0 0 38px;
  width: 205px;
}
.nav li{
  font-size: 13px;
        font-weight:bold;
  text-transform: uppercase;
        margin:0 0 10px 0;
}
.nav li a{
  color: #c90400;
  display: block;
  padding: 0;
}
.nav li a:hover{
  text-decoration: underline;
  color: #c90400;
}

.nav ul{
  margin: 5px 0 20px;
  font-weight: bold;
}
.nav ul li{
  font-size: 13px;
  text-transform: none;
  background: url(../img/bricks/sep2.gif) repeat-x 0 100%;
        margin:0 0 5px 0;
}
.nav ul li a{
  color: #000;
  padding: 5px 5px 5px 25px;
  background: url(../img/bricks/arrow2.gif) no-repeat 5px 50%;
}

.adv{
        margin-top:30px;
  text-align: center;
}
.adv img{
  margin: 0 0 15px;
}

.news{
  padding: 0 7px 10px 14px;
  width: 273px;
  background: #e9eae1 url(../img/bricks/news.png) no-repeat 0 100%;
}
.news h3{
  background: url(../img/bricks/footer.png);
  font: bold 14px Arial;
  text-transform: uppercase;
  color: #a10005;
  padding: 10px 10px 10px 14px;
  position: relative;
  margin: 0;
}
.news h3 span{
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 11px;
  text-transform: lowercase;
  font-weight: normal;
  color: #443e35;
}
.news h3 span a{
  color: #443e35;
}
.news .item{
  padding: 12px 15px;
  background: #f5f6ea url(../img/bricks/sep3.gif) repeat-x 0 0;
}
.news .date{
  float: left;
  padding: 0 10px 1px;
  line-height: 1;
  background: #bcbdb2;
  color: #fff;
  font-size: 10px;
  margin: 0 0 5px;
}
.news h4{
  clear: both;
  color: #a10005;
  font-size: 12px;
  margin: 0 0 3px;
}
.news h4 a{
  text-decoration: none;
}
.news h4 a:hover{
  text-decoration: underline;
}
.news p{
  margin: 0 0 3px;
}
.news .more{
  font-size: 10px;
}
.news .more a{
  color: #6b6151;
}
.serv{
  padding: 6px 0 0 16px;
}
.serv .order{
  float: left;
  padding: 0 0 0 13px;
  background: url(../img/bricks/arrow.gif) no-repeat 0 50%;
  margin: 0 17px 0 0;
}
.serv .icq{
  float: left;
  padding: 0 0 0 26px;
  background: url(../img/bricks/icq.gif) no-repeat 0 50%;
  margin: 0 17px 0 0;
}
.serv a{
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.serv a:hover{
  text-decoration: underline;
}

.char{
border-collapse:collapse;
margin:0 0 20px 5px;
border:#888 solid 1px;
background:#f1f1f1;
}

.char td{
border:#888 solid 1px;
padding:6px;
font-size:1.1em;
vertical-align:top;}

.char .head{
background:#999;
color:#fff;
font-weight:bold;
text-align:center;}

.char img{
border:#d1d1d1 solid 5px;}


.tech{
margin-left:5px;
border-collapse:collapse}

.tech td{
padding:5px;
border:#666 dotted 1px;}

.photogallery{
width:90%;}

.photogallery td{
width:30%;
padding:10px;
text-align:center;}

.photogallery img{
border:#999 solid 8px;}

.photogallery img:hover{
border:#fff solid 8px;}


.price{
border-collapse:collapse;
margin:10px 5px;
background:#f1f1f1;}

.price .head{
font-size:.85em;
text-align:center;
font-weight:bold;}

.price td{
font-size:.95em;
border:#666 dotted 1px;
padding:3px 5px;
}

.price .gray{
width:50px;
background:#ccc}

.price .red{
width:50px;
background:#f00}

.price .black{
width:50px;
background:#000;}

.price .brown{
width:50px;
background:#930;}

.price .yellow{
width:50px;
background:#fc0;}

.price .green{
width:50px;
background:#390;}

.price .blue{
width:50px;
background:#069;}


.cat{
margin:10px 20px;
border-collapse:collapse;
border:#fff solid 1px;
background:#edeee6;}


.cat td{
border-right:#fff solid 1px;
padding:20px 30px;
vertical-align:top;}


.cat img{
border:#ccc solid 6px;
margin-bottom:20px;
}

.cat ul{
margin:0;
list-style:none;
}

.prblock img{
float:left;
}

.prblock{
height:60px;
text-align:left;
margin:20px 0 40px 30px;
font-size:19px;}

.anons{
border:#666 solid 1px;
margin:6px;
padding:6px;
background:#FFFFCC;
font-size:11px;
}

/* смена картинок */
div#rotator {position:relative; height:120px; margin-left: 35px;}
div#rotator ul li {float:left; position:absolute; list-style: none;}
div#rotator ul li.show {z-index:500;}

.MY{
font-size:11px;
text-align:left;
background:#f7f7f7;
border:#e0e0e0 solid 1px;
margin:0 15px 20px 15px;
padding:10px;
}

.MY h3{
margin:0 0 10px 5px;
color:#cc0000;
}

.MY ul{
list-style:none;
margin:0 0 0 0;}

.MY ul li{
background: url(../files/li/star.png) no-repeat 0 0;
padding-left:20px;
margin:0 0 8px 5px;
}

.char2 td{
  text-align:center;
  font-weight:bold;
  padding:6px;
}