@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 {
line-height:130%;text-align:center;
min-height: 100%;
text-align: center;
opacity: 1;
transition: opacity 0.6s ease-out;


display:flex; 
flex-direction:column;
align-content: stretch;



}

body.loaded	{opacity: 1;}

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

.body_v1 .main_limit {width: 97%;}
.body_v2 .main_limit {width: 95%; margin: auto; }
.body_v3 .main_limit {width: 90%; margin: auto; }

.template_okolo	{

	
}
.template_main {
	margin:0px auto;
  background: white;
  box-shadow:0px 0px 10px rgba(255,255,255);
  max-width: 1200px;
}
body>.template_main {
 	height: auto;
 }
 
.spacer	{  padding: 20px; }

.template_header	{ 
background: white;
/*background: white url(../images/pas1.jpg) center center no-repeat; background-size: cover; */
padding: 0px;
z-index: 2;
position: relative;
}



.prepni_menu	{text-align: right; display: none;}
.prepni_menu span	{display: inline-block; background: transparent; padding: 4px; cursor: pointer; font-weight: 500;} 
.prepni_menu span svg	{width: 35px; height: 35px;; opacity: 0.5;}
.prepni_menu span:hover	{opacity: 0.8;}
.body_v3 .prepni_menu	{display: block; position: absolute; right: 20px; top: 60px; z-index: 10;}





.head {
	z-index: 1;
display: grid;
	  grid-template-columns: auto auto ;
	  grid-template-rows: 1fr;
	  grid-gap: 20px;
	  padding: 0px;	
}

.body_v3 .head	{
	display: block;
}

.template_header .top *	{font-size: 16px;}

.logo_okolo	{display:flex; width: 100%; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
.body_v3 .logo_okolo {display: block; text-align: left; }
.logo_spacer	{width: 170px; position: relative;}
.body_v3 .logo_spacer	{position: static; }
.body_v3.extmenu .logo_spacer	{margin: auto;}

.template_logo {position: absolute; top: 0px; left: 0px; background: white; width: 100%; border-radius: 7px ; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);}
.body_v3 .template_logo	{position: static; box-shadow: none; }

.template_logo a {width: 100%; display: block; font-weight: 500; padding: 20px 20px 8px 20px; transition: transform 0.4s ease-in-out; }
.template_logo a:hover {transform: scale(1.06,1.06);}
.template_logo a img  {width: 100%; height: auto;

/*filter: invert(0%) sepia(3%) saturate(7468%) hue-rotate(309deg) brightness(97%) contrast(99%), invert(22%) sepia(57%) saturate(2225%) hue-rotate(149deg) brightness(93%) contrast(101%);*/
/*filter: invert(100%) sepia(99%) saturate(6%) hue-rotate(129deg) brightness(103%) contrast(103%);*/
}

.body_v3 .menuhorni	{display: none;}
.body_v3.extmenu .menuhorni	{display: block;}

.menuhorni ul	{text-align: right; margin: 0px; /* display: flex ; justify-content: flex-end; align-items: center; flex-wrap: nowrap; */ }
.body_v3	.menuhorni ul	{text-align: center; }
.menuhorni li	{display: inline-block; margin: 0px; padding: 0px; background: transparent; }
.menuhorni li	a	{padding: 7px 12px; display: inline-block; text-decoration: none;  font-size: 18px; font-weight: 700; color: #006052; /*border-right: 1px solid #DFF0EA; */
transition: color 0.4s ease-in-out, transform 0.4s ease-in-out; }

.menuhorni li.active	a	{color: #EA6961;}
.menuhorni li	a:hover	{color: #EA6961; transform: scale(1.1,1.1); }



.menuhorni li.item-128	{display: none;}

.podmenu {background: #2E8D87; padding: 0px 0px; color: white; z-index: 1; position: relative; transition: background 1s linear; overflow:hidden;}

.pruh	{position: relative;  height: 100px;}
.pruh .pozadi {position: absolute; width: 100%; height: 100%; background: transparent url(../images/pas1.jpg) center center; background-size: cover; opacity: 0; transition: opacity 1.5s ease-in-out; filter: brightness(60%);
}
.loaded .pruh .pozadi	{opacity: 0.5;}

.prouzek	{ width: 100%; height: 40px; background: transparent url(../images/prouzek2.jpg) center center; background-size: cover;  }
.prouzek_mobile	{ display: none;}
/*


.body_v3  .prouzek	{display: none;}
.body_v3  .prouzek_mobile	{display: block; margin-top: 10px;}
*/

.slideshow	{position: relative; aspect-ratio: 3.5 / 1; width: 100%; }
.slideshow > img	{position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 3s ease-out, transform 3s ease-out;

transform: scale(1.02, 1.02);
}
.slideshow > img.act {opacity:  1; transform: scale(1, 1)}


/*
.podmenu	ul li:nth-child(1) a {background: #B19142;}
.podmenu	ul li:nth-child(2) a {background: #549E34;}
.podmenu	ul li:nth-child(3) a {background: #FF8F1F;}
.podmenu	ul li:nth-child(4) a {background: #B19142;}
.podmenu	ul li:nth-child(5) a {background: #549E34;}
.podmenu	ul li:nth-child(6) a {background: #FF8F1F;}
.podmenu	ul li:nth-child(7) a {background: #B19142;}
.podmenu	ul li:nth-child(8) a {background: #549E34;}
.podmenu	ul li:nth-child(9) a {background: #FF8F1F;}
.podmenu	ul li:nth-child(10) a {background: #B19142;}
.podmenu	ul li:nth-child(11) a {background: #549E34;}
.podmenu	ul li:nth-child(12) a {background: #FF8F1F;}
*/

.breadcrumbs  { margin: 0px; padding: 30px 0px 0px 190px; color: white; font-size: 12px; }
.breadcrumbs ul {padding: 0px; margin: 0px;}
.breadcrumbs li {display: inline-block; padding: 0px; margin: 0px;background: transparent; padding: 0px 5px 0px 0px;}
.breadcrumbs li:after	{content:"/"; padding-left: 8px;}
.breadcrumbs li a , .breadcrumbs li { color: white; text-decoration: none; font-weight: 400;}



.left  ul.mod-menu	{margin: 40px 0px 0px 0px; padding: 0px; border-right: 1px solid #DE767D;}
.left .mod-menu li	{list-style-type: none;  }
.left .mod-menu li a {font-weight: 800; text-decoration: none; padding: 5px 10px 5px 0px; display: block;}

.left .mod-menu li.active > a	{border-bottom: 1px solid #DE767D; color: #2E8D87;}

.template_bottom {background: #005955 url(../images/pata.jpg) center bottom no-repeat; background-size: 100% auto; color: white; padding: 60px 0px 170px 0px;}

.template_bottom .sl3		{justify-items: center;}
.body_v2 .template_bottom .sl3 > div, .body_v3 .template_bottom .sl3 > div	{width: 270px;} 

.template_bottom * {color: rgba(255,255,255,0.75) !important; font-weight: 400; }
.template_bottom a	{text-decoration: none; transition: color 0.5s ease-in-out; cursor: pointer;}
.template_bottom a:hover, .template_bottom a:hover *	{color: white !important;}
.template_bottom a:hover img	{opacity: 1}
.template_bottom p	{padding-top: 0px;}

.template_bottom img	{opacity: .75; transition: opacity 0.5s ease-in-out;}


.template_bottom .prvek	{display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; padding: 5px 0px;}
.template_bottom .prvek p {padding: 0px;}
.template_bottom .prvek img	{margin-right: 15px;}

.template_bottom .stredni	{text-align: center; padding-top: 5px;}
.template_bottom .stredni p	{padding: 0px 0px 25px 0px;}
.template_bottom .stredni p span	{display: block; padding-bottom: 4px;}
.template_bottom .stredni img	{margin: 0px 7px; display: inline-block;}
.template_bottom .pravy img	{margin-top: 5px;}
.template_bottom .pravy p	{padding: 0px 0px 15px 0px;}

.hlavicka {position: absolute; top: 121px; left: 0px; z-index: 10px;}


.highlight	{display: inline-block; background: #FFDF5C; padding: 0.1em 0.3em;}
.result-text	{margin-bottom: 1.2em;}

.chzn-results li	{background: transparent;}

#vyjizdeci  {width: 305px; height: 50px; position: absolute; top: -55px; right: 0px;}
#vyjizdeci p  {padding: 0px;}

#vyjizdeci a:hover  {opacity: 0.8;}


.top1 {position: absolute; top: 9px; left: 165px; width: 450px; height: 150px; overflow: hidden; background: white; border: 1px solid white;
box-shadow: 0px 0px 4px #AAAAAA;
}











.menuhorni .floatck  {display: none;}

.modul {background: transparent url(../images/chlupy.png); padding: 2px 0px 2px 0px; margin: 0px 0px 10px 0px;}

.modul.prazdny	{background: transparent; margin: 5px 0px 5px 0px;}

.modul .modul_body {background: transparent url(../images/modul.png); margin: 0px 2px 0px 2px; padding: 5px 0px 5px 0px;}

.modul.prazdny .modul_body	{background: transparent;}

.modul .modul_body .custom {padding: 0px 10px 10px 10px;}

.modul.prazdny .modul_body .custom {padding: 0px;}







.prostredni { background: white; padding-bottom: 20px; flex-grow: 1;}
.left {}
.right {}
.obsah  {}


.obsah_left		{display: grid; grid-template-columns:240px auto ;
	  grid-template-rows: 1fr;
	  grid-gap: 60px;
	  padding: 0px;}

.body_v3 .obsah_left	{
	
	display: block;
}

.body_v3 .obsah_left .left, .body_v3 .podmenu .pruh	{	
	display: none;
}

.body_v3.extmenu .obsah_left .left	{	
	display: block;
}


.component  {/*overflow: hidden;*/ margin: auto; text-align: left; padding: 20px 0px; width: 100%;}

/****** MODULY *********/
.modul_vrch {height:0px;overflow:hidden;}
.modul_dole {height:0px;overflow:hidden;}

.modul .nadpis  {display:block;margin: 0px 10px 0px 10px;font-size: 21px; padding: 10px 0px 10px 0px;}





.obsah ul.joomla-nav {padding: 0px; margin: 0px;}
.obsah .joomla-nav li {list-style-type: none;padding: 0px; margin-right: 10px; display:table;}
.obsah .joomla-nav a {background: transparent url(../images/podmeni_o.png) top left no-repeat; display:table-cell; vertical-align: middle; width: 204px; height: 144px; background: transparent url(../images/podmeni.png) top left no-repeat; text-align: center; font-size: 15px; color: black; text-decoration: none; vertical-align: middle; }
.obsah .joomla-nav a:hover  {background: transparent url(../images/podmeni_o.png) top left no-repeat;}
.obsah .joomla-nav a img  {display: block; margin: auto; }
.obsah .joomla-nav a span  {padding-top: 6px; display: block; }
/***** 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;
}


/*** fotogalerie_nahledy ****/
.fotogalerie_nahledy  a {display: inline-block; margin: 0px 10px 10px 0px; /*background: transparent url(../images/chlupy.png) ;*/}
.fotogalerie_nahledy  a img {height: 120px; margin: 2px; min-width: 50px; width: auto; display: inline-block; }

.fotogalerie_nahledy .jcemediabox-zoom-span , .fotogalerie_nahledy a.jcepopup span.jcemediabox-zoom-image  {display: none;}





/********** 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: #FF8E1D; box-shadow: 1px 1px 7px 0px black;}

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


/* ----------- 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: 48%; float: left; margin-left: 4%; padding: 0px 0px 15px 0px; }
.cols-2 .item.column-1  {margin-left: 0px;}
.row-separator  {display: block; clear: both; height: 0px;}


.pagination  {padding: 2px; /*background: transparent url(../images/chlupy.png); */text-align: center;}
.pagination > div { background: white; text-align: center; color: #ac8c3e;} 
.pagination p {display: inline-block;}
.pagination ul {display: inline-block; padding: 0px; margin: 0px;   }
.pagination li  {display: inline-block; list-style-type: none; padding: 0px 10px 0px 10px; background: none;}

/* form na klik */
.accordion_prepinac {cursor: pointer;

background: transparent url(../images/leveaktiv.png) left bottom no-repeat;
padding: 5px 0px 5px 20px !important;
border-top: 1px solid #DDDDDD;
}



/* article-info */

.item-page  {}
.article-info {}




 





.navigace_clanky  {background: transparent url(../images/kalend.png) no-repeat; width: 161px; height: 66px; position: absolute; top: 0px; right: 0px; text-align: center; font-size: 15px; color: #BBBBBB;}
.navigace_clanky .datum {color: #B19141; font-size: 15px;}


/*** 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: 620px; 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: 570px; 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;}




/** admin *************************************/
.btn-toolbar  {padding: 5px; background: #CCCCCC;}
.btn-toolbar a  {display: inline-block; padding: 3px; background: white; margin: 0px 4px 0px 0px;}
.btn-toolbar .btn-group {display: inline-block; padding: 5px;}
#jform_title  {width: 300px;}
#jform_created_img {width: 25px; height: 25px; display: inline-block;}
.admin  {padding: 5px; border: 2px solid red; background: #DDDDDD; box-shadow: 3px 3px 7px -2px black; position: relative; top: -10px; margin: 5px 15px 5px 15px;}
.admin li {display: inline-block; padding: 5px; background: none;}
.admin a  {color: red;}

.gallery .alert  {display: none;}


/** clanky, vypis ****/
.co_se_chysta .blog_item  {margin-bottom: 7px;}
.co_se_chysta a  {text-decoration: none; border-bottom: 1px solid #D7CCA8;}
.co_se_chysta h4 {margin: 0px; padding: 0px; clear: both;}
.co_se_chysta a>vnor  {}

.vypis_podmenu {display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: 1fr;
	  grid-gap: 20px;}
.vypis_podmenu > div {padding: 0px; height: 100%; overflow: hidden; border-radius: 7px;} 
.vypis_podmenu a  {background: #5BB5AF; padding: 15px 15px 85px 15px; color: white; display: block; text-decoration: none; color: white; font-size: 24px; font-weight: 700; margin: 0px; padding: 15px; }


.blog-items	{
	/*
	position: relative; 
	
	display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
	*/

	
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-template-rows: 1fr;
	  grid-gap: 20px;

}

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


@media only screen and ( max-device-width: 500px ) , (max-width: 500px) {			/* čárka je jako OR */
	.body_v3  .blog-items	{grid-template-columns: 1fr;}
}




.blog-item  { padding: 0px; height: 100%; overflow: hidden; border-radius: 7px; /*border: 3px solid #5BB5AF;*/
background: #2E8D87;
background: #5BB5AF;
/*  */
}
.blog-item a  {text-decoration: none; /*background: white; */ display: block; padding: 15px; margin: 0px; height: 100%; transition: background 0.7s ease-in-out; position: relative;}

.blog-item a.sdatum	{padding-bottom: 60px;}

.blog-item a:hover {background: #2E8D87; }

.blog-item a:hover img {opacity: 0.2;}
.blog-item a:hover .datum {color: #2E8D87;}


.blog-item a p  {color: rgba(255,255,255,0.7);}
.blog-item a h2  {color: white; font-size: 24px; margin: 0px; padding: 10px 0px 0Px 0px;}

.blog-item .foto	{  display: block; width: 100%; aspect-ratio: 3 / 2; background: #2E8D87; border-radius: 7px; overflow: hidden;}


.blog-item img	{  display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out;}


.blog-item .cat {width: 100%; position: relative;}



.blog-item .datum	{padding: 5px; background: white; font-weight: 700; border-radius: 7px; width: 150px; text-align: center; transition: color 0.7s ease-in-out;}

.blog-item .pod {
	/*
	display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 1fr;
	  grid-gap: 20px;
	  
	*/
	text-align: right;
	  
	  position: absolute;
	  bottom: 15px;
}
 
/*.blog-item a .vice, .blog_item a .vice  {background: transparent url(../images/leveaktiv.png) right bottom no-repeat; padding: 0px 15px 5px 0px; color: #AC8F44; }*/

.mod-finder label	{display: none;}
.mod-finder li	{padding: 2px 0px; background: transparent;}
.mod-finder .awesomplete	{width: 100%;}
.mod-finder input[type="text"]	{width: 100%; }

/*  ----- input, form -------------------------- */
input, textarea {padding: 10px; border-radius: 7px; border: 1px solid #2E8D87; color: inherit;}
input[type="submit"], button {padding: 10px; background: #2E8D87; border: 1px solid #2E8D87; border-radius: 7px; color: white; cursor: pointer; }
input[type="submit"]:hover, button:hover	{background: #005955; }
fieldset	{border: 1px solid #FBCFC9; padding: 20px;}
fieldset legend	{color: #FBCFC9;}


.result__taxonomy--Type, .result__taxonomy--Author	{display: none;}