@media screen and (max-width: 800px)
{
    
    div.admintable { display: none; }
    
    #zahlavi .okraj { padding: 0px 0px; }
    #content_obsah .content_obsah_in { padding: 0px 10px; }
    .breakerright { clear: both; }
    
    #bodydiv { width: 100%; }
    #content_obsah { float: none; width: 100%; }
    #sloupec { float: none; width: 100%; }
    
    h1 { margin-bottom: 15px; }
    #zahlavi .logo { float: none; width: 100%; text-align: center; }
    #zahlavi .logo img { border: 0px; padding: 10px 0px; width: 90%; text-align: center; }

    #zahlavi .zahlavi_box_kontakty { float: none; margin: 0px 0px 0px 0px; }
    #zahlavi .box_kontakty { float: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }
    #zahlavi .box_kontakty li { float: none; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }

    #menu { width: 100%; float: none; margin: 5px 0px 0px 0px; }
    #menu ul { list-style-type: none; background-color: rgba(255,255,255,1); padding: 5px; }
    #xmenu ul li { list-style-type: none; float: none; text-align: center; padding: 6px 4px 6px 4px; }
    #menu ul li { padding: 10px 20px; margin: 0px 5px 0px 0px; border: 1px solid #efefef; border-radius: 3px; }    
    #menu ul li:hover {  }
    #menu ul li a { text-decoration: none;  }
    #menu ul li a:hover { text-decoration: none; }
    #menu ul li.active a {  }
    
    #sloupec ul { list-style-type: none; }
    #sloupec ul:last-child { margin-bottom: 0px; }
    #sloupec ul li.nadpis {  }
    #sloupec ul li { text-align: center; }

    .article_clanek .fotky_perex img { float: left; width: 100%; display: inline-block; }
    
    /* ---- header */
    #header { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    background-color: black;
    background-image: url(pics/header201609.jpg); background-size: auto 100% ;
    background-position: top center;
    background-repeat: no-repeat;
    }
    #header .headerdiv { text-align: center; }
    #header .label1 { font-size: 48px; color: white; text-align: center; padding: 20px 0px 20px 0px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.7); font-weight: bold;
    }
    #header .label2 { font-size: 31px;
    color: rgba(255,255,255,0.95); background-color: rgba(0,0,0,0.3);
    text-align: center; padding: 20px 30px;
    border: 1px solid rgba(255,255,255,0.5); border-radius: 4px;
    margin: 20px 0px 40px 0px; display: inline-block; }
    
    #paticka .box_paticka { float: none; width: 100%; }
    #paticka .box_paticka li { text-align: center; }
    #paticka .box_paticka li a { color: white; text-decoration: none; }
    #paticka .box_paticka div.nadpis { text-align: center; }

}