@charset "UTF-8";
* {margin: 0px;padding: 0px;}
html, body {}
body { color:#3E3D40; position: relative; min-height: 100%; background: #001524;
font-family: 'Roboto', Arial, Verdana, Trebuchet MS,  sans-serif; font-size: 14px; font-weight: 400; line-height:1.3em;text-align:center;}

.central	{background: white url(../images/pozadi.jpg) center top;}

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

.body_v1  {width: 100%; }
.body_v2 .main_limit {width: 100%; margin: auto; font-size: 13px;}
.body_v3 .main_limit {width: 100%; margin: auto; font-size: 12px;}



  
.template_header {/*overflow: hidden;height: 980px; */width: 100%; margin-top: 0px;z-index:50;top:0px;left:0px;z-index:500; background: #0068B2;}
.template_header .main_limit {height: 100%; display: flex; justify-content: flex-between; align-items: center; flex-wrap: wrap;}
.body_v3 .template_header .main_limit {justify-content: center;}
.template_logo {width: 35%; display: block; margin: 15px 0px 15px 0px; }
.template_logo a {width: 100%;height: 100%; display: inline-block; }
.template_logo a img {width: 100%;height: 100%;}
.template_logo a:hover {zoom: 1; 	filter: alpha(opacity=50); 	opacity: 0.5;}

.body_v3 #mod-finder-searchword	{width: 120px;}

.template_header  .mod-finder label	{display: none;}

.template_header  .mod-finder button	{background: transparent url(../images/ic_lupa_w.png) center center no-repeat;}

.template_header .h_search	{position: relative; top: -9px; padding-left: 10px;}

.head_ikonky	{width: 60%; text-align: right;}

.body_v3 .template_logo	{ width: 80%; margin: 5px 10%;}
.body_v3 .head_ikonky	{ width: 100%; margin: 0px; text-align: center;}



.pohotovost	{width: 140px; font-size: 16px; font-weight: 500; color: white; margin: 20px 30px;
background: transparent url(../images/pohotovost.png) center top;
border-radius: 4px;
display: inline-block;
}
.pohotovost p	{padding: 5px; text-align: center;}

.ic	{display: inline-block; width: 30px; height: 30px; margin-left: 5px;}
.ic a	{width: 100%; height: 100%; display: block; cursor: pointer; transition: opacity 1.6s ease-in-out; opacity: 0;  }

.ic_fb	{background: transparent url(../images/ic_fb.png) center center no-repeat;}
.ic_fb a	{background: transparent url(../images/ic_fb_w.png) center center no-repeat;}
.ic_fb a:hover	{opacity: 1;}

.ic_home	{background: transparent url(../images/ic_home.png) center center no-repeat;}
.ic_home a	{background: transparent url(../images/ic_home_w.png) center center no-repeat;}
.ic_home a:hover	{opacity: 1;}

.h_search	{display: inline-block; }
.ic_search	{background: transparent url(../images/ic_lupa.png) center center no-repeat; border: 0px;}
.ic_search span	{background: transparent url(../images/ic_lupa_w.png) center center no-repeat; width: 100%; height: 100%; display: block; cursor: pointer; 
transition: opacity 1.6s ease-in-out; opacity: 0;}
.ic_search span:hover	{opacity: 1;}
#mod-finder-searchword	{padding: 0.3em; color: #888888; border: 1px solid #666666; position: relative; top: -9px; margin-left: 15px;}



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


.template_bottom  {height: 7em; background: #001524; position: relative; width: 100%;
}



.template_bottom .main_limit	{height: 100%;}

.template_bottom p	{position: absolute; left: 0px; bottom: 1em; color: #374AA8;}


.menuhorni  {font-family: 'Roboto', sans-serif; background: transparent; display: block;  width: 100%;  }

.paticka .sloupec3:nth-child(3)	{width: 150px; float: right; overflow: hidden;}
.karty	{width: 150px; }
.karty p	{text-align: center;}
.karty p img	{position: relative; left: -10px;}

.menuhorni	{position: absolute; top: 0px; z-index: 1;}

.body_v3 .menuhorni	{position: relative; background: #818181;}

.menuhorni ul {padding: 0px;text-align: left;




display: grid;
	  grid-template-columns: 1fr 1fr 1fr  1fr 1fr 1fr ;
	  grid-template-rows: 0.5fr;
	  grid-gap: 10px;
	  padding: 0px 5px;


}

.body_v3 .menuhorni ul {
	grid-template-columns: 1fr 1fr 1fr ;
	  grid-template-rows: 0.5fr;
	  grid-gap: 5px;
	  padding: 0px 5px;


}



h3 a 	{text-decoration: none;}
h3 a:hover 	{color: #ef7900;}

.menuhorni li {list-style-type: none; padding: 0px; margin: 0% 0.8%;display: block; 
 background: transparent; width: 100%; position: relative;}

/*.menuhorni li.item-101  {background: transparent;}*/
.menuhorni li a  {padding: 10px; text-align: center;
display: flex; 
align-items: center; justify-content: center;

text-decoration: none; font-size: 0.9em; font-weight: 700; color: white; 
background: transparent url(../images/menu.png); border-radius: 7px; text-transform: uppercase;
width: 100%; height: 100%;
margin: 0px !important;

box-sizing: border-box;

}



.maxiroundedcenter  {padding: 0px;}



.menuhorni .active>a  {background: #9A9A9A;}
.menuhorni a:hover  {}

.slideshow  {/*width: 400px;*/background: transparent; position: relative;}

.body_v3 .slidehorni {display: none;}

#slideshow_template .slide-desc {
bottom: 50px !important; width: 25% !important; 
left: 50% !important;
font-size: 0.8em;
line-height: 1.1em; 
}


                                                         
.prostredni {padding: 0em; background: white; position: relative; display: flex; }


.obsah  {width: 100%; margin: }
.component	{padding: 1.5em;}

.titulka .prostredni	{	
background: #818181;	
}

.titulka .prostredni .obsah	{	
position: relative; top: -40px;	margin-bottom: -20px;
}

.body_v3.titulka .prostredni .obsah	{	
position: relative; top: 20px;	padding-bottom: 40px;
}

.titulka .prostredni .obsah	.component{	
padding-top: 0px;	
}

/*
.center00 .obsah  {width: 964px; margin: 0px 20px 0px 20px;}

.center10 .obsah  {width: 730px;}
.center11 .obsah  {width: 480px; }
*/

.center01 .obsah  {width: 66%; } 
.right {width: 34%; background: #E3F0F6;}


.body_v3 .prostredni	{display: block;}

.body_v3 .center01 .obsah, .body_v3 .right	{width: 100%;}

.right > .vnor	{padding: 1em;}

.breadcrumb  {font-size: 0.7em; text-align: left;}
.breadcrumb li {list-style-type: none; display: inline-block; padding: 0em 0.2em 0em 0.2em; margin: 0em;}

.item-page  {}

.pruhlednyobsah .item-page {}

.paticka	{padding: 2em; background: #0068B2; color: #001524 !important;}
.paticka ul li	{padding: 0px; margin: 0px;  background: transparent; list-style-type: none;}
.paticka a {color: #001524 !important; text-decoration: none;}


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

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


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



/* 
---------------------------------------------------------------
upoutávky
---------------------------------------------------------------
*/
.upoutavky	{display: block;}
.upoutavky.titulka	{
display: -webkit-box;  /* Safari */
display: -webkit-flex; /* Safari */
display: flex;

flex-wrap: wrap; 

-webkit-box-align: space-between;
text-align: center;
}
.upoutavky_pol	{background: #001524; padding: 0px; border-top: 8px solid #0167B1; color: white; text-align: left;}
.upoutavky_pol.ordinacni_doba	{background: #EF7900; }
.upoutavky.titulka .upoutavky_pol	{width: 19%; overflow: hidden; margin: 0.5%;}

.body_v3 .upoutavky.titulka .upoutavky_pol	{width: 48%; margin: 1%;}
.body_v3 .upoutavky.titulka {}

.upoutavky img	{width: 100%;}

.upoutavky_pol .pol_vypis	{padding: 0.6em;}

.upoutavky_pol h3	{font-size: 1.2em; color: #0167B1; text-transform: uppercase; }

.upoutavky_pol.ordinacni_doba strong	{color: black;}
.upoutavky_pol.ordinacni_doba h3	{color: white;}

.right .upoutavky .jednaupoutavka .pol_img {
    width: 50%;
    order: 2;
    overflow: hidden;
    text-align: center;
	aspect-ratio: 1 / 1;
	position:relative;
	flex-shrink: 0;
}

.right .upoutavky .jednaupoutavka {
    display: flex;
    margin-bottom: 0.7em; 
	width: 100%; position: relative;
	
}

.right .upoutavky .jednaupoutavka .pol_img   a { width: 100%; height: 100%; display: block; position:relative;
}

.right .upoutavky .jednaupoutavka .pol_img img{
	width: 100%; height: 100%; object-fit: cover;
}

.a_upoutavka {color: white; text-decoration: none; display: block; padding: 0.2em 20px 0.2em 0px; background: transparent url(../images/sipka.png) right 2px top 4px no-repeat;}
.a_upoutavka:hover	{color: #EF7900; background-position: right 0px  top 4px;}



.upoutavky.pravy_sloupec .jednaupoutavka {display: flex; margin-bottom: 0.7em;}

.upoutavky.pravy_sloupec .ordinacni_doba .pol_vypis	{width: 100%;}
.ordinacni_doba a	{color: white;}

.upoutavky.pravy_sloupec .pol_vypis {width: 47%; order: 1;}
.upoutavky.pravy_sloupec .pol_img {width: 50%; order: 2; overflow: hidden; text-align: center;}
.upoutavky.pravy_sloupec .pol_img img {width: auto; height: auto;}

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


.img_resizer > img	{width: 100%; height: 100%; object-fit: cover;}

/* flex chlívky -------------------------- */

.flex_box_okolo  {
display: -webkit-flex; /* Safari */
display: flex;
}

.flex_box_pol  {

    
    border-radius: 1em; border: 2px solid white; box-shadow: 0px 0px 1em -0.5em black; background: white url(../images/page.png) top left repeat-x;
    position: relative;
    margin: 0.5em;
    padding: 0.5em;
}

.zobrazit_po_kliku {display: none;}
.zobrazit_po_kliku.zobrazit {display: block;}

.zobrazit_po_kliku.zobrazit.inline {display: inline-block;}
.css_zjevy {opacity: 0;}

.dennazev	{display: block; color: black;}
.dendoba	{display: block;}

.pravy_sloupec .zobrazit_po_kliku .dennazev {float: left; width: 5em;}
.pravy_sloupec .zobrazit_po_kliku	.dendoba {float: left; width: 14em;}

.rozbalitko	{ background: transparent url(../images/rozbalitko.png) right center no-repeat; display: block; cursor: pointer;}

.rozbalitko:hover	{opacity: 0.8;}
.pol_vypis2	{margin: 1em;}

/* joomla blog  ----------------------- */
.mujblog .item img  {width: 120px;}



.items-row  {
border-top: 8px solid #0167B1;
}

.items-row:nth-child(1) {
    border-top: 0px solid #0167B1;
}

.bezpodtrzeni {text-decoration: none;}

.items-row > div  {

    
    
    position: relative;
    }



.items-row .item a h3 {text-decoration: none; }



.items-row .vnor  {margin: 1em 0em 2em 0em;}

.pokracovani, .accordion_prepinac  {

display: inline-block; padding: 8px 30px 8px 8px; 
color: white; text-decoration: none;
background: #0068B2 url(../images/sipka.png) no-repeat scroll right 3px top 8px;
    color: white;
	
	transition: color .4s ease-in-out;
	cursor: pointer;
	
}

.pokracovani:hover , accordion_prepinac:hover	{background: #0068B2 url(../images/sipka.png) no-repeat scroll right 1px top 8px; color: #EF7900; }

.p_pokracovani	{text-align: right;}

.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_obsah  {margin-top: 5px;  cursor: pointer;}
.accordion_obsah .vnor , .po_odeslani  {padding: 20px; margin: 5px 0px 0px 0px; border: 1px solid #AAAAAA; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}

.accordion_obsah .vnor form .tabulka_prazdna {}
.accordion_obsah .vnor form .tabulka_prazdna input, 
.accordion_obsah .vnor form .tabulka_prazdna textarea {width: 400px;}


/*** popup ------------------------------------------------------------------------------------------ *****************/

.zobrazit_po_kliku {display: none;}
.zobrazit_po_kliku.zobrazit {display: block;}

.zobrazit_po_kliku.zobrazit.inline {display: inline-block;}
.css_zjevy {opacity: 0;}

#popupHlaska  {position: fixed; top: 10px; padding: 20px 0px 20px 0px;  width: 50%; margin: 0% 25% 0% 25%; 
background: #FFDC73;
border: 1px solid #FFBF00;
opacity: 0;
box-shadow: 4px 4px 20px -10px black;
z-index: 9999999999;
}

#popupHlaska_zavrit {position: absolute; padding: 3px 5px 3px 5px ; background: white; color: #888888; right: 5px; top: 5px; cursor: pointer;}
#popupHlaska_zavrit:hover {color: black;}


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


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

input[type="submit"], .button, button  {background: #001524; color: white;  padding: 0.4em; 
text-decoration: none; border-radius: 4px; border: 0px; cursor: pointer;}
input[type="submit"]:hover, .button:hover, button:hover  {background: black; border: 0px;}
 input[type="submit"]:focus {border: 0px;}

.vystraha {padding: 0.3em 0em; color: #85B916;}

.odeslani label {display: block; padding: 20px 0px 10px 0px;}

.odeslani  input[type="text"] {width: 96%;}
.odeslani  textarea {width: 98%;}
.mezi {width: 23px;}
.odeslat  {padding-top: 25px;}

input:focus, textarea:focus  {border: 1px solid #05386F;}
fieldset  {padding: 15px; border: 1px solid #E3E3E3; margin: 7px 0px 7px 0px }
legend  {padding: 5px; border: 1px solid #E3E3E3;}



/****** login **********************/
.login-fields  {padding: 5px 0px 10px 0px;}
.login-fields label {display: inline-block;}
#username-lbl {width: 150px;}
#password-lbl {width: 150px;}

/**** past *************/
.required_item_text {display: none; visibility: hidden; font-weight: bold;}
.vypln_oznac  {border: 1px solid red !important;}
.hodnota_upozorneni {color: red; display: none;}

label.error	{display: block; color: red;}

.clanek_info	{float: left; width: 67%;}
.clanek_foto	{float: left; width: 30%; margin-right: 3%; padding-top: 0.7em;}
.clanek_foto p	{padding: 0px;}
.clanek_foto img	{width: 100% !important;}

/** -- custom styles ---------------------------------------------------- */
.mapadiv  {width: 300px; float: right; margin-left: 2em;}

img[align="left"] {margin: 0em 1em 0em 0em}
img[align="right"] {margin: 0em 0em 0em 1em}

.nazevkategorie	{position:relative;}
.nazevkategorie a	{transition: color .4s ease-in-out; color: white; text-decoration: none; font-size: 1.4em; text-transform: uppercase;  width: 100%; display: block; background: transparent url(../images/pod_kat.png); position: absolute; top: -3.5em; left: 0px;}


.body_v3 .nazevkategorie a	{position: static;}

.nazevkategorie a:hover {color: #EF7900; }
.nazevkategorie a span	{display: block; padding: 1em; }


.blog-item	{border-top: 8px solid #0167B1; margin-bottom: 15px; padding: 15px 0px;}
.blog-item:first-child	{border-top: 0px solid #0167B1;}

.accordion_obsah	{display: none;}
.accordion_obsah.toggle	{display: block;}