/* MOBIL */
@media screen and (max-width: 767px), screen and (orientation: portrait){
  H1, H2{
    padding: 10px;
    font-size: 20px;
  }
 .toppruh, .menu, .bottom{
   min-width: 100%;
 }
 .main{
   width: 95%;
   min-width: 95%;
 }
 .top_motto{
   padding: 10px 0px 10px 10px;
   font-size: 20px;
 }
 .top_info{
   float: left;
   padding: 0px 20px 0px 20px;
   font-size: 18px;
   text-align: center;
   line-height: 100%;
 }
 .top_info EM{
   display: block;
 }
 .menu{
   display: none;
 }
 .menu_respons{
   display: block;
   background-image: url(obr/menuico.png);
   background-repeat: no-repeat;
   background-position: right -7px;
 }
 .menu_respons A,
 .menu_respons A:link, .menu_respons A:visited{
   display: block;
   width: calc(100% - 50px);
   padding: 7px 0px 7px 50px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: 5px 5px;
   text-decoration: none;
   cursor: pointer;
   color: #A8C343;
   text-align: left;
   font-size: 27px;
 }
 .menu_respons A:hover, .menu_respons A:active{
   color: #6F8715;
   background-image: url(obr/ico_menu_over.png);
 }
 .smenu_respons{
   clear: both;
   padding: 0px 0px 0px 0px;
 }
 .smenu_respons A,
 .smenu_respons A:link,
 .smenu_respons A:visited{
   float: none;
   display: block;
   width: 100%;
   padding: 5px 0px 5px 20px;
   margin: 0px;
   color: #A8C343;
   background-color: #FFFFFF;
   border-top: solid 1px #A8C343;
   text-align: left;
   text-decoration: none;
 }
 .smenu_respons A:hover,
 .smenu_respons A:active{
   color: #FFFFFF;
   background-color: #A8C343;
 }
  .timto{
    padding: 40px 20px 10px 20px;
  }
  .oznameni{
   width: 100%;
  }
  .oznameni IFRAME{
   width: 100%;
  }
  TABLE TR TD{
    display: block;
  }
  TABLE TR TH{
    font-size: 16px;
  }
  TABLE TR TD .foto IMG{
    width: calc(100% - 2px);
  }
  DIV.mapa{
    width: calc(100% - 4px);
  }
  .bottom{
     width: 100%;
     min-width: 100%;
     max-width: 100%;
  }
  A.copy:link, A.copy:visited,
  A.kao:link, A.kao:visited{
    float: none;
    margin: 20px 0px 0px 0px;
  }
}
/* TABLET */
@media screen and (orientation: portrait) and (min-width: 460px) {
 .top_info{
   float: right;
   text-align: left;
   padding: 35px 20px 0px 0px;
   font-size: 20px;
   line-height: auto;
 }
 .top_info EM{
   display: inline;
 }
}
/* PC (šíøka 980 - 1200 px) */
@media screen and (max-width: 1200px){
  .menu A,
  .menu A:link, .menu A:visited{
   padding-left: 1%;
   padding-right: 1%;
  }
}