body {
    font-family: Roboto, Helvetica, sans-serif, 'Raleway', sans-serif, Arial;

 
}
.container {

width: 1100px;  /*  šířka prostoru nemusíme psát, když máme responsiv viz níže...smazáno*/
    margin: auto; /*vycentrování celého obsahu*/
}

@media screen and (max-width: 479px) {
    .container {width: 92%}  
    } 

    /*obecný responsiv viz classroom 18.6, musí se pak zkoušet nastavení*/
                           /*mobil na výšku*/
    @media screen and (min-width: 480px) {
    .container {width: 95%} /*mobil na šířku*/
    }
    @media screen and (min-width: 740px) { /*tablet na výšku*/
    .container {width: 95%}
    }
    @media screen and (min-width: 960px) { /*tablet*/
    .container {width: 95%}
    }
    @media screen and (min-width: 1200px) { /*pc*/
    .container {width: 1100px}  /*viz výše*/
    }



h1,h2,h3,h4,p,ul,ol,li,body {
    margin: 0;
    padding: 0;
    } /*reset nastavení nápisů návod od Kuby v classroom 14.6*/

    .clearfix:after, .clearfix:before {
    content: "";
    display: block;
    clear: both; /*zafixovat float prvky v html*/
    }
    *, *:after, *:before {
    box-sizing: border-box;
    }
    a {
    transition: all 0.3s ease-out;
    } /*zpomalovačka efektu*/
    a:hover { 
    transition: all 0.3s ease-out;

}



h1,h2,h3,h4,p,ul,ol,li,body {
    margin: 0;
    padding: 0;
    } /*reset nastavení nápisů návod od Kuby v classroom 14.6*/

    .clearfix:after, .clearfix:before {
    content: "";
    display: block;
    clear: both; /*zafixovat float prvky v html*/
    }
    *, *:after, *:before {
    box-sizing: border-box;
    }
    a {
    transition: all 0.3s ease-out;
    } /*zpomalovačka efektu*/
    a:hover { 
    transition: all 0.3s ease-out;

}


.topline {

          background:#006600;
          color: #ffffff; 
          line-height: 37px; /*výška linky a centr textu*/
          font-size: 14px;
          font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 479px) {
    .topline .container {display: flex; flex-direction: column; }  
    } 

    @media screen and (min-width: 480px) {
       .topline .container {width: 95%} /*mobil na šířku*/
        }


    

.topline span {
    padding-right: 20px; /*mezery mezi texty v top line*/
    }
    .topline span a {
    color: #fff;
    text-decoration: none; /*odbarvit odkaz*/
    }
    .topline span a:hover {
    color: #ffcc33;
    text-decoration: underline; /*po najetí myší se zbarví a podtrhne*/
    
    }
    
    .toplinesocmedia {
    float: right;
    font-size: 25px;
   
    
    }
    .toplinesocmedia a {
    
        color: white;
    }
    .toplinesocmedia a:hover {
    
        color: #ffcc33;
    }
    

        .headermenu {

            background: #99cc33;
            height: 91px;
          
        }

        .headermenu.sticked {
            position: fixed;
            width: 100%;
            top: 0;
        }

        
       .logo  {
        float: left;
        background: url(../img/logo-cmelak.png)center center no-repeat;
        width: 300px;
        height: 90px;
       
        
        }

        .menu {
            float: right;  /*float v případě ikon*/
            
            }
        
        .menu ul{
            display: flex;
         
           
           
            
        }


        .menu ul li {
            display: inline-block;
            position: relative;
        }
        
    
        
        .menu ul li a {
          
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            text-transform: uppercase;
            padding:33px 10px;
            display: block;
          
            margin: 3px 0; /*zmenší ohnuté lišty*/
        
        }
        .menu ul li a:hover {
            background:#ffcc33;
            
        }
        .menu ul li a:hover{

            color: #006600;
        }

        

        .menu ul li ul {

            background: #ffcc33;
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
        
        }

        .menu ul li ul a {

            font-size: 12px;
            text-transform: uppercase;
            color: white;
            padding: 7px 0 7px;
        }
        
        .menu ul li:hover ul {
        
            display: block;
        
        }
        
        .menu ul li ul li{
            width: 100%;
        }


        .lista {

            background: #99cc33;
            height: 70px;
            margin-bottom: 400px;
           
        }

      
        .listaDE {

            background: #99cc33;
            height: 70px;
            margin-bottom: 400px;
           
        }

        @media screen and (max-width: 479px) {
            .listaDE {height: 150px;  }  
            } 
      
            @media screen and (max-width: 479px) {
                .lista {height: 140px;  }  
                }   

        .lista p {

            color: #006600;
            font-size: 28px;
            text-align: center;
            font-weight: 700;
            padding: 20px 15px;
    
            }

            .listaDE p {

                color: #006600;
                font-size: 28px;
                text-align: center;
                font-weight: 700;
                padding: 20px 15px;
        
                }
            

            
                    .boxy{
                         padding: 3px;

                        }
             
            
                        @media screen and (max-width: 479px) {
            
                            .boxy {margin-left: -10px;} 
                        }


        

         .hlavnifotka{

            
              height: 550px;
              width: 100%;
              
          }



         .hlavnifotka1{

            
              height: 550px;
              margin-top: -19px;
              position: relative;
          }

          .hlavnifotka .cmelda{
            
        position: absolute;
            width: 20px;
        
            height: 20px;
        
            border-radius: 50%;
        
            animation: testovaci-animace 5s infinite;
        
        }

        .veverka{

            height: 550px;
            width: 100%;
        }
        
        
        @keyframes testovaci-animace {
        
            0% {
        
                top: 550px;
        
                left: 80%;
        
            }
        
            33% {
        
                left: 66%;
        
            }
        
            50% {
        
                width: 60px;
        
                height: 70px;
        
            }
        
            100% {
        
                top: 130px;
        
                left: 62%;
        
            }
        
        }*/
        
        /*404 error*/
.error  {

    
    background: #99cc33;
    text-align: center;
    padding: 120px 0;
}
.error p {
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 100px;
}
    .error a {

padding: 20px 40px;
font-size: 20px;
font-weight: 700;
background: #006600;
color: white;
border-radius: 10px;
text-decoration: none;

    }

    .error a :hover {

        color: #000;
    }
    
/*404 error*/ 


          .startovactlacitko{

          padding: 20px;
           background: red;
           text-align: center;
          }  

          .startovactlacitkoDE{

            padding: 20px;
             background: red;
             text-align: center;
            }  
           
            
           
            
.startovactlacitko a {

    background: red;
    color: white;
    font-size: 29px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    padding: 20px 15px;
  

  }

  .startovactlacitkoDE a {

    background: red;
    color: white;
    font-size: 29px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    padding: 20px 15px;
  

  }

  .startovactlacitko a:hover{

    color:red ;
    background: white;
  }

  .startovactlacitkoDE a:hover{

    color:red ;
    background: white;
  }

  @media screen and (max-width: 479px) {
            
    .startovactlacitko a {font-size:9px;margin-left: 0px;} 
}

@media screen and (max-width: 479px) {
            
    .startovactlacitkoDE {display: none;} 
}

        @media screen and (max-width: 479px) {
            
            .hlavnifotka {display: none;} 
        }

        @media screen and (max-width: 479px) {
            
            .texty1 .container {display:none;} 
        }

        @media screen and (max-width: 479px) {
            
            .textytexty  {display:none;} 
        }

        @media screen and (max-width: 479px) {
            
            .textytextyDE  {display:none;} 
        }

        @media screen and (max-width: 479px) {
            
            .textytexty3  {display:none;} 
        }

        @media screen and (max-width: 479px) {
            
            .texty2 .container {display:none;} 
        }

        @media screen and (max-width: 479px) {
            
            .texty3 .container {display:none;} 
        }


        @media screen and (max-width: 479px) {
            
            .zlutyobdelnik .container .uspechy {display: none;} 
        }
       
        @media screen and (max-width: 479px) {
            
            .listaslovo .container .hlavnislovo {display: none;} 
        }

    
        @media screen and (max-width: 479px) {
            
            .listaslovo  {display: none;} 
        }

        @media screen and (max-width: 479px) {
            
            .zlutyobdelnik  {display: none;} 
        }

        @media screen and (max-width: 479px) {
            
            .uvodveta {background:#ffffff;} 
        }

        @media screen and (max-width: 479px) {
            
            .dekujeme .container {display:none;} 
        }

        .pridame h3{

       margin-top: -100px;
     
           }

           
        .pridame {

        text-align: left;  /*zarovnání textu*/
        color: #fff;
        margin-top: -200px;
        padding: 80px;
        
         /*odsazení prvku, tlačítka*/
        }

        .pridamepridame {

            text-align: left;  /*zarovnání textu*/
            color: #fff;
            margin-top: -205px;
            padding: 80px;

            
             /*odsazení prvku, tlačítka*/
            }

            .pridamepridameDE {

                text-align: left;  /*zarovnání textu*/
                color: #fff;
                margin-top: -205px;
                padding: 80px;
    
                
                 /*odsazení prvku, tlačítka*/
                }


            .pridamepridame a {
                color: #006600;
                font-size: 16px;
                background:#99cc33;
                text-decoration: none; /*nepodtrhávat*/
                font-weight: 700;
                text-transform: uppercase;/*písmo kapitálky*/
                padding: 15px 30px; /*nafoukli jsme tlačítko*/
                border-radius: 10px; /*zakulatí rohy*/
                margin-top: 50px;
                display: inline-block; /*velikost tlačítka se posune*/
            
            }

            .pridamepridameDE a {
                color: #006600;
                font-size: 12px;
                background:#99cc33;
                text-decoration: none; /*nepodtrhávat*/
                font-weight: 700;
                text-transform: uppercase;/*písmo kapitálky*/
                padding: 15px 30px; /*nafoukli jsme tlačítko*/
                border-radius: 10px; /*zakulatí rohy*/
                margin-top: 50px;
                display: inline-block; /*velikost tlačítka se posune*/
            
            }


            .pridamepridame a:hover { /*mění barvu písma*/
            color:white;
            
        }

        .pridamepridameDE a:hover { /*mění barvu písma*/
            color:white;
            
        }

 
        @media screen and (max-width: 479px) {
            
            .pridamepridame {margin-top:-730px;text-align:left; padding: 10px;} 
        }

        @media screen and (max-width: 479px) {
            
            .pridamepridameDE {margin-top:-730px;text-align:left; padding: 10px;} 
        }

       
        
        @media screen and (max-width: 479px) {
            
            .pridame {margin-top:-730px;text-align:left; padding: 10px;} 
        }
        
        .pridame a {
            color: #006600;
            font-size: 16px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 30px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }
        .pridame a:hover { /*mění barvu písma*/
        color:white;
        padding: 20px 35px;

    }

.uvodvetaDE p{

    font-size: 24.5px;
}


.brimo{

    margin-top: -280px;
    margin-left: 530px;
}


@media screen and (max-width: 479px) {
            
    .brimo {margin-top: -100px; margin-left: 165px; } 
}  

@media screen and (max-width: 479px) {
            
    .brimo a img{width: 50px; height: auto; } 
}
        
        .obdelnik7{
    
            width: 50px;
            height: 50px;
            position: fixed;
            top: 250px;
            left: 0;
            border-radius: 0 25px 25px 0;
            background: #ffcc33 url("/wp-content/uploads/2019/08/cmelacek-e1567780118487.png") center no-repeat;
            transition: all 0.3s ease-out;
        }
    
        .obdelnik7:hover{
    
            width: 200px;
            background-position: -60px;
    
        }
    
        .obdelnik7 a{
    
            font-size: 16px;
            font-weight: 700;
           
            color: black;
            text-decoration: none;
            /*letter-spacing: 3px;*/
            line-height: 50px;
            padding: 0 10px;
            opacity: 0;
    
        }
    
        .obdelnik7 a:hover {
    
            opacity: 1;
            float: right;
    
        }

        h2 {

            margin-top: -150px;
            padding: 10px;
            color: #fff;
        }

       

       .vykupujeme {

        text-align: center; /*zarovnání textu*/
        color: #fff;
        margin-top: -120px;
      
        
        
         /*odsazení prvku, tlačítka*/
        }

        .vykupujemevykupujeme {

            text-align: center; /*zarovnání textu*/
            color: #fff;
            margin-top: -45px;
          
            
            
             /*odsazení prvku, tlačítka*/
            }

            .vykupujemevykupujemeDE {

                text-align: center; /*zarovnání textu*/
                color: #fff;
               margin-top: 10px;
              
                
                
                 /*odsazení prvku, tlačítka*/
                }
        
        @media screen and (max-width: 479px) {
            
            .vykupujeme {margin-top:240px;text-align:left; padding: 10px; } 
        }
        
        .vykupujeme a {
            color: #006600;
            font-size: 16px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }
        .vykupujeme a:hover { /*mění barvu písma*/
        color: white;

       }


       .vykupujemevykupujeme a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .vykupujemevykupujemeDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }


    .vykupujemevykupujeme a:hover { /*mění barvu písma*/
    color: white;

   }


   .vykupujemevykupujemeDE a:hover { /*mění barvu písma*/
    color: white;

   }

   @media screen and (max-width: 479px) {
            
    .vykupujemevykupujeme {margin-top:260px;text-align:left;  margin-left: 20px;} 
}

@media screen and (max-width: 479px) {
            
    .vykupujemevykupujemeDE {margin-top:320px;text-align:left;  margin-left: 30px;} 
}

       .kvetou {

        text-align: right;  /*zarovnání textu*/
        color: #fff;
        margin-top: -162px;
        padding: 65px;
        
        
         /*odsazení prvku, tlačítka*/
        }

        .kvetoukvetou {

            text-align: center;  /*zarovnání textu*/
            color: #fff;
            margin-top: -165px;
            padding: 65px;
            margin-left: 710px;
            
            
             /*odsazení prvku, tlačítka*/
            }

            .kvetoukvetouDE {

                text-align: center;  /*zarovnání textu*/
                color: #fff;
                margin-top: -160px;
                padding: 65px;
                margin-left: 710px;
                
                
                 /*odsazení prvku, tlačítka*/
                }
        
        @media screen and (max-width: 479px) {
            
            .kvetou {margin-top:185px; text-align: left;padding: 10px;} 
        }
        
        .kvetou a {
            color: #006600;
            font-size: 16px;
            background: #99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }
        .kvetou a:hover { /*mění barvu písma*/
        color: white;

       }


       .kvetoukvetou a {
        color: #006600;
        font-size: 16px;
        background: #99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .kvetoukvetou a:hover { /*mění barvu písma*/
    color: white;

   }

   .kvetoukvetouDE a:hover { /*mění barvu písma*/
    color: white;

   }


   .kvetoukvetouDE a {
    color: #006600;
    font-size: 12px;
    background: #99cc33;
    text-decoration: none; /*nepodtrhávat*/
    font-weight: 700;
    text-transform: uppercase;/*písmo kapitálky*/
    padding: 15px 50px; /*nafoukli jsme tlačítko*/
    border-radius: 10px; /*zakulatí rohy*/
    margin-top: 50px;
    display: inline-block; /*velikost tlačítka se posune*/

}

   @media screen and (max-width: 479px) {
            
    .kvetoukvetou {margin-top: 195px; text-align: left;padding: 10px;margin-left: 10px;} 
}


@media screen and (max-width: 479px) {
            
    .kvetoukvetou a {width: 260px;} 
}



@media screen and (max-width: 479px) {
            
    .kvetoukvetouDE {margin-top: 180px; text-align: left;padding: 10px;margin-left: 15px;} 
}


@media screen and (max-width: 479px) {
            
    .kvetoukvetouDE a {width: 260px;} 
}


     .texty1 {
        font-size: 14px;
        margin-top: -40px;
       
       }
       

       .abcd{
font-size: 22px;
        margin-left: 80px;
        margin-top: -180px;
        color: white;
        font-weight: 800;
       }

       @media screen and (max-width: 479px) {
            
        .abcd {margin-left: 12px;margin-top: -120px;} 
    }
       
.textytexty{

    color:black;
    margin-top: -90px;
    font-size: 14px;
    padding: 10px;
}

.textytextyDE{

    color:black;
    margin-top: -105px;
    font-size: 14px;
    padding: 20px;
}
    
.boxyboxy{

margin-top: 5px;

}

@media screen and (max-width: 479px) {
            
    .boxyboxy {margin-left: -5px;} 
}

.textytexty3{

    color:black;
    margin-top: 30px;
    font-size: 14px;
    margin-left: -50px;
}


       .texty2 {
        font-size: 14px;
        margin-top: -7px;
       
       }

       .texty2de{

        margin-top: -40px;
       }
       @media screen and (max-width: 479px) {
            
        .texty2de {display: none;} 
    }
       

       .tisy {

        text-align: left;  /*zarovnání textu*/
        color: #fff;
        margin-top: -170px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }

        .tisyDE {

            text-align: left;  /*zarovnání textu*/
            color: #fff;
            margin-top: -170px;
            padding: 50px;
            
            
             /*odsazení prvku, tlačítka*/
            }
        
        @media screen and (max-width: 479px) {
            
            .tisy {margin-top:-730px; text-align: left;padding: 10px;} 
        }

        @media screen and (max-width: 479px) {
            
            .tisyDE {margin-top:-730px; text-align: left;padding: 10px;} 
        }
        
        .tisy a {
            color: #006600;
            font-size: 16px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }

        .tisyDE a {
            color: #006600;
            font-size: 12px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }
        .tisy a:hover { /*mění barvu písma*/
        color: white;

       }

       .tisyDE a:hover { /*mění barvu písma*/
        color: white;

       }

       .korporace {

        text-align: center;  /*zarovnání textu*/
        color: #fff;
        margin-top: -200px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }

        .korporaceDE {

            text-align: center;  /*zarovnání textu*/
            color: #fff;
            margin-top: -195px;
            padding: 50px;
            
            
             /*odsazení prvku, tlačítka*/
            }

        @media screen and (max-width: 479px) {
            
            .korporace {margin-top:183px; text-align: left;padding: 10px;} 
        }

        @media screen and (max-width: 479px) {
            
            .korporaceDE {margin-top:183px; text-align: left;padding: 10px;} 
        }
    
        
        .korporace a {
            color: #006600;
            font-size: 16px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }


        .korporaceDE a {
            color: #006600;
            font-size: 12px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }


        .korporace a:hover { /*mění barvu písma*/
        color: white;

       }

       .korporaceDE a:hover { /*mění barvu písma*/
        color: white;

       }

       .jested {

        text-align: right;  /*zarovnání textu*/
        color: #fff;
        margin-top: -190px;
        padding: 40px;
        
        
         /*odsazení prvku, tlačítka*/
        }

        .jestedDE {

            text-align: right;  /*zarovnání textu*/
            color: #fff;
            margin-top: -185px;
            padding: 40px;
            
            
             /*odsazení prvku, tlačítka*/
            }
        
        @media screen and (max-width: 479px) {
            
            .jested {margin-top:185px; text-align: left;padding: 10px;} 
        }

        @media screen and (max-width: 479px) {
            
            .jestedDE {margin-top:185px; text-align: left;padding: 10px;} 
        }
        
        .jested a {
            color: #006600;
            font-size: 16px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }


        .jestedDE a {
            color: #006600;
            font-size: 12px;
            background:#99cc33;
            text-decoration: none; /*nepodtrhávat*/
            font-weight: 700;
            text-transform: uppercase;/*písmo kapitálky*/
            padding: 15px 50px; /*nafoukli jsme tlačítko*/
            border-radius: 10px; /*zakulatí rohy*/
            margin-top: 50px;
            display: inline-block; /*velikost tlačítka se posune*/
        
        }


        .jested a:hover { /*mění barvu písma*/
        color:white;

       }

       .jestedDE a:hover { /*mění barvu písma*/
        color:white;

       }

    

       .listaslovo {

        background:#99cc33;
        height: 70px;
     margin-top: 3px;
       
       }

       

       .listaslovo .hlavnislovo  {

    text-align: center;
    padding: 23px;
    color: #006600;
    font-size: 24px;
    font-weight: bold;
    
   
   
       }

       .hlavnislovoDE {

        text-align: center;
    padding: 20px;
    color: #006600;
    font-size: 16px;
    font-weight: bold;
       }

       

.zlutyobdelnik {

    background: #006600;
    height: 70px;
    margin-top: 2px;
    width: 100%;
}



.zlutyobdelnik b {

    font-size: 22px;
    padding: 23px;
   color: white;
}


.zlutyobdelnik table {

    padding: 17px;
}


.uspechy td b{

    font-size: 19px;
    font-family: Helvetica;

 
}

.uspechyDE td b{

    font-size: 17px;
    font-family: Helvetica;

 
}

.uspechy table{

    padding-top: 18px;
}

.uspechyDE table{

    padding-top: 21px;
}

.boxy2{
   
   padding: 15px;
   margin-top: -27px;
}


.boxyboxy2{
   
    padding: 15px;
    margin-top: -27px;
 }

 .boxyboxy2DE{
   
    padding: 15px;
    margin-top: -27px;
 }


@media screen and (max-width: 479px) {
            
    .boxy2 {margin-top: 925px;margin-left: -20px;} 
}

@media screen and (max-width: 479px) {
            
    .boxyboxy2 {margin-top: 505px; margin-left: -20px;} 
}

@media screen and (max-width: 479px) {
            
    .boxyboxy2DE {margin-top: 930px; margin-left: -20px;} 
}

.boxy3 {

    padding: 3px;
}

@media screen and (max-width: 479px) {
            
    .boxy3 {margin-left: -10px;margin-top: 20px;} 
}



.boxy10{

   margin-top: 20px;
}

@media screen and (max-width: 479px) {
            
    .boxy10 {margin-top:35px;margin-left: -35px;} 
}

.boxy11 {

    margin-top: -55px;
}

@media screen and (max-width: 479px) {
            
    .boxy11 {margin-top:35px;margin-left: -35px;} 
}


.boxy12{

   margin-top: -60px;
}

@media screen and (max-width: 479px) {
            
    .boxy12 {margin-top:35px;margin-left: -35px;} 
}

.sad {

    text-align: left;  /*zarovnání textu*/
    color: white;
    margin-top: -170px;
    padding: 50px;
    margin-left: 10px;
    
     /*odsazení prvku, tlačítka*/
    }

    .sadDE {

        text-align: left;  /*zarovnání textu*/
        color: white;
        margin-top: -170px;
        padding: 50px;
        margin-left: 10px;
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .sad {margin-top:-630px; text-align: left;padding: 10px;margin-left: 0px;} 
    }

    @media screen and (max-width: 479px) {
            
        .sadDE {margin-top:-630px; text-align: left;padding: 10px;margin-left: 0px;} 
    }
    
    .sad a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .sadDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .sad a:hover { /*mění barvu písma*/
    color:white;

   }

   .sadDE a:hover { /*mění barvu písma*/
    color:white;

   }

   .chalupa {

    text-align: center;  /*zarovnání textu*/
    color:white;
    margin-top: -200px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .chalupaDE {

        text-align: center;  /*zarovnání textu*/
        color:white;
        margin-top: -190px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .chalupa {margin-top:135px; text-align: left;padding: 10px;} 
    }

    @media screen and (max-width: 479px) {
            
        .chalupaDE {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .chalupa a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .chalupaDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }


    .chalupa a:hover { /*mění barvu písma*/
    color: white;

   }

   .chalupaDE a:hover { /*mění barvu písma*/
    color: white;

   }

   .dod {

    text-align: right;  /*zarovnání textu*/
    color:white;
    margin-top: -195px;
    padding: 45px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .dodDE {

        text-align: right;  /*zarovnání textu*/
        color:white;
        margin-top: -190px;
        padding: 45px;
        
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .dod {margin-top:135px; text-align: left;padding: 10px;} 
    }

    @media screen and (max-width: 479px) {
            
        .dodDE {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .dod a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .dodDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .dod a:hover { /*mění barvu písma*/
    color: white;

   }

   .dodDE a:hover { /*mění barvu písma*/
    color: white;

   }

   .zapojtese {

    background:white;
    height: 170px;
   margin-top: 70px;
   
   }



   .texty3{
    font-size: 14px;
    margin-top: -15px;
    margin-left: -10px;
   

    
   }

   .veta3 p {

    color: #006600;
    font-size: 28px;
    text-align: center;
    margin-top: 30px;
   

   }

   @media screen and (max-width: 479px) {
            
    .veta3 p {display:none;} 
}
  
   
   .zapojtese h2 {

   margin-top: -50px;
   text-align: center;
   color: black;
   }

   .daruj {

    text-align: left;  /*zarovnání textu*/
  
    margin-top: -80px;
    padding: 25px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .daruj {display: none;} 
    }
    
    .daruj a {
        color: #006600;
        font-size: 25px;
        
       
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
       
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .daruj a:hover { /*mění barvu písma*/
    color: #99cc33;

   }

   .propagace {

    text-align: right;  /*zarovnání textu*/
  
    margin-top: -190px;
   padding: 55px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .propagace {display: none;} 
    }
    
    .propagace a {
        color:#006600;
        font-size: 25px;
        
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
       
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .propagace a:hover { /*mění barvu písma*/
    color: #99cc33;

   }

   

   .dekujeme{

 padding: 30px;
   }

   

   @media screen and (max-width: 479px) {
            
    .dekujemeuvod img {width: 350px; height: auto;margin-top: 10px; } 
}


.dekujemeuvod p{

    text-align: center;
    color: #006600;
   
    font-size:50px;
   margin-top: -30px;


    
}

.dekujemeuvodfoto p{

    text-align: center;
    color: #006600;
   
    font-size:50px;
   margin-top: 20px;
  }



.startovaciveta{

    margin-top: -80px;
   
}


@media screen and (max-width: 479px) {
            
    .startovaciveta {display: none;   } 
}


@media screen and (max-width: 479px) {
            
    .dekujemeuvodfoto img {width: 350px; height: auto;margin-left: -20px;   } 
}





.dekujemedarcum p{
    text-align: center;
    color: #006600;
    font-size:30px ;
    padding: 20px;
   margin-top: 220px;
   
}

@media screen and (max-width: 479px) {
            
    .dekujemedarcum{margin-top: -170px; } 
}


   .pata {

    background:#006600;
    color:white;
    font-size: 14px;
    padding: 40px 0;
    margin-top: 2px;
}

.treti {

    background: #ccc;
    width: 340px;
    height: 155;
}
.pata .container {

    display: flex;
    justify-content: space-between;
}


.prvni {

    flex: 0 1 10%;

}

.druhy {

    flex: 0 1 40%;

}

.treti {

    flex: 0 1 340px;
}

.pata h3 {

    margin-bottom: 25px;
    text-align: left;
    color: white;
   
}

.pata ul li {

    line-height: 22px; /*"rozestupy v menu"*/
    list-style: none; 
 /*"zbavím se puntíků"*/
    
}
.pata ul li a {

    text-decoration: none;
    color:white;
}

.pata ul li a :hover {

    color:white;
    text-decoration: underline;
}

/* všechna písmena malá a počáteční velké v Menu

.prvni ul li a {
    text-transform: lowercase;
}

.prvni uli li a {

    text-transform: uppercase;
*/ 

@media screen and (max-width:900px) {
.druhy {flex: 0 1 20%;}
}
/* prvek kontakt skočí doprava*/

@media screen and (max-width:700px) {
    .treti {display: none;}
    .pata .container {justify-content: flex-start;}
    .prvni {flex: 0 1 40%;}
    }
   
/* zmizí pravý rámeček třetí prvek (v patě) pro plugins a spojí prvky první a druhý menu a kontakt */

@media screen and (min-width:700px) {
.fb {display: none;}

}
/* plugin nahradí nápis facebook v menu max-widht se změní na min-width*/

@media screen and (max-width:700px){
    .prvni{flex-basis: 100%; margin-bottom: 40px;}
    .druhy{flex-basis: 100%;}
    .pata .container{flex-wrap: wrap;} 
    .pata {text-align: center;}
}

/* prvky menu a kontakt dá pod sebe*/

.copy {
padding: 15px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

.copy .container {

    display: flex;
    justify-content: space-between;
}

.copy a {

    text-decoration: none;
    color: #000000;
    font-weight: 700;
}

.copy a:hover {

    color: rgb(68, 175, 35);
    text-decoration: underline;
}

@media screen and (max-width:620px) {
.copyL {display: flex; flex-direction: column;}
.lo {display: none;}
    .copyL span {padding-bottom: 5px;}
}
  /*copy texty pod sebe bez lomítek*/

  @media screen and (max-width: 400px) {
    .copy .container {flex-direction: column;}
    .copyL {margin-bottom: 15px;}
    
}
/*dá pod sebe Vytvořil a zbytek*/

.stromek{

   float: left;
   margin-top: -600px;
}

@media screen and (max-width: 479px) {
            
    .stromek {display: none; } 
}

.palecnahoru{

    float: right;
    margin-top: -600px;
}

@media screen and (max-width: 479px) {
            
    .palecnahoru {display: none; } 
}

.ksichi img{

    margin-bottom: 140px;
}

.proslov p{

    text-align: center;
}



.vlajkaEN{

  float:right;
  margin-right: 40px;
  margin-top: -55px;
  
  
}


.vlajkaDE{

    float:right;
    margin-right: 90px;
    margin-top: -55px;
    
    
  }


.lista2 {

    background: white;
    height: 140px;
    margin-top: 20px;
}

.lista2 p{

    text-align: center;
   
}

  
  




.mokradyyy {

    text-align: left;  /*zarovnání textu*/
    color:#006600;
    margin-top: -170px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    

    
    .mokradyyy a {
        color: white;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
   .mokradyyy a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .pralesss {

    text-align: center;  /*zarovnání textu*/
    color: #fff;
    margin-top: -200px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    
    
    .pralesss a {
        color: #113524;
        font-size: 16px;
        background:rgba(255,255,255,0.9);
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
        cursor: pointer;
    }
    .pralesss a:hover { /*mění barvu písma*/
    color: #99cc33;

   }

   .lokalityyy {

    text-align: right;  /*zarovnání textu*/
    color: #fff;
    margin-top: -200px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
   
    
    .lokalityyy a {
        color: #113524;
        font-size: 16px;
        background:rgba(255,255,255,0.9);
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .lokalityyy a:hover { /*mění barvu písma*/
    color: #99cc33;

   }

   .boxy5{

    margin-top: -150px;
   }

  
   @media screen and (max-width: 479px) {
            
    .boxy5 {margin-top: -130px;  } 
}


.jilmy {

    text-align: left;  /*zarovnání textu*/
    color: #006600;
    margin-top: -170px;
    padding: 50px;
    padding-left: 65px;
    
    
     /*odsazení prvku, tlačítka*/
    }


   
    @media screen and (max-width: 479px) {
            
        .jilmy {margin-top: -790px; margin-left: -80px; } 
    }

   
    
    .jilmy a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .jilmyDE {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -150px;
        padding: 50px;
       
        
        
         /*odsazení prvku, tlačítka*/
        }

        @media screen and (max-width: 479px) {
            
            .jilmyDE {margin-top: -700px; margin-left: -90px; } 
        }

    .jilmyDE a{
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
       
    }

    @media screen and (max-width: 479px) {
            
        .jilmy a{ font-size: 14px;} 
    }


   
    .jilmy a:hover { /*mění barvu písma*/
    color: white;

   }

   .pole {

    text-align: center;  /*zarovnání textu*/
    color: #006600;
    margin-top: -200px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .poleDE {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -200px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }

        @media screen and (max-width: 479px) {
            
            .poleDE {margin-top: 60px; margin-left: -130px; } 
        }
    
    @media screen and (max-width: 479px) {
            
        .pole {margin-top: 145px;margin-left: -125px; padding: 10px 25px;} 
    }

   
    
    .pole a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .poleDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .pole a{ font-size: 14px;} 
    }

    .pole a:hover { /*mění barvu písma*/
    color: white;

   }

   .ptak {

    text-align: right;  /*zarovnání textu*/
    color: #006600;
    margin-top: -197px;
    padding: 50px;
   margin-right: 15px;
    
    
    
     /*odsazení prvku, tlačítka*/
    }

    .ptakDE {

        text-align: right;  /*zarovnání textu*/
        color: #006600;
        margin-top: -190px;
        padding: 50px;
      margin-right: -10px;
        
        
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .ptak {text-align: left; margin-top: 165px; margin-left: -70px;} 
    }

    @media screen and (max-width: 479px) {
            
        .ptakDE {margin-top: 65px;margin-left: -75px;  } 
    }
    
    .ptak a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .ptakDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    @media screen and (max-width: 479px) {
            
        .ptak a{ font-size: 12px;} 
    }

  
    
    .ptak a:hover { /*mění barvu písma*/
    color: white;
}



.textvracime h5{

    padding: 30px;
    margin-top: -100px;
    font-size: xx-large;
    color: #006600;
}


.boxy5 img{

    margin-top: 100px;
    padding: 10px;
}

@media screen and (max-width: 479px) {
            
    .boxy5 img {margin-top: 50px; width: 350px; height: auto;margin-left: -40px; } 
}

@media screen and (max-width: 479px) {
            
    .boxy5DE img {margin-top: 10px; width: 350px; height: auto;margin-left: -40px; } 
}

.boxy6 img{

   margin-top: -20px; 
   padding: 10px;
}

@media screen and (max-width: 479px) {
            
    .boxy6 img {width: 350px; height: auto;margin-left: -60px; margin-bottom: 45px;} 
}

@media screen and (max-width: 479px) {
            
    .boxy6DE img {width: 350px; height: auto;margin-left: -60px;} 
}


.boxy7 img {

   padding: 10px;
    margin-bottom: -80px; 
    margin-top: -20px;
}

.boxy8 img {

    padding: 10px;
     margin-bottom: -80px; 
     margin-top: -20px;
 }

@media screen and (max-width: 479px) {
            
    .boxy7 img {margin-top: 40px; width: 350px; height: auto;margin-left: -70px;  margin-bottom: 0px;} 
}

@media screen and (max-width: 479px) {
            
    .boxy8 img {margin-top: 40px; width: 350px; height: auto;margin-left: -60px;  margin-bottom: 0px;} 
}

@media screen and (max-width: 479px) {
            
    .boxy7DE img { width: 350px; height: auto;margin-left: -70px;  } 
}



@media screen and (max-width: 479px) {
            
    .wp-image-3620 {display: none;} 
}

@media screen and (max-width: 479px) {
            
    .textcodelame {display: none;} 
}








@media screen and (max-width: 479px) {
            
    .boxy7 {margin-top: -60px; padding-bottom: 2px;} 
}


.tis {

    text-align: left;  /*zarovnání textu*/
    color: #006600;
    margin-top: -200px;
    padding: 80px;
  margin-left: 20px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .tisDE {

        text-align: left;  /*zarovnání textu*/
        color: #006600;
        margin-top: -200px;
        padding: 80px;
      
        
        
         /*odsazení prvku, tlačítka*/
        }

        @media screen and (max-width: 479px) {
            
            .tisDE {margin-top: -685px;margin-left: -120px;  } 
        }
    
   
    @media screen and (max-width: 479px) {
            
        .tis {margin-top: -790px; margin-left: -120px; } 
    }

   
    
    .tis a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .tisDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .tis a {font-size: 14px;} 
    }

   

   


    .tis a:hover { /*mění barvu písma*/
    color: white;

   }

   .klenot {

    text-align: center;  /*zarovnání textu*/
    color: #006600;
    margin-top: -230px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .klenotDE {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -230px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .klenot {margin-top: 50px; margin-left: -100px;} 
    }

    
    @media screen and (max-width: 479px) {
            
        .klenotDE {margin-top: 0px;margin-left: -90px;  } 
    }

    
    .klenot a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .klenotDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .klenot a {font-size: 10px;} 
    }
    

    .klenot a:hover { /*mění barvu písma*/
    color: white;

   }

   .louka1a {

    text-align: right;  /*zarovnání textu*/
    color: #006600;
    margin-top: -197px;
    padding: 50px;
    margin-right: 15px;
    
     /*odsazení prvku, tlačítka*/
    }

    .louka1aDE {

        text-align: right;  /*zarovnání textu*/
        color: #006600;
        margin-top: -190px;
        padding: 50px;
        margin-right: 25px;
        
         /*odsazení prvku, tlačítka*/
        }
    
    @media screen and (max-width: 479px) {
            
        .louka1a {margin-top: 75px; margin-left: -105px;} 
    }

    
    @media screen and (max-width: 479px) {
            
        .louka1aDE {margin-top: 30px;margin-left: -90px;  } 
    }
    
    .louka1a a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .louka1aDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .louka1a a {font-size: 12px;} 
    }

    .louka1a a:hover { /*mění barvu písma*/
    color: white;
}



.codelame p  {

    text-align: center;
    font-size: 22px;
    color: #000000;

}




.rybnik {

    text-align: left;  /*zarovnání textu*/
    color: #006600;
    margin-top: -103px;
    padding: 60px;
    margin-left: 20px;
    
     /*odsazení prvku, tlačítka*/
    }

    .perly {

        text-align: left;  /*zarovnání textu*/
        color: #006600;
        margin-top: -103px;
        padding: 60px;
        margin-left: 30px;
        
         /*odsazení prvku, tlačítka*/
        }


.rybnikDE {

    text-align: left;  /*zarovnání textu*/
    color: #006600;
    margin-top: -183px;
    padding: 60px;
    margin-left: 20px;
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .rybnik {margin-top: -760px; margin-left: -110px;} 
    }

    @media screen and (max-width: 479px) {
            
        .perly {margin-top: -760px; margin-left: -100px;} 
    }



    @media screen and (max-width: 479px) {
            
        .rybnikDE {margin-top: -675px;margin-left: -100px;  } 
    }
    
    .rybnik a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .perly a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .rybnikDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .rybnik a {font-size: 12px;margin-left: 10px;} 
    }

    @media screen and (max-width: 479px) {
            
        .perly a {font-size: 14px;margin-left: 10px;} 
    }

    .rybnik a:hover { /*mění barvu písma*/
    color: white;

   }

   .perly a:hover { /*mění barvu písma*/
    color: white;

   }

   .tune {

    text-align: center;  /*zarovnání textu*/
    color: #006600;
    margin-top: -205px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }

    .dalsiprojekt {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -205px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }

    .tuneDE {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -205px;
        padding: 50px;
        
        
         /*odsazení prvku, tlačítka*/
        }
    
    
    @media screen and (max-width: 479px) {
            
        .tune {margin-top: 90px; margin-left: -115px;} 
    }

    @media screen and (max-width: 479px) {
            
        .dalsiprojekt {margin-top: 80px; margin-left: -90px;} 
    }

    
    @media screen and (max-width: 479px) {
            
        .tuneDE {margin-top: 40px;margin-left: -90px;  } 
    }
    
    .tune a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .dalsiprojekt a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }


    .tuneDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .tune a {font-size: 10px;} 
    }

    @media screen and (max-width: 479px) {
            
        .dalsiprojekt a {font-size: 10px;} 
    }
   

    .tune a:hover { /*mění barvu písma*/
    color: white;

   }

   .dalsiprojekt a:hover { /*mění barvu písma*/
    color: white;

   }

   .mesto {

    text-align: right;  /*zarovnání textu*/
    color: #006600;
    margin-top: -200px;
    padding: 50px;
    margin-right: 10px;
    
     /*odsazení prvku, tlačítka*/
    }

    .vyrocicmelak {

        text-align: right;  /*zarovnání textu*/
        color: #006600;
        margin-top: -200px;
        padding: 50px;
        margin-right: 30px;
        
         /*odsazení prvku, tlačítka*/
        }

    .mestoDE {

        text-align: center;  /*zarovnání textu*/
        color: #006600;
        margin-top: -150px;
        padding: 50px;
       
        
         /*odsazení prvku, tlačítka*/
        }


        .ekovychovaDE  {

            text-align: center;  /*zarovnání textu*/
            color: #006600;
            margin-top: -150px;
            padding: 50px;
           
            
             /*odsazení prvku, tlačítka*/
            }
    
    @media screen and (max-width: 479px) {
            
        .mesto { text-align: left; margin-top: 100px; margin-left: -90px;} 
    }

    @media screen and (max-width: 479px) {
            
        .vyrocicmelak { text-align: left; margin-top: 100px; margin-left: -80px;} 
    }
   
    
    @media screen and (max-width: 479px) {
            
        .mestoDE {margin-top: 40px;margin-left: -90px;  } 
    }


    .mesto a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    .ekovychovaDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    }
    .vyrocicmelak a {
        color: #006600;
        font-size: 16px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }


    .mestoDE a {
        color: #006600;
        font-size: 12px;
        background:#99cc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 40px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }

    @media screen and (max-width: 479px) {
            
        .mesto a {font-size: 10px;} 
    }

    @media screen and (max-width: 479px) {
            
        .vyrocicmelak a {font-size: 14px;} 
    }
   
    .mesto a:hover { /*mění barvu písma*/
    color: white;

}

.vyrocicmelak a:hover { /*mění barvu písma*/
    color: white;

}

.zapojse h3 {

    text-align: center;
    color: black;
padding: 30px;
font-size: 30px;
}

.certifikat {

    padding: 10px;
}

.certifikat img {

    padding: 0 40px;
   float: auto;
}



 .hlava .content {

    background: url("/wp-content/uploads/2019/08/racek-a-more.jpg") center no-repeat;
    height: 550px;
    width: 100%;
    margin-top: -133px;
  
   
 }

 @media screen and (max-width: 479px) {
            
    .hlava .content {width: 497; height: 400px; margin-top: -133px; } 
}

.hlava .content p{

    color: #fff;
    padding: 420px 200px;
    font-size: xx-large;
}
@media screen and (max-width: 479px) {
            
    .hlava .content p  {font-size: 20px;padding: 100px; } 
}


.button2 {
        text-align: right;  
        
       margin-top: 10px;
   
        font-size: 25px;
        
        
         
        }

        @media screen and (max-width: 479px) {
            
            .button2  {margin-top: 20px;font-size: 18px; } 
        }

        

        .button2 a {
            color:black;
            padding: 15px 30px;
            background: #ffcc33;
            border-radius: 10px;
            text-decoration: none;
        }


        .button2 a:hover{

            background: #006600;
            color: #fff;
        }

      

        .kampanebox h2{

          text-align: center;
          color: #006600;
         margin-top: -130px;

        }

        

        @media screen and (max-width: 479px) {
            
            .kampanebox  {display: none; } 
        }
        
        
                            .kampan1 {

        background: url("/wp-content/uploads/2020/07/krajina.jpg") center center no-repeat;
        background-size: auto 542px;
        width: 100%;
}
        
       
             .kampan.kampan1 p{

                color: transparent;
                text-align: center;
                margin-top: 100px;
                padding: 30px;
             } 
            

            .ctverec1{

                width: 25%;
                height: 375px;
                background-color: transparent;
                position: absolute;
                transition: all 0.5s;
            }

        

.ctverec1.active{

    background-color: #006600;
}



           .ctverec1.active p {
                text-align: center;
                margin-top: 100px;
                padding: 30px;
                color:white;
                font-size: 20px;
            }
        
            .kampan2 {

                background: url("/wp-content/uploads/2020/07/klima-1.jpg") center center no-repeat;
                background-size: auto 542px;
                width: 100%;
               
                
                        
                        
                    }

                    .ctverec2{

                        width: 25%;
                        height: 375px;
                        background-color: transparent;
                        position: absolute;
                        transition: all 0.5s;
                    }
        .ctverec2.active{

                        background-color: #99cc33;
                    }
        
                    .kampan.kampan2 p{

                        color: transparent;
                        text-align: center;
                        margin-top: 100px;
                        padding: 30px;
                     } 

                     .ctverec2.active p {
                        text-align: center;
                        margin-top: 100px;
                        padding: 30px;
                        color:white;
                        font-size: 20px;
                    }

                    

                    .kampan3 {

                        background: url("/wp-content/uploads/2020/07/biodiverzita.jpg") center center no-repeat;
                        background-size: auto 542px;
                        width: 100%;
                        
                       
                            }
               
                
                            .ctverec3{

                                width: 25%;
                                height: 375px;
                                background-color: transparent;
                                position: absolute;
                                transition: all 0.5s;
                            }
                .ctverec3.active{
        
                                background-color: #006600;
                            }
                
                            .kampan.kampan3 p{
        
                                color: transparent;
                                text-align: center;
                                margin-top: 100px;
                                padding: 30px;
                             } 
        
                             .ctverec3.active p {
                                text-align: center;
                                margin-top: 100px;
                                padding: 30px;
                                color:white;
                                font-size: 20px;
                            }
        
                            
        

                            .kampan4 {

                                background: url("/wp-content/uploads/2020/07/deti-1.jpg")  no-repeat center center;
                                        background-size: auto 542px;
                                        width: 100%;
                                        
                                        
                                        
                                        
                                    }
                       
                        
                                    .ctverec4{

                                        width: 25%;
                                        height: 375px;
                                        background-color: transparent;
                                        position: absolute;
                                        transition: all 0.5s;
                                    }
                        .ctverec4.active{
                
                                        background-color: #99cc33;
                                    }
                        
                                    .kampan.kampan4 p{
                
                                        color: transparent;
                                        text-align: center;
                                        margin-top: 100px;
                                        padding: 30px;
                                     } 
                
                                     .ctverec4.active p {
                                        text-align: center;
                                        margin-top: 100px;
                                        padding: 30px;
                                        color:white;
                                        font-size: 20px;
                                    }
                
                                    
                
.klokan{
width: 170px;
height: 170px;
    background-color: #ffcc33;
    transition: all 1.5s;
   
   
   

    
}

.klokan img{

 margin-left: 10px;
 margin-top: 10px;
   
}


.klokan.active{
background-color: #99cc33;
   
}
                                                           

.tabulkatexty{

    margin-left: 200px;
    
}

 .kampanebox{

    height: 460px;
    display: flex;
   
  
  


 }

 @media screen and (max-width: 479px) {
            
    .kampanebox {display: none;} 
}

@media screen and (max-width: 479px) {
            
.nadpisdaruj  {display: none;} 
}



   

.formular h3{

    text-align: center;
    color: rgb(255, 155, 0);
    font-size: 30px;
    margin-top: -10px;
  
}


    .amount a{
        text-decoration: none;
        color: #fff;
        background: rgb(68, 175, 35);
        padding: 10px 15px;
        margin-top: 7px 5px;
        font-size: 25px;
        line-height: 30px;
       
      
       }

       .amount{

        margin-top: -70px;
        padding-left: 300px;
       }

     
    

     .kontakty{

       
        padding: 170px;
        margin-top: -150px;

     }

     .col-md-6 {

        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;

    }

    
     
    

        .formular .form-control, .formular select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 22px;
            color:#006600!important;
            padding: 2px 9px;
            border: 2px solid #cfd0d3;
            height: auto;
            box-shadow: none;
            border-radius: 0;
            font-weight: 300;
            background: rgba(255,255,255,.85);
        }
    .formular .form-group {

        text-align: center;
    }

    .form-group {

        margin-bottom: 15px;
       
    }

    .row .text-left{
        margin-left: -15px;
        margin-right: -15px;
       
        
    }

    .darujte h3, .kampan h3, h1, h2 {
        text-transform: uppercase;
        padding: 40px;
       
    }

    .darujte, .footer, .kampan, .kampane .bg, .video .bg {
        text-align: center;
    }

    .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    width: 588.13px;
    height: 48px;
}



 
 



.form-radio p{

    font-size: 22px;
    color: rgb(255, 155, 0);
   margin-top: 170px;
    text-align: center;
}

.textpodminky p{
 
    font-size: 16px;
    color: #000000;
    padding: 40px;

}

.form-radio .platbakartou{

    margin-top: 30px;

}

.last-button .button {

    padding: 10px 20px;
    background:rgb(68, 175, 35);
    color: white;
    font-size: 26px;
    border-radius: 10px;
    font-weight: 700;
   margin-bottom: 150px;
    margin-top: -10px;

}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
}

.button {

    cursor: pointer;
    text-transform: none;

}

.investor {

    text-align: left;  /*zarovnání textu*/
    color: #fff;
    margin-top: -200px;
    padding: 85px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .investor {margin-top:-630px; text-align: left;padding: 10px;} 
    }

    
    .investor a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .investor a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .ucitel {

    text-align: center;  /*zarovnání textu*/
    color: #fff;
    margin-top: -235px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .ucitel {margin-top:135px; text-align: left;padding: 10px;} 
    }

    
    .ucitel a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .ucitel a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .starosta {

    text-align: right;  /*zarovnání textu*/
    color: #fff;
    margin-top: -237px;
    padding: 90px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .starosta {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .starosta a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .starosta a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }


   .dobrovolnik {

    text-align: left;  /*zarovnání textu*/
    color: #fff;
    margin-top: -185px;
    padding: 67px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .dobrovolnik {margin-top:-630px; text-align: left;padding: 10px;} 
    }
    
    .dobrovolnik a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .dobrovolnik a:hover { /*mění barvu písma*/
    color:rgb(68, 175, 35);

   }

   .student {

    text-align: right;  /*zarovnání textu*/
    color: #fff;
    margin-top: -222px;
    padding: 95px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .student {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .student a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .student a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .majitelpozemku {

    text-align: center;  /*zarovnání textu*/
    color: #fff;
    margin-top: -195px;
    padding: 30px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .majitelpozemku {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .majitelpozemku a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .majitelpozemku a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .vedenifirmy {

    text-align: left;  /*zarovnání textu*/
    color: #fff;
    margin-top: -190px;
    padding: 70px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .vedenifirmy {margin-top:-630px; text-align: left;padding: 10px;} 
    }
    
    .vedenifirmy a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .vedenifirmy a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .pracovnik {

    text-align: center;  /*zarovnání textu*/
    color: #fff;
    margin-top: -215px;
    padding: 50px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .pracovnik {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .pracovnik a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .pracovnik a:hover { /*mění barvu písma*/
    color: rgb(68, 175, 35);

   }

   .zakladatel {

    text-align: right;  /*zarovnání textu*/
    color: #fff;
    margin-top: -185px;
    padding: 35px;
    
    
     /*odsazení prvku, tlačítka*/
    }
    
    @media screen and (max-width: 479px) {
            
        .zakladatel {margin-top:135px; text-align: left;padding: 10px;} 
    }
    
    .zakladatel a {
        color: #113524;
        font-size: 16px;
        background:#ffcc33;
        text-decoration: none; /*nepodtrhávat*/
        font-weight: 700;
        text-transform: uppercase;/*písmo kapitálky*/
        padding: 15px 50px; /*nafoukli jsme tlačítko*/
        border-radius: 10px; /*zakulatí rohy*/
        margin-top: 50px;
        display: inline-block; /*velikost tlačítka se posune*/
    
    }
    .zakladatel a:hover { /*mění barvu písma*/
    color:rgb(68, 175, 35);

   }





@media screen and (max-width: 479px) {
            
    .wp-image-4378  {display: none;} 
}

.hlavalom {

    background: url("/wp-content/uploads/2019/08/water-3267961_1920.jpg") center no-repeat;
    height: 500px;
   margin-top: -36px;
}

@media screen and (max-width: 479px) {
            
    .hlavalom  {display: none;} 
}

.hlavalom p{
    padding: 400px 0 0 1000px;
 
    color: white;
    font-size: 80px;
   
}

.nadpis h3{

    padding: 20px;
    color: #006600;
    font-size: xx-large;
    text-align: center;

}

@media screen and (max-width: 479px) {
            
    .nadpis h3 {margin-top: 100px; } 
}

.pralesboxy {

    margin-top: -45px;
    padding:30px;
    
 }

 .pralesboxy4 {

    margin-top: -45px;
    padding:30px;
    
 }

 .pralesboxy4 img{

    padding: 15px 0 0 15px;
}


@media screen and (max-width: 479px) {
            
    .pralesboxy4 { margin-left: -40px; } 
}
 

 .hlavanovyprales p{

   padding: 400px;
 text-align: center;
    
 }

 @media screen and (max-width: 479px) {
            
    .hlavanovyprales p  {display: none;} 
}

 h1 {

    text-align: center;
    color: #006600;
   
 }

 .buttonprales1 {
        text-align: left;  
        
        margin-top: 400px;
        padding: 200px;
        font-size: 25px;
        
        
      
        }

        .buttonprales1 a {
            color: #000000;
            padding: 20px 40px;
            background: white;
            border-radius: 10px;
            text-decoration: none;
        }
 .buttonprales2 {
        text-align: center;  
        
        margin-top: -270px;
       
        font-size: 25px;
        
        
         
        }

        .buttonprales2 a {
            color: #000000;
            padding: 20px 40px;
            background: white;
            border-radius: 10px;
            text-decoration: none;
        }


        .chcisepridat {
            text-align: left;  
            
           margin-top: 30px;
          padding: 20px;
            font-size: 25px;
            
            
             
            }
    
            .chcisepridat a {
                color:white;
                padding: 15px 30px;
                background: rgb(255, 155, 0);
                border-radius: 10px;
                text-decoration: none;
            }

            .chcisepridat a:hover {

                color: #555;
                background: #fff;
            }

            


            .chcisepridat2 {
                text-align: right;  
                
               margin-top: -50px;
              
                font-size: 25px;
                
                
                 
                }
        
                .chcisepridat2 a {
                    color:white;
                    padding: 15px 40px;
                    background: rgb(255, 155, 0);
                    border-radius: 10px;
                    text-decoration: none;
                }
.chcisepridat2 a:hover{
                color: #555;
                background: #fff;

}
                

                    .textyDarujte p{
                        text-align: center;
                       
                        padding: 20px;
                    }
    
   

    .pralesboxy img{

        padding: 15px 0 0 15px;
    }

    @media screen and (max-width: 479px) {
            
        .pralesboxy img {margin: -40px; margin-top: 40px;} 
    }




.novyprales1{
    text-align: left;  
                
    margin-top: -70px;
   padding: 20px;
     font-size: 16px;
     margin-left: 80px;
    
     
      
     }

     .novyprales1b{
        text-align: left;  
                    
        margin-top: -70px;
       padding: 20px;
         font-size: 16px;
         margin-left: 40px;
        
         
          
         }

         .novyprales1b :hover{

            background:rgb(255, 155, 0);
         
         }

         .novyprales1b a {
            color: white;
            padding: 10px 30px;
            background: rgb(68, 175, 35);
            border-radius: 10px;
            text-decoration: none;
            
        }

        @media screen and (max-width: 479px) {
            
            .novyprales1b {margin-top:-525px; margin-left: 15px; } 
        }

        @media screen and (max-width: 479px) {
            
            .novyprales1b a {font-size: 14px; } 
        }

        .novyprales1bb{
            text-align: left;  
                        
            margin-top: -70px;
           padding: 20px;
             font-size: 16px;
             margin-left: 45px;
            
             }

             .novyprales1bb :hover{

                background:rgb(255, 155, 0);
             
             }

             @media screen and (max-width: 479px) {
            
                .novyprales1bb {margin-top:-175px; margin-left: 0px; } 
            }

            @media screen and (max-width: 479px) {
            
                .novyprales1bb {margin-top:-565px; margin-left: 40px; } 
            }
    
             .novyprales1bb a {
                color: white;
                padding: 10px 30px;
                background: rgb(68, 175, 35);
                border-radius: 10px;
                text-decoration: none;
                
            }

            .novyprales2cc{
                text-align: center;  
                            
                margin-top: -60px;
               padding: 20px;
                 font-size: 16px;
                 
                }

                .novyprales2cc :hover{

                    background:rgb(255, 155, 0);
                 
                 }

                @media screen and (max-width: 479px) {
            
                    .novyprales2cc {margin-top:195px; margin-left: 40px; } 
                }
        
                 .novyprales2cc a {
                    color: white;
                    padding: 10px 30px;
                    background: rgb(68, 175, 35);
                    border-radius: 10px;
                    text-decoration: none;
                    
                }

                .novyprales3dd{
                    text-align: right;  
                                
                    margin-top: -60px;
                   padding: 20px;
                     font-size: 16px;
                     margin-right: 60px;
                    
                     }

                     .novyprales3dd :hover{

                        background:rgb(255, 155, 0);
                     
                     }

                     @media screen and (max-width: 479px) {
            
                        .novyprales3dd {margin-top:195px; margin-right: 10px; } 
                    }
            
                     .novyprales3dd a {
                        color: white;
                        padding: 10px 30px;
                        background: rgb(68, 175, 35);
                        border-radius: 10px;
                        text-decoration: none;
                        
                    }

     @media screen and (max-width: 479px) {
            
        .novyprales1 {margin-top:-525px; margin-left: 45px; } 
    }

     .novyprales1 a {
         color: white;
         padding: 10px 30px;
         background: rgb(68, 175, 35);
         border-radius: 10px;
         text-decoration: none;
         
     }

     @media screen and (max-width: 479px) {
            
        .novyprales1 a {font-size: 15px; } 
    }

     .novyprales1 :hover{

        background:rgb(255, 155, 0);
     
     }
   
     .novyprales2{
        text-align: center;  
                    
        margin-top: -140px;
       padding: 100px;
         font-size: 16px;
         
         
          
         }


     @media screen and (max-width: 479px) {
            
        .novyprales2 {margin-top:205px;text-align:center; padding: 10px; } 
    }
    
         .novyprales2 a {
             color: white;
             padding: 10px 30px;
             background: rgb(68, 175, 35);
             border-radius: 10px;
             text-decoration: none;
         }

         .novyprales2 :hover{

            background:rgb(255, 155, 0);
         
         }

         .novyprales3{
            text-align: right;  
                        
            margin-top: -145px;
           padding: 25px;
             font-size: 16px;
             margin-right: 35px;
             
              
             }

             @media screen and (max-width: 479px) {
            
                .novyprales3 {margin-top:215px;padding: 10px;  text-align: right; margin-right: 10px;} 
            }
        
             .novyprales3 a {
                 color: white;
                 padding: 10px 30px;
                 background: rgb(68, 175, 35);
                 border-radius: 10px;
                 text-decoration: none;
               
                 
             }

             @media screen and (max-width: 479px) {
            
                .novyprales3 a {font-size: 15px; } 
            }

             .novyprales3 :hover{

                background:rgb(255, 155, 0);
             
             }

             .pralestext p {

        margin-top: -25px;
         padding:20px;      
             }
             
             @media screen and (max-width: 479px) {
            
                .pralestext p {margin-top:20px;  } 
            }
             

        .kolecka h2{

           text-align: center;
            color:#006600;
           padding-top: 140px;
          
        } 

        @media screen and (max-width: 479px) {
            
            .kolecka {display: none;} 
        }


       
        
        .kolecka ul li {

            background: #ffcc33;
            width: 100px;
            height: 100px;
            border-radius: 50px;
           padding: 32px;
           padding-top: 10px;
           margin: 80px;
            margin-top: -20px;
            display: inline-block;
            border-color:#113524;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    font-size: 60px;
   
    
           
         }

.kolecka ul li a{

    color:#113524;
    text-decoration: none;
}
         
        .textykolecka {

            margin-top: -90px;
           
        }

        @media screen and (max-width: 479px) {
            
            .textykolecka {display: none;} 
        }

        .textykolecka td {

            padding: 50px;
        }

        .chci1{
            text-align: left;  
                     
            margin-top: -50px;
           padding: 50px;
             font-size: 20px;
            
              
             }

             .chci1a{
                text-align: left;  
                       margin-left: -50px;  
                margin-top: -50px;
               padding: 50px;
                 font-size: 20px;
                
                
                  
                 }

                 .chci1a a {
                    color: #006600;
                    padding: 7px 17px;
                    background: #ffcc33;
                    border-radius: 10px;
                    border: 1px solid #006600;
                    text-decoration: none;
                }

                .chci1a a:hover{
                    color: #ffcc33;
                    background:#006600;
                   padding:15px 25px ;
                 }

                 @media screen and (max-width: 479px) {
                
                    .chci1a  {display: none;} 
                }

                 .chci2b{
                    text-align: left;  
                     
                    margin-top: -392px;
                   padding: 320px;
                     font-size: 20px;  
                           margin-left: -40px;  
                   
                    
                      
                     }
    
                     .chci2b a {
                        color: #006600;
                        padding: 7px 17px;
                        background: #ffcc33;
                         border-radius: 10px;
                        border: 1px solid #006600;
                        text-decoration: none;
                    }
    
                    .chci2b a:hover{
                        color: #ffcc33;
                        background:#006600;
                        padding:15px 25px ;
                     }

                     @media screen and (max-width: 479px) {
                
                        .chci2b  {display: none;} 
                    }

             @media screen and (max-width: 479px) {
            
                .chci1  {display: none;} 
            }
        
             .chci1 a {
                 color: #006600;
                 padding: 7px 17px;
                 background: #ffcc33;
                  border-radius: 10px;
                 border: 1px solid #006600;
                 text-decoration: none;
             }
    
             .chci1 a:hover{
                color: #ffcc33;
                background:#006600;
                padding: 15px 25px;
             
             }
               

             .chci2{
                text-align: left;  
                     
                margin-top: -392px;
               padding: 320px;
                 font-size: 20px;
                
                 
                 
                  
                 }
            
                 @media screen and (max-width: 479px) {
            
                    .chci2  {display: none;} 
                }

                 .chci2 a {
                     color: #006600;
                     padding: 7px 17px;
                     background: #ffcc33;
                     border: 1px solid #006600;
                     border-radius: 10px;
                     text-decoration: none;
                 }
        
                 .chci2 :hover{
                    color: #ffcc33;
                    background:#006600;
                    padding: 15px 25px;
                 }

                 .chci3{
                    text-align: right;  
                            
                    margin-top: -653px;
                   padding: 310px;
                     font-size: 20px;
                    
                     
                     
                      
                     }
                
                     @media screen and (max-width: 479px) {
            
                        .chci3  {display: none;} 
                    }


                     .chci3 a {
                         color: #006600;
                         padding: 7px 17px;
                         background:#ffcc33;
                         border: 1px solid #006600;
                         border-radius: 10px;
                         text-decoration: none;
                     }
            
                     .chci3 :hover{
                        color: #ffcc33;
                        background:#006600;
                        padding: 15px 25px;
                     }


                     .chci3c{
                        text-align: center;  
                            margin-right: -180px;  
                        margin-top: -653px;
                       padding: 310px;
                         font-size: 20px;
                        
                         
                         
                          
                         }
                    
                         @media screen and (max-width: 479px) {
                
                            .chci3c  {display: none;} 
                        }
    
    
                         .chci3c a {
                             color: #006600;
                             padding: 7px 17px;
                             background:#ffcc33;
                             border: 1px solid #006600;
                             border-radius: 10px;
                             text-decoration: none;
                         }
                
                         .chci3c :hover{
                            color: #ffcc33;
                            background:#006600;
                            padding: 15px 25px;
                         }
            
                     .chci4{
                        text-align: center;  
                                  
                        margin-top: -383px;
                       padding: 50px;
                       margin-left: 820px;
                         font-size: 20px;
                        
                         
                         
                          
                         }

                         @media screen and (max-width: 479px) {
            
                            .chci4  {display: none;} 
                        }
                    
                         .chci4 a {
                             color: #006600;
                             padding: 7px 17px;
                             background: #ffcc33;
                             border: 1px solid #006600;
                             text-decoration: none;
                             border-radius: 10px;
                         }
                
                         .chci4 :hover{
                            color: #ffcc33;
                            background:#006600;
                            padding: 15px 25px;
                         }

                         .chci4d{
                           
                                   margin-left: 780px;   
                            margin-top: -383px;
                           padding: 50px;
                         
                             font-size: 20px;
                            
                             
                             
                              
                             }
    
                             @media screen and (max-width: 479px) {
                
                                .chci4d  {display: none;} 
                            }
                        
                             .chci4d a {
                                 color: #006600;
                                 padding: 7px 17px;
                                 background: #ffcc33;
                                 border: 1px solid #006600;
                                 text-decoration: none;
                                 border-radius: 10px;
                             }
                    
                             .chci4d :hover{
                                color: #ffcc33;
                                background:#006600;
                                padding: 15px 25px;
                             }
    
    


                         .chcidaruj3{
                            text-align: right;  
                                  
                            margin-top: -633px;
                           padding: 290px;
                             font-size: 20px;
                            
                             
                             
                              
                             }

                             @media screen and (max-width: 479px) {
            
                                .chcidaruj3  {display: none; } 
                            }
                        
                             .chcidaruj3 a {
                                 color: #006600;
                                 padding: 7px 17px;
                                 background: #ffcc33;
                                 border-radius: 10px;
                                 border: 1px solid #006600;
                                 text-decoration: none;
                             }
                    
                             .chcidaruj3 :hover{
                                color: #ffcc33;
                                background:#006600;
                             padding: 15px 25px;
                             }
                    
                             .chcidaruj4{
                                text-align: right;  
                                         
                                margin-top: -340px;
                               padding: 25px;
                                 font-size: 20px;
                                
                                 
                                 
                                  
                                 }

                                 @media screen and (max-width: 479px) {
            
                                    .chcidaruj4  {display: none; } 
                                }
                            
                                 .chcidaruj4 a {
                                     color: #006600;
                                     padding: 7px 17px;
                                     background: #ffcc33;
                                     border: 1px solid #006600;
                                     text-decoration: none;
                                     border-radius: 10px;
                                 }
                        
                                 .chcidaruj4 :hover{
                        color: #ffcc33;
                                    background:#006600;
                                 padding: 15px 25px;
                                 }



     
                         .hlavabor {

                            background: url("/wp-content/uploads/2019/08/P1080467.jpg") center no-repeat;
                            height: 500px;
                            margin-top: -118px;
                            
                           
                           }

                           @media screen and (max-width: 479px) {
            
                            .hlavabor  {display: none;} 
                        }



                           .hlavabor p{
                            padding: 400px 0 0;
 text-align: center;
                            color: white;
                            font-size: 80px;
                         }

                       .hlavaorchidej {

                        background: url("/wp-content/uploads/2019/09/flower-3421864_1920.jpg") center no-repeat;
                        height: 500px;
                        margin-top: -118px;
                        
                       }   
                       
                       @media screen and (max-width: 479px) {
            
                        .hlavaorchidej  {display: none;} 
                    }
                       
                       .hlavaorchidej p{
                        padding: 400px 0 0;
                        text-align: center;
                        color: white;
                        font-size: 80px;

                       }
                       

                       .nadpisorchidej h3{

                        padding: 20px;
                        color:  #006600;
                        font-size: xx-large;
                        text-align: center;
                    }

                    @media screen and (max-width: 479px) {
            
                        .nadpisorchidej  {margin-top: 
                            -100px;} 
                    }

                    .orchidejboxy{
                        margin-top: -16px;
                        

                    }

                    @media screen and (max-width: 479px) {
            
                        .orchidejboxy  {margin-left: 
                            -7px;} 
                    }

                    .orchidej1{
                        text-align: left;  
                                    
                        margin-top: -100px;
                        padding: 50px;
                         font-size: 20px;
                         
                         
                          
                         }


     @media screen and (max-width: 479px) {
            
        .orchidej1 {margin-top:-560px;text-align:center; padding: 10px; } 
    }


                        
                         .orchidej1 a {
                             color: white;
                             padding: 10px 30px;
                             background: rgb(68, 175, 35);
                             border-radius: 10px;
                             text-decoration: none;
                         }
                        
                         .orchidej1 :hover{
                        
                            background:rgb(255, 155, 0);
                         
                         }
                        
                         .orchidej2{
                            text-align: center;  
                                        
                            margin-top: -170px;
                           padding: 100px;
                             font-size: 20px;
                             
                             
                              
                             }

                             @media screen and (max-width: 479px) {
            
                                .orchidej2 {margin-top:207px;text-align:center; padding: 10px; } 
                            }
                        
                             .orchidej2 a {
                                 color: white;
                                 padding: 10px 30px;
                                 background:rgb(68, 175, 35);
                                 border-radius: 10px;
                                 text-decoration: none;
                             }
                        
                             .orchidej2 :hover{
                        
                                background:rgb(255, 155, 0);
                             
                             }
                        
                             .orchidej3{
                                text-align: right;  
                                            
                                margin-top: -150px;
                               padding: 25px;
                                 font-size: 20px;
                                 margin-right: 50px;
                                 
                                  
                                 }

                                 @media screen and (max-width: 479px) {
            
                                    .orchidej3 {margin-top:207px;text-align:center; padding: 10px; } 
                                }
                            
                                 .orchidej3 a {
                                     color: white;
                                     padding: 10px 30px;
                                     background: rgb(68, 175, 35);
                                     border-radius: 10px;
                                     text-decoration: none;
                                     
                                 }
                        
                                 .orchidej3 :hover{
                        
                                    background:rgb(255, 155, 0);
                                 
                                 }
                        

   
.hlavamokrady {

    background: url("/wp-content/uploads/2019/08/mokrady.jpeg") center no-repeat;
   
   margin-top: 20px;

    }

    

    @media screen and (max-width: 479px) {
            
        .hlavamokrady  {display: none;} 
    }

.nadpismokrady h3{

    padding: 20px;
    color:  #006600;
    font-size: xx-large;
    text-align: center;
}

@media screen and (max-width: 479px) {
            
    .nadpismokrady {margin-top:-80px; } 
}

 .hlavamokrady p{

    padding: 400px 0 0;
 text-align: center;
    color: white;
    font-size: 80px;
 }

.mokradyboxy {

    margin-top: -16px;
    padding:15px;
}

@media screen and (max-width: 479px) {
            
    .mokradyboxy {margin: -20px; margin-top: -10px;} 
}


.mokrady1{
text-align: left;  
            
margin-top: -95px;
padding: 50px;
 font-size: 20px;
 margin-left: 15px;
 
  
 }

 
.mokrady1DE .button{

    background: #006600;
padding: 10px  30px;
border-radius: 10px;

margin-left: 25px;


}

.mokrady1DE{

    margin-top: -40px;
}

@media screen and (max-width: 479px) {
            
    .mokrady1DE { margin-top: -550px;} 
}

.mokrady1DE a{

    color: #fff;
    text-decoration: none;
}

.mokrady1DE  :hover{

    background-color: #ffcc33;
    color: #006600;
}


.mokrady2DE .button{

    background:  #006600;
padding: 10px  30px;
border-radius: 10px;
margin-left: 430px;

}

.mokrady2DE{

    margin-top: -20px;
}

@media screen and (max-width: 479px) {
            
    .mokrady2DE { margin-top: 210px; margin-left: 170px; } 
}

.mokrady2DE a{

    color: #fff;
    text-decoration: none;
}

.mokrady2DE  :hover{

    background-color: #ffcc33;
    color: #006600;
}

.mokrady3DE .button{

    background:  #006600;
padding: 10px  30px;
border-radius: 10px;
margin-left: 790px;


}

.mokrady3DE{

    margin-top: -20px;
}

@media screen and (max-width: 479px) {
            
    .mokrady3DE { margin-top: 220px; margin-left: 170px;} 
}

.mokrady3DE  :hover{

    background-color: #ffcc33;
    color: #006600;
}


.mokrady3DE a{

    color: #fff;
    text-decoration: none;
    
}


 @media screen and (max-width: 479px) {
            
    .mokrady1 {margin-top:-560px;text-align:center; padding: 10px; } 
}




 .mokrady1 a {
     color: white;
     padding: 10px 30px;
     background: rgb(68, 175, 35);
     border-radius: 10px;
     text-decoration: none;
     font-size: 16px;
 }

 

 .mokrady1 :hover{

    background:rgb(255, 155, 0);
 
 }

 

 .mokrady2{
    text-align: center;  
                
    margin-top: -170px;
   padding: 100px;
     font-size: 16px;
     
     
      
     }

     

     @media screen and (max-width: 479px) {
            
        .mokrady2 {margin-top:215px;text-align:center; padding: 10px; } 
    }

    

     .mokrady2 a {
         color: white;
         padding: 10px 30px;
         background:rgb(68, 175, 35);
         border-radius: 10px;
         text-decoration: none;
     }

     

     .mokrady2 :hover{

        background:rgb(255, 155, 0);
     
     }

     

     .mokrady3{
        text-align: right;  
             margin-right: 25px;       
        margin-top: -150px;
       padding: 25px;
         font-size: 20px;
         
         
          
         }

         
    
         @media screen and (max-width: 479px) {
            
            .mokrady3 {margin-top:210px;text-align: right; margin-right:20px;; padding: 10px; } 
        }

        

         .mokrady3 a {
             color: white;
             padding: 10px 30px;
             background: rgb(68, 175, 35);
             border-radius: 10px;
             text-decoration: none;
             font-size: 16px;
             margin-right: 15px;
             
         }

         

         .mokrady3 :hover{

            background:rgb(255, 155, 0);
         
         }

         

         .mokradytext  {
            margin-top: 100px;
            
           
         }

         .mokradytextDE  {
         
            padding: 15px;
           
           
         }

         @media screen and (max-width: 479px) {
            
            .mokradytextDE {margin-top:25px } 
        }


         .buttonmokrady1 {
            text-align: center;  
            
            margin-top: 150px;
            padding: 240px;
            font-size: 25px;
            
            
          
            }
    
            .buttonmokrady1 a {
                color: #000000;
                padding: 20px 40px;
                background: white;
                border-radius: 10px;
                text-decoration: none;
                
                                
            }
     .buttonmokrady2 {
            text-align: right;  
            
            margin-top: -470px;
            padding: 200px;
            font-size: 25px;
            
            }


    
            .buttonmokrady2 a {
                color: #000000;
                padding: 20px 40px;
                background: white;
                border-radius: 10px;
                text-decoration: none;
            }
    
            .mokradytext p{
               margin-top: -120px;
                padding: 20px;

            }

            .mokradyboxy .mokradyboxy2 img{

                padding: 15px 0 0 15px;
            }

           

            

            /*blog*/





            .blog img{

                max-width: 105%;
                height: auto;
                vertical-align: top;
             
                
             
               
            }

            .blog {
                margin-bottom: 50px;
            
               
            }



            .obr-blog{
                float: left;
                width: 200px;
                margin-right: 30px;
              
                
               
            }

            

            .blogText{

                float: left;
                width: 70%;
              
               
                
            }

            .blogText h4 a{

                text-decoration: none;
                color: black;
                text-transform: uppercase;
               
            }
.blogText h4{
            margin-bottom: 20px;
          
            
        }


        .blogText span a{

            color:rgb(255, 155, 0);
            text-decoration: none;
        }

        .blogText span a:hover{

            color: rgb(255, 155, 0);
            text-decoration: underline;
        }

        .blogText p{

            margin-bottom: 30px;
          
        }



         .precist{

           background: #006600;
            color: white;
            padding: 5px 20px;
            text-decoration: none;
            border-radius: 10px;
        


        }

        

        .precist:hover{

            color:black;
            background: #99cc33;
        }

        


    

        .older a {
            padding: 10px 20px;
            color: green;
            border-radius: 10px;
            text-transform: uppercase;
            font-weight: 700;
            text-decoration: none;
            border: 2px solid green;
           
        }
         .older a:hover {
            color:#99cc33;
            border: 2px solid #99cc33;
            
        
        }
        .newer a {
            padding: 10px 20px;
            color:green;
            border-radius: 10px;
            text-transform: uppercase;
            font-weight: 700;
            text-decoration: none;
            border: 2px solid green;
           
        }
         .newer a:hover {
            color: #99cc33;
            border: 2px solid #99cc33;
            
        
        }
        
        .older {
        
            position: absolute;
            bottom: 0;
            right: 0;
        }
        
        .newer {
        
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        .sipky {

            position: relative;
        }
        
        
        .sipky .precist {
            display: inline-block;
            margin-bottom: 50px;
        }
       

       .form .label {

        display: block;
       }

       .widget{

       
        margin-left: 42%;
        margin-top: 30px;
       
       }

       @media screen and (max-width: 479px) {
            
        .widget {margin-left: 35px;padding: 20px; } 
    }

    
       .widgetdaruj{

        margin-left: 36%;
        margin-top: -490px;
       }

       @media screen and (max-width: 479px) {
            
        .widgetdaruj {margin-top: -20px; margin-left: 35px; } 
    }

    .podnadpis {

        color: #000000;
        font-size: 20px;
        text-align: center;
        padding: 30px;
    }

    .nadpischalupy{

        text-align: center;
        color: #006600;
        font-size: 30px;
        margin-top: -90px;
    }

    .chalupy img{

        padding: 15px;
        padding-top: 15px;
        margin-right: 50px;
    }

    @media screen and (max-width: 479px) {
            
        .chalupy img {width: 350px; height: auto;} 
    }

    .chalupa1{

    
            text-align: left;  
          margin-top: -100px;
        padding: 100px;
            font-size: 25px;
            padding-top: 30px;
            
             
            }

            @media screen and (max-width: 479px) {
            
                .chalupa1 {margin-top: -320px; text-align: center; padding: 10px;} 
            }
    
            .chalupa1 a {
                color: white;
                padding: 10px 20px;
                background:rgb(68, 175, 35);
                border-radius: 10px;
                text-decoration: none;
            }

            @media screen and (max-width: 479px) {
            
                .chalupa1 a {font-size: 20px;} 
            }

            .chalupa1 :hover{

                background: #ffcc33;
                color: rgb(68, 175, 35);
            }

            .chalupa2{

    
                text-align: right;  
              padding: 130px;
            margin-top: -160px;
                font-size: 25px;
                padding-top: 30px;
                
                
                 
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa2 {margin-top: 200px; text-align: center; padding: 10px;} 
                }
        
                .chalupa2 a {
                    color: white;
                    padding: 10px 20px;
                    background:rgb(68, 175, 35);
                    border-radius: 10px;
                    text-decoration: none;
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa2 {font-size: 20px;} 
                }
    
                .chalupa2 :hover{

                    background: #ffcc33;
                    color: rgb(68, 175, 35);
                }

                .chalupa3 :hover{

                    background: #ffcc33;
                    color: rgb(68, 175, 35);
                }

                .chalupa3{

    
                    text-align: left;  
                  margin-top: -100px;
                padding: 100px;
                    font-size: 25px;
                    padding-top: 30px;
                    
                     
                    }
        
                    @media screen and (max-width: 479px) {
                    
                        .chalupa3 {margin-top: -145px; text-align: center; padding: 10px;} 
                    }
            
                    .chalupa3 a {
                        color: white;
                        padding: 10px 20px;
                        background:rgb(68, 175, 35);
                        border-radius: 10px;
                        text-decoration: none;
                    }
        
                    @media screen and (max-width: 479px) {
                    
                        .chalupa3 a {font-size: 20px;} 
                    }


                    
            .chalupa4{

    
                text-align: right;  
              padding: 130px;
            margin-top: -160px;
                font-size: 25px;
                padding-top: 30px;
                
                
                 
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa4 {margin-top: 225px; text-align: center; padding: 10px;} 
                }
        
                .chalupa4 a {
                    color: white;
                    padding: 10px 20px;
                    background:rgb(68, 175, 35);
                    border-radius: 10px;
                    text-decoration: none;
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa4 {font-size: 20px;} 
                }
    
                .chalupa4 :hover{

                    background: #ffcc33;
                    color: rgb(68, 175, 35);
                }

                .chalupa5 :hover{

                    background: #ffcc33;
                    color: rgb(68, 175, 35);
                }

                .chalupa5{

    
                    text-align: left;  
                  margin-top: -100px;
                padding: 100px;
                    font-size: 25px;
                    padding-top: 30px;
                    
                     
                    }
        
                    @media screen and (max-width: 479px) {
                    
                        .chalupa5 {margin-top: -145px; text-align: center; padding: 10px;} 
                    }
            
                    .chalupa5 a {
                        color: white;
                        padding: 10px 20px;
                        background:rgb(68, 175, 35);
                        border-radius: 10px;
                        text-decoration: none;
                    }
        
                    @media screen and (max-width: 479px) {
                    
                        .chalupa5 a {font-size: 20px;} 
                    }


                    
            .chalupa6{

    
                text-align: right;  
              padding: 130px;
            margin-top: -160px;
                font-size: 25px;
                padding-top: 30px;
                
                
                 
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa6 {margin-top: 215px; text-align: center; padding: 20px;} 
                }
        
                .chalupa6 a {
                    color: white;
                    padding: 10px 20px;
                    background:rgb(68, 175, 35);
                    border-radius: 10px;
                    text-decoration: none;
                }

                @media screen and (max-width: 479px) {
            
                    .chalupa6 {font-size: 20px;} 
                }
    
                .chalupa6 :hover{

                    background: #ffcc33;
                    color: rgb(68, 175, 35);
                }


#backToTop {
    position: fixed; /* Fixed/sticky position */
    bottom: 40px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #006600; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#backToTop:hover {
    background-color: #ffcc33; /* Add a dark-grey background on hover */
}
            
        

/*Hamburger*/
.mmenu-icon-wrapper {
    position: absolute;
    top: 3.9em;
    right: 1.5em;
    height: 26px;
    width: 26px;
    cursor: pointer;
    z-index: 2;
  }
  
  @media screen and (min-width: 480px) {
      .mmenu-icon-wrapper {
        top: 4.3em;
      }
  }
  
  @media screen and (min-width: 768px) {
      .mmenu-icon-wrapper {
        top: 3.9em;
      }
  }
  
  .mmenu-icon,
  .mmenu-icon:before,
  .mmenu-icon:after {
    content: '';
    position: absolute;
    border-radius: 1em;
    height: 2px;
    width: 26px;
    background: white;
    transition: all 0.2s ease
  }
  
  .mmenu-icon {
    top: 0.75em
  }
  
  .mmenu-icon:before {
    top: -0.50em
  }
  
  .mmenu-icon:after {
    top: 0.50em
  }
  
  .mmenu-active .mmenu-icon {
    background: transparent;
    transform: rotate(-135deg)
  }
  
  .mmenu-active .mmenu-icon:before,
  .mmenu-active .mmenu-icon:after {
    top: 0
  }
  
  .mmenu-active .mmenu-icon:before {
    transform: rotate(90deg)
  }
  
  .mmenu-active .mmenu-icon,
  .mmenu-active .mmenu-icon:before,
  .mmenu-active .mmenu-icon:after {
    background: white
  }
  
  .mmenu-menu {
    transition: all 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9) !important;
    color: white;
    text-align: center;
    z-index: 2;
  }
  
  .mmenu-active .mmenu-menu {
    opacity: 1;
    pointer-events: initial;
  }
  
  .mmenu-menu ul {
    display: block;
    transition: all 0.4s ease;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    font-size: 20px;
    line-height: 200%;
  }
  
  .mmenu-menu ul li a {
      color: #fff;
      text-decoration: none;
  }
  
  .mmenu-menu ul li a:hover {
      color: #5d9242;
  }
  
  .mmenu-active .mmenu-menu ul {
    transform: translate(-50%, -50%) scale(1)
  }
  
  @media screen and (max-width: 960px) {
      .menu {
          display: none;
      }
  }
  
  @media screen and (min-width: 960px) {
      .mmenu-menu, .mmenu-icon-wrapper {
          display: none !important;
      }
  }
  
  /*konec Hamburger*/



 .kolecka h2{

    margin-top: -110px;
 }




.formeasy .container{


  margin-top: -180px;
    padding: 100px;
}

.formeasy p{

    font-size: xx-large;
    color: black;


}

  input {

    height: 30px;
    width: 160px;
   
  }

  .formeasy input[type="submit"] {
        
 
    background:#99cc33;
    color: white;
    border-radius: 10px;
    border: 4px solid #006600;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease-out;

}

.formeasy input[type="submit"]:hover {

    background: #fff;
    color: #006600;
    cursor: pointer;

}


.chlivek {

    background-color: whitesmoke;
    width: 234px;
    height: auto;
    margin-right: 30px;
    margin-top: -1167px;
    float: right;
font-size: 14px;

  }

 

  

  @media screen and (max-width: 480px) {
    .chlivek {display: none;}
  }

  


@media screen and (max-width: 500px) {
            
    .fotoformular {display: none;} 
}

@media screen and (max-width: 500px) {
            
    .formeasy {display: none;} 
}


.nadpisostatni h3{
    padding: 25px;
margin-top: -95px;
text-align: center;
font-size: xx-large;
color: #006600;
}

@media screen and (max-width: 479px) {
            
    .nadpisostatni {margin-top: 100px;} 
}



.ostatni img{

    padding: 15px;
    padding-top: 15px;
   
}

@media screen and (max-width: 479px) {
            
    .ostatni img {width: 360px; height: auto;margin: -20px; padding: 20px;} 
}

.teambuilding{


        text-align: left;  
      margin-top: -180px;
    padding: 100px;
        font-size: 25px;
        padding-top: 30px;
        
         
        }
        @media screen and (max-width: 479px) {
            
            .teambuilding {margin-top: -295px; text-align: center; padding: 30px;} 
        }
        

        .teambuilding a {
            color: white;
            padding: 10px 20px;
            background:rgb(68, 175, 35);
            border-radius: 10px;
            text-decoration: none;
        }
        @media screen and (max-width: 479px) {
            
            .teambuilding a {font-size: 18px;} 
        }
        

        .nocvlomu{


            text-align: right;  
          padding: 120px;
        margin-top: -100px;
            font-size: 25px;
            padding-top: 30px;
            
            
             
            }


            @media screen and (max-width: 479px) {
            
                .nocvlomu {margin-top: -70px; text-align: center; padding: 20px;} 
            } 
    
            .nocvlomu a {
                color: white;
                padding: 10px 20px;
                background:rgb(68, 175, 35);
                border-radius: 10px;
                text-decoration: none;
            }



            @media screen and (max-width: 479px) {
            
                .nocvlomu a {font-size: 18px;} 
            }
                
            .nocvlomu :hover{

                background: #ffcc33;
                color: rgb(68, 175, 35);
            }

            .teambuilding :hover{

                background: #ffcc33;
                color: rgb(68, 175, 35);
            }





            .ostatni2 img{
                padding: 15px;
                padding-top: 15px;
                margin-right: 50px;
               
            }
            

            @media screen and (max-width: 479px) {
            
                .ostatni2 img {margin-top:225px; width: 350px; height: auto;padding: 15px;margin-bottom: -200px; } 
            }
            
            .certifikaty{
            
            
                    text-align: left;  
                  margin-top: -190px;
                padding: 100px;
                    font-size: 25px;
                    padding-top: 30px;
                    
                     
                    }
            
                    .certifikaty a {
                        color: white;
                        padding: 10px 20px;
                        background:rgb(68, 175, 35);
                        border-radius: 10px;
                        text-decoration: none;
                    }
            
                    .darky{
            
            
                        text-align: right;  
                      padding: 130px;
                    margin-top: -110px;
                        font-size: 25px;
                        padding-top: 30px;
                        
                        
                         
                        }
                
                        .darky a {
                            color: white;
                            padding: 10px 20px;
                            background:rgb(68, 175, 35);
                            border-radius: 10px;
                            text-decoration: none;
                        }
            
                        .certifikaty :hover{
            
                            background: #ffcc33;
                            color: rgb(68, 175, 35);
                        }
            
                        .darky :hover{
            
                            background: #ffcc33;
                            color: rgb(68, 175, 35);
                        }

                        .ostatni3{
                          
                           margin-top: -25px;
                        }

                        @media screen and (max-width: 479px) {
            
                            .ostatni3  {margin-top:-195px; width: 350px; height: auto;margin-left: -10px; } 
                        }


                .hlavamariany {

                    background: url("/wp-content/uploads/2019/09/mariany-uzke.jpg") center no-repeat;
                    height: 600px;
                   margin-top: -188px;
                }
                
                .hlavamariany p{
                    padding: 500px 0 0 750px;
                 
                    color: white;
                    font-size: 80px;
                   
                }

.veverka{

    height: 550px;
    width: 100%;
}

.video{

    height: 550px;
    width: auto;
}
               

                @media screen and (max-width: 479px) {
            
                    .wp-image-205 {width:100px;height: auto; } 
                }

                

                @media screen and (max-width: 479px) {
            
                    .wp-image-2606 {display:none; } 
                }

                
@media screen and (max-width: 479px) {
            
                    .wp-image-2507 {width:350px ; height: auto; } 
                }


                @media screen and (max-width: 479px) {
            
                    .wp-image-5685 {width:340px ; height: auto;margin-top: -550px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5680 {width:340px ; height: auto;margin-top: 390px;margin-left: -340px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5678 {display: none; } 
                }

            
                @media screen and (max-width: 479px) {
            
                    .wp-image-5669 {width:350px ; height: auto;margin-left: -15px;margin-top: 15px; } 
                }
               

                @media screen and (max-width: 479px) {
            
                    .wp-image-45 {display:none; } 
                }

               

                @media screen and (max-width: 479px) {
            
                    .wp-image-2478 {width:350px ; height: auto; } 
                }

               

                @media screen and (max-width: 479px) {
            
                    .wp-image-2476 {width:350px ; height: auto; } 
                }
                       
                @media screen and (max-width: 479px) {
            
                    .wp-image-5607 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5608 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5605 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5604 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5599 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5626 {width:350px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5606 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5601 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5602 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5603 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5598 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5597 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5627 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5625 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5642 {width: 350px; height: auto;} 
                }


                @media screen and (max-width: 479px) {
            
                    .wp-image-2479 {width:320px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2387 {width:110px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2386 {width:110px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2385 {width:110px ; height: auto; } 
                }




                @media screen and (max-width: 479px) {
            
                    .wp-image-1506 {width:350px ; height: auto; } 
                }

                

                @media screen and (max-width: 479px) {
            
                    .wp-image-2789 {width: 350px;height:auto ; } 
                }

                

                @media screen and (max-width: 479px) {
            
                    .wp-image-1315 {width:300px ; height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2423 {width: 300px;height:auto ; margin-left: -20px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1351 { width: 300px;height:auto ;margin-left: -15px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1307 {width: 300px;height:auto ; margin-left: -15px;} 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1899 {width: 300px;height:auto ;margin-left: -15px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1301 {width: 300px;height:auto ; margin-left: -70px;} 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1309 {width: 300px;height:auto ;margin-left: -28px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1302 {width: 300px;height:auto ; margin-left: 5px;} 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1314 {width: 300px;height:auto ;margin-left: -75px; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1300 {width: 300px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1303 {width: 300px;height:auto ; margin-left: -39px;} 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1312 {width: 300px;height:auto ;margin-left: -57px; } 
                }


               

                @media screen and (max-width: 479px) {
            
                    .wp-image-1755 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1989 {width: 300px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2306 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2431 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-640 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-78 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-77 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-190 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-93 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1403 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1384 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1382 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-756 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-695 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-252 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-814 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-835 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-847 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-852 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-892 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-879 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-819 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-833 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-83 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-904 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1696 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-860 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-861 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-839 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-33 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-1358 {width: 350px;height:auto ; } 
                }

                

                @media screen and (max-width: 479px) {
            
                    .wp-image-1275 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-2421 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3163 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3095 {width: 150px;height:auto ; } 
                }

               
                @media screen and (max-width: 479px) {
            
                    .wp-image-5756 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5761 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5759 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5760 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5774 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5764 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5770 {width: 320px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-5773 {width: 320px;height:auto ; } 
                }


                @media screen and (max-width: 479px) {
            
                    .wp-image-3113 {width: 80px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3111 {width: 80px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3117 {width: 80px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3119 {width: 80px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-851 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3223 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3222 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3282 {width: 350px;height:auto ; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-3284 {width: 350px;height:auto ; } 
                }


                 .wp-image-3325 {

                    
                        margin-top: -108px;
                       
                    }

                    .wp-image-5145 {

                    
                        margin-top: -108px;
                       
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-5145 {margin-top: -168px ; } 
                    }


                    @media screen and (max-width: 479px) {
            
                        .wp-image-3325 {margin-top: -110px ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3811 {display: none; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3812 {display: none ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .zlutatabulka table {display: none ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .boxytis  {display: none ; } 
                    }

                    .zlutatabulka{

                        margin-top: -190px;
                    }

                    .main{

                       margin-top: -100px;
                     text-align: center;
                        color: white;
                        font-size: 80px;
                     }


                     .mainprales{

                        margin-top: -120px;
                      text-align: center;
                         color: white;
                         font-size: 80px;
                      }

                     
                     
                      .logobile{

                        background-color: #006600;
                       
                        
                    }
                    
                    .logobile a{
                    
                        margin-left: 270px;
                        padding: 10px 15px;
                    }
                    
                    @media screen and (max-width: 479px) {
                                
                        .logobile  {margin-left: -270px;} 
                    }

                  

                    .wp-image-2089 {

                        
                           margin-top: -108px;
                          
                       }

                       @media screen and (max-width: 479px) {
            
                        .wp-image-2089 {margin-top: -140px; } 
                    }

                       @media screen and (max-width: 479px) {
            
                        .main {display: none; } 
                    }

                    .wp-image-41 {

                    
                        margin-top: -108px;
                       
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-41 {margin-top: -110px ; } 
                    }

                    .wp-image-3351 {

                    
                        margin-top: -108px;
                       
                    }

                    @media screen and (max-width: 479px) {
            
                        .maindaruj {padding: 20px ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3385 {width: 350px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3395 {width: 350px;height:auto ; } 
                    }

                    .vetamanzele {

                        margin-top: -200px;
                        color: white;
                        font-size: xx-large;
                        
                    }

                    @media screen and (max-width: 479px) {
            
                        .vetamanzele {font-size: small; margin-top: 5px;color:black } 
                    }



iframe{

    width: 1100px; height: 600px;
}

                    @media screen and (max-width: 479px) {
            
                        iframe {width: 320px;height:auto; } 
                    }


                    .wp-image-3452 {

                    
                        margin-top: -108px;
                       
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3452 {margin-top: -110px ; } 
                    }

                    @media screen and (max-width: 479px) {
                        .container {width: 92%} 
                        .wp-image-3442 {width: 350px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3444 {width: 350px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3482 {display: none ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3548 {width: 350px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-991 {width: 350px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3759 {width: 150px;height:auto ; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3846 {width: 320px;height:auto ;margin-left: -60px; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3960 {width: 320px;height:auto; } 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-5215 {width: 340px;height:auto; } 
                    }


                    .newsletter {


                        text-align: center;  /*zarovnání textu*/
                        color:#006600;
                     margin-top: -20px;
                       
                        
                        
                         /*odsazení prvku, tlačítka*/
                        }
                        
                    
                        
                        .newsletter a {
                            color: #006600;
                            font-size: 16px;
                            background:#ffcc33;
                            text-decoration: none; /*nepodtrhávat*/
                            font-weight: 700;
                            text-transform: uppercase;/*písmo kapitálky*/
                            padding: 15px 50px; /*nafoukli jsme tlačítko*/
                            border-radius: 10px; /*zakulatí rohy*/
                            margin-top: 50px;
                            display: inline-block; /*velikost tlačítka se posune*/
                        
                        }
                        .newsletter a:hover { /*mění barvu písma*/
                        color: white;
                    
                    


                    }

                    .newsletter :hover { 
                      background: #006600;
                    
                    }


                    .novinynoviny {


                        text-align: center;  /*zarovnání textu*/
                        color:#006600;
                   margin-top: -10px;
                     padding: 10px;
                       
                        
                        
                         /*odsazení prvku, tlačítka*/
                        }
                        
                        @media screen and (max-width: 479px) {
            
                            .novinynoviny {margin-top: 40px ; } 
                        }
                        
                        .novinynoviny a {
                            color: #006600;
                            font-size: 16px;
                            background:#ffcc33;
                            text-decoration: none; /*nepodtrhávat*/
                            font-weight: 700;
                            text-transform: uppercase;/*písmo kapitálky*/
                            padding: 15px 50px; /*nafoukli jsme tlačítko*/
                            border-radius: 10px; /*zakulatí rohy*/
                            margin-top: 50px;
                           
                        
                        
                        }


                        .novinynoviny a:hover { /*mění barvu písma*/
                            color: white;
                        background: #006600;
                        }
    
                        
                        


                    @media screen and (max-width: 479px) {
            
                        .wp-image-3585 {display: none ; } 
                    }
                    

                    

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3991 {width:170px ; height: auto;} 
                    }
                
                    @media screen and (max-width: 479px) {
            
                        .wp-image-3990 {width:170px ; height: auto;} 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3989 {width:170px ; height: auto;} 
                    }

                    @media screen and (max-width: 479px) {
            
                        .wp-image-3992 {width:170px ; height: auto;} 
                    }
                    
                    
                 .dekovnaveta {

                    color: white;
                    font-size: 60px;
                    margin-top: -80px;
                    text-align: center;
                 }

                 @media screen and (max-width: 479px) {
            
                    .dekovnaveta {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4014 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4142 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4154 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4163 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4166 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4177 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4176 {display: none; } 
                }


                .wp-image-4142{

                    margin-top: 120px;
                }

                .wp-image-4142uvod{

                    margin-top:-2800px ;
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4142uvod {display: none; } 
                }

                .fa-spin{

                    color: yellow;
                }


                @media screen and (max-width: 479px) {
            
                    .wp-image-4186 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4188 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4183 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4187 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4184 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4182 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-caption-text {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4201 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4212 {width: 320px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4218 {width: 320px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4226 {width: 320px;height: auto; } 
                }
                
                @media screen and (max-width: 479px) {
            
                    .wp-image-4246 {width: 320px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4256 {display: none; } 
                }
                
                @media screen and (max-width: 479px) {
            
                    .wp-image-4254 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4253 {display: none; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4255 {width: 340px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4265 {width: 150px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4266 {width: 150px;height: auto; } 
                }

                @media screen and (max-width: 479px) {
            
                    .wp-image-4289 {width: 150px;height: auto; } 
                }


                @media screen and (max-width: 479px) {
            
                    .wp-image-5176 {width: 320px;height: auto; } 
                }

                .titulekmokrady{

                    margin-top: 130px;
                }

                .mokrady1a{
                    text-align: left;  
                                
                    margin-top: -110px;
                    padding: 50px;
                     font-size: 20px;
                     margin-left: 15px;
                     
                      
                     }
                    
                     @media screen and (max-width: 479px) {
                                
                        .mokrady1a {margin-top:-580px;text-align:center; padding: 10px; } 
                    }
                    
                     .mokrady1a a {
                         color: white;
                         padding: 10px 30px;
                         background: rgb(68, 175, 35);
                         border-radius: 10px;
                         text-decoration: none;
                         font-size: 16px;
                     }
                    
                     .mokrady1a :hover{
                    
                        background:rgb(255, 155, 0);
                     
                     }
                    
                     .mokrady2b{
                        text-align: center;  
                                    
                        margin-top: -170px;
                       padding: 100px;
                         font-size: 16px;
                         
                         
                          
                         }
                    
                         @media screen and (max-width: 479px) {
                                
                            .mokrady2b {margin-top:215px;text-align:center; padding: 10px; } 
                        }
                    
                         .mokrady2b a {
                             color: white;
                             padding: 10px 30px;
                             background:rgb(68, 175, 35);
                             border-radius: 10px;
                             text-decoration: none;
                         }
                    
                         .mokrady2b :hover{
                    
                            background:rgb(255, 155, 0);
                         
                         }
                    
                         .mokrady3c{
                            text-align: right;  
                                 margin-right: 25px;       
                            margin-top: -150px;
                           padding: 25px;
                             font-size: 20px;
                           
                             
                              
                             }
                        
                             @media screen and (max-width: 479px) {
                                
                                .mokrady3c {margin-top:210px;text-align: right; margin-right:20px;; padding: 10px; } 
                            }
                    
                             .mokrady3c a {
                                 color: white;
                                 padding: 10px 30px;
                                 background: rgb(68, 175, 35);
                                 border-radius: 10px;
                                 text-decoration: none;
                                 font-size: 16px;
                                 margin-right:30px;
                                 
                             }
                    
                             .mokrady3c :hover{
                    
                                background:rgb(255, 155, 0);
                             
                             }


                             .wpcf7-submit {

                                background-color: #ffcc33;
                                color:#006600;
                             
                                font-weight: 800;
                                font-size: 22px;
                              
                            }

                            .wpcf7{
                             text-align: center;
                             color: #006600;
                             

                            }

                            .wpcf7-textarea{

                                width: 500px;
                            }

                            .wpcf7-text{

                                width: 400px;
                            }


                            .wp-image-4980{
                                margin-top: -108px;
                                
                                }

                                .textjilmy{

                                    color: #ffffff;
                                    font-size: 80px;;
                                    margin-top: -100px;
                                    text-align: center;
                                }



                                @media screen and (max-width: 479px) {
            
                                    .textjilmy {display: none; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-5001 {width: 150px;height: auto; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-5000 {width: 150px;height: auto; margin-left: -380px;} 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-5005 {width: 150px;height: auto; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-5006 {width: 150px;height: auto; margin-left: -380px;} 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-5021 {width: 320px;height: auto;} 
                                }


                            @media screen and (max-width: 479px) {
            
                                .wpcf7-textarea {width: 300px; } 
                            }

                            @media screen and (max-width: 479px) {
            
                                .wpcf7-text {width: 250px; } 
                            }
                            
                    
                             @media screen and (max-width: 479px) {
            
                                .wp-image-4526 {width: 340px;height: auto; } 
                            }

                            @media screen and (max-width: 479px) {
            
                                .wp-image-4895 {width: 340px;height: auto; } 
                            }

                            @media screen and (max-width: 479px) {
            
                                .wp-image-4611 {width: 340px;height: auto; } 
                            }

                            @media screen and (max-width: 479px) {
            
                                .wp-image-4609 {display: none; } 
                            }

                            @media screen and (max-width: 479px) {
            
                                .wp-image-4612 {width: 340px;height: auto; } 

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-4610 {width: 340px;height: auto; margin-left: -10px;} 

                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-4656 {display: none; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-4655 {display: none; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-4658 {display: none; } 
                                }

                                @media screen and (max-width: 479px) {
            
                                    .wp-image-4657 {width: 340px;height: auto; } 
                                }
                            }