body, html { 
    overflow-x: hidden; 
    overflow-y: auto; }
    
    #aktualizace::after { 
  content: " 10. 04. 2026";
}

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

@media only screen and (min-device-width:100px) and (max-device-width:760px) and (orientation:portrait) {
body  {
	font-size:210%; }} 
@media only screen and (min-device-width:761px) and (max-device-width:1100px) and (orientation:portrait) {
body  {
	font-size:120%; }} 
@media only screen and (min-device-width:100px) and (max-device-width:1020px) and (orientation:landscape) {
body  {
	font-size:130%; }} 	
@media only screen and (min-device-width:1021px) and (max-device-width:1500px) and (orientation:landscape) {
body  {
	font-size:120%; }} 
@media only screen and (min-device-width:1501px) and (max-device-width:5000px) and (orientation:landscape) {
body  {
	font-size:100%; }} 	
	
	
.blackbody {
	position: fixed; width: 0%; height: 100%; top:0;left:0; background:rgba(156,153,149,0.7);transition: 0.5s; z-index: 4; }

		
@media (min-width: 100px) and (max-width: 899px) {
	.titul-landscape-big { display: none; }}
@media (min-width: 900px) and (max-width: 5000px) {
	.titul-landscape-small { display: none; }}








.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-top-s {
	position:relative;float:left;width:100%;height:29vw;width:100%;border:0px solid gray;background:url(jaa_files/jaa-top5.jpg);background-repeat:no-repeat;background-size:cover;z-index:1;}
.jaa-top-kontakt {
	position:relative;float:left;width:100%;height:15vw;width:100%;border:0px solid gray;z-index:1;}
@media only screen and (orientation: portrait) {
.jaa-top {
	height:30vh; }}
	
.jaa-titulek {
	position:relative;float:left;width:60%;height:100%;margin:-3% 32% 5% 8%;color:black;border:0px solid gray;z-index:2; }
@media only screen and (min-width:100px) and (max-device-width:819px) and (orientation:portrait) {
.jaa-titulek {
	border:0px solid red;width:96%;margin:-7% 2% 5%; }}
@media only screen and (min-width:100px) and (max-device-width:895px) and (orientation:landscape) {
.jaa-titulek {
	width:77%;margin:2% 13% 5% 10%; }}	
.jaa-titulek img, .jaa-logo 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; }
@media only screen and (min-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.titul-h {
	margin:-3% 1% 3% -1%; }}
.titul-h span, .titul-h h1 {
	font-size:1.4em;font-weight:normal;display:inline;font-family: "Lucida Console", "Courier New", monospace; }
@media only screen and (min-device-width:1101px) and (max-device-width:5000px) and (orientation:landscape) {
.titul-h span, .titul-h h1 {
	font-size:2.5em; }}
@media only screen and (min-device-width:700px) and (max-device-width:1200px) and (orientation:portrait) {
.titul-h span, .titul-h h1 {
	font-size:2.0em; }}
@keyframes titul-h { 	0% { 	opacity:0.0; 	} 	100% { 	opacity:0.9; 	} }
	
.titul-h-s {
	position:relative;width:100%;float:left;height:100%;margin:0% 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; }
@media only screen and (min-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.titul-h-s {
	margin:0% 1% 3% -1%; }}
.titul-h-s span, .titul-h-s h1 {
	font-size:1.4em;font-weight:normal;display:inline;font-family: "Lucida Console", "Courier New", monospace; }
@media only screen and (min-device-width:1101px) and (max-device-width:5000px) and (orientation:landscape) {
.titul-h-s span, .titul-h-s h1 {
	font-size:2.5em; }}
@media only screen and (min-device-width:700px) and (max-device-width:1200px) and (orientation:portrait) {
.titul-h-s span, .titul-h-s h1 {
	font-size:2.0em; }}
@keyframes titul-h { 	0% { 	opacity:0.0; 	} 	100% { 	opacity:0.9; 	} }

.slogan-blok {
	position:relative;width:90%;float:left;height:100%;margin:2% 0% 1% 10%;padding:0;color:#0044AB;border-bottom:1px solid black;background:white; }
@media only screen and (min-width:100px) and (max-device-width:819px) and (orientation:portrait) {
.slogan-blok {
	width:100%;float:left;height:100%;margin:2% 0% 1% 0%;padding:0 0 1% 0;border-bottom:0px solid black; }}
.slogan-blok h3 {
	position:relative;float:left;width:90%;margin:1% 10% 1% 0%;padding:0;font-size:25px;line-height:35px;font-weight:bold;border:0px solid black;display:inline;font-family: "Lucida Console", "Courier New", monospace; }
@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation:portrait) {
.slogan-blok h3 {
	position:relative;float:left;width:90%;margin:1% 5% 0;font-size:35px;text-align:center; }}
@media only screen and (min-device-width:501px) and (max-device-width:819px) and (orientation:portrait) {
.slogan-blok h3 {
	position:relative;float:left;width:90%;margin:1% 5% 0;font-size:27px;line-height:35px;text-align:center; }}
	
	
.jaa-text-1  {
	position:relative;float:left;width:50%;height:100%;margin:3% 40% 2% 10%;color:black;clear:both;border:0px solid red; }
@media only screen and (min-device-width:100px) and (max-device-width:819px) and (orientation:portrait) {
.jaa-text-1  {
	width:100%;margin:3% 0% 3% 0%;text-align:center; }}
@media only screen and (min-device-width:820px) and (max-device-width:1500px) and (orientation:portrait) {
.jaa-text-1  {
	width:80%;margin:3% 10%; }}
@media only screen and (min-device-width:100px) and (max-device-width:932px) and (orientation:landscape) {
.jaa-text-1  {
	width:100%;margin:3% 0% 3% 0%; }}
@media only screen and (min-device-width:933px) and (max-device-width:1366px) and (orientation:landscape) {
.jaa-text-1  {
	width:65%;margin:3% 27% 3% 10%; }}
	
	
	
.jaa-text-1  {
	position:relative;float:left;width:50%;height:100%;margin:3% 40% 2% 10%;color:black;clear:both;border:0px solid red; }
@media only screen and (min-device-width:100px) and (max-device-width:819px) and (orientation:portrait) {
.jaa-text-1  {
	width:100%;margin:3% 0% 3% 0%;text-align:center; }}
@media only screen and (min-device-width:820px) and (max-device-width:1500px) and (orientation:portrait) {
.jaa-text-1  {
	width:80%;margin:3% 10%; }}
@media only screen and (min-device-width:100px) and (max-device-width:932px) and (orientation:landscape) {
.jaa-text-1  {
	width:100%;margin:3% 0% 3% 0%; }}
@media only screen and (min-device-width:933px) and (max-device-width:1366px) and (orientation:landscape) {
.jaa-text-1  {
	width:65%;margin:3% 27% 3% 10%; }}
	
	
	
.uvodni-texty  {
	position:relative;float:left;width:50%;height:100%;margin:3% 40% 2% 10%;color:black;clear:both;border:0px solid red; }
@media only screen and (min-device-width:100px) and (max-device-width:819px) and (orientation:portrait) {
.uvodni-texty  {
	width:100%;margin:3% 0% 3% 0%;text-align:center; }}
@media only screen and (min-device-width:820px) and (max-device-width:1500px) and (orientation:portrait) {
.uvodni-texty  {
	width:80%;margin:3% 10%; }}
@media only screen and (min-device-width:100px) and (max-device-width:932px) and (orientation:landscape) {
.uvodni-texty  {
	width:100%;margin:3% 0% 3% 0%; }}
@media only screen and (min-device-width:933px) and (max-device-width:1366px) and (orientation:landscape) {
.uvodni-texty  {
	width:65%;margin:3% 27% 3% 10%; }}
	
	
	
.jaa-text-1 h2  {
	width:90%;height:100%;margin:4% 5% 1% 4%; }
@media only screen and (min-device-width:100px) and (max-device-width:430px) and (orientation:portrait) {
.jaa-text-1 h2  {
	font-size:42px; }}
@media only screen and (min-device-width:769px) and (max-device-width:1200px) and (orientation:portrait) {
.jaa-text-1 h2  {
	line-height:24px;font-size:22px; }}
@media only screen and (min-device-width:100px) and (max-device-width:900px) and (orientation:landscape) {
.jaa-text-1 h2  {
	font-size:25px; }}
@media only screen and (min-device-width:901px) and (max-device-width:1000px) and (orientation:landscape) {
.jaa-text-1 h2  {
	font-size:20px; }}
@media only screen and (min-device-width:1001px) and (max-device-width:1400px) and (orientation:landscape) {
.jaa-text-1 h2  {
	font-size:18px; }}
	
.jaa-text-1 h3 {
	width:90%;height:100%;margin:0% 5% 3% 5%;font-weight:normal;}
@media only screen and (min-device-width:100px) and (max-device-width:430px) and (orientation:portrait) {
.jaa-text-1 h3  {
	line-height:50px; }}
@media only screen and (min-device-width:431px) and (max-device-width:768px) and (orientation:portrait) {
.jaa-text-1 h3  {
	line-height:29px; }}
@media only screen and (min-device-width:769px) and (max-device-width:1200px) and (orientation:portrait) {
.jaa-text-1 h3  {
	line-height:24px;font-size:20px; }}
@media only screen and (min-device-width:100px) and (max-device-width:900px) and (orientation:landscape) {
.jaa-text-1 h3  {
	line-height:28px;font-size:22px; }}
@media only screen and (min-device-width:901px) and (max-device-width:1000px) and (orientation:landscape) {
.jaa-text-1 h3  {
	line-height:24px;font-size:20px; }}
@media only screen and (min-device-width:1001px) and (max-device-width:1400px) and (orientation:landscape) {
.jaa-text-1 h3  {
	line-height:25px;font-size:18px; }}
@media only screen and (min-device-width:1401px) and (max-device-width:5000px) and (orientation:landscape) {
.jaa-text-1 h3  {
	line-height:27px;font-size:18px; }}
	
.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); }
    
.uvodni-texty-fade {
	opacity: 0;transform: translateX(0px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.5s; }
.uvodni-texty-fade.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%;height:100%;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; }	
.jaa-text-3 a:hover {
	background:#EFE3DC;box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.0); }
@media only screen and (min-device-width:100px) and (max-device-width:767px) and (orientation:portrait) {
.jaa-text-3 a {
	width:92%;margin:2% 4%;height:50vh; }}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.jaa-text-3 a {
	width:40%;height:35vh;margin:2% 4% 1%; }}
@media only screen and (min-device-width:100px) and (max-device-width:1360px) and (orientation:landscape) {
.jaa-text-3 a {
	width:40%;height:47vw;margin:2% 4% 1%; }}
.jaa-text-3 a p {
	width:90%;height:100%;margin:5%; }
.jaa-text-3 a h3 {
	margin-top:8%;}
    
	
.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; }
@media only screen and (orientation: portrait) {
.jaa-mezititulek h2 {
	margin:4% 0;font-size:35px;}}
@media only screen and (min-width:768px) and (max-device-width:2000px) and (orientation:portrait) {
.jaa-mezititulek h2 {
	margin:2% 0;font-size:28px;}}
@media only screen and (min-width:100px) and (max-device-width:1024px) and (orientation:landscape) {
.jaa-mezititulek h2 {
	margin:2% 0;}}
    
.linka-1 {
	position:absolute;width: 100%;left:-100%;height: 1px;top: 0;background-color:gray;animation-name:linka-1;animation-fill-mode:forwards;
    animation-duration: 1s;animation-delay: 0.2s; z-index:5; }
@keyframes linka-1 { 	0% { 	left: -100%; 	} 	100% { 	left: 0%; 	} }
.linka-2 {
	position:absolute;width: 100%;right:-100%;height:1px;bottom:0;background-color:gray;
    animation-name: linka-2;animation-fill-mode: forwards; animation-duration: 1s;animation-delay: 0.2s; z-index:5; }
@keyframes linka-2 { 	0% { 	right: -100%; 	} 	100% { 	right: 0%; 	} }
.linka-3 {
	position:absolute;width: 100%;right:-150%;height:1px;top:0;background-color:gray;
    animation-name: linka-3;animation-fill-mode: forwards; animation-duration: 1s;animation-delay: 0.2s; z-index:5; }
@keyframes linka-3 { 	0% { 	right: -150%; 	} 	100% { 	right: 0%; 	} }
.linka-4 {
	position:absolute;width: 100%;right:-150%;height:1px;bottom:0;background-color:gray;
    animation-name: linka-4;animation-fill-mode: forwards; animation-duration: 1s;animation-delay: 0.6s; z-index:5; }
@keyframes linka-4 { 	0% { 	right: -150%; 	} 	100% { 	right: 0%; 	} }

.linka-5 {
	position:absolute;width: 100%;right:-150%;height:1px;bottom:0;background-color:gray;
    animation-name:linka-5;animation-fill-mode: forwards; animation-duration: 1s;animation-delay: 0.6s; z-index:5; }
@keyframes linka-5 { 	0% { 	right: -150%; 	} 	100% { 	right: 0%; 	} }

.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-3-inter {
    width:2%;height:100vh;position:absolute;background:#E3E3E3;
    opacity:0.0;transform: translateX(90%);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%; }
.linka-3-inter.visible {
    height:4px;opacity: 1;transform: translateX(-20%);width:130%;bottom:-8px; }

@media only screen and (orientation: portrait) {
.linka-1-inter, .linka-2-inter {
 height:3px;background:#dbdbdb; }}
@media only screen and (min-width:1024px) and (max-device-width:2000px) and (orientation:portrait) {
.linka-1-inter, .linka-2-inter {
 height:3px; }}

    

.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); }
@media only screen and (orientation: portrait) {
.posuvniky {
	width:11%; }}
@media only screen and (min-device-width:1024px) and (max-device-width:2000px) and (orientation:portrait) {
.posuvniky {
	width:7%; }}
@media only screen and (min-width:500px) and (max-device-width:1180px) and (orientation:landscape) {
.posuvniky {
	width:10%; }}
.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; }
@media only screen and (orientation: portrait) {
.jaa-ukazkywww {
	width:70%;margin:5% 15%; }}
.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:0px dashed red; }
.cenik-blok h2, .cenik-blok p {
	width:80%;height:100%;margin:2% 10% 0;text-align:left;color:black;padding:2% 0 0;line-height:140%; }
.cenik-blok ul {
	text-decoration:none;width:80%;height:100%;margin:0 10% 2%;padding:7px 0 0 1%; }
	
/*MENU#######*/

/*######## JIZ VYJETÉ MENU ######## */
.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; }
@media only screen and (orientation: portrait) { 
.menu-jaa {
	top:23vh; width: 100%;height:110vh;left:0%;border:0px solid red;}}
@media only screen and (min-device-width:768px) and (max-device-width: 1500px) and (orientation:portrait) {
.menu-jaa {
	width:70%;}}	
@media only screen and (min-device-width: 100px) and (max-device-width: 900px) and (orientation: landscape) {
.menu-jaa {
	width:60%;}}	
.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 {
	padding: 3% 0 1%; margin-left:0%;height:3vw;display: block; font-size: 21px; border-bottom:1px solid #900; text-align:center;vertical-align:middle; text-indent: 0%;}
@media only screen and (min-device-width: 100px) and (max-device-width:400px) and (orientation:portrait) {
.menu-jaa ul li {
	padding:40px 0 0px;height:6vh;font-size:40px; }}
@media only screen and (min-device-width: 401px) and (max-device-width:700px) and (orientation:portrait) {
.menu-jaa ul li {
	padding:40px 0 0px;height:6vh;font-size:40px; }}
@media only screen and (min-device-width: 100px) and (max-device-width: 900px) and (orientation: landscape) {
.menu-jaa ul li {
	padding: 13px 0;height:6vh; }}
.menu-jaa ul a {
  color: #691b1b; text-decoration: none; }
.menu-jaa ul li:hover{
	color: #fff;background-color:rgba(80,0,0,0.4);transition: 0.4s; }
	
/*######## MENU IKONA ######## */
.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; }

@media only screen and (min-height: 100px) and (max-height: 932px) and (orientation: portrait) {
.menu-icon-boxik-jaa {
	position:absolute;top:7vh;right:0;width:25%; }}
@media only screen and (min-height: 933px) and (max-height: 5000px) and (orientation: portrait) {
.menu-icon-boxik-jaa {
	position:absolute;top:10vh;right:0;width:15%; }}
@media only screen and (min-width: 100px) and (max-width: 932px) and (orientation: landscape) {
.menu-icon-boxik-jaa {
	position:absolute;top:23%;right:0;width:18%; }}
	
.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; }
  
.nav-section5 {
	position:absolute;top:11vw; }
@media only screen and (min-device-width:100px) and (max-device-width:1200px) and (orientation:portrait) {
.nav-section5 {
	position:absolute;top:0vh; }}
	
/*########JAA - ZAPATI######## */

.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%; }
@media only screen and (min-device-width:100px) and (max-device-width:600px) and (orientation:portrait) {
.jaa-zapati-logo img.aa {
	width:45%; }}

.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; }
@media only screen and (min-device-width:100px) and (max-device-width:600px) and (orientation:portrait) {
.jaa-zapati-seznam {
	width:70%;margin:0% 15%; }}
.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; }
@media only screen and (min-device-width:100px) and (max-device-width:600px) and (orientation:portrait) {
.jaa-zapati-seznam ul {
	width:60%;margin:3% 20% 0; }}
	
.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; }
@media only screen and (min-device-width:100px) and (max-device-width:600px) and (orientation:portrait) {
.jaa-zapati-seznam ul li {
	width:100%;padding:10% 0;font-size:35px;border-right:0px dashed gray;border-bottom:1px dashed gray;text-align:center; }}
	
.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; }
@media only screen and (orientation: portrait) {
.jaa-zapati img {
	width:17%;}}
.jaa-zapati-line {
	position:relative;float:left;width:90%;height:1px;margin:15px 5%;background:gray;}
.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;}
@media only screen and (min-device-width:100px) and (max-device-width:932px) and (orientation:portrait) {
.aktualizace {
	width:50%;margin:10% 25% 0;font-size:25px;padding:0 0 2% 0; }}
	
	
	
.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; }
@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation:portrait) {
.jaa-kontakt  {
	width:90%;margin:1% 5% 4%;}}
@media only screen and (min-device-width:501px) and (max-device-width:1200px) and (orientation:portrait) {
.jaa-kontakt  {
	width:60%;margin:1% 20% 4%;}}
.jaa-kontakt-img {
	position:relative;float:left;clear:both;width:20%;height:100%;margin:1% 40%; }
@media only screen and (min-device-width:100px) and (max-device-width:500px) and (orientation:portrait) {
.jaa-kontakt-img {
	width:60%;margin:1% 20%; }}
.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) }
@keyframes jaa-kontakt { 	0% { 	opacity:0.0; 	} 	100% { 	opacity:0.9; 	} }
.jaa-kontakt.visible {
    opacity: 1;transform: translateX(0%); 

.right-bg-box {
border:0px solid red;position:relative;float:left;width:100%;margin:0 0%;height:auto; z-index:0;opacity:1;
background-image: url("jaa_files/right-bg2.png");background-repeat: repeat-y;background-size:50%;background-position:right;}
@media only screen and (orientation: portrait) {
.right-bg-box {
background-size:90%;background-size:50%;background-position:right;}}