:root { --cerna:#000; --seda:rgba(255,255,255,.5); --bila:#fff; --modra:#245981; --svmodra:#10b0ca; --cervena:#c20e0e; --zelena:#063; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */

a       { color:var(--cerna); transition:300ms; text-decoration:none; }
a:hover { color:var(--cervena); }

a.txt { color:#fff; text-decoration:underline; font-size:1.1rem; font-weight:700; line-height:1rem; }
a.txt:hover { text-decoration:none; }


h2 { color:#c20e0e; font-weight:700; }
h5.uplatneni { color:var(--cervena); text-align:center; margin-top:30px; }
h5.uplatneni span { font-weight:700; display:block; }



hr { border:0; background:url("../images/linka.gif") repeat-x top center; height:12px !important; opacity:1; }

.logo { font-size:2.2rem; font-weight:700; color:#fff; line-height:2.2rem; }
span.lodni { display:block; font-size: 1.6rem; color:#c4e9ee; font-style:italic; line-height:1.7rem; }

#content { margin-top:250px; }

@media (max-width: 575.98px) {
	#content { margin-top:200px; }
	.logo { font-size:1.7rem; }
	span.lodni { font-size:1rem; }
}



footer { background-color:var(--cerna); color:var(--bila); }
footer {
    padding: 190px 0 10px 0; background: #def1fe url("../images/paticka_pozadi.gif") repeat-x top center;
    color: var(--modra);
}
footer .platby { text-align:right; }


.header { height: 148px; color: #fff; background: url('../images/menu_pozadi.gif'); }

.karta .cena {
	text-align:center; font-size:1.2rem; font-weight:700;
}
.karta .cena a {
	display:inline-block; width:333px; height:115px; padding-top:20px;
	font-size:2rem; color:#fff; line-height:2.2rem;
	background: url('../images/cenovka.jpg');
}
.karta .cena a:hover { background: url('../images/cenovka_on.jpg'); }
.karta .cena a span { display:block; font-weight:normal; font-size:1.3rem; }

.karta p em { font-weight:700; }



.poukaz { background:url("../images/poukaz_pozadi.gif") no-repeat top center; }
.poukaz form { padding-top:250px; padding-bottom:50px; text-align:center; }
.poukaz form label { color:var(--svmodra); font-weight:700; font-style:italic; font-size:1.3rem; padding-right:15px; width:135px; text-align:right; }
.poukaz form label.gdpr { color:var(--cerna); font-weight:400; font-size:1rem; width:auto; }
.poukaz form input { padding:5px 0 5px 10px; width:40%; color:var(--modra); font-size:1.3rem; font-weight:700; border:0; border-bottom: 1px dotted #000; }
.poukaz form .zaplatit { padding:5px 65px 10px 65px; font-size:2rem; }
.poukaz form .cena { font-size:2rem; border:0; cursor:default; }
.poukaz form .vanoce, .poukaz form .gdpr { width:auto; }
.poukaz form .btn-primary { background-color:#2e3192; }
.poukaz form .btn-primary:hover { background-color:#10b0ca; }

.poukaz-uh { padding-top:240px; text-align:center; height:700px; background:url("../images/poukaz_uh.gif") no-repeat top center; }
.poukaz-uh input.jm { font-size:2.4rem; text-transform:uppercase; display:block; width:100%; text-align:center; font-style:italic; color:var(--modra); font-weight:700; border:0; margin-bottom:70px; }
.poukaz-uh h1 { margin-bottom:300px; }

#dobirka_tab { background-color:#bababa; }
/*.obrazky img { border:1px solid var(--cerna); width:500px; height:250px; }*/
.obrazky img { border:1px solid var(--cerna); height:230px; width:368px; object-fit:cover; object-position:top; }

@media (max-width: 991.98px) { .obrazky img { width:100%; height:auto; } }


.fake-foto { display:inline-block; margin-bottom:20px; width:49%; font-size:1.7rem; font-weight:700; padding:75px 0; text-align:center; color:#999; border:1px solid #666; background:#ddd; }

.rozbal { margin-bottom:0; }
.rozbal::after { content:"..."; }
/*.rozbal:hover { text-decoration:underline; color:var(--cervena); }*/
.rozbal a,.obsahuje a {text-decoration:underline;color:#17a2b8;}



/* start: vysouvaci menu */
.vysouvaci_menu { position:relative; }
@media (max-width:767px){ .vysouvaci_menu { display: none; } }

.nabidka        {
  position:fixed; top:230px; right:0; z-index:5000;
  animation:vysunuti .8s .5s backwards;
}
@keyframes vysunuti {
  from {right: -70px;}
  to {right: 0px;}
}

.a-btn{
  position:relative; float:right; overflow:hidden; clear:both;
  display:inline-block; height:55px; margin-bottom:1px; padding:0 35px; opacity:0.8;
  -webkit-border-radius:10px 0 0 10px; border-radius:30px 0 0 30px;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.a-btn-slide-text{
  position:absolute; top:0px; right:0px; width:0px; height:100%; overflow:hidden;
  text-align:left; text-indent:10px; line-height:54px; white-space:nowrap; color:#fff; background:#03b0c9;
  -webkit-transition:width 0.1s linear;
  -moz-transition:width 0.1s linear;
  -o-transition:width 0.1s linear;
  transition:width 0.1s linear;
}
.a-btn:hover                   { padding-left:150px; background:var(--modra);}
.a-btn:hover .a-btn-slide-text { width:120px; }

.nabidka a.mapaI            { background:var(--modra) url(../images/logo/batacanal.png) no-repeat 0px 50%; background-size:56px; }
.nabidka a.mapaG            { background:var(--modra) url(../images/logo/lodni_listky.png) no-repeat 5px 50%; background-size:48px; }
/* end: vysouvaci menu */



.lod {
	background:#fff; color:var(--modra); padding:7px 30px; font-size:1.2rem; border-radius:10px; border:1px solid var(--modra); display:inline-block; margin:0 1px 2px 1px;
}
.lod.red {
	color:var(--cervena); border:1px solid var(--cervena);
}
.lod.on, .lod:hover {
	background:var(--modra); color:#fff;  border:1px solid var(--modra);
}
.lod.on.red, .lod.red:hover {
	background:var(--cervena); color:#fff;  border:1px solid var(--cervena);
}

/* 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 { border:1px solid #97420a; }
.jmenoKO, .telefonKO, .mestoKO, .uliceKO, .pscKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO { border:2px solid var(--cervena); }

form.objednat input::-webkit-input-placeholder { color:#333; font-weight:normal; font-style:italic; font-size:1rem; text-transform:lowercase; }
form.objednat input::-ms-input-placeholder { color:#333; font-weight:normal; font-style:italic; font-size:1rem; text-transform:lowercase; }
form.objednat input::placeholder { color:#333; font-weight:normal; font-style:italic; font-size:1rem; text-transform:lowercase; }

.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."; }

/* start: tympanus.net - codrop */
.input {
position: relative; z-index: 1;
vertical-align: top;
}
.input input, .input textarea {
	position: relative; display: block;
}
.input input:focus, .input textarea:focus { outline: none; }

.input input:focus + .label, .input textarea:focus + .label,
.pole_vyplneno .label {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.input input:focus + .label span, .input textarea:focus + .label span,
.pole_vyplneno .label span {
	-webkit-transform: translate3d(0, 145%, 0);
	transform: translate3d(0, 145%, 0);
}
.input input:focus + .input input, .input textarea:focus + .input textarea,
.pole_vyplneno .input input {
	background-color: transparent;
}

.label {
	position: absolute; bottom: 110%; overflow: hidden; display: inline-block; float: right;
	width:40%; padding-left:20px; pointer-events: none;
	font-size: 100%; text-align: left;
	-webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0);
	-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
}
.label.textarea { bottom: 102%; }
.label span {
	position: relative; display: block; width: 100%;
	padding: 0.25em 0;
	-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
}
.label span::after {
	position: absolute; bottom: 90%; left: -10px;
	width: 100%; height: 100%; padding: 0;
	color: #000; font-style: italic; font-size:12px;
	content: attr(data-content);
}
/* end: tympanus.net - codrop */
/* kontaktni formular */


.skr2-3,.skr2-4,.skr2-5,.skr2-6,.skr2-7,.skr2-8,.skr2-9,.skr2-10,.skr2-11,.skr2-12,.skr2-13,.skr2-14,.skr2-15,.skr2-16,.skr2-17,.skr2-18,.skr2-19,.skr2-20,
.skr1-11,.skr1-12,.skr1-13,.skr1-14 { display:none; }


/* start: sipka back to top */
#zpet_nahoru {
 position:fixed; bottom:40px; right:40px; z-index:9999;
 width:64px; height:64px; border:0; border-radius:2px;
 color:#fff; text-align:center; line-height:30px; text-decoration:none;
 background:var(--cervena) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:opacity 0.2s ease-out; opacity:0;
}
#zpet_nahoru:hover { background:var(--modra) 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); }
.seda { color:var(--seda); }
.bila { color:var(--bila); }
.cervena { color:var(--cervena); }
.modra { color:var(--modra); }
.zelena { color:var(--zelena); }

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


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; }

.nopaddingright { padding-right:5px; }
.nopaddingleft  { padding-left:5px; }


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



/* start: pop-up */
#hover {
	position:absolute; top:0; left:0; z-index:9998;
	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:#fff; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
  
#close {
	position:absolute; top:-15px; right:-15px;
	background:#3d1d7c url("../images/close.png") no-repeat 50%;
	-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:50px; height:50px;
	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 */



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


/*  */
@media (min-width: 992px) { 
	.pc-992 { display:none; }
}
@media (max-width: 991.98px) { 
	.mobil-992 { display:none; }
	h2, h5 { text-align:center; }
	h5 { margin-bottom:25px; }
	.karta .cena a { margin-bottom:50px; }
	.poukaz { background-size:contain; }
	.poukaz form { padding-top:180px; }
	.nopaddingright { padding-right:15px; }
	.nopaddingleft  { padding-left:15px; }
}

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

}


/*  */
@media (min-width: 768px) { 
	.pc-768 { display:none; }
}
@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; }
	.mobil-768 { display:none; }
	footer { text-align:center; }
	footer .platby { text-align:center; margin-top:25px; }
}

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

}


/*  */
@media (max-width: 575.98px) { 
	.mobil-576 { display:none; }
	.zmensit { font-size:0.7rem; }
}

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

}


@media (max-width: 449.98px) { 
	.poukaz form { padding-top:140px; }
}


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




label { display:initial; }


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