/*
body {
	font-family: monospace;
	font-family: "Lucida Console", "Monaco CE", fixed, monospace;

	font-family: "Times New Roman", serif;
	font-family: "Palatino Linotype", "New York CE", utopia, serif;

	font-family: sans-serif;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;

	background-attachment:fixed;
	background-color:;
	background-image:url('../images/xxx.png'),url('../images/yyy.png');
	background-position:right top;
	background-repeat:no-repeat;
	background-size:w h; (contain, cover)
}

.logo {
 position:relative; overflow:hidden;
 background:red url("../images/logo/batuv-kanal.png");
 width:150px; height:50px; cursor:pointer;
}
*/
:root { --cerna:#000; --seda:#333; --bila:#fff; --modra:#214e9e; --tmmodra:#121f47; --cervena:#f02153; --zelena:#063; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */


body {
	font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.2rem; line-height:2.3rem; color:var(--seda);
}

a       { color:var(--cerna); transition:300ms; }
a:hover { color:var(--zelena); }

a.pdf { background:url('../images/pdf.gif') no-repeat 0px 50%; padding-left:25px; }

a.ext, .ext a { background:url('../images/ext-link-on.svg') no-repeat 0% 50%; background-size:15px; padding-left:25px; }
a.ext.btn-danger { background:#dc3545 url('../images/ext-link.svg') no-repeat 93% 50%; background-size:15px; padding-right:40px; }
a.ext.btn-danger:hover { background:#bb2d3b url('../images/ext-link.svg') no-repeat 91% 50%; background-size:15px; padding-right:40px; }


h1, h2, h3, h4, h5 { color:var(--tmmodra); }
h2.nadpis, h3.nadpis {
	font-size:3.8rem; font-weight:300;
	margin-top:10rem; margin-left:-75px; padding-left:75px;
	background:url('../images/linka-modra.gif') no-repeat 0% 50%;
}
h3.nadpis { font-size:3rem; margin-top:10rem; }

@media (max-width: 767.98px) { 
	h2.nadpis, h3.nadpis { font-size:1.8rem; margin-top:3rem; margin-left:0; }
	h3.nadpis { font-size:1.8rem; margin-top:3rem; }
}



.bg-light { background-color:var(--bila) !important; }



.motiv h2 {
	margin-left:-75px; padding-left:75px;
	background:url('../images/linka-bila.gif') no-repeat 0% 40%;
}
.motiv {
	height:498px;
	background:url('../images/head_home.webp') no-repeat 0% 50%;
	background-size:1320px 498px; background-position:center 196px; background-attachment:fixed;
}
.motiv.iz { height:250px; }
@media (max-width: 1199.98px) { 
	.motiv { border-bottom: 4px solid #000; }
}
@media (max-width: 320.98px) { 
	.motiv {
		background:url('../images/head_home_mobil.webp') no-repeat 0% 50%;
		background-size:321px 499px; background-position:center 183px; background-attachment:fixed;
	}
}
.motiv h1, .motiv h2, .motiv h3 { color:var(--bila); }
.motiv h1 { font-weight:700; font-size:6rem; line-height:5rem; }
.motiv h2 { font-weight:300; font-size:2.2rem; text-transform:uppercase; padding-bottom:10px; opacity:.5; }
.motiv h3 { font-weight:100; font-size:2.3rem; }

.motiv.registrace {
	height:428px;
	background:url('../images/head_registrace.webp') no-repeat 0% 50%;
	background-size:1320px 441px; background-position:center 196px; background-attachment:fixed;
}

@media (max-width: 767.98px) { 
	.motiv h1 { font-size:3.1rem; line-height:3rem; }
	.motiv h2 { font-size:1.25rem; padding-bottom:0; margin:0; }
	.motiv h3 { font-size:1.3rem; }
}



.dropdown-toggle::after {
	margin-left:0; vertical-align:0; border:0;
}
.dropdown-item { text-align:center; }
.dropdown-item.active, .dropdown-item:active { background-color:var(--modra); }

.podporen b { display:block; font-size:1.5rem; line-height:2rem; margin-bottom:35px; }

.partneri img { margin:0 20px 30px 20px; }



.video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video iframe {
position: absolute; top: 0; left: 0;
width: 100%; height: 100%;
}


.program > div { padding-left:0; padding-right:0; }
.program > div:first-of-type { border-right:2px solid var(--cerna); }
.program h3 { font-weight:400; font-size:1.45rem; color:var(--cerna); margin-bottom:0; }
.program h4 { font-weight:400; font-size:1.15rem; color:var(--cerna); margin-bottom:0; }
.program p { font-size:.95rem; line-height:1.2rem; color:var(--seda); }
.program .hodina { background-color:var(--bila); padding:10px 10px 1px 40px; border-radius:5px; }
.program .hodina div { color:#a9c2eb; padding-left:22px; background:url('../images/ikony/hodiny.svg') no-repeat 0% 50%; background-size:16px; }
.program .kolecko { position:relative; top:0; right:0; }
.program .cas {
	position:absolute; top:-20px; right:-20px;
	text-align:center; font-size:.9rem; font-weight:300;
	width:40px; height:40px; padding-top:3px;
	border-radius:50%; background-color:var(--tmmodra); color:var(--bila);
}
.program-tit h4 { font-weight:400; font-size:1.9rem; color:var(--modra); }
.program-tit h5 { font-weight:800; font-size:1.9rem; color:var(--cerna); }
.program-tit h4 img { margin-bottom:7px; }

.prestavka { color:#999; text-align:center; margin:30px 0; font-size:1.1rem; }

@media (max-width: 767.98px) {
	.program .kolecko { display:none; }
	.program > div { padding-left:25px; padding-right:25px; }
	.program > div:first-of-type { border-right:0; }
}




.tlacitko {
	border:1px solid var(--bila); border-radius:50px; transition:300ms;
	display:inline-block; padding:2px 50px; margin-bottom:5px; text-decoration:none;
}
.tlacitko:hover { opacity:.5; text-decoration:none; }

button.tlacitko { opacity:.5; }
button.tlacitko:hover { opacity:1; }



.filtr { text-align:right; font-style:italic; margin-bottom:.5rem; }
.filtr a:nth-of-type(1):hover { color:var(--modra); }
.filtr a:nth-of-type(2):hover { color:var(--zelena); }
.filtr a:nth-of-type(3):hover { color:var(--cervena); }
.filtr a.ok { font-weight:700; color:var(--modra); text-decoration:none; }



table.emaily .cas { line-height:1.3rem; }
table.emaily em { display:block; font-size:.9rem; line-height:1rem; font-style:normal; color:var(--zelena); }


table .dropdown-menu li { text-align:center; }
table .dropdown-menu li a:hover, table .dropdown-toggle:hover { color:var(--modra); }
table th.cervena>a { color:var(--cervena); font-weight:normal; }
table th.cervena>a:hover { color:var(--zelena); }
table .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.paticka {
	padding:30px 30px 5px 30px; margin-bottom:-30px;
	background-color:var(--modra); color:var(--bila); text-align:center;
}
.paticka p { line-height:1.6rem; }
.paticka h3 {
	font-size:3rem; font-weight:300; color:var(--bila);
	padding-left:20px;
}

.mapycz {
	display:block; width:auto; height:300px;
	background-image:url("../images/mapycz.gif");
	background-position:center;
	border-top:1px solid #f590a3; border-bottom:1px solid #f590a3;
}
@media (max-width: 767.98px) {
	.mapycz { background-image:url("../images/mapycz_768.gif"); }
	.paticka { text-align:left; }
	.paticka h3 { font-size:2rem; padding-left:0; }
}







footer { background-color:var(--tmmodra); color:var(--bila); }

footer h3, footer h4, footer h5 { color:var(--bila); }

footer h4 {
	font-size:1.3rem; margin-left:-75px; padding-left:75px;
	background:url('../images/linka-modra.gif') no-repeat 0% 50%;
}
footer p { font-size:.9rem; line-height:1.7rem; opacity:.7; transition:300ms; }
footer p:hover { opacity:1; }
footer a { color:var(--bila); }
footer a:hover { color:var(--bila); text-decoration:underline; }

@media (max-width: 1199.98px) {
	footer h4 { margin-left:0; padding-left:0; background:none; }
}

.odskok-vlevo { padding-left:50px; }
.ik { position:absolute; left:-70px; }
@media (max-width: 575.98px) {
	.odskok-vlevo { padding-left:10px; }
	.ikk { position:static; }
}


.videa img, .videa a span.hover {
	-webkit-border-radius:15px; border-radius:15px;
}
.videa a {
	position:relative; top:0; left:0; display:block;
}
.videa a span.hover {
	position:absolute; bottom:0; left:0; transition:.8s;
	display:block; width:100%; height:100%; opacity:0;
}
.videa a:hover span.hover { opacity:1; }
.videa a span.hover { background:rgba(36,81,161,0.9) url('../images/play.png') no-repeat 50%; }
.videa a span.hover.download { background:rgba(36,81,161,0.9) url('../images/ikony/download_v2.svg') no-repeat 50%; }

.fotogalerie div { padding:1px; }
.fotogalerie img { transition:.8s; }
.fotogalerie img:hover { opacity:.75; }

.carousel-item.active { border:3px solid var(--bila); padding:2px; }




/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }


/* kontaktni formular */
form.kontakt input, form.kontakt textarea, form.kontakt select  {
	background:#fff5e7; color:var(--cerna);
	-webkit-box-shadow:inset 1px 1px 4px 0 #c36c36; box-shadow:inset 1px 1px 4px 0 #c36c36;
}
form.kontakt .input-group-text { background:#97420a; color:#fff; border:0; }
form.kontakt label  { color:#97420a; font-weight:600; }
form.kontakt button { color:#fff; background:#97420a; border:0; font-weight:600; }
form.kontakt button:hover { background:#c36c36; }
form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:#ffd8bf; }
form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#eef6f9; }
	
.jmenoOK, .telefonOK, .mestoOK, .uliceOK, .pscOK, .emailOK, .zpravaOK, .kontrolaOK, .nemovitostOK, .form-check-input { border:1px solid #ced4da; }
.jmenoKO, .telefonKO, .mestoKO, .uliceKO, .pscKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO, .form-check-input { border:1px solid #dc3545; }

form.kontakt ::placeholder { color:#bababa; font-style:italic; opacity: 1; }
form.kontakt :-ms-input-placeholder { color:#bababa; font-style:italic; }
form.kontakt ::-ms-input-placeholder { color:#bababa; font-style:italic; }

.form_neodeslan, .form_odeslan {
	border:1px solid #c3e6cb; padding:15px 0; margin-top:50px;
	text-align:center; font-size:2em; 
	-webkit-box-shadow: 0 0 10px 0px #c3e6cb; box-shadow: 0 0 10px 0px #c3e6cb;
}
.form_neodeslan { color:#721c24; background-color: #f8d7da;	border-color: #f5c6cb; }
	
.prazdna div[style] { border:1px solid var(--cervena); }
.prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }
.btn { padding: 1.5rem 3rem; }

.form-floating > .form-control, .form-floating > .form-select {
	font-size:1.2rem;
}

.form-floating > .form-control ~ label {
	color:#555; font-weight:400;
	opacity:.6; transform: translateX(1rem);
}
.form-floating > .form-control ~ label.no { color:var(--zelena); }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	color:var(--zelena) !important;
	opacity: .4;
	transform: scale(.85) translateY(-.5rem) translateX(.5rem);
}

.invalid-feedback { color:#fff; text-align:left;}

/* kontaktni formular */




/* start: sipka back to top */
#zpet_nahoru {
 position:fixed; bottom:40px; right:40px; z-index:9999;
 width:32px; height:32px; border:0; border-radius:2px;
 color:#fff; text-align:center; line-height:30px; text-decoration:none;
 background:var(--cerna) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:opacity 0.2s ease-out; opacity:0;
}
#zpet_nahoru:hover { background:var(--zelena) url("../images/to_top.svg") no-repeat 50%; }
#zpet_nahoru.show  { opacity:1; }
/* end: sipka back to top */








.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.cerna { color:var(--cerna); }
.cerna-pozadi { background-color:var(--cerna); color:var(--bila); }
.seda { color:var(--seda); }
.seda-pozadi { background-color:#f6f8fb; }
.bila { color:var(--bila); }
.bila-pozadi { background-color:var(--bila); color:var(--cerna); }
.cervena { color:var(--cervena); }
.cervena-pozadi { background-color:var(--cervena); }
.modra { color:var(--modra); }
.modra-pozadi { background-color:var(--modra); }
.zelena { color:var(--zelena); }
.zelena-pozadi { background-color:var(--zelena); }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }


ul.bez li, ol.bez li { list-style-type:none; }
ol.mb li { margin-bottom:20px; }

a[href^="tel:"] { text-decoration:none; cursor:auto; }

img { border:0px; }
hr  { border-color:#afafae -moz-use-text-color -moz-use-text-color; }
.obal { position:relative; top:0; left:0; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0 !important; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0 !important; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0 !important; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}


/* lightbox */
div.ratio { background-color:rgba(0,0,0,0.4) !important; border-radius:4rem 0rem 4rem 4rem !important; }
.lightbox-caption em { font-style:normal; font-size:1.4rem; background-color:rgba(0,0,0,0.3); padding:3px 80px; border-radius:0 0 1rem 1rem; }
.ratio-16x9 { --bs-aspect-ratio:67%; }

/* start: pop-up */
#hover {
	position:fixed; z-index:998;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
}
  
#popup {
	position:absolute; top:15%; left:50%; z-index:999;
	width:500px; padding:30px 0 50px 0;
	margin-left:-260px; /* width/2 + padding-left */
	background:#f0f; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
@media (max-width: 991.98px) { #popup { width:730px; margin-left:-365px; } }
@media (max-width: 767.98px) { #popup { width:546px; margin-left:-273px; } }
@media (max-width: 575.98px) { #popup { width:340px; margin-left:-170px; } }

#close {
	position:absolute; top:-15px; right:-15px;
	background:#606;
	-webkit-box-shadow: 0 0 10px 0 var(--cerna);
	box-shadow: 0 0 10px 0 var(--cerna);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width:30px; height:30px;
	color:white; text-align:center; line-height:30px;
	font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
	cursor:pointer;
}
  
#popup h3 {font-size:36px; color: #606; text-shadow: 0px 0px 10px #fff; }
/* end: pop-up */


/* sloupce */
.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
	-ms-column-count:4; /* pocet sloupcu */
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	-moz-column-gap:20px; /* mezera mezi sloupci */
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena); /* misto mezi sloupci */
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.trojsloupcovy, .tri_sloupce, .tri-sloupce {
	-ms-column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.dvousloupcovy, .dva_sloupce, .dva-sloupce {
	-ms-column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
@media (max-width: 1199.98px) { 
	.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:3; -moz-column-count:3; -webkit-column-count:3; column-count:3;
	}
}
@media (max-width: 991.98px) { 
	.trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:2; -moz-column-count:2; -webkit-column-count:2; column-count:2;
	}
}
@media (max-width: 767.98px) { 
	.dvousloupcovy, .dva_sloupce, .dva-sloupce, .trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1;
	}
}
/* sloupce */


/*  */
@media (min-width: 1200px) { 
	.mobil-1200 { display:none; }
}
@media (max-width: 1199.98px) { 
	.pc-1200 { display:none; }
}


/*  */
@media (min-width: 992px) { 
	.mobil-992 { display:none; }
}
@media (max-width: 991.98px) { 
	.pc-992 { display:none; }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}


/*  */
@media (min-width: 768px) { 
	.mobil-768 { display:none !important; }
}
@media (max-width: 767.98px) {
	/* prohozeni poradi boxu (mobil-pc) */
	.prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
	.posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
	.pc-768 { display:none !important; }
	.obal-mobil { padding:0 100px; }
	.md-center { text-align:center; padding-top:30px; }
}

@media (min-width: 768px) and (max-width: 991.98px) { 

}


/*  */
@media (min-width: 576px) { 
	.mobil-576 { display:none; }
}
@media (max-width: 575.98px) { 
	.pc-576 { display:none; }
	.obal-mobil { padding:0 10px 0 80px; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 

}



/* dalsi */
@media only screen and (min-width:640px) {
}
@media only screen and (max-width:480px) {
	
}
@media only screen and (max-width:385px) {
	.obal-mobil { padding:0 10px 0 60px; }
}

/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}




.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#999; }