@import url('css.css');body{min-width:320px;padding:0;margin:0;}
@media screen and (min-width:1000px){
div#banner_top table.logo-mobile {display:none;}
/*jine nastaveni nad 1000px*/
}
/*konec @media screen and (min-width:1000px)------------------------------------------------------------*/
@media screen and (max-width:999px){
      /*obecne pro vsechny mobilni zarizeni*/
      body {font-size:120%; background: #00b4ff;}
      div.hlavni_menu_podmenu_img {display: none;}
      p {font-size: 1em;}
      div#all{width:95%; margin:0 auto;min-width:320px;background: #ffffff; padding: 0 ;}
      div#hlavicka{display:none;}
      div#banner_top{width:100%; height:auto; margin-top:50px;}
      div#bottom {width: 100%;}
      div#bottom div#in_bottom {width: 100%; max-width: 777px;}
      /*logo misto v hlavicce*/
      div#banner_top table.logo-mobile{margin:0 auto; }
      div#banner_top table.logo-mobile tr td{width:100%; border: 0 ;}
      div#banner_top table.logo-mobile tr td img{min-width:300px; width:80%; height:auto;}
      div#in_body{width:95%;margin:0 auto; background: #ffffff; border-top: 3px solid #c30715;}
      div#levy_prostredni{width:100%;padding-right:0px;padding-left:0px;overflow:hidden;}
      div#prostredek{width:100%; min-height:auto; padding:0 !important; margin:0 !important;}
      div#prostredek img{max-width:100%;}
      div.sekce_kosik div#prostredek h1 {padding-top: 30px;}
      
      div#levy_sloupec{width:100%;padding-top:0;}
      div#pravy_sloupec{width:100%;padding-top:0;}
      div.ramec{width:100%;}
      div.ramec_top{width:100%; background: #0090ad;  max-height: 51px; height:auto; padding:10px; box-sizing:border-box; text-align: center; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
      div.ramec_body{width:100%;box-sizing:border-box; background: #ffffff; border: 1px solid #c3c3c3; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-top: 1px;}
      div.ramec_bottom{width:100%;box-sizing:border-box; height: 8px; background-position: bottom;}
      div.ramec_nejkupovanejsi_zbozi_foto div.ramec_top {width: 100%; background: #008fad url('ramec_top_nej_res.jpg') right center no-repeat;}
      div.ramec_fulltextove_vyhledavani, div#banner_hlavicka, div#hlavni_menu, div.hlavicka_modul_uzivatel, .hlavicka_modul_fulltextove_vyhledavani{display:none;}
      div.ramec_vlastni_1 div.ramec_top {width: 100%; text-align: left; height: 35px;}
      div.ramec_vlastni_1 div.ramec_body {width: 100%; border: 0 ; }
      
      div.strom1 {background: #dddddd url('kategori1_4.jpg') top repeat-y;}
      /*responsive menu*/
      nav#responzivni_menu{position:fixed;top:0;height:50px;overflow:hidden;background:#0e478a; width:100%;display:block;text-align:center;z-index:9999;}
      nav#responzivni_menu ul{display:block;margin:0;padding:0;}
      nav#responzivni_menu li{display:inline-block;color:white;border-right:solid 1px rgb(128,128,128);cursor:pointer;margin:0px;padding:0px 10px;}
      nav#responzivni_menu li:last-child{border:0}
      nav#responzivni_menu li a{color:white;text-decoration:none;}
      nav#responzivni_menu ul ul{display:none;}
      nav#responzivni_menu li.aktivni{background:#444;}
      nav#responzivni_menu2{display:block;}
      nav#responzivni_menu2 ul{display:block;margin:0;padding:0; padding-top: 50px; margin:auto;width:100%;}
      nav#responzivni_menu2 li{display:block;margin:0;padding:0;background:#444;border-bottom:solid 1px rgba(255,255,255,0.5);color:white;}
      nav#responzivni_menu2 li:hover {background: #696969;}
      nav#responzivni_menu2 li li{background:#555;}
      nav#responzivni_menu2 li li:last-child{border:0;}
          nav#responzivni_menu2 ul ul{}
      nav#responzivni_menu2 a{color:white;display:block;padding-top:15px;padding-bottom:15px;text-align:left;margin:auto;width:320px;text-decoration:none;}
      nav#responzivni_menu2 ul ul a{padding-left:20px;width:180px;padding-top:10px;padding-bottom:10px;}
      div.sekce_kosik div#prostredek {padding-top: 30px;}
      /*akce foto*/
      div.akce_foto{clear:both;height:auto;padding:5px;position:relative;margin:0 auto; width:90%;}
      div.akce_foto div.ramec_body{margin-top:0px;}
      div.akce_foto a{float:none;display:block;width:100%;text-align:center;}
          div.akce_foto a:hover{}
      div.polozka_foto{ float:none;    padding:5px;    display:block;    vertical-align:middle;    width:100%;}
      div.polozka_foto img:hover {display: inline;}
      div.polozka_nazev {float:none; padding:5px; display:block; vertical-align:middle; }
      div.akce_cena{width:100%;margin-top:15px;position:relative;float:none;}
      div.polozka_popis .polozka_popis_text, div.polozka_popis .dostupnost{font-size:0.9em;}
      iframe#fb_web{max-width:100%;}
      div.polozka{box-sizing:border-box; }
      div.akce_foto{box-sizing:border-box;}
      div.kategorie{box-sizing:border-box;}
      div.uvod_kategorie{box-sizing:border-box;}
      table.dotaz,table.dotaz tr,table.dotaz td{display:block; text-align:left;}
      table.dotaz input.input_text,table.dotaz textarea{max-width:250px; width:250px;}
      table.poslat_znamemu,table.poslat_znamemu tr,table.poslat_znamemu td{display:block; text-align:left; padding:0;}
      table.poslat_znamemu input.input_text,table.poslat_znamemu textarea{max-width:250px; width:250px; }
      div#tabs table tr td{border:0;}
      input.input_text,textarea{max-width:90%; margin:1%; }
      div.zbozi_varianty{margin:1%;}
      div.cesta_kategorie{width:auto;}
      form table a{display:block;}
      div.ui-dialog{max-width:250px;}
      button.ui-button{width:100%;}
      .ui-button-text-only .ui-button-text {font-size: 0.76em;}
      table.kosik_dopravy_platby_vyber {width: 99%;}
div.sekce_kosik td.kosik_dopravy { width: 95%; display: block; float: left; padding-bottom: 2%;}
div.sekce_kosik td.kosik_platby {border: 1px solid #989898; display: block; background: #ffffff; width: 95%; height: auto;}
      div#fulltext_formular form#fulltext_form input.input_text {width: 98%; height: 25px;}

      
      /* ramec_kategorie */
        div.ramec_kategorie div.ramec_body {width: 100%;}
     
      div.strom1 div.strom_kategorie {width: 100%;}
      div.strom2 div.strom_kategorie {width: 100%;}
      div.strom3 div.strom_kategorie {width: 100%;}
      
      
div#prostredek {width:99%; padding:0; border:0; padding-top:10px; line-height: 1.5; min-height: 1000px;}

      
      /*detail zbozi*/
div.sekce_detail div#levy_prostredni {width:99%; margin-left: 12px;}
div.sekce_detail div#prostredek {width:99%; padding:0; border:0; padding-top:0; line-height: 1.5; min-height: 1000px;}


div.sekce_detail table.zbozi_tabulka{float:none;  width:98%;  margin-right:0px;}
div.sekce_detail div.zbozi_prilohy_2{float:none;    width:98%;    min-height:auto;    margin-left:0;    padding-top:0;    padding-left:0;    padding-right:0;    background: #ffffff;}
div.sekce_detail form.form_polozka{position:relative;    margin-left:0;    width:100%;    margin-top:0;    float:none;    height:auto;  margin-bottom: 20px;  background:url();}
div#detail_zbozi form.form_polozka input.input_text{margin-left:0px;}
div#detail_zbozi form.form_polozka div.zbozi_varianty{margin-left:0px;    margin-top:0px;}
div#detail_zbozi form.form_polozka input.submit{font-weight:bold;    background:#282828; color:white; font-size:1em;  border:0px none; margin-left:0px;    margin-top:10px;    letter-spacing:0px;    padding:5px 10px;    width:90%;    margin-left:10px;}
div#detail_zbozi form.form_polozka input.submit:hover{background:#484848; color:white;}
div#detail_zbozi form.form_polozka textarea.polozka_poznamka{width:100%;    height:40px;    float:none;    margin-top:10px;    margin-left:0px;}
div.sekce_detail table.vyber_parametru select { width: 160px;}
      
.ui-tabs .ui-tabs-nav li{float:none;    }
.ui-tabs .ui-tabs-nav li a{ width:95%; display:block; margin-bottom: 1px;}
.ui-tabs .ui-tabs-nav li a:hover{background:#1aa6d0; color: black;}
.ui-tabs .ui-tabs-nav  li.ui-tabs-active a{}
table.dotaz,table.dotaz tr,table.dotaz td{display:block; text-align:left;}
table.dotaz input.input_text,table.dotaz textarea{max-width:250px; width:250px;}
table.poslat_znamemu,table.poslat_znamemu tr,table.poslat_znamemu td{display:block; text-align:left; padding:0;}
table.poslat_znamemu input.input_text,table.poslat_znamemu textarea{max-width:250px; width:250px; }
div#tabs table tr td{border:0;}
div#bottom div#in_bottom {font-size: 12px;}
      
      /*polozka*/
      div.polozka {height: 100%; min-height: 373px;}
      div.polozka_foto{float:none;    width:100%;    }
      div.polozka_nazev {width: 100%;}
      tr.cena_s_dph td {width: auto;}
      table.ceny tr.cena_s_dph td.right {width: auto;}
      div.polozka div.polozka_popis {font-size:0.7230em; }
      
         /*detail_polozka*/
 div.sekce_detail table.zbozi_tabulka{float:none;  width:100%;  margin-right:0px;}
div.sekce_detail div.zbozi_prilohy_2{float:none;    width:99%;    min-height:auto;    margin-left:0;    padding-top:0;    padding-left:0;    padding-right:0;    background: #ffffff; border: 1px solid #e4e4e4;   border-radius:4px;}
div.sekce_detail form.form_polozka{position:relative;    margin-left:0;    width:100%;    margin-top:0;    float:none;    height:auto;  margin-bottom: 20px;  background:url();}
div#detail_zbozi form.form_polozka input.input_text{margin-left:0px;}
div#detail_zbozi form.form_polozka div.zbozi_varianty{margin-left:0px;    margin-top:0px;}
div#detail_zbozi form.form_polozka input.submit{font-weight:bold;    background: #1D78A7 url("button.jpg") top repeat-x ; color:white;  font-size:1em;  border:0px none;    margin-left:0px;    margin-top:10px;    letter-spacing:0px;    padding:5px 10px;    width:90%;    margin-left:10px;}
div#detail_zbozi form.form_polozka input.submit:hover{background:#1aa6d0; color: black;}
div#detail_zbozi form.form_polozka textarea.polozka_poznamka{width:100%;    height:40px;    float:none;    margin-top:10px;    margin-left:0px;}
    
      
      
      div.sekce_kosik div#in_body {background: #ffffff; }
      div.sekce_objednavka div#in_body {background: #ffffff;}
      div.obj_vyber_zakaznika_hodnoty {font-size: 1.0em; }
      table.adresa tr td {font-size: 0.8em;}
      table.login tr td {font-size: 0.8em;}
      table.kosik_dopravy_platby {font-size: 0.8em;}
      }
      
      /*misto pro btn nahoru*/
div.nahoru{padding:0;margin:0;font-size:0;}
div.nahoru a.tisk{display:none;}
div.nahoru a.nahoru{display:block;background:#484848;color:white;position:fixed;bottom:5px;right:5px;padding:0px;background:url('nahoru_bg.jpg') no-repeat;width:50px;height:50px;z-index:99999; font-size:0;}
div.nahoru a.nahoru:hover{background:url('nahoru_bg_hover.jpg') no-repeat;}
.button, .submit{font-size:0.93em;}
}




/*konec @media screen and (max-width:999px)------------------------------------------------------------*/
@media screen and (min-width:788px) and (max-width:998px){
      /*vetsi tablety 2 sloupce*/
      div.polozka {width:51%;margin:1%; height: 380px;  }
      div.polozka_nazev {width: 99%;}
      div.sekce_uvod div.polozka {width:30%;margin:1%; height: 380px;  }
      div.sekce_uvod div.polozka_nazev {width: 30%;}
      div#in_body {padding-top: 0;}
      div#levy_sloupec {float: left; width: 99%; padding-top: 10px; }
      div#prostredek {float: right;  padding-top: 10px;}
      div.polozka div.polozka_popis {height: 110px;}
      table.zbozi_tabulka{width:50%;}
      div.zbozi_prilohy_2{width:45%;}
      div.zbozi_prilohy_2 img{max-width:100%;}
      nav#responzivni_menu2 a{color:white;display:block;padding-top:15px;padding-bottom:15px;text-align:left;margin:auto;width:400px;text-decoration:none;}
      div.sekce_kosik table.kosik_dopravy_platby select {height: 32px; width:50%;}
     
      
}
/*konec @media screen and (min-width:769px) and (max-width:999px)-------------------------------------------*/


@media screen and (min-width:585px) and (max-width:787px){
      /*mensi tablety a vetsi mobily 1 sloupce*/
      div.polozka{width:30%;margin:1%; height: 499px;  }
      div.polozka_nazev {width: 99%;}
      div.akce_foto{width:40%;margin:1%; clear:inherit; width:98%; }
      div.kategorie{width:44%;margin:1%;}
      div.uvod_kategorie{width:30%;margin:1%;}
      div.zbozi_prilohy_2{float: right;}
    
       div#levy_sloupec {width: 99%;}
       div#levy_sloupec div.ramec_bottom {width: 99%;}

      
        
 
     
}
/*konec @media screen and (min-width:481px) and (max-width:584px)-------------------------------------------*/
@media screen and (min-width:361px) and (max-width:584px){
      /*mobily*/
      div.polozka{width:48%;margin:1px;height: 520px; }
      div.polozka_nazev {width: 99%;}
      div.akce_foto{width:80%;margin:1px;}
      div.kategorie{width:44%;margin:1px;}
      div.uvod_kategorie{width:48%;margin:1px;}
      
      span.filtry_parametr{padding:3px 5px;border-bottom:solid 1px #eee;display:block;text-align:right;}
      span.filtry_parametr select{min-width:150px;}
      span.vyberte_vyrobce{padding:3px 5px;border-bottom:solid 1px #eee;display:block;text-align:right;}
      span.vyberte_vyrobce select{min-width:150px;}
      div.akce_foto{ clear:inherit; width:98%; margin:1%; height:200px;}   
      
         
      
}

@media screen and (min-width:300px) and (max-width:519px){
      /*mobily_detail*/
       div.zbozi_prilohy_2{float: none; width: 95%;}
       div.sekce_detail div#detail_zbozi form.form_polozka {width: 90%;  }
       table.zbozi_tabulka {width: 95%; }
        
      
}
/*konec @media screen and (mix-width:361px) and (max-width:480px)-------------------------------------------*/
@media screen  and (min-width:300px) and (max-width:360px){
      /*mobily*/
      div.polozka{width:100%;margin:1%; height: 520px;}
      div.polozka_nazev {width: 99%;}
      div.polozka_nazev a {font-size: 0.87em;}
      div.akce_foto{width:100%;margin:1%;}
      div.kategorie{width:100%;margin:1%;}
      div.uvod_kategorie{width:100%;margin:0.5% 1%;}
      img{float:none !important;}    
}
/*konec @media screen and (max-width:360px) -------------------------------------------------------------*/

@media screen and (min-width:300px) and (max-width:787px){
      /*screen univerzalni pod (max-width:787px) */
    
     nav#responzivni_menu li{display:inline-block;color:white;border-right:solid 1px rgb(128,128,128);cursor:pointer;margin:0px;padding:0px;}
    

      
      div.ramec_novinky_s_foto div.ramec_top {font-size:1.0769em; background: #282828;}
      div.ramec_clanky div.ramec_top {font-size:1.0769em; background: #0090ad;}
      div.ramec_body li a {font-size:1.1em;}
      }





 
  @media screen and (min-width:200px) and (max-width:620px){
      /*DEAKTIVACE RAMCU*/
 div.ramec_vlastni_5, div.ramec_vlastni_2 {display: none;}
 }