@charset "UTF-8";

* {margin: 0px;padding: 0px;}
html  {height: 100%;box-sizing: border-box;}


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

body {	min-height: 100%; 
/* 
font-family: 'Poppins', sans-serif; 
font-family: 'Oswald', sans-serif;
font-family: 'Varta', sans-serif;
*/

font-family: 'Fira Sans', sans-serif;

background:white; color:black; font-size: 18px;line-height:1.3em;text-align:center; position: relative;
font-weight: 300; /*letter-spacing: 0.02em;*/}


.main_limit {margin:auto;text-align:left;position:relative; width: 1200px; }

.body_v1 .main_limit {width: 97%;}
.body_v2 .main_limit {width: 97%; margin: auto; font-size: 16px;}
.body_v3 .main_limit {width: 97%; margin: auto; font-size: 14px;}



  
#template_header, #menu2, #pata {width: 100%; margin-top: 0px;z-index:50;top:0px;left:0px;z-index:500; background: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); position: relative; }
#menu2	{ background: #D73729; }
#template_header .main_limit {display: flex; justify-content: space-between;}
.template_logo {display: block; width: 280px; padding-right: 2em;}
.template_logo a {display: block;  width: 100%; background: white; padding: 0.7em;}
.template_logo a img {width: 100%;}
.template_logo a:hover {	opacity: 0.8;}

.p125 #slideshow_template	{height: 500px; overflow: hidden;}

#pata	{ padding: 1em 0em; font-size: 0.75em; background: #888888; color: white;}
#pata .copy {padding: 0.2em; text-align: center;  }
.header_plocha  {margin-top: 0px; background: white; text-align: left; position: relative;}

.jazyky	{background: #888888;padding: 0em;   }
#template_header .jazyky .main_limit	{display: block;text-align: right;}
.jazyky ul	{margin-right: 0em; width: 100%;}
.jazyky li	{background: transparent; padding: 0em; margin: 0em; display: inline-block !important;}


.menuhorni  {}
.menuhorni ul.maximenuck {padding: 0px;text-align: left; display: block; text-align: right;}

.menuhorni li {list-style-type: none; padding: 0px; margin: 0px;display: inline-block; float: none !important; background: transparent ;}

/*.menuhorni li.item-101  {background: transparent;}*/
.menuhorni a  {
	
	text-transform: uppercase;
	padding: 1.2em 1em 1.2em 2em; display: inline-block; text-decoration: none; font-size: 1em; font-weight:600; font-style: italic; color: black; 
transition: text-shadow .6s ease-in-out;
background: transparent url(../images/menustin.png) left center no-repeat;
}

#menu2 .menuhorni a {color: white;}
#menu2 .menuhorni .active a	{color: black;}
#menu2 .menuhorni a:hover	{text-shadow: 0px 0px 6px rgba(0,0,0,0.8);}

.menuhorni .floatck	{text-align: left; background: #F2F2F2;}
.menuhorni .floatck	a, .menuhorni .floatck	li {display: block; }

.maxiroundedcenter  {padding: 0px;}

.menuhorni div.maximenuckh li {width: auto !important;}

.menuhorni div.maximenuckh ul.maximenuck li.maximenuck a, div.maximenuckh ul.maximenuck li.maximenuck span.separator {
    display: inline-block;float: none; 
}
.menuhorni .active>a  {color: #CA3429}
.menuhorni .active>a:hover  {color: inherit;}
.menuhorni a:hover  {text-shadow: #CA3429;}
















#slideshow_template	{position: relative; background: #CCCCCC;}
.slideshow  { width: 100%; overflow: hidden; position: relative; height: 350px; opacity: 0; transition: opacity 0.5s ease-in-out;}

.loaded .slideshow	{opacity: 1;}

#slideshow_template .slogan	{position: absolute; top: 37%; z-index: 10; padding: 1em; height: 2.5em; width: 100%;}
.slogan h3	{color: white; font-size: 3em; text-shadow: 2px 2px 5px rgba(0,0,0,0.8);}


.slideshow img {position: absolute; top: 0px; left: 0%; width: 100%; height: 100%; object-fit: cover; opacity: 0;

transform:scale(1,1) translate(0%);
transition: opacity 3s ease-in-out, transform 10s linear;
}



.slideshow img.act	{opacity: 1; left: 0%;  

transform:scale(1.05,1.05) translate(-1.5%);





}

 

#slideshow_template .slide-desc {width: 50% !important; top: 0px !important; color: white; text-shadow: 1px 1px 3px black; font-size: 1em;}

.body_v3 #slideshow_template .slide-desc {font-size: 0.6em;}

#slideshow_template .slide-desc-bg {background: transparent;}

#slideshow_template .slide-text {padding: 4em; }

#slideshow_template .slide-text p {}

#slideshow_template .navigation-container-custom  {left: 20px !important; bottom: 20px !important;}










#obsah {padding: 0em; min-height: 20em;}


#obsah > .main_limit.component	{padding: 0em 0em 3em 0em;}

/***** tooltip ************/
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}


.polozky	{position: relative; display: flex; justify-content: space-between; width: 100%;}
.polozky .polozka	{ width: 23%; position: relative;}
.polozky .polozka a	{
	transition: background-color .4s ease-in-out;
	background: red; color: white; width: 100%; height: 100%; text-align: center; text-decoration: none; display: block;}
.polozky .polozka a h4	{color: white;}
.polozky .polozka a img	{width: 50%; margin-top: 10%;}
.polozky .polozka a:hover	{background-color: black;}




/* form na klik */
.accordion_prepinac {cursor: pointer; border-top: 1px solid #CCCCCC; padding: 0.3em 0.3em 0.3em 25px; 
cursor: pointer; margin: 0px; background: transparent url(../images/prepinac.png) 3px center no-repeat;
transition: background-color .4s ease-in-out;
}

.accordion_prepinac h2  {padding: 0px;margin: 0px;}
.accordion_prepinac:hover , .accordion_prepinac.open {background-color: #DDDDDD;}
.accordion_obsah  {}
.accordion_obsah .vnor  {padding: 1em 0em; }







/*** popup ------------------------------------------------------------------------------------------ *****************/
.PopupAjaxKlik  {cursor: pointer;}
#AjaxOknoCelek  { position: fixed; width: 100%; height: 100%; z-index: 5500;  top: 0px; left: 0px; text-align: center;   }
#AjaxOknoClona  {opacity: 0.5; background: white; position: absolute; width: 100%; height: 100%;  top: 0px; left: 0px; z-index: 5500;}
#AjaxOknoRamecek  {width: 520px; background: white; border: 1px solid #DDDDDD; box-shadow: 5px 5px 10px #333333; z-index: 5600; position: absolute; top: 50px; margin-left: -300px; left: 50%; height: 470px;}
#AjaxOknoObsah {width: 470px; margin: 35px 15px 15px 15px; overflow: auto; height: 430px; }
#AjaxOknoObsah h1 {padding-top: 60px;}
.popupHlaska_zavrit {width: 30px; height: 30px; color: #666666; cursor: pointer; position: absolute; right: 0px; top: 0px; font-size: 18px;}
.popupHlaska_zavrit:hover {color: black;}
.validation-advice  {color: red;}

.mapa {width: 700px; float: right;}


/** --------------- popup -------------------------------------------------- */
#popup_pod  {width: 100%; height: 100%; position: fixed; z-index: 999999; text-align: center; top: 0px; left: 0px;}
#popup_pod #popup_clona  {width: 100%; height: 100%; position: absolute; z-index: 5; background: white; opacity: 0.7; top: 0px; left: 0px;}
#popup_pod #popup_okolo  {width: 660px;  position: absolute; z-index: 7 ; margin-left: -330px; left: 50%; top: 50px; text-align: center; }
#popup_pod #popup_ramecek  {z-index: 8; margin: auto; background: white; padding: 0px; box-shadow: 5px 5px 10px 0px #AAAAAA; }
#popup_pod #popup_zavrit  {color: white; padding: 4px; cursor: pointer; font-size: 14px; background: #00aeef;}
#popup_pod #popup_zavrit:hover  {color: black; background: #CCCCCC;}
#popup_pod > div  {background: white; width: auto;}


.items-row {}
.cols-3 .item { width: 32%; float: left; margin-left: 2%; padding: 15px 0px 20px 0px; }
.cols-3 .item.column-1  {margin-left: 0px;}
.row-separator  {display: block; clear: both; height: 0px;}


.pagination  {padding: 0.4em 0em; text-align: center;}
.pagination p {display: inline-block; padding: 0px;}
.pagination ul {display: block; padding: 0px; text-align: center; }
.pagination li  {display: inline-block; list-style-type: none; padding: 0em 0.5em; background: transparent;}

/* -- validace mootools */
.validation-advice, label.error  {color:red; font-style:italic; padding: 5px 0px 5px 0px;}
.validation-failed, .error.required {border: 1px solid red !important;}

input, textarea, select {border: 1px solid #DDDDDD; padding: 0.7em; background: #EEEEEE; border-radius: 4px; }

input[type="submit"], .button, button  {font-size: 1.2em; background: black; color: white;  padding: 0.6em 3em; text-decoration: none;border-radius: 4px; border: 0px; cursor: pointer;}
input[type="submit"]:hover, .button:hover, button:hover  {color: #85B916; border: 0px;}





.img_resizer	{position: relative; overflow: hidden;}
.img_resizer img	{position: absolute;}



.vozovypark	{ }

.vozovypark	.auto {width: 90%; display: flex; justify-content: space-between; padding: 1em 0em;

}

.vozovypark	.auto > p	{text-align: left;}
.vozovypark	.auto > p:nth-child(1)	{width: 2em; flex-shrink: 0; font-size: 3em; position: relative; top: 1em;}
.vozovypark	.auto > p:nth-child(1) span	{font-size: 0.4em;}
.vozovypark	.auto > p:nth-child(2)	{text-align: right;}

/*
.vozovypark	.auto:nth-child(1) { order: 0; }
.vozovypark	.auto:nth-child(2) { order: 2; }
.vozovypark	.auto:nth-child(3) { order: 4; }
.vozovypark	.auto:nth-child(4) { order: 1; }
.vozovypark	.auto:nth-child(5) { order: 3; }
.vozovypark	.auto:nth-child(6) { order: 5; }
*/

.vozovypark	.auto a	{display: inline-block;}
.vozovypark	.auto a img	{width: auto !important; height: 90px;}

.body_v1 .vozovypark	.auto a img	{width: auto !important; height: 80px;}
.body_v2 .vozovypark	.auto a img	{width: auto !important; height: 100px;}



/*
.vozovypark	.auto:nth-child(1) a { width: 40%  !important; }
.vozovypark	.auto:nth-child(2) a	{  }
.vozovypark	.auto:nth-child(3) a	{  width: 85%  !important;}
.vozovypark	.auto:nth-child(4) a	{   }
.vozovypark	.auto:nth-child(5) a {  }
.vozovypark	.auto:nth-child(6) a {  }
*/

.formular_zasilka	{text-align: center;}
.formular_zasilka h4	{text-align: center;}
.fpol	{display: flex; padding: 0.3em 0em;}
.fpol > div:nth-child(1)	{width: 47%; margin-right: 3%; text-align: right; padding-top: 0.3em;}
.fpol > div:nth-child(2)	{width: 50%; text-align: left;}
.fpol input, .fpol textarea	{width: 100%; max-width: 30em; display: inline-block;}
.povinne	{color: #D73729;}


.calendar-container	button, .calendar-container .js-btn	{padding: 0.3em 0.5em; font-size: 1em; margin-right: 0.1em;}
/********** opravená joomgallery **********/
.jg_galerie  {width: 100%; padding: 5px 0px 5px 0px;}
.jg_polozka {display: inline-block; padding: 3px; border: 1px solid #white; box-shadow: 1px 1px 7px -3px black; 	border-radius: 4px; margin: 3px;}
img.jg_photo {margin: 0px; padding: 0px; 	border-radius: 3px; border: 0px;}
.jg_polozka:hover {background: #D73729; box-shadow: 1px 1px 7px 0px black;}

.jg_polozka:hover img.jg_photo {border: 0px; opacity: 0.8;}

.mod-languages  > p.visually-hidden	{display: none;}




.blog-items	{
display: grid;
	  grid-template-columns: 1fr 1fr ;
	  grid-gap: 20px;


padding: 20px 0px;}


.body_v3 .blog-items	{grid-template-columns: 1fr ;}

.blog-item	{padding: 0px 20px 50px 20px; border: 0px solid #DDDDDD; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}

.blog-item	h2 a {text-decoration: none;}

.blog-item .readmore	{text-align: right; position: absolute; right: 15px; bottom: 15px;}
.blog-item .readmore a {background: #D73729; color: white; text-decoration: none; display: inline-block; padding: 5px 10px; font-weight: bold;}
.blog-item .readmore a:hover	{background: black;}