@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

:root {
--c-white:#fff;
--c-base:#151515;
--c-act:#00a0dc;
--c-acth:#002964;
--bg-grey:#5D5D5D;
--c-sel:#1F8383;
--bg-input:#eee;
--bg-sel:#CBFBFB;
--c-line:#56C3BE;
--c-line2:#9ADAD9;
--shadow:0 1px 4px #0003;
--shadowbig: 0 0 40px #0002;
--b-menu:1px solid #eee;
}

html,body,h1,h2,h3,h4,p,ul,ol,li,div,span,form,table,td,dl,dd,dt,img{margin:0; padding:0; border:0;}
html,body {height:100%;}
body {background:var(--c-white);color:var(--c-base); font-size:16px;font-family:"Inter", sans-serif;overflow-x:hidden;}
input,textarea,select {font-family:"Inter", sans-serif;}
* {box-sizing: border-box;}

.no-scroll{overflow:hidden;}

h1{font-size: 3em;margin: 1.3em 0 .2em 0;}
h2{font-size: 2.4em;margin: 1em 0 .2em 0;}
h3{font-size: 1.8em;margin: 1em 0 .25em 0;}
h4{font-size: 1.4em;margin: 1em 0 .3em 0;}
h5,h6{font-size:16px;margin:1em 0 .5em 0;}
h1::after,h2::after,h3::after{content:"";display:inline-block;width:14px;height:14px;background:var(--c-act);vertical-align:baseline;margin-left:8px;}
.nodot::after{display:none;}
h1 strong,h2 strong, h3 strong, h4 strong{font-weight:900;}

p{font-size:1em;margin: .7em 0;line-height:1.5em;}
ol,ul {font-size:1em; margin:0 0 .8em 1.3em;}
li {margin:.3em 0;list-style-type: square;}
li::marker {color: var(--c-act);}
hr {margin:1em 0;border:none;height:2px;background:var(--c-act);}

dl{display:block; margin:0.5em 0;}
dt{display: inline-block;min-width: 30%;vertical-align: top;line-height: 1.5em;box-sizing: border-box;padding-right:1em;}
dd{display: inline-block;max-width: 70%;margin: 0;vertical-align: top;}

table{width:100%;border-collapse:collapse;margin:.5em 0;}
table th, 
table td{border-bottom: 1px solid var(--c-line);vertical-align: middle;padding : 5px;text-align : left;font-size: 90%;min-width: 100px;}
table th{font-weight:bold;font-size:1.2em;padding-top:10px;}

table.blank th, 
table.blank td{border: none;background:transparent;}

table.border th, 
table.border td{border: 1px solid var(--c-act);background:transparent;}

table.short{width:auto;}

table.top th, 
table.top td {vertical-align:top;}

table.program {width:auto;}
table.program th{vertical-align:top;border-top: 1px solid var(--c-act);border-bottom: 1px solid var(--c-act);font-weight:bold;font-size:1.2em;padding: 8px 5px;background: var(--bg-input);}
table.program td{vertical-align:top;border: none;}
table.program .main td{border-top: 1px solid var(--c-line);font-weight:bold;font-size:1.1em;}


tr.line th,tr.line td,th.line,td.line {border-top: 2px solid var(--c-act);border-bottom: 2px solid var(--c-act);}
tr.noline th,tr.noline td,th.noline,td.noline {border:none;}

@media (max-width: 640px) {
table.program {width:100%;font-size: .8em;}
}


@media (max-width: 700px) {
dt,
dd{display:block; width:auto;min-width:none;max-width:none;}
}

a{cursor:pointer; text-decoration: underline;color:var(--c-act);}
a:hover{text-decoration: underline;color:var(--c-acth);}
h1 a,h2 a,h3 a {text-decoration:none;color:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover {text-decoration: underline;color:var(--c-acth);}


img {max-width: 100%;}
.hid {display:none !important;}
.vis {visibility:hidden !important;}
.clr {clear:both;}
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.b {font-weight:bold !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.nw {white-space:nowrap !important;}

.first{margin-top:0;}
.red {color:var(--c-act);}
.middle>*{display: inline-block;vertical-align:middle;}

a.btn {display:inline-block;max-width: 100%;margin: 0.1em;padding: 15px 30px;font-weight: bold; background-color:var(--c-act);color:var(--c-white);text-decoration:none;}
a.btn.sel,a.btn:hover {background-color:var(--c-acth);}
a.btn.small {font-size:1em;padding:7px 12px;}

a.soc {display:inline-block;width:32px; height:32px;margin-right: 10px; border:1px solid var(--c-white);background:url(../social.png) no-repeat;}
a.soc.fb{background-position: 3px -57px;}
a.soc.yt{background-position: 3px 3px;}
a.soc.ig{background-position: 3px -88px;}
a.soc.x{background-position: 3px -27px;}

body {display: flex;flex-wrap: nowrap;flex-direction: column;overflow-x: hidden;}
.cnt {width:100%; max-width:1250px;margin:auto;padding:0 15px;position:relative;}

.archinfo {background: var(--c-act);color: var(--c-white);text-align: center;padding: 5px;}
.archinfo a{color:var(--c-white);}

header {z-index:10;position:relative;border-bottom:1px solid var(--c-line);}
header .cnt {display: flex;align-items: end;justify-content: space-between;padding:35px 15px;}
header .logo {display:block;margin-right:40px;}
header .logo img{display:block;}

header .login{display:inline-block;border:var(--b-menu); border-left:4px solid var(--c-act);text-transform:uppercase;text-decoration:none; font-size:10px;color:var(--c-base);padding:15px 20px 15px 50px;background:var(--c-white) url(../login.png) 5px center no-repeat;}
header a.login:hover{text-decoration:none;color:var(--c-sel);background-color:var(--bg-sel);}

header .login.user{position:absolute;z-index:10;top:10px;right:15px;max-width: 220px;padding: 13px 25px 14px 50px;text-transform: none;font-size: 13px;cursor:pointer;}
header .login.user:after {content: "";position:absolute;z-index:2;top:12px;right:2px;width:20px;height:20px;background:url(../arrow.png) center center no-repeat;background-size: contain;transition: transform .2s;}
header .login.user>div {display:none;position:absolute;z-index:2;top:100%;right:0;left: 0;font-size: 14px;background: var(--c-white);border-top: 1px solid var(--c-act);box-shadow: var(--shadow);}
header .login.user>div>a{display:block;border-bottom:1px solid var(--c-line);margin:0;padding:8px 10px;color: var(--c-base);text-decoration: none;text-transform: uppercase;}
header .login.user>div>a:hover{background:var(--bg-sel);color:var(--c-sel);}
header .login.user.sel:after{transform: rotate(90deg);}
header .login.user.sel>div {display:block;}


.menu {flex-grow: 2;transform: translateY(6px);}
nav ul{display:block;font-weight:bold;padding:0;margin:auto;}
nav li{list-style:none;margin:0;}
nav a{display:block; white-space:nowrap; line-height: 32px;height: 32px;padding: 0 10px;color:var(--c-base);text-decoration:none}
nav a.sel{color:var(--c-act);}
nav a:hover{color:var(--c-acth);text-decoration:none;}

nav>ul>li{display:inline-block;position:relative;margin: 0 5px;}
nav>ul>li>ul{display:none;position:absolute;left:-10px;top:30px;min-width:calc(100% + 20px);text-align:left;font-size: 14px;padding:5px 10px 10px;background:var(--c-white);border-top: 1px solid var(--c-act);box-shadow:var(--shadow);}
nav>ul>li:hover>ul{display:block;}
nav>ul>li>ul>li{display:block;border-bottom:1px solid var(--c-line);margin:0;}
nav>ul>li>ul>li:hover{background:var(--bg-sel);}
nav>ul>li>ul>li>a:hover{color:var(--c-sel);}

nav .ham {display:none;}

.content {flex-grow:1;}

@media (max-width: 900px){
h1{font-size: 2em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5,h6{font-size:16px;}
h1::after,h2::after,h3::after{width:10px;height:10px;}

.cnt {padding:0 10px;}

header .cnt {padding:15px 10px;}
header .logo {flex-grow: 2;margin-right: 10px;}
header .logo img{height:60px;}
header .login.user {position: relative;top: 0;right: 0;flex-shrink: 2;}

header nav>ul {display:none;}
header .menu {display: block;position: absolute;z-index:5;top:80px;left: 0;right: 0;background:var(--c-white);}
header .ham {display:block;z-index:2;width: 45px;height:45px;margin:0 0 0 10px;border:var(--b-menu);padding: 3px 2px;overflow: hidden;text-align:left; cursor:pointer;}
header .ham .hamico{margin:18px 10px;width: 20px;height:2px;display:block;position: relative;background-color: #35486C;}
header .ham .hamico:before,
header .ham .hamico:after {content: '';position: absolute;width: 100%;height: 2px; top: 6px;background-color: #35486C;}
header .ham .hamico:after {top: -6px;}


header.sel .ham .hamico {background: none;}
header.sel .ham .hamico:before {top:0;transform: rotate(-45deg);}
header.sel .ham .hamico:after {top:0;transform: rotate(45deg);}

header.sel nav>ul{display:block;}
header.sel li {display:block;padding:0px;border:none; border-bottom:1px solid #ddd; margin:0;text-align:center;}
header.sel li a{display:inline-block; margin: 3px 0;white-space:normal;}
header.sel nav>ul>li>ul{display:block;position:static;min-width:0;text-align: center;padding: 5px 10px 10px;background:none;border:none;box-shadow:none;}
header.sel nav>ul>li>ul>li{padding:0;font-size:.9em;font-weight:normal;border-bottom: 0;}
header.sel nav>ul>li>ul>li>a{margin: 5px 0;height: auto;line-height: 1.3em;}


.mc {text-align:center !important;}
}

.content .cimg {text-align:center;}
.content .rimg {float:right; margin-left:1em; margin-bottom:1em;}
.content .limg {float:left; margin-right:1em; margin-bottom:1em;}
.content .rimg img, .content .limg img {max-width:30%;}
.content .photogallery {margin: 0 auto 1em; text-align:center;}
.content .photogallery img{display:inline-block; margin:0.5em;vertical-align: middle;}

.content a.logo{margin:10px 30px;display:inline-block;vertical-align: middle;}
.content a.logo img{max-width:220px;max-height:100px;}
.content img.logo{max-width:220px;max-height:100px; margin:10px 30px;display:inline-block;vertical-align: middle;}


@media (max-width: 400px){
.content .rimg,.content .limg, .content .photogallery img {float:none; margin:0 0 1em 0; max-width:100%;}
}

/*video*/
.content .ytvideo{margin: 1% 2%;width: 96%; /*max-width:900px;*/position:relative;}
.content .ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.content .ytvideo iframe{ width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;border:none;} 
.content .ytvideocapt{text-align:center;font-style:italic; margin-top:0;}

.content a.noline{text-decoration:none;}
.content img {max-width: 100%;}

.content p.error{font-weight:bold;color:var(--c-act);padding:30px 0;}

.content span.download{display: inline-block;margin: 8px 0;}

.content .form {margin:1em auto;position:relative; max-width:900px;}

.content .sending {position:fixed;z-index:20;top:0;left:0;right:0;bottom:0;background:#fffd;display:flex;align-items:center;justify-content:center;}
.content .sending>span {font-style:italic;font-size:20px;}

.content .form dl{display:block; margin:1em 0;}
.content .form dl.text{margin:.2em 0;}
.content .form dl.higlight{ font-weight:bold;font-size:1.2em;margin:0;padding-top:8px;color:var(--c-act);}
.content .form dl.higlight.black{color: var(--c-base);padding: 0;margin: .1em 0;}
.content .form dl.sep,
.content .form div.sep{margin-top:2em;}

.content .form dt{width: 25%;text-align:right;padding-top: 7px;}
.content .form dd{width: 75%;margin: 0;position: relative;}
.content .form dd.text{padding-top: 7px;line-height: 1.5em;}
.content .form label{vertical-align:middle; line-height:1.5em;}
.content .form dd span {display: inline-block;padding-right: 0.4em;}
.content .form dd span.note {font-style:italic;}
.content .form dt span.req {font-weight:bold;color:#F00;}

.content .form dl dl {display: flex;}
.content .form dl dl dt{width:auto;min-width: auto;text-align:left;}
.content .form dl dl dd{width:auto;max-width: none;flex-grow: 1;}

.content .form dl.text>dt{padding-top: 0;line-height: 1.3em;}
.content .form dl.text>dd{}

.content .form dl.higlight dt{padding-top:0;}
.content .form dl.higlight dd{line-height: 1.5em;}
.content .form dl.higlight span{padding:0;}

.content input,
.content textarea,
.content select {font-size:1em;box-sizing: border-box;}
.content .form label {cursor: pointer;margin:3px 0;display: inline-block;vertical-align:middle;}
.content .form input[type="text"],
.content .form input[type="date"],
.content .form input[type="file"],
.content .form input[type="number"],
.content .form input[type="password"]{width: 100%; border: 0; background:var(--bg-input); color:var(--c-base);border: 1px solid var(--c-act);padding: 8px;font-size: 1.2em;}
.content .form input[type="checkbox"]{margin-right:0.5em;}

.content .form input[type="number"]{width:100px;text-align:right;}
.content .form input.code{text-align:center;font-weight:bold;font-size: 1.3em;-moz-appearance: textfield;}
.content .form input.code::-webkit-outer-spin-button,
.content .form input.code::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}


.content .form textarea{width:100%; height:100px; border: 0; background:var(--bg-input); color:var(--c-base);border: 1px solid var(--c-act);padding: 8px;font-size: 1.2em;}
.content button {display:inline-block;margin: 0.1em;padding: 15px 30px;font-weight: bold; background-color:var(--c-act);color:var(--c-white);border:0;cursor:pointer;}
.content button:hover {background-color:var(--c-acth);}
.content button.small {padding: 7px 10px;}


.content .form .inlineSel{display:inline-block;vertical-align:middle;margin-left:10px;}


.content .form p.err {color:#F00;display:none;font-size:.8em;}
.content .form dl.err dt {color:#F00;}
.content .form dl.err input,
.content .form dl.err textarea,
.content .form dl.err select,
.content .form dl.err .errAll {background:#fbb;}
.content .form dl.err p.err {display:block;}

.dialog {position:fixed;z-index:10; top:5px; left:5px; right:5px;bottom:5px; background:var(--c-white);border:1px solid var(--c-act);}
.dlggrp {
display: flex;
gap: 10px;
width: 100%;
height: 100%;
overflow: hidden;
}

.dlg250 {
position:relative;
width: 350px;
flex: 0 0 350px;
height: 100%;
overflow-y: auto;
padding: 10px;
}

.dlgmax {
position:relative;
flex: 1 1 auto;    /* zabere zbytek místa */
height: 100%;
overflow-y: auto;  /* vlastní scroll */
}

@media (max-width: 640px) {
.dlggrp {
flex-direction: column-reverse;
}
.dlg250,
.dlgmax {
width: 100%;
height: 50%;
flex: 0 0 50%;
}
}




.formRes {display: none;position: absolute;z-index: 10;top: -5px;left: -5px;right: -5px;bottom: -5px;text-align: center;padding-top: 40px;
box-shadow: 2px 2px 20px 0px rgba(255, 255, 255, 0.75);background-color: #fffe;border: 1px solid #aaa;}


@media (max-width: 700px) {
.content .form dt,
.content .form dd{width:auto;text-align:left;}
.content .form dd.btn {text-align:center;}
.content .form dl dl {display: block;}
.content .form dl dl dt{}
.content .form dl dl dd{}
}

/*BANNER*/
.banner {position:relative;left: calc(50% - 50vw);width:100vw;}
.banner>img {display:block;object-fit: cover;width: 100%;height: 100%;max-height: 800px;min-height: 400px;}
.banner>div {position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display: flex;padding: 0 8px;}


/*PANEL*/
.panel {position:relative; padding-top:10px;padding-bottom:10px;}
.panel::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:0;bottom:0;}
.panel::after{content:"";display:block;clear:both;}

.panel.black{color:var(--c-white);}
.panel.black::before {background:var(--c-base);}
.panel.grey{color:var(--c-white);}
.panel.grey::before {background:var(--bg-grey);}
.panel.red{color:var(--c-white);}
.panel.red::before {background:var(--c-act);}

.panel.black a, .panel.grey a, .panel.red a {color:var(--c-white);}
.panel.red li::marker {color: var(--c-white);}
.panel.red td,.panel.red th{border-color:var(--c-white);}


/*BLOCK*/
.block {display:flex;flex-wrap: wrap; margin:0 -5px;}
.block>div {box-sizing: border-box;padding:5px;flex-grow: 1;}

.block .half {flex-basis:50%;/* min-width:450px;*/}
.block .third {flex-basis:33%; min-width:300px;}
.block .twothirds {flex-basis:66%; min-width:600px;}
.block .quarter {flex-basis:25%; min-width:225px;}
.block .fifth {flex-basis:20%; min-width:225px;max-width:280px;}
.block .slim {flex-grow: 0;min-width: 0;flex-basis: auto;}

.block.movedup {margin-top: -90px; margin-bottom:10px; position: relative;z-index:2;}

@media (max-width: 800px){
.block .half, 
.block .twothirds {flex-basis:100%; min-width:100%;}
.block.movedup {margin-top: -70px;}
}

@media (max-width: 500px){
.block .third {flex-basis:100%; min-width:100%;}
.block .smallhide {display:none;}
.block.movedup {margin-top: -50px;}
}
@media (max-width: 300px){
.block .quarter {flex-basis:100%; min-width:100%;}
}

.submenu{background:var(--c-white);border-top:1px solid var(--c-act); padding:20px;box-shadow:var(--shadowbig);height:100%;}
.submenu p{margin:0;border-top:1px solid var(--c-line);}
.submenu p:last-child{margin:0;border-bottom:1px solid var(--c-line);}
.submenu p a{display:block;padding: 10px;font-weight:bold;color:var(--c-base);text-decoration:none;}
.submenu p a:hover{background:var(--bg-sel);color:var(--c-sel);}
.submenu h2 a:hover{color:var(--c-base);}