/* normální design */
body {background-color: aliceblue; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 11pt;}
h1 {font-size: 1.75em; margin-bottom: 0.25em; text-align: center;}
h2 {font-size: 1.3em; margin: 0; padding: 0.25em; text-align: left;}
h3 {font-size: 1.2em; margin: 0; padding: 0.25em;}
p {font-size: 1em; margin: 0; padding: 0.25em; line-height: 1.3em;}
a {color: blue;}
a:hover {color: black;}
ul {list-style: square; margin-top: 0.75em;}
li {margin-bottom: 0.25em;}
table {border-collapse: collapse; margin: 0; padding: 0;}
table.seznam th {font-size: 0.9em; padding: 0.25em 0.5em; margin: 0;}
table.seznam td {padding: 0.25em 0.25em; margin: 0;}

.sudy {background-color: azure;}
.sudy:hover {background-color: skyblue;}
.lichy {background-color: lightblue;}
.lichy:hover {background-color: deepskyblue;}
.nesudy {background-color: gainsboro;}
.nesudy:hover {background-color: gray;}
.nelichy {background-color: darkgray;}
.nelichy:hover {background-color: dimgray;}

.zpet {position: fixed; bottom: 0.75em; right: 0.75em; padding: 1em; background-color: aliceblue; border: 1px solid black; text-decoration: none; z-index: 99;}
.zpet:hover {background-color: #0065bd; color: aliceblue;}
.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;}
.tucny {font-weight: bold;}
.tucne {font-weight: bold;}
.kurzivou {font-style: italic;}
.cerveny {color: #dd0000;}
.zeleny {color: #008800;}
.fialovy {color: #9900ff;}
.sedy {color: #666666;}
.cerny {color: black;}
.zelena {background-color: #00e0ff;} 
.zluta {background-color: #ffc000;} 
.hlavni {margin: auto; padding: 0.75em; text-align: left;}

#hlavicka {background-color: lightskyblue; clear: both; font-size: 11pt; white-space: nowrap;}
    #hlavicka img {padding: 0.25em; padding-right: 0.5em;}
    #hlavicka a {border: none; color: black; text-decoration: none;}
    #hlavicka a:hover {color: darkgray;}
#menu {background-color: black; color: aliceblue; position: absolute; right: 0.6em; top: 5.6em;}
    #menu a {color: aliceblue; display: block; padding: 0.5em 1em; text-decoration: none;}
    #menu a:hover {background-color: aliceblue; color: black;}
#paticka {position: fixed; background-color: aliceblue; bottom: 0; clear: both; margin: auto; text-align: center; width: 98%; z-index: 98;}
    #paticka p {color: gray; font-size: 0.8em; margin: 0; padding: 0.5em 0.75em 1em 0.75em; text-align: center;}

#loginForm {clear: both; margin: auto; width: 15.2rem;}
    #loginForm p {padding-bottom: 0.5rem; vertical-align: middle;}
    #loginForm label {float: left; padding-right: 0.5rem; padding-top: 0.15rem; text-align: right; width: 3rem;}
    #loginForm .validation-error {display: block; text-align: center; margin-bottom: 0.5rem}
    #loginForm .validation-summary-errors {color: red; font-weight: bold;}
    #loginForm .validation-summary-errors ul {margin: 0; padding: 0;}
    #loginForm .validation-summary-errors li {display: inline; list-style: none; margin: 0;}

#logoutForm {display: inline;}

#login p {padding: 0.25em 0.5em;}

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

/* responzivní */
@media screen and (max-width: 720px)
{
    #hlavicka {font-size: 0.9em;}
        #hlavicka svg {height: 55px; width: 113px; padding: 0.25em;}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.25em;}
    h3 {font-size: 1.1em;}
    .hlavni {width: 90%;}
}

@media screen and (max-width: 480px)
{
    #hlavicka {font-size: 0.8em;}
        #hlavicka svg {height: 47px; width: 97px; padding: 0.20em;}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.25em;}
    h3 {font-size: 1.1em;}
    .hlavni {width: 99%;}
}

@media print {
    @page {margin: 1.5cm; size: portrait;}
    html {background-color: white; margin: 0px; padding: 0px; width: 100%;}
    body {border: none;	color: Black; font-family: 'Segoe UI', 'Book Antiqua', 'Open Sans', Times, serif; font-size: 12pt;}
    a {color: #484848; text-decoration: underline;}
    h1 {text-align: center;}
    div {margin: 0px; padding: 0px;}
    .tisk {display: block;}
    .netisk {display: none;}
    .menu {display: none;}
    .netucne {font-weight: normal;}
    #hlavicka {display: none;}
    #paticka {display: none;}
}
/*_________________________*/