/* Nahrazuje původní rámce (frames): levá navigace, hlavička a obsah v jedné stránce. */
html, body { margin: 0; padding: 0; background: #000; color: #ccc; }
#navigace {
    position: fixed; left: 0; top: 0; bottom: 0; width: 120px;
    display: flex; flex-direction: column; align-items: flex-end;
    background: #000 url(img/bg_navigace.gif); overflow-y: auto; scrollbar-width: none;
}
#navigace a { display: block; line-height: 0; }
#navigace img { display: block; border: 0; }
#hlavicka {
    position: fixed; left: 120px; right: 0; top: 0; height: 75px; z-index: 2;
    background: #000 url(img/cara.gif) repeat-x left 71px;
}
#hlavicka form { display: flex; justify-content: space-between; align-items: flex-end; width: 630px; height: 71px; }
#hlavicka img { border: 0; }
#hlavicka .logo { line-height: 0; }
#hlavicka .vpravo { text-align: right; }
#hlavicka input[type=text] { font-size: 10px; }
#obsah { margin-left: 120px; padding-top: 75px; min-height: calc(100vh - 75px); background: #000 url(img/bg_obsah.gif); }
.vnitrek { max-width: 610px; padding: 16px 10px 40px 12px; }
.vnitrek img { max-width: 100%; height: auto; }
.vnitrek table { max-width: 100%; }
.chybi { font-weight: bold; color: #999; }
.bez-navigace #navigace { background: #000; }
#hledani-stav { margin-bottom: 12px; }
.vysledek { margin-bottom: 12px; }
.vysledek p { margin: 2px 0 0; }

@media (max-width: 760px) {
    #navigace { width: 72px; }
    #hlavicka { position: static; margin-left: 72px; height: auto; background: #000; border-bottom: 4px solid #630; }
    #hlavicka form { flex-wrap: wrap; width: auto; height: auto; padding: 4px; }
    #hlavicka .logo img { max-width: 100%; height: auto; }
    #obsah { margin-left: 72px; padding-top: 0; min-height: 100vh; }
    .vnitrek { padding: 10px 8px 30px; overflow-wrap: anywhere; }
}
@media print {
    #navigace, #hlavicka, .tisk { display: none; }
    html, body, #obsah { background: #fff; color: #000; margin: 0; padding: 0; }
    a { color: #000; }
}