@charset "UTF-8";
* {margin: 0px;padding: 0px;}
html  {height: 100%;scroll-behavior: smooth;}

body {	
  min-height: 100vh; 
  margin:0;
  display:flex; 
  flex-direction:column;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;

	

  
}

#template_obsah {
    flex: 1;
}

body.loaded	{opacity: 1;}


.main_limit {margin:auto;text-align:left;position:relative; margin-right: 7.5vw; margin-left: 7.5vw;}

.body_v1 .main_limit {}
.body_v2 .main_limit {}
.body_v3 .main_limit {}


.titulni	{
	position: relative; width: 100%; min-height: 100%;
background: white url(../images/titulni.jpg) center center no-repeat;
 background-size: cover;
text-align: center; 
}

.titulni h1	{font-size: 4em; color: white; text-shadow: 4px 4px 7px black; border: 0px;}

.titulni p	{font-size: 1em; /*color: white; text-shadow: 1px 1px 3px black; border: 0px; font-weight: bold;*/}

.titulni .pobocky	{display: flex; max-width: 1200px; margin: auto;
flex-wrap: wrap;
justify-content: center;
margin-top: 0em;
}


.titulni .pobocky img	{
	
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.6;
	transition: opacity 1s linear, filter 1s ease-in-out ;
	
}

.titulni .pobocky a	{max-width: 30%; min-width: 160px; background: white; display: block; box-shadow: 4px 4px 7px rgba(0,0,0,0.8);  padding: 1em; margin: 1em; text-decoration: none;}
.titulni .pobocky h4	{font-size: 2em;}

.titulni .pobocky a:hover img	{
	
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
  
.template_header {
	



position: relative;
z-index: 25;	
	
}
.template_header > .main_limit {
	display: grid;
	grid-template-columns: 110px auto ;

	grid-gap: 20px; 
	border-bottom: 1px solid #cbd3dc;
}
.template_logo {
	margin-top: 15px;
}

.kdh	{
	padding-top: 25px;
	padding-left: 0px;
	font-size: 0.8rem;
}





.template_logo a {padding: 0px; width: 100%;}
.template_logo a img {width: 100%; display: block;}
.template_logo a:hover {zoom: 1; 	filter: alpha(opacity=50); 	opacity: 0.5;}


.zalozky_nahore	{display: block; float: right;}
.akce_mesic {display: inline-block; margin-left: 0.3em;}
.akce_mesic	span	{background: #00aeef; padding: 0.5em; margin: 0em; color: white; display: block; cursor: pointer; }
.akce_mesic	span:hover	{color: black;}

.template_bottom  {
	
}

.template_bottom > div {
	background-color: #f4f5f6;
	border-top: 2px solid white;
padding: 40px 0px;	
}





.header_plocha  {margin-top: 0px; background: white; text-align: left; position: relative;}

.template_akce  {height:195px; width: 100%; position: relative; top: 24px;}
.template_akce .custom {width: 100%;position: relative;}
.template_akce .akcepol {width: 30%; float: left; color: #A7ACB0; font-size: 19px; line-height: 1.2em;}
.template_akce .akcepol2 {margin: 0% 5% 0% 5%;}
.template_akce .akcepol .akcepol_txt  {background: transparent url(../images/akce.png) center top; position: relative; top: -35px; text-align: center; height: 150px;}
.template_akce .akcepol p {padding: 0% 3% 0% 3%;} 
.template_akce .akcepol h3 {padding: 35px 5% 10px 5%; color: #F6A800; font-size: 180%;}
.template_akce .akcepol strong {color: #F6A800;}

.body_v1 .template_akce .akcepol {font-size: 17px;}
.body_v2 .template_akce .akcepol {font-size: 15px;}
.body_v3 .template_akce .akcepol {font-size: 15px;}

.body_v3 .template_akce .akcepol , .body_v3 .template_akce .akcepol2 {width: 100%; margin: 0px;}



.menuhorni  {
/*position: sticky;
    top: 0;*/
    z-index: 1000;
	
}

.menuhorni ul	{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}


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


.menuhorni a  {
font-family: 'maneuropecondensed-bold', Arial, sans;
color: var(--body-color);
padding: 0.7rem 0px;
text-decoration: none;
display: block;
position: relative;
text-transform: uppercase;
}

.menuhorni a:hover	{color: inherit;}

.menuhorni a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--secondary-800-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.menuhorni a:hover::after {
    width: 100%;
}

.menuhorni li.active a::after {
    width: 99%;
}



.slideshow  {background-color: #eaebec;}

#slideshow_template .slide-desc {width: 50% !important; top: 0px !important; color: white; text-shadow: 1px 1px 3px black; font-size: 1em;}
.body_v2 #slideshow_template .slide-desc {font-size: 0.8em;}
.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;}
                                                         
.prostredni {padding: 0em 0em 6em 0em;}
.left {width: 25%; float: left; margin: 2em 5% 0% 0% ; padding: 0px;}
.right {width: 25%; float: left; margin: 2em 0% 0% 5%; padding: 0px;}
.obsah  {float: left; width: 100%; margin: 0px}

.center00 .obsah  {}
.center01 .obsah , .center10 .obsah   {width: 70%;} 
.center11 .obsah  {width: 50%; }

.component  {overflow: hidden;margin: auto; text-align: left;}
.breadcrumbs  {font-size: 10px; padding: 10px 0px 10px 0px;}



/*** ikonky *******************/

.temp_ikonky  {padding-top: 50px; padding-bottom: 50px; border-top: 1px solid white; margin-top: 40px; text-align: center;}
.temp_ikonky a, .temp_ikonky div  {width: 53px; height: 53px; display: inline-block; margin: 0px 5px 0px 5px; cursor: pointer;}
.temp_ikonky span  {width: 100%; height: 100%; display: inline-block; visibility: hidden;}
.ico_f  {background: transparent url(../images/ico_f.png) top left no-repeat;}
.ico_y  {background: transparent url(../images/ico_y.png) top left no-repeat;}
.ico_m  {background: transparent url(../images/ico_m.png) top left no-repeat;}

.ico_f  span {background: transparent url(../images/ico_f2.png) top left no-repeat;}
.ico_y  span  {background: transparent url(../images/ico_y2.png) top left no-repeat;}
.ico_m  span  {background: transparent url(../images/ico_m2.png) top left no-repeat;}

.temp_ikonky a:hover span  {visibility: visible;}
.temp_ikonky div:hover span  {visibility: visible;}

/*** joomgallery ***/
.jg_galerie  {width: 100%; padding: 5px 0px 5px 0px;}
.jg_polozka {display: inline-block; padding: 1px; border: 0px solid white;  margin: 3px; transition: background .7s ease-in-out;}
img.jg_photo {margin: 0px; padding: 0px; border: 0px;}
.jg_polozka:hover {background: #303c49; box-shadow: 1px 1px 7px 0px black;}

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

body #lbOverlay {background: #006A93;}

/***** 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;
}

/********** opravená phoca **********/

/* ----------- výpis kategorie  -----------------*/
.pol_kategorie  {width: 460px; float: left; overflow: hidden; line-height: 130%; margin: 10px 20px 0px 0px;}
.pol_kategorie .vnor  {padding: 0px;}

.pol_kategorie img  {width: auto !important; height: auto !important;}
.pol_kategorie .obrazek {float: left; width: 170px; height: 200px; text-align: center; margin: 0px 10px 10px 0px;}

.pol_kategorie .text {float: left; width:280px;}

/* joomla blog  ----------------------- */
.items-row {}
.cols-2 .item { width: 46%; float: left; margin-left: 4%; padding: 15px 0px 20px 0px; background: transparent url(../images/linkahr.png) top left repeat-x;}
.cols-2 .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;}

.clanky_vypis	{

display: flex; flex-wrap: wrap; justify-content: space-between ; margin: 0.5em 0em;	
	
}


.clanek	{ width: 48%; margin: 0.5em 0em}
.clanek	.sloup_txt {width: 100%;}
.clanek	.sloup_obr {width: 100%;}
.clanek .nahledovy  {width: 100%; aspect-ratio: 252 / 168; overflow: hidden; background: #EEEEEE;position: relative;}
.clanek .nahledovy img {width: 100%; height: 100%; object-fit: cover;}


.clanek h2	{font-size: 1.4em; padding: 0.3em 0em 0.1em 0em;}
.clanek .pokracovani	{ }

.img_resizer  {position: relative; background: #DDDDDD;}
.img_resizer img {width: 100%; height: 100%; object-fit: cover;}

/* 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;}


/**** poradna ------------------------------------------------ ***/
.admin_akce {color: red; cursor: pointer; display: inline-block; background: #CCCCCC; padding: 3px; text-decoration: none; margin-top: 2px;}
.admin_akce:hover {color: black; }
.inform {}

/* -- validace mootools */
.validation-advice  {color:#189FD6; font-style:italic; padding: 5px 0px 5px 0px;}
.validation-failed {border: 1px solid #189FD6 !important;}



.vzkaz  {/*border-top: 1px solid;*/ border: 1px solid #8DC63F; padding: 0em; margin: 0.5em 0em 1.5em 0em; background: white;}
.vzkaz:hover {box-shadow: 0px 0px 10px -5px black;}
.otazka {position: relative; padding: 0.5em;}
.vzkaz  h3 {color: white; padding: 0.3em 0.5em; background: #8DC63F; text-shadow: 1px 1px 8px #4F7021;}
.vzkaz  h3 .datum  {opacity: 0.7; position: absolute; right: 0.5em;}

.odpoved  {padding: 1em; border: 1px solid #CCCCCC; box-shadow: 0px 0px 10px -6px black; margin: 1em 1em 1em 3em;}

.prepinac_poradna {display: inline-block; padding: 0.6em 1em; background: #00AEEF; box-shadow: 0px 0px 7px -3px #8DC63F; color: white; border-radius: 5px;}
.accordion_prepinac.prepinac_poradna.open, .accordion_prepinac.prepinac_poradna:hover {background: #8DC63F; }
.form_advanced  {margin: 1em; border: 1px solid #CCCCCC; padding: 1em;}

.modul	{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fafafa 0%, #e5e5e5 100%) repeat scroll 0 0;
    border: 3px solid #fff;
    display: block;
    padding: 1em;
	box-shadow: 0 0 5px 2px #ccc;
    margin-bottom: 1.5em;
}

.modul.blank	{
    background: transparent;
    border: 0px solid #fff;
    display: block;
    padding: 0em;
	box-shadow: none;
    margin-bottom: 1.5em;
}

.modul ul.nav 	{margin: 0px; padding: 0px;}
.modul ul.nav  li	{}
.modul ul.nav  li a	{}

.kontakty	{display: flex; flex-wrap: wrap; justify-content: space-between ; margin: 0.5em 0em;	}
.kontakt	{width: 48%; margin-bottom: 1em;}
.kontakt p	{padding: 0px;}
.kontakt h4	{padding: 0px;}
.kontakt .img_resizer {width: 75px; height: 90px; float: left; padding: 0px; 
margin: 0em 1.5em 0em 0em; text-align: center; overflow: hidden;}

.akce p	{padding: 0.7em 0em 0.1em 0em;}
.akce a {display: inline-block; padding: 0em 0em 0em 15px; background: transparent url(../images/link_ven.png) 0em 0.1em no-repeat; }

ul.nabidka li	{font-size: 1.2em; padding: 0.5em 0em 0.5em 1.5em; background: transparent url(../images/link_ven.png) 0em 0.8em no-repeat; font-weight: 300; }


.upoutavka	{padding: 1em 2em; background: transparent; box-shadow: 0px 0px 15px #999999 inset; margin: 0.5em 0em;}

.upoutavka h3	{color: #e60041;}




.slidy	{position: relative;/*940 x 340*/

aspect-ratio: 940 / 340;
width: 100%;
overflow: hidden;
}

.slidy .item	{ opacity: 0; transition: opacity 1s ease-in-out; overflow: hidden; height: 0px; width: 100%;}
.slidy .item img	{height: 100%; width: 100%; object-fit: cover;}
.slidy .item.akt	{ opacity: 1; height: 100%;}

.slideshow_foto > div	{height: 100%;}

/* 
---------------------------------------------------------------------------------------
paralax efekt
---------------------------------------------------------------------------------------
*/

.parallax{
    position:relative;
    height:100%;
    overflow:hidden;
}

.parallax img{
    position:absolute;
    width:100%;
    height:120%;
    object-fit:cover;

    will-change:transform;
    transform:translateZ(0);
	z-index: 0;
}

.parallax .headtext	{
	position:absolute;
    width:100%;
	bottom: 3rem;
	color: white;
	z-index: 1;
}

.headtext h3	{font-size: 2.44rem; color: white; padding-bottom: 1rem;}