main,nav,footer,header{display:block;}
body{background-color:White;font-family:Arial,sans-serif;}
p{line-height:2em;margin-top:0;margin-bottom:5px;}
p.no_margin,.program p,section p:last-child,section h3{margin:0;}
p.chyba{padding:5px;background:red;color:white;font-weight:bolder;border-radius:10px;}
p.zprava{padding:5px;background:#428f9b;color:white;font-weight:bolder;border-radius:10px;}
#header{width:100%;background:White;padding:10px 0; font-size:1em; line-height:1em; text-transform:uppercase; font-weight:700;}
main{background:url('../../../obr/pruh.png'); background-size:contain; background-position:bottom; background-repeat:no-repeat; padding-bottom:60px; border-bottom:3px solid #e1e8ed;}
main header{background:#428f9b;color:white;padding:30px;margin-bottom:10px;border-top:25px solid #f2f5fa;border-bottom:25px solid #f2f5fa;}
main header h1,main header h2{font-weight:bold;}
main #main-in h2:before{width:25px; height:20px; border-style:solid; border-width:10px 0 10px 17px; border-color:transparent transparent transparent #23549b; content:''; display:inline-block; }
/* seznamy */
ol{counter-reset:list;}
ol > li{list-style:none;position:relative;}
ol > li:before{counter-increment:list;content:counter(list,lower-alpha) ") ";position:absolute;left:-1.4em;}
main section{padding:20px 0;}
main section:last-child{padding-bottom:25px;}
.information{padding:0 10px;}
.information .w3-third{display:flex;padding:10px 15px;}
.information .w3-third h3{margin-top:0px;font-size:1.35em;font-weight:600;}
.information .w3-third p{margin:0;}
.information i{width:30px;font-size:30px;margin-right:20px;color:#23549b;padding-top:0px;transition:padding ease .5s;}
.information .w3-third:hover i{padding-top:15px;}
footer{width:100%;border-top:2px solid #23549b;background-color:white;}
footer img{max-width:100%; height:130px; margin:5px;}
/* menu */
#large_menu{color:Black; font-size:1.2em; line-height:2.5em; text-align:right; }
#large_menu a{text-decoration:none;transition:color ease .5s;}
#large_menu a:hover{color:#428f9b;}
#large_menu a.active{color:#428f9b;border-bottom:1px solid #428f9b;}
#large_menu span{margin:0 10px;}
#large_menu span:last-child{margin-right:0;}
#small_menu{display:none; height:100%; position:fixed !important; top:0; left:0; z-index:95; overflow:auto; background:White url('../../../obr/small_menu.png'); background-size:cover; background-position:bottom; background-repeat:no-repeat;}
#close_nav{font-size:4em;position:absolute;top:10px;right:10px;}
#small_menu span{width:100%; height:20%; text-align:center; font-size:1.5em; display:block; line-height:5em;}
#small_menu span a{text-decoration:none;}
#nav_open{color:#428f9b;font-size:1.7em;line-height:1.8em;}
/* registrace */
form#registrace{margin-bottom:45px;}
input[type="submit"], button{margin:30px 0;border:2px solid #428f9b;border-radius:5px;cursor:pointer;background:white;padding:10px;color:#428f9b;font-weight:bolder;}
input[type="submit"]:hover, button:hover{color:white;background:#428f9b;}
input[type="radio"]{margin:8px;margin-left:0;vertical-align:middle;}
textarea{width:90%;height:50px;resize:none;}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"]{border:none;border-bottom:1px solid gray;outline:none;margin:2px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus{border-color:#428f9b;}
textarea{border-radius:5px;padding:5px;outline:none;}
.cons_inner{display:flex;}
.cons_inner i{margin-right:25px;}
/* upravene radio */
.container{display:block; position:relative; padding-left:20px; margin-bottom:12px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:#eee;border-radius:50%;border:1px solid #145990;}
.checkbox{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:#eee;border-radius:2px;border:1px solid #145990;}
.container:hover input ~ .checkmark,.container:hover input ~ .checkbox{background-color:#ccc;}
.container input:checked ~ .checkmark,.container input:checked ~ .checkbox{background-color:#428f9b;}
.checkmark:after,.checkbox:after{content:"";position:absolute;display:none;}
.container input:checked ~ .checkmark:after,.container input:checked ~ .checkbox:after{display:block;}
.container .checkmark:after{top:4px;left:4px;width:5px;height:5px;border-radius:50%;background:white;}
.container .checkbox:after{left:4px;top:1px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/* drobne upravy W3 */
.w3-content{max-width:1200px !important;padding:0 15px;}
.w3-show{display:block;}
.w3-hide{display:none;}
/*tabulka*/
table tr{border:1px solid black;}
table tr th{background:#428f9b;}
table tr:nth-child(even) td{background:white;}
table tr:nth-child(odd) td{background:#f2f5fa;} 
#footer-in div:last-child{padding-top: 35px;text-align: center;}

/*tisk*/
@media print{
header#header, main header, footer, main form{display:none;}
main{border:none;background:none;}
body{font-size:.8em;}
}

/* modalni okno */
#modal{z-index:99;}
#modal .w3-modal-content{background-color:transparent !important;box-shadow:none;}
#modal .w3-container{padding:0px;position:relative;}
#modal img{max-width:100%;width:100%;}
#modal header{margin:0;}
#modal p{    
    width: 100%;
    text-align: center;
    bottom: 0px;
    padding:15px;
    background: white;
    border:2px solid black;
    border-radius: 5px;
}

.modal-close{
    background: white;
    border-radius: 5px;
    border: 2px solid black;
    font-weight: bold;
    padding: 5px 10px !important;
    right: 5px;
    top: 5px;
}