/* globalni styly */

@import url('https://fonts.googleapis.com/css2?family=Wendy+One&display=swap');

* {
	box-sizing: border-box;
}

body {
	font-size: 18px;
}

:focus {
	outline: 3px solid #fd9f11;
}

a {
	text-decoration: none;
	color: #fd9f11;
}

input, select, textarea {
	border: 1px solid #343434;
	border-radius: 0.25rem;
	padding: 0.25rem;
}

textarea {
	width: 25rem;
	height: 120px;
	max-height: 120px;
}

input[type=submit] {
	background-color: #343434;
	color: #ffffff;
	padding: 0.5rem 1rem 0.5rem 1rem;
}

table {
    table-layout: fixed;
}

.text.editor td {
	position: relative;
}


/* panelHlavicka */

.panelHlavicka {
	background-image:
		url(MSJazlovicka/bila.png),
		url(MSJazlovicka/vlnovka-hlavicka.png),
		url(MSJazlovicka/platno.jpg);
	background-size: 100% 150px, 100% auto, auto 100%;
	background-position: 50% 0%, 50% 101%, 66% 100%;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.panelHlavicka header, .panelTelo {
	position: relative;
	width: 75%;
	max-width: 80rem;
	min-width: 250px;
	margin: 0.5rem auto 0rem auto;
}

@media screen and (orientation: portrait) {
	.panelHlavicka header, .panelTelo {
		width: auto;
		margin: 0.5rem 1rem 0rem 1rem;
	}
}

.logo {
	background-image:
		url(MSJazlovicka/logo-telefon.png),
		url(MSJazlovicka/logo-text.png),
		url(MSJazlovicka/logo.png);
	background-size:
		15% auto,
		66% auto,
		auto 95%;
	background-position:
		100% 17%,
		50% 50%,
		0% 50%;
	background-repeat: no-repeat;
	height: 130px;
}

@media screen and (orientation: portrait) {
	.logo {
		background-size:
			35% auto,
			66% auto,
			auto 95%;
		background-position:
			100% 36%,
			100% 85%,
			0% 50%;
	}
}


/* hlavniMenu */

.hlavniMenu {
	margin-top: 20px;
    /*font-size: 14px;*/
}


.hlavniMenu ul,
.hlavniMenu li {
	margin: 0rem;
	padding: 0rem;
	list-style-type: none;
}

.hlavniMenu li {
	position: relative;
	left: 0rem;
	top: 0rem;
	display: inline-block;
	margin: 0rem 0rem 0.25rem 0rem;
    background: #109aff;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 0.5rem;
}
.hlavniMenu li:nth-child(2) {background: #03ca8f;}
.hlavniMenu li:nth-child(3) {background: #9cc624;}
.hlavniMenu li:nth-child(4) {background: #ffa012;}
.hlavniMenu li:nth-child(5) {background: #ff7223;}
.hlavniMenu li:nth-child(6) {background: #c720a3;}
.hlavniMenu li:nth-child(6) ~ li {display: none;}

.hlavniMenu li:not(.vybrana) {top: -10px;}
.hlavniMenu li.vybrana {top: -20px;}

.hlavniMenu a {
	display: inline-block;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	color: #ffffff;
	text-decoration: none;
}

.hlavniMenu a:hover {
    background: rgba(255, 255, 255, 0.2);
}

@media screen and (orientation: portrait) {
	.hlavniMenu li {top: -10px !important;}
}

/* slideshow */

.slideshow {
	position: relative;
	margin-top: 25px;
    /*min-height: 45vh;*/
    min-height: 40vh;
	background-image: url(MSJazlovicka/frame.png);
	background-size: 100% 100%;
}

@media screen and (orientation: portrait) {
	.panelHlavicka .slideshow {
	    min-height: 40vw;
	}
}

.slideshow .foto {
	position: absolute;
	top: 2.5%;
	right: 4%;
	bottom: 6.5%;
	left: 3%;
	background-image: url(MSJazlovicka/20220908.jpg);
	background-size: cover;
	background-position: 50% 50%;
    box-shadow: inset 0px 0px 3rem 0px rgba(0,0,0,0.25);
}

/* panelTelo */

.panelTelo:after {
	display: block;
	content: " ";
	font-size: 0px;
	clear: both;
}

.panelTelo .panelNavigace {
	float: left;
	width: 32%;
	min-height: 20rem;
}

.panelTelo .panelObsah {
	float: right;
	width: 65%;
	width: calc(68% - 1rem);
}

@media screen and (orientation: portrait) {
	.panelTelo .panelNavigace {
		float: none;
		width: auto;
	}
	.panelTelo .panelObsah {
		float: none;
		width: auto;
	}
}

/* panelNavigace */

.panelNavigace {
	background-color: #573dab;
	color: #ffffff;
	background-image: url(MSJazlovicka/panel-patern.png);
	border-radius: 1rem;
	padding: 1rem 0.1rem 1.5rem 0.1rem;
	margin-bottom: 1rem;
	overflow: hidden;
}

.panelNavigace .polozka {
	display: block;
	color: #ffffff;
	padding: 0.1rem 1.5rem 0.1rem 1.5rem;
}

.panelNavigace .polozka:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.panelNavigace ul, .panelNavigace li {
	list-style-type: none;
	margin: 0rem;
	padding: 0rem;
}

.panelNavigace img {
	display: none;
}

.panelNavigace .hloubka1 > li > .polozka {
	font-weight: bold;
	font-size: 1.1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
    cursor: default;
    pointer-events: none;
}

.panelNavigace .hloubka3 {
	display: none;
}

/* panelObsah */

.panelObsah {
	overflow: hidden;
}

.panelObsah a {
	font-family: sans-serif;
}

.panelObsah table {
	margin: 0px auto 0px auto;
}

.panelObsah h1 {
	font-family: 'Wendy One', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
    color: #199efd;
    text-shadow:
		-1px -1px 0 #010b14, 1px -1px 0 #010b14,
		-1px 1px 0 #010b14, 1px 1px 0 #010b14;
	letter-spacing: 1px;
	margin: 0rem 0rem 1rem 2rem;
}

.pomocnaNavigace {
    background-color: #149af9;
	background-image: url(MSJazlovicka/panel-patern.png);
	color: #ffffff;
	border-radius: 1rem;
	padding: 1rem 2rem 1rem 2rem;
	margin-bottom: 1rem;
}

.pomocnaNavigace ul {
	padding: 0rem;
	margin: 0rem;
}

.pomocnaNavigace li {
	padding: 0rem;
	margin: 0rem;
}

.pomocnaNavigace a {
	color: #e5e1a1;
}

/*.napadyProDeti .panelObsah .katalog .text.editor {
	display: none;
}*/

.panelObsah .katalog .text.editor {
	background-color: #149af9;
	background-image: url(MSJazlovicka/panel-patern.png);
	color: #ffffff;
	border-radius: 1rem;
	padding: 1rem 2rem 1rem 2rem;
	margin-bottom: 1rem;
	min-height: 10rem;
}

.panelObsah .katalog .text.editor a {
	color: #e5e1a1;
}

.panelObsah .katalog .text.editor .priloha .text {
	display: block;
	text-align: center;
	font-size: 0.9rem;
}

.panelObsah a:hover {
	text-decoration: underline;
}

.seznamStranek .polozka a {
	display: block;
}

/* .seznamStranek .prepinacStranek */

.panelObsah .katalog .text.editor .seznamStranek .prepinacStranek {
	display: block;
}

.panelObsah .katalog .text.editor .seznamStranek .prepinacStranek > * {
	display: inline-block;
	background: rgba(255,255,255,0.25);
	color: #000000;
	font-size: 0.8rem;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	border: 0rem;
	border-radius: 0.25rem;
}

.panelObsah .katalog .text.editor .seznamStranek .prepinacStranek > :hover {
	background: rgba(255,255,255,0.66);
	text-decoration: none;
}

.panelObsah .katalog .text.editor .seznamStranek .prepinacStranek > .vybrana {
	position: relative;
	left: 0px;
	top: -3px;
	background: #00378c;
	color: #ffffff;
}

/* .homePage - puvodni homepage - nepouziva se */

.homePage .panelObsah .katalog .text.editor {
	background-color: #ffffff;
	background-image: none;
	color: #000000;
	border-radius: 0rem;
	padding: 0rem;
	margin-bottom: 0rem;
}

.homePage .panelObsah .katalog .text.editor .seznamStranek {
	background-color: #149af9;
	background-image:
		url(MSJazlovicka/panel-patern.png),
		url(MSJazlovicka/paleta.png);
	background-position: 50% 50%, 95% 95%;
	background-size: auto auto, 18% auto;
	background-repeat: repeat, no-repeat;
	color: #ffffff;
	border-radius: 1rem;
	padding: 1rem 2rem 1rem 2rem;
	padding: 1rem 25% 1rem 2rem;
	margin-bottom: 1rem;
	min-height: 10rem;
}

.homePage .panelObsah .katalog .text.editor .seznamStranek:nth-child(2n+1) {
	background-color: #c82ba4;
	background-image:
		url(MSJazlovicka/panel-patern.png),
		url(MSJazlovicka/dite.png);
	background-position: 50% 50%, 95% 100%;
	background-size: auto auto, 20% auto;
}

/* panelPaticka fotogalerie */

.panelPaticka .fotogalerie {
	position: relative;
	text-align: center;
	height: 30rem;
	min-height: 33vh;
	padding: 1rem;
	background-image:
		url(MSJazlovicka/vlnovka-fotogalerie-horni.png),
		url(MSJazlovicka/vlnovka-fotogalerie-dolni.png),
		url(MSJazlovicka/dite.jpg),
		url(MSJazlovicka/fotogalerie-vlevo.png),
		url(MSJazlovicka/fotogalerie-vpravo.png);
	background-size: 100% auto, 100% auto, auto 62%, auto 85%, auto 75%;
	background-position: 50% 0%, 50% 101%, 80% 100%, 0% 50%, 100% 50%;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-color: #573dab;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.panelPaticka .fotogalerie .nahled {
	display: block;
	position: absolute;
	left: 20%;
	top: 25%;
	width: 20%;
	height: 50%;
}

.panelPaticka .fotogalerie .nahled .nadpis {
	display: block;
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	min-width: 15rem;
	height: 15%;
	font-family: 'Wendy One', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
    text-shadow:
		-1px -1px 0 #010b14, 1px -1px 0 #010b14,
		-1px 1px 0 #010b14, 1px 1px 0 #010b14;
	letter-spacing: 1px;
}

.panelPaticka .fotogalerie .nahled .foto {
	display: block;
	position: absolute;
	top: 15%;
	bottom: 5.5rem;
	width: 100%;
	min-width: 15rem;
	background-image: url(MSJazlovicka/fotogalerie-nahled.jpg);
	background-size: cover;
	background-position: 50% 50%;
    box-shadow: inset 0px 0px 0.5rem 0px rgba(0,0,0,0.25);
}

.panelPaticka .fotogalerie .nahled .tlacitko {
	display: block;
	position: absolute;
	left: 25%;
	right: 25%;
	min-width: 8rem;
	bottom: 3rem;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
    background-color: #fbe400;
	color: #000000;
	border-radius: 0.5rem;
}

@media screen and (orientation: portrait) {
.panelPaticka .fotogalerie .nahled {
    left: 15%;
    top: 10%;
    width: 33%;
    height: 50%;
}
.panelPaticka .fotogalerie {
    background-size: 100% auto, 100% auto, auto 58%, auto 85%, auto 75%;
    background-position: 50% 0%, 50% 100%, 80% 100%, 0% 100%, 100% 50%;
}
}

/* panelPaticka podporujeme */

.panelPaticka .podporujeme {
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	padding: 1rem;
	background-image: url(MSJazlovicka/podporujeme.jpg);
	background-size: contain;
	background-position: 50% 50px;
	background-repeat: no-repeat;
	min-height: 15rem;
}

.panelPaticka .podporujeme .nadpis {
	position: relative;
	left: -4rem;
	top: -1rem;
	font-family: 'Wendy One', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
    text-shadow:
		-1px -1px 0 #010b14, 1px -1px 0 #010b14,
		-1px 1px 0 #010b14, 1px 1px 0 #010b14;
	letter-spacing: 1px;
	color: #ffffff;
}

@media screen and (orientation: portrait) {

.panelPaticka .podporujeme .nadpis {
	left: 0rem;
}

}

/* panelPaticka omluvenka */

.panelPaticka .omluvenka {
	display: none; /* 2020-06-08 vypnuto */
}

.panelPaticka .omluvenka {
	text-align: center;
	background-image: url(MSJazlovicka/vlnovka-omluvenka.png);
	background-size: 100% auto;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color: #f9e606;
	color: #000000;
}

.panelPaticka .omluvenka .komponentaFormular iframe {
    border: none;
	margin-top: 30px;
	width: 100%;
	height: 360px;
}

.panelPaticka .omluvenka .nadpis {
	padding-top: 50px;
	font-family: 'Wendy One', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
    text-shadow:
		-1px -1px 0 #010b14, 1px -1px 0 #010b14,
		-1px 1px 0 #010b14, 1px 1px 0 #010b14;
	letter-spacing: 1px;
	color: #ffffff;
}

/* komponentaFormularStranka2 */

body.komponentaFormularStranka2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	background-color: #f9e606;
}

body.komponentaFormularStranka2 form table {
	margin: 0px auto 0px auto;
}

body.komponentaFormularStranka2 .povinnePolickoInfo,
body.komponentaFormularStranka2 .povinnePolicko {
	display: none;
}

body.komponentaFormularStranka2 a {
	color: #777700;
	text-decoration: underline;
}

/* panelPaticka odkazy */

.panelPaticka .odkazy {
	text-align: center;
	color: #ffffff;
	background-color: #72d0ec;
	padding: 1rem;
	margin-top: 1rem;
}

.panelPaticka .odkazy a {
	color: #ffffff;
	margin-right: 1rem;
}

/* prejitNaNavigaci */

.prejitNaNavigaci {
	display: none;
}

.zjednodusitZapnuto .prejitNaNavigaci {
	display: block;
	position: absolute;
	top: 0.25rem;
	left: 0.25rem;
	padding: 0.1rem 0.5rem 0.1rem 0.1rem;
	background: #ffffff;
	color: #333333;
}

/* rezim zjednodusit */

.tlacitkoZjednodusit {
	display: block;
	position: absolute;
	top: 0.5rem;
	right: 0.25rem;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 0rem;
	line-height: 1.2rem;
	padding: 0.25rem 0.5rem 0.25rem 1.5rem;
	background-image: url(MSJazlovicka/zjednodusit.png);
	background-size: contain;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: rgba(0,0,0,0) !important;
	text-decoration: none !important;
}

/*.tlacitkoZjednodusit {
	display: block;
	position: absolute;
	top: 0.5rem;
	right: 0.25rem;
	font-size: 1rem;
	line-height: 1.2rem;
	padding: 0.25rem 0.5rem 0.25rem 1.5rem;
	background: #00378c;
	color: #ffffff !important;
	text-decoration: none !important;
    border-radius: 0.5rem;
}*/

/*.tlacitkoZjednodusit:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	height: 0.5rem;
	width: 0.5rem;
	border: 1px solid #8599c3;
	border-radius: 0.5rem;
}*/

/*.zjednodusitZapnuto .tlacitkoZjednodusit:before {
	border: 1px solid #ffffff;
	background-color: #eeeeee;
    box-shadow: inset 0px 0px 0px 1px #00378c;
}*/

.zjednodusitZapnuto .panelHlavicka,
.zjednodusitZapnuto .panelPaticka {
	display: none;
}

.panelHlavicka header, .panelTelo {
	margin-top: 1.5rem;
}

.zjednodusitZapnuto .panelObsah,
.zjednodusitZapnuto .panelNavigace {
    float: none;
	width: auto;
}

.zjednodusitZapnuto .panelNavigace {
	border-top: 1px dotted #333333;
	border-radius: 0rem;
}

.zjednodusitZapnuto h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #3a84df;
    text-shadow: none;
	font-size: 3rem;
	margin-top: 2rem;
}

.zjednodusitZapnuto a,
.zjednodusitZapnuto .panelObsah .katalog .text.editor a,
.zjednodusitZapnuto .panelNavigace .polozka {
	text-decoration: underline;
	color: #3a84df;
}

.zjednodusitZapnuto .pomocnaNavigace,
.zjednodusitZapnuto.homePage .panelObsah .katalog .text.editor .seznamStranek,
.zjednodusitZapnuto .panelObsah .katalog .text.editor,
.zjednodusitZapnuto .panelNavigace {
    background: #ffffff;
	color: #000000;
}

/* media print */

@media print {

body {
	font-size: 5mm;
}

* {
	text-decoration: none !important;
}

.panelTelo {
    width: 100%;
    max-width: 100%;
    min-width: 0%;
}

.panelTelo .panelObsah {
    width: 100%;
}

.tlacitkoZjednodusit,
.panelHlavicka,
.panelPaticka,
.panelNavigace {
	display: none;
}

.panelHlavicka header, .panelTelo {
	margin-top: 1.5rem;
}

.panelObsah,
.panelNavigace {
    float: none;
	width: auto;
}

.panelNavigace {
	border-top: 1px dotted #333333;
	border-radius: 0rem;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #3a84df;
    text-shadow: none;
	font-size: 3rem;
	margin-top: 2rem;
}

a,
.panelObsah .katalog .text.editor a,
.panelNavigace .polozka {
	text-decoration: underline;
	color: #3a84df;
}

.pomocnaNavigace,
.zjednodusitZapnuto.homePage .panelObsah .katalog .text.editor .seznamStranek,
.panelObsah .katalog .text.editor,
.panelNavigace {
    background: #ffffff;
	color: #000000;
}

}