body{
    padding: 0px;
    margin: 0px;
    background-color: white;
    font-family: arial, verdana;
    font-size: 12px;
    color: black;
}

.cleaner {
clear: both;
}
p.kontakty{
    line-height: 15px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
h3.kontakty{
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 20px;
}
a.kontakty{
    margin-top: 0px;
    padding-top: 0px;
}

#hlavicka{
    width: 100%;
    height: 21px;
    background-image: url("/img/bg-body.png");
}
.hlavicka-obsah{
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid white;
    background-image: url("/img/bg-body.png");
}
.prouzek{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 21px;
    border: 0px solid red;
    
}
.vlajky{
    float: right; 
    margin-left: auto;
    margin-right: auto;
    border: 0px blue solid;
    margin-right: 20px;
}
.vlajky img{
    padding-left: 3px;
    margin-top: 2px;
    border: 0px;
}
#hlavicka-menu{
    width: 100%;
    height: 100px;
    background-color: #3C3C43;
}
.hlavicka-menu-obsah{
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
    height: 100px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid green;
    background-color: #3C3C43;
}
.logo{
    float: left;
}
.logo img{
    height: 80px;
    margin-top: 10px;
}
.menu{
    float: right;
}

.menu a{
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    color: #d8d8d8;
    text-decoration: none;
    font-weight: lighter;
    font-family: arial;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 98px;    
}
.menu a.last{
    line-height: 40px;
    color: white;
    background-color: #FF8800;
    border-bottom: 0px solid white;
    -webkit-border-radius: 5px;
border-radius: 5px;
}
.menu a.last:hover{
    color: white;
    background-color: #DB7704;
    border-bottom: 0px solid white;
}
.menu a:hover{
    color: white;
    border-bottom: 2px solid white;
}
.menu a.aktivni{
    color: white;
    border-bottom: 2px solid white;
}

#slideshow{
    width: 100%;
    height: 400px;
    background-image: url("/img/bg-slide.png");
    background-position: center;
    background-repeat: no-repeat;
}
.slideshow-obsah{
    width: 1080px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px; 
    background-image: url("/img/bg-slide.png");
    background-position: center;
    background-repeat: no-repeat;
}
.slideshow-obsah iframe{
    width: 950px;
    height: 370px;
    margin-left: 40px;
    margin-top: 0px;
}
.fluid_container{
    width: 750px;
    height: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}
#obaltextu{
    width: 750px;
    height: 300px;
}
#obaltextu a.cistvice{
    display: block;
    width: 750px;
    height: 300px;
}
#obaltextu a.cistvice:hover{
    text-decoration: underline;
}
#produkty-uvod{
    width: 100%;
    height: 300px;
    border: 0px solid red;
}
.produkty-uvod-obsah{
    width: 1080px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.produkty-uvod-obsah img{
    max-width: 250px;
    max-height: 221px;
}
.produkty-uvod-obsah .text{
    margin-top: 20px;
    font-size: 15px;
    color: #2D70B8;
    font-weight: bold;
}
.text a{
    text-decoration: none;
    color: #2D70B8;
}
.text a:hover{
    text-decoration: underline;
}
.text ul{
    text-align: left;
}
.prvni{
    float: left;
    width: 255px;
    height: 300px;
    border: 0px solid blue;
}
.druhy-ctvrty{
    margin-left: 20px;
    float: left;
    width: 255px;
    height: 300px;
    border: 0px solid blue;
}
#podminky-obal{
    width: 100%;
    border: 0px solid red;
}
.podminky-obsah{
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #EEEEEE;
}
.podminky-obsah p{
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
}
#popis-obal{
    width: 100%;
    border: 0px solid red;
}
.popis-obsah{
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #EEEEEE;
}
.popis-obsah h2{
    font-size: 32px;
    padding-top: 0px;
    margin-top: 20px;
    margin-left: 10px;
    letter-spacing: 2px;
}
.popis-obsah img{
    padding-left: 20px;
    height: 80px;
    border: 0px;
}
.popis-obsah img.cert{
    padding-left: 20px;
    width: 300px;
    height: 100%;
    border: 0px;
}
.text-popis{
    padding: 20px;
    margin-top: 10px;
    background-color: #EEEEEE;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
    padding-bottom: 10px;
}
.text-popis h2{
    font-size: 32px;
    padding-top: 0px;
    margin-top: 0px;
    letter-spacing: 2px;
}
.text-popis p{
    line-height: 25px;
    text-align: justify;
    font-size: 15px;
}
.text-vzorky{
    width: 600px;
    text-align: center;
    float: left;
    min-height: 600px;
    margin-top: 100px;
}
.form-vzorky{
    background-color: #666;
    width: 380px;
    float: right;
    padding: 10px;
    margin-top: 50px;
    padding-bottom: 20px;
    -webkit-border-radius: 10px;
border-radius: 10px;
}
.form-vzorky h2{
    color: white;
    margin-left: 15px;
}
.form-vzorky form input{
    padding: 5px;
    margin: 10px;
}
.form-vzorky form input:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.form-vzorky form textarea{
    padding: 5px;
    margin: 10px;
}
.form-vzorky form textarea:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.form-vzorky form button:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}

.form-vzorky form input.form_kratky{
    width: 150px;
    height: 30px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}
.form-vzorky form input.form_dlouhy{
    width: 336px;
    height: 30px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}

.form-vzorky form textarea.form_dlouhy{
    width: 336px;
    height: 100px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}
.form-vzorky form button{
    width: 200px;
    height: 50px;
    background-color: grey;
    color: white;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid grey;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
}
#produkty-seznam{
    width: 100%;
    border: 0px solid red;
}
.produkty-seznam-obsah{
    width: 1080px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.produkt-obal{
    float: left;
    background-color: #EEEEEE;
    width: 180px;
    height: 250px;
    text-align: center;
    margin: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.produkty-seznam-obrazek {
    position: relative;
    width: 170px;
    padding: 5px;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  -webkit-border-radius: 5px;
    border-radius: 5px;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.produkty-seznam-obrazek:hover .image {
  opacity: 0.5;
}
.produkty-seznam-obrazek:hover .middle {
  opacity: 1;
}
.produkt-obal a.produkt-seznam{
    font-size: 18px;
    text-decoration: none;
    margin-top: 10px;
    display: block;
    color: #2D70B8;
}
.podmenu{
    float: right;
    width: 200px;
    height: 100%;
    text-align: left;
}
.podmenu h3{
    color: gray;
    padding-left: 30px;
    font-size: 18px;
}
.podmenu a{
    display: block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    color: #2D70B8;
    font-size: 15px;
    text-decoration: none;
}
.podmenu a:hover{
    display: block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    color: black;
}
.podmenu a.aktivni{
    background-color: #FCFCFC;
    color: black;
    border-top: 1px solid #F7F4F4;
    border-right: 1px solid #F7F4F4;
    border-bottom: 1px solid #F7F4F4;
}

.dotaznik{
    width: 100%;
}
.dotaznik table{
    margin-left: 250px;
    font-family: arial;
    font-size: 15px;
    color: white;
}
img.detail-produktu-banner{
    width: 810px;
    margin-top: 20px;
    margin-left: -20px;
}
.info{
    float: left;
    width: 198px;
    text-transform: uppercase;
    font-size: 18px;
    margin-left: 15px;
    margin-top: 20px;
}
.info a{
    text-decoration: none;
}
.info a.tech{
    color: #46A105;
}
.info a.appl{
    color: #0A046D;
}
.info a.cert{
    color: #8F0093;
}
.info a.koupit{
    color: black;
}
.produkt{
    width: 878px;
    border-right: 1px solid #F7F4F4;
    text-align: center;
}
.produkt hr{
    color: #F7F4F4;
    width: 810px;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    border: 0px;
    border-top: 1px solid #F7F4F4;
}
.produkt-popis{
    width: 770px;
    padding: 20px;
    margin-top: 20px;
    margin-left: 20px;
    background-color: #EEEEEE;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
}
.produkt-popis h2{
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
    letter-spacing: 2px;
}
.produkt-popis p{
    line-height: 20px;
    text-align: justify;
    font-size: 15px;
}
.produkt-popis p.barva{
    line-height: 20px;
    font-size: 15px;
    background-color: chartreuse;
}
table.tech-info{
    width: 345px;
    background-color: #EEEEEE;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-left: 60px;
}
table.tech-info th{
    background-color: white;
    text-transform: uppercase;
}
table.tech-info tr{
    background-color: white;
    line-height: 30px;
}
iframe{
    margin-top: 50px;
    padding: 15px;

}
.text-vlevo{
    float: left;
    width: 350px;
    text-align: left;
    margin-left: 150px;
    padding-top: 20px;
}
.text-vlevo p{
    margin-left: 10px;
}
.text-vlevo h3{
    margin-left: 10px;
}
.text-vlevo a{
    margin-left: 10px;
    color: black;
}
.text-vpravo{
    text-align: center;
    float: right;
    margin-right: 150px;
    width: 300px;
}
.text-vpravo form input{
    padding: 5px;
    margin: 10px;
}
.text-vpravo form input:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.text-vpravo form textarea{
    padding: 5px;
    margin: 10px;
}
.text-vpravo form textarea:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.text-vpravo form button:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}

.text-vpravo form input.form_phone{
    width: 300px;
    height: 30px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}

.text-vpravo form textarea.form_body{
    width: 300px;
    height: 100px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}
.text-vpravo form button{
    width: 200px;
    height: 50px;
    background-color: grey;
    color: white;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid grey;
}
.novinka-obal{
    border: 0px solid red;
    width: 800px;
    margin-left: 17px;
    margin-top: 60px;
    padding-bottom: 20px;
}
.novinka-obal .obrazek{
    float: left;
    width: 130px;
    text-align: left;
}
.novinka-obal .obrazek img{
    width: 100px;
}
.novinka-obal .popis{
    text-align: left;
}
.novinka-obal .nadpis{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
.novinka-obal .datum{
    font-size: 12px;
    color: #666;
    text-align: left;
}
.novinka-obal p{
    line-height: 20px;
    color: grey;
    margin-left: 5px;
    text-align: left;
}
.novinka-obal h3{
    text-align: left;
    font-size: 15px;
    margin-top: 30px;
}
.novinka-obal .obrvelky img{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tlacitko a{
    display: inline-block;
    padding: 10px;
    background-color: #666;
    color: white;
    width: 100px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    float: right;
    margin-right: 550px;
    margin-bottom: 30px;
}
.vzorky{
    text-align: center;
    float: left;
    width: 150px;
    padding-bottom: 20px;
}
.vzorky form input{
    padding: 5px;
    margin: 10px;    
}
.vzorky form input:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.vzorky form textarea{
    padding: 5px;
    margin: 10px;
}
.vzorky form textarea:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}
.vzorky form button:hover{
    -webkit-box-shadow: 0 0 2px 1px grey;
    box-shadow: 0 0 2px 1px grey;
}

.vzorky form input.form_phone{
    width: 150px;
    height: 20px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}

.vzorky form textarea.form_body{
    width: 150px;
    height: 50px;
    border: 1px solid grey;
    font-size: 15px;
    text-align: center;
}
.vzorky form button{
    width: 150px;
    height: 30px;
    background-color: grey;
    color: white;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid grey;
    margin-left: 15px;
}
#paticka-obal{
    width: 100%;
    height: 250px;
    margin-top: 0px;
    background-color: #222222;
}
.paticka-obsah{
    width: 1080px;
    height: 250px;
    background-color: #222222;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    color: black;
}
.paticka-text{
    float: left;
    width: 210px;
    height: 200px;
    border: 0px solid white;
    margin-top: 20px;
    padding-left: 40px;
}
.paticka-text p.text{
    color: white;
    font-size: 12px;
}
.paticka-text h4{
    color: gray;
    text-transform: uppercase;
    padding-top: 0px;
    margin-top: 0px;
}
.paticka-text img{
    width: 200px;
}
.paticka-text a{
    text-decoration: none;
    color: white;
    font-style: italic;    
}
.paticka-text a:hover{
    text-decoration: underline;
}
.paticka-text p.odkazy{
    border-bottom: 2px solid grey;
    padding-bottom: 10px;
}
.paticka-text p.telefon{
    text-transform: uppercase;
    color: gray;
    font-size: 18px;
}