/* -----------------------------------------------------
   * File:     global.css
   * Project:  teplicy66.ru
   * Author:   Vasilyi Pupkin
----------------------------------------------------- */

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

.fl { float:left; } .fr { float:right; } .bl { display:block; }

/* --------------------------------------------------------------------------------- */

* { margin:0; padding:0; }
html, body { height:100%; filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
/*html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }*/
body { background:#fff; color:#444; font:12px/20px Arial; }
img { border:0; }
a { color:#0F6AB3; text-decoration:underline; }
a:hover { color:#f01162; text-decoration:underline; }
p { margin-bottom:15px; }
ul, ol { margin:0 0 20px 25px; }
h1 { color:#1144b4; font:bold 32px/40px Arial; margin:0 100px 20px 0; }
h2 { color:#333; font:bold 16px/20px Arial; margin-bottom:20px; }
h3 { color:#000; font:bold 12px/20px Arial; }
table { border-collapse:collapse; }
tbody td:hover { background: #DCE7ED; }

/* --------------------------------------------------------------------------------- */

#counters-top { left:0; position:absolute; top:-1000px; visibility:visible; }
#box { margin:auto; min-height:100%; width:960px; }
#box-in { padding-bottom:100px; }

/* --------------------------------------------------------------------------------- */

#footer { border-top:solid 1px #000; height:84px; margin-top:-85px; position:relative; width:100%; }
#footer-in { margin:auto; width:960px; }
.footer-left { padding:20px 0 0; }
.statistika { padding:5px 20px 0 0; }
.footer-menu a, .footer-menu a:hover { color:#666; }
.copy { padding:20px 0 0 0; }
.copy table tr td { text-align:right; padding-left:20px; }
.copy table tr td a, .copy table tr td a:hover { color:#666; }
.footer-text { width:960px; padding:80px 0 0 0; font:10px/15px Arial; }

/* --------------------------------------------------------------------------------- */

#header-box { left:0; position:absolute; top:0; width:100%; }
#header { height:184px; margin:auto; width:960px; }

.logo { padding-top:30px; width:222px; }

.top-menu { padding-top:53px; width:580px; }
.top-menu a, .top-menu span { display:block; float:inherit; font:14px/22px Arial; margin:0 5px 5px 0; padding:10px 12px; }
.top-menu a { color:#000033; }
.top-menu a:hover { color:#FF0033; }
.top-menu span { background:#000033; color:#fff; }

.telefon { padding-top:40px; width:140px; }
.telefon span { color:#FF0033; }
.telefon strong { color:#000033; display:block; font:bold 16px/20px Arial; }

/* --------------------------------------------------------------------------------- */

.left-block { position:relative; padding-bottom:30px; width:222px; }
.content { position:relative; padding-bottom:30px; width:711px; }

/* --------------------------------------------------------------------------------- */

.left-menu { padding:0 0 80px 10px; }
.left-menu ul { list-style:none; margin:0; }
.left-menu ul li { font:15px/22px Arial; padding:0 0 20px; }

/* --------------------------------------------------------------------------------- */

.news-block { padding:0 10px 20px; }
.news-block p { margin-bottom:10px; }
.titled { font:bold 20px/30px Arial; padding-bottom:10px; }
.titled a, .titled a:hover { color:#000; }

/* --------------------------------------------------------------------------------- */

.spec-top, .spec-bottom { font:1px/1px Arial; height:12px; width:222px; }
.spec-top { background:url(../file/lb-top.gif) 0 0 no-repeat; }
.spec-bottom { background:url(../file/lb-bottom.gif) 0 0 no-repeat; margin-bottom:20px; }
.spec-block { background:url(../file/lb-mid.gif) 0 0 repeat-y; padding:5px 18px; }
.spec-block p { margin-bottom:5px; }

/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

.spec-top2, .spec-bottom2{ font:1px/1px Arial; height:12px; width:750px; }
.spec-top2 { background:url(../file/lb-top.gif) 0 0 no-repeat; }
.spec-bottom2 { background:url(../file/lb-bottom.gif) 0 0 no-repeat; margin-bottom:20px; }
.spec-block2 { background:url(../file/lb-mid2.gif) 0 0 repeat-y; padding:5px 10px; }
.spec-block2 p { margin-bottom:5px; }

/* --------------------------------------------------------------------------------- */

.tepliza-block { left:-35px; position:relative; top:-50px; }
.tepliza { background:url(../file/teplica.jpg) 0 0 no-repeat; height:357px; width:637px; }
.loop { height:125px; position:absolute; width:125px; left: -1000px; }
.loop div { height:125px; position:absolute; width:125px; left:0px; top:0px; background: transparent url(../file/teplica-vnutri.jpg) no-repeat; }


.map { background:url(../file/karta-postavok.png) 0 0 no-repeat; height:97px; padding-top:97px; position:absolute; right:10px; top:10px; width:150px; }

/* --------------------------------------------------------------------------------- */

.glav { height:40px; position:relative; }
.glavd { color:#999; display:block; font:italic 12px/18px Arial; min-height:40px; position:absolute; padding-left:50px; width:190px; }
.glavd.x1 { background:url(../file/ico1.gif) 10px 0 no-repeat; left:-30px; top:-30px; }
.glavd.x2 { background:url(../file/ico2.gif) 0 10px no-repeat; left:220px; top:-15px; }
.glavd.x3 { background:url(../file/ico3.gif) 5px 0 no-repeat; left:500px; top:-30px; }

/* --------------------------------------------------------------------------------- */

.main-icons { font:12px/16px Arial; margin-right:-10px; }
.main-icons div { margin-right:20px; width:160px; }
.main-icons div img { margin-bottom:15px; }
.main-icons div a { display:block; font:bold 14px/18px Arial; margin-bottom:10px; }

/* --------------------------------------------------------------------------------- */

.sin-block { background:#FBF1F7; min-height:150px; position:relative; }
.sin-tl, .sin-tr, .sin-bl, .sin-br { background-image:url(../file/mod.gif); background-repeat:no-repeat; height:11px; position:absolute; width:11px; }
.sin-tl { background-position:-11px -11px; left:0; top:0; }
.sin-tr { background-position:0 -11px; right:0; top:0; }
.sin-bl { background-position:-11px 0; bottom:0; left:0; }
.sin-br { background-position:0 0; bottom:0; right:0; }

.sin-tek { padding:20px; width:310px; }
.sin-tek table { height:110px; }
.sin-tek table tr td { padding-right:20px; }
.sin-tek table tr td strong { color:#333; font:bold 16px/20px Arial; }

/* --------------------------------------------------------------------------------- */

.black { color:#000; }
.pad-left { padding-left:50px; }
.pad-left2 { padding-left:20px; }
.fad { color:#333; font:bold 16px/20px Arial; padding-bottom:10px; }
.fad a { color:#333; }
.fad a:hover { color:#f01162; }

/* --------------------------------------------------------------------------------- */

.catalog-block { padding-bottom:20px; }
.catalog-block img { margin-right:10px; }

.portfolio { margin-right:-10px; }
.port { display:inline-block; margin-right:18px; padding-bottom:10px; vertical-align:top; width:220px; }
.port-image { background:url(../file/port.jpg) 0 0 no-repeat; height:156px; margin-bottom:10px; width:220px; }
.port-image img { padding:8px; }

.download { background:url(../file/download.gif) 0 1px no-repeat; min-height:25px; padding:0 0 10px 25px; }

/* --------------------------------------------------------------------------------- */

.form1 { padding:10px 0; }
.form1 table tr td { padding:0 60px 20px 0; vertical-align:top; }
.form1.no-res table tr td { padding:0 20px 20px 0; vertical-align:middle; }
.form1.no-res table tr.val td { vertical-align:top; }
.form1 table tr td table tr td, .form1.no-res table tr td table tr td { padding:0 20px 0 0; vertical-align:middle; }
.form1 .form-txt, .form1 textarea { border:solid 1px #7c7c7c; color:#666; font:12px/16px Arial; padding:2px; }
.form1 .form-txt { width:223px; }
.form1 .form-txt.small { width:60px; }
.form1 textarea { height:89px; width:294px; overflow:hidden; resize:none; }

/* --------------------------------------------------------------------------------- */

.otzyv { border-bottom:solid 1px #ccc; margin-bottom:10px; }
.otzyv div { padding:5px 20px 15px; }
.end-otzyv { border-top:solid 1px #fff; font:1px/1px Arial; height:1px; margin-top:-11px; }

.page-navigation { border-bottom:solid 1px #ccc; margin-bottom:30px; padding:30px 0 40px; }
.page-navigation table tr td { padding-right:5px; }
.page-navigation table tr td.page a, .page-navigation table tr td.page span { display:block; font:12px/17px Arial; height:17px; text-align:center; width:17px; }
.page-navigation table tr td a { color:#666; }
.page-navigation table tr td a:hover { color:#666; text-decoration:none; }
.page-navigation table tr td.page span { color:#fff; background:#757575; }
.page-navigation table tr td.page span.third { color:#666; background:#fff; }

/* --------------------------------------------------------------------------------- */

.memo { width:100%; }
.memo tr td { border:solid 1px #ccc; padding:4px 10px 10px; }
.memo.x2 tr td { padding:4px 5px; }
.memo tr.dark td { background:#f1f4fb; font:bold 12px/20px Arial; padding:4px 10px; }
.memo.x2 tr.dark td { padding:4px 5px; }


.red { color:#c00; }

/* --------------------------------------------------------------------------------- */

.krepish1 { background:url(../file/krepish1.jpg) center no-repeat; height:430px; margin-bottom:20px; position:relative; width:711px; }
.krepish1  div { color:#39c; font:14px/20px Arial; position:absolute; }
.krepish1  div a { color:#39c; text-decoration:none; }
.krepish1  div a:hover { color:#f01162; }

/* --------------------------------------------------------------------------------- */

.krepish2 { background:url(../file/krepish2.jpg) center no-repeat; height:430px; margin-bottom:20px; position:relative; width:711px; }
.krepish2  div { color:#39c; font:14px/20px Arial; position:absolute; }
.krepish2  div a { color:#39c; text-decoration:none; }
.krepish2  div a:hover { color:#f01162; }

/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */

a.galer { font:bold 20px/22px Arial; display:block; margin-bottom:20px; }
.title-grad { font:bold 20px/22px Arial; margin-bottom:20px; }

/* --------------------------------------------------------------------------------- */

img.pdr15 { padding-right: 15px; }

a.lineli {
    color: #0F6AB3; 
    text-decoration: none; 
    border-bottom: 1px dashed #0F6AB3; 
}
a.lineli:hover {
color:#f01162; 
    text-decoration: none; 
    border-bottom: 1px dashed #f01162; 
}
a.lineli2 {
    color: #f01162; 
    text-decoration: none; 
    border-bottom: 1px dashed #f01162; 
}
a.lineli2:hover {
color:#f01162; 
    text-decoration: none; 
    border-bottom: 1px dashed #f01162; 
}
.sert { border: solid 1px #ccc; margin-right:16px; }
.tradi { border: solid 1px #ccc; margin-right:-130px; }
.catalog { border: solid 1px #ccc; margin-right:16px; float:left; }

/* -------------Форма захвата-------------------------------------------------------------------- */

.akcia {  
  width: 795px;
  margin: 20px auto;
  height: 287px;
  background: url(../img/background/aktion.png) no-repeat;
  position: relative;
}
.akcia-p1 {
  font-size: 28px;
  padding: 30px 0 0 45px;
  width: 425px;
  text-align: center;
}
.red-font{
  font-size: 45px;
  color: #ff0000;
}
.bold-font {
  font-weight: bold;
  font-size: 33px;
}
.timer-end {
  padding-top: 20px;
  padding-left: 110px;
}
.timer {
width: 360px;
height: 85px;
position: relative;
padding-left: 115px;
padding-top: 5px;
}
.baner-form {
  width: 210px;    
  text-align: left;     
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 40px;
}
.baner-form p{  
}
.baner-form input[type="text"] {
  width: 205px;
  height: 42px;
  margin: 3px auto;  
  text-align: center;
  font-size: 20px;  
  font-weight: normal;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #d4d4d4;
}
.baner-form input[type="text"]:focus {
  outline: none;
}
.baner-form input[type="button"] {
  width: 185px;
  height: 45px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;  
  margin: 3px auto;   
  cursor: pointer;
background: rgba(255,235,32,1);
  background: -moz-linear-gradient(top, rgba(255,235,32,1) 0%, rgba(240,195,23,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,235,32,1)), color-stop(100%, rgba(240,195,23,1)));
  background: -webkit-linear-gradient(top, rgba(255,235,32,1) 0%, rgba(240,195,23,1) 100%);
  background: -o-linear-gradient(top, rgba(255,235,32,1) 0%, rgba(240,195,23,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,235,32,1) 0%, rgba(240,195,23,1) 100%);
  background: linear-gradient(to bottom, rgba(255,235,32,1) 0%, rgba(240,195,23,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb20', endColorstr='#f0c317', GradientType=0 );
  border-radius: 5px;
-webkit-box-shadow: 0px 12px 40px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 12px 40px -11px rgba(0,0,0,0.75);
box-shadow: 0px 12px 40px -11px rgba(0,0,0,0.75);
  font-size: 20px;
  color: #000;
  padding-top: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid #B5952A;
cursor: pointer;
}
.baner-form input[type="button"]:hover {
background: rgba(241,111,92,1);
background: -moz-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(254,243,148,1) 0%, rgba(240,195,23,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(254,243,148,1)), color-stop(100%, rgba(240,195,23,1)));
background: -webkit-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(254,243,148,1) 0%, rgba(240,195,23,1) 100%);
background: -o-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(254,243,148,1) 0%, rgba(240,195,23,1) 100%);
background: -ms-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(254,243,148,1) 0%, rgba(240,195,23,1) 100%);
background: linear-gradient(to bottom, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(254,243,148,1) 0%, rgba(240,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#f0c317', GradientType=0 );
-webkit-box-shadow: 1px 4px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 15px 0px rgba(0,0,0,0.75);
box-shadow: 1px 4px 15px 0px rgba(0,0,0,0.75);
}
.baner-form input[type="button"]:active {
  border-top: 2px solid #b5921b;
  height: 45px; 
  padding-top: 2px; 
-webkit-box-shadow: 1px 6px 20px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 6px 20px -2px rgba(0,0,0,0.75);
box-shadow: 1px 6px 20px -2px rgba(0,0,0,0.75);
border-bottom: none;
}
.baner-form p{
  font-size: 17px;
}
.info-company-numbers {
  width: 1000px;
  margin: 0 auto;    
  padding: 0 30px 0 30px;
}