/* 0 px - 493 px */
@media screen and (max-width: 493px){

}
/* 0 px - 640 px */
@media screen and (max-width: 640px){
  .slider A.slider_tlacitko,
  .slider A.slider_tlacitko:link
  .slider A.slider_tlacitko:visited{
    display: none;
  }
  .fajfky{
     padding-left: 0px;
     padding-right: 0px;
  }
  .fajfky A, .fajfky A:link, .fajfky A:visited{
    padding: 3px 8px 3px 8px;
    margin: 2px 3px 2px 3px;
    background-image: none;
    font-size: 15px;
  }
  .pozpruh2{ height: 60px; }
  .zalozky{
    padding: 5px 0px 5px 0px;
  }
  .zalozky A, .zalozky A:link, .zalozky A:visited {
    padding: 5px;
    margin: 5px;
    font-size: 15px;
    height: 45px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #696D70;
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_nev{ display: none; }
  .rs_block{ display: block; }
  .toppruhpoz{
   height: 60px;
  }
  .toppruh{
   width: 100%;
   height: 60px;
   max-width: 100%;
   min-width: 100%;
  }
  .topprouzekpoz{ display: none; }
  A.logo,
  A.logo:link,
  A.logo:visited{
   float: left;
   width: 220px;
   height: 60px;
   background-image: url(obr/rs_logo_KAO_cz.png);
   background-position: 10px center;
  }
  A.logo:hover,
  A.logo:active{
   background-image: url(obr/rs_logo_KAO_cz_over.png);
  }
  .sluzby A.logo{ background-image: url(obr/rs_logo_KAO_cz_zelene.png); }
  .prostredky A.logo{ background-image: url(obr/rs_logo_KAO_cz_hnede.png); }
  .projekty A.logo{ background-image: url(obr/rs_logo_KAO_cz_hnede.png); }
  .reference A.logo{ background-image: url(obr/rs_logo_KAO_cz_modre.png); }
  .poptavka A.logo{ background-image: url(obr/rs_logo_KAO_cz_cervene.png); }
  .kontakty A.logo{ background-image: url(obr/rs_logo_KAO_cz_fialove.png); }
  .podporujeme A.logo{ background-image: url(obr/rs_logo_KAO_cz_fialove.png); }
  A.logo STRONG,
  A.logo:link STRONG,
  A.logo:visited STRONG{
   display: block;
   height: 60px;
   padding: 10px 0px 0px 70px;
   font-size: 14px;
   font-weight: 300;
   color: #E0E0E0;
  }
  A.logo:hover STRONG,
  A.logo:active STRONG{
   color: #B4D4A3;
  }
  .menu1, .menu2{
   display: none;
  }
  .menu_respons{
   display: block;
  }
  .menu_respons A,
  .menu_respons A:link, .menu_respons A:visited{
   position: absolute;
   top: 10px;
   right: 10px;
   display: block;
   width: 42px;
   height: 42px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
  }
  .menu_respons A:hover, .menu_respons A:active{
   background-image: url(obr/ico_menu_over.png);
  }
  .smenu_respons1, .smenu_respons2{
   float: left;
   width: 50%;
  }
  .smenu_respons2_cara{ border-left: solid 1px #666666; }
  .smenu_respons{
   display: none;
   position: fixed;
   top: 59px;
   left: 0px;
   width: 100%;
   background-image: url(obr/poz1.png);
   border-top: solid 1px #666666;
   z-index: 19;
  }
  .smenu_respons A,
  .smenu_respons A:link,
  .smenu_respons A:visited{
   display: block;
   width: 100%;
   color: #FFFFFF;
   text-align: left;
   text-decoration: none;
  }
  .smenu_respons .smenu_respons2 A,
  .smenu_respons .smenu_respons2 A:link,
  .smenu_respons .smenu_respons2 A:visited{
   font-size: 13px;
   font-weight: 300;
  }
  .smenu_respons A:hover,
  .smenu_respons A:active,
  .smenu_respons A.a,
  .smenu_respons A.a:link,
  .smenu_respons A.a:visited{
   background-color: #000000;
  }

  .smenu_respons A STRONG,
  .smenu_respons A:link STRONG,
  .smenu_respons A:visited STRONG{
   display: block;
   font-weight: 300;
  }
  .smenu_respons1 A STRONG,
  .smenu_respons1 A:link STRONG,
  .smenu_respons1 A:visited STRONG{
   padding: 10px 0px 0px 20px;
   height: 35px;
  }
  .smenu_respons1 A:hover STRONG,
  .smenu_respons1 A:active STRONG{
   font-weight: 400;
  }
  .smenu_respons1 .sluzby A STRONG{ border-left: solid 5px #00632B; }
  .smenu_respons1 .prostredky A STRONG{ border-left: solid 5px #694625; }
  .smenu_respons1 .reference A STRONG{ border-left: solid 5px #254654; }
  .smenu_respons1 .poptavka A STRONG{ border-left: solid 5px #AD0000; }
  .smenu_respons1 .kontakty A STRONG{ border-left: solid 5px #422A53; }
  
  .smenu_respons2 A STRONG,
  .smenu_respons2 A:link STRONG,
  .smenu_respons2 A:visited STRONG{
   padding: 10px 0px 0px 10px;
   height: 30px;
  }
  .smenu_respons2 .menu2_komplex A STRONG,
  .smenu_respons2 .menu2_komplex A:link STRONG,
  .smenu_respons2 .menu2_komplex A:visited STRONG{
   padding: 10px 0px 0px 10px;
   height: 55px;
  }

  .smenu_respons1 .sluzby A:hover, .smenu_respons1 .sluzby A:active,
  .smenu_respons1 .sluzby A.a,
  .smenu_respons1 .sluzby A.a:link, .smenu_respons1 .sluzby A.a:visited,
  .smenu_respons2 .menu2_komplex A:hover, .smenu_respons2 .menu2_komplex A:active,
  .smenu_respons2 .menu2_komplex A.a,
  .smenu_respons2 .menu2_komplex A.a:link, .smenu_respons2 .menu2_komplex A.a:visited{ background-color: #00632B; }

  .smenu_respons1 .prostredky  A:hover, .smenu_respons1 .prostredky  A:active,
  .smenu_respons1 .prostredky  A.a,
  .smenu_respons1 .prostredky  A.a:link, .smenu_respons1 .prostredky  A.a:visited,
  .smenu_respons2 .menu2_reference A:hover, .smenu_respons2 .menu2_reference A:active,
  .smenu_respons2 .menu2_reference A.a,
  .smenu_respons2 .menu2_reference A.a:link, .smenu_respons2 .menu2_reference A.a:visited{ background-color: #694625; }

  .smenu_respons1 .reference A:hover, .smenu_respons1 .reference A:active,
  .smenu_respons1 .reference A.a,
  .smenu_respons1 .reference A.a:link, .smenu_respons1 .reference A.a:visited,
  .smenu_respons2 .menu2_systemy A:hover, .smenu_respons2 .menu2_systemy A:active,
  .smenu_respons2 .menu2_systemy A.a,
  .smenu_respons2 .menu2_systemy A.a:link, .smenu_respons2 .menu2_systemy A.a:visited{ background-color: #254654; }

  .smenu_respons1 .poptavka A:hover, .smenu_respons1 .poptavka A:active,
  .smenu_respons1 .poptavka A.a,
  .smenu_respons1 .poptavka A.a:link, .smenu_respons1 .poptavka A.a:visited,
  .smenu_respons2 .menu2_projekty A:hover, .smenu_respons2 .menu2_projekty A:active,
  .smenu_respons2 .menu2_projekty A.a,
  .smenu_respons2 .menu2_projekty A.a:link, .smenu_respons2 .menu2_projekty A.a:visited{ background-color: #AD0000; }

  .smenu_respons1 .kontakty A:hover, .smenu_respons1 .kontakty A:active,
  .smenu_respons1 .kontakty A.a,
  .smenu_respons1 .kontakty A.a:link, .smenu_respons1 .kontakty A.a:visited,
  .smenu_respons2 .menu2_podporujeme A:hover, .smenu_respons2 .menu2_podporujeme A:active,
  .smenu_respons2 .menu2_podporujeme A.a,
  .smenu_respons2 .menu2_podporujeme A.a:link, .smenu_respons2 .menu2_podporujeme A.a:visited{ background-color: #422A53; }
  
  .slider, .owl-carousel{
   height: 400px;
  }
  .slider .stext{
   height: 400px;
   background-size: auto 100%;
  }
  .sblok{
    width: 100%;
    height: 300px;
  }
  .slider DIV.slider_nadpis{
   top: -20px;
   left: 10px;
   width: 90%;
   font-size: 30px;
   text-shadow: 2px 2px 0px #000000;
  }
  .slider DIV.slider_popis1{
   top: 85px;
   left: 10px;
   width: 90%;
   font-size: 20px;
   text-shadow: 1px 1px 0px #000000;
  }
  .slider DIV.slider_popis2{
   top: 165px;
   left: 10px;
   width: 90%;
   font-size: 16px;
   text-shadow: 1px 1px 0px #000000;
  }
  
  .pruh{
   padding: 15px 0px 15px 0px;
  }
  .smain,
  .main{
   width: 90%;
   max-width: 90%;
   min-width: 90%;
  }
  H1, H2, H3{
   font-size: 24px;
   line-height: normal;
  }
  H3, H1 EM, H2 EM, H1 A EM, H2 A EM{
   font-size: 18px;
  }
  .mainL, .mainP,
  .mainL1, .mainP1,
  .mainL2, .mainP2{
   float: none;
   width: 100%;
   max-width: 100%;
   min-width: 100%;
   margin: 0px auto 20px auto;
  }
  
  DIV.kgraf{
   float: none;
   width: 100%;
   max-width: 193px;
   margin: 0px auto 20px auto;
  }
  DIV.vgrafy{
   padding: 20px;
  }
  .pozadi_zelena.bila.fs24{ font-size: 16px; }
  .Reference H3 EM,
  .Reference H3 A EM,
  .Reference H3 A:link EM, .Reference H3 A:visited EM{
   font-size: 14px;
   padding-bottom: 10px;
  }  
  .Reference .reference{
    background-image: none;
  }
  .Reference .reference A.r,
  .Reference .reference A.r:link,
  .Reference .reference A.r:visited{
   width: calc(100% - 90px);
   height: 270px;
   margin: 0px 0px 20px 0px;
  }
  .Reference DIV.reference_bod{
   width: 90px;
   height: 270px;
  }
  .Reference DIV.reference_bod SPAN{
   font-size: 14px;
   top: 50px;
   line-height: 30px;
  }
  .Reference DIV.reference_bodP SPAN{
   padding: 13px 0px 0px 17px;
   width: calc(100% - 5px);
  }
  .Reference DIV.reference_bodL SPAN{
   padding: 13px 17px 0px 0px;
   width: calc(100% - 5px);
  }
  .Reference .reference A SPAN.screen{
    height: 200px;
    background-size: auto 100%;
  }
  .Reference .reference A SPAN.mobil, DIV.mobil{
    bottom: 60px;
  }
  .Reference .reference A STRONG{
    top: 200px;
    font-size: 20px;
  }
  .Reference .reference A STRONG.srs{
    width: 85%;
  }
  .Reference .reference A SPAN.popis{
    top: 200px;
  }
  .Reference DIV.reference_bodP{
    margin: 0px 0px 0px 0px;
  }
  .Reference DIV.reference_bod EM{
    font-size: 16px;
  }
  A.panel, A.panel:link, A.panel:visited, DIV.panel{
   float: none;
   width: 100%;
   margin-left: 0%;   
  }
  
  .copy, A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
   text-align: center;
  }
  .paticka{
   width: calc(100% - 40px);
   padding: 50px 20px 50px 20px;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
  }
}
/* 1001 px - 1300 px */
@media screen and (min-width: 1001px) and (max-width: 1300px){


}
/* 1301 px - ... */
@media screen and (min-width: 1301px){

}