@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%*/; 

min-height: 100vh;
font-family: 'Roboto', sans-serif;
 background:white; 
 background: #E8EEFA url(../images/stredh.png) center top repeat-y;

color:black; font-size: 17px;
line-height:1.3em;
text-align:center; position: relative;
font-weight: 200;

display: flex;
flex-direction: column;
}


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

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



  
#template_header {width: 100%; margin-top: 0px;z-index:5000;top:0px;left:0px;z-index:500; background: #292C6A url(../images/zare.png) center -100px no-repeat; box-shadow: 0px 0px 6px rgba(0,0,0,0.5) ; /*background-size: 2em 2em;*/ ; position: fixed; border-bottom: 1px solid white;}
#template_header .main_limit {display: flex;}


.body_v2 #template_header .main_limit, .body_v3 #template_header .main_limit  {display: block;}


.template_logo {display: block; width: 300px;  }

.body_v2 .template_logo {width: 250px;  }
.body_v3 .template_logo {width: 200px;  }

.template_logo a {display: block;  width: 100%; position: relative; top: 5px;}
.template_logo a img {padding: 1.2em 0em; width: 100%;}
.template_logo a:hover {opacity: 0.7;}

.jazyky	{position: absolute; top: 0px; right: 0px; padding: 0em 0em 0em 0em;}
.jazyky li	{margin: 0px; padding: 0px; background: transparent; display: inline-block;}
.jazyky li a	{opacity: 0.6;}
.jazyky li a:hover	{opacity: 1;}
.jazyky li.lang-active a	{opacity: 1;}

.slogan	{width: 100%; position: relative; height: 224px; }
.slogan img	{width: 100%; position: relative;}
.slogan h4	{color: white; z-index: 1; position: absolute; width: 100%; padding: 3em; text-align: center; top: 0px; left: 0px; text-transform: uppercase; font-size: 2em;}

.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;}

#pata	{background: #292C6A url(../images/zare.png) center -100px no-repeat; width: 100%; box-shadow: 0px 0px 6px rgba(0,0,0,0.5) ; border-top: 1px solid white; color: white;
margin-top: auto;
}
#pata.fixed	{position: absolute; bottom: 0px;}
#pata .copy {padding: 1.5em; font-size: 0.8em;}
#pata .v	{background: #292C6A; color: white; border-bottom: 1px solid rgba(255,255,255,0.3);}
.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;}

.hlavicka {position: absolute; top: 121px; left: 0px; z-index: 10px;}
.search {position: absolute; width: 243px; height: 33px; left: 739px; top: 22px; background: transparent url(../images/hledat.png) top left no-repeat;}
.search #mod-finder-searchword {border: 0px solid black; width: 190px; color: #666666; font-size: 12px; position: absolute; top: 8px; left: 48px; }
.search .button {width: 40px; height: 30px; border: 0px; background: 0px; padding: 0px; margin: 0px;}



.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  {padding: 1.5em 0em 1em 0em; width: 100%; text-align: right; }
.body_v3 .menuhorni, .body_v2 .menuhorni	{text-align: center;}
.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 .floatck	{text-align: left; background: #F2F2F2;}
.menuhorni .floatck	a, .menuhorni .floatck	li {display: block; }

.menuhorni a	{display: inline-block; padding: 1em; 
transition: opacity .6s ease-in-out; text-decoration: none;
width: 8em; background: transparent url(../images/menu.png) center center no-repeat; text-align: center;
font-weight: 300; color: white; text-shadow: 1px 1px 2px #17194D;
 
}



.menuhorni .active>a  {color: #17194D; background: transparent url(../images/menu-a.png) center center no-repeat;}

.body_v3 .menuhorni a, .body_v2 .menuhorni a	{background-size: contain; margin: 0px 2px; padding: 0.5em 1em;} 

.menuhorni .active>a:hover  {color: #17194D}
.menuhorni a:hover  {opacity: 0.6; color: white;}

.breadcrumbs	{}
.breadcrumbs a	{padding: 0.5em; text-decoration: none;  background: white; display: inline-block;}
.breadcrumbs a:hover	{background: #202566; color: white;}
.breadcrumbs li {display: inline-block; padding: 0em; margin: 0em;}

#slideshow_template	{position: relative;}

.slideshow  {background: inherit; }

.slideshow .djslider-default .slide-desc-in	{text-align: center;}
.slideshow .slide-desc-text-default	{text-align: center; padding: 1em;}

.slideshow .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers	{width: 100%; text-align: center;}
                                                         
#obsah {padding: 0em 0em 3em 0em; 
background: transparent url(../images/brush.png) center top no-repeat;
}

#obsah > .stin	{/*background: transparent url(../images/stindole.png) center bottom repeat-x; padding: 0em 0em 2em 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%;}

.body_v3 .polozky {display: block;}
.body_v3 .polozky .polozka{width: 80%; margin: auto; margin-bottom: 15px; }

.polozky .polozka	{ width: 32%; position: relative;}
.polozky .polozka a	{
	transition: background-color .4s ease-in-out;
	background: white; color: white; width: 100%; height: 100%; text-align: center; text-decoration: none; display: block; position: relative;}
.polozky .polozka a h4	{color: black; padding: 1em; position: absolute; bottom: 0px; background: white; width: 100%; text-transform: uppercase;}
.polozky .polozka a img	{width: 100%; margin-top: 0%;}
.polozky .polozka a:hover	{box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}



/*** joomgallery ***/
.jg_galerie  {display: flex;  justify-content: flex-start; width: 100%; flex-wrap:  wrap ; }
.jg_polozka {display: block; padding: 0px; border: 1px solid white; width: 24%; overflow: hidden; margin: 5px 5px 0em 0em; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
img.jg_photo {margin: 0px; padding: 0px; 	width: 100%; border: 0px solid white !important; transform:scale(1.01,1.01); transition: transform 0.7s ease-in-out}
.jg_polozka:hover {}

.jg_polozka:hover img.jg_photo {transform:scale(1.2,1.2) translate(0%);}


/* joomla blog  ----------------------- */



.pagination  {padding: 5px 0px 10px 0px;}
.pagination p {display: inline-block; padding: 0px;}
.pagination ul {display: inline-block; padding: 0px;  }
.pagination li  {display: inline-block; list-style-type: none; padding: 0px;}

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




.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  {color:yellow; font-style:italic; padding: 5px 0px 5px 0px;}
.validation-failed {border: 1px solid yellow !important;}

input, textarea, select {border: 1px solid #DDDDDD; padding: 0.5em 0.1em; background: #EEEEEE; border-radius: 4px; display: inline-block;}

input[type="submit"], .button, button  {font-size: 1.2em; background: #00AEEF; 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;}

.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;}

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

.kontaktni_formular h5	{padding: 1em; text-align: center; font-size: 1.2em; opacity: 0.7;}
.kontaktni_formular label	{diaplay: block;}
.kontaktni_formular input	{width: 100%; padding: 0.5em; opacity: 0.5; font-size: 1em;}
.kontaktni_formular textarea	{width: 100%; height: 7.2em; padding: 0.5em; opacity: 0.5; font-size: 1em;}
.kontaktni_formular input:focus , .kontaktni_formular textarea:focus	{opacity: 1;}
button	{color: #17194D; background: white url(../images/podb.png) center center repeat-x; border-radius: 35px; padding: 0.5em 3em; font-size: 1em; text-shadow: 1px 1px 2px #17194D; transition: color 0.5s ease-in-out;}
button:hover	{color: yellow;}

.plnasirka {width: 100%;}

.breadcrumb li	{background: none; padding: 0em; margin: 0em;}

.mod-languages > p {display: none;}
div.mod-languages ul li {margin: 0px;}
div.mod-languages ul li a {margin: 0px; padding: 5px 3px;}
div.mod-languages ul li.lang-active	{background: transparent !important;}

label.error	{color: yellow;}
.required.error	{border: 2px solid yellow;}