@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap&subset=latin_ext');
body{font-family:'Merriweather',serif;font-size:1rem;font-weight:300;width:100vw;overflow-x:hidden;}
html{scroll-behavior:smooth;}
//h1,h2,h3,h4,h5,h6 {text-transform:uppercase;}
h1, #clanky h1{font-size:2.75rem !important;font-weight:700;color:#12769f !important;}
h2{font-size:2.5rem !important;font-weight:700;color:#12769f !important;}
h3{font-size:2rem !important;font-weight:700;color:#12769f !important;}
h3, h4, h6{font-weight:700;color:#12769f !important;}
h5 {font-weight:700;background:#12769f !important;padding:.5rem !important;color:#fff !important;} 
h5 a, h5 a:visited {color:#fff !important;text-decoration:none !important;padding-left:2.115rem !important;}
h5 a:hover, h5 a:visited:hover {color:#c6eeff !important;}
h2{font-weight:700;color:#12769f !important;}
b, strong {font-weight:700 !important;}
.container2 h2 {color:#12769f !important;}
#clanky h3{font-size:2rem !important;}
#clanky h4, #fotogalerie h4{font-size:1.5rem !important;}
#clanky h3, #clanky h4, #clanky h5, #clanky h6, #fotogalerie h3, #fotogalerie h4, #fotogalerie h5, #fotogalerie h6, #clanky h3 b, #clanky h4 b, #clanky h5 b, #clanky h6 b, #fotogalerie h3 b, #fotogalerie h4 b, #fotogalerie h5 b, #fotogalerie h6 b{font-weight:700 !important;}
article h3 a,article h3 a:visited{color:#12769f !important;font-weight:700;font-size:1.75rem;}
a, a:visited{color:#12769f;}
a:hover, a:visited:hover, a:focus{color:#000;text-decoration:none !important;}
.kalendar tbody td.akce{background:#ca1e1a !important;color:#fff !important;cursor:pointer;}
.kalendar tbody td.akce:hover {background:#c6eeff !important;color:#000 !important;}
.f5{background:#f5f5f5 !important;background-image: linear-gradient(45deg, #f5f5f5 37.50%, #f2f2f2 37.50%, #f2f2f2 50%, #f5f5f5 50%, #f5f5f5 87.50%, #f2f2f2 87.50%, #f2f2f2 100%) !important;
background-size: 11.31px 11.31px !important;}
hr{border-top:1px solid #00a0fe !important;}
#h2akt, #h2ud {cursor:pointer;}
.row {justify-content:center;}
.rowClear{margin:0 !important;}
#play {cursor:pointer;}
#intro {margin-bottom:-6px !important;}
//.header{background:url('../img/budova.jpg') center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.header{transition:all 1s ease;position:relative;}
.header h1{display:none;}
.nazevSkolyTop {font-size:1.5rem;text-align:center;color:#12769f !important;}
.header video,#informace video, #video{object-fit:cover;height:100%;width:100%;position:absolute;top:0;left:0;}
.video {position:relative;height:18rem;}
.visually-hidden {visibility:hidden !important;}
.header .overlay,#informace .overlay{background:#12769fcf;object-fit:cover;height:100%;width:100%;position:absolute;top:0;left:0;}
.header .cont{position:relative;}
#qq {border-radius:5px 0px 0px 5px;}
.container-full{margin-right:1rem;}
.blockquote{margin-bottom:2.5rem;margin-top:1rem;font-size:1.15rem;color:#efefef;text-shadow:0px 0px 3px #0066a1;}
.ul{margin-top:1rem;margin-left:1rem;margin-right:1rem;}
#uvod h2{margin-left:2rem;    margin-right:2rem;    font-weight:700;  font-size:2.75rem !important;  color:#12769f !important;    text-align:center; padding-bottom:0.5rem;}
.table-bordered td,.table-bordered th{border:1px solid #f1f1f1;}
.kontaktyNew{font-size:.9rem;}
#contUvod {padding: 1rem 7rem;width:100%;background:#12769f !important;background:-moz-linear-gradient(45deg,  #12769f 0%, #a80000 100%) !important;background:-webkit-linear-gradient(45deg,  #12769f 0%,#a80000 100%) !important;background:linear-gradient(45deg,  #12769f 0%,#a80000 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12769f', endColorstr='#a80000',GradientType=1) !important;}
#contUvod h2 {color:#fff !important;}
ul#menuSmart {list-style:none;padding-left:0;margin-left:0;margin-bottom:0;}
ul#menuSmart li {width:100%;}
ul#menuSmart li > a, ul#menuSmart li > a:visited {padding:.75rem 1.25rem;font-size:1rem;width:100%;display:block;border-bottom:1px solid #e1e1e1;background:#fff;}
ul#menuSmart li > a:hover, ul#menuSmart li > a:visited:hover {background:#ededed;color:#000;}
ul#menuSmart li.active > a, ul#menuSmart li.active > a:visited, ul#menuSmart li.active > a:hover {position:relative;background:#12769f;color:#fff;text-decoration:none;border-bottom:1px solid #4d5b95;}
ul#menuSmart li.active > a:before {content: "";position: absolute;right: -5px;top: 50%;transform: translateY(-50%) rotate(-45deg);border: solid #f5f5f5;border-width: 0 3px 3px 0;padding: 4px;display: inline-block;background-color: #f5f5f5;}

.uvodArticle .shadow-sm {border-radius:0;}
a.captionBtn {color:#fff !important;text-decoration:none;transition:all 1s linear !important;}
a.captionBtn:hover {border-style:dashed;}
.open {
    margin-bottom: 1rem;
    margin-top: 2rem;

}
.open > a, .open > a:visited {/*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
    position:relative;
    color: #fff !important;
    text-shadow:0px 0px 2px #000;
    margin: 0 auto;
    text-transform: uppercase;
        text-align: center;
    padding: .75rem;
    /*margin-left: 1rem;
    margin-right: 1rem;*/

    font-size:.9rem;
    font-weight: 700;
    text-decoration: none !important;
    border-radius:0px;
background:#12769f !important;background:-moz-linear-gradient(45deg,  #12769f 0%, #a80000 100%) !important;background:-webkit-linear-gradient(45deg,  #12769f 0%,#a80000 100%) !important;background:linear-gradient(45deg,  #12769f 0%,#a80000 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12769f', endColorstr='#a80000',GradientType=1) !important;
}
.open > a:hover, .open > a:visited:hover {
    color: #c6eeff !important;
}
hr {border-top:1px dotted #bdbdbd !important;}
.video {transition:all 1s linear;}
.hledat{color:#000;margin-bottom:.5rem;margin-top:.45rem;}
.hledat input, hledat input:focus {
    padding: 0.5rem;
    border: 1px solid #12769f;
    color: #000;
    width: 100%;
    border-radius: 0 !important;
}
.hledat button{color:#000;background:#c6eeff;}
.hledat button:hover{color:#c6eeff;background:#5298b7;}
#tip {font-size:.9rem;background: #12769f;
background: -moz-linear-gradient(top,  #12769f 0%, #12769f 50%, #226096 100%);
background: -webkit-linear-gradient(top,  #12769f 0%,#12769f 50%,#226096 100%);
background: linear-gradient(to bottom,  #12769f 0%,#12769f 50%,#226096 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#226096',GradientType=0 );
text-align:center;padding:.9rem;font-size:.9rem;font-weight:500;color:#fff;
}
.pot {background:#fff;padding:2rem;margin:1rem;height:14rem;margin-top:-7rem;z-index:1000;position:relative;text-align:center;cursor:pointer;border-bottom:2px solid #12769f;}
.pot:hover {background:#12769f;color:#fff;border-bottom:2px solid #fff;}
.pot:hover a, .pot:hover h4 {color:#fff !important;}
.pot h4 {margin-top:2rem;margin-bottom:2rem;}
.iconPot img {height:4rem;}
#social {position:absolute;background:#fff;left:8rem;z-index:3000;margin-top:1rem;}
#social ul {padding-left:0;display:flex;align-items:center;margin-bottom:0;}
#social ul li {list-style:none;padding:.5rem;font-weight:600;}
#social ul li > a {padding:.5rem;}
#social img {height:2rem;}
#tip a {color:#fff;}
#tip ul {margin-top:.5rem;}
.carousel-item {
    transition: 1.5s ease !important;
    transition-duration: 1.5s !important;
}
.carousel-inner > .carousel-item {
    -webkit-transition: 1.5s ease !important;
    -moz-transition: 1.5s ease !important;
    -o-transition: 1.5s ease !important;
    transition: 1.5s ease !important;
}
#flags img {height:1.25rem;max-width:1.25rem;margin-right:.5rem;margin-bottom:3px;}

#flags span {
    padding-left: 1rem;
    padding-right:1rem;
    text-align: center;
    color:#fff;
}
#flags a {color:#12769f;text-decoration:none;}
#flags {display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;}
.flag {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display:block !important;
    width: 2.5rem !important;
    height: 1.5rem !important;
    margin:.25rem;
    cursor:pointer;
    border:1px solid #e1e1e1;
    transition:all .1s ease;
}

.de {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==);
}
.gb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K);
}
.ua {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCI+DQo8cGF0aCBmaWxsPSIjM2E3NWM0IiBkPSJtMCwwaDEyMDB2ODAwaC0xMjAweiIvPg0KPHBhdGggZmlsbD0iI2Y5ZGQxNiIgZD0ibTAsNDAwaDEyMDB2NDAwaC0xMjAweiIvPg0KPC9zdmc+DQo=);
}
.cz {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNiA0Ij4NCjxwYXRoIGZpbGw9IiNkNzE0MWEiIGQ9Im0wLDBoNnY0aC02eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2djJoLTZ6Ii8+DQo8cGF0aCBmaWxsPSIjMTE0NTdlIiBkPSJtMywybC0zLTJ2NHoiLz4NCjwvc3ZnPg0K);
}
.carousel-item {display:flex;align-content:center;}
.buttons {background:#c6eeff;color:#12769f; display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;padding:2rem;}
ul#buttons {list-style:none;padding-left:0;margin-left:0;margin-bottom:0;width:100%;}
ul#buttons li > a {background:#12769f;color:#fff;text-decoration:none;display:block;padding:1rem;margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: flex-start;}
ul#buttons li > a:hover {color:#c6eeff;}
ul#buttons b {font-size:1.5rem;}
ul#buttons i {font-size:2.75rem;margin-right:1rem;}
.carousel-item {display:flex !important;align-content:center;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:row;}
.carousel-caption {background:#12769fe0;padding:3rem;color:#fff;width:700px;left:10rem;top:auto;bottom:auto;}
.carousel-caption h2 a, .carousel-caption h2 a:visited {color:#fff !important;text-decoration:underline !important;}
.carousel-caption h2 a:hover, .carousel-caption h2 a:visited:hover, .carousel-caption h2 a:focus, .carousel-caption h2 a:active {color:#fff !important;text-decoration:none !important;}
.carousel-caption h2 {color:#fff !important;font-weight:700;font-size:2.5rem !important;line-height:4rem;}
.carousel-caption p {font-size:1.1rem;margin-bottom:2rem;}
#obory {display:flex;justify-content:space-between;list-style:none;flex-wrap:wrap;padding-left:0;margin-left:0;}
.obor {background:#fff;margin-top:-4rem;margin-left:0;margin-right:0;z-index:1000;font-weight:500;font-size:1.125rem;min-width:18rem;}
.obor img {height:5rem;margin-bottom:1.5rem;}
.obor a {text-decoration:none;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:flex-start;}
.obor > a {padding:2rem;}
.captionBtn {border:2px solid #fff;color:#fff;font-weight:600;padding:.75rem;}
.captionBtn:hover {color:#fff;text-decoration:none;}
.clanekInfo{font-size:.9rem !important;}
.progress-bar{background:#12769f !important;color:#000 !important;}
.card{margin-top:2rem !important;margin-bottom:3rem !important;border:0 !important;border-radius:0 !important;}
.card-header{border-radius:0 !important;background:#12769f !important;color:#fff !important;font-size:1.15rem !important;font-weight:700;}
.card-body{border-radius:0 !important;background:#fff !important;font-size:1rem !important;}
.dropdown-menu{margin-top:-1px !important;margin-left:3px !important;padding-top:0 !important;padding-bottom:0 !important;}
.aktualityNadpis,.akceNadpis,.anketaOtazka {color:#12769f !important;font-weight:700;}
#menuKalendar  {font-size:1.25rem !important;}
#menuKalendar i {font-size:1.75rem !important;}
#menuKalendar i:hover {color:#12769f;}
.kalAkce {height:10rem;margin:.25rem;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.kalAkceItem {border:1px solid #12769f;background:#fff;font-size:.8rem;text-align:left;margin-top:.2rem;margin-bottom:.2rem;padding:.2rem .25rem;}
.kalDen {width:2rem;text-align:center;background:#c6eeff;color:#000;}
.kalendar tbody td.neaktivni .kalDen {background:#c1c1c1;color:#fff;}
.kalendar tbody td.akce .kalDen {background:#12769f;color:#fff;}
.kalendar thead td{height:4rem;border:2px solid #5e2b5e;background:#12769f !important;color:#fff !important;font-weight:bold;}
.kalendar tbody td{height:10rem;width:10rem;overflow-x:hidden;overflow:hidden;border:2px solid #12769f;background:#fff !important;}
.kalendar tbody td.akce,.akceDatum{background:#c6eeff !important;color:#000 !important;}
.kalendar tbody td.neaktivni{background:#e7e7e7 !important;    color:#8f8f8f !important;}
.kalendar tbody td.dnes{background:#fffaf0 !important;    color:#000000 !important;}
.card-body .stitekDatum{padding-left:0 !important;}
.cars-body a{color:#12769f !important;}
#clanky .btn-primary,#fotogalerie .btn-primary,.card-body a.btn-primary{border-color:#12769f !important;font-weight:500;text-transform:uppercase;color:#000 !important;background:#c6eeff !important;border-color: #c6eeff !important;}
.card-body .btn-primary:hover, #clanky .btn-primary:hover, #fotogalerie .btn-primary:hover, .card-body a.btn-primary:visited:hover, #clanky a.btn-primary:visited:hover, #fotogalerie a.btn-primary:visited:hover,.card-body a.btn-primary:hover{background-color:#12769f !important;color:#fff !important;border-color:#c6eeff !important;text-decoration:none !important;}
.page-item .page-link, .nav-item .subHeader:hover, #submenu li ul li.active > a, #submenu li ul li > a:hover{color:#000 !important;text-shadow:0 0 0 !important;border:1px solid #12769f !important;background:#fff !important;padding:.75rem 1rem;font-weight:400;}
.page-item .page-link {border:1px solid;}
#kontakty .row {justify-content: flex-start;}
.kontakt {height: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;}
.kontakt img {max-width:100px;margin-right:1rem;}
.modal {z-index:7000;}
.modal-dialog {margin-top:7rem;}
#loga img{max-width:200px;}
#submenu{background:transparent;box-shadow:0px 0px 0px 0px;margin-top:2rem !important;}
ul.submenu li > a, ul.submenu li > a:visited, .nav-item .subHeader{background:#fff !important;font-weight:400;color:#000 !important;border-color:#fff !important;font-size:1rem !important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
ul.submenu li > a:hover, ul.submenu li > a:visited:hover, ul.submenu li.active > a{transition:all .5s ease;border-color:#12769f !important;font-weight:400;color:#fff !important;background:#12769f !important;}
ul.submenu li:hover i{color:#000 !important;}
#submenu li ul li > a{background:#fff !important;border:1px solid #00a0fe !important;color:#00a0fe !important;}
ul.submenu ul{padding-inline-start:0 !important;}
.subHeader{cursor:pointer;}
.nav-item .subHeader .active{background:#fff !important;border-color:#fff !important;border-bottom:1px solid #00a0fe !important;color:#000000 !important;font-size:1rem;}
.symbolSub{position:absolute;right:2rem;background:transparent !important;color:#fff !important;border:0 !important;}
.btn {border-radius:0 !important;}
.btn-primary{font-size:.9rem !important;}
.transparent{
/*background:#fffffff2 !important;*/
background:#fff !important;}
.nazevSkoly .padd{padding:.5rem;padding-left:1rem;}
.odkazy .padd{padding:.5rem;padding-right:1rem;}
.nazevSkoly{text-align:left;}
.odkazy{text-align:right;}
.white{color:#fff !important;}
.menubg{background:#12769f !important;}
#topNews{background:#00a0fe;color:#12769f;width:100%;max-width:100%;overflow:hidden;top:115px;text-align:center;font-size:.9rem;height:44px;transition:all 1.5s ease;
/*-webkit-animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) both;*/
}
#topNews p{margin-bottom:0;}
#topNews .topzprava{margin-right:2rem;}
#news{transition:all 1.5s ease;margin-left:250px;}
#news a,#news a:visited,#news a:focus{color:#fff !important;}
#news a:hover,#news a:visited:hover{color:#fff !important;}
#news .js-marquee-wrapper{margin-left:525px;}
#newsH{position:absolute;background:#12769f;width:225px;text-align:center;left:0;color:#000;left:0;padding-top:16px;padding-bottom:15px;margin-top:-16px;}
.newsP{margin-top:.6rem;margin-bottom:.5rem;}
.akts{position:absolute;width:100%;}
.slide-menu{-webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both !important;animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both!important;}
.small-menu img{height:3.5rem !important;}
.small-menu li > a, .small-menu .switch {font-size:.9rem !important;}
.articleNO {border-color:#e1e1e1 !important;}
#accessibility {font-size:2.25rem !important;}
#main_navbar{transition:all 1s ease !important;background:#f5f5f5;padding-left:0;padding-right:0;z-index:5000;margin-top:-3px !important;}
#main_navbar ul li > a img {max-height:1.75rem;margin-left:-5px;margin-right:-5px;margin-top:-4px;margin-bottom:-4px;}
#main_navbar ul li > a:focus{color:#000 !important;}
#main_navbar ul li > a, #main_navbar ul li > a:visited{padding: 0.75rem 1.25rem;color:#12769f;margin:0px;border-radius:0px;background:#fff;font-weight:700;margin:0 3px;}
#main_navbar ul li.active > a, #main_navbar ul li > a:hover, #main_navbar ul li > a:visited:hover{background:#12769f !important;color:#fff  !important;}
#main_navbar li.active > a:hover i{color:#fff !important;}
#main_navbar li.active > a i,#main_navbar li > a:hover i{color:#fff !important;}
#main_navbar ul li ul li > a, #main_navbar ul li ul li > a:visited, #main_navbar ul li ul li ul li > a, #main_navbar ul li ul li ul li > a:visited{padding: 0.7rem 1.25rem;margin-left:0px;margin-right:0px;border-radius:0px;background:#12769f !important;color:#fff  !important;border-top:1px solid #0000002e !important;font-size:.9rem;border-bottom:0 !important;}
#main_navbar ul li ul li > a:hover, #main_navbar ul li ul li > a:visited:hover, #main_navbar ul li ul li > a:focus, #main_navbar ul li ul li ul li > a:hover, #main_navbar ul li ul li ul li > a:focus, #main_navbar ul li ul li ul li > a:visited:hover{color:#000 !important;background:#fff !important;/*border-top:1px solid #0000002e !important;*/text-decoration:none !important;border-bottom:0 !important;}
#main_navbar ul li ul li ul{margin:0px !important;}
#main_navbar ul li ul, #main_navbar ul li ul li ul{z-index:5000;}
#scrollTop span {border-top:3px solid #12769f !important;}
#scrollTop:hover {color:#12769f !important;}
.pagination {margin-bottom: 3rem;margin-top: 1.5rem;}
.aktualita{border-bottom:1px solid #cacac8;}
.minifile{border-top:0;}
#partneri{text-align:center;background:#fff;padding:2rem;z-index:500;position:relative;}
#partneri span{margin:2rem;line-height:5rem;}
#partneri img{max-width:250px;max-height:217px;}
#partneri img:hover{filter:grayscale(100%);}
#partneri a[href$=".pdf"] {padding-left:0;background:none;}
.deska {padding-right:2rem;}
#pdfviewer {height:600px;margin-bottom:1rem;}
#udbtn {width:100%;position:absolute;bottom:0;font-weight:700;background:#12769f;color:#fff;text-shadow:0px 0px 3px #12769f;padding:1.5rem;font-size: 1.5rem;text-align:center;z-index:10;background: -moz-linear-gradient(top,  rgba(36,123,160,0) 0%, rgba(36,123,160,1) 50%, rgba(36,123,160,1) 100%);background: -webkit-linear-gradient(top,  rgba(36,123,160,0) 0%,rgba(36,123,160,1) 50%,rgba(36,123,160,1) 100%);background: linear-gradient(to bottom,  rgba(36,123,160,0) 0%,rgba(36,123,160,1) 50%,rgba(36,123,160,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00247ba0', endColorstr='#12769f',GradientType=0 );}
#udbtn:hover {color:#c6eeff;}
#posts h2 {text-align:center;color:#12769f !important;font-size:2.5rem !important;margin-top:1.5rem;font-weight:700;}
.leftPartneri img{max-width:180px;}
footer{margin-top:0 !important;font-size:.9rem !important;}
#informace{position:relative;text-align:left;font-weight:400;background:url('../img/budovag.jpg') center center no-repeat;background-size:cover;color:#fff !important;padding:2rem;font-size:.9rem;}
#informace h2{color:#fff !important;margin-top:1rem;margin-bottom:1rem !important;font-weight:700;position:relative;}
#informace h3,#informace h4{color:#c6eeff !important;}
#informace h4{font-weight:700 !important;    border-bottom:2px solid #fff;    padding-bottom:0.25rem;    margin-bottom:1rem;}
#informace h5{color:#fff !important;font-weight:400 !important;}
#informace table,#informace table td{border:0 !important;color:#fff !important;}
#informace table tr:nth-child(odd){background:#12769f73 !important;}
#informace a,#informace a:visited{color:#fff !important;}
#informace a:hover,#informace a:visited:hover{color:#12769f !important;}
#informace i{margin-right:.25rem;}
#informace ul {padding-left:0;}
#informace li {list-style:none;}
#informace-padding{display:flex;flex-wrap:wrap;justify-content: space-between;align-items:stretch;}
#zi {background:#12769f;padding:2rem;max-width:500px;border-radius:0 !important;}
.circle {width: 500px;height: 500px;left:-250px;border: 2px solid #12769f;border-radius: 50%;top:75%;position: absolute;}
.circle2 {width: 500px;height: 500px;right:-250px;border: 2px solid #12769f;border-radius: 50%;top:100%;position: absolute;}
.circle3 {width: 600px;height: 600px;left:-300px;border: 1px solid #12769f;border-radius: 50%;top:50%;position: absolute;}
.circle4 {width: 600px;height: 600px;right:-300px;border: 1px solid #12769f;border-radius: 50%;top:75%;position: absolute;}
.submenu{z-index:1 !important;}
#clanky .fotoClankuHolder, #fotogalerie .fotoClankuHolder{height:16rem !important;}
#clanky #aktuality2 .fotoClankuHolder, .aktuality2 #clanky .fotoClankuHolder {height:auto !important;}
.card-body{border:0px !important;border-top:0 !important;}
.breadcrumbs .card-body{background:#fffae8 !important;padding:1rem !important;border:1px solid #fbeec3 !important;}
#breadcrumbs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: #ededed;
}
#breadcrumbs ul {
    list-style: none;
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
}
#breadcrumbs ul li {
    width: auto;
    padding: 0.4rem;
}
#scrollTop {
    font-size: 2rem;
    padding: 1rem 1.25rem;
    color: #000;
    padding-bottom: 0.5rem;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 5000;
    background: #ffffff8f;
    cursor: pointer;
}
#scrollTop:hover {
    color: #880c00;
}
#scrollTop span {
    border-top: 3px solid #880c00;
}
#textClanku table{background:#fff !important;border:1px solid #fff !important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.file{background:#fff !important;border:1px solid #fff !important;height:auto !important;line-height:2rem !important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.file i{font-size:2rem !important;height:auto !important;}
.black{color:#000 !important;}
.fotka{height:11rem !important;}
.hidden{display:none !important;}
.height {height:4rem;}
.fixed-top,.transparent,.anim{-webkit-animation:swing-in-top-fwd 2s cubic-bezier(0.175,0.885,0.320,1.275) both;        animation:swing-in-top-fwd 2s cubic-bezier(0.175,0.885,0.320,1.275) both;}
.carousel-indicators li{background-color:#fff !important;}
#clanky article, #fotogalerie article, #blog article{border-bottom:0 !important;border-radius:3px !important;}
#clanky article .shadow-sm{background:#fff;min-height:475px;/*box-shadow:0 0 0 !important;*/}
#blog article .shadow-sm{background:#fff;min-height:auto !important;}
article .p-4{background:#fff;}
article .btn {border-radius:0 !important;}
.shadow{border-radius:3px !important;}
.katCla{padding-left:.75rem;border-bottom:1px dashed #f1f1f1;padding-top:.5rem;}
#main_navbar.shadow{border-radius:0px !important;}
.fotoClankuHolder, .fotoClanku{border-radius:0 !important;}
#full-wide .fotoClankuHolder, #topStory .fotoClankuHolder{border-radius:3px !important;}
.page-item .page-link{text-shadow:0px 0px 0px !important;}
.page-item.active .page-link {z-index:1 !important;color:#fff !important;background:#12769f !important;border-color:#12769f !important;}
.page-item .page-link:hover, .page-item.active .page-link:hover {z-index:1 !important;color:#000 !important;background:#c6eeff !important;border-color:#ff9a1e !important;}
.fotka{border:5px solid #fff;-webkit-animation:slit-in-vertical .45s ease-out both;animation:slit-in-vertical .45s ease-out both;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}
.fotka:hover{-webkit-box-shadow:0px 0px 5px 0px #00a0fe;-moz-box-shadow:0px 0px 5px 0px #00a0fe;box-shadow:0px 0px 5px 0px #00a0fe;}
#foto-clanku{margin-top:-15px;}
.h100{height:100%;transition:all 2s ease;}
#list{-webkit-box-shadow:0px 0px 0px 0px !important;-moz-box-shadow:0px 0px 0px 0px !important;box-shadow:0px 0px 0px 0px !important;}
.attachs{position:absolute;top:7px;right:7px;}
.clanekDatum{position:absolute;top:7px;left:7px;}
.stitekFoto, .stitekDokumenty, .stitekVidea{color:#fff;padding:.5rem;padding-top:.25rem;padding-bottom:.25rem;margin-left:4px;border:1px solid #0000002e;border-radius:0 !important;font-size:.9rem;}
.stitekFoto{background:#ff6000 !important;text-shadow:1px 1px 0px #d25001;}
.stitekDokumenty{background:#5caa34 !important;}
.stitekVidea{background:#502981 !important;}
.stitekDatum, .stitekKategorie{margin-right:4px;padding:.5rem;padding-top:.25rem;padding-bottom:.25rem;border:1px solid #0000002e;font-size:.9rem;background:#fff;color:#000;font-weight:400;}
#aktualni-informace .clanekDatum, #aktualni-informace .attachs {left:21px;}
.logoWs{width:15%;}
.logo{height:5rem;transition:all .5s ease !important;}
.logo:hover{-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both;}
#informace .container-fluid {padding-left:0;padding-right:0;}
.smallLogo{
/*width:75px;*/
}
#container{width:85%;margin-top:2rem;margin-bottom:3rem;}
.cont{width:85%;}
.container2{padding:2rem;background:#fff;margin-top:1.5rem;-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);-moz-box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);box-shadow:0 .125rem .25rem rgba(0,0,0,0.075);}
#infoBar{text-align:center;padding:.5rem;color:#000;font-weight:400;background:#dbf4ff;}
#infoBar a {color:#000;}
.container-fluid{padding-left:1rem;padding-right:1rem;}
.min-fluid{width:90% !important;}
.mainContainer{padding-left:2rem;padding-right:2rem;background:transparent !important;border-color:transparent !important;}
#kontakty h3{margin-top:3rem;margin-bottom:.5rem;}
.kontakt{margin-bottom:1rem;}
.card.sticky-top, .submenu.sticky-top{top:13rem !important;}
.card-body .list-group-item a{font-size:.9rem !important;color:#000;}
.cover{margin-top:8rem !important;}
.cover h2{color:#00a0fe !important;}
.search{padding-top:.5rem !important;padding-bottom:.2rem !important;background:#fff;text-align:center;border-radius:3px;margin-left:2rem !important;margin-right:2rem !important;margin-bottom:1.5rem !important;}
.search .btn-primary{margin-bottom:4px;}
.search input{min-width:250px;border:1px solid #e1e1e1;}
.konkat .list-group-item{border:1px solid #000 !important;padding:.75rem 1.25rem !important;}
.konkat{top:6rem;text-align:center;background:#12769f;border:1px solid #fff;}
.konkat .list-group-item > a, .konkat .list-group-item > a:visited{padding:.75rem 1.25rem;background:#00a0fe !important;border-color:#00a0fe !important;color:#fff !important;text-decoration:none !important;}
.konkat .list-group-item > a:hover, .konkat .list-group-item > a:visited:hover{background:#12769f !important;border-color:#12769f !important;color:#000 !important;}
.konkat a.btn-secondary, .konkat a.btn-secondary:visited{text-decoration:none !important;color:#fff !important;border-radius:2px !important;background:#00a0fe !important;border-color:#00a0fe !important;min-width:125px;}
.konkat a.btn-secondary:hover, .konkat a.btn-secondary:visited:hover, .konkat a.btn-secondary:focus{background:#fff !important;border-color:#00a0fe !important;color:#12769f !important;}
.kontakt{font-size:.9rem;padding:1rem;border:0px !important;background:#fff;}
.konkat .btn{margin:.25rem;font-size:.9rem !important;}
.carousel-item{padding-right:0rem;padding-left:0rem;transition:transform 8s linear, opacity 4s linear !important;height:575px;vertical-align:bottom;-webkit-animation:kenburns-top-right 8s ease-out reverse both;animation:kenburns-top-right 8s ease-out reverse both}
#submenu2{display:none;}
#searchIcon {display:none;}
.navbar-light .navbar-toggler {
    color: #12769f;
    border-radius: 0;
    border: 2px solid #12769f;
    padding: 0.75rem 1rem;
    font-size: 1.5rem;
}
.lgHide {display:none;}
@media (min-width:1600px){
    .header{}
    .header h1 {font-size:2.5rem;padding-bottom:20rem;padding-top:2rem;}
    .video {height:23rem;}
}
@media (max-width:1559px){
    body {font-size:1rem !important;}
    .switch {font-size:.9rem !important;}
    #tip {padding:.75rem;}
    .logo {height:5rem;}
    .hledat input, .hledat input:focus {font-size:.8rem !important;padding:.25rem .5rem !important;}
    .carousel-caption h2 {font-size:2rem !important;}
    .carousel-caption {padding:2rem;left:5.8rem;}
    .obor img {height:4rem;}
    .cont {width:90%;}
    #social {left:6.75rem;}
    .pot {height:12rem;padding:1rem;}
    .header .carousel-caption p {font-size:.9rem !important;}
    .header p {font-size:1.35rem !important;}
    #uvod h2 {font-size:2.5rem !important;}
    #clanky h3 {font-size:1.75rem !important;}
    h4 {font-size:1.25rem !important;}
    .open > a {font-size:1.1rem !important;}
    .card-header {font-size:1.1rem !important;}
    .carousel-item {height:425px !important;}
}
@media (max-width:1180px){ 
    .carousel-caption {margin-bottom:7rem;padding:2rem;left:5.75rem;}
    #social {left:5.75rem;}
    .carousel-item {height:450px !important;}
    .iconPot img {height:3rem;}
    .pot {height:12rem;padding:1rem;}
    .pot h4 {margin-top:1rem;margin-bottom:1rem;}
    #obory {display: flex;justify-content: space-between;list-style: none;flex-wrap: nowrap;padding-left: 0;margin-left: 0;}
    .obor {font-size: 1rem;width: 25%;min-width:auto;}
    .obor > a {padding:1rem;}
    .obor img {height:3rem;}
}

@media (max-width:820px) {
    .switch {margin-left:0;}
    .pots {margin-bottom:1rem;}
    #social {left:4.75rem;}
    .carousel-caption {width:500px;left:4.75rem;margin-bottom:8rem;}
    .carousel-caption h2 {font-size:1.75rem !important;}
    .obor {margin-top:-2rem;}
}
@media (max-width:768px){#clanky .fotoClankuHolder, #fotogalerie .fotoClankuHolder{height:13rem;}
body {width:100vw !important;}
.logoWs{width:50%;}
#clanky #aktuality2 .fotoClankuHolder, .aktuality2 #clanky .fotoClankuHolder {
    height: 13rem !important;
}
.lgHide {display:block;width:88%;float:right;clear:both;}
#accessibility {right:0 !important;left:auto !important;}
.kalAkce {height:5rem !important;}
.kalendar tbody td {width:5rem !important;height:5rem !important;}
.kalendar thead td {width:5rem !important;height:3rem !important;}
.header{/*padding-bottom:12rem;*/}
.header h1 a{font-size:1.5rem !important;}
.header h1{padding-top:0rem !important;padding-bottom:0.5rem;}
.search input{min-width:185px;}
#main_navbar{padding-left:1rem;padding-right:1rem;}
#main_navbar ul{margin-top:1rem;}
#main_navbar li {margin-top:.5rem;}
#main_navbar li ul li {margin-top:0;}
#container{width:100%;}
.btn-primary, .card-body{font-size:.9rem !important;}
.card-header{font-size:.9rem !important;}
.fotka{height:7rem !important;}
.deska {padding-right:0rem !important;}
#tip p {font-size:.9rem !important;text-align:center;margin-top:.5rem;margin-bottom:.6rem;}
.switch {margin:1.15rem !important;margin-top:.75rem !important;}
h2, #clanky h2, #fotogalerie h2{font-size:2.25rem !important;}
h3, #clanky h3, #fotogalerie h3{font-size:1.5rem !important;}
h4, #clanky h4, #fotogalerie h4{font-size:1.5rem !important;}
.card.sticky-top, .submenu.sticky-top{position:relative !important;top:0 !important;}
.cover{margin-top:5rem !important;}
.konkat{top:5rem;z-index:0;}
.konkat .btn-primary{margin-bottom:.5rem;width:100%;font-size:.8rem !important;}
.konkat.sticky-top{top:0 !important;position:relative !important;margin-bottom:1rem !important;margin-top:1rem !important;}
.kontakt{font-size:.9rem;padding:.75rem;}
#textClanku .table{width:100% !important;}
.clanekInfo{font-size:.8rem !important;}
.cookies, .cookies .btn{font-size:.75rem !important;}
#submenu{position:absolute !important;display:none;width:14rem;top:-2rem !important;margin-left:1rem !important;}
#submenu2{z-index:1000;text-align:left;display:none !important;position:relative !important;font-size:.9rem;top:2rem;left:3rem;cursor:pointer;color:#00a0fe;width:5rem;border-bottom:1px solid #00a0fe;}
#submenu2:hover{color:#000;border-bottom:1px solid #000;}
.submenu2class{display:block !important;margin-top:38px !important;box-shadow:0px 0px 0px 4px #fff !important;}
#main_navbar{z-index:5000 !important;}
.sm-hack .card{margin-left:1rem;}
.mainContainer{padding-left:1.5rem !important;}
#rowClanek{margin-right:-1.5rem !important;margin-left:-1.5rem !important;}
#main_navbar ul li ul li ul li > a, #main_navbar ul li ul li ul li > a:visited{background:#f9f9f9 !important;border:1px solid #e1e1e1 !important;color:#000 !important;}
#informace-padding {flex-direction: column;}
#zi, #zk, #mapa {width:100%;margin-bottom:1rem;}
}
@media (max-width:468px){body{font-size:.9rem;width:100vw;overflow-x:hidden;}
h5{font-size:.9rem;line-height: 28px;}
#tip {transition:all 1s ease;font-size:.6rem !important;}
#tip p.skola {font-size:.8rem !important;visibility:hidden !important;margin-bottom:1.25rem;}
#tip p {font-size:.9rem !important;text-align:left;}
#informace-padding{padding-left:0;padding-right:0;}
#informace-padding h4{text-align:center;font-size:1.25rem !important;}
#uvod h2 {font-size:1.75rem !important;} 
.carousel-caption {padding:2rem 1.5rem !important;left:0;margin-bottom:0;width:auto;line-height:12px;}
.carousel-caption h2 {font-size:1.25rem !important;}
.carousel-caption p {font-size:.9rem !important;}
.carousel-item {height:19rem !important;}
#pots {margin-top:-3rem;}
.pot {height:6rem;margin:0;margin-top:-3rem;}
.pot p {display:none;}
#social {left:0;top:0;width:100%;position:relative;margin:0;}
#social ul li {padding:.25rem;}
#social ul li > a {padding:25rem;font-size:.9rem;}
.file{line-height:1.5rem !important;}
.file i{font-size:1.5rem !important;width:1.75rem !important;height:auto !important;}
.file td:nth-child(even){display:none !important;}
.kalAkceItem {display:none;}
.kalAkce {height:2rem !important;}
.kalendar tbody td {width:1.5rem !important;height:1.5rem !important;}
.kalendar thead td {width:1.5rem !important;height:1.5rem !important;}
.mainContainer{padding-left:1rem !important;padding-right:1rem !important;}
.uvod .mainContainer{padding-left:.5rem !important;padding-right:.5rem !important;}
.container-fluid{/*padding-left:.5rem !important;padding-right:.5rem !important;*/}
h2, #clanky h2, #fotogalerie h2{font-size:1.5rem !important;}
#searchIcon {cursor:pointer;display:block;font-size:1.5rem;color:#7f7f7f;font-weight:700;padding:.2rem .5rem;border-radius:5px;margin-left:5rem;}
#textClanku .table{width:100% !important;}
#textClanku .table td{display:block !important;}
#textClanku img{width:100% !important;}
#informace{font-size:.9rem;}
.pristupnost{display:none;}
.konkat a.btn{width:100%;}
.header{padding-top:0rem;}
.header h1{padding-bottom:1rem;}
.header h1 a{font-size:.75rem !important;}
#zi {padding:1rem;font-size:.9rem !important;}
#submenu2{left:1.5rem !important;}
#submenu{margin-left:0 !important;}
.sm-hack .card{margin-left:0rem !important;}
.fotoClankuHolder{height:125px;}
#topStory h3, #fotoStory h3{top:4rem !important;padding:.3rem !important;padding-top:.3rem !important;font-size:.9rem !important;}
.stitekDatum, .stitekKategorie, .stitekFoto, .stitekDokumenty, .stitekVidea{font-size:.75rem !important;}
.logo{height:60px;}
#cookies {padding-bottom:4rem;}
.circle2, .circle4 {display:none;}
#infoBar .cont {
display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;flex-direction: column-reverse;
}
#flags {flex-wrap:nowrap;margin-top:.5rem;}
#flags span {padding-left:0;border-left:0;}
#flags img {height:1.75rem;max-width:1.75rem;}
#infoBar  {font-size:.8rem;}
#contUvod {padding:1rem 2rem;}
    .obor {font-size: .85rem;}
    .cont {width:100%;}
    .obor img {height:2.5rem;}
}
