@media (max-width: 750px) {
   
    div#telo {
        background-image: none;
    }

    div#sidebar {
        float:left;
        background: none;
    }

    div#obsah {
        float: right;
        width: 70%;
    }

    div#dantik {
        width: auto;
    }

    #automat img {
        width:24% !important;
        height:auto !important;
    }

    #obsah div#automat {
        width: 100%;
        height: auto;
        margin: 0px;
    }

    #obsah div#akce {
        background-position: top right;
        margin: 0px;
        padding: 0px;
        height: auto;
    }

    div#kontrast {
        margin: 0px;
    }

    div#blokikon {
        width: auto; 
        height: auto; 
        margin: 0px; 
        background-color: #DFBA00; 
    }

    #obsah h1 {
        margin: 0px;
        padding: 0;
        font-size: 12pt;
        border-bottom: none;
    }

    div#zahlavi a#zahlaviindex {
        display: block;
        width: auto;
    }

    #obsah div#akce p {
        float: none;
    }

    div.zaznam p.info {
        width: auto;
    }

    #obsah div#kontrast, #obsah div#kontrast-novinky {
        margin: 0px;
    }
}

@media (max-width: 580px) {
    div#sidebar {
        float:none;
        background: white;
        width: auto;
        height: auto;
    }

    div#obsah {
        float: none;
        width: 70%;
        width: auto;
    }

    div#sidebar .box {
        border: none;
        float: left;
        width: 50%;
        margin: 0px;
    }

    div#obsah div#vypis {
        margin: 0;
    }

    div#obsah form {
        margin: 0px;
    }

    div#detail {
        margin: 0; 
    }

    .mainimage {
        width: 100%;
        float: none;
    }
}