/***************GENERAL***************/
html {height: 100%;}

body {
    font-family: "Verdana", Geneva, sans-serif;
    background-color: white;
    width: 100%;
    overflow-x: hidden;
    color: #515151;
    text-align: left;
    height: 100vh;
        margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;

    }

main { 

    margin: auto;
    margin-bottom: 1em;
      flex: 1 0 auto;



}

header, main, footer {        padding: 0% 5%; margin:auto;
}
footer {margin-top: 1em;}

main .container {margin-bottom: 2em;}

p, {color: #515151; text-align: left; }
a, .fa-bars { color: #515151; }

a:hover, .nav-item:hover, .nav-link:hover {color: #1a422c; text-decoration: underline;}

h1 {font-size:1.9em; color:#1a422c; padding: 0.5em 0; text-align: center;}
h2 {font-size:1.45em; color: #1a422c; padding-top: 0.5em; } 
h3 {font-size:1.25em;color: #1a350c;}
h4 {font-size:1.1em; font-weight: bold;}


button a {color: white; text-decoration: none;}


.logo {max-width: 250px;}



/***************  HEADER ***************/


.hlavicka-img img {margin-bottom: 1%;   width:100%;     

  height: auto;
    display: block; 
    margin-left: auto; 
    margin-right: auto;
opacity: 0.8;}
  }




/***************FOOTER***************/


footer, .footer-certifikaty, footer.container  {width:100%; display:block; background-color: #f2f2f2;}


.footer-certifikaty img {opacity: 0.6;width:15%;max-width: 70px; display:inline-block; margin: 2em 0;}

.footer-certifikaty h2 {color: #1a422c;}

.footer-certifikaty-obrazky {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2%;}

.footer-kontakt, .objednavky h2 {padding-top: 2%; font-weight: bold; font-size: 1.1em;}
.footer-kontakt i, .objednavky i {padding-right: 2%; color: #1a422c; font-size: 2em}
.footer-kontakt2 {margin-top: 1em;}


.facebook img {
    width: 3%; 
    float: right; 
    margin-top: 2%; 
    margin-right: 1%; 
    margin-bottom: 1%;}
   
    .facebook img:hover {
        opacity: 0.7;
}

footer, .footer, .container footer {background-color: #f2f2f2; }


#google {width:100%;}
#google {width:100%;}

/***************NAVIGATION BAR***************/
.nav-link {color:#1a422c;}

.nav-item-active { text-decoration: underline;}

.navbar-collapse { flex-wrap: wrap;   align-items: flex-end;
  justify-content: right;}
.nav, header,.navbar-expand-lg {width: 100%;}
/***************HLAVNI STRANKA -INDEX-***************/
.hlavni-menu {margin: 3% 0; padding: 0 1.5em;}

.hlavni-menu img {
    border-radius: 50%;max-height: 150px; max-width: 50%; margin: auto; margin-bottom: 5%; display:block;}
    
.hlavni-menu img:hover { -webkit-transition: all 1s ease; transition: all 1s ease;
        -webkit-transform: scale(1.05);
    transform: scale(1.05);}
.hlavni-menu h2 {color:#1a422c;}
.motto {text-align: center;}
.motto p {font-style:italic;}
#oznameni {margin:auto; background-color: #f5f3ed; padding:1rem;margin:1rem; border: 5px solid green; text-align: left;}


/***************O NAS***************/

.onas-video {
    width: 100%; 
    max-width: 800px;
margin:auto;  
    margin-bottom: 1rem;
    display:block; 
    margin-top: 2%; 
    border: solid 0.2em #606060; 
    border-radius:7%;}

.important, .important a {color:#1a422c; font-weight: bolder;}


/**************KONTAKTY***************/

#kontakty-mapa-vks  {width:100%;}
 #kontakty-obchody {width:100%; height: 300px;}
.kontakty-obchody {padding-top: 2%;}
.objednavky a {text-decoration: none;}
.objednavky a:hover {color: #1a422c; text-decoration: underline;}
.objednavky p {margin-left: 3em;}

.kontakty section {border-bottom: solid 1px #606060; padding: 2% 0; 
}
.kontakty h2 {margin-top: 0.5em;}
.kontakty i, .kontakty-obchody i {color: #1a422c;}

/**************KRMIVA***************/
.krmiva-col1 img {width: 100%;  margin: 1em; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.krmiva-col1 img:hover {border: 5px solid #1a422c; -webkit-filter:none; filter:none}

@media only screen and (max-width: 780px) {
  .krmiva-col1 img {
   max-width: 120px;
  }
}

.krmiva-col2 ul{padding: 1em;list-style-type: none;/*border: 5px solid #1a422c;*/} 

.krmiva-col2 i{color: #1a422c;  } 



/*start-MALOOBCHOD*/
.maloobchod-nav {line-height: 2.5em; font-size: 1.1em; }

.maloobchod-nav li a {display:block; text-decoration: none;  padding-left: 0.3em; font-weight: normal;}
    .maloobchod-nav a:active {
    background-color: #4CAF50; 
    color: white;
}
.maloobchod-nav ul {list-style: none;}

.maloobchod-nav a:hover:not(.active) {
    background-color: #515151;
    color: white;
}
.maloobchod-nav img {float:left; height: 1.8em; padding-right: 2%;}

.maloobchod-wraper { margin-left:auto; margin-right:auto;}

    .maloobchod-wraper h2 {width: 100%;background-color: #204c20; color: white; padding: 0.3em;font-weight: bold;border-top: 0.1em solid #515151;}

.maloobchod-oddil {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 97%; -ms-flex-wrap: wrap; flex-wrap: wrap;   margin: auto;}

.maloobchod-produkt {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 20%; padding-right: 2%; padding-left: 2%; padding-bottom: 2%;}

.maloobchod-produkt p {text-align: left;}

.maloobchod-obrazek {height: 12vw; 
    display:-webkit-box; 
    display:-ms-flexbox; 
    display:flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
width: 100%;
}


.maloobchod-obrazek .velky { max-height: 100%; max-width: 100%; -webkit-box-flex:0; -ms-flex:none; flex:none;

height: auto; width: auto;}
.maloobchod-obrazek .maly { max-height: 75%; max-width: 100%; -webkit-box-flex:0; -ms-flex:none; flex:none;

height: auto; width: auto;}





.maloobchod-produkt-info {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
.maloobchod-produkt h3 {font-size: 1em;}


.maloobchod-note {display:block; width: 50%;}
.maloobchod-produkt .price {color:forestgreen;}


/*end-MALOOBCHOD*/


/*SLUZBY*/
#doprava, #laborator, #poradenstvi ul {line-height: 2em;}
#laborator .sluzby-foto img {height: 18vw;}

.sluzby img {width: 100%; margin: 1em 0; max-width: 250px;}



.sluzby-foto {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 90%; margin:auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}




/***************  CENIK ***************/
.cenik {text-align: center;}
.cenik img {width: 100%; margin: 1em 0; max-width: 200px;}