/*********************
-fonty se přidají později
-šířka je nastavená na 1170 v zadání 1200 > širokouhlost
-odebrán košík
-ikonky další nebo zobrazit kuli mibilu vidielné pořád
-rozpohybování až následně
-lišta fixní nahoře


*****************************/     

@media (min-width: 1101px) {
    .tri_symboly_hp:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .tri_symboly_hp:nth-child(3) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .tri_symboly_hp:nth-child(5) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .tri_symboly_hp:nth-child(6) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    .tri_symboly_hp:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .tri_symboly_hp:nth-child(4) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .tri_symboly_hp:nth-child(6) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
}

@media (min-width: 801px) {
    .tri_symboly_hp_podsekce:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .tri_symboly_hp_podsekce:nth-child(3) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
}

.main_content_menu_slider img {
    width: 100%;
    max-width: 1500px;
    object-fit: cover;
}

@media (max-width: 900px) {
    .main_content_menu_slider img {
        min-height: 400px;
    }
}

.animate__animated {
    opacity: 0;
    will-change: transform, opacity;
}

.animate__animated.animate__delay-0_25s {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.animate__animated.animate__delay-0_5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animate__animated.animate__delay-0_75s {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.animate__animated.animate__delay-1_25s {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}

     input, select, textarea { font-family:font-regular;font-size:20px; color:#663911; }

    
                   
    
   
@-webkit-keyframes fade-in {
    100% {opacity: 1;}
}
@-moz-keyframes fade-in {
    100% {opacity: 1;}
}
@-o-keyframes fade-in {
    100% {opacity: 1;}
}
@keyframes fade-in {
    100% {opacity: 1;}
}

.fade-in {
    -webkit-animation: fade-in 0.5s;
    -moz-animation: fade-in 0.5s;
    -o-animation: fade-in 0.5s;
    animation: fade-in 0.5s;

    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes scale-in {
    100% {transform: scale(1);}
}
@-moz-keyframes scale-in {
    100% {transform: scale(1);}
}
@-o-keyframes scale-in {
    100% {transform: scale(1);}
}
@keyframes scale-in {
    100% {transform: scale(1);}
}

.scale-in {
    -webkit-animation: scale-in 1.5s;
    -moz-animation: scale-in 1.5s;
    -o-animation: scale-in 1.5s;
    animation: scale-in 1.5s;

    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slide-left {
    100% {margin-right: 0%;}
}
@-moz-keyframes slide-left {
    100% {margin-right: 0%;}
}
@-o-keyframes slide-left {
    100% {margin-right: 0%;}
}
@keyframes slide-left {
    100% {margin-right: 0%;}
}

.slide-left {
    -webkit-animation: slide-left 0.5s;
    -moz-animation: slide-left 0.5s;
    -o-animation: slide-left 0.5s;
    animation: slide-left 0.5s;

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slide-right {
    100% {margin-left: 0%;}
}
@-moz-keyframes slide-right {
    100% {margin-left: 0%;}
}
@-o-keyframes slide-right {
    100% {margin-left: 0%;}
}
@keyframes slide-right {
    100% {margin-left: 0%;}
}

.slide-right {
    -webkit-animation: slide-right 0.5s;
    -moz-animation: slide-right 0.5s;
    -o-animation: slide-right 0.5s;
    animation: slide-right 0.5s;

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.animation-fade-in {
    opacity: 0;
}

.animation-scale-in {
    transform: scale(0);
}

.box_body_hl_fix_right.animation-slide-left {
    margin-right: -44%;
}

.box_body_hl_fix_right_white.animation-slide-left {
    margin-right: -64%;
}

.box_middle.animation-slide-right {
    margin-left: -54%;
}  

.box_body_hl_fix_left_down.animation-slide-right {
    margin-left: -44%;
}

@media (max-width: 900px) {
    .box_body_hl_fix_right.animation-slide-left {
        float: none;
        margin-right: -200%;
    }

    .box_body_hl_fix_right_white.animation-slide-left {
        float: none;
        margin-right: -200%;
    }

    .box_body_hl_fix_left.animation-slide-right {
        margin-left: -100%;
    }

    .box_body_hl_fix_left_down.animation-slide-right {
        margin-left: -100%;
    }
} 
    
    
    
    
    









      
            
 .main_content_menu_slider{
 height:800px;

  margin:-80px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:; 



}

       @media (max-width: 900px){     
            
 .main_content_menu_slider{
 height:800px;

  margin:-180px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:; 



}

   }




      .m_main_content_marmel_bg{
          height:auto;
          width:100%;
 margin:-680px auto 0px;
 padding:0px 0px;
 text-align:center;

 position:relative;
 z-index:3;

 float:left;
      
      }
      
      
      
        
      @media (max-width: 900px){
     
     
          .m_main_content_marmel_bg{
          height:auto;
          width:100%;
 margin:-600px auto 0px;
 padding:0px 0px;
 text-align:center;

 position:relative;
 z-index:3;

 float:left;
      
      } 
     
     }



          .m_main_content_marmel{
          height:auto;
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:0 0 80px 0;
 text-align:center;


      
      }
      
      

          .m_main_content_marmel_kontakt{
          height:auto;
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:0 0 300px 0;
 text-align:center;
display:inline-block


      
      }


  img.m_img_up1{
  height:auto;
  width:100%;
  margin:0;
  padding:0;
  }


    img.m_img_up2{
  height:auto;
  width:100%;
  margin:-170px 0 0 0;
  padding:0;
  }


    img.m_img_up3{
  height:auto;
  width:100%;
   margin:-30px 0 0 0;
  padding:0;
  }



         @media (max-width: 800px){
            



    img.m_img_up2{
  height:auto;
  width:100%;
  margin:-40px 0 0 0;
  padding:0;
  }


    img.m_img_up3{
  height:auto;
  width:100%;
   margin:20px 0 0 0;
  padding:0;
  }


         
         }
         





     /*****************produkty HP*************/
     
     
     
      .m_main_content_marmel_white_bg{
          height:auto;
          min-height:500px;
          width:100%;
 margin:0px auto 0px;
 padding:0px 0px;
 text-align:center;
float:left;
background:white;
position:relative
      
      }




          .m_main_content_marmel_white{
          height:auto;
         
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:60px 0;
 text-align:center;
display:inline-block;


      
      }





/********************************box o nás******************************/



      .m_main_content_marmel_o_nas_bg{
          height:auto;
          width:100%;
 margin:40px auto 0px;
 padding:0px 0px;
 text-align:center;

 position:relative;
 z-index:3;

 float:left;
      
      }



          .m_main_content_marmel_o_nas{
          height:auto;
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:80px 0 80px 0;
 text-align:center;
display:inline-block
                                   
      
      }


h2.m_nadpis_left{
 height:auto;
width:100%;
margin:10px auto 20px;
padding:0px 0px 0px 0px;
text-align:left;
color:#663911;
font-size:36px;
font-family:font-bold;
float:left;
}



h2.m_nadpis_right{
 height:auto;
width:100%;
margin:10px auto 20px;
padding:0px 0px 0px 0px;
text-align:right;
color:#663911;
font-size:36px;

font-family:font-bold ;
float:left;
}



b.m_nadpis_left_small{
 height:auto;
width:100%;
margin:10px auto 5px;
padding:0px 0px 0px 0px;
text-align:left;
color:#663911;
font-size:16px;
font-weight:600;
float:left;

}

 b.m_nadpis_left_small_right{
 height:auto;
width:100%;
margin:10px auto 5px;                                                         
padding:0px 0px 0px 0px;
text-align:right;
color:#663911;
font-size:20px;
font-family:font-bold;
float:left;

}




       p.m_odstavec_left{
 height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
color:#663911;
font-size:18px;
line-height:28px;

 
 }   
 
 
       p.m_odstavec_left_font_big{
 height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
color:#663911;
font-size:26px;
line-height:36px;

 
 }
 
               

 
       p.m_odstavec_right{
 height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:right;
color:#663911;
font-size:20px;
line-height:28px;
font-weight:300;
 
 }
 



img.m_img_o_nas{
height:auto;
width:100%;
margin:60px 0% 0 0%;
padding:0;
text-align:center;

}

   @media (max-width: 900px){
   
   
  img.m_img_o_nas{
height:auto;
width:80%;
margin:60px 1% 0 10%;
padding:0;
text-align:center;

}
 
   
   
   }



img.okrasa1{
height:auto;
width:40%;
margin:-120px -40% -90px 0;
padding:0;
text-align:right;
 right:0 ;

}


img.okrasa2{
height:auto;
width:60%;
margin:-230px -40% 00px 0;
padding:0;
text-align:right;
 right:0
}

img.okrasa2a{
height:auto;
width:60%;
margin:-50px -40% 00px 0;
padding:0;
text-align:right;
 right:0
}




 .m_box1{
  height:auto;
  width:100%;
  padding:0;
  margin:40px 0 0 0;
  float:left;
 
 }



     


     /*************kontaktní form*********************************/
     







     h2.m_nadpis_left2{
 height:auto;
width:100%;
margin:10px auto 35px;
padding:0px 0px 0px 0px;
text-align:left;
color:#663911;
font-size:36px;

font-family:font-bold;
float:left;
}




    input.m_input_contact_left{
    height:auto;
    width:46%;
    margin:0 2% 0 0;
    padding:5px 0 10px 2%;
    line-height:30px;
    background:;
    font-size:20px;
    text-align:left;
    background:#e5ded3;
    border:none;
    border-radius:3px;
      color:#663911 ;
      float:left;
    }  


    
    input.m_input_contact_right{
    height:auto;
    width:46%;
    margin:0 0 0 2%;
    padding:5px 0 10px 2%;
    line-height:30px;
    background:;
    font-size:20px;
    text-align:left;
    background:#e5ded3;
    border:none;
    border-radius:3px;
    color:#663911;
    float:left;
    }
    
  

     textarea.ta{
    height:auto;
    min-height:150px;
    padding: 2%;
    width:96%;
    margin:10px auto 0; 
    background:#e5ded3;
    border:none;
    border-radius:3px;
    color:#663911 ;
    font-size:20px;
    text-align:left;
     
     }
     
     
     
     
     
    .m_check_box_left{
    height:auto;
    width:8%;
    margin:0 auto 0;
    padding:5px 0;
    float:left;
 
    
    }



    
    .m_check_box_right{
    height:auto;
    width:90%;
    margin:0 auto 0;
   padding:5px 0 5px 2%;
    float:left;
  
    
    }


      

  p.m_souhlasim{
  height:auto;
    padding:0 0 0 0;
    width:100%;
    margin:0px auto 0; 
    color:#663911 ;
    font-size:18px;
    text-align:left;


  }
  
  
  a.m_souhlasim_a{
   
    color:#3b2314 ;
  


  }
     
     
      @media (max-width: 900px){
     
     
     
          input.m_input_contact_left{
    height:auto;
    width:98%;
    margin:0 0 10px 0%;
     padding:5px 0 10px 2%;
    line-height:30px;
    background:;
    font-size:20px;
    text-align:left;
    background:#e5ded3;
    border:none;
    border-radius:3px;
      color:#663911 ;
      float:left;
    }


    
    input.m_input_contact_right{
  height:auto;
    width:98%;
    margin:0 0 0px 0%;
      padding:5px 0 10px 2%;
    line-height:30px;
    background:;
    font-size:20px;
    text-align:left;
    background:#e5ded3;
    border:none;
    border-radius:3px;
      color:#663911 ;
      float:left;
    }
    
  

     textarea.ta{
    height:auto;
    min-height:150px;
    padding: 2%;
    width:96%;
    margin:10px auto 0; 
    background:#e5ded3;
    border:none;
    border-radius:3px;
    color:#3b2314 ;
    font-size:20px;
    text-align:left;
     
     }
  
     
     }  
     
     
     
     
     

textarea::-webkit-input-placeholder {

    color:#663911 ;
    font-size:20px;
    font-family:font-regular

}

textarea:-moz-placeholder { /* Firefox 18- */
    color:#663911 ;
    font-size:20px; 
        font-family:font-regular
}

textarea::-moz-placeholder {  /* Firefox 19+ */
      color:#663911 ;
    font-size:20px;
        font-family:font-regular
}

textarea:-ms-input-placeholder {
     color:#663911 ;
    font-size:20px;
        font-family:font-regular
}

textarea::placeholder {
     color:#663911 ;
    font-size:20px;
        font-family:font-regular
      
}
      






     input.m_odeslat{
      padding:10px 40px 15px 40px;
      margin:20px 0 0 0;
      color:white;
         background:rgba(0,162,255,0.8);
    font-family:font-bold;
     font-size:16px;
line-height:22px;
transition:0.3s;
border-radius:3px;
 border:none  ;
 float:right
}

input.m_odeslat:hover{
background:rgba(96,48,0,0.8)
}




  @media (max-width: 900px){
  
 input.m_odeslat{
 padding:14px 40px 14px 40px;
 } 
  }




    
/********************************box EKOLOGIE******************************/



      .m_main_content_marmel_ekologie_bg{
          height:auto;
          width:100%;
 margin:-350px auto 0px;
 padding:0px 0px;
 text-align:center;

 position:relative;
 z-index:3;

 float:left;
      
      }



          .m_main_content_marmel_ekologie{
          height:auto;
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:80px 0 40px 0;
 text-align:center;
display:inline-block

      
      }



   
   .m_box_center{
    height:auto;
    width:96%;
    margin:0 auto 20px;
    padding:10px 2%;
    float:left;
    text-align:center;
    
   
   }


 .m_sipka_left{
 height:auto;
 width:20%;
 float:left;
 margin:0 0 0px 0;
 padding:14px 0 0px 0 ;
 text-align:right;
 
 
 }
 
  .m_sipka_right{
   height:auto;
 width:20%;
 float:left;
 margin:0 0 0px 0;
 padding:14px 0 0px 0;
  text-align:left;
 }


 img.sipka{
 height:20px;
 width:17px;
 padding:0;
 margin:0;
 }

    
h2.m_nadpis_center{
 height:auto;
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:#663911;
font-size:30px;

font-family:font-bold;

}

    
h2.m_nadpis_center_etika{
 height:auto;
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:#663911;
font-size:25px;

font-weight:600;

}

 @media (max-width: 900px){
 
 h2.m_nadpis_center_etika{
 height:auto;
width:100%;
margin:150px auto 00px;
padding:20px 0;
text-align:center;
color:#663911;
font-size:25px;
display:inline-block;
font-weight:600;

}
 }



h2.m_nadpis_center2{
 height:auto;
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:#663911;
font-size:30px;
 font-family:font-bold


}


h2.m_nadpis_center3{
display:none
}

     @media (max-width: 900px){
     
     
     h2.m_nadpis_center2{
display:none

}
h2.m_nadpis_center3{
 height:auto;
width:100%;
margin:100px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:#663911;
font-size:30px;
display:inline-block;
font-weight:600;
  }    
     
     }
     
     


img.m_img_ekologie1{
height:auto;
width:80%;
margin:10px 10% 0 10%;
padding:0;
text-align:center;

}



img.m_img_ekologie2{
height:auto;
width:80%;
margin:10px 20% 0 0%;
padding:0;
text-align:left;


}



   img.m_img_ekologie3{
height:auto;
width:80%;
margin:-20px 00% 0 20%;
padding:0;
text-align:left;


}


   @media (max-width: 900px){
   
   


img.m_img_ekologie2{
height:auto;
width:80%;
margin:200px 5% 0 15%;
padding:0;
text-align:left;
float:left;



}



   img.m_img_ekologie3{
height:auto;
width:80%;
margin:-20px 00% 0 20%;
padding:0;
text-align:left;


}
   }












 
img.m_img_kvalita1{
height:auto;
width:80%;
margin:10px 10% 0 10%;
padding:0;
text-align:center;

}



  img.m_img_kvalita2{
height:auto;
width:100%;
margin:10px 0% 0 0%;
padding:0;
text-align:left;


}



   img.m_img_kvalita3{
height:auto;
width:80%;
margin:10px 20% 0 0%;
padding:0;
text-align:right;




}



   @media (max-width: 900px){
   
   
        
img.m_img_kvalita1{
height:auto;
width:80%;
margin:10px 10% 0 10%;
padding:0;
text-align:center;

}

   
   



  img.m_img_kvalita2{
height:auto;
width:100%;
margin:250px 0% 0 0%;
padding:0;
text-align:left;



}



   img.m_img_kvalita3{
height:auto;
width:80%;
margin:10px 20% 0 0%;
padding:0;
text-align:right;




}


   
   }





  img.m_img_etika1{
height:auto;
width:80%;
margin:10px 20% 0 0%;
padding:0;
text-align:left;


}




       @media (max-width: 900px){
       
          
  img.m_img_etika1{
height:auto;
width:80%;
margin:10px 10% 0 10% ;
padding:0;
text-align:left;


}
       
       }



       
       .box_etika_odskok{
        height:auto;

 width:96%;
 margin:0px 2%;
 padding:0px 0px 0px 0px;
 float:left;
       }

    
       @media (max-width: 900px){
       
      
       
       .box_etika_odskok{
 width:90%;
 height:auto;
 margin:0px 5% ;
 padding:0px 0px 0px 0px;
  float:left;
       }
       
       }


       p.m_odstavec_center_ekologie{
 height:auto;
width:60%;
margin:10px auto 40px;
padding:0px 20%;
text-align:center;
color:#663911;
font-size:20px;
line-height:28px;

 
 }
           
 





  /*************footer lišta*********************************/
  
  
  .m_footer_lista_down_bg{
  height:auto;
  width:100%;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background:#3b2414;
  float:left;
  }




     
  .m_footer_lista_down{
  height:auto;
  width:96%;
  max-width:970px;
  margin:0 auto 0;
  padding:0 2%;
  text-align:left;

  
 
  }


  .m_footer_lista_down_polozka{
   color:white;
  font-size:15px;
  margin:0 10px ;
  padding:25px 0;
  float:left;
  
  }


  a.m_foot_odkaz{
  color:#2877ac;
  }










 

   /*****************************************************************************************/
   
     
     
     

     table.tri_symboly_hp{
     
     height:auto;
     width:46%;
     margin:10px 2% 30px 2%;
     padding:0;
     border-collapse:collapse;
     float:left;  
  
  
     }

     
     
     td.tri_symboly_hp_img{
        height:auto;
     width:96%;
     margin:5px 0 0 0;
     padding:0 2%;
     float:left
     
     }
     
     
      td.tri_symboly_hp_nazev{
     height:auto;
     min-height:0px;
     width:96%;
     margin:0 0 0 0;
     padding:10px 2% 5px 2%;
     float:left;
     color:#663911; 
     font-size:20px;
     font-family:font-bold;
     text-align:center;
     }
     
     
     
      td.tri_symboly_hp_popis{
     height:auto;
     width:96%;
     margin:0 0 0 0;
     padding:5px 2%;
     float:left;
     text-align:center;
line-height:22px;

     font-size:16px;
line-height:22px;
color:#663911;
     }
     
     
         
 
     
     img.symb_hp{
     height:auto;
    
     margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     
          img.symb_hp_draze{
     height:auto;
    width:100%;
     margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     
      td.tri_symboly_hp_vice{
     height:auto;
     width:96%;
     margin:0p 0 0px 0;
     padding:15px 2%;
     float:left;
     text-align:center;

     }
     
     
     
     
         @media (max-width: 1100px){
            
       table.tri_symboly_hp{     
             height:auto;
     width:46%;
     margin:10px 2% 30px 2%;
     padding:0;
     border-collapse:collapse;
     float:left;
  
     } 
         
         }
         
         
              
         @media (max-width: 800px){
            
       table.tri_symboly_hp{     
             height:auto;
     width:100%;
     margin:0;
     padding:0;
     float:left;
  
     } 
     
          img.symb_hp_draze{
     height:auto;
    width:100%;
    object-fit:cover;
     margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     
     
          .m_main_content_marmel_white{
          height:auto;
         
          width:100%;
          max-width:970px;
 margin:0px auto 0px;
 padding:0px 0;
 text-align:center;
display:inline-block;
 }

     
      .m_main_content_marmel_white_bg{
          height:auto;
          min-height:500px;
          width:100%;
 margin:0px auto 0px;
 padding:0px 0px;
 text-align:center;
float:left;
background:#e5ded3;
position:relative
      
      }





      td.tri_symboly_hp_vice{
     height:auto;
     width:96%;
     margin:-20px 0 50px 0;
     padding:15px 2%;
     float:left;
     text-align:center;

     }
     
     
          
      td.tri_symboly_hp_nazev{
     height:auto;
     min-height:0px;
     width:96%;
     margin:0 0 30px 0;
     padding:10px 2% 5px 2%;
     float:left;
     color:#663911; 
     font-size:20px;
     font-family:font-bold;
     text-align:center;
     }
     
     
     
         
         }
     
     
     
     
     
     
     
     
       img.symb_hp_onas{
     height:auto;
       width:100%;
         margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
          
     img.novin_img_new{
     height:160px;
     width:100%;
     object-fit:cover;
     margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     

     
     
      
       td.tri_symboly_hp_vice_o_nas{
     height:auto;
     width:96%;
    margin:-150px auto 0;
     padding:5px 2%;
     float:left;
     text-align:center;
   

     } 
     

     
     a.vice_symb{
      padding:15px 40px 17px 40px;
      color:white;  
         background:rgba(0,162,255,0.8);
         font-size:16px;
line-height:22px;
transition:0.3s;
border-radius:3px;

     }
     
     a.vice_symb:hover{
background:rgba(96,48,0,0.8)
    }
    
        @media (max-width: 900px){
         a.vice_symb{
         
            padding:14px 40px 14px 40px;
         }
    
    
    }
    
    
    
    
         
           table.tri_symboly_hp_podsekce{
     
     height:auto;
     width:29.33%;
     margin:10px 2% 30px 2%;
     padding:0;
     border-collapse:collapse;
     float:left;  

  
     }
     
        td.tri_symboly_hp_img_podsekce{
        height:auto;
     width:96%;
     margin:5px 0 0 0;
     padding:0 2%;
     float:left
     
     }
     
          img.tri_symboly_hp_img_img{
     height:230px;
       width:230x;
         margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     
                td.tri_symboly_hp_podsekce_proklik{
     height:auto;
     width:96%;
    margin:-140px auto 0;
     padding:0;
     float:left;
     text-align:center;
   

     } 
     
     
          a.vice_symb_podsekce{
      padding:10px 0 14px 0;
      margin:0 0 0 10px;
      height:auto;
      width:190px;
      color:white;
         background:rgba(0,162,255,0.8);
     font-family:font-bold;
     font-size:16px;
line-height:22px;
transition:0.3s;
border-radius:3px;
display:inline-block



     }
     
     a.vice_symb_podsekce:hover{
background:rgba(96,48,0,0.8)
    }    
    
    
            @media (max-width: 900px){
         a.vice_symb_podsekce{
         
            padding:14px 40px 14px 40px;
         }
    
    
    }
    
    
    
    
              a.vice_symb_podsekce_active{
       padding:10px 0 14px 0;
      margin:0 0 0 10px;
      height:auto;
      width:190px;
      color:white;
        background:rgba(96,48,0,0.8);
     font-family:font-bold;
     font-size:16px;
line-height:22px;
transition:0.3s;
border-radius:3px;
display:inline-block

   
  

     }
    
    
                     @media (max-width: 900px){
         a.vice_symb_podsekce_active{
         
            padding:14px 40px 14px 40px;
         }
    
    
    }
    
     
     
                     
         @media (max-width: 800px){
            
    
     
 .m_box1{
  height:auto;
  width:100%;
  padding:0;
  margin:40px auto 40px;
  float:left;
 
 }
 
    
       table.tri_symboly_hp_podsekce{     
             height:auto;
     width:90%;
     height:auto;
     margin:10px 5%;
     padding:0;
      float:left;
   
  
     } 
     
           
          img.tri_symboly_hp_img_img{
     height:300px;
       width:300px;
         margin:0 auto 0;
     padding:0;
     text-align:center;
     }
     
     
          

             td.tri_symboly_hp_podsekce_proklik{
     height:auto;
     width:96%;
    margin:-172px auto 0;
     padding:5px 2%;
     float:left;
     text-align:center;
   

     } 
     
       

      
      
       td.tri_symboly_hp_vice_o_nas{
     height:auto;
     width:96%;
    margin:-180px auto 0;
     padding:5px 2%;
     float:left;
     text-align:center;
   

     } 
         
         }
    
    
    
    
    
  
   .nab_leva{

   height:auto;
   float:left;
   width:48%;
   margin:0 2% 0 0;
   padding:0;
   
   
   }      



      .nab_prava{

   height:auto;
   float:left;
   width:48%;
   margin:0 2% 0 0;
   padding:0;
   
   
   }  
   
   
     @media (max-width: 900px){
     
     
        .nab_leva{

   height:auto;
   float:left;
   width:92%;
   margin:0 4% 120px 4%;
   padding:0;
   
   
   }      



      .nab_prava{


   height:auto;
   float:left;
   width:92%;
   margin:0 4% 10px 4%;
   padding:0;
   
   
   }  
  
     
     }


 img.galerie_hl_new{
 height:auto;
 width:100%;
 margin:0 auto 10px;
 padding:0;
 
 }


img.galerie_small_new{
   height:auto;
 width:24.6%;
 margin:0 0.2% 10px 0.2%;
 padding:0;
 float:left;
                                                                              
}






 h2.newh2{    .
     margin: 0 0 10px 0;
    padding: 0 0 0 4%;
    color: rgb(83, 83, 83);
    font-weight: 300;
    font-size: 24px;
    text-align: left;
    float: left;
 }


     .body_new{
     height:auto;
     width:96%;
     margin:10px 2%;

     }



   
img.detail_symboly_popis {

    height: 25px;
    width: 25px;
    margin: -4px 5px 0px 0;
    text-align: center;
    padding: 0 0 0px 0;
    float: left

}


.main_content_a1{
 height:auto;
 margin:0px auto 0px;
 padding:0s0px 0px;
 text-align:center;
 background:white;


}


 .main_content_a2{
 height:auto;
 margin:0px auto 0px;
 padding:00px 0px;
 text-align:center;
 background:rgb(249,249,249);


}


.zaj_but{
height:auto ;
margin:80px auto 0px;
text-align:center;
background:rgb(144,176,0) ;
color:white;
padding:12px 40px;
font-size:17px;
display:inline-block;
transition:0.3s;


}

.zaj_but:hover{
background:rgb(176,208,0);
}



  .zaj_but_left{
height:auto ;
margin:40px auto 0px;
text-align:center;
background:rgb(144,176,0) ;
color:white;
padding:12px 40px;
font-size:17px;
 float:left;
transition:0.3s;


}

 
.zaj_but_left:hover{
background:rgb(176,208,0);
}



.zaj_but_black{
height:auto ;
margin:80px auto 0px;
text-align:center;
background:rgb(83,83,83) ;
color:white;
padding:12px 40px;
font-size:17px;
display:inline-block;
transition:0.3s;


}

.zaj_but_black:hover{
background:rgb(115,115,115);
}





 /**************  košík **************************/




     table.kos{
     
     height:auto;
     width:100%;
     margin:0 0 3px 0;
     padding:0;
     border-collapse:collapse;
     float:left;
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(101,101,101,0.5);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(101,101,101,0.5);
 box-shadow: inset 0px 0px 1px 1px rgba(101,101,101,0.5);
     
     }  


     td.kos_img{
     height:auto;
     width:10%;
     margin:5px 0 0 0;
     padding:0 0 0 0;
     float:left
     }
     
     
       img.shop2{
  height:auto;
   width:100%;

 }
 


     td.kos_nazev{
     height:auto;
     width:36%;
     margin:0 0 0 0;
     padding:35px 2%;
     float:left;
     color:black;
     font-size:16px;
     font-weight:600;
     text-align:left;
     }



    td.kos_mnozstvi{
     height:auto;
     width:10%;
     margin:30px 0;
     padding:0 0 0 0;
     float:left;
     color:black;
     font-size:16px;
     }
     
      input.kos_input{
       height:auto;
       width:90%;
       padding:7px 2%;
       margin:0 auto 0;
       
 }



     td.kos_cena_kg{
     height:auto;
     width:11%;
     margin:0 0 0 0;
 padding:35px 2%;
     float:left;
     color:black;
     font-size:16px;
     }

      td.kos_cena{
     height:auto;
     width:11%;
     margin:0 0 0 0;
 padding:35px 2%;
     float:left;
     color:rgb(224,0,16);
     font-size:16px;
     font-weight:600;
     
     }



      td.kos_vymazat{
     height:auto;
     width:10%;
     margin:30px 0 ;
     padding:0 0 0 0;
     float:left;
     color:black;
     font-size:16px;
     }


           td.prepocet{
     height:auto;
     width:100%;
     margin:15px 0 ;
     padding:0 0 0 0;
     float:right;
     color:black;
     font-size:16px;
     text-align:right
     }


                 td.dokonceni{
     height:auto;
     width:100%;
     margin:15px 0 ;
     padding:0 0 0 0;
     float:right;
     color:black;
     font-size:16px;
     text-align:center
     }

      
     table.kos2{
     
     height:auto;
     width:100%;
     margin:0 0 3px 0;
     padding:0;
     border-collapse:collapse;
     float:left;

     
     }



      input.prepoc{
      
         height:auto;
   width:150px;
   margin:0 0 0 0;
   padding:6px 0 6px 0;
   text-align:center;
   background:rgb(67,67,67);
   border:none;
   color:white;
   font-size:15px;
      }

      
      input.doko{
      
         height:auto;
   width:220px;
   margin:0 0 0 0;
   padding:13px 0 ;
   text-align:center;
   background:rgb(144,176,0);
   border:none;
   color:white;
   font-size:15px;
      }


    td.kos_tretina{
    height:auto;
    width:31%;
    margin:15px 1%;
           float:left;
    }


    input.kos_inp{
    height:30px;
    width:96%;
     padding:7px 0 7px 2%;
    text-align:left;

     color:black;
     font-size:16px;
    
    }



      @media (max-width: 900px){
      
         td.kos_tretina{
    height:auto;
    width:90%;
    margin:5px 5%;
           float:left;
    }
      }


/**************  eshop **************************/




.fix_shop_cart{
height:auto;
width:115px;
padding:10px 20px;
background:rgb(192,0,32);
position:fixed;
right:0;
top:80px;
z-index:1;
color:white;
text-align:center;
font-size:18px;
border-top:1px solid rgb(128,0,0);
border-left:1px solid rgb(128,0,0);
border-bottom:1px solid rgba(240,240,240,0.3);



}



.fix_shop_cart2{
height:auto;
width:115px;
padding:8px 20px;
background:rgb(35,35,35);
position:fixed;
right:0;
top:146px;
z-index:1;
color:white;
text-align:center;
font-size:15px;
border-bottom:1px solid rgb(152,152,152);
border-left:1px solid rgb(152,152,152);
transition:0.3s;
}
 .fix_shop_cart2:hover{
 background:rgb(144,176,0);
 
 }
  
  
  img.kos_sym{
  height:18px;
  width:18px;
  margin:0 7px -2px 0;
  }
        

 .box_body_hl_shop{
  height:auto;
 width:96%;
 max-width:970px;
 margin:-100px auto 00px;
 padding:0px 2% 140px 2% ;
 text-align:center;
 display:inline-block;

 



}



  .shop_tretina{
  height:auto;
  width:33.33%;
  margin:0;
  padding:0;
  float:left;
  }
  
  
  
 @media (max-width: 900px){
 
    .shop_tretina{
  height:auto;
  width:90%;
  margin:0 5%;
  padding:0;
  float:left;
  }
  
 
 }


  table.shop{
  height:auto;
  width:98%;
  margin:1%;
  padding:0 0 0px 0;
     -webkit-box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.2);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.2);
 box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.2);
  transition:0.3s;
  border-collapse:collapse;
  background:rgba(255,250,250,0.6);

  }
  
   table.shop:hover{
   
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.5);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.5);
 box-shadow: inset 0px 0px 1px 1px rgba(240,0,0,0.5);
 background: rgba(245,222,179,0.2);
   }
  


  td.shop_nazev{
   height:auto;
   min-height:50px;
     width:96%;
  margin:0 0 00px 0;
  padding:20px 2% 7px 2%;
  color:#ff3536;
  font-size:20px;
  font-weight:600;
  text-align:center;

  
  
  }

    td.shop_img{
   height:auto;
   width:96%;
  margin:0px 0 00px 0;
  padding:15px 2% 15px 2%;

  text-align:center;

  
  
  }


  img.shop{
  height:180px;
  width:100%;
  object-fit:cover;
 
 }



   td.mnozstvi_left{
       height:auto;
     width:46%;
  margin:0 0 00px 0;
  padding:4px 2%;
  color:rgb(52,52,52);
  font-size:16px;
  font-weight:300;
  text-align:left;
  float:left;
   
   }



   td.mnozstvi_right{
       height:auto;
     width:46%;
  margin:0 0 00px 0;
  padding:4px 2%;
  color:rgb(52,52,52);
  font-size:16px;
  font-weight:600;
  text-align:right;
  float:left;
   
   }







    td.shop_input{
       height:auto;
     width:46%;
  margin:20px 0 10px 0;
  padding:4px 2%;
  text-align:left;
  float:left;
   
   }
   
   
   select.shop_input{
   height:auto;
   width:90%;
   margin:0 0 0 0;
   padding:5px 0 5px 0;
  
   }



   td.shop_do_kosiku{
       height:auto;
     width:46%;
  margin:20px 0 10px 0;
  padding:4px 2%;
  text-align:right;
  float:left;
   
   }
   
   input.do_kos{
   height:auto;
   width:90%;
   margin:0 0 0 0;
   padding:6px 0 6px 0;
   text-align:center;
   background:rgb(144,176,0);
   border:none;
   color:white;
   font-size:15px;
   
   }












  .box{
  height:auto;
  width:100%;
  margin:0;
  padding:0;
  float:left;

  }
























/******************************************************/

























.info_box{
height:auto;
width:96%;
margin:-100px 0 50px 0;
padding:8px 2%;
background:rgba(255,218,185,0.6);
color:rgb(37,37,37);
font-size:16px:
text-align:left

}



img.img_menu{
height:15px;
width:15px;
padding:0 0 0 0 ;
margin:0 5px -3px 0;

}
img.img_menu2{
height:15px;
width:15px;
padding:0 0 0 0 ;
margin:0 5px -2px 0;

}


.arrow_box_bg{
height:auto;
width:100%;
margin:-500px auto 0;
padding:0;
text-align:center ;
position:absolute;
z-index:9;


}



.arrow_box_bg_sluzby{
height:auto;
width:100%;
margin:-82px auto 0;
padding:0;
text-align:center ;
position:absolute;
z-index:9;

}



.cena_n{
font-weight:600;
color:rgb(255,20,147);
font-size:20px;
}


b.arow_box_nad{
font-size:35px;
width:100%;
margin:0 0 15px 0;
padding:0;
float:left;
color:rgb(67,67,67);

}


b.arow_box_nad_sluzby{
font-size:35px;
width:100%;
margin:0 0 15px 0;
padding:0;
text-align:center;
color:white;
}


 .arrow_box{
height:auto;
width:30%;
margin:0px 10% 0 0;
padding:20px 5%;
text-align:justify ;
font-size:18px;
color:rgb(133,133,133);
float:right;
background:rgba(254,254,254,0.5);
   -webkit-box-shadow: inset 0px 0px 1px 1px rgb(213,213,213);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(213,213,213);
 box-shadow: inset 0px 0px 1px 1px rgb(213,213,213);

}




 .arrow_box_sluzby{
height:auto;
width:90%;
margin:0px 10% 0 0;
padding:20px 5%;
text-align:center;
font-size:18px;
color:rgb(133,133,133);
background:rgba(0,0,0,0.5);
display:inline-block ;

}



img.arow_img{
height:50px;
width:50px;
padding:1px;
margin:0 auto 0;
background:rgba(0,0,0,0.2);
border-radius:100px;
}


 @media (max-width: 900px){
 
 
.arrow_box_bg{
height:auto;
width:100%;
margin:-380px auto 0;
padding:0;
text-align:center ;
position:absolute;
z-index:9;
background:rgba(0,0,0,0.6);




}

 
 
  .arrow_box{
height:auto;
width:90%;
margin:0px 0% 0 0;
padding:20px 5% 30px 5%;
text-align:center ;
font-size:15px;
color:white;

float:right

}


b.arow_box_nad{
font-size:30px;
width:100%;
margin:0 0 15px 0;
padding:0;
float:left;
color:white;
}
 
 }

b.red{
font-weight:600;
color:red;
}

.body_full{
height:auto;
width:100%;
margin:0;
padding:0;
float:left;

}


   .main_content_full{
 height:auto;
 margin:-3px auto -3px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:;
 float:left;

 }
 
 .full_middle_left_img{
  height:auto;
  width:50%;
 margin:0;
 padding:0;
 float:left;
 
 }
 
  .full_middle_right_text{
  height:auto;
  width:40%;

 margin:0;
 padding:120px 5%;
  float:left;
 }  
 
  img.img_dole{
 height:600px;
 width:100%;
 margin:0 0 0 0;
 padding:0 0 0 0;
 object-fit: cover;
 }
 
 
      @media (max-width: 900px){
      
      
      
         .full_middle_left_img{
  height:auto;
  width:100%;
 margin:0;
 padding:0;
 float:left;
 
 }
 
  .full_middle_right_text{
  height:auto;
  width:90%;

 margin:0;
 padding:60px 5%;
  float:left;
 }
 
      
      
      }



 
 

 
 
 
 .foto_box_hl{
 height:auto;
 width:100%;
 max-width:1170px;
 margin:0 auto 0;
 padding:0;
 float:left;
 text-align:center;
 }
 
 
 img.logo_nahore{
 height:180px;
 width:220px;
 margin:60px auto 0;
 position:absolute;
 z-index:999;
 text-align:center;
 display:inline-block;
 left:43%;
 
 
 
 }
 
 
 img.lista_smyb{
 height:auto;
 margin:0 5px -4px 0;
 padding:0 0 0px 0;
 display:inline-block;
 
 }
 
  img.lista_smyb2{
 height:auto;
 margin:0 0px -4px 5px;
 padding:0 0 0px 0;
 display:inline-block;
 
 }
 
 
 a.proklik_nahore{
 color:white;
 font-size:16px;
 
 
 }
 
 
 .foto_box{
 height:auto;
 width:100%;
 margin:5px auto 1px;
 padding:0;
 float:left;
 
 }
 
 
 
 
  .jazykyxx{
  float:left
  }
 
 
 hr.horiz-line{
 margin:10px auto 30px;
 padding: 0;


 
 }
 

 
 
 input.nabytek_vyhledat{
 height:28px;
 border:1px solid rgb(131,131,131) ;
 width:200px;
 margin:0 0 0 0;
 padding:0 0 0 10px;
 display:inline-block;
 
 
 }



   input.nabytek_vyhledat_button{
 height:30px;
 border:1px solid rgb(131,131,131) ;
 width:100px;
 margin:0 0 0 -10px;
 padding:0 0 0 0px;
  display:inline-block;
 
 }



 /****************barvy hp***************************/
 
 
    .main_content_barvy{
 height:auto;

 margin:0px 0 0px 0;
 padding:0px 0px 0px 0px;
 text-align:center;

  background: linear-gradient(to left, #1a88a1 50%, #ff9b14 50%);
 }


 .main_content_barvy_box{
   height:auto;
 width:100%;
 max-width:1170px;
 margin:00px auto 00px;
 padding:0;
 text-align:center;
 display:inline-block;
 }


  .main_content_barvy_tretina_leva{
 height:auto;
min-height:400px;
 width:27.33%;
 margin:00px auto -5px;
 padding:50px 3%;
 text-align:center;
 display:inline-block;
 background:#ffb019;
 float:left;
  
  }
  
   .balicky_poptat_levy{
  height:auto;
  width:80%;
  padding:10px 2%;
  margin:40px 8% 10px 8%;
  background:#ff9301;
   -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
  text-align:center;
  color:white;
  font-size:15px;
  border-radius:3px;
  transition:0.3s;
  
 
 }

  .balicky_poptat_levy:hover{
  background:rgb(255,132,0);
  
  }
  

  .main_content_barvy_tretina_stred{
 height:auto;
min-height:400px;
 width:27.33%;
 margin:00px auto -3px;
 padding:50px 3%;
 text-align:center;
 display:inline-block;
 background:#87bc09;
 float:left;
  
  }
  
  
    .balicky_poptat_stred{
  height:auto;
  width:80%;
  padding:10px 2%;
  margin:40px 8% 10px 8%;
  background:#75a524;
   -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
  text-align:center;
  color:white;
  font-size:15px;
  border-radius:3px;
  transition:0.3s;
  
 
 }

  .balicky_poptat_stred:hover{
  background:rgb(112,144,0);
  
  }
 
  
  

  .main_content_barvy_tretina_prava{
 height:auto;
min-height:400px;
 width:27.33%;
 margin:00px auto -3px;
 padding:50px 3%;
 text-align:center;
 display:inline-block;
 background:#23a0b6;
 float:left;
  
  }
  
  
  
  
  
      .balicky_poptat_pravy{
  height:auto;
  width:80%;
  padding:10px 2%;
  margin:40px 8% 10px 8%;
  background:#2e8a8a;
   -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
 box-shadow: inset 0px 0px 1px 1px rgba(255,250,250,0.5);
  text-align:center;
  color:white;
  font-size:15px;
  border-radius:3px;
  transition:0.3s;
  
 
 }

  .balicky_poptat_pravy:hover{
  background:rgb(0,112,128);
  
  }
 
  
  
  
  
  
  

     @media (max-width: 900px){
     
     
     
     
    
  .main_content_barvy_tretina_leva{
 height:auto;
 width:90%;
 margin:00px auto 00px;
 padding:50px 5%;
 text-align:center;
 display:inline-block;
 background:#ffb019;
 float:left;
  
  }

  .main_content_barvy_tretina_stred{
 height:auto;
 width:90%;
 margin:00px auto 00px;
 padding:50px 5%;
 text-align:center;
 display:inline-block;
 background:#87bc09;
 float:left;
  
  }

  .main_content_barvy_tretina_prava{
 height:auto;
 width:90%;
 margin:00px auto 00px;
 padding:50px 5%;
 text-align:center;
 display:inline-block;
 background:#23a0b6;
 float:left;
  
  } 
     
     
     
     
     }





 h2.main_content_barvy_tretina_leva_nadpis{
 
  color:white;
  font-size:22px;
  margin:0 0 40px 0;
  padding:0;
  text-align:left;
 
 
 }


 table.tabulka_hp_balicky{
 height:auto;
 width:100%;
  border-collapse:collapse;
  padding:0;
  margin:0 0 10px 0;
  
 
 }


td.tabulka_hp_balicky_symbol{
height:auto;
width:10%;
margin:0;
text-align:center;
padding: 0 0 0 0;
float:left;
}



 td.tabulka_hp_balicky_text{
height:auto;
width:86%;
margin:0;
text-align:left;
padding: 0 2% 0 2%;
float:left;
font-size:17px;
color:white;
}












/***********home*************************************/


   .main_content_home{
 height:auto;
 margin:15px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:white;
 border-top:1px solid rgb(231,231,231);
 border-bottom:1px solid rgb(231,231,231);
 }
 
    .main_content_home_yelow{
 height:auto;
 margin:-50px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 position:relative;
 z-index:99  ;
 background:gold;


 }
 
 
     .main_content_home_podstranka_kontakty{
 height:auto;
 margin:62px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 position:relative;
 z-index:99  ;
 background:gold;


 }
 
   .main_content_home_yelow_left{
   height:auto;
   padding:16px 2% 16px 2%;
   margin:0;
   text-align:left;
   background-image: linear-gradient(to right, #842698 , #e30491);
   width:300px;
   float:left;
   color:white;
   font-size:15px

   
   }
 
   .main_content_home_yelow_right{
   height:auto;
   padding:16px 2% 16px 2%;
   margin:0;
   text-align:right;
   background-image: linear-gradient(to right, #e30491 , #842698);

   width:300px;
     float:right;
       color:white;
   font-size:15px
   
   }
   
   
   a.home_odkaz_bold{
   font-weight:600;
   color:white;
   
   }
   
   
   
     @media (max-width: 900px){
     
     
       .main_content_home_yelow{
 height:auto;
 margin:-100px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 position:relative;
 z-index:99  ;
 background:gold;


 }
 
   .main_content_home_yelow_left{
   height:auto;
   padding:16px 2% 16px 2%;
   margin:0;
   text-align:center;
   background-image: linear-gradient(to right, #842698 , #e30491);
  border-bottom:1px solid #f4619c;

   width:96%;
   float:left;
   color:white;
   font-size:15px

   
   }
 
   .main_content_home_yelow_right{
   height:auto;
   padding:16px 2% 16px 2%;
   margin:0;
   text-align:center;
   background-image: linear-gradient(to right, #842698 , #e30491);

   width:96%;
     float:left;
       color:white;
   font-size:15px
   
   }
     
     
     
     }
   
   
   
 
     .main_content_home_yelow2{
 height:auto;
 margin:94px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:white;
 border-top:1px solid rgb(231,231,231);
 border-bottom:1px solid rgb(231,231,231);
 background:#ffbe00
 }
 
 
 h2.hp_white{
 font-size:24px;
color:white;
text-align:center;
font-weight:300;
margin:00px auto 30px;
padding:0;
 }
 
  h2.hp_white_podkategorie{
 font-size:24px;
color:white;
text-align:center;
font-weight:300;
margin:00px auto 0px;
padding:0;
 }
 
 p.odstavec_white{
 height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
color:white;
font-size:15px;
line-height:22px;
font-weight:300;
 
 }


 .box_body_hl_home222{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:00px auto 00px;
 padding:60px 2% 60px 2% ;
 text-align:center;
 display:inline-block;



}



 .box_body_hl_symboly{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:-30px auto 50px;
 padding:0px 2% 0px 2% ;
 text-align:center;
 display:inline-block;



}

 .box_body_hl_galery{
  height:auto;
 width:100%;
 margin:-55px auto -38px;
 padding:0;
 text-align:center;

}



  .box_body_hl_home_statek{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:00px auto 00px;
 padding:140px 2% 140px 2% ;
 text-align:center;
 display:inline-block;



}



 .box_body_hl_home_vrhy{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 0px;
 padding:60px 2% 40px 2% ;
 text-align:center;
 background:white;
 display:inline-block;
 border-bottom:1px solid rgb(195,195,195)


}

  .box_body_hl_home_up{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 20px;
 padding:2% 2% 2% 2%;
 text-align:center;
 display:inline-block;


}


  .box_body_hl_home_up_podkategorie{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:10px auto 10px;
 padding:2% 2% 2% 2%;
 text-align:center;
 display:inline-block;


}

     .main_content_tri_kategorie{
 height:auto;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:red;

 }



 .box_tri_kategorie1_nadpis{
 height:auto;
 bottom:0;
 background:rgba(51,51,51,0.89);
 height:auto;
 padding:20px 2%;
 width:96%;
 color:rgba(255,255,255,0.7);
 text-align:left;
 font-size:16px;
border-bottom:1px solid rgba(255,255,255,0.5)
 

 }



.box_tri_kategorie1{
 height:500px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:33.33%;
 float:left;
 object-fit: cover;
background: url('../img/slider/1.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }


  .box_tri_kategorie1:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }







 
.box_tri_kategorie2{
 height:500px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:33.33%;
 float:left;
 object-fit: cover;
background: url('../img/slider/2.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }


  .box_tri_kategorie2:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }







   .box_tri_kategorie3{
 height:500px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:33.33%;
 float:left;
 object-fit: cover;
background: url('../img/slider/3.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }


  .box_tri_kategorie3:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }








 @media (max-width: 900px) {
 
 
 
      .box_tri_kategorie1{
 height:300px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:100%;
 float:left;
 object-fit: cover;
background: url('../img/gallery/img1.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }



 
.box_tri_kategorie2{
 height:300px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:100%;
 float:left;
 object-fit: cover;
background: url('../img/gallery/img3.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }






   .box_tri_kategorie3{
 height:300px;
 display:inline-block;
 margin:0 auto 0;
 padding:0;
 width:100%;
 float:left;
 object-fit: cover;
background: url('../img/gallery/img2.jpg');
background-position: center center;
background-repeat: no-repeat;
transition:0.9s;

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


 }







  .box_tri_kategorie1_nadpis{
 height:auto;
 bottom:0;
 background:rgba(51,51,51,0.89);
 height:auto;
 padding:20px 2%;
 width:96%;
 color:rgba(255,255,255,0.7);
 text-align:left;
 font-size:16px;
border-bottom:1px solid rgba(255,255,255,0.5) ;
 border-top:1px solid rgba(255,255,255,0.5) ;
 }

 
 
 
 
 
 
 
 
 
 }















































.filtrace_active{
height:auto;
padding:4px 15px 4px 15px;
display:inline-block;
margin:2px 2px 2px 2px;
background:#279dc8;
border-radius:4px;
border:1px solid #279dc8;;
color:white;
font-size:12px;

}

 .filtrace{
height:auto;
padding:4px 15px 4px 15px;
display:inline-block;
margin:2px 2px 2px 2px;
background:rgb(244,244,244);
border-radius:4px;
border:1px solid #279dc8;;
color:rgb(133,133,133);
font-size:12px;
transition:0.3s;
}

a.filtr{
color:rgb(133,133,133);
font-size:12px;
margin:0;
padding:0;

}

 .filtrace:hover{
  background:#279dc8;
  color:white;
 }


.footer_odskok{
margin:100px 0 0 0 ;

}


.white{
color:white;
margin:0;
padding:0;
}


 /***************barvy***************************

 modrá:#279dc8;
 




***********************************************/

  @font-face {
    font-family: font-regular; /
    src: url("font/DokoSans-Bold.otf"); /
     }
     
     
     @font-face {
    font-family: font-bold; /
    src: url("font/DokoSans-Regular.otf"); /
    }


html {
    height: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    scroll-padding-top: 60px;
}


@font-face {
  font-family: font-bold;
  src: url(/font/DokoSans-Bold.otf);
}

@font-face {
  font-family: font-regular;
  src: url(/font/DokoSans-Regular.otf);
}


body {
    height: 100%;
    min-height: 100%;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:#e5ded3;
    font-family: font-regular;
    
}

body.kontakt {
    height: 100%;
    min-height: 100%;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:white;
    font-family: Verdana, Geneva, sans-serif;
    
}



body.kvalita {
    height: 100%;
    min-height: 100%;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:#f6f6f6;
   font-family: Verdana, Geneva, sans-serif; 
}


body.etika {
    height: 100%;
    min-height: 100%;
    margin: 60px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:white;
   font-family: Verdana, Geneva, sans-serif; 
}


/***************************************************menu***************************************************/

.navbar {
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 100;
}

.navbar.navbar-open {
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    
}

.navbar > .navbar-background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 102;

    background-color: rgb(255,255,255); /* barva pozadi navigace */
  

}

.navbar > .navbar-container {
    position: relative;
    width: 100%;
    max-width: 970px;
    height: 60px;
    margin: 0px auto;
    z-index: 103;
}

.navbar.navbar-open > .navbar-container {
    height: 100%;
}

.navbar > .navbar-container > .navbar-logo {
    position: absolute;
    top: 0px;
    left: 38%;
    z-index: 104;
}

.navbar > .navbar-container > .navbar-logo > a {
    display: block;
}

.navbar > .navbar-container > .navbar-logo > a > img {
    height: 70px;
    margin:-5px 0 0 0

}

.navbar > .navbar-container > .navbar-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    height: 40px;
    padding: 0px 15px;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    z-index: 104;

    background-color: #f8f8f8; /* barva pozadi tlacitka */
    border-color: #e7e7e7;     /* barva ramecku tlacitka */
}

.navbar > .navbar-container > .navbar-toggle:hover {
    background-color: #e7e7e7; /* barva pozadi tlacitka (hover) */
    border-color: #e7e7e7;     /* barva ramecku tlacitka (hover) */
}

.navbar > .navbar-container > .navbar-toggle > span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px 0px;

    background-color: #888888; /* barva textu tlacitka */
}

.navbar > .navbar-container > .navbar-toggle:hover span {
    background-color: #2398e7; /* barva textu tlacitka (hover) */
}

.navbar > .navbar-container > .navbar-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 104;
}

.navbar > .navbar-container > .navbar-menu > li {
    float: left;
    list-style-type: none;
}


img.menu_symbol{
 height:15px;
 width:15px;
 margin:0 5px -1px 0;
 padding:0 0 0 0;
 display:inline-block;

}

.navbar > .navbar-container > .navbar-menu > li > a {
    display: block;
    text-decoration: none;
    line-height: 60px;
    padding: 0px 15px;
    transition: 0.3s;
    color: #663911;       /* barva textu odkazu */
    background-color: ; /* barva pozadi odkazu */
    font-size:16px;
    font-family:font-bold
}

.navbar > .navbar-container > .navbar-menu > li > a:hover {
    color:  #764222; /* barva textu odkazu (hover) */
  background-color: ; /* barva pozadi odkazu (hover) */
  border-bottom:2px solid #d5b25f

}

.navbar > .navbar-container > .navbar-menu > li.active > a {
    color: #764222;            /* barva textu odkazu (active) */
    background-color: ; /* barva pozadi odkazu (active) */
    border-bottom:2px solid #d5b25f
}

.navbar.navbar-open > .navbar-container > .navbar-menu {
    left: 40%;
    transition: left 0.5s;
}

@media (max-width: 1008px) {
    .navbar > .navbar-container {
        z-index: auto;
    }

    .navbar > .navbar-container > .navbar-toggle {
        display: block;
    }

    .navbar > .navbar-container > .navbar-menu {
        left: 100%;
        width: 60%;
        height: 100%;
        overflow-y: auto;
        box-sizing: border-box;
        padding: 60px 0px 0px 0px;
        z-index: 101;
        background-color: rgba(255,255,255,0.9);
    }

    .navbar > .navbar-container > .navbar-menu > li {
        float: none;
    }
    
    .navbar > .navbar-container > .navbar-logo {
    position: absolute;
    top: 0px;
    left: 35%;
    z-index: 104;
}
    

    
}


 @media (max-width: 600px) {
 
      .navbar > .navbar-container > .navbar-logo {
    position: absolute;
    top: 0px;
    left: -20px;
    z-index: 104;
}
    
 
 
 }






/***************************************************slider***************************************************/





.slider a > img {
   height:100%;
   width:100%;
   max-width:1500px;
    object-fit: cover;
     max-height:800px;
    background-size:cover;
    background-position: center; 
}
    
    
 .sy-box,
.sy-box .sy-slide,
.sy-box .sy-slide a {
    height: 100%;
    max-height:800px;
}

.container-fluid {
height:100%;
}   
    



  @media (max-width: 900px) {

.slider a > img {
   min-height: 400px;
    object-fit: cover;
}



 }





  .main_content_menu_slider_sluzby{
 height:100%;
  margin:-60px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:; 
 max-height:500px;

}


 









/*************************************************** boxy***************************************************/


 .main_content_menu{
 height:auto;
  margin:-60px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:;

}


  .main_content{
 height:auto;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:;

 }

   .main_content_podkategorie{
 height:auto;
 margin:40px auto 40px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:;

 }
 
    .main_content_podkategorie_obrazy{
 height:auto;
 margin:10px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:;

 }
 
 
 
    .main_content_kategorie{
 height:auto;
 margin:0px auto 30px;
 padding:0px 0px 0px 0px;
 text-align:center;
 min-height:100px  ;
 background:white;
 border-top:1px solid rgb(232,232,232); 
  border-bottom:1px solid rgb(232,232,232); 
 }
 
     .main_content_kategorie2{
 height:auto;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 min-height:100px  ;
 background:white;
 border-top:1px solid rgb(232,232,232); 
  border-bottom:1px solid rgb(232,232,232); 
 }
 
     .main_content_filtrace{
 height:auto;
 margin:0px auto 30px;
 padding:0px 0px 0px 0px;
 text-align:center;
 min-height:100px  ;
 background:#279dc8;
 border-top:1px solid rgb(232,232,232); 
  border-bottom:1px solid rgb(232,232,232); 
 }
 
 
     .main_content_lotosovy{
 height:auto;
 margin:0px auto 0px;
 padding:0px 0px 40px 0px;
 text-align:center;
 min-height:100px  ;
 background:white;
 border-top:1px solid rgb(232,232,232); 
  border-bottom:1px solid rgb(232,232,232); 
 }



.box_body_hl_kategorie{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 20px;
 padding:2% 2% 2% 2%;
 text-align:center;
 display:inline-block;
 font-size:22px;
 color:rgb(85,85,85);


}


.box_body_hl_kategorie_obrazy{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 20px;
 padding:80px 2% 2% 2%;
 text-align:center;
 display:inline-block;
 font-size:22px;
 color:rgb(85,85,85);


}


h1.kategorie{
font-size:22px;
color:#279dc8;;
text-align:center;
font-weight:300;
margin:0 auto 0;
padding:0;
display:inline-block
}



.box_body_hl{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 20px;
 padding:2% 2% 2% 2%;
 text-align:center;
 background:white;
 display:inline-block;
  -webkit-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);

}

.box_body_hl_blue{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:20px auto 20px;
 padding:2% 2% 2% 2%;
 text-align:center;
 background:#279dc8;
 display:inline-block;
  -webkit-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);

}


.box_body_hl_fix{
  height:auto;
 width:96%;
 max-width:1170px;
 margin:100px auto 100px;
 padding:2% 2% 2% 2%;
 text-align:center;
 display:inline-block;


}




.box{
height:auto;
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px 0px;
float:left;

}

  
       @media (max-width: 1200px) {
       .box_body_hl{
  height:auto;
 width:92%;
 max-width:1170px;
 margin:20px 2% 20px 2%;
 padding:2% 2% 2% 2%;
 text-align:center;
 background:white;
 display:inline-block;
  -webkit-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);
 box-shadow: inset 0px 0px 1px 1px rgb(231,231,231);

}



    }




/***************************************************text a pozice***************************************************/


a{
text-decoration:none;
list-style-type:none;
margin:0;
padding:0;

}



h1{
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:rgb(67,67,67);
font-size:24px;
font-weight:600;

}

  h2.popis_hp_mensi{
 margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:rgb(68,68,68);
font-size:15px;
font-weight:300;

 
 }


 h2.popis_hp{
 margin:0px auto 20px;
padding:0px 0px 0px 0px;
text-align:center;
color:#e30491;
font-size:28px;
font-weight:300;
line-height:32px;

 
 }
 
 
 b.grey_h{
 font-weight:600;
 color:rgb(82,82,82);
 font-size:28px;
 }
 
 
  h2.popis_hp_majitelka{
 margin:0px auto 20px;
padding:0px 0px 0px 0px;
 text-align:left;
     
color:white;
font-size:28px;
font-weight:600;
line-height:32px;

 
 }
 
 
    h2.popis_hp_majitelka2{
 margin:0px auto 0px;
padding:0px 0px 0px 0px;
 text-align:CENTER;
     
color:white;
font-size:50px;
font-weight:600;
line-height:46px;

 
 }
 
 
 
 p.pink_maj{
  font-weight:300;
 color:#ff3888;
 font-size:28px;
 padding:0;
 margin:0;
 }
 
 
 

 
  h2.popis_hp_odskok{
 margin:100px auto 20px;
padding:0px 0px 0px 0px;
text-align:center;
color:#ff3536;
font-size:27px;
font-weight:300;

 
 }
 
 
 
  h2.popis_hp_left{
 margin:0px auto 20px;
padding:0px 0px 0px 0px;
text-align:left;
color:#ff3536;
font-size:27px;
font-weight:300;

 
 }


  .tr_line{
  height:1px;
  background:rgba(46,139,87,0.3);
  width:70%;
  margin:10px auto 20px;
  padding:0
  }
 

 h2.popis_hp_centr{
 margin:0px auto 20px;
padding:0px 0px 0px 0px;
text-align:center;
color:rgb(67,67,67);
font-size:22px;
font-weight:300;

 
 }


h2.caban{
margin:0px auto 40px;
padding:0px 0px 0px 0px;
text-align:center;
color:white;
font-size:30px;
font-weight:300;

}

h2.caban2{
margin:0px auto 40px;
padding:0px 0px 0px 0px;
text-align:center;
color:#279dc8;
font-size:30px;
font-weight:300;

}


.download{
height:auto;
width:96%;
max-width:1170px;
padding:14px 2% 14px 2%;
margin:-30px auto 20px ;
color:white;
font-size:14px;
text-align:center;
display:inline-block;
background:#279dc8;
}

h2{
font-size:22px;
color:#279dc8;;
text-align:center;
font-weight:300;
margin:20px auto 50px;
padding:0;
}

h2{
font-size:22px;
color:#279dc8;;
text-align:center;
font-weight:300;
margin:20px auto 50px;
padding:0;
}




b.tucne{
font-weight:600;
color:rgb(85,107,47);
display:inline-block;
margin:0px 3px 0px 3px;
padding:0px 0px 0px 0px;

}



p.odstavec_left{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
line-height:22px;
font-weight:300;

     font-size:14px;
line-height:22px;
color:rgb(131,131,131);

}
  p.odstavec_left_centr{
height:auto;
width:100%;
margin:0px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
color:rgb(67,67,67);
font-size:15px;
line-height:22px;                     
font-weight:300;

}

 p.odstavec_left_new{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
color:rgb(67,67,67);
font-size:15px;
line-height:22px;
font-weight:300;

}

p.odstavec_center{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
line-height:22px;
font-weight:300;

     font-size:14px;
line-height:22px;
color:rgb(131,131,131);


}

p.odstavec_left_v2{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
line-height:22px;
font-weight:300;

     font-size:14px;
line-height:22px;
color:rgb(131,131,131);


}


 p.white{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
color:white;
font-size:15px;
line-height:22px;
font-weight:300;

}


 p.white_left{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
color:white;
font-size:15px;
line-height:22px;
font-weight:300;

}


 p.white_center{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
color:white;
font-size:15px;
line-height:22px;
font-weight:300;

}


 p.white_left_majitelka{
height:auto;
width:100%;
margin:10px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
color:white;
font-size:15px;
line-height:22px;
font-weight:300;

}

p.odstavec_right{
height:auto;
width:100%;
margin:0px auto 10px;
padding:0px 0px 0px 0px;
text-align:right;
color:rgb(67,67,67);
font-size:15px;
line-height:22px;
font-weight:300;

}





/***************************************************galerie a obrázky***************************************************/



img{
border:none;
}

img.img{
height:auto;
width:100%;
margin:0px auto 0px;
padding:0px 0px 0px 0px;


}






/***************************************************rozložení stránky***************************************************/





.box_middle{
 height:auto;
 width:48%;
 margin:0px 1%;
 padding:0px 0px 0px 0px;
 float:left;

}




 .box_tripple{
  height:auto;
 min-height:200px;
 width:33.33%;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 float:left;

}


.box_kvarter{
  height:auto;
 min-height:200px;
 width:25%;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 float:left;

}


 .ukazka{
background:red;
 -webkit-box-shadow: inset 0px 0px 1px 1px white;
 -moz-box-shadow: inset 0px 0px 1px 1px white;
 box-shadow: inset 0px 0px 1px 1px white;
}





  @media (max-width: 900px) {

  
   
.box_middle{
 width:90%;
 margin:0px 0%;
 padding:0px 5%;
 ;
 }


 .box_tripple{
 width:100%;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;

}


.box_kvarter{
 width:100%;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;

}

  
  
    }





/***************************************************tabule vizitka***************************************************/



table.vizitka{

height:auto;
width:90%;
margin:0px auto 0px;
padding:0px 0px 0px 0px ;
border-collapse:collapse;
text-align:center;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(195,195,195);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(195,195,195);
 box-shadow: inset 0px 0px 1px 1px rgb(195,195,195);
}

td.vizitka_symbol{

height:auto;
width:100%;
margin:0px auto 0px;
padding:40px 0px 0px 0px ;
text-align:center;
display:inline-block;
background:;

}


td.vizitka_nazev{

height:auto;
width:100%;
margin:0px auto 0px;
padding:20px 0px 40px 0px ;
text-align:center;
 background:;
}


img.vizitka{
height:50px;
width:50px;
margin:0px uto 0px;
padding:0 0 0 0;
text-align:center;
}







/***************************************************galerie***************************************************/




  img.galerie{
  
  height:auto;
  width:24.7%;
  margin:0px auto 0px;
  padding:0px 0px 0px 0px;
  text-align:center;
  transition:0.3s;
  -webkit-filter: grayscale(90%); 
    filter: grayscale(90%);
  }



   img.galerie:hover{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
   }



     @media (max-width: 1450px) {

       img.galerie{
  
 
  width:49.5%;
  margin:0px auto 0px;
  padding:0px 0px 0px 0px;

  }
   }

       @media (max-width: 680px) {

       img.galerie{
  
 
  width:99%;
  margin:0px auto 0px;
  padding:0px 0px 0px 0px;

  }

    }



/***************************************************buttony a forms***************************************************/





input.potvrdit{
height:auto;
width:150px;
margin:0px auto 0;
padding:9px 0px 9px 0px;
background:rgb(0,139,139);
color:white;
font-size:15px;
text-align:center;
border:none;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 transition:0.3s;
}




 input.potvrdit:hover{
  background:rgb(0,160,160);
 
 }



  .button{
height:auto;
width:150px;
margin:0px auto 0;
padding:8px 0px 8px 0px;
background:rgb(0,139,139);
color:white;
font-size:14px;
text-align:center;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 transition:0.3s;
}

 .button:hover{
background:rgb(0,160,160); 
 }




input.checkbox{
height:20px;
width:20px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;


}


p.checkbox{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
 display:inline-block;
color:rgb(128,160,0);

}








input.input{

height:35px;
width:80%;
margin:0px auto 0px;
padding:0px 0px 0px 2%;
background:white;
border:none;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 color:rgb(128,160,0);
}


input.kosik_zvolte{

height:30px;
width:120px;
margin:0px 0px 0px 0;
padding:0px 0px 0px 5px;
background:white;
border:none;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 color:rgb(128,160,0);
}

select.kosik_zvolte{

height:30px;
width:125px;
margin:0px 0px 0px 0;
padding:0px 0px 0px 5px;
background:white;
border:none;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 color:rgb(135,135,135);
}

img.napoveda{
height:25px;
width:25px;
padding:0 0 0 0;
margin:0 0 -8px 3px;


}


 textarea.textarea{

height:150px;
width:80%;
margin:0px auto 0px;
padding:0px 0px 0px 2%;
background:white;
border:none;
 -webkit-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 -moz-box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 box-shadow: inset 0px 0px 1px 1px rgb(0,112,128);
 color:rgb(128,160,0);
}


 label.nazev{
 color:rgb(112,160,0);
 font-size:12px;
 text-align:left;
 width:82%;
 display:inline-block;
 margin:15px 0px 3px 0px;
 padding:0px 0px 0px 0px
 
 }




 /*************************************************** fixní img***************************************************/



       .main_content_fix_img{
height:auto;
background: url('../img/slider/6.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width:100%;
float:left;
margin:0% auto 0;
padding:0 0 2% 0;
text-align:center;
position:relative;
z-index:0;                               

}


         .main_content_fix_ac{
height:auto;
background: url('../img/slider/5.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width:100%;
float:left;
margin:0% auto 0;
padding:0 0 2% 0;
text-align:center;
position:relative;
z-index:0;                               

}



       .main_content_fix_img_white{
height:auto;

background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width:100%;
float:left;
margin:0% auto 0;
padding:0 0 2% 0;
text-align:center;
position:relative;
z-index:0;                               

}


       .main_content_fix_img2{
height:auto;
background: url('../img/slider/4.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width:100%;
float:left;
margin:20px auto 0;
padding:0 0 2% 0;
text-align:center;
position:relative;
z-index:0;                               

}


 /*************************************************** hr a shadows***************************************************/




img.hr_shadow{

z-index:2;
width:100%;
height:auto;
margin:00% auto 0;

display:inline-block;


}







 /*************************************************** footer***************************************************/



       .footer_bg{
 height:auto;
 display:inline-block;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
   background-image: linear-gradient(to right, #842698 , #e30491);
 text-align:center;
 width:100%;

 }


        .footer_box{
 height:auto;
 width:100%;
 max-width:1170px;
 margin:00px auto 0px;
 padding:100px 0px 100px 0px;
 text-align:center;
 background:;
   display:inline-block;
 }
 
 
 
   .footer_nadpis{
color:white;
font-size:22px;
font-weight:400;
text-align:left;
margin:3% auto 1%;




}


 .footer_line{
 height:1px;
 width:96%;
 float:left;
 background:rgba(255,255,255,0.3);
 margin:1% auto 2%;
 padding:0;
 text-align:center;
 display:inline-block
 }


 .box_footer_table{
 height:auto;
 width:96%;
 margin:2% 2% 2% 2%;
 padding:0;
 
 }

  table.footer{
   width:100%;
    height:auto;
    margin:000px auto 0px;
    padding:0;
   background:; 
    border-collapse: collapse;

  }
                                 


  td.footer_symbol{
   width:8%;
   margin:0% auto 0;
   padding:1% 1% 1% 1%;
   text-align:center;
   background:;

  }



    td.footer_nazev{
   width:86%;
   margin:0% auto 0;
   padding:1% 2% 1% 2%;
   text-align:left;
   background:;
   font-weight:300;
   color:rgb(255,255,255);
      font-size:20px;

  }

  
    td.footer_nazev_small{
   width:86%;
   margin:0% auto 0;
   padding:1% 2% 1% 2%;
   text-align:left;
   background:;
   font-weight:300;
   color:rgb(255,255,255);
      font-size:14px;

  }

 .odkaz_foot{
   font-weight:300;
   color:rgb(255,255,255);
      font-size:20px;
 
 }


    iframe.mapa{
height:auto;
min-height:500px;
margin:0 auto 0px;
padding:0;
width:100%;


}






/*****************************************ESHOP - karta produktu******************************************/



.box_karta_produkt{
  height:auto;
 min-height:200px;
 width:32.33%;
 margin:0px 0.5% 0px 0.5%;
 padding:0px 0px 0px 0px;
 float:left;

}

.box_karta_produkt_foto{
  height:auto;
  width:19.5%;
 margin:0 0.25%;
 padding:0px 0px 0px 0px;
 float:left;

}



    @media (max-width: 900px) {
    
    
    
.box_karta_produkt_foto{
  height:auto;
  width:32.83%;
 margin:0 0.25%;
 padding:0px 0px 0px 0px;
 float:left;

}



}


    @media (max-width: 600px) {
    
    
    
.box_karta_produkt_foto{
  height:auto;
  width:49.5%;
 margin:0 0.25%;
 padding:0px 0px 0px 0px;
 float:left;

}



}




table.karta_produkt{
    width: 100%;
    height: auto;
    padding: 0px 0 0% 0;
    background:white;
    border-collapse: collapse;
   -webkit-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
   -moz-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
    box-shadow: 0px 0px 2px 0px rgb(215,215,215);
    transition:0.3s;
}

table.produkt:hover{

   -webkit-box-shadow: 0px 0px 7px 0px #f7911d;
   -moz-box-shadow: 0px 0px 7px 0px #f7911d;
    box-shadow: 0px 0px 7px 0px #f7911d;


}




  td.karta_img_produkt{
     background:;
    height:auto;
     width:100%;
    margin:0 0 0 0;
    vertical-align:top;
     padding:-0px 0% 0px 0%;
     text-align:center;
     float:left;


     }


     img.karta_produkt{
     height:auto;
     width:100%;
     margin:0 auto 0;
     padding:0px 0 2px 0;
     }



  tr.karta_ramecek_produkt{
   -webkit-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
   -moz-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
    box-shadow: 0px 0px 2px 0px rgb(215,215,215);
height:auto;
width:96%;
margin:2% 2% 0% 2%;
padding:0;

float:left;

  }

    tr.karta_ramecek_produkt2{
   -webkit-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
   -moz-box-shadow: 0px 0px 2px 0px rgb(215,215,215);
    box-shadow: 0px 0px 2px 0px rgb(215,215,215);
height:auto;
width:96%;
margin:2% 2% 2% 2%;
padding:0;

float:left;

  }

  td.karta_nazev_produkt{
     background:;
    height:auto;
      min-height:50px;
      width:92%;
    margin:0% 0% 0% 0%;
     padding:4% 4% 4% 4%;
     text-align:left;
     float:left;
         font-weight:600;
     font-size:19px;
     background:;
     color: rgb(83,83,83)


     }


     table.karta_produkt td.karta_nazev_produkt a {
    color: rgb(83,83,83);
}




      td.karta_info1_left{
     background:;
    height:auto;

    width:44%;
    margin:0 0% 0 2%;
     padding:7px 2% 7px 2%;
     text-align:left;
     float:left;
     color:rgb(171,171,171);
     font-weight:400;
     font-size:14px;
     background:rgba(255,245,238,0.2);



     }

      td.karta_info1_right{
  background:;
    height:auto;

  width:44%;
    margin:0 2% 0 0%;
     padding:7px 2% 7px 2%;
     text-align:right;
     float:left;
     color:rgb(171,171,171);
     font-weight:400;
     font-size:14px;
     background:rgba(255,245,238,0.2);



     }


   img.karta_symbol_vypis{
    height:20px;
    width:20px;
    margin:0 5px -3px 0px;
    padding:0 0 0px 0;




   }



  td.karta_cena_produkt{
     background:;
    height:auto;
    min-height:20px;
    width:44%;
    margin:0 0 0 0;
     padding:15px 2% 15px 4%;
     text-align:left;
     float:left;
     color:#f7911d;                      
     font-weight:600;;
     font-size:15px;
     background:;


     }

      td.karta_hmotnost_produkt{
     background:;
    height:auto;
     min-height:20px;
    width:44%;
    margin:0 0 0 0;
     padding:15px 4% 15px 2%;
     text-align:right;
     float:left;
     color:#279dc8;
     font-weight:600;
     font-size:15px;
     background:;


     }



     td.karta_objednat{

         background:;
    height:auto;
     min-height:20px;
    width:100%;
    margin:0 0 0 0;
     padding:0;
     text-align:center;
     float:left;
      background:rgb(255,245,238);
          -webkit-box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);
-moz-box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);
box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);


     }



   table.karta_objednavka_z_kategorie{
   height:auto;
   width:100%;
   margin:0;
   padding:0;


   }

   td.karta_objednavka_z_kategorie_symbol{
     background:;
    height:auto;
    width:6%;
    margin:0 0 0 4%;
     padding:0;
     text-align:center;
     float:left;



   }


      td.karta_objednavka_z_kategorie_input{
     background:;
    height:auto;
    width:55%;
    margin:0 0 0 0;
     padding:0 auto 0;
     text-align:center;
     float:left;




   }



      td.karta_objednavka_z_kategorie_kosik{
     background:;
    height:auto;
    width:32%;
    margin:0 0 0 0;
     padding:0 0% 0 0;
     text-align:right;
     float:left;




   }
   
   
   
   
   

        input.karta_kosik_input{

height:auto;

width:50%;
margin:5px auto 0;
padding:0 0 0 2%;
  border:1px rgb(128,128,0) solid;
  height:25px;



}

      input.karta_objednat_input{

    height:auto;
    background:rgb(69,69,69);
    padding:5px 15px 5px 15px;
    margin:6px auto 0;
    color:white;
     font-weight:400;
     font-size:12px;
    border:1px solid rgb(36,36,36);
    transition:0.3s;

    }

    input.karta_objednat_input:hover{
    background:rgb(128,176,0);
    border:1px solid rgb(144,176,0);
    }


    img.karta_add_kosik{
    height:25px;
    width:25px;
    margin:5px 0 5px 0;
    padding:0 0 0 0;
    text-align:center;
    }








         td.karta_detail_produkt{
     background:;
    height:auto;
    width:100%;
    margin:0% 0 0% 0;
     padding:0 0%;
     text-align:center;
      display:inline-block;
     color:white;
     font-weight:400;
     font-size:15px;
    background:#ffbe00;
    transition:0.3s;
    border-radius:2px;
               -webkit-box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);
-moz-box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);
box-shadow: 0px 0px 1px 0px rgba(205,133,63,0.9);
     }


      td.karta_detail_produkt:hover{
      background:rgb(224,160,0);
      }



    a.karta_detail_produkt{
    padding:10px 0 10px 0;
    margin:0;
    color:white;
    display:inline-block;
    width:100%;
    
    }







    @media (max-width: 900px) {
    
    
    
.box_karta_produkt{
  height:auto;
 min-height:200px;
 width:49%;
 margin:0px 0.5% 0px 0.5%;
 padding:0px 0px 0px 0px;
 float:left;

}


}



    @media (max-width: 680px) {
    
    
    
.box_karta_produkt{
  height:auto;
 min-height:200px;
 width:90%;
 margin:0px auto 40px;
 padding:0px 5% 0px 5%;
 float:left;

}


}




   img.product_back{
height:15px;
width: 15px;
margin:5px 0 -2px 0;
padding:0 0 0 0;
}
 

.cesta_kosik{
height:auto;
padding:3px 0% 3px 0%;
margin:0 2% 5px 2%;
width:96%;
text-align:center;
 display:inline-block;
float:left;
background: ;


}


table.cesta_kosik_ctvrtina_active{
height:auto;
padding:0;
margin:0 0 0px 0;
width:25%;
text-align:center;
float:left;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.5);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.5);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.5);
font-weight:600;


}

table.cesta_kosik_ctvrtina{
height:auto;
padding:0;
margin:0 0 0px 0;
width:25%;
text-align:center;
float:left;
background:;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    background:rgb(242,242,242)  ;
     -webkit-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
-moz-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
box-shadow: 0px 0px 1px 0px rgb(101,101,101) ;
 font-weight:300;

}

td.cesta_kosik_ctvrtina_symbol{
  height:auto;
 width:11%;
 margin:0 auto 0;
 padding:8px 2% 3px 2%;
 float:left;
 text-align:center;


}


 
td.cesta_kosik_ctvrtina_nazev{
  height:auto;
 width:81%;
 margin:0 auto 0;
 padding:10px 2% 10px 2%;
 float:left;
 text-align:left ;
 color:rgb(104,104,104);
 font-size:14px;

}

a.cesta_kosik_ctvrtina_nazev_link{
 text-align:left ;
 color:rgb(104,104,104);
 font-weight:600;
 font-size:16px;
 margin:0;
 padding:0;

}

img.cesta_kosik_up{

height:20px;
width:20px;
margin:0 auto 0;
padding:0;
}










    table.kosik_polozka{
height:auto;
width:96%;
margin:10px 2% 0 2%;
padding:0 0% 0px 0% ;
background:;
border-collapse:collapse;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7)

}


 td.kosik_polozka_img{
 height:auto;
 width:15%;
 margin:0 auto 0;
 padding:0;
 float:left;
 text-align:left

 
 }
 
  img.img_kosik{
 height:auto;
 width:100%;
 margin:0px auto 0;
 padding:6px 0 0 0 ;
 text-align:left ;
 display:inline-block;
 
 }




  td.kosik_polozka_nazev{
 height:auto;
 width:45%;
 margin:0 auto 0;
 padding:48px 2% 37px 4%;
 float:left;
 background:;
  font-size:14px;
 text-align:left;

 
 }
 
 a.kosik_polozka_nazev_link{
   
 font-weight:600;
 text-align:left;
 color:rgb(103,103,103);
 margin:0;
 padding:0;
 transition:0.3s;
 
 }
 
 a.kosik_polozka_nazev_link:hover{
 color:#70a31c
 }


   td.kosik_polozka_pocet_ks{
 height:auto;
 width:10%;
 margin:0 auto 0;
padding:40px 1% 29px 1%;
 float:left;
 background:;
 }
 
 input.kosik_pocet{
 height:30px;
 width:50%;
 margin:0 5px 0 0;
 padding:0 0 0 2%;
 
 }




 

  
  td.kosik_polozka_cena{
 height:auto;
 width:10%;
 margin:0 auto 0;
 padding:46px 1% 37px 1%;
 float:left;
 background:;
 font.size:22px;
 font-weight:bolder;
 text-align:center;
 color:rgb(103,103,103);
 
 }
 
 
     td.kosik_polozka_delete{
 height:auto;
 width:8%;
 margin:0 auto 0;
 padding:44px 1% 29px 1%;
 float:left;
 background:;
 font.size:22px;
 font-weight:bolder;
 text-align:center;
 color:rgb(103,103,103);
 
 }

   
  img.delete{
  height:25px;
  width:25px;
  margin:0;
  padding:0;
  
  }
  
  
  
  @media (max-width: 1200px){  
  
  
  td.kosik_polozka_img{
 height:auto;
 width:15%;
 margin:0 auto 0;
 padding:0px 0 3px 0;
 float:left;
 text-align:left;


 
 }
 

  
  }
  
  
  
  
  
  
    @media (max-width: 900px){  
  
  
  td.kosik_polozka_img{
 height:auto;
 width:15%;
 margin:0 auto 0;
 padding:0px 0 10px 0;
 float:left;
 text-align:left ;


 
 }
 

  
  }
  
  
  
  
  
    @media (max-width: 700px){  
  
  
  td.kosik_polozka_img{
 height:auto;
 width:15%;
 margin:0 auto 0;
 padding:00px 0;
 float:left;
 text-align:left

 
 }
 

  
  }
  
  
  
  
  
  
  
  
  @media (max-width: 600px){
  
  
  
  
  
  
  
  
 td.kosik_polozka_img{
 height:auto;
 width:36%;
 margin:0 auto 0;
 padding:5px 2%;
 float:left;
 text-align:center ;

   min-height:80px;
 
 }
 




  td.kosik_polozka_nazev{
 height:auto;
 width:56%;
 margin:0 auto 0;
 padding:30px 2%;
 float:left;

 min-height:30px;
 font-size:12px;
 text-align:left;

 
 }
 



   td.kosik_polozka_pocet_ks{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:14px 1%;
 float:left;
 min-height:30px;
 }
 
 input.kosik_pocet{
 height:30px;
 width:50%;
 margin:0 5px 0 0;
 padding:0 0 0 2%;
 
 }



  
  td.kosik_polozka_cena{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:20px 1%;
 float:left;
 background:;
 font.size:22px;
 font-weight:bolder;
 text-align:center;
 color:rgb(103,103,103);
    min-height:20px;
 }
 
 
     td.kosik_polozka_delete{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:19px 1%;
 float:left;
 background:;
 text-align:center;
   min-height:12px;
 }

   
  img.delete{
  height:20px;
  width:20px;
  margin:0;
  padding:0;
  
  }
  
  
  
  
  
  
  
  
 }  
  
  
  
  
  
  
  
  
  
    
  
  
  @media (max-width: 500px){
  
  
  
 


  
  
 td.kosik_polozka_img{
 height:auto;
 width:36%;
 margin:0 auto 0;
 padding:10px 2%;
 float:left;
 text-align:center ;
   min-height:50px;
 
 }


  

  table.cesta_kosik_ctvrtina_active{
height:auto;
padding:0;
margin:0 0 0px 0;
width:100%;
text-align:center;
float:left;
background:white;


}

table.cesta_kosik_ctvrtina{
height:auto;
padding:0;
margin:0 0 0px 0;
width:100%;
text-align:center;
float:left;
background:;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
          -webkit-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
-moz-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
box-shadow: 0px 0px 1px 0px rgb(101,101,101) ;

}

  td.kosik_polozka_nazev{
 height:auto;
 width:56%;
 margin:0 auto 0;
 padding:30px 2%;
 float:left;

 min-height:50px;
 font-size:12px;
 text-align:left;

 
 }
 



   td.kosik_polozka_pocet_ks{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:14px 1%;
 float:left;
 min-height:30px;
 }
 
 input.kosik_pocet{
 height:30px;
 width:50%;
 margin:0 5px 0 0;
 padding:0 0 0 2%;
 
 }



  
  td.kosik_polozka_cena{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:20px 1%;
 float:left;
 background:;
 font.size:22px;
 font-weight:bolder;
 text-align:center;
 color:rgb(103,103,103);
    min-height:20px;
 }
 
 
     td.kosik_polozka_delete{
 height:auto;
 width:31.33%;
 margin:0 auto 0;
padding:19px 1%;
 float:left;
 background:;
 text-align:center;
   min-height:12px;
 }

   
  img.delete{
  height:20px;
  width:20px;
  margin:0;
  padding:0;
  
  }
  
  
  
  
  
  
  
  
 }  
  
  
  
  
  
 

/**********************************číselník********************************/


  .main_content_ciselnik{
 height:auto;
 margin:0px auto 0px;
 padding:20px 0px ;
 text-align:center;
 background:white;
 border-top:1px solid rgb(214,214,214)

 }
 
 


  .ciselnik_bg{
  height:auto;
  width:99%;
  margin:0 0.5% 0 0.5% ;
  padding:0;
  min-height:50px;
  background:;
  text-align:center;

  }


    .ciselnik{
  height:auto;
  width:600px;
  margin:0 auto 0 ;
  padding:0;
  min-height:50px;
  background:;
    text-align:center;
  
  }
  
  
  .ciselnik_cislo{
  height:auto;
  width:50px;
  margin:0 2px 0 2px;
  padding:15px 0 15px 0;
  font-size:14px;
  text-align:center ;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left ;
color:rgb(68,68,68) ;
background:rgb(228,228,228);
transition:0.3s;
border-radius:5px

  }


   .ciselnik_cislo:hover{
   background:rgb(68,68,68);
   color:white;
   }


    .ciselnik_cislo_active{
  height:auto;
  width:50px;
  margin:0 2px 0 2px;
  padding:15px 0 15px 0;
  font-size:14px;
  text-align:center ;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left ;
 color:white;
 background:rgb(68,68,68);
transition:0.3s;
border-radius:5px
  }



                           
                           
                           
                           
                           
  @media (max-width: 600px){
  
  
   
  .ciselnik_bg{
  height:auto;
  width:99%;
  margin:0 0.5% 50px 0.5% ;
  padding:0;
  min-height:50px;
  background:;
  text-align:center;


  }

  
  
      .ciselnik{
  height:auto;
  width:100%;
  margin:0 auto 0 ;
  min-height:50px;
  background:;
    text-align:center;
  
  }
  
  
  .ciselnik_cislo{
  height:auto;
  width:50px;
  margin: 2px;
  padding:15px 0 15px 0;
  font-size:14px;
  text-align:center ;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left ;
color:rgb(68,68,68) ;
background:rgb(228,228,228);
transition:0.3s;
border-radius:5px

  }


   .ciselnik_cislo:hover{
 background:rgb(68,68,68);
   color:white;
   }


    .ciselnik_cislo_active{
  height:auto;
  width:50px;
  margin: 2px;
  padding:15px 0 15px 0;
  font-size:14px;
  text-align:center ;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left ;
 color:white;
 background:rgb(68,68,68);
transition:0.3s;
border-radius:5px
  }



                         
  
  
  
  
  
  
  
  
  
  }

 
  
  
  
  
  
  
  

/****************košík souhrn************************/

      table.kosik_souhrn{
height:auto;
width:96%;
margin:10px 2% 0 2%;
padding:0px 0% 0px 0% ;
background:rgba(255,222,173,0.2);
border-collapse:collapse;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7)

}


 td.kosik_souhrn1{
 height:auto;
 width:0%;
 margin:0px auto 0;
 padding:0;
 float:left;
 text-align:left

 
 }
 



  td.kosik_souhrn2{
 height:auto;
 width:62%;
 margin:0 auto 0;
 padding:10px 2% 0px 4%;
 float:left;
 background:;
  color:rgb(103,103,103);
 text-align:left;
 font-size:14px;

 
 }

  

   td.kosik_souhrn3{
 height:auto;
 width:00%;
 margin:0 auto 0;
padding:10px 0% 0px 0%;
 float:left;
 background:;
 }



  
  
  td.kosik_souhrn4{
 height:auto;
 width:30%;
 margin:0 auto 0;
 padding:10px 1% 0px 1%;
 float:left;
 background:;
 font-size:14px;
 font-weight:600;
 text-align:center;
 color:rgb(103,103,103);
 
 }
    
 
     td.kosik_souhrn5{
 height:auto;
 width:0%;
 margin:0 auto 0;
 padding:10px 0% 0px 0%;
 float:left;
 background:;
 font.size:22px;
 font-weight:bolder;
 text-align:center;
 color:rgb(103,103,103);
 
 }

   
 


    
  td.kosik_souhrn2b{
 height:auto;
 width:62%;
 margin:0 auto 0;
 padding:15px 2% 10px 4%;
 float:left;
 background:;
  font-size:18px;
 text-align:left;
   color:rgb(103,103,103);
   font-weight:600;
 }


    
  td.kosik_souhrn4b{
 height:auto;
 width:30%;
 margin:0 auto 0;
 padding:15px 1% 10px 1%;
 float:left;
 background:;
 font-weight:600;
 text-align:center;
 color:rgb(103,103,103);
  font-size:18px;
 }


 table.info_red{
 height:auto;
width:96%;
margin:10px 2% 0 2%;
padding:0px 0% 0px 0% ;
background:red;
border-collapse:collapse;
 -webkit-box-shadow: 0px 0px 1px 0px rgb(176,0,16);
-moz-box-shadow: 0px 0px 1px 0px rgb(176,0,16);
box-shadow: 0px 0px 1px 0px rgb(176,0,16)
 
 }

  table.info_green{
 height:auto;
width:96%;
margin:10px 2% 0 2%;
padding:0px 0% 0px 0% ;
background:#70a31c;
border-collapse:collapse;
 -webkit-box-shadow: 0px 0px 1px 0px rgb(176,0,16);
-moz-box-shadow: 0px 0px 1px 0px rgb(176,0,16);
box-shadow: 0px 0px 1px 0px rgb(176,0,16)
 
 }



 td.info_red_symbol{
  width:10%;
  margin:0 auto 0;
  float:left;
  text-align:center;
  padding:7px 0 3px 0;
  
 
 }



  td.info_red_info{
  width:86%;
  margin:0 auto 0;
  float:left;
  text-align:center;
  padding:12px 2% 8px 2%;
  color:white;
  font-weight:300;
  font-size:14px;
 
 }


  img.warning{
  height:25px;
  width:25px;
  margin:0;
  padding:0;
  }



  .pokracovat_box {
  height:auto;
  width:96%;
  margin:5px auto 5px;
  padding:10px 2% 10px 2%;
  text-align:center;
  background:;
 
  float:left;
  }










 /*****************************košík údaje*********************************/
 
 .kosik_dodaci_udaje_box{
 height:auto;
 width:50%;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
margin:5px auto 0;
padding:15px 0 15px 0;
text-align:center;
background:;
display:inline-block;

 
 }
 
 
   .kosik_souhlas{
 height:auto;
 width:70%;

margin:5px auto 0;
padding:15px 0 15px 0;
text-align:center;
background:;
display:inline-block;

 
 }
 
 
     table.kosik_udaje{
height:auto;

width:96%;
margin:5px 2% 10px 2%;
padding:10px 0% 0px 0% ;
background:white;
border-collapse:collapse;
       -webkit-box-shadow: 0px 0px 1px 0px rgb(69,69,69);
-moz-box-shadow: 0px 0px 1px 0px rgb(69,69,69);
box-shadow: 0px 0px 1px 0px rgb(69,69,69);

}
     


 td.kosik_udaje_nadpis{
   height:30px;
 width:26%;
 margin:0 0 0 0;
 padding:17px 2% 3px 2%;
 float:left;
   background:;
 text-align:left;
  color:rgb(164,164,164); 
  font-size:14px;  

   background:rgba(255,222,173,0.2);
 }
 
 

 td.kosik_udaje_symbol{
 height:auto;
 width:10%;
 margin:0 0 0 0;
 padding:12px 0 9px 0;
 float:left;
   background:rgba(255,222,173,0.2);
   text-align:center;

 }



 
  td.kosik_udaje_input{
 height:50px;
 width:70%;
 margin:0 0 0 0;
 padding:0;
 float:left;
   background:;
   text-align:center;
 }
 
 input.kosik_input_udaje_zadani{
 height:50px;
 border:none;
 width:98%;
 margin:0 0 0 0;
 padding:0 0 0 2%;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(69,69,69,0.5);
-moz-box-shadow: 0px 0px 1px 0px rgba(69,69,69,0.5);
box-shadow: 0px 0px 1px 0px rgba(69,69,69,0.5);
 
 }

   input.kosik_input_udaje_foto{
 height:30px;
 border:none;
 width:98%;
 margin:0 0 0 0;
 padding:0 0 0 2%;
   -webkit-box-shadow: 0px 0px 1px 0px rgba(69,69,69,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(69,69,69,1);
box-shadow: 0px 0px 1px 0px rgba(69,69,69,1);

 
 }


    td.kosik_udaje_check_text{
 height:auto;
 width:90%;
 margin:0 0 0 0;
 padding:16px 0 10px 0;
 float:left;
 
   text-align:center;
  color:rgb(164,164,164); 
  font-size:14px;  
 }



   td.kosik_udaje_check{
 height:auto;
 width:10%;
 margin:0 0 0 0;
 padding:16px 0 10px 0;
 float:left;
 
   text-align:center;
  
 }

  
 input.checkbox{
 height:15px;
 width:15px;
 margin:0 auto 0;
 padding:0;
 }
 
 
 
   .nadpis_doprava_kosik{
   height:auto;
   width:96%;
   margin:15px auto 10px;
   padding:0 2% 0 2%;
   text-align:left;
   font-weight:600;
   color:rgb(102,102,102);
   font-size:14px;
   float:left;
 ;
   
   }
 
 
   td.kosik_doprava_check{
 height:auto;
 width:10%;
 margin:0 0 0 0;
 padding:16px 0 10px 0;
 float:left;
   background:rgba(255,222,173,0.2);
   text-align:center;
  
 }
 
 
  
     td.kosik_doprava_symbol{
 height:auto;
 width:10%;
 margin:0 0 0 0;
 padding:14px 0 10px 0;
 float:left;
 
   text-align:center;
  
 }

 
    td.kosik_doprava_nazev{
 height:auto;
 width:46%;
 margin:0 0 0 0;
 padding:16px 2% 10px 2%;
 float:left;

    text-align:left;
   color:rgb(164,164,164); 
  font-size:14px; 
  
 }

 
     td.kosik_doprava_cena{
 height:auto;
 width:26%;
 margin:0 0 0 0;
 padding:16px 2% 10px 2%;
 float:left;
   color:#70a31c;
   text-align:right;
     font-size:14px; 
     font-weight:600;
  
 }
 
 
 
 @media screen and (max-width: 940px){






   .kosik_dodaci_udaje_box{
 height:auto;
 min-height:500px;
 width:90%;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
margin:5px auto 0;
padding:15px 0 15px 0;
text-align:center;
background:;
display:inline-block;

 
 }

  table.cesta_kosik_ctvrtina_active{
height:auto;
padding:0;
margin:0 0 0px 0;
width:50%;
text-align:center;
float:left;
background:white;


}

table.cesta_kosik_ctvrtina{
height:auto;
padding:0;
margin:0 0 0px 0;
width:50%;
text-align:center;
float:left;
background:;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


}


  .cesta_detail{
display:none
} 
 
}



       
 
 @media screen and (max-width: 500px){




  table.cesta_kosik_ctvrtina_active{
height:auto;
padding:0;
margin:0 0 0px 0;
width:100%;
text-align:center;
float:left;
background:white;


}

table.cesta_kosik_ctvrtina{
height:auto;
padding:0;
margin:0 0 0px 0;
width:100%;
text-align:center;
float:left;
background:;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
          -webkit-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
-moz-box-shadow: 0px 0px 1px 0px rgb(101,101,101);
box-shadow: 0px 0px 1px 0px rgb(101,101,101) ;

}



}



/*****************************************ESHOP - detail******************************************/


 .cakry{
 
 height:auto;
 padding:7px 20px 7px 20px;
 margin:20px auto 0;
 text-align:center;
 display:inline-block;
 border-radius:5px;
background: #279dc8;
 color:white;
 font-size:14px;
 border:1px solid rgba(255,255,255,0.5);
 transition:0.3s;
 }

 .cakry:hover{
 background:rgb(160,192,0);
 
 }
 
 a.w{
 color:white;
 }

  



img.img_produkt_detail{
height:auto;
width:25%;
margin:0 auto 0;
padding:0;
text-align:center;

}




img.ac_galerka{
 height:auto;
 width:24.8%;
 margin:0.1%;
 padding:0;
 float:left;
 transition:0.3s ;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

}




img.ac_galerka:hover{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);

}



    @media (max-width: 900px){
    img.ac_galerka{
 height:auto;
 width:49.8%;
 margin:0.1%;
 padding:0;
 float:left;
 transition:0.3s ;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

}

    
    }


  


 .produkt_detail_img{
height:auto;
width:39.0%;
margin:0% 0.5% 0% 0.5%;
padding:0px 0 10px 0;
background:white;
float:left

}

.produkt_detail_box{
height:auto;
width:59.5%;
margin:0% 0.5% 0% 0%;
padding:0 0 10px 0;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left



}




 .produkt_detail_img_panorama{
height:auto;
width:60%;
margin:0% 20%;
padding:0px 0 10px 0;
background:white;
float:left

}

.produkt_detail_box_panorama{
height:auto;
width:60%;
margin:0% 20%;
padding:0 0 10px 0;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left



}

  @media (max-width: 1100px){
  
   .produkt_detail_img_panorama{
height:auto;
width:90%;
margin:0% 5%;
padding:0px 0 10px 0;
background:white;
float:left

}

.produkt_detail_box_panorama{
height:auto;
width:90%;
margin:0% 5%;
padding:0 0 10px 0;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left



}
  
  
  
  }

 




    table.detail_produkt_detail{
height:auto;
width:92%;
margin:0 auto 0;

padding:0 4% 0 4% ;
background:;
display:inline-block;
float:left

}



  td.detail_produkt_detail_nazev{
height:auto;
padding:20px 2% 0px 0%;
margin:0;
width:100%;
text-align:left;
display:inline-block;
font-size:22px;
font-weight:bolder;
color: #279dc8;
min-height:37px;

}



   td.detail_produkt_detail_popis{
height:auto;
padding:10px 0% 15px 0%;
margin:0;
width:100%;
text-align:left;
display:inline-block;
font-size:14px;
line-height:22px;
color:rgb(131,131,131);

font-weight:300;

}



table.detail_polozka{

height:auto;
width:96%;
margin:0 auto 0;
padding:0 2% 0 2%;

background:;
}

td.detail_polozka_left{
color:rgb(131,131,131);
font-size:14px;
padding:15px 0 10px 0;
margin:0;
text-align:left;
float:left;
height:auto;
width:50%;


}

td.detail_polozka_right{
color:rgb(131,131,131);
font-size:14px;
padding:10px 0 10px 0;
margin:0;
text-align:right;
float:left;
height:auto;
width:50%;
}


td.detail_polozka_left_cena{
color:rgb(131,131,131);
font-size:20px;
padding:15px 0 10px 0;
margin:0;
text-align:left;
float:left;
height:auto;
width:50%;

}

td.detail_polozka_right_cena{
color:rgb(131,131,131);
font-size:20px;
padding:10px 0 10px 0;
margin:0;
text-align:right;
float:left;
height:auto;
width:50%;
}

 td.zahranici{
color:rgb(131,131,131);
font-size:14px;
padding:10px 0 10px 0;
margin:10px 0 0 0;
text-align:center;
float:left;
height:auto;
width:100%;
color:red;
background:rgba(255,0,0,0.1);
 -webkit-box-shadow: 0px 0px 1px 0px red;
-moz-box-shadow: 0px 0px 1px 0px red;
box-shadow: 0px 0px 1px 0px red;
}


 .detail_produkt_hr{
 height:1px;
 background:rgb(228,228,228);
 width:92%;
 margin:0 4% 0 4%;
 padding:0;
 float:left;
 
 }

 .skladem{
 margin:0;
 padding:0;
 color:#70a31c;
 font-weight:600;
 font-size:14px;
 }

   .nedostupne{
 margin:0;
 padding:0;
 color:red;
 font-weight:600;
 font-size:14px;
 }

 table.detail_objednat{
 
height:auto;
width:96%;
margin:10px auto 0;
padding:0 2% 0 2%;
height:50px;
background:rgba(255,222,173,0.2);
 }




   td.detail_objednat_right{
padding:10px 0 10px 0;
margin:0;
text-align:right;
float:left;
height:auto;
width:100%;
}

input.pocet_ks_kosik{
height:32px;
width:60px;
border:none;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
margin:0;
padding:0 0 0 10px;
}

input.do_kosiku{
height:auto;
border:none;
width:120px;
padding:8px 20px 8px 20px;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
background:#70a31c;
transition:0.3s;
color:white;
font-size:14px;
}

 input.do_kosiku:hover{
  background:#92d328;
 }

 input.prepocitat{
height:auto;
border:none;
width:120px;
padding:8px 20px 8px 20px;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
background:rgb(0,128,160);
transition:0.3s;
color:white;
font-size:14px;
float:left;
}

 input.prepocitat:hover{
  background:#279dc8;
 }


 .popis_produktu_box_detail{
 
 height:auto;
width:99%;
margin:0% 0.5% 0% 0.5%;
padding:0 0 10px 0;
min-height:200px;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left
 }


.popis_produktu_box_detail_menu{

width:98%;
height:auto;
margin:0;
padding:15px 0 15px 1.5%;
background:rgb(240,240,240);
color:rgb(104,104,104);
text-align:left;
font-size:13px;
 
}


.nadpis_slozeni{

height:auto;
width:96%;
margin:4% 0% 2% 0%;
padding:0 2% 0 2%;
font-weight:600;
font-size:14px;
color:rgb(104,104,104) ;
text-align:left;
}


p.popis_slozeni{
height:auto;
padding:10px 0% 15px 0%;
margin:0% 0% 2% 0%;
padding:0 2% 0 2%;
width:96%;
text-align:left;
display:inline-block;
font-size:14px;
line-height:22px;
color:rgb(131,131,131);

font-weight:300;
}




  @media screen and (max-width: 940px){



   .produkt_detail_img{
height:auto;
width:90%;
margin:0% 5% 0% 5%;
padding:0px 0 10px 0;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left

}


   
.produkt_detail_box{
height:auto;
width:90%;
margin:0% 5% 0% 5%;
padding:0 0 10px 0;
min-height:460px;
background:white;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
float:left



}






   }







 /*****************************************navigační lišty******************************************/



    .horni_lista_bg{
 height:auto;
 width:100%;
 margin:0px auto 0;
 padding:0px 0 0 0;
 background:rgb(18,18,18);
 text-align:center;
 float:left;
 position:fixed;
 z-index:200;
 top:0  ;
 border-bottom:1px solid rgb(99,99,99)

 }


  .horni_lista{
 height:auto;

 width:100%;
 max-width:1170px;
 margin:0 auto 0;
 padding:0;


 }


table.horni_lista{
     background:0;
        margin:0% auto 0%;
        padding:0;
        width:100%;
          border-collapse: collapse;

}


 


   
        td.horni_lista_jazyky{
   width:20%;
   margin:0% auto 0;
   padding:0px 0% 0px 0%;
   text-align:left;
   background:;


   }
   
   select.jazyky{
   height:22px;
   width:45px;
   margin:0 0 0 0;
   padding:0 0 0 0;
   border:1px solid rgba(255,255,255,0.5) ;
   background:rgb(0,128,192);
   color:white;
  
   
   }

  select.jazyky2{
   height:24px;
   width:55px;
   margin:0 0 0 0;
   padding:0 0 0 0;
   border:1px solid rgba(255,255,255,0.5) ;
   background:rgb(0,128,192);
   color:white;
   float:right;
   
   }
   
   
    @media (max-width: 1200px){
    
       select.jazyky2{
   height:24px;
   width:55px;
   margin:0 1% 0 0;
   padding:0 0 0 0;
   border:1px solid rgba(255,255,255,0.5) ;
   background:rgb(0,128,192);
   color:white;
   float:right;
   
   }
    
    }



        td.horni_lista_registrovat{
   width:100%;
   margin:0% auto 0;
   padding:7px 0% ;
   text-align:right;
   background:;


   }






   h1.horni_lista{
   color:white ;
    padding:0;
    margin:0;
    font-size:12px;
    font-weight:300;

       }





       
       
       
       
   a.log_menu{
 color:rgb(164,164,164);
 font-size:12px;
 font-weight:300;
 margin:0 10px 0 10px;
 padding:0;



 }

 b.kosik{
color:rgb(255,245,238);
transition:0.3s;
margin:0 0 0 0;
padding:3px 7px 3px 7px;
border:1px solid rgba(255,255,255,0.7);

}

 b.kosik:hover{
color:rgb(245,222,179);


}     
       
 img.kosik_up{
height:14px;
width:14px;
margin:2px 0 -2px 0;
padding:0 0 0 0;
}



     input.login_prihlasit{
  height:20px;
  width:26%;
  margin:3px 0.5% 0 0.5%;
  padding:3px 0.5% 6px 0.5%;
  background:rgb(39,39,39);
  color:rgb(184,184,184);
    border:none ;
    transition:0.3s;
    font-size:12px;
    border-radius:0px;
         -webkit-box-shadow: 0px 0px 1px 0px rgb(197,197,197);
-moz-box-shadow: 0px 0px 1px 0px rgb(197,197,197);
box-shadow: 0px 0px 1px 0px rgb(197,197,197);
float:left;
  }

     input.login_prihlasit:hover{

     background:rgb(154,205,50);
     color:white;
     }


              input.login_input{
  height:8px;
  width:34%;
  margin:3px 0.5% 0 0.5%;
  padding:6px 0.5% 5px 1%;
  background:rgb(68,68,68);
  border-color:rgb(117,117,117);
  color:white;
  border:none ;
  float:left;
    border-radius:0px;
  font-size:12px;
     -webkit-box-shadow: 0px 0px 1px 0px rgb(197,197,197);
-moz-box-shadow: 0px 0px 1px 0px rgb(197,197,197);
box-shadow: 0px 0px 1px 0px rgb(197,197,197);

  }






 table td.kokntakt_up_popis{
height:auto;
width:80%;
margin:0 auto 0;
padding:0% 0.5% 0% 0.5%;
text-align:center;
color:white;
font-size:14px;
font-weight:300;
float:left;
border-collapse: collapse;
}








  @media screen and (max-width: 940px){


       td.horni_lista_jazyky{
   width:20%;
   margin:0% auto 0;
   padding:0px 0% 0px 1%;
   text-align:left;
   background:;


   }

   }


/*******************************orientace lišta *******************************************************/


.cesta_detail{
height:auto;
width:97%;
margin:0px 0.5% 10px 0.5%;
padding:5px 1% 8px 1%;
background:rgb(247,247,247);

font-size:12px;
text-align:left;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(132,132,132,0.7);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7);
box-shadow: 0px 0px 1px 0px rgb(132,132,132,0.7) ;
font-size:15px;
}

a.cesta_active{
color:#279dc8;
font-weight:600;

}

a.cesta{
color:rgb(101,101,101);
transition:0.3s;
}

a.cesta:hover{
color:#279dc8;

}