@import url("/static/774-1-MZV/cz/resources/-logic-mzv-resources-simplemap_css.css");

{/*reset start*/}

{/*mzv*/}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height:1.2em;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

hr.hidden {
	background: none;
	border: none;
	border-top: 1px solid rgb(125, 154, 170);
	height: 1px;
	margin-bottom: 1em;
	display:none;
}

{/*reset end*/}

body {
	font-family: Georgia,serif;
	background: #fff;
	font-size:16px;
	padding:5% 0 0;
	line-height: 1.2em;
}

strong {
	font-weight:bold;
}

{/*font sizes for media query*/}

@media screen and (max-width: 800px) {
	body {
		font-size: 90%;
	}
}

@media screen and (max-width: 700px) {
	body {
		font-size: 80%;
	}
}

@media screen and (max-width: 600px) {
	body {
		font-size: 70%;
	}
}

@media screen and (max-width: 500px) {
	body {
		font-size: 60%;
	}
}

@media screen and (max-width: 400px) {
	body {
		font-size: 50%;
	}
}

@media screen and (max-width: 320px) {
	body {
		font-size: 40%;
	}
}

@media screen and (max-width: 240px) {
	body {
		font-size: 30%;
	}
}

hr {
	background: none !important;
	border: none !important;
	border-top: 1px solid rgb(125, 154, 170) !important; /* MZV modrošedá (Pantone 5425) */
	height: 1px !important;
	margin-bottom: 1em !important;
}

.clear {
	clear:both;
}

#cookie-notification {
    margin: 20px;
	padding: 20px;
    font-size: 1.6em;
    background-color: white;    
}

{/*head*/}

.head-wrapper {
	float:left;
	width: 100%;
	position: relative;
	margin-bottom:1em;
	padding-left:2%;
}

.head-left, .head-right {
	float: left;
}

.head-left {
	width:75%;
}

#logo img {
	width:100%;
}

.head-right {
	height: auto;
    margin-top: -2em;
    padding-right: 5%;
    position: absolute;
    right: 0;
    top: 50%;
    width: 20%;
}

.head-right form {
	float: right;
    width:auto;
}

.head-right select {
	font-size: 2.2em;
	padding:3%;
	line-height:1em;
}

.head-right select option {
	font-size: 1em;
}

.head, #main_container, 
.footer, 
#content_container, 
#content, #aktualne, 
.box_content, 
.article_list, 
.article_list > div,
.article, 
.article_content {
	clear:both;
	float:left;
	width:100%;
}

{/*menu*/}
.main-menu {
	clear:both;
	border-top:2px solid rgb(125, 154, 170);
	border-bottom:2px solid rgb(125, 154, 170);
	width:100%;
	float: left;
	position: relative;
}

.border {
	border-top:1px solid rgb(125, 154, 170);
}

.main-menu a, .states span {
	display: block;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	color:#000;
	text-decoration: none;
	cursor: pointer;
	line-height:1.5em;
}

.country-list a {
	text-transform: none;
}

.active a {
	color: rgb(213, 43, 30) !important;
}

.main-menu > ul {
	display:table;
	width: 100%;
}

.main-menu > ul > li {
	display: table-cell;
	width: auto;
	vertical-align: middle;
}

.main-menu > ul > li.icon-home, .main-menu > ul > li.burger {
	width:10%;
}

.main-menu > ul > li > a {
	padding: 1em 0.5em;
}

.main-menu > ul > li.icon-home a, .main-menu > ul > li.burger a {
	padding: 0;
}

.main-menu > ul > li.icon-home img, .main-menu > ul > li.burger img {
	vertical-align: middle
}

.main-menu a:hover {
	text-decoration: underline;
}

{/*country select*/}


.states .box_contents {
    display: none;
    background-color: #fff;
    padding: 5%;
    position: absolute;
    z-index: 1000;
    height: 28em;
    overflow: scroll;
    border-top: 1px solid rgb(125, 154, 170);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
}

.states input {
	font-size:2em;
	line-height:1.2em;
	padding:1% 5%;
	width:100%;
}

.country-list a {
	text-align: left;
	line-height:1em;
	font-size:2em;
	padding:2% 0;
}

.icon-home img, .burger img {
	width: 90%;
}

.menu-helper {
	border-top:2px solid rgb(125, 154, 170);
}

.submenu, .burger-submenu {
	display:none;
}

.submenu, .burger-submenu {
	background-color: #fff;
	left:0;
	position: absolute;
	width: 100%;
	z-index:999;
	padding:3%;
	border-top: 1px solid rgb(125, 154, 170);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
}

.burger-submenu {
	right: 0;
	width:auto;
	left:auto;
}

.submenu li {
	float: left;
	width: 50%;
}

.submenu li a {
	padding:0;
}

.burger-submenu li a {
	text-align:left;
}

{/*carousel*/}

.box {
	clear:both;
}

#carousel {
	position:relative;
	padding:1px;
}

#carousel span.caption {
	position:absolute;
	bottom:0;
	text-align:left;
	background:	none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	left:0;
	right:0;
	padding:2% 2% 8%;
	color:#fff;
	font-size:1.5em;
	line-height: 1.2em;
	margin:0;
	display: block;
}

#carousel ul.rslides a {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
}

#carousel ul.rslides_tabs {
	padding:0;
	margin:0;
	text-align: center;
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 999;
	height: 10%;
}

#carousel .rslides_tabs li {
	background: none;
	display: inline-block;
	padding:0;
	margin:0;
}

#carousel .rslides_tabs li a {
	display: inline-block;
	width:10px;
	height:10px;
	margin:0 7px;
	font-size: 24px;
	border-radius:50%;
	text-indent:-999em;
	background:rgb(97, 99, 101);
	vertical-align: middle;
}

#carousel .rslides_tabs li.rslides_here a {
	background:rgb(255,255,255);
}

{/*center carousel on big screen*/}

@media screen and (min-width: 600px) {
	 #carousel {
	 	margin: 0 auto;
	 	width:80%;
	 }
}

{/*hide carousel on small screen*/}
@media screen and (max-width: 240px) {
	 #carousel {
	 	display:none;
	 }
}

{/*content*/}

h1 {
	text-align:left;
	font-size:3.2em;
	color: rgb(213,43,30);
	line-height: 1em;
	padding-bottom:2%;
}

h1:first-letter {
    text-transform: uppercase;
}

h2 {
	font-size:2.2em;
	line-height:1.2em;
	padding-bottom:2%;
	color: rgb(0, 65, 101);
}

h3 {
	font-size:1.8em;
	line-height:1em;
	color:rgb(0, 57, 166);
	margin-bottom:1%;
}

h3 a {
	color:rgb(0, 57, 166);
}

p {
	font-size:1.5em;
	line-height: 1.2em;
}

.article_list {
	padding:2% 0;
}

.article {
	clear:both;
	padding:0 2%;
}

.article_content {
	position:relative;
}

.clickable {
	display: inline-block;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-bottom:1px solid rgb(125, 154, 170);
}


.last_article .clickable {
	border-bottom:0 none;
}

h2.article_title {
    padding-bottom: 1%;
	text-decoration: underline;
    color: rgb(0, 57, 166);
}

.article_foto {
	width:100%;
}

.article_perex {
	font-weight:bold;
	padding:1% 0 3%;
}

p.event_meta {
	padding:1% 0 3%;
}

.article_title a {
	color: rgb(0, 57, 166);
    font-size: 1em;
    line-height: 1.2em;
	text-decoration: underline;
}

.time-stamp, #breadcrumbs, .articleDate, #abcNavigace {
	color: rgb(97, 99, 107);
    font-size: 1.6em;
    padding: 1% 0 3%;
    line-height:1.2em;
}

 .articleDate {
 	font-size:1em;
 	line-height:1em;
 }

.article_content {
	padding:3% 0 2%;

}

#breadcrumbs , #abcNavigace{
	padding: 3% 2%;
	line-height:1.2em;
}

#breadcrumbs a {
	color: rgb(97, 99, 107);
font-size: 1.2rem;
}

.illustration.float_left {
	float: left;
    height: auto;
    margin-right: 2%;
    width: 30%;
}

.article p, .article ul, .article ol {
	font-size: 1.8em;
    line-height: 1.2em;
    padding:2% 0;
}

.article p {
	padding-top:0;
}

.article ul,  .article ol  {
	margin-left: 2%;
}

.article ul li {
	background: url("/public/2e/ec/1/2656_6263_li_bullet.gif") no-repeat scroll left 0.7em rgba(0, 0, 0, 0);
    line-height: 1.5em;
    padding: 0.2em 0 0.2em 1.5em;
}

.article ol  li {
    line-height: 1.5em;
    padding: 0.2em 0 0.2em 1.5em;	
}

{/*footer*/}

.footer h2 {
	border-bottom:2px solid rgb(125, 154, 170);
	border-top:2px solid rgb(125, 154, 170);
}

.social {
	border-bottom:2px solid rgb(125, 154, 170);
}

.footer h2, .footer  .full {
	font-size:2em;
	line-height:1.2em;
	font-weight:bold;
	padding:2%;
}

.footer  .full {
	color:#000;
	width: 100%;
	display:inline-block;
	text-align: right;
	text-decoration: none;
}

.footer li {
	padding:1% 2%;
}

.footer > ul li a {
	color: #616365;
    font-size: 2.2em;
    line-height: 1.2em;
    text-decoration:none;
}

{/*pager*/}

.pager{
	font-family: Arial,sans-serif;
	clear: both;
    float: left;
    width: 100%;
    padding-bottom:2%;
}

.pager ul {
	text-align:center;
	display: table;
	width: 100%;
}

.pager li {
	display:table-cell;
}

.pager li a span, .pager li strong span {
	text-decoration: none;
	color:#000;
	display:inline-block;
	font-size:2em;
	line-height: 2em;
	width:100%;
	height:100%;
}

#pager a {
	display:block;
	border: 1px solid #000;
	margin:10%;
}

.pager strong {
	border: 1px solid #000;
	margin:10%;
	display:block;
}


.sr-only {
	display:none !important;
}

#flag {
	color:#616365;
	font-size:3em;
	float:left;
	width:100%;
	padding:2%;
	line-height: 1em;
}

#flag img.float_right {
	float:right;
}

#accordeon-menu {
	float:left;
	width:100%;
	padding: 2% 0;
}

#accordeon-menu ul {
	padding: 0 2%;
}

#accordeon-menu > ul > li > a, #accordeon-menu > ul > li > div > a {
	color:#616365;
	font-size: 2.2em;
	line-height:1.5em;
	display: block;
}

#accordeon-menu li > ul {
	display:none;
	padding-left:2%;
}

#accordeon-menu li > ul a {
	color:rgb(0, 57, 166);
	font-size: 2.2em;
	line-height:1.5em;
	display: block;
}

#accordeon-menu h2 {
	padding: 2%;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2em;
    border-bottom: 2px solid rgb(125, 154, 170);
    border-top: 2px solid rgb(125, 154, 170);
    text-align: left;
	color: rgb(213, 43, 30);
}

.article_tools {
	float:left;
	width:100%;
	padding-top:2%;
}

.article_tools > a {
	display:inline-block;
	padding:2%;
	float: right;
}

.article_tools #facebook {
	float:right;
	padding:2%;
}

#galleries {
	float:left;
	width:100%;
}

#galleries h2 {
	color:rgb(0, 65, 101);
}

#galleries h3 {
	color:rgb(213, 43, 30);
	padding:2% 0;
}

.parent_gallery_motive {
	float: left;
    margin-bottom: 1em;
    margin-right: 1.28em;
    min-height: 118px;
    text-align: center;
    width: 100px;
}

.gallery_motive {
	background-color: rgb(255, 255, 255);
    border: 1px solid rgb(97, 99, 101);
    display: table;
    float: left;
    height: 100px;
    margin-bottom: 0.2em;
    text-align: center;
    width: 100px;
}

.gallery_motive span {
    display: table-cell;
    vertical-align: middle;
}

.gallery_motive span img {
    display: block;
    margin: 0 auto;
}

#content .article .article_content .article_body table {
	width:100% !important;
}

#content .article .article_content .article_body table td {
	display:block;
}

#content .article .article_content .article_body table td:first-child {
	font-weight:bold;
}

#content .article_body table p {
	font-size:1em;
}

#content .article .article_content .article_body table td {
	font-size:1.4em;
	line-height: 1.2em;
	display: block;
	padding:1% 0 0;
}

p.contact-address {
	background-color: #eee;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 1%;
    font-size:1.6em;
}

.pod_carou {
    font-size: 1.2em;
    line-height: 1.2em;
    padding:0 2% 2%;
    display:block;
}

.upozorneniCestovani {
	padding:0 2%;
}

.enc .clickable {
	border:0 none;
}

.enc .article_content {
	padding:0;
}

.enc h2 a {
	color:#616365;
}

#varovani {
	padding:0 2%;
}

#varovani > h2 {
	padding: 0;
	color:#616365;
}

#varovani a {
	line-height:1.2em;
	font-size:1.5em;
	display:block;
	padding:0 2% 2%;
	color:#616365;
}

.attachment {
	white-space: -moz-pre-wrap !important;
	white-space: -webkit-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}

.red-active {
	color:rgb(213, 43, 30) !important;
}

.twitter-centered { 
	max-width : 360px; 
	margin: auto; 
	max-height: 800px;
  overflow-y: scroll;
} 

.pleft {
	padding-left: 2%;
}

.twitter-img {
	width: 60px;
	height: auto;
}

.drozd, .visapoint {
    background: rgb(0,57,166);
    padding: 2%;
    color: #fff;
	position: relative;
}

.drozd big, .visapoint big {
    font-size: 2em;
    font-weight: bold;
    display: block;
    padding: .2em 0 .8em;
}

.drozd a, .visapoint a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.footer .info {
    text-align: right;
    padding: 1% 2% 0;
    color: black;
}

.manual-banner-container {
	padding: 20px 0;
	text-align: center;
	clear: both;
}
#content .article-banner {
	position: relative;
	margin: 0px auto;
	margin-bottom: 15px;
	text-align: center;
	float: none;
	width: 100%;
	padding: 1px;
}

@media only screen and (min-width: 600px) {
	#content .article-banner {
		width: 80%;	
		padding: 0;
	}
}

#content .article-banner a {
		height: 100%;	
}

#content .article-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover ;
}