html { 
    font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
    color: #333333;
  
}
body{ padding: 0px; margin: 0px;}
h1{ font-size: 25px;}
h2{}
h3{}
p{ margin:10px 25px 20px 25px; line-height: 1.8; }
li{}
a{  color: #fff; text-decoration: none;      }
a:hover{ color: #fff;  text-decoration: underline;  }


.body{   
     
}
.telo{ background-color: white;
    min-height: 100%;
    position: relative;
    min-width: 400px; 
}

.head{  max-width:1200px; margin: 0 auto; position: relative; z-index: 1;}
.head img{max-width: 100%; margin: 0px 0px -5px 0px; position: relative; z-index: 1;}
 img{max-width: 100%; margin: 0px 0px -5px 0px;}
.head_menu{width: 100%; max-width: 1200px; min-width:400px;  background: #666666; margin-top: -10.3%; position: relative; z-index: 5;}


.polosa{ width: 100%; max-width: 1200px; min-width:400px;  height: 0 auto;  background: #cccc00; margin: 0 auto; }
.col{ height:25%;  width:calc(50% - 4%); margin:2%; /*background: #0099cc;*/ float: left; }
.one_col{ height:25%;  width:calc(100% - 4%); margin:2%; /*background: #0099cc;*/  float: left; text-align: center;   }
.polovina{height:12.5%;  width:calc(300px - 4%); margin:2%; background: #cccccc;  float: left; text-align: center;  }
.polovina2{height:12.5%;  width:calc(100% - 4%); margin:2%; background: #cccccc;  float: left; text-align: center;  }

.one_col a , .col a{ background: #0099cc; display: block; height: 0px; margin-bottom:40px; }
/*.center{ height: 200px; width:250px; background:  #00cc33;   margin: 0 auto; text-align: center; }*/
.button {height: 40px; width: 200px;  margin: 0 auto;    background: #333333; text-align: center;
          border-radius: 41px; padding: 10px 0px 0px 0px; cursor: pointer; color: #fff; font-size: 22px;  }

#button_border{  border:2px solid;   }
#left{ float: left; }
#right{float: right; }
#center{ text-align: center;}
.button:hover{ background: #0099cc; color: #fff;  }
.contacts{ height: 100px; width: 222px; color: #000000; float: right; background: #fff; opacity: 0.8; 
         padding: 5px; margin-right: -25px;    }
.contact{ margin: 5px 0px 0px 0px;   }
.menu a{ padding:  3px 10px 0px 10px;  height: 25px; float: left; margin: 3px;color: #000000; background: #fff; opacity: 0.8; }
.menu a:hover{ /* background: #0099cc; */ background: #3f2c1a; color: #fff; opacity: 1;}
.menu{ margin: 60px 0px 0px 0px; }

.opis{  width: 100%; /*background: #0099cc;*/ padding: 8px 0px 8px 0px; text-align: center; }
.podrobnee{ height: 25px; width: 100%; background:  #cccccc; text-align: center;}
.podrobnee:hover{ background: #f4f2e7; text-decoration: underline; cursor: pointer; }

/*.form{ height: 450px; width: 300px; float: left;  background:  #333333;}*/
form{ width: 100%; /*background: #333333;*/ display: block; float: left;    }
form input{ height:45px; width: 100%; padding: 0px 3px 0px 10px; border: none; float: left; margin-bottom: 20px; border-radius: 4px;  border:1px solid #cccccc; }
#obratka input[type=submit]{ background: #cccccc; cursor:pointer; border-radius: 41px; width: 230px; font-weight: 600; }
#obratka input[type=submit]:hover{ background: #0099cc;  }

.footer{height:50px; width:100%;  margin-bottom: 20px; background:#333333; float: left;  }