label input[type=checkbox] {
    margin-right: 10px;
}
div.divadlo {
    padding-bottom: 1px;
}
div.divadlo div.program {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-right: 30px;
}
div.divadlo div.program div.foto img {
    max-width: 100%;
}
div.divadlo div.program div.den, div.divadlo div.program div.mesic, div.divadlo div.program div.cas {
    text-align: center;
}
div.divadlo div.program div.den {
    font-size: 3em;
    font-weight: 700;
}
div.divadlo div.program div.prelepky {
    display: inline-block;
    margin-bottom: 2px;
}
div.divadlo div.program div.prelepky {
    text-align: right;
    padding: 0;
    padding-bottom: 35px;
}
div.divadlo div.program div.nazev {
    font-size: 2em;
    font-weight: 700;
}
div.divadlo div.nazev a {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
div.divadlo div.nazev a:hover {
    border-bottom: 2px solid #f06;
}
div.divadlo div.cely_program a {
    color: #f06;
    border: 2px solid #f06;
    padding: 4px 6px;
    display: inline-block;
    font-weight: 700;
}
div.divadlo div.cely_program a:hover {
    text-decoration: none;
    background-color: #f06;
    color: #fff;
}

div.divadlo.inscenace h1 {
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom: 15px;
}
div.divadlo.inscenace div.perex {
    font-weight: 700;
    margin-bottom: 15px;
}
div.divadlo.inscenace div.popis {
    font-weight: 300;
    margin-bottom: 45px;
}
div.divadlo.inscenace div.yt {
    margin-bottom: 15px;
}

div.divadlo.reprizy {
    padding-top: 26px;
}

div.divadlo.info {
    font-weight: 300;
}
div.divadlo.info div.kategorie div.nadpis {
    text-transform: uppercase;
    padding-top: 20px;
}

div.divadlo-osoba img.osoba-titulka {
    width: 200px;
    max-width: 100%;
    float: left;
    margin-right: 20px;
}

div.divadlo-tvorba img.inscenace-titulka {
    width: 100%;
}

div.divadlo div.prelepky span {
    font-size: 10px;
    padding: 4px;
    border: 2px solid transparent;
}
div.divadlo div.prelepky a {
    text-decoration: none;
}
div.divadlo div.prelepky span.bila {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
}
div.divadlo div.prelepky span.cerna {
    background-color: #000;
    color: #fff;
}
div.divadlo div.prelepky span.modra {
    background-color: #78d2ed;
    color: #fff;
}
div.divadlo div.prelepky span.zluta {
    background-color: #f5ca01;
    color: #fff;
}
div.divadlo div.prelepky span.vstupenky {
    color: #f06;
    background-color: #fff;
    border: 2px solid #f06;
    position: absolute;
    bottom: 0;
    right: 0;
}
div.divadlo div.prelepky span.vstupenky:hover {
    background-color: #f06;
    color: #fff;
    border: 2px solid #f06;
}

h2.mesic {
    margin-top: 30px;
    margin-bottom: 40px;
    color: #f06;
    text-transform: uppercase;
}

div.divadlo div.datum, div.divadlo div.cas, div.divadlo div.den {
    padding: 0;
}

div.divadlo div.male-datum {
    display: flex;    
}

div.divadlo div.cas {   
    padding-left: 10px;
    color: #f06;
}

div.divadlo div.den {
    text-align: center;
}

@media all and (max-width: 992px) and (min-width: 768px){
    div.divadlo div.male-datum {
        padding-left: 30px;
    }
}

@media all and (max-width: 667px) {
    div.divadlo div.male-datum {
            flex-flow: column;
    }
    div.divadlo div.mesic{
        padding-left: 10px;
    }
    div.divadlo div.datum {
        margin-top: -6px;
    }
}

@media all and (max-width: 445px) {
    div.divadlo div.male-datum {
        padding-left: 20px;
    }
}

@media all and (max-width: 360px) {
    div.divadlo div.male-datum {
        padding-left: 25px;
    }
}