/* MOBIL */
@media screen and (max-width: 640px){
  .aaa A.aaapanel, .aaa A.aaapanel:link, .aaa A.aaapanel:visited,
  .aaa A.aaapanel:hover, .aaa A.aaapanel:active,
  .aaa DIV.aaapanel{
   float: none;
   *width: 100%;
   width: 100%\0;
   width: 100%;
   margin: 0px 0px 10px 0px;
   padding-top: 10px;
  }
  .aaa DIV.aaapanel{
   height: auto;
  }
  .aaa A.aaapanel STRONG.aaanad,
  .aaa A.aaapanel:link STRONG.aaanad, .aaa A.aaapanel:visited STRONG.aaanad{
   margin: 10px;
  }
  .formular TABLE TR TD{
   display: block;
   text-align: left;
  }
  .formular INPUT.i{
   width: calc(90% - 10px);
  }
  .formular INPUT.iv{
   width: calc(90% - 35px);
  }
  .formular INPUT.iP{
   width: calc(90% - 85px);
  }
  .formular INPUT.ibarva{
   width: calc(90% - 33px);
  }
}
/* Mobil a TABLET */
@media screen and (max-width: 1000px){
  BODY{
    padding: 60px 0px 0px 0px;
  }
  .rs_block{ display: block !important; }
  .rs_inline_block{ display: inline-block !important; }
  .rs_inline{ display: inline !important; }
  .rs_nev{ display: none !important; }
  .rs_fln{ float: none !important; }
  A.nahoru, A.nahoru:link, A.nahoru:visited{
   bottom: 10px;
   right: 10px;
  }
  .toppruh{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
  }
  .resp{
   display: block;
   width: 100%;
   position: relative;
   background-color: #FFFFFF;
   z-index: 25;
  }
  A.logo,
  A.logo:link,
  A.logo:visited{
   float: left;
   width: 162px;
   height: 45px;
   margin: 20px 0px 0px 10px;
   background-image: url(obr/logom_KDNO_cz.png);
  }
  A.logo:hover,
  A.logo:active{
   background-image: url(obr/logom_KDNO_cz_over.png);
  }
  .menu_respons{
   display: block;
   float: right;
   padding: 10px 0px 0px 0px;
  }
  .menu_respons A,
  .menu_respons A:link, .menu_respons A:visited{
   display: block;
   width: 70px;
   height: 49px;
   padding: 11px 0px 0px 47px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: 5px 9px;
   text-decoration: none;
   cursor: pointer;
   color: #E6771B;
   text-align: left;
   font-size: 27px;
  }
  .menu_respons A:hover, .menu_respons A:active{
   color: #CCCCCC;
   background-image: url(obr/ico_menu_over.png);
  }
  .toppruh .vyhledavani{
   display: none;
   clear: both;
   float: none;
   width: 100%;
   padding: 19px 0px 15px 0px;
  }
  .vyhledavani INPUT.v{
   width: calc(95% - 50px);
   max-width: calc(95% - 50px);
   padding: 5px 5px 3px 35px;
   margin: 0px auto 0px auto;
   background-image: url(obr/ico_vyhledavani_over.png);
   background-position: 5px center;
  }
  INPUT.vf_over{
   background-image: url(obr/ico_vyhledavani.png);
  }
  .topP{
   display: none;
  }
  .menupruh{
   top: 80px;
  }
  .menufiltr{
   margin: 0px auto 0px auto;
   width: 100%;
   min-width: 100%;
   max-width: 100%;
  }
  A.hledej,
  A.hledej:link,
  A.hledej:visited{
   display: block;
   float: left;
   width: 33px;
   height: 33px;
   background-image: url(obr/ico_vyhledavani.png);
   background-repeat: no-repeat;
   background-position: center center;
   margin: 13px 0px 0px 10px;
   background-color: #FFFFFF;
   box-shadow: 0px 0px 5px 0px #DDDDDD;
   -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
   -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -khtml-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
  }
  A.hledej:hover, A.hledej:active{
   background-image: url(obr/ico_vyhledavani_over.png);
   background-color: #696969;
   color: #FFFFFF;
  }
  .filtrkdno{
   float: left;
   width: calc(100% - 73px);
   margin: 0px 10px 0px 10px;
  }
  .filtrkdno A.f{
   overflow: hidden;
   white-space: nowrap;
  }
  .filtrKDNO{
   width: 100%;
  }
  .filtrKDNOokresy,
  .filtrKDNOmesta{
   float: none;
   width: calc(100% - 2px);
   height: 130px;
   overflow: scroll;
  }
  .menu{
   display: none;
  }
  .smenu_respons{
   position: absolute;
   top: 70px;
   width: 100%;
   padding: 10px 0px 0px 0px;
   background-color: #FFFFFF;
   border-bottom: solid 2px #DDDDDD;
   box-shadow: 0px 0px 10px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
   z-index: 20;
  }
  .smenu_respons A,
  .smenu_respons A:link,
  .smenu_respons A:visited{
   float: left;
   width: calc(50% - 17px);
   padding: 5px 0px 5px 15px;
   color: #E6771B;
   border-top: solid 1px #DDDDDD;
   border-left: solid 1px #DDDDDD;
   border-right: solid 1px #FFFFFF;
   text-align: left;
   text-decoration: none;
  }
  .smenu_respons A:hover,
  .smenu_respons A:active,
  .smenu_respons A.a,
  .smenu_respons A.a:link,
  .smenu_respons A.a:visited{
   color: #FFFFFF;
   background-color: #E6771B;
  }
  .sr_cara{
   clear: both;
   border-top: solid 2px #DDDDDD;
  }
  .pozpruh{
   background-position: center -50px;
   background-size: 680px auto;
  }
  .pozpruh .main{
   height: 250px;
  }
  .pozpruh H1.uvod{
   position: relative;
   top: 0px;
   width: 100%;
   padding: 20px 0px 20px 0px;
  }
  .pozpruh H1.uvod STRONG{
   background-position: center 0px;
  }
  .pozpruh H1.nadpis, .pozpruh H1.hlavni_foto {
   position: relative;
   top: 0px;
  }
  .pozpruh H1.nadpis SPAN.logoKDNO, .pozpruh H1.hlavni_foto SPAN.logoKDNO{
   float: none;
   display: block;
   width: 100%;
  }
  .pozpruh H1.nadpis SPAN.REST, .pozpruh H1.hlavni_foto SPAN.REST{
   float: none;
   width: 100%;
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 5px 0px 0px 0px;
  }
  .pozpruh H1.nadpis SPAN.REST SPAN.RESTnadpis, .pozpruh H1.hlavni_foto SPAN.REST SPAN.RESTnadpis{
   float: none;
  }
  .pozpruh H1.nadpis SPAN.logoKDNO A,
  .pozpruh H1.nadpis SPAN.logoKDNO A:link,
  .pozpruh H1.nadpis SPAN.logoKDNO A:visited,
  .pozpruh H1.hlavni_foto SPAN.logoKDNO A,
  .pozpruh H1.hlavni_foto SPAN.logoKDNO A:link,
  .pozpruh H1.hlavni_foto SPAN.logoKDNO A:visited{
   height: 80px;
  }
  .pozpruh .ikonky{
   display: none;
  }
  .blokyL, .blokyP,
  .bloky2L, .bloky2P,
  .bloky3L, .bloky3P,
  .bloky4L, .bloky4P,
  .bloky5L, .bloky5P,
  .bloky6L, .bloky6P,
  .blok33{
   float: none;
   margin: 0px auto 0px auto;
   width: 98%;
  }
  .blok33 .blok{
    position: static;
    min-height: 0;
    padding: 0px;
  }
  IMG.kuchar{ float: none; }
  .cenik_registrace{
   position: static;
  }
  .blok DIV.blokpad{
   padding: 5px;
  }
  .blok_obedy H1, .blok_obedy H2{
   padding-right: 0px;
   background-position: right 5px;
  }
  .blok_obedy A SPAN.S{
   max-height: 90px;
   overflow: hidden;
  }
  .blok_restaurace A{
   max-height: 105px;
   overflow: hidden;
  }
  .blok_poukazy H1, .blok_poukazy H2{
   padding-right: 0px;
   background-position: right 5px;
  }
  A.poukaz, 
  A.poukaz:link, A.poukaz:visited,
  A.poukaz:hover, A.poukaz:active{
   float: none;
   width: 98%;
   margin: 0px auto 10px auto;
  }
  .blok H1 A EM,
  .blok H1 A:link EM, .blok H1 A:visited EM,
  .blok H2 A EM,
  .blok H2 A:link EM, .blok H2 A:visited EM,
  .blocek A SPAN.L_P{
   display: block;
   float: none;
  }
  .blocek A SPAN.S2{
   width: calc(100% - 38px);
  }
  .blocek A SPAN.P2,
  .blocek A SPAN.P3{
   display: block;
   float: none;
   width: calc(100% - 38px);
   margin: 0px 0px 0px 28px;
   text-align: left;
  }
  .blocek A SPAN.S3{
   width: calc(100% - 38px);
  }
  .main, .paticka1, .paticka2, .paticka3{
   margin: 0px auto 0px auto;
   width: 98%;
   min-width: 98%;
   max-width: 98%;
   padding: 5px 0px 5px 0px;
  }
  .mainpruh{
   background-image: none;
  }
  DIV.Rpanel{
   float: none;
   width: 98%;
   margin: 0px auto 10px auto;
  }
  .zalozky{
   display: none;
  }
  .rs_zalozky{
   display: block;
  }
  .rs_zalozky TABLE{
   width: 100%;
  }
  .rs_zalozky TABLE TR TD{
   padding: 5px 10px 5px 10px;
  }
  .rs_zalozky SELECT{
   width: 100%;
  }
  .DM_nadpis{
   width: calc(100% - 20px);
   position: relative;
  }
  .DM_nad{
   width: 100%;
  }
  .DM_nadpis .DM_nad A,
  .DM_nadpis .DM_nad A:link,
  .DM_nadpis .DM_nad A:visited{
    width: 100%;
   }
  .DM_nadpis A STRONG{ font-size: 20px; }
  .DM_nadpis A EM{
   display: block;
   text-align: right;
  }
  .DM_nadpis .DM_nad .doba_podavani{
   position: absolute;
   bottom: 10px;
   left: 10px;
   padding: 0px;
  }
  TABLE.DM,
  TABLE.listek{
   width: 100%;
  }
  TABLE.DM TR.DM_kat TD,
  TABLE.listek TR.DM_kat TD{
   background-color: #E0E0E0;
  }
  TABLE.DM TR.DM_text TD.rs_cara,
  TABLE.listek TR.Rtext TD.rs_cara{
   display: block;
   border-bottom: solid 1px #E0E0E0;
   margin: 0px 0px 10px 0px;
  }
  TABLE.DM TR.DM_text TD,
  TABLE.listek TR.Rtext TD{
   display: block;
   padding: 3px 15px 3px 15px;
   width: calc(100% - 30px) !important;
   text-align: center;
  }
  TABLE.DM TR.DM_text TD.mnozstvi,
  TABLE.listek TR.Rtext TD.mnozstvi,
  TABLE.DM TR.DM_text TD.kod,
  TABLE.listek TR.Rtext TD.kod{ text-align: left; }
  TABLE.DM TR.DM_text TD.cena,
  TABLE.listek TR.Rtext TD.cena{ text-align: right; color: #E6771B; }
  .FIXblok{
   position: relative;
  }
  .filtrREST DIV.f DIV{
   max-width: calc(100% - 10px);
  }
  .filtrREST DIV.f DIV{
   width: 100%;
   overflow: hidden;
  }
  .restaurace A.r SPAN.L{
   width: 45px;
   margin: 10px 10px 0px 10px;
  }
  .restaurace A.r SPAN.SP{
   float: none;
   display: block;
   *width: 100%;
   width: 100%\0;
   width: 100%;
  }
  .restaurace A.r .Rnadpis .Rnazev{ float: none; }
  .restaurace A.r .Rnadpis .Rotvdoba{
   float: none;
   text-align: right;
  }
  .restaurace A.r SPAN.SP .popis2{
   padding: 0px;
   width: 100%;
  }
  .restaurace .Rdetaily{
   position: relative;
   float: none;
   top: auto;
   right: auto;
   width: 90%;
   margin: 10px auto 20px auto;
  }
  .restaurace A.button{
   position: relative;
   top: auto;
   right: auto;
   width: 90%;
   margin: 10px auto 20px auto;
  }
  .aaa H1,
  .aaa2 H1{ padding-right: 0px; }
  .aaa H1 EM{
   padding: 10px 20px 0px 0px;
  }
  .aaa A SPAN.L{
   display: none;
  }
  .aaa A SPAN.SP{
   float: none;
   display: block;
   width: 100%;
  }
  .aaa A SPAN.Apopis,
  .aaa A SPAN.Arest{
   float: none;
   display: block;
   width: 90%;
   padding: 0px;
   margin: 10px auto 10px auto;
  }
  TABLE.uaaa TR TD{
   display: block;
   text-align: left;
  }
  TABLE.uaaa TR TD{
   display: block;
   text-align: left;
  }
  .blok TABLE TR TD H2{
   font-size: 18px;
   letter-spacing: -1px;
   padding: 5px 20px 5px 20px;
  }
  .blok TABLE.uaaa TR TD H2{
   padding: 5px 10px 5px 10px;
  }
  .miniblok{
   float: none;
  }
  .miniblok1,
  .miniblok2, .miniblok2_1,
  .miniblok3, .miniblok3_1,
  .miniblok4, .miniblok4_1,
  .miniblok5, .miniblok5_1{
   width: 100%;
   margin: 0px 0px 15px 0px;
  }
  .oteviraci_doba,
  .aaa_dny{
   position: relative;
   right: auto;
   float: none;
   width: 90%;
   max-width: 400px;
   margin: 0px auto 20px auto;
  }
  .oteviraci_doba TABLE,
  .aaa_dny TABLE{
   width: 100%;
  }
  .aaa_text DIV{
   padding: 15px 0px 5px 0px;
  }
  .Rpopis{
   float: none;
   max-width: 90%;
   padding: 5px 0px 5px 0px;
   margin: 0px auto 10px auto;
  }
  .Rtd{
   float: none;
   padding: 5px 0px 0px 0px;
   max-width: 90%;
   margin: 0px auto 10px auto;
  }
  .paticka1 DIV.pata,
  .paticka2 DIV.pata{
   float: none;
   width: 100%;
   margin: 0px 0px 10px 0px;
   color: #FFFFFF;
   text-align: left;
  }
  .paticka1 DIV.pata STRONG,
  .paticka2 DIV.pata STRONG{
   padding: 0px 0px 20px 10px;
  }
  .FB, .G{
   text-align: center;
  }
  .fb IFRAME{
   width: 300px;
   margin: 0px auto 0px auto;
  }
  A.copy:link, A.copy:visited,
  A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
  }
}
/* TABLET */
@media screen and (min-width: 640px) and (max-width: 1000px){
  .pozpruh{
   background-size: 1000px auto;
   background-position: center -120px;
  }
  .pozpruh .main{
   height: 300px;
  }
}
/* TABLET a PC do 1200px*/
@media screen and (min-width: 1000px) and (max-width: 1200px){
  .pozpruh{
   background-position: center -190px;
  }
}
/* PC (šířka 1200 px - ...) */
@media screen and (min-width: 1200px){
  .pozpruh{
   background-position: center -190px;
  }
}