/* CSS Document */

/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1200px) and (min-width: 100px)
{
#body {} 
IMG {max-width: 100%;}
#center_page {clear:both;position:relative; width:95%;top:0px; margin:25px auto 0px auto; padding:0px 0px; overflow: hidden;} 
#head {width: 100%;height:auto;}
  #head_label, #search-box {width: 45%;height:auto;top:0px;}
  #head_label IMG {width: 100%;height:auto;}
  #search-box IMG {width: 66%;height:auto;}
#intro_kontejner_plocha {width: 100%;height:400px;overflow:hidden;}   
  DIV.intro_kontejner_item {width: 100%;height:100%;}
  DIV.intro_kontejner_item IMG {width: 100%;height:auto;}
  DIV.intro_label_2 {width: 100%;font-size:1.9em; position:absolute; top:285px;}
#facebook-link {display:none;}
#foot_kontejner_2 {width:341px;} 
  div.menu_top_item_mezera {display:none;}     
#main_text_od {display:none;}  
#main_text {clear:both;position:relative; top:0px; left:0px;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;width: 100%;background:none;}   
  #zanr_foto {position:relative; top:-10px; width: 100%;margin: 0px 48px 0px 0px;float:left;}  
  DIV.levy_sloup {background:none;position:relative; width:100%;  float:left; overflow:hidden;margin: 10px 0px 10px 0px; padding: 0px 0px 20px 0px;border: 0px solid green;}
  #foot, #foot_kontakt {width:100%;}    
    DIV.foot_kontejner {position:relative; width:40%;border: 0px solid green;}
    DIV.foot_kontejner_kontakt {width:100%; background:#FFFFFF;}
    DIV.foot_kontejner_mezera {display:none;}
    #foot_kontejner_1 {display:none;}
    
DIV.kontejner_HP {width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border:0px solid blue;overflow:hidden;}   
  DIV.kontejner_HP_inner {padding: 0px 20px 20px 20px;}
  DIV.kontejner_HP_perex {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width: 100%;}  
  
DIV.fotogalerie_item {width:23%;} 
  DIV.fotogalerie_item IMG {width:90%;height: auto;margin-top: 10px;} 

DIV.galerie_rozcestnik_obal {width:100%;}   
DIV.galerie_rozcestnik {width:49.5%;margin: 0px 0px;} 
   DIV.galerie_rozcestnik img {width:100%;height: auto;max-height:none;margin: 0px 10px 0px 10px;}
   DIV.galerie_rozcestnik A.label {margin: 0px 10px 0px 10px;}   
}

/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1200px) and (min-width: 800px)
 {
 #body {}
 #logo {width:250px; height:50px;background-size: contain;}   
 DIV.foot_kontejner_kontakt {width:50%;}
 DIV.kontejner_HP {width: 50%;float:left;padding: 0px 0px;margin: 0px 0px 0px 0px;border: 0px solid grey;} 
  DIV.kontejner_HP_perex {}  
 #zanr_foto {width: 30%;} 
 DIV.kontejner_form {width: 60%;}   
 }

/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 800px) and (min-width: 500px)
 {
 #body {}
  DIV.intro_label_2 {width: 100%;font-size:1.5em; position:absolute; top:170px;}
 #intro_kontejner_plocha {width: 100%;height:280px;overflow:hidden;}    
 }
 
 
/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 500px) and (min-width: 100px)
 {
 #body {}
 DIV.intro_label_2 {width: 100%;font-size:1.0em; position:absolute; top:100px;} 
 #intro_kontejner_plocha {width: 100%;height:200px;overflow:hidden;} 
 DIV.kontejner_form {width: 100%;}    
 #menu_top_obal, #menu_top {display:none;} 
  #menu_responsive {position:relative;top:0px;left:0px;clear:both;display:block;float:left;margin: 0px 0px 0px 0px;z-index:100;}
 
 #blue_strip {height: 70px;} 
 #logo {width:150px; height:30px;background: url("http://alespovondra-cz.svethostingu-tmp.cz/img/logo.png") no-repeat;background-size: contain;margin-left: 10px;}     
 #foot, #foot_kontakt {width:100%;}    
    DIV.foot_kontejner {position:relative; width:90%;margin: 0px auto;}

 
 #menu_responsive {position:relative; top:15px;} 
 DIV.kontejner_HP {width: 100%;float:left;padding: 30px 0px;margin: 0px 0px 0px 0px;border: 0px solid grey;} 
  DIV.kontejner_HP_perex {}  
DIV.galerie_rozcestnik_obal {width:98%;}   
DIV.galerie_rozcestnik {width:100%;margin: 0px 0px;} 
   DIV.galerie_rozcestnik img {width:100%;height: auto;max-height:none;margin: 0px 10px 0px 10px;}
   DIV.galerie_rozcestnik A.label {margin: 0px 10px 0px 10px;}   
    
 }
 
/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 800px) and (min-width: 100px)
 {
 #body {}
 DIV.fotogalerie_item {width:45%;} 
  DIV.fotogalerie_item IMG {width:90%;height: auto;margin-top: 10px;} 
  
 }