body{
	background: url(../images/bg_body-dark.jpg) no-repeat center top;
    text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	background-color: #070808;
}
a{
	color: #268D8D;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}
img {max-width: 100% !important; height: auto !important}
.cleaner {clear: both; font-size: 0!important; height: 0px; line-height: 0px;}
img {border:none;}
img.ramecek {border: 1px solid #ddd; padding: 2px; box-sizing: border-box}

figure.align-left {text-align: center; float: left; margin: 0 20px 15px 0}
figure.align-right {text-align: center; float: right; margin: 0 0 15px 20px}
figure figcaption {text-align: center; font-style: italic;}

p.odstavecOdrazky {margin-bottom: -5px;}
table, video, object, #lightbox-container-image-box {max-width: 100% !important}
object a {max-width: 100% !important}

a.hpodkaz{
	color: #5D5D5D;
	text-decoration: underline;
}
a:hover.hpodkaz{
	color: #858E22;
	text-decoration: none;
}
a.hpodkaz-b{
	color: white;
	text-decoration: underline;
}
a:hover.hpodkaz-b{
	color: #858E22;
	text-decoration: none;
}
ol {padding-top: 0; margin-top: 0;}
ul {
	margin: 0px;
		margin-left: 14px;
    padding-left: 4px
}
li{
	margin: 5px 0px 5px 0px;
}


a:hover{
	color: #858E22;
	text-decoration: underline;
}
div{
	margin : 0px;
	padding : 0px;
	text-align: left;
}
p{
	margin : 8px 0px 8px 0px;
	padding : 0px 0px 0px 0px;
}
div.cely_web {
	width: 980px;
	margin: auto;
	position: relative;
	}
div.cela_plocha{
	width: 980px;
	margin: auto;
	text-align: center;
	background-image: url(../images/bg_body-dark.jpg);
    background-image: none;
	background-position: -30px 0px;
	background-repeat: no-repeat;
}

div.cela_plocha_vnitrni {background-image: url(../images/bg_body-dark.jpg);}

div.zahlavi{
	width: 100%;
	height: 126px; /*background-image: url(../images/zahlavi.jpg);*/
    background: url("../images/bg_top.png") center top no-repeat;
    background-size: 100% 100%;
	position: relative;
	font-weight: lighter;
}
a.logo-mra {position: absolute; right: 274px; top: 9px;}
a.logo-mra img {border: none;}

div.zahlavi a.home, div.zahlavi span.home {
	width: 110px;
	height: 100px;
	top: 0;
	left: 26px;
	position: absolute;
    background: url("../images/logo.png") left top no-repeat;
}

div.zahlavi a.kraj{
	width: 320px;
	height: 49px;
	top: 4px;
	right: 27px;
	color: white;
	text-decoration: none;
	padding-top: 15px;
	font-size: 14px;
    background: url("../images/zlin.png") right top no-repeat;
	position: absolute;
}

@media(max-width: 800px){
	div.zahlavi a.kraj{
		width: 150px;
		padding-top: 10px;
		padding-right: 70px;

	}
}




div.zahlavi div.nadpis{
	line-height: 30px;
	width: 380px;
	height: 60px;
	top: 15px;
	left: 140px;
	position: absolute;
	font-size: 24px;
	color: white;
	font-family:  Trebuchet MS;
}
div.zahlavi div.hledej{
	width: 260px;
	height: 38px;
	top: 51px;
	right: 0px;
	position: absolute;
    background: url("../images/search.png") 9px 8px no-repeat;
}
div.hlavicka {
	position: relative;
	width: 100%;
	height: 126px;
}
div.hlavicka2 {
	position: relative;
	width: 100%;
	background: url(../images/pozadi_hlavicka2.png) no-repeat 0 5px;
	height: 35px;
	_margin-left: 5px;
}
div.hlavicka div.nadpis{
	line-height: 30px;
	width: 280px;
	height: 60px;
	top: 15px;
	left: 80px;
	position: absolute;
	font-size: 18px;
	color: white;
	font-family:  Trebuchet MS;
	text-align: right;
}
.head-images {
  position: absolute;
  right: 8px;
  bottom: 11px;
}
.head-images img {
  display: block;
}
.quick-nav-title {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 164px;
  height: 30px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 3px 0 0 25px;
  font-family: Trebuchet MS;
  background: url("../images/menu_title.png") left top no-repeat
}
div.hlavicka logo a{
	display: block;
}
div.logo{
	position: absolute;
	top: 80px;
	left: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	font-size: 60px;
	color: white;
	font-weight: bold;

}
div.sloupce_2{
	width: 100%;
	background-image: url(../images/pozadi_sloupce_2.gif);
	text-align: center;
	_margin-left: 5px;
	padding-bottom: 9px;
}
div.sloupec_levy{
	text-align: center;
	width: 684px;
	float: left;
	}
div.sloupec_levy div.obsah{
	margin: auto;
	width: 637px;
	color: #5D5D5D;
	}
div.sloupec_levy div.obsah div.okno{
	margin-top: 0px;
	margin-bottom: 15px;
	background-color: white;
	width: 100%;
	/*_width: 480px;*/
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	text-align: center;
	padding-bottom: 10px;
	}
div.sloupec_levy div.obsah div.okno div.nadpis{
	padding: 15px 0px 5px 0px;
	width: 100%;
	height: 24px;
	font-size: 16px;
	}
div.sloupec_levy div.obsah div.okno div.info{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
	margin: auto;
	width: 615px;
	background-image: url(../images/cara.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
div.sloupec_levy div.obsah div.okno div.info p{
	margin: 5px 5px 10px 5px;
	}
div.sloupec_levy div.obsah div.okno div.info a{
	font-size: 14px;
	line-height: 22px;
	color: #5D5D5D;
	font-weight: bold;
	}
div.sloupec_levy div.obsah div.okno div.info a.male{
	font-size: 12px;
	color: #268D8D;
	line-height: 12px;
	font-weight: normal;
	}
div.sloupec_levy div.obsah div.okno div.info a:hover{
	color: #858E22;
	}


div.akt {background: url(../images/aktRepeat.gif) repeat-y; margin-bottom: 18px; font-size: 12px; line-height: 18px; background-color: white; color: #454545; font-family: Arial, Helvetica, sans-serif; padding: 0 0 22px 0;}
div.akt div.nadpis {background: url(../images/aktBg.png) repeat-x; padding: 0px 0px 0px 22px; height: 49px; line-height: 49px;}
div.akt .nadpis h3 {background: url(../images/nadpis1.png) no-repeat 0 17px; color: #fff; padding: 0 0 0 26px; margin: 0;  font-size: 17px; font-weight: normal;}
div.akt .aktDalsi {float: left; width: 170px;}
div.akt .aktDalsi ul {margin: 8px 10px 0; padding: 0; list-style-type: none; font-size: 11px; line-height: 16px;}
div.akt .aktDalsi ul li {margin: 0; padding: 8px 0 0 10px;}
div.akt .aktDalsi ul li.aktivni, div.akt .aktDalsi ul li:hover {background: url(../images/aktSipka.png) no-repeat 0 13px;}
div.akt .aktDalsi ul a {color: #1b5555;}
div.akt .aktDalsi ul li.aktivni a, div.akt .aktDalsi ul a:hover {color: #71261c;}

div.akt div.slider{float: right; width: 431px; margin: 0 19px 0 0;}
div.akt div.info {width: 431px; padding: 15px 0 0 17px; }
div.akt div.info p {margin: 0;}
div.akt div.info p.datum {font-size: 11px; padding: 4px 0 12px 0;}
div.akt div.info p img.ramecek {float: left; margin: 0 15px 5px -1px; padding: 3px; border-color: #e8e8e8;}
div.akt div.info a {font-size: 16px; line-height: 18px; color: #454545; font-weight: bold;}
div.akt div.info p.right {background: url(../images/aktCara.gif) no-repeat left 40px; text-align: right; padding: 30px 0 0 0;}
div.akt div.info a.male {font-size: 11px; color: #1c5858; line-height: 12px; font-weight: normal;}
div.akt div.info a:hover {color: #858E22;}

div.akt2 div.nadpis {background-image: url(../images/aktBg2.png);}
div.akt2 .nadpis h3 {background: url(../images/nadpis2.png) no-repeat 0 11px;}
div.akt3 div.nadpis {background-image: url(../images/aktBg3.png);}
div.akt3 .nadpis h3 {background: url(../images/nadpis3.png) no-repeat 0 18px;}
div.akt4 div.nadpis {background-image: url(../images/aktBg4.png);}
div.akt4 .nadpis h3 {background: url(../images/nadpis4.png) no-repeat 0 12px;}


div.sloupec_pravy{
	float: left;
	width: 290px;
	_width: 265px;
}
div.sloupec_pravy div.top p{
	width: 280px;
	
	background-image: url(../images/pozadi_aktuality_dwn.gif);
	background-repeat: repeat-y;
	
	margin-top: 0px;
	/*height: 90px;*/
	width: 280px;
	}

div.sloupec_pravy div.top p:first-child{
	margin-bottom: 15px;
	line-height: 0;
	font-size: 0;
	padding: 0;
}

div.sloupec_pravy div.top p img
{
	line-height: 0;
	font-size: 0;
	padding: 0;
}

div.sloupec_pravy div.top a{
	width: 280px;
	margin-top: 0px;
	/*height: 90px;*/
	width: 280px;
	display: block;
	}
div.sloupec_pravy div.top p {margin:0; padding:0;}
div.sloupec_pravy div.okno{
	width: 280px;
	background-image: url(../images/pozadi_aktuality_dwn.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	}
div.sloupec_pravy div.okno div.nadpis{
	padding: 15px 0px 5px 20px;
	background-image: url(../images/pozadi_aktuality.gif);
	background-repeat: no-repeat;
	width: auto;
	color: white;
	height: 30px;
	font-size: 16px;
}
div.sloupec_pravy div.okno div.info{
	margin: 0px;
	padding: 7px 0px 15px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 235px;
	color: white;
	background-image: url(../images/cara_2.gif);
	background-repeat: no-repeat;
	background-position: 12px bottom;
}
div.sloupec_pravy div.okno div.konec{
	margin-top: 5px;
	height: 18px;
	padding: 0px;
	font-size: 0px;
	background-image: url(../images/pozadi_aktuality_spodek.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	_width: 280px;
}
div.sloupec_pravy div.okno div.info a{
	color: white;
}
div.sloupec_pravy div.okno div.info a:hover{
	color: #858E22;
}
div.sloupec_pravy div.novinky div.okno{
	width: 280px;
	background-image: url(../images/pozadi_novinky_dwn.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%;
	text-align: left;
	}
div.sloupec_pravy div.novinky div.okno div.nadpis{
	padding: 15px 0px 5px 20px;
	background-image: url(../images/pozadi_novinky.gif);
	background-repeat: no-repeat;
	width: 100%;
	color: white;
	height: 30px;
	font-size: 16px;
}
div.sloupec_pravy div.novinky div.okno div.info{
	margin: 0px;
	padding: 10px 0px 10px 18px;
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background-image: url(../images/cara_3.gif);
	background-repeat: no-repeat;
	background-position: 12px bottom;
}

div.novinky2{
	margin: 0 auto;
	width: 232px;
	_width: 212px;
}
div.novinky2 div.okno{
	width: 232px;
	background-image: url(../images/pozadi_novinky2_dwn.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%;
	text-align: left;
	}
div.novinky2 div.okno div.nadpis{
	padding: 15px 0px 5px 20px;
	background-image: url(../images/pozadi_novinky2.gif);
	background-repeat: no-repeat;
	width: 100%;
	color: white;
	height: 30px;
	font-size: 16px;
}
div.novinky2 div.okno div.info{
	margin: 0px;
	padding: 10px 0px 10px 18px;
	width: 196px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background-image: url(../images/cara_4.gif);
	background-repeat: no-repeat;
	background-position: 12px bottom;
}
div.novinky2 div.okno div.info a{
	color: white;
}
div.novinky2 div.okno div.info a:hover{
	color: #858E22;
}

div.sloupec_pravy div.okno div.info a{
	color: white;
}
div.sloupec_pravy div.okno div.info a:hover{
	color: #858E22;
}
div.dohromady{
	width: 954px;
	background-color: white;
	margin: auto;
}
div.sloupec_pravy2{
	float: right;
	width: 682px;
	color: #5D5D5D;
}
div.sloupec_levy2 {
	text-align: center;
	width: 260px;
	float:left;
	}
div.drobinka{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
    width: 97.5%;
	border-top: 1px dotted #CFCFCF;
	border-bottom: 1px dotted #CFCFCF;
    text-align: left;
}
div.drobinka a{
	color: #268D8D
}
div.drobinka a:hover{
	color: #858E22
}
div.drobinka div{
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 6px;
    padding: 0 10px;
}
div.sloupec_pravy2 div.obsah{
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
div.menu{
	text-align: left;
	width: 232px;
	margin: auto;
	margin-top: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	border-top: 1px solid white;
}
div.menu ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
li.uroven_2, li.uroven_2_aktivni, li.uroven_3, li.uroven_3_aktivni, li.uroven_4, li.uroven_4_aktivni, li.uroven_5, li.uroven_5_aktivni{
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0px;
	_height: 20px;
	_margin: 0px;
	background-image: url(../images/ur_1.gif);
	background-position: left top;
}
li.uroven_2 a, li.uroven_2_aktivni div, li.uroven_2_aktivni a, li.uroven_3 a, li.uroven_3_aktivni div, li.uroven_3_aktivni a,
 li.uroven_4 a, li.uroven_4_aktivni a, li.uroven_4_aktivni div,  li.uroven_5 a, li.uroven_5_aktivni a, li.uroven_5_aktivni div{
	list-style-type: none;
	display: block;
	border-bottom: 1px solid #dce0e0;
	padding-left: 35px;
	padding-top: 9px;
	padding-bottom: 9px;
	_padding-bottom: 9px;
	_padding-top: 9px;
	margin-left: 3px;
	_height: 16px;
	min-height: 16px;
}
li.uroven_2 a:hover{
	background-image: url(../images/ur_1.gif);
	background-position: right top;
}
li.uroven_2_aktivni{
	background-image: url(../images/ur_1.gif);
	background-position: right top;
}
li.uroven_3{
	background-image: url(../images/ur_2.gif);
}
li.uroven_3 a{
	padding-left: 55px;
}
li.uroven_3 a:hover{
	background-image: url(../images/ur_2.gif);
	background-position: right top;
}
li.uroven_3_aktivni div{
	padding-left: 55px;
}
li.uroven_3_aktivni{
	background-image: url(../images/ur_2.gif);
	background-position: right top;
}
li.uroven_3_aktivni a{
	padding-left: 55px;
}
li.uroven_4{
	background-image: url(../images/ur_3.gif);
}
li.uroven_4 a{
	padding-left: 74px;
}
li.uroven_4 a:hover{
	background-image: url(../images/ur_3.gif);
	background-position: right top;
}
li.uroven_4_aktivni div{
	padding-left: 74px;
}
li.uroven_4_aktivni{
	background-image: url(../images/ur_3.gif);
	background-position: right top;
}
li.uroven_4_aktivni a{
	padding-left: 94px;
}
li.uroven_5{
	background-image: url(../images/ur_4.gif);
}
li.uroven_5 a{
	padding-left: 94px;
}
li.uroven_5 a:hover{
	background-image: url(../images/ur_4.gif);
	background-position: right top;
}
li.uroven_5_aktivni div{
	padding-left: 94px;
}
li.uroven_5_aktivni{
	background-image: url(../images/ur_4.gif);
	background-position: right top;
}
li.uroven_5_aktivni a{
	padding-left: 94px;
}
div.menu a{
	color: #268d8d;
	text-decoration: none;
}
div.menu a:hover{
	color: #858e22;
	text-decoration: underline;
}
div.menu_novinky{
	width: 840px;
	height: 100px;
	border: 1px solid silver;
}
div.menu_novinky div{
	width: 250px;
	border: 5px solid white;
	height: 70px;
	float: left;
	background-color: #FFDEAD;
	padding: 10px;
}
div.clearboth {
	clear: both;
	}
div.patka {
	width: 980px;
	_margin-left: 5px;
	margin: auto;
	background: url(../images/pozadi_patka.gif) center top;
	background-repeat: no-repeat;
	padding-top: 28px;
	height: 70px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #888989;
	position:relative;
}
div.patka img {position:absolute; top:21px; left:34px; border:none;}

div.vytisteno_z_webu { display: none }
div.navigace{
	color: #28B6EE;
}
div.menu_rychla_navigace {padding-left: 6px;}
div.menu_rychla_navigace a{color: white; margin-right: 5px;}
div.menu_rychla_navigace a:hover{
	color: #858E22;
}
.mrn-in {
  height: 63px; padding-top: 3px; margin-left: 15px; font-size: 12px; font-family: arial
}
.menu-item-ico {
  width: 50px; float: left
}
.menu-item-text {
  margin-top: 18px; text-align: left; float: left
}
.menu-sep {
  width: 28px; height: 60px; float: left; background-position: 10px 0px; background-repeat: no-repeat; background-image: url("../images/svislice.gif")
}
h1{
	color: #268d8d;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 15px  0px;
}
h2{
	color: #165252;
	font-size: 15px;
	margin: 18px 0px 10px  0px;
}
h3{
	color: #165252;
	font-size: 14px;
	margin: 16px 0px 10px  0px;
}

h4{
	color: #5D5D5D;
	font-size: 13px;
	margin: 14px 0px 10px  0px;
}
h5{
	color: #5D5D5D;
	font-size: 12px;
	margin: 12px 0px 10px  0px;
}
h6{
	color: #5D5D5D;
	font-size: 11px;
	margin: 10px 0px 10px  0px;
}



div.vyrobil{
	padding: 15px 0px 0px 0px;
	color: White;
	text-align: right;
}

div.menu_horni ul{
	margin: 0px;
	padding: 1px 0 0 0;
	margin-left: 3px;
	_margin-left: 8px;
	list-style-type: none;
}
li.horni, li.horni a, li.horni a:hover{
	float: left;
	color: White;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	display: block;
	line-height: 41px;
	vertical-align: middle;
}
li.horni{background-image: black;}
li.horni a{
	text-align: center;
	display: block;
	padding: 0px 27px 0px 26px;
	/*width: 100%;*/
}
li.horni a:hover{
	color: #858E22;
}
li.horni_aktiv{
	background-color: #FFE4B5;
	float: left;
}
div.menu_rychla_navigace{
	width: 100%;
	height: 66px;
	background-image: url(../images/pozadi_rychla_navigace.gif);
	background-repeat: no-repeat;
	_background-position: 5px 0px;
    box-sizing: border-box;
}
div.menu_rychla_navigace div a {position: relative; top: 1px;}

div.menu_horni{
	height: 55px;
	background-image: url(../images/pozadi_horni_menu.gif);
	background-repeat: no-repeat;
	_background-position: 5px 0px;
}
img{
	/*border: none;*/
}
/*div.obsah{
	width: 629px;
	text-align: left;
	margin: 0px 0px 10px 15px;
}*/
div.kde_se{
	font-size: 10px;
	padding: 9px 10px 0px 15px;
	text-align: left;
	height: 30px;
}
div.stranky, td.stranky {
	width: 100%; min-height: 20px; border-top: 1px dotted #CFCFCF; border-bottom: 1px dotted #CFCFCF; padding: 2px 0px 2px 0px; line-height: 30px;
	margin-bottom: 10px;font-size: 10px; font-weight: bold;
}
.stranky span {
	color: white; background-color: silver;text-decoration: none; width: 20px; height: 20px; border: 1px solid silver; padding: 2px 3px 2px 3px; margin: 3px;
}
.stranky a{
	text-decoration: none; width: 20px; height: 20px; border: 1px solid silver; padding: 2px 3px 2px 3px; margin: 3px;
}
.stranky a:hover{
	background-color: #CBF5F4;border: 1px solid #1D5B5B; color: #1D5B5B;
}

td.stranky {width:auto; border:none;}

table.skoly{
	border-top: 1px dotted #CFCFCF;
	border-bottom: 1px dotted #CFCFCF;
	width: 100%;
	margin-bottom: 20px;
}
table.skoly td{
	padding-bottom: 6px;
	padding-top: 4px;
}
div.skoly div{
	 width: 250px;
	 float: left;
	 margin: 5px 0px 3px 0px;
}

.h2-nazev-publikace { color: #008000; font-weight: bold }
.h2-nazev-akce { color: #f00; font-weight: bold; font-size: 1.5em; text-align: center }
.h2-nadpis-letacek { color: white; font-weight: bold; font-size: 1.2em; background-color: #000080; text-align: center; text-transform: uppercase; margin-right: 20px; margin-left: 20px; padding-top: 2px; padding-bottom: 2px }
.h2-nadpis-modry { color: #00f; font-weight: bold; font-size: 1.5em; text-align: center }
.chyba	{color:red;}
.ok		{color:#253F3F; font-weight:bold;}
img.rss-icon	{float:right; border:none;}
.center	{text-align:center;}

table.programy-nabidka	{width:99%;}
table.programy-nabidka td	{vertical-align:top;}

/*--hled?n? zv?razn?n?---*/
.search-result {background:yellow;}

div.novinka {margin: 0px 5px 10px 10px;}
.eso {background: url('/images/logo_eso_small.gif') no-repeat top right;}

.autor {text-align:right; margin-top:10px;}

/* str?nka GALERIE */
table.galerie {margin: 0 auto; text-align: center; margin-bottom: 20px;}
table.galerie td {padding: 22px 22px 4px 22px; width: 33%; vertical-align: top;}
table.galerie td a img {border: none !important;}
/*table.galerie tr.cara td {background: url(../images/cara.gif) no-repeat 0 bottom; height: 23px;}*/
table.galerie tr.popis td {padding: 12px 10px 4px 30px;}
table.galerie a {display: block; color: #565656; font-weight: bold; font-size: 10px; line-height: 14px;}
table.galerie a:hover {color: #565656; text-decoration:none;}

.galerie-nadpis {color: #525252; font-weight: bold; font-size: 13px; margin-bottom: 3px;}
.galerie-nahledy table {margin: 0 auto;}
.galerie-nahledy table tr.mezera td {height: 4px; background: none;}
.galerie-nahledy table td {background: url(../images/galerie-nahledy-ramecek.gif) no-repeat; width: 33%; vertical-align: top; padding:3px; text-align:center;}
.galerie-nahledy table td img {padding:2px; border: 1px solid #ddd;}
.galerie-nahledy table tr td.doplneni {background: none;}

a.galerie-ikona	{background: url('../images/ikona-galerie.jpg') no-repeat; width:133px; height:97px; display:block; position:relative; margin: 0 auto;}
a.galerie-ikona img {position:absolute; top:29px; left:4px; width:86px; height:64px;}

.galerie-foto {margin: 0 auto;}
.galerie-detail {text-align: center; padding: 7px;}
.galerie-detail img {border: 1px solid #d6d6d6; display: block; margin: 0 auto;}
.spodek {margin-right: 6px; margin-left: 6px;}
.galerie-foto .spodek p {font-size: 10px; margin-left: 10px; margin-right: 10px; padding-bottom: 4px; line-height: 12px; position: relative; bottom: 1px;}
.galerie-zvetsit {text-align:right; margin-right:30px; font-size:10px;}
.galerie-zvetsit img {vertical-align:-2px;}
.galerie-zvetsit a {text-decoration:none;}
.galerie-zvetsit a span {text-decoration:underline;}

table.gStrankovani {width:550px;}
table.gStrankovani tr td {text-align:center; width:33%;}
.gDetail tr td img {border: 1px solid #ddd; padding:2px;}
.gDetail tr td.popisek {margin:0; padding:0;}
table.gDetail {margin-bottom: 0;}

/*--kalend?? akc?--*/
table.tabulka-terminu	{border: 1px solid black;}
td.termin-uplynul	{background: #E2E2E2; }
td.termin-dnesni	{background: #FFFF9B; border: 3px solid red; }
td.termin-budouci	{background: none; }

td div.aktualni-den {float:left; width:8px; height: 8px; margin-top: 3px; background: #ffffff; margin-right: 3px; border: solid 1px red;}
td div.vice-akci {float:left; width:10px; height: 10px; margin-top: 3px; background: #E0E0E0; margin-right: 3px;}
div.typ-akce-barva {float:left; width:10px; height: 10px; margin-top: 3px; margin-right: 3px;}
td.typ-akce-barva {vertical-align: top; width: 10px; }

td.den-zahlavi {background: #F0F0F0; font-weight: bold; text-align: left; padding: 3px;}

table.legenda tr td p.aktualni-den, table#kalendar tr td.aktualni-den {padding: 2px; border: 1px solid #e95d0f; text-align: center;}
table.legenda tr td p.vice-akci-den, table#kalendar tr td.vice-akci-den {padding: 2px; background: #7AC2E5; text-align: center;}

table tr td.misto-konani {width:150px;}

table.legenda tr td {padding:3px 4px;}
table.legenda tr td.first {}
table.legenda tr td.first p {text-align:center; padding:0; margin:0; width:22px; height:22px;}
table.legenda tr td p.aktualni-den {height:20px; width:20px;}

.kalendar-levy {float: left; display: inline; width: 197px;}
.kalendar-pravy {float: right; display: inline; width: 440px;}
	.kalendar-pravy h3 {margin: 0; padding: 1px 0 10px 12px;}

.odkazy-kalendar {margin-bottom: 14px; font-size: 10px; width: 197px;}
.odkazy-kalendar a.dnes, .odkazy-kalendar a.dnes:hover {margin: 0 20px; font-weight: bold;}

.kalendar-stranka {background-color: #f4f4f4; width: 197px; margin-bottom: 16px;}
.kalendar-stranka1 {background: url(../images/kalendar-top.jpg) no-repeat;}
.kalendar-stranka2 {background: url(../images/kalendar-bottom.jpg) no-repeat left bottom; padding-bottom: 10px;}
.kalendar-stranka1 p {color: #155272; font-weight: bold; font-size: 13px; padding: 14px 20px 2px 9px; margin-bottom: 11px;}

.kalendar-stranka table#kalendar {width: 190px; margin: 0px auto; font-size: 11px;}
.kalendar-stranka table#kalendar td, .kalendar-stranka table#kalendar th {text-align: center!important; width: 14%; height: 22px;}
.kalendar-stranka table#kalendar td a {color: #000; text-decoration: none;}
.kalendar-stranka table#kalendar td a:hover {color: #000; text-decoration: underline;}
.kalendar-stranka table#kalendar tr th span.vikend {color: #155272;}
.kalendar-stranka table#kalendar td.akce a {display: block; margin: 0px 2px;}
.kalendar-stranka table#kalendar td.vice-akci {background-color: #7ac2e5;}
.kalendar-stranka table#kalendar td.dnesni span {display: block; margin: 0px 2px; border: 1px solid #e95d0f;}


.kalendar-akce {margin-bottom: 5px; padding: 1px 10px 11px 12px; border-bottom: 1px solid #868789;}
.kalendar-akce a, .kalendar-akce a:hover {line-height: 16px; font-weight: bold;}
.kalendar-akce p {font-size: 10px; line-height: 12px; padding-top: 3px; padding-bottom: 0!important;}
.kalendar-akce span.datum {font-weight: bold; font-size: 11px; line-height: 12px;}

/* kalend?? - detail akce */
.kalendarDetail {font-size: 11px; line-height: 16px;}
.kalendarDetail .zvyrazni {color: #387822;}
.kalendarDetail table {margin: 5px 0 15px 0; width: auto; background-color: #e6f2df;}
.kalendarDetail table td {padding: 4px 13px;}
.kalendarDetail table .termin-uplynul {color: #7c7777;}
.kalendarDetail table .termin-dnesni {font-weight: bold; color: #387822;}

/* tabulka barevn? */
table.barevna {width: 100%; border: 1px solid #55ab26; line-height: 13px; margin-bottom: 20px; font-size: 11px;}
table.barevna td {padding: 6px 17px 7px 17px; border-bottom: 1px solid #55ab26;}
table.barevna tr.sudy td {background-color: #e5e5e5;}
table.barevna th {background: #56ab28 url(../images/tBarevna-th.jpg) repeat-x; padding: 12px 17px 13px 17px; color: #fff; font-weight: bold; font-size: 13px; text-align: left; white-space: nowrap;}
table.barevna th a {color: #fff!important;}

p.foto-se-stinem {float: left; background: url(../images/foto-stin2.jpg) no-repeat right bottom; padding-bottom: 11px; margin: 5px 13px 0px 0;}
p.foto-se-stinem img {border: 2px solid #e9e9e9; display: block;}

div.eso {clear: both; background: url(../images/logo_eso_small.gif) no-repeat right 15px!important;}
div.facebook {text-align: center; padding: 10px 25px 0 10px}
div.facebook img {border: 1px solid #ddd;}

sub, sup {vertical-align:baseline; position:relative; font-size: 9px;}
sub {top:0.3em;}
sup {bottom:0.3em;}


.nadpis h3 a{
    color: white;
    text-decoration: none;
}

.nadpis h3 a:hover{
    text-decoration: underline;
}

.uvod{
    width: 100%
}

.uvod-in{
    padding-right: 20px;
}

.uvod a.imageLink img{
    width: 100%;
}

#carousel{
    width: 932px;

    margin: 0 auto;
}

.bx-wrapper{
    margin: 0 auto;
    margin-bottom:  10px;
    background: none;
    border: none;
    box-shadow: none;

}

.obsah p {line-height: 18px}

/*responzivita*/

@media(max-width:1020px){
  div.cely_web, div.cela_plocha, div.patka {width: 100%; max-width: 980px; margin: 0 auto; box-sizing: border-box}
  div.sloupec_levy {width: calc(100% - 290px)}
  div.sloupec_levy div.obsah {width: auto; margin: 0 20px}
  div.akt div.slider {width: calc(100% - 189px) !important}
  div.akt div.info {width: auto}
  .bx-wrapper {margin: 0 20px 10px 20px}
  .bx-wrapper img {width: 100% !important; height: auto !important}
  div.menu_rychla_navigace {height: auto; background-color: #373737; background-image: none}
  div.menu_rychla_navigace > div {height: auto !important}
  div.menu_rychla_navigace > div:after {clear: both; content: ""; display: block}
  div.menu_horni ul {display: flex; justify-content: space-between; margin: 0 5px}
  li.horni, li.horni a, li.horni a:hover {float: none}
  li.horni a {padding: 0 15px}
  .menu-item {float: left; width: 32%; margin: 0 1% 10px 0}
  .menu-item-ico {margin-right: 10px}
  .menu-sep {display: none}
  div.dohromady {width: auto; margin: 0 10px}
  div.sloupec_pravy2 {width: calc(100% - 270px); padding-right: 20px; box-sizing: border-box}
  div.sloupec_pravy2 div, div.sloupec_pravy2 table div {max-width: 100% !important; width: auto !important}
  .novinka.eso {padding-right: 30px}
  .kalendar-pravy {width: calc(100% - 207px)}
  a.galerie-ikona {width: auto}
  .dohromady {display: flex; flex-wrap: wrap}
}

@media(max-width:850px){
  div.menu_horni {position: relative; z-index: 10000; text-align: center}
  .mobile-menu {display: inline-block; vertical-align: top; background: url("../images/mobile_menu.png") left top no-repeat; width: 36px; height: 30px; margin-top: 8px}
  li.horni a {display: block}
  div.menu_horni ul {display: none; margin: 0; position: absolute; padding: 10px 0; left: 0; top: 43px; width: 100%; text-align: center; background-color: #3B6666}
}

@media(max-width:830px){
  div.patka {padding: 28px 20px 20px 20px; height: auto}
  div.patka img {position: static; display: block; margin: 0 auto 10px auto}
  div.akt div.info p img.ramecek {float: none !important; display: block; max-width: 100%; margin: 0 0 10px 0 !important}
  div.hlavicka div.nadpis {left: 10px}
}

@media(max-width:780px){
  div.sloupec_pravy2 {width: 100%; float: none; box-sizing: border-box; padding: 0 15px 20px 15px; order: 1}
  div.sloupec_levy2 {float: none; margin: 0 auto 30px auto; padding-top: 10px; order: 2}
}

@media(max-width:750px){
  div.sloupec_levy {float: none; width: 100%}
  div.sloupec_pravy {float: none; margin: 0 auto; position: relative; left: 10px; z-index: 30}
  div.akt div.info p img.ramecek {float: left !important; margin: 0 10px 10px 0 !important}
}

@media(max-width:730px){
  div.hlavicka div.nadpis, div.zahlavi a.home, div.zahlavi span.home {left: 0}
  div.zahlavi div.nadpis {left: 110px; font-size: 20px}
  .head-images {width: calc(100% - 300px)}
  .head-images img {width: 100%}
}

@media(max-width:610px){
  div.hlavicka {height: 30px}
  div.zahlavi div.nadpis {width: 280px}
  div.hlavicka div.nadpis, .head-images {display: none}
  div.zahlavi a.kraj {display: none}
  div.zahlavi div.hledej {top: 105px}
  .menu-item {width: 49%}
}

@media(max-width:570px){
  div.akt div.info p img.ramecek {float: none !important; margin: 0 0 10px 0 !important}
  .kalendar-pravy {width: 100%; float: none}
  .kalendar-levy {width: 100%; display: block; float: none; margin-bottom: 20px}
  table.galerie td {display: block; width: 100%; padding: 20px 0 0 0}
  a.galerie-ikona {width: 134px}
}

@media(max-width:500px){
  div.akt .aktDalsi {float: none; width: 100%; background-color: #F4F4F4; padding: 10px 10px 15px 10px; box-sizing: border-box}
  div.akt .aktDalsi ul {margin: 0}
  div.akt div.slider {float: none; width: 100% !important; margin: 0}
  div.akt div.info {padding: 17px}
  div.akt {background-image: none}
  div.akt div.nadpis {height: auto; background-color: #103B3B; background-position: left top; line-height: 1.3}
  div.akt2 div.nadpis {background-color: #521610}
  div.akt3 div.nadpis {background-color: #666F14}
  div.akt4 div.nadpis {background-color: #0059A4}
  div.akt .nadpis h3 {padding: 14px 10px 12px 26px}
}

@media(max-width:460px){
  div.hlavicka {height: 60px}
  div.zahlavi div.nadpis {top: 25px}
  div.zahlavi div.nadpis, div.zahlavi div.nadpis span {font-size: 16px !important; line-height: 20px !important}
  div.zahlavi div.nadpis {width: 210px}
  .hlavicka2 {margin-top: 23px}
}

@media(max-width:420px){
  .menu-item {text-align: center; margin-bottom: 15px}
  .menu-item-ico {display: block; margin: 0 auto; float: none}
  .menu-item-text {float: none; text-align: center; margin-top: 5px}
  .programy-nabidka td {display: block}
  div.sloupec_pravy2 div.novinka {margin: 0 0 10px 0}
  .galerie-nahledy table {width: 100%}
  .galerie-nahledy table td {display: block; width: 100%}
}

@media(max-width:350px){
  div.zahlavi div.nadpis {top: 17px; width: 170px}
}

@media(min-width:851px){
  div.menu_horni ul {display: flex !important}
}




.termsfeed-com---palette-light.termsfeed-com---nb{
	background: #f0f0f0 !important
}


.termsfeed-com---nb .cc-nb-okagree, 
.termsfeed-com---nb .cc-nb-reject, 
.termsfeed-com---nb .cc-cp-foot-save,
.termsfeed-com---nb .cc-nb-changep {
	font-family: Arial, sans-serif !important;
	font-weight: 400 !important;
    color: #fff !important;
    background-color: #268D8D !important;
	text-decoration: none;
	padding: 7px 20px;
	font-size: 1rem;
	text-transform: uppercase !important;
	padding-right: 1rem !important;
	font-weight: normal !important;
}




.termsfeed-com---nb .cc-nb-reject{
	background: #707070 !important;
}


.termsfeed-com---nb .cc-nb-changep {
	background: none !important;
  color: #333 !important;
}

.termsfeed-com---nb .cc-nb-main-container{
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.termsfeed-com---palette-light #cc-nb-text.cc-nb-text{
	/*content: var("Cookies používáme k zajištění fungování webových stránek, analýze návštěvnosti a přizpůsobení obsahu a reklam.")*/
}

.termsfeed-com---nb .cc-nb-main-container{
	padding: 1rem !important;

}

#termsfeed-com---nb{
  -webkit-box-shadow: -5px -4px 20px 2px rgba(0,0,0,0.15); 
  box-shadow: -5px -4px 20px 2px rgba(0,0,0,0.15);
}

.termsfeed-com---nb .cc-nb-text{
	font-size: 15px !important;
}

.termsfeed-com---nb .cc-nb-title{
	font-size: 18px !important;
}