/*css*/
/* Základní nastavení stránky */
body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #e0e0e0; /* barva mimo tabulku */
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    width: 100%; /* aby tělo stránky správně reagovalo na šířku displeje */
    max-width: 800px;
}

table {
    table-layout: auto; /* Výchozí chování pro přizpůsobení obsahu */
    background-color: #e1e1e1;
    font-family: Helvetica, Arial, sans-serif;
    border-collapse: separate; /* Oddělí rámečky */
    border-spacing: 2px;
    min-width: 0;
    table-layout: fixed;
}

.hlavicka {
    width: 100%;
    background-color: #ff9e3e; /* Oranžová */
    text-align: center;
    padding: 10px 0;
    font-size: 22px;
    color: #000000;
}

.oddelovac0 {
    height: 1px;
    background-color: #ff9e3e;
}

.nastav-sloupec {
    width: 1px;         /* sloupec co nejvíce zúžit */
    white-space: nowrap; /* Zabrání zalamování textu na další řádek */
    font-size: 20px;
    color:#999999;
    background-color: #999999;
}

td {
    border-radius: 8px; /* Zaoblení rohů buněk */
    padding: 0px;
    background-color: #ffffff;
}

.oddelovac {
    height: 8px;
    background-color: #ff9e3e;
}

.R { /*= = = LETOPOCET = = =*/
    font-size: 20px;
    font-weight: bold;
    background-color: #999999;
    text-align: center;
}

.DLe { /*= = = datum leden = = =*/
    background-color: #06a8ff; /*6-168-255*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Le { /*= = = obsah leden = = =*/
    background-color: #06a8ff; /*6-168-255*/
    padding: 0px 0px 0px 4px;
}

.DUn { /*= = = datum unor = = =*/
    background-color: #84d5fb; /*132-213-251*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Un { /*= = = obsah unor = = =*/
    background-color: #84d5fb; /*132-213-251*/
    padding: 0px 0px 0px 4px;
}

.DBr { /*= = = datum brezen = = =*/
    background-color: #a6fde2; /*166-253-226*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Br { /*= = = obsah brezen = = =*/
    background-color: #a6fde2; /*166-253-226*/
    padding: 0px 0px 0px 4px;
}

.DDu { /*= = = datum duben = = =*/
    background-color: #cefa4b; /*206-250-75*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Du { /*= = = obsah duben = = =*/
    background-color: #cefa4b; /*206-250-75*/
    padding: 0px 0px 0px 4px;
}

.DKv { /*= = = datum kveten = = =*/
    background-color: #c0f818; /*192-248-24*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Kv { /*= = = obsah kveten = = =*/
    background-color: #c0f818; /*192-248-24*/
    padding: 0px 0px 0px 4px;
}

.DCn { /*= = = datum cerven = = =*/
    background-color: #fcf465; /*252-244-101*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Cn { /*= = = obsah cerven = = =*/
    background-color: #fcf465; /*252-244-101*/
    padding: 0px 0px 0px 4px;
}

.DCc { /*= = = datum cervenec = = =*/
    background-color: #fbf139; /*251-241-57*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Cc { /*= = = obsah cervenec = = =*/
    background-color: #fbf139; /*251-241-57*/
    padding: 0px 0px 0px 4px;
}

.DSr { /*= = = datum srpen = = =*/
    background-color: #fae805; /*250-232-5*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Sr { /*= = = obsah srpen = = =*/
    background-color: #fae805; /*250-232-5*/
    padding: 0px 0px 0px 4px;
}

.DZa { /*= = = datum zari = = =*/
    background-color: #fee181; /*254-225-129*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Za { /*= = = obsah zari = = =*/
    background-color: #fee181; /*254-225-129*/
    padding: 0px 0px 0px 4px;
}

.DRi { /*= = = datum rijen = = =*/
    background-color: #fecd85; /*254-205-133*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Ri { /*= = = obsah rijen = = =*/
    background-color: #fecd85; /*254-205-133*/
    padding: 0px 0px 0px 4px;
}

.DLi { /*= = = datum listopad = = =*/
    background-color: #aee8e8; /*174-232-232*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Li { /*= = = obsah listopad = = =*/
    background-color: #aee8e8; /*174-232-232*/
    padding: 0px 0px 0px 4px;
}

.DPr { /*= = = datum prosinec = = =*/
    background-color: #55c4ff;  /*85-196-255*/
    height: 4vh;
    font-size: 16px;
    text-align: center;
}
.Pr { /*= = = obsah prosinec = = =*/
    background-color: #55c4ff;  /*85-196-255*/
    padding: 0px 0px 0px 4px;
}

.DX { /*= = = datum nezname = = =*/
    background-color: #ffffff; /*255-255-255*/
    height: 4vh;
    font-size: 16px;
    color: rgb(255,0,0);
    text-align: center;
}
.X { /*= = = obsah neznamy = = =*/
    background-color: #ffffff; /*255-255-255*/
    color: rgb(255,0,0);
    font-weight: bold;
}

td.class {
    height: 25px;
}

/*= = = = = = = = =konec nového = = = = = = = =*/

/* Optimalizace pro velmi malé displeje (pod 400px šířky) */
@media (max-width: 400px) {
    .polozka-karta {
        flex-direction: column; /* Obrázek a text budou pod sebou */
        text-align: center;
    }
    .polozka-karta img {
        width: 100px;
        height: 100px;
    }
}