BODY {
    /* IE hack*/
        _text-align: center;
        font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        color: #333;
        
        background-image: url('/obr/pozadi.jpg');
        
        /* IE hack*/
        _text-align: center;
        font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    
    }
    
    
    IMG{
      border: 0px;
    }
    
    /* VSEOBECNY STYLY*/
    TABLE.menutitle{
      margin: 2px auto 0px auto;
      width: 586px;
    }
    
    .rucicka{
      cursor: "hand";
      cursor: pointer;
    }
    
    TABLE.menutitle H3{
      text-align: right;
    }
    
    
    table.menutitle td {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .clanek_text{
        margin: 0px 3px 0px 3px;
    }
    
    
    TD {
        padding: 7px 5px 7px 5px;
        text-align: left;
    }
    
    .h1_tabulka {
      margin-top: 20px;
      margin-bottom: 12px;
    }
    
    H2 {
        color : #333;
        font : italic 20px "Trebuchet MS", "Geneva CE", lucida, sans-serif;
        margin: 15px 0px 5px 0px;
        text-align: left;
    }
    
    H3 {
        color : #333;
        font : italic 16px "Trebuchet MS", "Geneva CE", lucida, sans-serif;
        margin: 15px 0px 5px 0px;
        text-align: left;
        font-weight: bold;
    }
    
    TABLE.galerie
    {
      margin: 20px auto 0px auto;
    }
    
    TABLE.galerie TD
    {
        text-align: center;
        padding: 0px 0px 0px 0px; 
        border : 1px solid #ddd;
        height: 200px;
        vertical-align: middle;
    }
    
    
    TABLE.tvs{
        font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        border-left: 1px solid #fde6ca;
        border-right: 1px solid #e8d2ba;
        border-spacing : 0px;
        margin: 10px auto 25px auto;
        _margin: 25px auto 25px auto;
      text-align: center;
      width: 60%;
    }
    
    TABLE.tvs CAPTION{
      color : #444444;
        font : italic 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align: left;
        font-weight: bold;
        margin: 14px auto 0px auto;
        padding: 0px 0px 0px 0px; 
    }
    
    
    TABLE.tvs THEAD{
        color: #FFFFFF;
        background-color: #2e7eaa;
        /*font-weight : bold;*/
        font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
        font-style: italic;
        font-size: 15px;
    }
    
    TABLE.tvs TFOOT{
      background-color: #2E7EAA;
      color: white;
    }
    
    
    TABLE.tvs TR.lichy{
        background-color: #fcdfbc;
        text-align: left;
    }
    table.tvs tr.lichy tr {
        border-top: 1px solid #feefde;
        border-bottom: 1px solid #e5c4a0;
    }
    
    TABLE.tvs TR.sudy{
        background-color: #ffefda;
        text-align: left;
    }
    table.tvs tr.sudy td {
        border-top: 1px solid #fff7ed;
        border-bottom: 1px solid #e8d2ba;
    }
    
    table.tvs a, table.tvs a:visited {
        color: #2b5779;
    }
    
    table.tvs td {
        padding-left: 10px;
    }
    
    /* DISKUZE */
    /* Odkaz "Založit téma" nad výpisem témat. Tabulka témat je 540 px na střed,
       takže odkaz musí mít stejnou šířku, jinak by na velkých displejích začínal
       daleko vlevo od ní. */
    .akce-diskuze {
        width: 540px;
        margin: 10px auto 0 auto;
    }

    /* Formulář nového tématu: popisek nad polem (dřív byl v tabulce vlevo). */
    .table_nove_tema .pole {
        margin: 0 0 14px 0;
    }
    .table_nove_tema .pole LABEL {
        display: block;
        margin-bottom: 3px;
        font-weight: bold;
    }
    .table_nove_tema .pole INPUT[type="text"],
    .table_nove_tema .pole TEXTAREA {
        width: 100%;
        box-sizing: border-box;
    }
    .table_nove_tema .pole TEXTAREA {
        min-height: 160px;
    }

    .table_nove_tema
    {
      margin-top: 30px;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      width: 550px;
    }
    
    .nadpis_nove_tema
    {
      padding: 4px 8px 4px 8px;
      margin: 0px 0px 17px 0px;
      color: #FFFFFF;
      
      font-weight: bold;
      font-size: 13px;
      
      background-color: #B22222;
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;  
    }
    
    /* VÝPIS VZKAZŮ V DISKUZI */
          DIV.vzkaz{
            width: 550px;  
            margin: 35px auto 40px auto;
          }
          
          DIV.vz_autor{
            font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
            margin: 0px auto 0px auto;
            padding: 7px 4px 5px 7px;
    
            border: 1px solid #ddd;  
            background-color : #2E7EAA;                        
            font-style: italic;
            text-align: left;
            font-size: 15px;
            
            color: white;
    
            overflow: hidden;
          }
          
          DIV.vz_vzkaz{
            margin: 0px auto 0px auto;
            padding: 7px 12px 5px 15px;
    
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;  
            
            text-align: left;
            overflow: auto;
          }
          
          DIV.vz_vzkaz P{
            margin: 7px auto 5px auto;
            line-height: 140%;
          }
          
          DIV.vz_datum{
            margin: 0px auto 0px auto;
            padding: 2px 7px 7px 4px;
    
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;  
            border-bottom: 1px solid #ddd;
    
            text-align: right;
            font-size: 12px;
            font-style: italic;
            color: #888888;
          }
          
          DIV.vz_vzkaz P IMG
          {
            margin: 0px 7px 0px 7px;
            vertical-align: middle;
          }
    
    
    .kurzor_rucicka
    {
      cursor: pointer;
      cursor = hand;
    }
    
    .div_pod_vypisem_temat
    {
      width: 540px;
      text-align: right;
      margin: 0px auto 0px auto;
    }
    
    
    
    TABLE#hlavicka {
        width: 764px;
        margin: 0px auto 0px auto;
        border-style: solid;
        border-width: 0px 1px 0px 1px;
        border-color: #a0c4d9;
        vertical-align: bottom;
    }
    
    TABLE#hlavicka THEAD TR TD{
        background-image: url('../obr/hlavicka-2023.jpg?rnd');
        height: 162px;
    }
    TABLE#hlavicka TD {
        font-size: 1em;
        text-align: center;
        padding: 0px 0px;
    }
    TABLE#hlavicka TD.licha {
        background-color: #C3E2FF;
        border-right: 7px solid #D7EBFF;
        border-left: 7px solid #D7EBFF;
    }
    TABLE#hlavicka TD.suda {
        background-color: #D7EBFF;
        border-right: 7px solid #C3E2FF;
        border-left: 7px solid #C3E2FF;
    }
    
    TABLE#hlavicka TD A{
      display: block;
        width: 100%;
        margin: 0px 0px;
        color: #0000FF;
        text-decoration: none;
        padding-top: 3px;
        height: 28px;
        font-size: 17px;
    }
    TABLE#hlavicka TD.volba:hover{
        border-right: 7px solid #A52A2A;
        border-left: 7px solid #A52A2A;
    }
    TABLE#hlavicka TD.volba A{
      color: #A52A2A;
    }
    TABLE#hlavicka TD.volba A:hover{
      color: white;
    }
    
    
    #telo {
      background-color: white;
        width: 762px;
        margin: 0px auto 0px auto;
        padding: 25px 0px 25px 0px;
        border-right: 1px solid #a0c4d9;
        border-left: 1px solid #a0c4d9;
    }
    #paticka {
        margin: 0px auto 0px auto;
        width: 752px;
        height: 59px;
        background: url('/obr/paticka.jpg');
        font-size: 1em;
        color: #999999;
        background-color: #FFFFFF;
        padding-top: 32px;
        padding-right: 10px;
        text-align: right;
        border-right: 1px solid #a0c4d9;
        border-left: 1px solid #a0c4d9;
    }
    #paticka A, #paticka A:hover, #paticka A:visited {
        color: #999999;
    }
    .skryta {
        visibility: hidden;
    }
    
    
    DIV.clanek {
        width: 650px;
        margin: 0px auto 0px auto;
        padding: 15px 0px 5px 0px;
    }
    DIV.clanek P{
        text-align: justify;
        line-height: 140%;
        margin: 10px auto 10px auto;
    }
    DIV.clanek P.odkazy{
      margin-top: 3px;
      margin-bottom: 3px;
      text-align: left;
      font-size: 0.8em;
      text-indent: 3em;
    }
    
    
    
    
    
    
    
    
    
    
    A {
        color: #ff6101;
    }
    
    A:hover, A:active {
        color: #307FAB;
    }
    
    
    
    /* Navigace pro procházení článků. Nahoře odkaz na novější články, dole na starší */
    
    DIV.navigace{
      width: 650px;
      color: gray;
    }
    DIV.navigace.horni{
      border-bottom: 1px dotted gray;
      padding-bottom: 5px;
      padding-top: 20px;
      margin: 0px auto 0px auto;
      text-align: left;
    }
    DIV.navigace.dolni{
      border-top: 1px dotted gray;
      padding-top: 5px;
      margin: 15px auto 0px auto;
      text-align: right;
    }
    
    
    
    
    
    
    /* FOTKY vkládané do článků... SPAN, v něm IMG a SPAN s komentářem */
    /* SPANu se dá class="foto [vlevo|vpravo]" */
    
    span.foto{
      padding: 0px 0px 0px 0px;
      text-indent: 0px;
      border: 1px solid gray;
      background-color: #FFFFE3;
      text-align: center;
    }
    span.foto IMG{
      display: block;
      margin: 0px 0px;
      padding: 0px 0px;
      border-bottom: 1px solid gray;
    }
    span.foto SPAN{
      font-size: 0.8em;
      padding: 0px 0px;
      margin: 0px 0px;
      line-height: 100%;
    }
    span.foto.vlevo{
      float: left;
      margin: 7px 10px 0px 0px;
    }
    span.foto.vpravo{
      float: right;
      margin: 7px 0px 0px 10px;
    }
    
    
    
    DIV.clanek TABLE{
      font-family: Verdana, "Geneva CE", lucida, sans-serif;
      font-size: 1em;
        border-spacing : 0px;
        border: 1px solid gray;
        margin: 23px auto 20px auto;
        _text-align: center;
    }
    
    DIV.clanek THEAD{
      _text-align: left;
        color: #FFFFFF;
        background-color: #A52A2A;
        font-weight: bold;
    }
    DIV.clanek TD{
      text-align: center;
      _text-align: left;
      padding: 5px 10px;
    }
    DIV.clanek TR.lichy{
      color: black;
        background-color: #D7EBFF;
    }
    DIV.clanek TR.sudy{
      color: black;
        background-color: #C3E2FF;
    }
    
    TABLE.clanek_paticka TD.podpis{
      text-align: right;
      margin-top: 3px;
      margin-bottom: 3px;
      font-size: 1em;
    }
    
    
    /* Nadpis článku tvořený tabulkou se dvěma buňkami. V jedný H1-nadpis a ve druhý datum */
    DIV.clanek TABLE.nadpis{
      width: 100%;
      border: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
    }
    
    DIV.clanek TABLE.nadpis TD{
      padding: 0px 0px;
      margin: 0px 0px;
    }
    
    DIV.clanek TABLE.nadpis H1{
      font-size: 1.3em;
      margin-bottom: 0px;
      margin-left: 0px;
        color: #548b01;
        text-align: left;
        font-weight: normal;
    }
    DIV.clanek TABLE.nadpis TD.datum{
      font-size: 1em;
      text-align: right;
      font-style: italic;
      color: #307fab;
      vertical-align: bottom;
    }
    TABLE.clanek_paticka
    { 
      width: 650px; 
      margin-left: auto; 
      margin-right: auto;
      margin-bottom: 25px;
    }
    
    .m-navigace{
        width: 616px;
        padding: 0px 0px;
        margin: 10px auto;
    }
    
    .m-navigace TABLE{
        border: 0px;
        margin: 0px 0px;
        width: 100%;
    }
    
    .m-navigace TD{
        padding: 13px 15px 0px 15px;
    }
    
    .leva-bunka{
        text-align: left;
        font-size: 24px;
        letter-spacing: 1px;
        color: #548b01;
        font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    }
    
    .m-navigace .prava-bunka{
        text-align: right;
    }
    
    UL{
      text-align: left;
      margin-top: 5px;
      margin-left: 20px;
    }
    
    /* Nemazat, jsou na tom založený schovávací články (JavaScript)*/
    .skryto{
      display: none;
    }
    
    .bez_podtrzeni{
      text-decoration:none;
    }
    #napoveda{
      width: 70%;
      margin: 30px auto 20px auto; 
     }
     
    .napoveda {
        border-bottom: 1px dashed gray;
        cursor: help;
    }
    
    P.ramecek{
      border: 1px solid #ddd; 
      margin: 6px auto 0px auto; 
      padding: 4px 6px; 
      background-color: white;
      text_align: center;
      _text_align: left;
    
    }
    
    .about {border-bottom: 1px dashed gray; cursor: help;}
    
    div#pozadiHlavicky {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        height: 347px;
        background-image: url('/obr/pozadi-hlavicky.png');
        z-index: -1;
    }
    
    div#kontejner {
        width: 802px;
        margin: 0px auto 0px auto;
        background-image: url('/obr/pozadi-kontejner.png');
        margin-top: 0px;
    }
    
    /* Hamburger — na desktopu se nezobrazuje, menu je vidět pořád. */
    #menu-prepinac,
    #menu-tlacitko {
        display: none;
    }

    /* Nadpis článku ve výpisu je odkaz na detail. */
    DIV.clanek TABLE.nadpis H1 A {
        color: inherit;
        text-decoration: underline;
    }
    DIV.clanek TABLE.nadpis H1 A:hover {
        color: #2e7eaa;
    }

    ul#hlavniMenu {
        width: auto;
        min-height: 36px;
        overflow: hidden; /* clearfix pro floatované položky + zalomení */
        background-color: #537792; /* fallback, aby zalomené položky (bílý text) byly čitelné */
        background-image: url('/obr/pozadi-menu.png');
        margin-top: 0px;
        margin-right: 19px;
        margin-left: 19px;
        margin-bottom: 0px;
        border-right: 1px solid #a0c4d9;
        border-left: 1px solid #a0c4d9;
        padding-left: 10px;
    }
    
    ul#hlavniMenu li {
        float: left;
        list-style-type: none;
    }
    ul#hlavniMenu li a {
        display: block;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 18px;
        font-style: italic;
        color: white;
        text-decoration: none;
        height: 31px;
        padding-top: 5px
    }
    
    body.modul-clanky ul#hlavniMenu li.clanky ,
    body.modul-clanek ul#hlavniMenu li.clanky ,
    body.modul-sponzori ul#hlavniMenu li.sponzori ,
    body.modul-vysledky ul#hlavniMenu li.vysledky ,
    body.modul-fotky ul#hlavniMenu li.fotky ,
    body.modul-videa ul#hlavniMenu li.videa ,
    body.modul-souteze ul#hlavniMenu li.souteze ,
    body.modul-pravidla ul#hlavniMenu li.pravidla ,
    body.modul-odkazy ul#hlavniMenu li.odkazy ,
    body.modul-diskuze ul#hlavniMenu li.diskuze 
    {
        background-color: white;
    }

    body.modul-prenos table.menutitle {
        width: 465px;
    }
    
    ul#hlavniMenu li a:hover {
        background: #537792;
    }
    
    body.modul-clanky ul#hlavniMenu li.clanky a,
    body.modul-clanek ul#hlavniMenu li.clanky a,
    body.modul-clanek ul#hlavniMenu li.clanky a,
    body.modul-sponzori ul#hlavniMenu li.sponzori a,
    body.modul-vysledky ul#hlavniMenu li.vysledky a,
    body.modul-fotky ul#hlavniMenu li.fotky a,
    body.modul-videa ul#hlavniMenu li.videa a,
    body.modul-souteze ul#hlavniMenu li.souteze a,
    body.modul-pravidla ul#hlavniMenu li.pravidla a,
    body.modul-odkazy ul#hlavniMenu li.odkazy a,
    body.modul-diskuze ul#hlavniMenu li.diskuze a
    {
        background: white;
        color: #2b5779;
    }
    
    .seznamGalerii h2 {
        color: #548B01;
    }
    div.videa a h2 {
        color: #2E7EAA;
        text-decoration: underline;
    }
    
    div.video {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    body.modul-videa .m-navigace {
        width: 674px;
    }
    
    body.modul-clanek .m-navigace {
        width: 694px;
    }
    
    /* Odkaz na úvodní stránku pokrývá CELÉ záhlaví, ne jen výřez s logem.
       Buňka je proto position: relative a odkaz je přes ni roztažený. */
    TABLE#hlavicka THEAD TR TD {
        position: relative;
    }

    a#odkazDomu {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        margin: 0;
        overflow: hidden;
        -webkit-tap-highlight-color: transparent;
    }
    
    a#odkazDomu h1 {
        margin-left: -30000px;
    }
    
    
    @media print {
        
        a#odkazDomu {
            display: block; width: auto; height: auto; position: relative; left: auto; margin-left: 0px; top: 0px;
            text-align: left;
        }
    
        a#odkazDomu h1 {
            margin-left: 0px;
        }
        
        ul#hlavniMenu {
            display: none;
        }
        
        div#telo, table#hlavicka {
            border: none;
        }
        
        div#paticka {
            display: none;
        }
        
        TABLE#hlavicka THEAD TR TD {
            height: auto;
        }
    }

    /* ===== Diskuze — modernizovaný formulář + flash/chyby (W9) ===== */
    .flash {
        max-width: 480px;
        margin: 12px auto;
        padding: 10px 14px;
        border-radius: 4px;
        text-align: center;
    }
    .flash.success { background: #e3f4e3; border: 1px solid #8bc48b; color: #2e6b2e; }
    .flash.error   { background: #fbe3e3; border: 1px solid #c48b8b; color: #6b2e2e; }
    ul.chyby {
        max-width: 480px;
        margin: 12px auto;
        padding: 8px 14px;
        list-style: none;
        text-align: center;
        color: #b00020;
        background: #fbe3e3;
        border: 1px solid #c48b8b;
        border-radius: 4px;
    }

    #frm-pridejVzkazForm,
    #frm-noveTemaForm {
        max-width: 540px;
        margin: 25px auto;
        padding: 18px 22px;
        background: #f7fbfd;
        border: 1px solid #a0c4d9;
        border-radius: 6px;
    }
    #frm-pridejVzkazForm label,
    #frm-noveTemaForm label {
        font-weight: bold;
        color: #3a566b;
    }
    #frm-pridejVzkazForm input[type="text"],
    #frm-pridejVzkazForm textarea,
    #frm-noveTemaForm input[type="text"],
    #frm-noveTemaForm textarea {
        width: 100%;
        box-sizing: border-box;
        margin-top: 4px;
        padding: 8px 10px;
        border: 1px solid #a0c4d9;
        border-radius: 4px;
        font: inherit;
    }
    #frm-pridejVzkazForm textarea,
    #frm-noveTemaForm textarea {
        min-height: 120px;
        resize: vertical;
    }
    #frm-noveTemaForm table.table_nove_tema { width: 100%; }
    #frm-noveTemaForm table.table_nove_tema td { padding: 6px 4px; }
    #frm-pridejVzkazForm input[type="submit"],
    #frm-noveTemaForm input[type="submit"] {
        margin-top: 6px;
        padding: 9px 26px;
        background: #537792;
        color: #fff;
        border: 0;
        border-radius: 4px;
        font: inherit;
        cursor: pointer;
    }
    #frm-pridejVzkazForm input[type="submit"]:hover,
    #frm-noveTemaForm input[type="submit"]:hover {
        background: #3f5e74;
    }
    #frm-pridejVzkazForm button {
        margin-right: 8px;
        padding: 8px 14px;
        border: 1px solid #a0c4d9;
        border-radius: 4px;
        background: #fff;
        cursor: pointer;
    }

 



    /* Patička článku (odkaz "více" + podpis). Dřív to byla tabulka s prázdnou
       buňkou a inline width: 600px, což vypadalo rozházeně. */
    .clanek-paticka {
        width: 650px;
        margin: 4px auto 25px auto;
        font-size: 0.9em;
        font-style: italic;
        color: #666;
    }

    .clanek-paticka .podpis {
        color: #666;
    }

    .clanek-paticka A + .podpis::before {
        content: ' · ';
        color: #bbb;
    }

    /* ========================================================================
       ÚZKÉ DISPLEJE — dvě úrovně
       ------------------------------------------------------------------------
       Původní design je pevně 802 px široký.

       1) do 820 px — jen se uvolní pevné šířky, aby se stránka vešla.
          Vodorovné menu i dvousloupcové rozvržení zůstávají, protože se
          v tomhle pásmu (tablety na výšku) ještě dobře čtou.

       2) do 720 px — plná mobilní úprava: hamburger, prvky pod sebe.
       ==================================================================== */

    @media (max-width: 820px) {

        /* Bez border-box by width:100% + padding/border přetékalo o pár pixelů
           a stránka by se vodorovně "šoupala". */
        * {
            box-sizing: border-box;
        }

        html {
            -webkit-text-size-adjust: 100%;
        }

        /* Výchozí margin body dělal bílý pruh vlevo i vpravo u hlavičky a patičky. */
        body {
            margin: 0;
        }

        div#pozadiHlavicky {
            display: none;
        }

        div#kontejner {
            width: auto;
            margin: 0;
            background-image: none;
        }

        TABLE#hlavicka {
            width: 100%;
            border: 0;
            margin: 0;
        }

        ul#hlavniMenu {
            margin-left: 0;
            margin-right: 0;
        }

        div#telo {
            width: auto;
            padding: 14px 12px;
            border: 0;
        }

        div#telo img {
            max-width: 100%;
            height: auto;
        }

        /* Pevné šířky z desktopové verze — roztahovaly stránku přes displej. */
        .m-navigace,
        .m-navigace table,
        body.modul-videa .m-navigace,
        body.modul-clanek .m-navigace,
        DIV.clanek,
        DIV.navigace,
        .clanek-paticka,
        TABLE.clanek_paticka,
        TABLE.menutitle,
        body.modul-prenos table.menutitle,
        DIV.vzkaz,
        DIV.vz_datum,
        .table_nove_tema,
        .akce-diskuze,
        .div_pod_vypisem_temat,
        #paticka {
            width: auto;
            max-width: 100%;
        }

        #paticka {
            margin: 0;
        }

        /* Tabulky výsledků přes celou šířku. !important kvůli inline
           style="width: 70%/80%" v šablonách. */
        div#telo table.tvs {
            width: 100% !important;
            margin-left: 0;
            margin-right: 0;
        }

        /* Dlouhé názvy družstev a témat se musí umět zalomit.
           Pozn.: `anywhere` tu nechceme — ovlivňuje min-content, takže prohlížeč
           smrskne i sloupce s daty a láme "12.7.2026, 21.41" uprostřed. */
        div#telo table.tvs td {
            width: auto;
            overflow-wrap: break-word;
        }
    }

    @media (max-width: 720px) {

        /* ── Hlavička ─────────────────────────────────────────────────────
           Obrázek zůstává i na mobilu (textový nadpis se nezobrazuje nikdy —
           původní CSS ho odsouvá přes margin-left: -30000px). Výška se
           dopočítává z poměru stran obrázku (162/764 = 21.2 %) vůči šířce okna.

           Pozor na volbu vlastnosti: u buňky tabulky funguje `height` jako
           minimum a `min-height` se naopak ignoruje (ověřeno — s min-height
           hlavička úplně zmizela). U běžného bloku to bylo obráceně. */
        TABLE#hlavicka THEAD TR TD {
            height: 21.2vw;
            padding: 0;
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center top;
        }

        /* ── Hamburger ────────────────────────────────────────────────────
           Bez JS: skryté zaškrtávátko + label. Menu je sbalené a rozbalí se
           pravidlem #menu-prepinac:checked ~ ul#hlavniMenu. */
        #menu-tlacitko {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 13px 16px;
            background-color: #537792;
            color: white;
            font-size: 18px;
            font-weight: normal;
            cursor: pointer;
            user-select: none;
        }

        #menu-tlacitko span,
        #menu-tlacitko span::before,
        #menu-tlacitko span::after {
            display: block;
            width: 22px;
            height: 3px;
            background: white;
            border-radius: 2px;
        }

        #menu-tlacitko span {
            position: relative;
        }

        #menu-tlacitko span::before,
        #menu-tlacitko span::after {
            content: "";
            position: absolute;
            left: 0;
        }

        #menu-tlacitko span::before { top: -7px; }
        #menu-tlacitko span::after  { top: 7px; }

        ul#hlavniMenu {
            display: none;
            margin: 0;
            padding: 0;
            border: 0;
            background-image: none;
        }

        #menu-prepinac:checked ~ ul#hlavniMenu {
            display: block;
        }

        ul#hlavniMenu li,
        ul#hlavniMenu li a {
            float: none;
        }

        ul#hlavniMenu li a {
            height: auto;
            padding: 13px 16px;
            font-size: 18px;
            font-style: normal;
            border-bottom: 1px solid rgba(255, 255, 255, .25);
        }

        /* Aktivní položka má na desktopu bílé pozadí (splývá s tělem stránky).
           Ve svislém menu to vypadá jako díra — zvýrazníme ji tmavším pruhem.
           Obarvit je potřeba <li> i <a>, odkaz má vlastní bílé pozadí. */
        body.modul-clanky ul#hlavniMenu li.clanky,
        body.modul-clanek ul#hlavniMenu li.clanky,
        body.modul-vysledky ul#hlavniMenu li.vysledky,
        body.modul-fotky ul#hlavniMenu li.fotky,
        body.modul-videa ul#hlavniMenu li.videa,
        body.modul-souteze ul#hlavniMenu li.souteze,
        body.modul-pravidla ul#hlavniMenu li.pravidla,
        body.modul-sponzori ul#hlavniMenu li.sponzori,
        body.modul-odkazy ul#hlavniMenu li.odkazy,
        body.modul-diskuze ul#hlavniMenu li.diskuze {
            background-color: #2e7eaa;
            box-shadow: inset 4px 0 0 #a0c4d9;
        }

        body.modul-clanky ul#hlavniMenu li.clanky a,
        body.modul-clanek ul#hlavniMenu li.clanky a,
        body.modul-vysledky ul#hlavniMenu li.vysledky a,
        body.modul-fotky ul#hlavniMenu li.fotky a,
        body.modul-videa ul#hlavniMenu li.videa a,
        body.modul-souteze ul#hlavniMenu li.souteze a,
        body.modul-pravidla ul#hlavniMenu li.pravidla a,
        body.modul-sponzori ul#hlavniMenu li.sponzori a,
        body.modul-odkazy ul#hlavniMenu li.odkazy a,
        body.modul-diskuze ul#hlavniMenu li.diskuze a {
            background: transparent;
            color: white;
            font-weight: bold;
        }

        /* Nadpisy stránek a tabulek měly zbytečné odsazení zleva — buď přes
           margin: auto u užší šířky, nebo přes inline style="width: 70%". */
        .m-navigace,
        .m-navigace table,
        .m-navigace td,
        TABLE.menutitle,
        TABLE.menutitle td,
        TABLE.tvs CAPTION,
        div#telo h2,
        div#telo h3,
        div#telo > p {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0;
            text-align: left;
        }

        div#telo h3[style],
        div#telo h2[style] {
            width: auto !important;
        }

        /* ── Článek ───────────────────────────────────────────────────────
           Nadpis vlevo / datum vpravo se na úzký displej nevejde vedle sebe,
           takže se buňky přeskládají pod sebe. Totéž v detailu článku, kde
           je nadpis a datum v m-navigaci. */
        DIV.clanek TABLE.nadpis,
        DIV.clanek TABLE.nadpis tbody,
        DIV.clanek TABLE.nadpis tr,
        DIV.clanek TABLE.nadpis td,
        .m-navigace table,
        .m-navigace tbody,
        .m-navigace tr,
        .m-navigace td {
            display: block;
            width: auto;
            max-width: 100%;
        }

        DIV.clanek TABLE.nadpis TD.datum,
        .m-navigace .prava-bunka {
            text-align: left;
            padding: 2px 0 6px 0;
        }

        .clanek-paticka {
            margin-left: 0;
            margin-right: 0;
        }

        /* ── Sponzoři ─────────────────────────────────────────────────────
           Loga mají inline style="height: …px" bez šířky. Spolu s naším
           max-width: 100 % se jim zmenšila šířka, ale výška zůstala → deformace.
           height: auto vrátí poměr stran, max-height je udrží v rozumné velikosti. */
        body.modul-sponzori div#telo img {
            height: auto !important;
            width: auto;
            max-width: 100%;
            max-height: 100px;
        }

        /* ── Diskuze ──────────────────────────────────────────────────────── */
        .akce-diskuze {
            margin: 4px 0 0 0;
        }

        #frm-pridejVzkazForm input[type="text"],
        #frm-pridejVzkazForm textarea,
        #frm-noveTemaForm input[type="text"],
        #frm-noveTemaForm textarea {
            width: 100%;
            max-width: 100%;
        }
    }