@import "headermenu.css";
@import "modal.css";
@import "font.css";
@import "Protherm.css";
@import "Viessmann.css";
@import "Vaillant.css";


* {
	margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}
body {font-size: 13px;color: #3b3b3d;text-align: justify;font-family: Tahoma; line-height: 30px;}
li {
    list-style-position: inside;
}
img {
    border: 0;
}
a {color: #323335;text-decoration: none;cursor:pointer;}
strong, b {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 300;
}

div {
    position: relative;
    display: block;
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1120px;
}
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 1120px;
    display: block;
    /* top: -20px; */
}

.top {
    background: url(/style/img/top.jpg) no-repeat 50% 0;
    height: 650px;
    margin: 0 auto;
    min-width: 1120px;
}
.product_block {
    float: left;
    width: 388px;
    overflow: hidden;
    margin-bottom: 20px;
}
.content{
    display: block;
    position: relative;
    padding: 20px 10px 20px 240px;
    background: url(/style/img/left.jpg) repeat-y;
    min-height: 500px;
}
.sidebar {width: 230px;background: #e0ecf4;height: 500px;float: left;margin: 0px 15px 0px 0px;z-index: 10;}

.table-container{margin-bottom:16px;position:relative;overflow:auto;border-radius:0;border:1px solid #ddd}
.table-container{overflow-x:scroll;-webkit-overflow-scrolling:touch}

.table-general thead tr {color: #e3e3e3;font-size: 16px;}
.table-general tbody tr td{font-size: 12px;}
.table-general tbody tr th{font-weight:normal;text-align:left}
.table-general tbody tr:nth-child(even){background:#fff}
.table-general tbody tr:nth-child(odd){background:#eee}
.table-general td {padding: 8px 5px;}
.table-general th {padding:18px;}
.table-general td[colspan] {background-color:#e3e3e3;font-weight:bold}
footer {
    display: block;
    min-width: 1120px;
    position: relative;
    width: 100%;
}

footer .container {background: #d1e4eb;height: 265px;}
footer .contacts {
    width: 250px;
    overflow: overlay;
    float: left;
    padding: 20px 20px 20px 0px;
}
.footertel:before {content: " ";background:url(/style/img/icon_tel.png);display: block;    height: 39px;
    width: 41px;float: left;    margin: 2px 10px 5px 25px;}
.footertel, .footeradress, .footeremail {
    width: 100%;
    font-size: 13px;
    text-align: left;
    line-height: 1.8;
    height: 60px;
    margin-top: 15px;
}
.footertel {    margin-bottom: 15px;}
.footertel a {color: #3b3b3d;}
.footeradress:before {content: " ";background:url(/style/img/icon_adress.png);display: block;    height: 39px;
    width: 41px;float: left;    margin: 2px 10px 5px 25px;}
.footeremail:before {content: " ";background:url(/style/img/icon_email.png);display: block; height: 39px;
    width: 41px;float: left;    margin: 2px 10px 5px 25px;}
.footer_right{
    float: left;
}
.footeremail a{
    color: #305c8d;
    text-decoration: underline;
}
.copy {
    margin-top: 20px;
}

.clr {
    clear: both;
}

.sidebar  h2 {
    padding-left: 20px;
    color: #0d6779;
    font-size: 18px;
}
.sidebar ul li {
    list-style-image: url(/style/img/list.jpg);
    list-style-position: inside;
    padding: 5px 0 5px 20px;
    background: #d1e4eb;
    border-bottom: 7px solid #E0ECF4;
}
.grid_home {
    float: left;
    text-align: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 1px;
    border: 1px solid #ECECEC;
    text-indent: 0;
    line-height: normal;
    margin-left: 16px;
    width: 265px;
}
.grid_introtext {
    background: #d1e4eb;
    padding: 10px;
    overflow: hidden;
    height: 85px;
}
.grid_img {
    height: 243px;
}

.home_grid {
    float: left;
    width: 115px;
    padding: 11px;
    text-align: left;
    text-transform: uppercase;
    line-height: normal;
}
.home_grid p a{
    color:#0d6778;
}
.home_grid p {
    margin-bottom: 20px;
    color:#0d6778;
}
.img_home_grid {float: left;}
.ms2_product {
    margin: 0 7px 0 0;
    text-align: left;
    width: 280px;
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 1px solid #d6d6d6;
    text-indent: 0;
    line-height: normal;
    height: 216px;
    margin-top: 50px;
}
.msearch2 {
    margin-top: -50px;
}
.gal-item1 {box-sizing: content-box;float: left;margin-right: 4px;width: 200px;}
.gal-item1 img{
    height: 220px;
    border: 1px solid #00ae9d;
    padding: 2px;
    background: #fff;
    width: 160px;
}

.sertif .gal{
    background: #e7e7e7;
    overflow: hidden;
    padding: 0 30px 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.sertif {
    border: 4px double #e7e7e7;
    overflow: overlay;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 40px;
    }
.sertif h2     {
    text-align: left;
}
.logo-item {
    float: left;
    box-sizing: content-box;
    width: 200px;
    padding: 30px;
}
.footer_right .logo-item {
    float: left;
    box-sizing: content-box;
    width: 100px;
    padding: 30px;
}
.footer_right .logo-item img {

width: 100%;
}
.logo_service {
    overflow: overlay;
    padding: 0 30px 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    }
.catalog_home {
    padding: 5px 5px 0 0;
    margin: 0;
    height: 360px;
}
.logo {
    float: left;
    width: 50%;
}
.tel {
    float: left;
    width: 50%;
    font-size: 34px;
    color: #fff;
    margin-top: 15px;
    text-align: right;
    height: 50px;
}
.tel span {
    font-size: 27px;
}
.tel a {
    color: #fff;
}
.top_menu {width: 100%;position: relative;margin: 45px 0;min-height: 100px;}
.left {float:left;}
.right {float:right;}

.old_price:before {
    content: '-';
    padding: 0 6px 0 5px;
}
.old_price {
    color: #323335;
    font-style: normal !important;
    text-decoration: none !important;
}
.ms2_product.new .price {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 18px;
}
#yandexMap {float:none !important;height: 360px !important;}
#yandexMap {width:100% !important;}
.ymaps-2-1-38-map { width:100% !important;}

.contact_form {
    background: url(/style/img/contact_form.png) no-repeat 50% 0;
    height: 266px;
    margin: 0 0 40px;
    padding-right: 100px;
}
.contact_form .form {
    position: relative;
    width: 550px;
    float: right;
    top: 100px;
    text-align: left;
    padding: 0 40px 20px;
}
.contact_form .form input {
    width: 250px;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    height: 40px;
    padding-top: 0px !important;
    margin-bottom: 5px;
}
.contact_form .form textarea {
    width: 250px;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    height: 90px;
    padding-top: 0px !important;
    margin-bottom: 0;
    font-family: tahoma;
}
.contact_form .form  .button{
    width: 100Px;
    padding: 1px;
    height: 30px;
}
.contact_form .col-md-6 {
    width: 50%;
    float: left;
}
.contact_form .button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #56ae9e;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);
  text-shadow: none;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  width: 100px;
  text-align: center;
  font-weight: 600;
  line-height: normal;
}
.button:hover {-webkit-border-radius: 4px;border-radius: 4px;color: rgb(45, 45, 45);}
p {
    line-height: 1.5;
}