:root { --grey: #f3f3f3; --grey-dark:#e8e8e8; --blue1: #1895d5; --blue2: #58a8dd; --blue3: #a2c9ea; }


.table-template-print { }

.table-tip { }
.table-tip td { padding: 20px 40px; }
.table-tip tr:first-of-type td { color: #000; padding: 10px 40px; font-size: 20px; }
.table-tip tr:last-of-type td { background: #f3f3f3; }

.table-notice { }
.table-notice td { padding: 20px 40px; }
.table-notice tr:first-of-type td { color: #000; padding: 10px 40px; font-size: 20px; }
.table-notice tr:last-of-type td { background: #eee; }

.table-template-print { width: 100%; }
.table-template-print tr td img { width: 50px; height: auto; }
.table-template-print tr td { padding: 10px; vertical-align: middle; }
.table-template-print tr td:first-of-type { width: 50px; }
.table-template-print tr td:last-of-type { width: auto;}

.table-moreinfo {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Rovnoměrné rozložení sloupců */
}

.table-moreinfo td {
    padding: 20px;
    vertical-align: middle;
    text-align: left;
}

/* Pozadí pro levý a pravý blok */
.table-moreinfo td:first-of-type,
.table-moreinfo td:nth-of-type(2) {
    background: var(--blue1);
    color: #fff;
}

.table-moreinfo td:nth-of-type(3),
.table-moreinfo td:nth-of-type(4) {
    background: #eee;
    color: #000;
}

/* Nastavení šířky pro textové a obrázkové buňky */
.table-moreinfo td:first-of-type,
.table-moreinfo td:nth-of-type(3) {
    width: 65%; /* Textové buňky */
}

.table-moreinfo td:nth-of-type(2),
.table-moreinfo td:nth-of-type(4) {
    width: 35%; /* Obrázkové buňky */
}

/* Odsazení mezi bloky */
.table-moreinfo td:nth-of-type(2) {
    border-right: 5px solid #fff;
}

.table-moreinfo td:nth-of-type(3) {
    border-left: 5px solid #fff;
}

/* Obrázky škálované správně */
.table-moreinfo td img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.table-popup {  }
.table-popup td { width: auto; padding: 10px;  }
.table-popup td:first-of-type { font-weight: bold; }
.table-popup tr:nth-of-type(odd) td { background: #f2f2f2; }
.table-popup tr:nth-of-type(even) td { background: #f8f8f8; }

.blue-link { color: var(--blue1); }
