/* Očištěné CSS: ponechány selektory použité v dodaných PHP souborech. */

*,
*::before,
*::after {
	box-sizing: border-box;
}

img {
	max-width: 100%;
		height: auto;
}

html {
	font-size: 16px;
}

body {
	font-size: clamp(16px, 1.1vw, 18px);
		line-height: 1.45;
}

body,
html {
	overflow-x: hidden;
	    overflow-y: auto;
}

#aktualizace::after {
	content: " 02. 06. 2026";
}

body {
	padding: 0;
		margin: 0;
		background: #fcf5ef;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	  overflow-x: hidden;
}

.page-white {
	background: #fff;
}

.jaa-top {
	position:relative;float:left;width:100%;height:29vw;width:100%;border:0px solid gray;background:url(jaa_files/jaa-top2.png);background-repeat:no-repeat;background-size:cover;z-index:1;
}

.jaa-titulek {
	position:relative;float:left;width:60%;height:100%;margin:-3% 32% 5% 8%;color:black;border:0px solid gray;z-index:2;
}

.jaa-titulek img {
	width:100%;height:auto;
}

.titul-h {
	position:relative;width:100%;float:left;height:100%;margin:-5% 1% 3% -1%;color:#C7C7C7;z-index:-1;border:0px solid green;
		opacity:0.0;animation-name:titul-h;animation-fill-mode: forwards; animation-duration: 1s;animation-delay: 0.6s;
}

.titul-h span,
.titul-h h1 {
	font-size:1.4em;font-weight:normal;display:inline;font-family: "Lucida Console", "Courier New", monospace;
}

@keyframes titul-h {
	0% { 	opacity:0.0; 	} 	100% { 	opacity:0.9; 	}
}

.jaa-text-1 {
	position:relative;float:left;width:50%;height:100%;margin:3% 40% 2% 10%;color:black;clear:both;border:0px solid red;
}

.jaa-text-1 h2 {
	width:90%;height:100%;margin:4% 5% 1% 4%;
}

.jaa-text-1 h3 {
	width:90%;height:100%;margin:0% 5% 3% 5%;font-weight:normal;
}

.jaa-text-1-bg {
	position:absolute;left:0;top:0;background:rgba(235,225,225,0.8);width:100%;height:100%;z-index:-1;
		opacity: 0;transform: translateX(0px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.5s;
}

.jaa-text-1-bg.visible {
	opacity: 1;transform: translateX(0);
}

.jaa-text-3-box {
	position:relative;float:left;width:90%;height:100%;margin:0% 5% 1%;border:0px solid black;
}

.jaa-text-3 a {
	position:relative;
		float:left;
		width:23%;
		min-height:420px;
		margin:2% 5% 1%;
		color:black;
		text-align:center;
		box-shadow:2px 4px 20px 5px rgba(0, 0, 0, 0.2);
		border:0px dashed #E33030;
		background:white;
		text-decoration:none;
		transition:0.5s;
		box-sizing:border-box;
}

.jaa-text-3 a:hover {
	background:#EFE3DC;box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.0);
}

.jaa-text-3 a p {
	width:90%;height:auto;margin:5%;
}

.jaa-text-3 a h3 {
	margin-top:8%;
}

.highlight-red {
	color:red;
}

.jaa-mezititulek {
	position:relative;float:left;height:100%;width:100%;margin:5vw 0% 0;color:black;background:rgba(163, 34, 10,0.8);z-index:2;
}

.jaa-mezititulek h2 {
	text-align:center;color:white;font-weight:normal;margin:1% 0;font-size:19px;
}

.linka-1-inter {
	width:20%;height:3px;bottom:3px;position:absolute;background:rgba(207, 194, 194, 1);
	    opacity:0.0;transform: translateX(90%);transition: opacity 0.8s ease, transform 1.0s ease;transition-delay: 0.3s;
}

.linka-2-inter {
	width:20%;height:3px;top:3px;position:absolute;background:rgba(207, 194, 194, 1);
	    opacity:0.0;transform: translateX(-89%);transition: opacity 0.8s ease,transform 1.0s ease;transition-delay: 0.3s;
}

.linka-1-inter.visible,
.linka-2-inter.visible {
	opacity: 1;transform: translateX(0);width:100%;
}

.posuvniky-blok {
	position:relative;float:left;margin:7px 0 0 0;width:100%;height:110px;border:0px solid green;
}

.posuvniky {
	position:absolute;right:1%;top:0;width:5%;height:100%;z-index:10;border:0px solid red;
	    opacity:0.0;transform: translateX(90%);transition: opacity 0.8s ease, transform 1.0s ease;transition-delay: 0.3s;
}

.posuvniky a img {
	width:90%;background:rgba(0,0,0,0.1);display:block;margin:5px 0;
}

.posuvniky a:hover img {
	background:rgba(0,0,0,0.0);
}

.posuvniky.visible {
	opacity: 1;transform: translateX(0%);
}

.jaa-ukazkywww {
	position:relative;float:left;height:100%;width:35%;margin:4% 7% 4% 7%;box-shadow:5px 5px 10px 5px #E2DECE; border:1px solid #909090;background:white;
}

.jaa-ukazkywww img {
	width:100%;
}

.ukazkywww-blok {
	position:relative;float:left;width:100%;height:100%;clear:both;margin:-100px 0 0;
}

.cenik-blok {
	position: relative;
		float: left;
		width: 100%;
		height: 100%;
		margin: -117px 0 5%;
		background: rgba(166,131,123,0.2);
		border: 0;
}

.cenik-blok h2,
.cenik-blok p,
.cenik-blok ul {
	width: min(80%, 900px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
}

.cenik-blok h2 {
	margin-top: 2rem;
		margin-bottom: 1rem;
		padding: 0;
		line-height: 1.3;
}

.cenik-blok p {
	margin-top: 1.2rem;
		margin-bottom: 1.2rem;
		padding: 0;
		line-height: 1.8;
		color: black;
		text-align: left;
}

.cenik-note {
	display: block;
		margin-top: 2rem;
		margin-bottom: 0.8rem;
		font-style: italic;
		line-height: 1.7;
}

.cenik-blok ul {
	margin-top: 0;
		margin-bottom: 2rem;
		padding-left: 1.4rem;
		line-height: 1.5;
}

.cenik-blok li {
	margin-bottom: 0.15rem;
}

.menu-jaa {
	position:absolute;right:0%;top:0vw;width:40%;height:95vw;padding:13% 0 2%;background-color:rgba(255,255,255,0.9);border:0px solid yellow;z-index:-1;opacity:0;
		transition:0.4s;transition-delay:0.2s;
}

.menu-jaa ul {
	list-style-type: none; border: 0px solid red; padding: 0; border-top: 0px dashed pink; overflow-x: hidden;
}

.menu-jaa ul li {
	margin-left:0%;height:3vw;display: block; font-size: 21px; border-bottom:1px solid #900; text-align:center;vertical-align:middle; text-indent: 0%;
}

.menu-jaa ul a {
	color: #691b1b; text-decoration: none; display:block; padding: 3% 0 1%;
}

.menu-jaa ul a:hover,
.menu-jaa ul a:focus {
	color: #fff;background-color:rgba(80,0,0,0.4);transition: 0.4s;
}

.menu-icon-boxik-jaa {
	position:relative;float:right;width:11%;height:auto;margin:-9vw 0vw 0 0;border:0px solid black;transition: 0.7s; cursor: pointer;z-index: 10;
}

.menu-icon-boxik-jaa img {
	position:absolute; width:100%;top:0vw; right:0vw;transition: 0.7s; cursor: pointer;
}

.menu-click-hidden-jaa {
	z-index:7; opacity:1.0;border:0px solid yellow;
}

.menu-click-visible-jaa {
	z-index: -1; opacity:0.0;border:0px solid yellow;
}

.blackbody-jaa {
	position: fixed; width: 0%; height: 100%; top:0;left:0; background:rgba(156,153,149,0.7);transition: 0.5s; z-index: 4;
}

html {
	scroll-behavior: smooth;
}

.kontakt-spacer {
	position:relative;float:left;width:100%;height:7vw;clear:both;
}

.nav-section5 {
	position:absolute;top:11vw;
}

.jaa-zapati {
	position:relative;float:left;width:100%;margin-top:10%;color:#909090;border-top:1px solid gray;height:auto;text-align:center;background:rgba(54, 82, 120, 0.3);
}

.jaa-zapati-logo {
	position:relative;float:left;width:100%;margin:2% 0%;clear:both;
}

.jaa-zapati-logo img.aa {
	text-align:center;position:relative;width:17%;
}

.jaa-zapati-seznam-box {
	position:relative;float:left;width:100%;margin:2% 0% 5%;padding:0;height:100%;background:rgba(255,255,255,0.5);
}

.jaa-zapati-seznam {
	position:relative;float:left;width:64%;color:#4D4D4D;margin:0 18%;height:auto;text-align:center;
}

.jaa-zapati-seznam ul {
	position:relative;float:left;width:100%;margin:0;padding:0;color:#4D4D4D;border:0px solid green;height:auto;text-align:center;
}

.jaa-zapati-seznam ul li {
	width:22%;margin:0%;padding:1% 0;font-size:18px;border-right:1px dashed gray;text-align:center;display:inline-block;
}

.jaa-zapati-seznam ul li a {
	color:#4D4D4D;text-decoration:none;
}

.jaa-zapati-seznam ul li a:hover {
	text-decoration:underline;
}

.jaa-zapati img {
	width:5%;margin:15px;
}

.jaa-zapati-update {
	position:relative;float:left;width:100%;height:3%;border:0px solid pink;background:rgba(54, 82, 120, 0.0);
}

.aktualizace {
	position:relative;float:left;text-align:center;width:20%;margin:1% 40%;padding:0 0 0% 0;font-size:19px;color:gray;border:0px solid black;
}

.jaa-kontakt {
	position:relative;float:left;width:54%;height:100%;margin:1% 23% 4%;color:#ffffff;border:5px solid #E0E0E0;
		opacity:0.0;transform: translateX(10%);transition: opacity 0.8s ease, transform 1.0s ease;transition-delay: 0.3s;
}

.jaa-kontakt-img {
	position:relative;float:left;clear:both;width:20%;height:100%;margin:1% 40%;
}

.jaa-kontakt span {
	position:relative;float:left;font-size:1.0em;font-weight:normal;margin:5% 0 1% 5%;clear:both;font-family: "Lucida Console", "Courier New", monospace;background:rgba(54, 82, 120, 0.5)
}

.jaa-kontakt span.invert {
	position:relative;float:left;font-size:1.0em;font-weight:normal;margin:0% 5% 5%;color:black;clear:both;font-family: "Lucida Console", "Courier New", monospace;background:rgba(54, 82, 120, 0.0)
}

.jaa-kontakt.visible {
	opacity: 1;transform: translateX(0%);
}

@media only screen and (max-width: 760px) and (orientation: portrait) {
	body {
		font-size: 17px;
	}

	.jaa-top {
		height: 28vh;
				min-height: 180px;
	}

	.jaa-titulek {
		width: 94%;
				margin: -6% 3% 5%;
	}

	.titul-h {
		margin: -2% 3% 4%;
				width: 94%;
				text-align: center;
	}

	.titul-h span,
.titul-h h1 {
		font-size: clamp(20px, 6vw, 30px);
	}

	.jaa-text-1 {
		width: 94%;
				margin: 4% 3%;
				text-align: center;
	}

	.jaa-text-1 h2 {
		font-size: clamp(24px, 7vw, 34px);
				line-height: 1.2;
	}

	.jaa-text-1 h3 {
		font-size: clamp(18px, 5vw, 24px);
				line-height: 1.45;
	}

	.jaa-mezititulek h2 {
		font-size: clamp(24px, 7vw, 34px);
				line-height: 1.25;
				margin: 4% 3%;
	}

	.posuvniky-blok {
		height: 80px;
	}

	.posuvniky {
		width: 14%;
				right: 2%;
	}

	.ukazkywww-blok {
		margin: -70px 0 0;
	}

	.jaa-ukazkywww {
		width: 88%;
				margin: 6% 6%;
	}

	.cenik-blok {
		margin: -70px 0 6%;
	}

	.cenik-blok h2,
.cenik-blok p,
.cenik-blok ul {
		width: 90%;
	}

	.cenik-blok h2 {
		font-size: clamp(24px, 7vw, 34px);
	}

	.cenik-blok p,
.cenik-blok li {
		font-size: clamp(17px, 4.5vw, 22px);
				line-height: 1.65;
	}

	.jaa-text-3-box {
		width: 94%;
				margin: 0 3% 1%;
	}

	.jaa-text-3 a {
		width: 100%;
				min-height: auto;
				margin: 4% 0;
				padding: 4% 0;
	}

	.jaa-text-3 a h3 {
		font-size: clamp(22px, 6vw, 30px);
				line-height: 1.25;
	}

	.jaa-text-3 a p {
		font-size: clamp(17px, 4.6vw, 22px);
				line-height: 1.5;
	}

	.menu-jaa {
		top: 22vh;
				width: 100%;
				height: auto;
				min-height: 100vh;
				padding: 8% 0 2%;
	}

	.menu-jaa ul li {
		height: auto;
				padding: 0;
				font-size: clamp(24px, 7vw, 36px);
	}

	.menu-jaa ul a {
		padding: 22px 0;
	}

	.menu-icon-boxik-jaa {
		position: absolute;
				top: 7vh;
				right: 0;
				width: 24%;
				max-width: 120px;
	}

	.kontakt-spacer {
		height: 10vw;
	}

	.jaa-kontakt {
		width: 90%;
				margin: 3% 5% 5%;
	}

	.jaa-kontakt span,
.jaa-kontakt span.invert {
		font-size: clamp(18px, 5vw, 25px);
				line-height: 1.35;
	}

	.jaa-kontakt-img {
		width: 60%;
				margin: 2% 20%;
	}

	.jaa-zapati-logo img.aa {
		width: 45%;
	}

	.jaa-zapati-seznam,
.jaa-zapati-seznam ul {
		width: 90%;
				margin: 0 5%;
	}

	.jaa-zapati-seznam ul li {
		width: 100%;
				padding: 18px 0;
				font-size: clamp(20px, 5.5vw, 30px);
				border-right: 0;
				border-bottom: 1px dashed gray;
	}

	.aktualizace {
		width: 80%;
				margin: 8% 10% 0;
				font-size: 16px;
	}
}

@media only screen and (min-width: 761px) and (max-width: 1200px) and (orientation: portrait) {
	body {
		font-size: 18px;
	}

	.jaa-text-1 {
		width: 82%;
				margin: 3% 9%;
	}

	.jaa-text-1 h2 {
		font-size: 28px;
				line-height: 1.25;
	}

	.jaa-text-1 h3 {
		font-size: 22px;
				line-height: 1.45;
	}

	.jaa-text-3 a {
		width: 42%;
				min-height: auto;
				margin: 3% 4%;
				padding-bottom: 3%;
	}

	.menu-jaa ul li {
		height: auto;
				font-size: 28px;
	}

	.menu-jaa ul a {
		padding: 18px 0;
	}
}

@media only screen and (max-width: 932px) and (orientation: landscape) {
	body {
		font-size: 16px;
	}

	.jaa-top {
		height: 36vw;
				min-height: 170px;
	}

	.jaa-titulek {
		width: 74%;
				margin: 1% 16% 4% 10%;
	}

	.jaa-text-1 {
		width: 90%;
				margin: 3% 5%;
	}

	.jaa-text-1 h2 {
		font-size: 24px;
				line-height: 1.25;
	}

	.jaa-text-1 h3 {
		font-size: 19px;
				line-height: 1.45;
	}

	.jaa-text-3 a {
		width: 44%;
				min-height: auto;
				margin: 3% 3%;
				padding-bottom: 3%;
	}

	.menu-jaa {
		width: 65%;
				height: auto;
				min-height: 100vh;
				padding-top: 8%;
	}

	.menu-jaa ul li {
		height: auto;
				padding: 0;
				font-size: 20px;
	}

	.menu-jaa ul a {
		padding: 14px 0;
	}

	.menu-icon-boxik-jaa {
		position: absolute;
				top: 20%;
				right: 0;
				width: 16%;
				max-width: 110px;
	}
}

@media only screen and (min-width: 1201px) {
	body {
		font-size: 17px;
	}

	.jaa-text-1 h2 {
		font-size: 24px;
				line-height: 1.25;
	}

	.jaa-text-1 h3 {
		font-size: 20px;
				line-height: 1.45;
	}
}