@charset "UTF-8";
* {margin: 0px;padding: 0px;}
html  {height: 100%;}
body {	min-height: 100%; font-family: 'Open Sans', sans-serif; background:white;color:black; font-size: 17px;line-height:1.3em;text-align:center; position: relative;
font-weight: 300;
background: #2f2f2f;

}


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

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



  
.template_header {width: 100%; margin-top: 0px;z-index:50;top:0px;left:0px;z-index:500; background: #2F2F2F;}
.template_header .main_limit {}
.template_logo {display: inline-block; position: relative; left: -20px;}
.template_logo a {display: inline-block; padding: 10px 20px 10px 0px; }
.template_logo a img {}
.template_logo a:hover {zoom: 1; 	filter: alpha(opacity=50); 	opacity: 0.5;}

.template_bottom  {min-height: 6em; background: transparent url(../images/stinek.png) repeat-x 0px 2px; color: white; width: 100%; }
.template_bottom p  {text-align: right; padding-top: 1.5em;}

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

.cervenyprouzek	{background: #FE0000; height: 0.5em; overflow: hidden;}

.menuhorni  {background: #FE0000 url(../images/stinek.png) repeat-x top left;}
.menuhorni ul.maximenuck {padding: 0px;text-align: left; display: block;}

.menuhorni li {list-style-type: none; padding: 0px; margin: 0px;display: inline-block; float: none !important; background: transparent url(../images/menumezi.png) repeat-y top right;}

/*.menuhorni li.item-101  {background: transparent;}*/



.menuhorni a  {padding: 0.6em 1.7em 0.8em 1.7em; display: inline-block; text-decoration: none; font-size: 0.9em; 
font-weight: 400; color: black; 
transition: text-shadow .4s ease-in-out;
}

.menuhorni li:first-child a	{padding-left: 0em;}


.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: white; text-shadow: 0px 0px 6px black;}
.menuhorni a:hover  {text-shadow: 0px 0px 10px black; color: white;}

.podmenuhorni	{background: white; padding: 0.2em 0.5em; text-align: center;}
.podmenuhorni li	{display: inline-block; background: none;}
.podmenuhorni  a	{text-decoration: none;}
.podmenuhorni .active a	{color: #888888; text-shadow: 0px 0px 4px rgba(0,0,0,0.7);}

.slideshow  {background: #888888;}

#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; background: #F5F5F5 url(../images/stinek.png) repeat-x 0px 2px; }
.left {width: 264px; float: left; margin: 10px 30px 10px 6px;padding: 0px;overflow:hidden;}
.right {width: 264px; float: left; margin: 0px;padding: 0px;overflow:hidden;}
.obsah  {float: left;overflow:hidden; width: 100%; margin: 0px}
/*
.center00 .obsah  {width: 964px; margin: 0px 20px 0px 20px;}
.center01 .obsah  {width: 730px; margin: 0px 0px 0px 20px;} 
.center10 .obsah  {width: 730px;}
.center11 .obsah  {width: 480px; }
*/
.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: 3px; border: 0px solid white; 
box-shadow: 1px 1px 7px -3px black; 	border-radius: 4px; margin: 3px; transition: background .7s ease-in-out;}
img.jg_photo {margin: 0px; padding: 0px; 	border-radius: 3px; border: 0px;}
.jg_polozka:hover {background: #76A932; box-shadow: 1px 1px 7px 0px black;}

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

body #lbOverlay {background: black;}

/***** 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 **********/
.phocagallery {width: 105%;}
.phocagallery_pol  {float: left; width: 204px; height: 144px; margin: 15px 15px 0px 0px;background: transparent url(../images/phoca.png) top left no-repeat;}
.phocagallery_pol a  {display: block; border: 0px solid #CCCCCC; padding-top: 3px;}
.phocagallery_pol a:hover  {border: 0px solid #999999;}


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

.blog-item	{padding-bottom: 10px;}
.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: 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;}



