body {
	font-family: 'Poppins', sans-serif;
	font-size: 0.9rem;
	letter-spacing: 1px;
}
a, a:hover {color: #ffff00;}
h1 { width: 50%; margin-top: 25%; margin-left: auto; margin-right: auto; line-height: 1.5; color: #ffff00; font-weight: bold; font-family: 'Arial Black', Arial, sans-serif; font-size: 2.5rem; }
h1#h1hp { 
	margin-top: 0; margin-left: auto; margin-right: auto; 
	color: #666; font-family: 'Times New Roman', Times, serif; font-weight: bold; text-transform: uppercase; font-size: 1.7rem; 
	padding-left: 50px;
	/*
	background: url(img/classic-panacek.png) no-repeat left; 
	min-height: 55px;
	*/
	background: url(img/classic-panacek.png) no-repeat left bottom; background-size: auto 90px;
	min-height: 90px;
}
h2 {color: #ffff00; text-transform: uppercase; font-weight: bold; font-family: 'Arial Black', Arial, sans-serif; font-size: 2.7rem;}
h3 {color: #ffff00; font-size: 1.2rem; font-weight: normal;}
b {font-weight: bold;}

.btn {
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: .775rem 1.75rem;
}
.btn-lg {font-size: 1.25rem; font-weight: bold; padding: 1.5rem 2rem;}
.btn-primary {
    color: #000;
    background-color: #ffff00;
    border-color: #ffff00;
}
.btn-primary:hover {
    color: #000;
    background-color: #ffff00;
    border-color: #ffff00;
}


#hlavicka {background-size: cover; background-color: #181818; background-position: center center; color: #666; position: relative;}
#hlavicka.hlavicka1 {background: url(img/hlavicka-bg.jpg) no-repeat center; background-size: cover;}
#hlavicka.hlavicka2 {background: url(img/hlavicka-brumik.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka3 {background: url(img/hlavicka-lyzarska-skola.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka4 {background: url(img/hlavicka-snb.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka5 {background: url(img/hlavicka-pujcovna.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka6 {background: url(img/hlavicka-testcentrum.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka7 {background: url(img/hlavicka-teambuilding.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka8 {background: url(img/hlavicka-harranti.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka9 {background: url(img/hlavicka-hledame.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka10 {background: url(img/hlavicka-kontakt.jpg) no-repeat center; background-size: cover; /*height: 39vw;*/ padding-bottom: 30px;}
#hlavicka.hlavicka11 {background: url(img/hlavicka-ubytovani.jpg) no-repeat center; background-size: cover; height: 39vw;}
#hlavicka.hlavicka12 {background: #181818; /*height: 39vw;*/ padding-bottom: 30px;}
#hlavicka.hlavicka13 {background: url(img/hlavicka-skiareal-2.jpg) no-repeat center; background-size: cover; height: 29vw;}
#hlavicka.hlavicka14 {background: url(img/hlavicka-brumik.jpg) no-repeat center; background-size: cover; height: 39vw;}	/* Harranti Fun */


#topInfo {color: #fff;}
.topInfoPolozka {margin-left: 0.8rem; margin-right: 0.8rem; white-space: nowrap;}
.topInfoPolozka img {height: 30px;}

#vlajky img {height: 2rem; margin: 0.2rem;}
#vlajky #vlajkyIkony {margin-right: 20px; display: inline-block;}
#vlajky #vlajkyIkony img {height: 1.1rem; }
#vlajky #vlajkyIkony img.mojeKamera {height: 1.3rem; }
#vlajky #vlajkyIkony img.mojePocasi {height: 1.8rem; }
#vlajky #vlajkyIkony a {color: #fff; margin-right: 0.5rem; font-size: 1.1rem;}

#vyhody {font-weight: 700; font-family: 'PT Sans Caption', sans-serif;}
#vyhody img.ikona {height: 3.2rem; }
#vyhody a {color: #666;}
#vyhody a:hover {text-decoration: none;}
.svetle {color: #e8e8e8;}

#bls h2 {margin-bottom: 45px;}
#btn-brumik-hp {position: relative; margin-right: 1rem; font-weight: bold; /*padding-left: 2rem; padding-right: 1rem;*/}
#btn-brumik-hp img {position: absolute; top: -65px; left: -40px;}

#carouselBanneryHP {margin-left: 50px; margin-right: 50px;}
#carouselBanneryHP .carousel-control-prev {margin-left: -80px;}
#carouselBanneryHP .carousel-control-next {margin-right: -80px;}

#socialHlavicka {position: absolute; bottom: 40px; right: 30px;}
#socialHlavicka img {height: 25px; margin-right: 10px;}

.nadpisVedleTextu {margin-bottom: 130px;}
.nadpisVedleTextuNadpis {text-align: right; padding-right: 56px; }
.nadpisVedleTextuText {text-align: left; padding-left: 56px; border-left: 1px solid #fff; font-size: 1.4em; letter-spacing: 2px;}
.nadpisVedleTextuText span {white-space: nowrap;}

#vyuka {
	background: #292929 url(img/vyuka-bg-4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	/*background: #292929;*/
	padding-top: 200px; padding-bottom: 50px; color: #fff; position: relative;
}
#vyuka:after {content: ''; position: absolute; border-top: 200px solid #292929; border-left: 98.8vw solid transparent; bottom: -200px; width: 100%; overflow: hidden; z-index: 1;}
#vyuka .ikona {height: 60px;}
#vyuka h3 {margin: 20px auto;}

#motivLyzari {background: url(img/motiv-lyzari.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%; height: 500px;}

#cenik {background: #292929; padding-top: 0px; padding-bottom: 50px; color: #fff; position: relative;}
#cenik:before {content: ''; position: absolute; border-bottom: 200px solid #292929; border-right: 98.8vw solid transparent; top: -200px; width: 100%; overflow: hidden;}
#cenik:after {content: ''; position: absolute; border-top: 200px solid #292929; border-left: 98.8vw solid transparent; bottom: -200px; width: 100%; overflow: hidden; z-index: 1;}

table.tCenik {background-color: transparent; margin-bottom: 135px;}
table.tCenik th, table.tCenik td {text-align: center;}
table.tCenik thead th {color: #ffff00; font-size: 4em; font-family: Arial, sans-serif; font-weight: bold; padding-bottom: 0;}
table.tCenik thead td {padding-top: 0; color: #ccc; font-size: 0.8em; padding-bottom: 40px;}
.table-dark.table-striped.tCenik tbody tr:nth-of-type(odd) {color: #ffff00;}

#pujcovna {background: #191919; padding-top: 200px; padding-bottom: 50px; color: #fff; position: relative;}
#pujcovna:after {content: ''; position: absolute; border-top: 200px solid #191919; border-left: 98.8vw solid transparent; bottom: -200px; width: 100%; overflow: hidden; z-index: 1;}

table.tPujcovna {background-color: transparent; margin-bottom: 135px;}
table.tPujcovna td, table.tPujcovna th {text-align: right;}
.table-dark.table-striped.tPujcovna tbody tr:nth-of-type(odd) {color: #ffff00; background-color: #222;}

#pujcovna .akce {background-color: #ff0000; color: #fff; padding: 10px 20px; text-transform: uppercase; display: inline-block;}

#aktuality {background: #292929; padding-top: 200px; padding-bottom: 50px; color: #fff;}
/*#aktuality .col {position: relative;}*/
.aktualitaText {background-color: #fff; color: #333; padding: 80px; margin-right: -100px; position: relative; z-index: 1; margin-top: 20px;}
.aktualitaText h3 {color: #000;}
.aktualitaText p {font-size: 0.9em;}
.aktualitaText .datum {font-size: 0.8em; color: #666; margin: 15px 0;}
.aktualitaText a {color: #000; text-decoration: underline;}
#aktuality i.fas {color:#000;}
#aktuality .carousel-control-next, #aktuality .carousel-control-prev {
    top: 40px;
    left: 80px;
    bottom: auto;
    right: auto;
    width: auto;
    color: #000;
}
#aktuality .carousel-control-next {left: 120px;}

#partneri {background: #191919; padding-top: 150px; padding-bottom: 50px; color: #fff; text-align: center;}
#partneri img {width: 130px; margin: 20px;}
#partneri img#lyze {width: 263px;}
#partneri img#skiandbikes {width: 200px;}
#partneri img#kayak {width: 250px;}

#paticka {background: #191919; padding-top: 150px; padding-bottom: 20px; color: #fff; text-align: center; font-size: 0.8em;}
#paticka a {color: #fff;}

#topButton {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 10%; 
  z-index: 99;
  border: none;
  outline: none;
  background-color: #ffff00;
  color: #000;
  cursor: pointer;
  /*padding: 15px;*/
  border-top-left-radius: 10%;
  border-top-right-radius: 10%;
  font-size: 26px;
  width: 75px; height: 55px; line-height: 55px; text-align: center;
}
#topButton:hover {/*background-color: rgba(46,144,179,0.9);*/ }



/* sidebar */
#sidebar-wrapper {
	z-index: 1;
	position: absolute;
	width: 0;
	height: 100%;
	overflow-y: hidden;
	background-color: rgba(255,255,255,1);
	color: #666;
}

#page-content-wrapper {
	width: 100%;
	position: absolute;
	overflow-x: hidden;
}

a#menu-toggle {
	font-size: 3.5em;
	color: #fff;
	display: inline-block;
	margin: 20px 30px;
	position: fixed;
	z-index: 99;
}
a#menu-close {
	font-size: 3.5em;
	color: #333;
	display: inline-block;
	margin-left: -40px;
}

#wrapper.MenuDisplayed #sidebar-wrapper {
	width: 390px;
	padding: 20px 20px 20px 80px;
	position: fixed;	/* menu létá s uživatelem */
	z-index: 99;
}
#wrapper.MenuDisplayed #page-content-wrapper {padding-left: 390px;}
#wrapper.MenuDisplayed #page-content-wrapper #menu-toggle {display: none;}


ul.sidebar-nav {padding: 0; margin: 0; list-style: none;}
ul.sidebar-nav:before {content: ''; display: block; width: 40px; border-top: 5px solid #ff0; margin: 10px 0 20px 0; }
ul.sidebar-nav:after {content: ''; display: block; width: 40px; border-top: 5px solid #ff0; margin: 20px 0; }
ul.sidebar-nav li a {display: block; line-height: 2.7em; font-size: 0.9em; color: #666; letter-spacing: 0;}
ul.sidebar-nav li a:hover {text-decoration: none; color: #000;}
ul.sidebar-nav li a.active {background: url(img/odr-zluta.png) no-repeat left 50%; padding-left: 15px;}

#social {margin: 20px 0;}
#social img {height: 15px; margin-right: 8px;}

#pocasi {position: relative;}
#pocasi #overIframe {position: absolute; top: 0; left: 0; height: 47px; line-height: 47px; width: 100%; font-weight: bold; font-size: 0.9em; background-color: #fff; text-transform: uppercase;}
a#pocasiOdkaz {display: none; margin: 20px 0 5px 0; color: #0000FF; text-transform: uppercase; font-weight: bold;}
a#pocasiOdkaz img {height: 1.2rem;} 

a#webkamery {display: inline-block; margin: 5px 0 20px 0; color: #0000FF; text-transform: uppercase; font-weight: bold;}
a#webkamery img {height: 15px; /*vertical-align: baseline;*/}
a#webkamery:hover {text-decoration: none;}
/* sidebar konec */


.blokCerny {background: #000; color: #fff; padding-top: 50px; padding-bottom: 10px;}
.rameckyVedleSebe {margin-top: -150px;}
.rameckyVedleSebe .ramecekZluty {background: #ff0; color: #000; padding: 60px; line-height: 2; margin-top: 20px; margin-bottom: 20px;}
.rameckyVedleSebe .ramecekBily {background: #fff; color: #000; padding: 60px; line-height: 2; }
.ramecekZluty a, .ramecekBily a {color: #000; text-decoration: underline;}
.blokCerny .blokIkony {text-align: center; margin-top: 80px; margin-bottom: 100px; line-height: 2;}
.blokCerny .ikona {height: 60px; margin-bottom: 20px;}

.blokZluty {background: #ff0; color: #000; padding-top: 60px; padding-bottom: 60px; line-height: 2;}
.blokZluty.bgHriste {background: #f5f42a url(img/lyzarske-hriste-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%;}
.blokZluty.bgNaucime {background: #efef25 url(img/naucime-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%;}
.blokZluty a.nobtn {color: #000;}

.lead {padding-left: 15%; padding-right: 15%; margin-bottom: 40px; }
.blokZluty .lead {font-weight: bold;}

.blokBiloSedy {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
	color: #000;

}
.blokBiloSedy h2 {color: #656565; margin-top: 60px; /*font-family: 'Poppins', sans-serif;*/ letter-spacing: 1px; font-size: 2.5em;}
.rameckyPodSebou {margin: 20px 0; }
.rameckyPodSebou .ramecekZluty {background: #ff0; color: #000; padding: 30px; line-height: 2; margin-right: 20%;}
.rameckyPodSebou .ramecekBily {background: #fff; color: #000; padding: 30px; line-height: 2; margin-left: 15%; /*margin-right: 10%;*/ margin-top: -20px; }

.blokBily {background: #f8f8f8; color: #000; padding-top: 60px; /*padding-bottom: 60px;*/}
.blokBily h2 {color: #000; letter-spacing: 1px; font-size: 2.5em; margin: 50px auto;}

.blokFB {background: #405994 url(img/fb-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%; color: #fff; padding-top: 60px; padding-bottom: 60px; line-height: 2;}
.btn-fb {background: #4364B1; color: #fff; text-transform: none;}
.btn-fb img {height: 15px; margin-right: 5px;}
.btn-insta {
	/*background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);*/
background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	 border: none; color: #fff; text-transform: none;}
.btn-insta img {height: 15px; margin-right: 5px;}

.blokTmSedy {background: #222; color: #fff; padding-top: 60px; padding-bottom: 60px; line-height: 2;}

#rozcestnikDeti {background: #000 url(img/detska-skola-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%; color: #fff; padding-top: 50px; padding-bottom: 50px; line-height: 2;}
#rozcestnikSnb {background: #fff url(img/snb-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%; color: #000; padding-top: 50px; padding-bottom: 50px; line-height: 2;}
#rozcestnikDospeli {background: #e4e8f1 url(img/dospeli-bg.jpg) no-repeat; background-size: 100% auto; background-position: 50% 50%; color: #000; padding-top: 50px; padding-bottom: 50px; line-height: 2;}


.blokTestovaciLyze { position: relative; }
.blokTestovaciLyze .rameckyVedleSebe {/*margin-top: -30vw;*/ position: absolute; top: 0px; left: 50%;}
#slalomky {background: #000 url(img/test-centrum-slalomky-obracky.jpg) no-repeat; background-size: cover; height: 21vw; background-position: 50% 50%; color: #fff; text-align: center;}
#allmountain {background: #000 url(img/test-centrum-all-mountain.jpg) no-repeat; background-size: cover; height: 21vw; background-position: 50% 50%; color: #fff; text-align: center;}
#freestyle {background: #000 url(img/test-centrum-freestyle-freeride.jpg) no-repeat; background-size: cover; height: 21vw; background-position: 50% 50%; color: #fff; text-align: center;}
#slalomky .lead, #allmountain .lead, #freestyle .lead {/*margin-top: 55%;*/ position: absolute; bottom: 10px; margin: 0; width: 100%; text-align: center;} 

#rozcestnikTestCentrum1 {background: #ff0 url(img/test-centrum-1a-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%; color: #000; padding-top: 50px; padding-bottom: 50px; line-height: 2;}
#rozcestnikTestCentrum2 {background: #fff url(img/test-centrum-2a-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%; color: #000; padding-top: 50px; padding-bottom: 50px; line-height: 2;}

#classicJinde a {color: #ff0;}

/*
.blokKontakt { position: relative; }
.blokKontakt .rameckyVedleSebe {margin-top: -30vh; position: absolute; top: 0px; left: 50%;}
.blokKontakt .rameckyVedleSebe .ramecekKontakt1 {background: transparent; color: #fff; padding: 0px; line-height: 2; margin-top: 0px; margin-bottom: 0px;}
.blokKontakt .rameckyVedleSebe .ramecekKontakt2 {background: #191919; color: #656565; padding: 0px; line-height: 2; }
*/
.ramecekKontakt1 {line-height: 2;}
.ramecekKontakt1 h3 {margin-top: 30px; text-transform: uppercase;}

.ramecekKontakt2 h3 {margin-top: 30px; background: rgba(41, 41, 41, 1); color: #fff; margin-bottom: 0; padding: 10px 20px; text-transform: uppercase; font-weight: normal; font-size: 1rem;}
.ramecekKontakt2 form {background: rgba(25, 25, 25, 0.8); margin-top: 0; padding: 20px;}
.ramecekKontakt2 form label {color: #656565; text-transform: uppercase; margin-top: 20px;}
.ramecekKontakt2 form .form-control {border: none; border-radius: 0; background: transparent; border-bottom: 1px solid #ff0; color: #fff;}

/* OBJEDNAVKOVY FORM */
button.btnSphere {background: transparent; border: none; padding: 0; color: #888; text-decoration: underline; text-transform: uppercase; text-align: left; cursor: pointer; }
button.btnInfoKarta {background: transparent; border: none; padding: 0; color: #ff0; text-decoration: underline; text-transform: uppercase; text-align: left; cursor: pointer; }
.modal-content {color: #666;}
.modal-content a {color: #000; text-decoration: underline;}
img.platebniKarta {height: 30px;}
.fObjednavka .card {background-color: #333; color: #fff; border: none; text-align: center; margin-bottom: 30px;}
.fObjednavka .card-header {background-color: #ff0; color: #000; text-transform: uppercase; font-weight: bold;}
.fObjednavka .form-control {border: none; border-radius: 0; background: transparent; border-bottom: 1px solid #ff0; color: #ccc; }
.fObjednavka .inputSmallCenter, .fObjednavka select.form-control {width: auto; margin: 0 auto; text-align: center;}
.fObjednavka select.form-control option {background-color: #222;}
.fObjednavka label {color: #999; text-transform: uppercase; /*font-weight: bold;*/ font-size: 0.9em; margin-top: 15px;}
.fObjednavka label span {font-weight: normal; font-size: 1.4rem;}
.gj-datepicker-bootstrap [role=right-icon] button {border: none; padding: 0;}
.gj-datepicker-bootstrap [role=right-icon] button i {color: #fff; font-size: 1.1rem;}
.input-group-append {border-bottom: 1px solid #ff0;}
/*
section#soucetPolozek {padding: 0px 0 150px 0; text-align: center;}
section#soucetPolozek .uctenka {margin-bottom: 50px;}
section#soucetPolozek .uctenka div {background: #000; height: 1.5rem;}
section#soucetPolozek .uctenka div.uctenkaBottom {background: transparent url(img/uctenka-bottom2.png) repeat-x top; height: 8px;}
section#soucetPolozek label {font-size: 1rem; color: #bfbfbf;}
.fObjednavka section#soucetPolozek .form-control {font-family: Arial,sans-serif; color: #000; font-weight: bold; font-size: 1.1rem; text-align: right; display: inline-block; width: auto; border-bottom: 2px solid #ff0;}
.soucetNadpis {font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 30px;}
section#soucetPolozek #konecnaCena {margin-top: 20px; margin-bottom: 50px;}
section#soucetPolozek #konecnaCena label {color: #000; font-size: 0.8rem; }
.fObjednavka section#soucetPolozek #konecnaCena .form-control {border-bottom: none; font-size: 2rem;}
section#soucetPolozek #fNovinky { margin: 30px 0 50px 0; }
section#soucetPolozek #fNovinky label {font-size: 0.8rem; text-transform: none; color: #555;}
section#soucetPolozek .btn-primary {font-weight: bold; font-size: 0.9rem; letter-spacing: 1px;}
*/
#rekapitulace label {font-size: 1rem;}
.fObjednavka #rekapitulace .form-control {font-family: Arial,sans-serif; font-weight: bold; font-size: 1.1rem; text-align: right; display: inline-block; width: auto; border-bottom: 2px solid #ff0;}
#rekapitulace #konecnaCena {margin-top: 20px; margin-bottom: 50px;}
#rekapitulace #konecnaCena label {font-size: 0.8rem; }
.fObjednavka #rekapitulace #konecnaCena .form-control {border-bottom: none; font-size: 2rem; color: #fff;}
.fObjednavka #rekapitulace #konecnaCena .mensi {color: #999;}
.fObjednavka #rekapitulace #konecnaCena .mensi .form-control {border-bottom: none; font-size: 1rem; color: #999; width: 4.5rem; padding-left: 0; padding-right: 0; text-align: center;}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {border-color: #ff0;}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {background-color: #fff;}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {background-color: #fd5050;}
.invalid-feedback {color: #fd5050;}

.fObjednavka #souhlasy {padding: 0 30px; margin-bottom: 30px;}
.fObjednavka #souhlasy label {text-transform: none; color: #fff; margin-top: 0;}
.fObjednavka #souhlasy label a {color: #fff; text-decoration: underline;}


#confirmation {background-color: #333; color: #999; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; border-radius: 10px; text-align: center;}
#confirmation h1 {margin-top: 0; margin-bottom: 50px; width: auto; text-align: center;}
#confirmation fieldset {margin-top: 30px; margin-right: auto; margin-left: auto;}
#confirmation legend {font-size: 1rem; text-transform: uppercase; margin-top: 30px; color: #ff0;}
#confirmation table {margin-right: auto; margin-left: auto;}
#confirmation td, #confirmation th {border-bottom: 1px solid #444; padding: 5px 10px;}
#confirmation td {color: #fff; text-align: right;}
#confirmation th {font-weight: normal; text-align: left;}
#confirmation .btn-primary {/*font-weight: bold;*/ font-size: 1.1rem; letter-spacing: 1px; margin-top: 30px;}
.objPolozka {margin-bottom: 20px; background-color: #444;}


/* OBECNE TRIDY */
ul.odr {list-style: none; margin: 0; padding: 0;}
ul.odr li {background: url(img/odr-zluta.png) no-repeat left 50%; padding-left: 20px; padding-bottom: 10px; padding-top: 10px;}

.seda, a.seda {color: #888;}
.upper {text-transform: uppercase; }
.svetla {color: #eee;}
.nowrap {white-space: nowrap;}
.under {text-decoration: underline;}

/* responzivni google mapa  */
.google-maps {
        position: relative;
        padding-bottom: 25%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
/* div přes google mapu, aby nedošlo k přibližování mapy při použití kolečka myši */
.google-maps .overlay {
   /*background:rgba(255,255,255,0.3); */
   background: transparent;
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important; 
}

/* ubytovani - booking.com */
/*
.booking-map {
        position: relative;
        padding-bottom: 100%;
        height: 0;
        overflow: hidden;
}

.booking-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.booking-map .overlay {
   background: transparent;
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important; 
}
*/

/*
@media (min-width: 576px) {
	.blokTestovaciLyze .rameckyVedleSebe {margin-left: -270px;}
}
@media (min-width: 768px) {
	.blokTestovaciLyze .rameckyVedleSebe {margin-left: -360px;}
}
@media (min-width: 992px) {
	.blokTestovaciLyze .rameckyVedleSebe {margin-left: -480px;}
}
@media (min-width: 1200px) {
	.blokTestovaciLyze .rameckyVedleSebe {margin-left: -570px;}
}
*/
@media (min-width: 1361px) {
	.blokTestovaciLyze .rameckyVedleSebe {margin-left: -570px;}
}


@media (max-width: 1790px) {
   .topInfoPolozka {display: block;}
   .topInfoPolozka img {display: none;}
   h1 {margin-top: 10%; width: 75%;}
   .rameckyVedleSebe { margin-top: -100px;}
}
@media (max-width: 1560px) {
   #sidebar-wrapper {/*position: relative;*/ height: auto; /*background-color: rgba(255,255,255,0.95);*/}
   #page-content-wrapper {position: relative;}
   #wrapper.MenuDisplayed #sidebar-wrapper { width: auto; /*position: relative;*/ padding: 20px 80px 20px 80px;	/*overflow-y: scroll;*/}
   #wrapper.MenuDisplayed #page-content-wrapper {padding-left: 0px;}
}
@media (max-width: 1360px) {
   #socialHlavicka {bottom: 70px; right: 20px;}
     
  .rameckyPodSebou .ramecekZluty {margin-right: 5%;}
  .rameckyPodSebou .ramecekBily {margin-left: 5%;}
  
  .blokTestovaciLyze .rameckyVedleSebe {margin-top: 20px; margin-bottom: 20px; position: relative; top: 0; left: 0;}
  .blokTestovaciLyze .rameckyVedleSebe .ramecekBily {background: #000; color: #fff;}
}

/* md */
@media (max-width: 991px) {
  .aktualitaText {margin-right: 0; margin-top: 0; padding: 80px 20px 20px 20px; }
  #aktuality .carousel-control-next {left: 60px;}
  #aktuality .carousel-control-prev {left: 20px;}
  h1 {margin-top: 5%; width: 75%; margin-bottom: 0;}
  
  #hlavicka.hlavicka2, #hlavicka.hlavicka3, #hlavicka.hlavicka4, #hlavicka.hlavicka5, #hlavicka.hlavicka6,
  #hlavicka.hlavicka7, #hlavicka.hlavicka8, #hlavicka.hlavicka9, #hlavicka.hlavicka10, #hlavicka.hlavicka11, #hlavicka.hlavicka12, #hlavicka.hlavicka13, #hlavicka.hlavicka14 { height: auto; }
  
  .rameckyVedleSebe { margin-top: 0px;}
  
  .blokZluty.bgHriste {background-position: 50% top;}
  .blokZluty.bgNaucime {background-position: 50% top;}
}

/* sm */
@media (max-width: 768px) {
   #carouselBanneryHP {margin-left: 0px; margin-right: 0px;}
   #carouselBanneryHP .carousel-control-prev {margin-left: 0px;}
   #carouselBanneryHP .carousel-control-next {margin-right: 0px;}
   #vyuka {padding-top: 100px;}
   #pujcovna {padding-top: 100px;}
   .nadpisVedleTextu { margin-bottom: 50px; }
   table.tCenik {margin-bottom: 50px;}
   /* sikme fotky na hp */
   #motivLyzari {height: 160px;}
   #vyuka:after {border-top: 30px solid #292929; bottom: -30px;}
   #cenik:before {border-bottom: 30px solid #292929; top: -30px;}
   #cenik:after {border-top: 30px solid #292929; bottom: -30px;}
   #pujcovna:after {border-top: 30px solid #191919; bottom: -30px;}
   table.tPujcovna { margin-bottom: 50px;}
   .blokCerny .blokIkony { margin-top: 30px; margin-bottom: 50px; }
   .lead { padding-left: 5%; padding-right: 5%; }
   #partneri {padding-top: 50px;}
   #partneri h2 {font-size: 2rem;}
}

/* xs */
@media (max-width: 575px) {
   h1#h1hp {background: url(img/classic-panacek.png) no-repeat center top; background-size: auto 80px; padding-left: 0px; padding-top: 80px; width: 100%;}
   #bls a {margin-bottom: 1.2rem;}
   .nadpisVedleTextuNadpis {text-align: center; padding-right: 15px;}
   .nadpisVedleTextuText {text-align: center; padding-left: 15px; border-left: none;}
   .rameckyVedleSebe .ramecekZluty, .rameckyVedleSebe .ramecekBily {padding: 30px;}
   h1 {width: 100%;}
   .ramecekKontakt1, ramecekKontakt2 {text-align: center;}
}

@media (max-width: 320px) {
   #bls h2 {font-size: 2.5rem;}
   .hlavicka4 h1, .hlavicka5 h1, .hlavicka7 h1 {font-size: 2rem;}
}
@media (max-width: 940px) {
   #socialHlavicka {position: relative; right: 0px; bottom: 0px; text-align: center; padding: 20px 0;}
}

/* min width */
@media (min-width: 1700px) {
  .col-xxl-5 {max-width: 40%;} 
}
@media (min-width: 2100px) {
  .col-xxl-5-zamestnani {max-width: 40%;}
}

/* max height side-bar */
@media (max-height: 870px) {
  /*ul.sidebar-nav {margin-top: -50px;}*/
  /*
  a#menu-close {margin-left: 0; position: absolute; top: 0px; left: 20px;}
  ul.sidebar-nav:before, ul.sidebar-nav:after {display: none;}
  */
  /*ul.sidebar-nav li a {line-height: 2em;}*/
  #pocasi {display: none;} 
  a#pocasiOdkaz {display: block;} 
  #social {display: none;}   
}
@media (max-height: 670px) {
  /*ul.sidebar-nav {margin-top: -50px;}*/
  a#menu-close {margin-left: 0; position: absolute; top: 0px; left: 20px;}
  ul.sidebar-nav:before, ul.sidebar-nav:after {display: none;}
  /*ul.sidebar-nav li a {line-height: 2em;}*/
  #pocasi {display: none;}
  a#pocasiOdkaz {display: block;} 
  #social {display: none;}   
}

/* popup */
.modal-content {background-color: transparent;}
.modal-header {border-bottom: none; padding: 0;}
.modal-body {padding: 0; box-shadow: 10px 10px 0 #ff0; background: #000; color: #fff;}
.modal-body p {padding: 10px 10px 5px 10px; text-align: center;}
.modal-header .close {color: #ffff00; text-shadow: 1px 1px 0 #000; opacity: 1;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #ff0;
    text-decoration: none;
    opacity: 1;
}