/* změna designu v závislosti na šířce monitoru*/
@media screen and (min-width: 2000px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:833px;overflow:hidden;}    
DIV.intro_label_2 P, DIV.intro_label_2 P A {font-size:1.8em;}
    DIV.intro_label_2 P A {font-size:0.5em;}

}

/* změna designu 
v závislosti na šířce monitoru*/
@media screen and (min-width: 2500px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:1042px;overflow:hidden;}    

DIV.kontejner_HP, DIV.rozcestnik_kategorie_item, DIV.dalsi_clanky_perex_item {width:450px;}
    DIV.kontejner_HP_foto {height:450px;border-radius:50%;}
    
DIV.foot_kontejner {width: 700px;}
DIV.nejctenejsi_item P, DIV.nejctenejsi_item P A, DIV.nejctenejsi_item UL, DIV.nejctenejsi_item LI,DIV.nejnovejsi_item P, DIV.nejnovejsi_item P A, DIV.nejnovejsi_item UL, DIV.nejnovejsi_item LI {font-size: 29px;}
DIV.nejctenejsi_item IMG,DIV.nejnovejsi_item IMG {width: 150px;}
DIV.nejctenejsi_item,DIV.nejnovejsi_item {max-height: 260px;}
DIV.kontejner_form {width:800px}
DIV.form_button {height: auto;}
}

/* změna designu v závislosti na šířce monitoru*/
@media screen and (min-width: 3500px)
{
#body {} 
body {font-size: 24px;}
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:1450px;overflow:hidden;}    

DIV.kontejner_HP, DIV.rozcestnik_kategorie_item, DIV.dalsi_clanky_perex_item {width:600px;}
    DIV.kontejner_HP_foto {height:600px;border-radius:600px;}
    
}
/* změna designu v závislosti na šířce monitoru*/
@media screen and (min-width: 4000px)
{
#body {} 
body {font-size: 29px;}
DIV.kontejner_HP, DIV.rozcestnik_kategorie_item, DIV.dalsi_clanky_perex_item {width:600px;}
    DIV.kontejner_HP_foto {height:600px;border-radius:600px;}
}







/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1800px) and (min-width: 100px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:750px;overflow:hidden;}    

#main_text_pulena {margin-left:5%;}
    
DIV.foot_kontejner {width: 30%;}
    DIV.nejctenejsi_item IMG,DIV.nejnovejsi_item IMG {width: 150px;}
    DIV.nejctenejsi_item,DIV.nejnovejsi_item {max-height: 260px;}
}



/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1700px) and (min-width: 100px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:708px;overflow:hidden;}    

DIV.intro_label_2 P, DIV.intro_label_2 P A {font-size:1.3em;}
    DIV.intro_label_2 P A {font-size:0.5em;}
}



/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1600px) and (min-width: 100px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:667px;overflow:hidden;}    

}


/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1500px) and (min-width: 100px)
{
#body {} 
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:625px;overflow:hidden;}
}


/* 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:0.1em auto 0px auto; padding:0px 0px; overflow: hidden;} 
#head {width: 100%;height:auto;}
  #head_label, #head-box {height:auto;top:0px;margin: 0px 0.2em;}
      #head_label {width: 50%;padding-left:20px;}
      #head-box {width: 35%;}
  #head_label IMG {width: auto;height:70px;}
  #head-box IMG {width: 66%;height:auto;}
  #head-login-box {margin: 0px 10px 0px 0px;}
  
  
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:500px;overflow:hidden;}   
  DIV.intro_label_2 {font-size:1.5em; position:relative; top:0px;}
    IMG.intro_button {top:5px;height:20px;padding-right:25px;}  
#facebook-link {display:none;}
 
  div.menu_top_item_mezera {display:none;}   
  div.menu_top_item A, div.menu_top_item_active A  {font-size: 1.2em;}
  
#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{width:94%;padding: 0px 3% 0px 3%;}
    DIV.foot_kontejner {width:350px}
  

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 {height:50px;background-size: contain;}    

 #zanr_foto {width: 30%;} 
 DIV.kontejner_form {width: 60%;}   
 }


/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 1000px) and (min-width: 100px)
 {
 #body {}
 #head_label {padding:0px 10px;}
 #head_label IMG {width: auto;height:50px;} 
 #menu_responsive {position:relative;top:0px;left:0px;display:block;float:left;margin: 0px 10px 10px 10px;padding:10px;z-index:10;height:30px;width:45px;float:right;}
 #vyhledavac {display:none;} 
 #menu_top_obal {width:100%;display:none;height:auto;top:0px;}   
  #menu_top {position:relative; top:0px; left:0px; width:auto; height: auto;  overflow:hidden; margin:0px 0px 0px 0px;padding: 0px 5px 0px 5px;text-align: left;float:left; display:none;background:#eeeeee;width:100%;} 
  div.menu_top_item, div.menu_top_item_active,div.menu_top_item_mezera {float:left; top:0px; margin: 0px 0em 0px 0px; padding: 5px 0.5em 5px 0.5em;width:100%;height: auto;}
    A.menu_top_item_a {margin: 10px 0.5em 10px 0.5em;}
    div.menu_top_item, div.menu_top_item_active {border-bottom: 1px solid #ffffff;}
  div.menu_top_item_mezera {display:none;}     
  
#intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height: 417px;}
  DIV.intro_label_2 {font-size:1.2em; position:relative; top:0px;}
  IMG.intro_button {top: 10px;height: 30px;}
 #grey_strip {overflow:hidden;height: auto;}
 
 DIV.kontejner_HP {padding: 30px;width: 80%;}    
    DIV.kontejner_HP_foto {max-height:420px;}
 
 }




/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 800px) and (min-width: 100px)
 {
 #body {}
 #head_label {padding:0px 5px;} 
 #head_label IMG {width: auto;height:40px;} 
 #menu_responsive {position:relative;top:0px;left:0px;display:block;float:left;margin: 0px 10px 10px 10px;padding:5px;z-index:10;height:30px;width:45px;float:right;}


  #head-box {width: 20%;}
  
   #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:334px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:1.4em;padding: 0.1em 0.1em 0.1em 0.1em;text-align:center;}
      DIV.intro_label_2_inner {padding: 5px 10px 0px 10px;}
      IMG.intro_button {top: 5px;}
    #intro_bg_bottom {display:none;}
    
  DIV.kontejner_reference {width: 100%;float:left;margin: 0px 0px 30px 0px;}
    DIV.kontejner_reference_vice {clear:both;}  
 
 DIV.foot_kontejner {width:100%;}    
 }
 

/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 700px) and (min-width: 100px)
 {
 #body {}
  #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:292px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:1.1em;padding:0px;}
      DIV.intro_label_2_inner {padding: 7px 10px 0px 10px;}
      IMG.intro_button {height: 25px;top: 4px;padding-right: 0px;}
 
 }


/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 600px) and (min-width: 100px)
 {
 #body {}
 #head_label {padding:0px 0px;} 
 #head_label IMG {width: auto;height:40px;} 
 #menu_responsive {position:relative;top:0px;left:0px;display:block;float:left;margin: 0px 10px 10px 10px;padding:5px;z-index:10;height:30px;width:45px;float:right;}

  #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:250px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:1.1em;padding:3px 5px;margin:0px 10px;}
      DIV.intro_label_2_inner {padding: 0px;margin:0px}
      DIV.intro_label_2_inner P {padding: 0px;margin:0px}
      IMG.intro_button {height: 25px;top: 4px;padding-right: 0px;}
 
 }



/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 500px) and (min-width: 100px)
 {
 #body {}
 #head_label IMG {width: auto;height:36px;} 
 #menu_responsive {position:relative;top:0px;left:0px;display:block;float:left;margin: 0px 10px 10px 10px;padding:4px;z-index:10;height:28px;width:42px;float:right;}
 
 #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:208px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:0.75em;padding:3px 5px;}
      DIV.intro_label_2_inner {padding: 0px;margin:0px}
      DIV.intro_label_2_inner P {padding: 0px;margin:0px}
      IMG.intro_button {height: 16px;top: 2px;padding-right: 0px;}
    
 #menu_top_obal, #menu_top {top:0px;display:none;} 

 
 #blue_strip {height: 70px;} 
 #logo { height:42px;margin-left: 10px;}     
 #main_text_pulena {width:100%;} 
 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;}   
 #dalsi_clanky_headline {float:none;max-width:100%;margin:0px;}  
 IMG.dalsi_clanky_perex {width:100%;}
 }
 
/* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 400px) and (min-width: 100px)
 {
 #body {}
 
  
  #head-box {width: 20%;}   
  #head_label {width:70%;}
  #head_label_cta {margin: 0px 10px 0px 0px;}
 
  #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:167px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:0.65em;padding:3px 5px;}
      DIV.intro_label_2_inner {padding: 0px;margin:0px}
      DIV.intro_label_2_inner P {padding: 0px;margin:0px}
      IMG.intro_button {height: 16px;top: 2px;padding-right: 0px;}
 DIV.form_button {width:90%;min-width:none;}
 }


 /* změna designu v závislosti na šířce monitoru*/
@media screen and (max-width: 350px) and (min-width: 100px)
 {
 #body {}
 #head_label IMG {width: auto;height:25px;} 
 #menu_responsive {position:relative;top:0px;left:0px;display:block;float:left;margin: 0px 10px 10px 10px;padding:3px;z-index:10;height:19px;width:28px;float:right;}


  #intro_kontejner_background, #intro_kontejner_plocha, DIV.intro_kontejner_item, DIV.intro_label_2, DIV.intro_kontejner_item_img {height:125px;overflow:hidden;}    
    DIV.intro_label_2 {font-size:0.60em;padding:3px 5px;}
      DIV.intro_label_2_inner {padding: 0px;margin:0px}
      DIV.intro_label_2_inner P {padding: 0px;margin:0px}
      IMG.intro_button {height: 15px;top: 1px;padding-right: 0px;}

 }