p {color: black; text-align: justify; line-height: 120%}

body {
    font-family: calibri, arial; position: relative;
    text-align: center;
    background-image: URL('obr/nakladac.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    color:black;
}

a:link {color: rgb(3, 148, 226); text-decoration: none}
a:visited {color: grey; text-decoration: none}
a:hover {color: darkorchid}
h2 {color: dimgray}

.obal {
    max-width: 780px;
    margin: 24px auto;
    padding: 18px 22px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgb(107, 107, 107);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.obal img {
    max-width: 100%;
    height: auto;
    display: block;
}

.textvyrazny {
    color: rgb(53, 53, 53);
    font-weight: bold;
}

.obalkaplan {
    background-color: none;
    border: 0px;
    border-radius: 0px;
}
.plansemestru {
    display: grid;
    grid-template-columns: 2em 5em 9em 5em;
    grid-template-rows: repeat(14, 1.7em);
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    justify-items: left;
    background-color: none;
    border-radius: 0px;
    white-space: nowrap;
}

.FG {
    width: 680px;
    height: auto;
    display: block;
    border: 1px solid rgb(107, 107, 107);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-radius: 2px;
}

.tyden {
    grid-row: 1;
    grid-column: 1;
}

.datum {
    grid-row: 1;
    grid-column: 2;
}

.prednasejici {
    grid-row: 1;
    grid-column: 3;
}

.tema {
    grid-row: 1;
    grid-column: 4;
}

.tyden1 {
    grid-row: 2;
    grid-column: 1;
}

.tyden2 {
    grid-row: 3;
    grid-column: 1;
}

.tyden3 {
    grid-row: 4;
    grid-column: 1;
}

.tyden4 {
    grid-row: 5;
    grid-column: 1;
}

.tyden5 {
    grid-row: 6;
    grid-column: 1;
}

.tyden6 {
    grid-row: 7;
    grid-column: 1;
}

.tyden7 {
    grid-row: 8;
    grid-column: 1;
}

.tyden8 {
    grid-row: 9;
    grid-column: 1;
}

.tyden9 {
    grid-row: 10;
    grid-column: 1;
}

.tyden10 {
    grid-row: 11;
    grid-column: 1;
}

.tyden11 {
    grid-row: 12;
    grid-column: 1;
}

.tyden12 {
    grid-row: 13;
    grid-column: 1;
}

.tyden13 {
    grid-row: 14;
    grid-column: 1;
}

.datum1 {
    grid-row: 2;
    grid-column: 2;
}

.datum2 {
    grid-row: 3;
    grid-column: 2;
}

.datum3 {
    grid-row: 4;
    grid-column: 2;
}

.datum4 {
    grid-row: 5;
    grid-column: 2;
}
.datum5 {
    grid-row: 6;
    grid-column: 2;
}
.datum6 {
    grid-row: 7;
    grid-column: 2;
}
.datum7 {
    grid-row: 8;
    grid-column: 2;
}
.datum8 {
    grid-row: 9;
    grid-column: 2;
}
.datum9 {
    grid-row: 10;
    grid-column: 2;
}
.datum10 {
    grid-row: 11;
    grid-column: 2;
}
.datum11 {
    grid-row: 12;
    grid-column: 2;
}
.datum12 {
    grid-row: 13;
    grid-column: 2;
}
.datum13 {
    grid-row: 14;
    grid-column: 2;
}
.prednasejici1 {
    grid-row: 2;
    grid-column: 3;
}
.prednasejici2 {
    grid-row: 3;
    grid-column: 3;
}
.prednasejici3 {
    grid-row: 4;
    grid-column: 3;
}
.prednasejici4 {
    grid-row: 5;
    grid-column: 3;
}
.prednasejici5 {
    grid-row: 6;
    grid-column: 3;
}
.prednasejici6 {
    grid-row: 7;
    grid-column: 3;
}
.prednasejici7 {
    grid-row: 8;
    grid-column: 3;
}
.prednasejici8 {
    grid-row: 9;
    grid-column: 3;
}
.prednasejici9 {
    grid-row: 10;
    grid-column: 3;
}
.prednasejici10 {
    grid-row: 11;
    grid-column: 3;
}
.prednasejici11 {
    grid-row: 12;
    grid-column: 3;
}
.prednasejici12 {
    grid-row: 13;
    grid-column: 3;
}
.prednasejici13 {
    grid-row: 14;
    grid-column: 3;
}
.tema1 {
    grid-row: 2;
    grid-column: 4;
}
.tema2 {
    grid-row: 3;
    grid-column: 4;
}
.tema3 {
    grid-row: 4;
    grid-column: 4;
}
.tema4 {
    grid-row: 5;
    grid-column: 4;
}
.tema5 {
    grid-row: 6;
    grid-column: 4;
}
.tema6 {
    grid-row: 7;
    grid-column: 4;
}
.tema7 {
    grid-row: 8;
    grid-column: 4;
}
.tema8 {
    grid-row: 9;
    grid-column: 4;
}
.tema9 {
    grid-row: 10;
    grid-column: 4;
}
.tema10 {
    grid-row: 11;
    grid-column: 4;
}
.tema11 {
    grid-row: 12;
    grid-column: 4;
}
.tema12 {
    grid-row: 13;
    grid-column: 4;
}
.tema13 {
    grid-row: 14;
    grid-column: 4;
}
.tema14 {
    grid-row: 15;
    grid-column: 4;
}
.tema15 {
    grid-row: 16;
    grid-column: 4;
}

.aktuality {
    color: rgb(3, 148, 226);
    font-weight: bold;
}

.aktuality-box {
    border: 1px solid rgb(3, 148, 226);
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(3, 148, 226, 0.1);
}