/* normální design */

html {
    background-color: #F6F6FE;
    font-size: 12pt;
}
body {
    background-color: #F6F6FE;
    border: none;
    color: Black;
    font-family: 'Open Sans', OpenSansRegular, Tahoma, Arial, Helvetica, "Lucida Sans", sans-serif;
    margin: 0 auto;
    text-align: left;
    width: 780px;
}
a {
    color: #0000B0;
    padding: 1px;
    text-decoration: none;
}
    a:hover {
        background-color: #E0E0FF;
        color: black;
    }
    a:visited {
        color: #0000B0;
    }
    a.dulezite {
        color: #EF0000;
    }
        a.dulezite:hover, a.dulezite:visited {
            color: #E00000;
        }
p {
    color: Black;
    margin: 0.4em;
    padding-bottom: 0.5em;
}
    p.prvni {
        text-indent: 1em;
    }
    p.odkaz {
        font-weight: normal;
        margin-top: 0;
    }
table {
    margin: 0 auto;
}
ol, ul {
    margin-top: 0.25em;
}
li {
    margin-bottom: 0.25em;
}
ol.literatura {
    counter-reset: li;
}
    ol.literatura li {
        list-style: none;
    }
        ol.literatura li:before {
            content: "["counter(li)"]  ";
            counter-increment: li;
            margin-left: -1.5em;
        }
dt {
    font-weight: bold;
    margin-left: 0.5em;
}
dd {
    margin-bottom: 0.4em;
}
div.nabidka {
    background-color: #E0E0FF;
    color: Black;
    font-size: 0.9em;
    margin: auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
    div.nabidka table {
        border: 2px solid White;
        margin: auto;
        width: 100%;
    }
    div.nabidka a {
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
        div.nabidka a:hover {
            display: block;
            text-decoration: none;
        }
div.telo {
    vertical-align: top;
}
    div.telo p {
        text-align: justify;
    }
    div.telo ul {
        margin: 0 0 0.3em 0;
    }
    div.telo ol {
        list-style-type: decimal;
        margin: 0 0 0.3em 1.5em;
        padding: 0.15em 0.45em;
    }
    div.telo li {
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }
div.suda {
    background-color: #EDEDFE;
    color: Black;
    padding: 0.4em;
}
    div.suda h1 {
        font-family: 'LinuxBiolinumORegular', serif;
        font-size: 1.5em;
        font-weight: normal;
        margin: 0.3em 0.15em 0.25em 0.15em;
        padding: 0;
        text-align: center;
    }
    div.suda h3 {
        font-family: 'LinuxBiolinumOItalic', serif;
        font-size: 1.25em;
        font-weight: normal;
        margin: 0.1em 0.15em 0.3em 0.15em;
        padding: 0;
        text-align: center;
    }
div.licha {
    background-color: #F6F6FE;
    color: Black;
    padding: 0.4em;
}
    div.licha h1 {
        font-family: 'LinuxBiolinumORegular', serif;
        font-size: 1.5em;
        font-weight: normal;
        margin: 0.3em 0.15em 0.25em 0.15em;
        padding: 0;
        text-align: center;
    }
    div.licha h3 {
        font-family: 'LinuxBiolinumOItalic', serif;
        font-size: 1.25em;
        font-weight: normal;
        margin: 0.1em 0.15em 0.3em 0.15em;
        padding: 0;
        text-align: center;
    }

p.zpet {
    font-family: "Courier New", Courier, monospace;
    font-size: 0.8em;
    text-align: right !important;
}
    p.zpet a {
        text-decoration: none;
    }

#paticka {
    border-top: 1px solid gray;
    margin: 0;
    padding: 0.25em;
    text-align: center;
    width: 100%;
}
    #paticka p {
        color: gray;
        font-size: 0.8em;
    }

#hlavicka {
    background-color: #E0E0FF;
    color: black;
    clear: both;
    display: flex;
    /*    height: 85px; */
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}
    #hlavicka div {
        margin: auto 0.5em;
        vertical-align: middle;
    }
    #hlavicka img {
        padding: 2px;
        }
    #hlavicka span {
        margin: 0;
        padding: 0;
    }
    #hlavicka .studium {
        font-size: 2em;
        font-weight: bold;
    }
    #hlavicka .semestr {
        font-size: 1.25em;
    }
#hlav_ti {
    display: none;
}

#menicko {
    background-color: #E0E0FF;
    color: black;
    clear: both;
    font-size: 0.9em;
    padding: 0.1em 0.25em;
    position: sticky;
    top: 0;
    vertical-align: middle;
}
    #menicko a {
        color: black;
        text-decoration: none;
        white-space: nowrap;
    }
        #menicko a:hover {
            color: white;
        }
    #menicko a:visited {
        color: black;
    }

#telo {
    display: block;
}
    #telo h1 {
        font-size: 1.5em;
        margin: 0.1em;
        text-align: center;
    }
    #telo h2 {
        font-size: 1.3em;
        margin: 0.1em;
        text-align: center;
    }
    #telo h3, h4 {
        margin: 0.1em;
    }

#nabidka {
    display: block;
}
    #nabidka table {
        background-color: #FFFEFA;
        border: 2px solid #B0B0B0;
        font-size: 0.8em;
        font-weight: bold;
        margin: 0;
        padding: 0;
        width: 100%;
    }
        #nabidka table td {
            text-align: center;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }
            #nabidka table td a {
                display: block;
            }

#dulezite {
    border: 2px solid #EF0000;
    margin-bottom: 0.4em;
    padding: 0.2em;
}
    #dulezite h4 {
        color: #EF0000;
    }
    #dulezite ul {
        margin-left: 0.75em;
        padding-left: 0.4em;
    }
    #dulezite p {
        padding-bottom: 0;
    }
#nedulezite {
    border: 3px solid #009000;
    margin-bottom: 0.4em;
    padding: 0.2em;
    text-align: left;
}
    #nedulezite p {
        padding-bottom: 0;
    }

#dat_cas {
    display: block;
    margin: 0 0 0.2em 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}

#dat_cas_pri {
    display: none;
}

#obsah {
    text-align: left;
    padding: 0.2em;
}
    #obsah h3, h4 {
        margin: 0.1em 0.4em;
    }

#predmety {
    text-align: left;
}
    #predmety h1 {
        font-size: 1.25em;
        font-weight: bold;
        margin: 0.4em;
        padding: 0;
        text-align: center;
    }
    #predmety h3 {
        color: Green;
        font-size: 1.1em;
        font-weight: normal;
        margin: 0.2em 0.2em 0.8em 0.2em;
        padding: 0;
        text-align: center;
    }
    #predmety td {
        padding: 0.1em;
    }

#lista {
    display: block;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

#grant {
    color: #0008F8;
    font-family: "Courier New", Courier, monospace;
    font-size: 1.0em;
    text-align: center;
}

#opvvv {
    background-color: white;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0.5em auto;
    width: 100%;
}
    #opvvv table {
        background-color: white;
        border-collapse: collapse;
        width: 100%;
    }
        #opvvv table td {
            border: 1px solid black;
        }

.dati {
    color: #606060;
    font-family: "Courier New", Courier, monospace;
    font-size: 0.8em;
    margin-left: 0.25em;
    text-align: left;
}

.puri {
    float: right;
    width: 30px;
}

.odkazy ul {
    font-size: 1.2em;
    font-weight: bold;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADUgAAA1IBEAAkSgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADBSURBVDiN7dQhSsRhEIbx3yusZYOyzaDRLHgO0yYxegk9gWDwHqbtFs9gsljtljUo7li+5OofP9kFBQemPTy8MwOTqrKO2liL9V/8O8VJdpNsr1ScZIwH3CXZGYSr6tuNYIbCI/a+ZHvETT7CbZM/4fAzLpjgGlsdWxnhAAs8Y1pVNx+hfby1BL39ijkulhJXlSQTbHYkPsZVk19W1dkS8YMdH7UJFzhdyfEwxkuTngyx6XmbSYJz3FfVbJD9c//4HQ4GGHANfIUuAAAAAElFTkSuQmCC);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.1em;
    padding-top: 0;
}
    .odkazy ul ul {
        font-size: 0.9em;
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9AAAAvQBgK2sVQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACdSURBVDiN7dQxDgFxEMXh72+3cgQKtSMo3EDpGM7iGrQqtcRNFKsQOtEwCltsYiVrs4XCS6aal19mXiaTIkJX6nVG+sPelF7KOoFhjUNKafDRERGNCnM8UGBY62kKK4ELBE4Y1/RNcMWtYQXuOGNUheU4Yo+8QW4ZppV1L20zS9iUk+3Qb50ZliVoi6zO881pFFhhFhH3OkP62a/xBCAG4yDiEhULAAAAAElFTkSuQmCC);
        margin-bottom: 0.1em;
    }
        .odkazy ul ul li {
            margin-left: -12px;
        }
.odkazy li {
    margin: 0;
    padding: 0.05em 0;
}
.odkazy a {
    display: block;
    padding: 2px;
}
    .odkazy a.radek {
        display: inline;
        padding: 1px;
    }

ul.predinfo {
    list-style: none;
    margin-left: 0.5em;
    padding-left: 0.5em;
}

.rukou {
    font-family: "Monotype Corsiva", serif;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}

.ucitel {
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    white-space: nowrap;
}
.materialy {
    display: block;
}
    .materialy li {
        list-style: none;
    }
    .materialy img.ikony {
        margin-right: 0.4em;
        padding-right: 0.4em;
    }

.fotky {
    text-align: center;
}
    .fotky img {
        margin: 0.4em;
    }
.vpravo {
    text-align: right;
}

.nastred {
    text-align: center;
}

.vlevo {
    text-align: left;
}

.skryty {
    display: none;
}

.hiden {
    visibility: hidden;
}

.nepod {
    text-decoration: none;
}

.tisk {
    display: none;
}

.nb {
    white-space: nowrap;
}

.zalomit {
    white-space: normal;
}

.netucne {
    font-weight: normal;
}

.tucne {
    font-weight: bold;
}

.kurzivou {
    font-style: italic;
}

.preskrtnute {
    text-decoration: line-through;
}

.cerveny {
    color: #EF0000;
}

.zeleny {
    color: #008800;
}

.fialovy {
    color: #9900ff;
}

.sedy {
    color: #666666;
}

.cerny {
    color: black;
}

.rpmt img {
    border: 2px solid black;
    max-width: 99%;
}

.patl {
    color: gray;
    font-size: 0.9em;
    text-align: right;
}

.citace {
    font-family: "Courier New", Courier, monospace;
}


/*-------------------------*/

/* responzivní */
@media screen and (hover: none) {
    #menicko {
        font-size: 1.2em;
        padding: 0.5em;
    }

        #menicko a {
            padding: 0.5em;
        }
}

@media screen and (min-resolution: 120dpi) {
    html {font-size: 1.2em;}
}

@media screen and (max-width: 760px)
{
    body {width: 100%}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.25em;}
    h3 {font-size: 1.1em;}
}

@media screen and (max-width: 640px)
{
    body {width: 100%}
    #hlavicka {
        text-align: center;
    }
        #hlavicka img {
            display: none;
        }
        #hlavicka div {
            margin: auto 0.5em;
            vertical-align: middle;
        }
        #hlavicka span {
            margin: 0;
            padding: 0;
        }
        #hlavicka .studium {
            font-size: 1.25em;
        }
        #hlavicka .semestr {
            font-size: 1.0em;
        }
    #nabidka {
        display: block;
    }
            #nabidka table td {
                display: block;
            }
                #nabidka table td a {
                    padding: 0.4em;
                }
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.25em;}
    h3 {font-size: 1.1em;}
}

@media print {
    @page {
        margin: 1.0cm;
        page: A4 portrait;
    }
    html {
        background-color: white; 
        margin: 0; 
        padding: 0;
        width: 100%;
    }
    body {
        background-color: white;
        border: none;
        color: Black;
        font-family: 'Segoe UI', 'Book Antiqua', 'Open Sans', Times, serif;
        font-size: 12pt;
        width: 100%;
    }
    a {
        color: #242424;
        text-decoration: underline;
    }
    a:after {
        color: #484848;
        content: " (" attr(href) ")";
        font-size: small;
        font-style: italic;
    }
    h1, h2, h3, h4, h5 {
        margin-top: 0;
        padding: 0;
        orphans: 3;
        widows: 3;
    }
    div.suda {
        background-color: white;
    }
    div.licha {
        background-color: white;
    }
    #dat_cas {
        display: none;
    }
    #hlavicka {
        display: none;
    }
    #hlav_ti {
        display: block;
        border: none;
        font-weight: bold;
        text-align: center;
    }
        #hlav_ti h1 {
            margin: 0.2cm;
        }
        #hlav_ti h2 {
            margin: 0.2cm;
        }
    #menicko {
        display: none;
    }
    #telo {
        display: block;
        border: none;
        text-align: left;
        font-weight: normal;
    }
    #nabidka {
        display: none;
    }
    #dat_cas {
        display: none;
    }
    #dat_cas_pri {
        display: block;
        color: Gray;
        font-family: "Courier New", Courier, monospace;
        font-size: 10pt;
        page-break-before: avoid;
        padding: 0.3cm;
        text-align: left;
    }
    #obsah h3, h4 {
        margin: 0.2cm;
    }
    #paticka {
        display: none;
    }
    #nabidka {
        display: none;
    }
    #udalost {
        display: none;
    }
    #dulezite {
        display: none;
    }
    #nedulezite {
        display: none;
    }
    #lista {
        display: none;
    }
    #grant {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        text-align: center;
    }
    #predmety h3 {
        color: black;
    }
    .materialy img.ikony {
        display: none;
    }
    .odkazy ul {
        font-size: 1em;
        font-weight: bold;
    }
    .odkazy li {
        padding: 0.1em 0;
    }
    h1, h2, h3, h4, h5 {
        page-break-after: avoid;
    }
    p {
        color: Black;
        margin: 0.2em 0.2em 0.4em 0.2em;
        padding-bottom: 0.4em;
        orphans: 3;
        widows: 3;
    }
        p.prvni {
            text-indent: 1em;
        }
        p.odkaz {
            font-weight: normal;
            margin-top: 0;
        }
    ol, ul {
        margin-top: 0.2em;
    }
    li {
        margin-bottom: 0.2em;
    }
    table {
        border: none;
    }
    div.jeden {
        background-color: white;
        margin: 0;
        padding: 0;
    }
    div.dva {
        background-color: white;
        margin: 0;
        padding: 0;
    }
    .tisk {
        display: block;
    }
    .menu {
        display: none;
    }
    .netucne {
        font-weight: normal;
    }
    .netisk {
        display: none;
    }
    .patl {
        display: none;
    }
}
/*_________________________*/