/*** mainscreen_pres */

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
}
div {
	margin: 0;
	padding: 0;
}
.cleaner {
	clear: both;
}
.cleaner_left {
	clear: left;
}
.no_screen {
	display: none;
}
.no_print {
	display: block;
}
.center {
	text-align: center;
}
div#background_element {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 20;
}
div#pageContent {
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: auto;
	height: auto;
	min-height: 100%;
}
div#content {
	position: relative;
	top: 0px;
	margin: 0px auto 0px auto;
	width: 100%;
}
img#loader {
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 100;
}

#topline-in {
	overflow: hidden;
}
.floatingImage {
	border: none;
	max-height: 100%;
	display: inline-block;
	margin: 0.5em;
	vertical-align: top;
	float: left;
}
a.floatingImage img, img.floatingImage {
	border: none;
	max-height: 100%;
	max-width: 100%;
}
a.floatingImage img {
	display: block;
}

#horizont-0 {
	z-index: 10;
}
#horizont-0.menuFixed {
	position: fixed;
	top:0;
	left: 0;
	right: 0;
}
ul.menu-hor-0 li a {
	position: relative;
}
a#hor-res-menu-button {
	display: none;
}

#search {
	padding: 0.5em 0;
	float: right;
}
#search #search_box {
	margin: 0;
	width: 10em;
	height: 2.5em;
	line-height: 28px;
	padding: 0 5px;
	box-sizing: border-box;
}
#search #search_btn {
	width: 5em;
	margin: 0;
	height: 2.5em;
	border-color: #536679;
}
#volby-languages {
	position: relative;
	float: right;
	margin: 0.5em;
}
#volby-languages a {
	display: inline-block;
	margin: 0 0.5em 0 0.5em;
	line-height: 2em;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#volby-languages a:hover {
	text-decoration: underline;
}
div#sicArea {
	float: right;
	z-index: 10;
}
div#midLogArea {
	text-align: center;
}
div#midLogArea .floatingImage {
	float: none;
}
#head-sogan {
	position: absolute;
	bottom: 0em;
	left: 0;
	right: 0;
}
#head-sogan div {
	padding: 1em;
	background-color: rgba(0,0,0,0.5);
	font-weight: bold;
	color: #FFF;
	font-size: 150%;
	position: absolute;
	bottom: 3em;
	left: 0;
}
#banhead {
	position: relative;
	clear: both;
}
.mhdr {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#user-info {
	text-align: right;
}

#bottom-mapline iframe {
	width: 100%;
	height: 400px;
	border: none;
	display: block;
}
div#bottom-menuline-in,
#bNews,#newsElement, div#newsElement > div {
	overflow: hidden;
}

ul#m3, div#bNews, div#newsletter-envelope, div#advb-in {
	margin-top: 1em;
	margin-bottom: 1em;
}

ul#m3 {
	padding: 0;
}
ul#m3 li {
	list-style-type: none;
}
ul#m3 > li {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 1em;
}

a.micro_art_more {
	padding-left: 2em;
}
.micro_art_unique p, 
.micro_art_unique h1, .micro_art_unique h2, .micro_art_unique h3 {
	margin: 0;
	padding: 0;
}
.micro_art_unique ul, .micro_art_unique ol {
	margin: 0;
	padding-left: 20px;
}
.micro_art_unique ul.downloadElement,
.micro_art_unique ul.downloadElement li {
	padding: 0;
}
.micro_art_unique ul.downloadElement li a {
	height: auto;
}
.micro_art_unique img {
	max-width: 100%;
}
.micro_art_unique a img {
	border: none;
}
.micro_art_unique div.download form {
	text-align: center;
	margin: 5px 0;
}
.micro_art_unique div.download input[type="password"],
.micro_art_unique div.download input[type="text"] {
	margin: 0;
	width: 150px;
}
.micro_art_unique div.download form.downloadsInputError {
	padding: 2px 0;
	margin: 3px 0;
	color: #7c0000;
	border: 1px solid #F00;
	background-color: #e56666;
	border-radius: 3px;
	max-width: 400px;
}

.micro_art_unique .webbase_form select,
.micro_art_unique .webbase_form textarea,
.micro_art_unique .webbase_form input[type="text"],
.micro_art_unique .webbase_form .calendar_element,
.micro_art_unique #newsletter_form_envelope input[type=text]{
	width: 100%;
}
.micro_art_unique .webbase_form label,
.micro_art_unique #newsletter_form_envelope label {
	width: auto;
	text-align: left;
	display: block;
}
.micro_art_unique .webbase_form label.form_label_right {
	display: inline-block;
}
.micro_art_unique .webbase_form .halc {
	margin: 0 0 0 0px;
	text-align: center;
}
.micro_art_unique .webbase_form .text_info_div {
	margin: 0 0 0 0px;
	display: block;
}
.micro_art_unique #newsletter_form_envelope input[type="submit"] {
	margin: 0px auto;
	display: block;
}
.micro_art_unique .webbase_form .calendar_element input {
	width: 70%;
}
.micro_art_unique .webbase_form input[type="radio"],
.micro_art_unique .webbase_form input[type="checkbox"] {
	margin: 0 0 0 0px;
}
.micro_art_unique div.calendars {
	width: 100% !important;
}

div#newsletter-envelope {
	overflow: hidden;
}
div#newsletter-envelope form {
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
div#newsletter-envelope h3 {
	margin-top: 0;
	text-align: center;
	box-sizing: border-box;
	padding: 0 1em 0;
	color: #FFF;
}
div#newsletter-envelope p {
	font-size: 100%;
	text-align: center;
}
input#newsletter-mail {
	margin: 0;
	width: 70%;
	height: 2.5em;
	line-height: 28px;
	padding: 0 5px;
	box-sizing: border-box;
	float: left;
}
input#newsletter-btn {
	width: 27%;
	margin: 0;
	height: 2.5em;
	float: right;
	border-color: #536679;
}

div#advb-in {
	text-align: center;
	overflow: hidden;
}
div#advb-in a {
	vertical-align: middle;
	display: inline-block;
	margin: 0.5em;
}
div#advb-in a img {
	border: none;
	width: auto;
	max-width: 10em;
	height: auto;
	max-height: 7em;
}

#simle_links, #change_version {
	padding: 10px 10px 0 10px;
}

div.submenuArea {
	overflow: hidden;
	margin-top: 1em;
	margin-bottom: 2em;
}
div.subcategory {
	box-sizing: border-box;
	overflow: hidden;
	padding: 0.5em;
	text-align: center;
}
div.subcategory .description {
	overflow: hidden;
}
div.subcategory img {
	max-width: 100%;
	margin-bottom: 0.5em;
}

#categories_envelope_galery {
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
}
.article-preview-gallery {
	width: 18%;
	float: left;
	margin: 1%;
}
.article-preview-gallery h2 {
	margin: 0;
	height: 1.3em;
	overflow: hidden;
	text-align: center;
	font-size: 120%;
}
.article-preview-gallery h2 a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.img-article-preview-gallery {
	width: 100%;
	overflow: hidden;
}
.img-article-preview-gallery a {
	border: 1px solid;
	display: block;
}
.img-article-preview-gallery img {
	border: none;
	width: 100%;
	display: block;
}

div.article-preview {
	position: relative;
	overflow: hidden;
}
div.img-article-preview {
	box-sizing: border-box;
}
div.img-article-preview img {
	border: none;
	width: 100%;
	display: block;
}
div.text-article-preview {
	box-sizing: border-box;
	padding-bottom: 1em;
}

div.articleContent {
	min-height: 15em;
	overflow: hidden;
}
div.articleContent blockquote {
	font-family: Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	border-left: 5px solid #CCC;
	padding-left: 20px;
	padding-right: 8px;
}
div.articleContent img {
	max-width: 100%;
}
a.tlacitko {
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	border: 1px solid;
}

ul.downloadElement, div.photosArea {
	padding: 0;
	margin: 15px 0;
}
div.download input[type="password"],
div.download input[type="text"],
div.photogalery input[type="password"],
div.photogalery input[type="text"] {
	margin: 0 10px;
	width: 150px;
}
div.download form.downloadsInputError,
div.photogalery form.photosInputError {
	padding: 2px 0;
	margin: 3px 0;
	color: #7c0000;
	border: 1px solid #F00;
	background-color: #e56666;
	border-radius: 3px;
	max-width: 400px;
}

ul.downloadElement {
	margin: 0;
	padding: 0 0 20px 0;
}
ul.downloadElement li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px;
}
ul.downloadElement li a {
	background-image: url('./img/floppy2.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	min-height: 41px;
	height: 2em;
	line-height: 2em;
	display: inline-block;
}
ul.downloadElement li span {
	display: block;
	font-style: italic;
	padding-left: 46px;
}

div.photosArea a {
	display: block;
	float: left;
	border-width: 1px;
	border-style: solid;
	margin: 10px;
	box-sizing: border-box;
}
div.photosArea a img {
	display: block;
	border: none;
	width: 190px;
	height: 143px;
	padding: 1px;
	box-sizing: border-box;
}
div.photosArea.photogallery_vertical a {
	margin: 18px;
}
div.photosArea.photogallery_vertical a img {
	width: 143px;
	height: 190px;
}

div.sPhotos_element {
	position: relative;
	overflow: hidden;
	margin: 1em 0;
	width: 100%;
	min-height: 153px;
}
div.sPhotos_element.sPhotos_element_vertical {
	min-height: 200px;
}
div.sPhotos_element img {
	position: relative;
	float: right;
}
div.sPhotos_element div.cleaner {
	clear: left;
}
div.sPhotos_envelope {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100%;
}
div.sPhotos_envelope a {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 143px;
}
div.sPhotos_element_vertical div.sPhotos_envelope a {
	width: 143px;
	height: 190px;
}
div.sPhotos_envelope a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

div.error404 {
	margin: 10em auto;
	max-width: 500px;
	text-align: center;
	border: 1px dotted #F00;
	padding: 10px;
	text-align: center;
}

div.offsetPart {
	text-align: center;
	padding: 0;
	margin: 1em 0;
	clear: both;
}
div.offsetPart a {
	display: inline-block;
	margin: 0.2em;
	height: 3em;
	width: 3em;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	transform: rotate(90deg);
}
div.offsetPart a.loading {
	border-radius: 50%;
	opacity: 0.5;
}

#map_area ul li a {
	margin: 0 0 1em 0;
	display: inline-block;
}

h3.search_result_title {
	margin-bottom: 0;
}
div#data-center-text {
	margin-bottom: 2em;
}

#newsletter_result {
	padding: 20px;
	font-weight: bold;
}
#newsletter_error {
	color: #F00;
	font-weight: bold;
	text-align: center;
}

input.form_stext, label.form_stext {
	display: none;
}
.webbase_form_div,
#newsletter_form_envelope {
	max-width: 700px;
	width: auto;
	margin: 0 auto 2em auto;
}
.webbase_form_line,
.newsletter_line,
.newsletter_line_error {
	margin: 1em 0 0;
}
.webbase_form_line_unit {
	margin: 0.5em 0;
}
.webbase_form label.form_error, .webbase_form label.form_error1,
.newsletter_line_error label {
	background-image: url('../img/form_error.png');
	background-repeat:  no-repeat;
}
.webbase_form label.form_error,
.newsletter_line_error label {padding-left: 16px; background-position:  left center;}
.webbase_form label.form_error1 {padding-right: 16px; background-position:  right center;}
.webbase_form {
	position: relative;
}
.webbase_form select,
.webbase_form textarea,
.webbase_form input[type="text"],
#newsletter_form_envelope input[type="text"] {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
}
.webbase_form input[type="text"],
#newsletter_form_envelope input[type="text"],
.webbase_form .calendar_element input,
.webbase_form input[type="date"] {
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding: 0 0.5em;
}
.webbase_form label,
#newsletter_form_envelope label {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
	display: inline-block;
	text-align: right;
	padding: 0 1em 0 16px;
}
.webbase_form .halc,
#newsletter_form_envelope input[type="submit"] {
	margin: 0 0 0 200px;
}
.webbase_form .text_info_div {
	margin: 0 0 0 100px;
}
.webbase_form .calendar_element {
	width: 200px;
	max-width: 100%;
	height: 2em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.webbase_form input[type="button"],
#newsletter_form_envelope input[type="submit"] {
	height: 2em;
}
.webbase_form label.form_label_right {
	text-align: left;
	padding-left: 0px;
	padding: 0 16px 0 1em;
	max-width: 70%;
}
.webbase_form label.valt {
	vertical-align: top;
}
.webbase_form label.valb {
	vertical-align: bottom;
}
.webbase_form label.vals {
	vertical-align: middle;
}
.webbase_form input[type="radio"],
.webbase_form input[type="checkbox"] {
	margin: 0 0 0 200px;
	padding: 0;
	vertical-align: middle;
}
.webbase_form .calendar_element input {
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	max-width: 90%;
	box-sizing: border-box;
}
.webbase_form .calendar_element a.calendar_handle {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('../img/calendar.png');
	background-color: transparent;
}
a.input_element_calendar_icon_href {
	text-decoration: none;
}
img.input_element_calendar_icon {
	margin-bottom: -2px;
	border: none;
}
div.input_element_calendar_div {
	display: block;
	position: absolute;
	top: 0px;
	left: 150px;
	width: 149px;
	height: 199px;
	border: 1px solid #847FAF;
	border-radius: 3px;
	padding: 1px;
	background-color: #ffffff;
	color: #000;
	font-size: 11px;
	z-index: 1000;
	-moz-box-shadow: 1px 1px 1px #555555;
	-webkit-box-shadow: 1px 1px 1px #555555;
	box-shadow: 1px 1px 1px #555555;
}
a.input_element_calendar_today {
	display: block;
	height: 18px;
	background-color: #97B9E8;
	border-radius: 1px;
	text-align: center;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	text-decoration: none;
	color: #000000;
}
a.input_element_calendar_pred, a.input_element_calendar_next {
	display: block;
	height: 18px;
	width: 28px;
	border: 1px solid transparent;
	border-radius: 2px;
	text-align: center;
	position: absolute;
	top: 22px;
	padding: 1px;
}
a:hover.input_element_calendar_pred, a:hover.input_element_calendar_next {
	border: 1px solid #847FAF;
}
a.input_element_calendar_pred span, a.input_element_calendar_next span {
	display: block;
	width: 28px;
	height: 18px;
	background-color: transparent;
	border-radius: 1px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}
a:hover.input_element_calendar_pred span, a:hover.input_element_calendar_next span {
	background-color: #97B9E8;
}
a.input_element_calendar_pred {
	left: 1px;
}
a.input_element_calendar_pred span {
	background-image: url('../img/left.png');
}
a.input_element_calendar_next {
	right: 1px;
}
a.input_element_calendar_next span{
	background-image: url('../img/right.png');
}
div.input_element_calendar_month {
	display: block;
	height: 18px;
	width: 85px;
	text-align: center;
	position: absolute;
	top: 22px;
	left: 33px;
	text-align: center;
	padding: 4px 0px 0px 0px;
}
div.input_element_calendar_days {
	display: block;
	height: 155px;
	width: 148px;
	border: none;
	text-align: center;
	position: absolute;
	top: 45px;
	left: 1px;
	padding: 1px;
}
span.input_element_calendar_day_title {
	display: block;
	width: 17px;
	height: 15px;
	background-color: #D9E6FB;
	float: left;
	border: 1px solid #ffffff;
	border-radius: 2px;
	padding: 1px;
}
a.input_element_calendar_day span, a.input_element_calendar_day_tmp span {
	display: block;
	width: 17px;
	height: 15px;
	background-color: transparent;
	border-radius: 1px;
	text-align: center;
}
a.input_element_calendar_day, a.input_element_calendar_day_tmp {
	display: block;
	float: left;
	border: 1px solid transparent;
	width: 17px;
	height: 15px;
	border-radius: 2px;
	padding: 1px;
	text-decoration: none;
	color: #000000;
}
a.input_element_calendar_day_tmp {
	color: #888888;
}
a:hover.input_element_calendar_day, a:hover.input_element_calendar_day_tmp {
	border: 1px solid #847FAF;
}
a:hover.input_element_calendar_day span, a:hover.input_element_calendar_day_tmp span {
	background-color: #97B9E8;
}
a.input_element_calendar_act_day {
	border: 1px solid #847FAF;
}


div.ssPhotos_element {
	width: 100%;
	overflow: hidden;
}
div.ssPhotos_envelope {
	position: relative;
	width: 100%;
	height: 100%;
}
div.ssPhotos_envelope img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	max-width: none;
}

div.inq-envelope-article div.inq-envelope-in {
	max-width: 400px;
	width: auto;
	margin: auto;
}
.inq-envelope-in h2 {
	margin-top: 0;
	text-align: center;
}
p.inq_question {
	padding: 0;
}
p.inq_question,
div.inq_answers {
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
}
a.inq_ans,
div.inq_ans {
	display: block;	
	text-decoration: none;
}
div.inq-envelope div.inq-envelope-in a.inq_ans,
div.inq-envelope div.inq-envelope-in div.inq_ans {
	margin: 1em 0;
}
div.inq-envelope-article div.inq-envelope-in a.inq_ans,
div.inq-envelope-article div.inq-envelope-in div.inq_ans {
	margin: 5px 0 20px 0;
}
a span.inq_ans_name {
	text-decoration: underline;
}
a:hover span.inq_ans_name {
	text-decoration: none;
}
a.inq_ans span.inq_ans_bar, div.inq_ans span.inq_ans_bar {
	display: block;
	height: 18px;
	min-width: 1px;
	margin-top: 2px;
	background: url('../img/anket_shadow.png') left center #888;
}

div.cont-Area {
	margin: 1em auto;
	max-width: 400px;
}
div.cont-textFirst, div.cont-textLast {
	margin: 10px 0;
}
div.cont-questionsPart {
	margin: 15px 0 0 15px;
}
div.cont-questionPart {
	margin: 1em 0 2em 0;
}
div.cont-question {
	margin: 5px 0;
}
div.cont-answersPart {
	margin: 0 0 0 10px;
}
.cont-answerPart {
	margin: 0.5em 0;
}
.cont-answerPart input[type="checkbox"] {
	vertical-align: middle;
}
.cont-answerPart label {
	margin-left: 6px;
}
div.cont-identPart {
	margin: 15px 0;
}
.cont-identEmail,
.cont-identName,
.cont-identNote {
	padding: 0;
	margin: 1em 0;
}
div.cont-identPart input[type="text"],
div.cont-identNote textarea {
	width: 200px;
}
div.cont-identPart label {
	display: inline-block;
	width: 120px;
}
div.cont-identNote {
	position: relative;
}
div.cont-identNote label {
	vertical-align: top;
}

div#ppb_b {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url('img/bbp_bg.png') transparent;
}
div#ppb_b-in {
	position: relative;
	width: 400px;
	max-width: 100%;
	height: 250px;
	margin: 70px auto 0 auto;
	padding: 0;
	max-height: calc(100% - 78px);
}
a.ppb_close {
	display: block;
	position: absolute;
	top: -40px;
	right: 0;
	background: url('img/ppb_close.png') no-repeat right center;
	padding: 0 35px 0 0;
	height: 32px;
	line-height: 32px;
}
div.ppb_cnt {
	position: relative;
	width: 100%;
	height: 100%;
}
img#ppb_img {
	margin: 0px auto;
	display: block;
	max-width: 100%; max-height: 100%;
}
div#ppb_no_img {
	background-color: #FFF;
	width: 100%;
	height: 100%;
}
a#ppb_link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	background: url('img/blank.gif') transparent;
}
div#ppb_text_envelope {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
div#ppb_text {
	position: relative;
	margin: 15px;
}
div#ppb_mb {
	position: fixed;
	top: 20%;
	right: 0px;
	z-index: 1000;
}
div#ppb_mb a img {
	border: none;
}

span#login_form_icon {
	position: absolute;
	top: -16px;
	left: -15px;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('./img/encrypted.png');
}
img#login_form_icon {
	position: absolute;
	top: -16px;
	left: -15px;
}
div#login_form_message {
	margin: 3em auto;
	padding: 0 1em;
	text-align: center;
}
div#login_form_envelope {
	max-width: 22em;
	margin: 3em auto;
	padding: 1em;
	width: auto;
	position: relative;
	border: 1px solid #b90000;
	background-color: #902b2b;
	color: #ffffff;
	text-align: right;
}
#login_form label {
	padding: 0 1em 0 0;
}
input#user_login, input#user_password {
	height: 2em;
	line-height: 2em;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
	width: 10em;
	background-color: #ffffff;
	border: 1px solid #b90000;
	color: #000000;
}
input.input_button {
	height: 2em;
	background-color: #b90000;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#cs_bx_envl {
	display: flex;
	background: rgba(0,0,0,0.4);
	z-index: 900;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cs_bx {
	background-color: #FFF;
	color: #000;
	border-top: 1px solid #888;
	padding: 30px 30px 0;
	box-sizing: border-box;
	margin: auto;
	position: relative;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0px 0px 20px #000;
}
#cs_bx p {
	padding: 0;
}
#cs_bx a#cs_l {
	color: blue;
}

#cs_bx a#cs_bu_y,
#cs_bx a#cs_bu_n,
#cs_bx a#cs_bu_close {
	background-color: #eee;
	border: 1px solid #777;
	border-radius: 2px;
	color: #000;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}
#cs_bx a#cs_bu_close {
	position: absolute;
	top: -1px;
	right: -1px;
	margin: 0;
	line-height: 19px;
	padding: 4px 8px;
}
#cs_bx a#cs_bu_y,
#cs_bx a#cs_bu_n {
	display: inline-block;
	width: 45%;
	line-height: 3em;
}

#scrollToHome {
	position: fixed;
	right: 1em;
	bottom: 1em;
	width: 3em;
	height: 3em;
	line-height: 3em;
	border: 1px solid;
	border-radius: 3px;
	text-decoration: none;
	background-color: rgba(83,102,121,0.5);
	z-index: 15;
	display: none;
}

.fCalendarEnvelope {
	width: 100%;
	position: relative;
}
.fCalendarTitle {
	position: relative;
	height: 15%;
	background-color: #555;
}
.fCalendarIn {
	position: relative;
	height: 85%;
}
.fCalendarPredMonth,
.fCalendarNextMonth {
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	height: 100%;
	line-height: 3;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.fCalendarPredMonth {
	border-right: 1px solid #fff;
}
.fCalendarNextMonth {
	border-left: 1px solid #fff;
}
.fCalendarNextMonth:after {
	content: ">";
}
.fCalendarPredMonth:after {
	content: "<";
}
.fCalendarPredMonth:hover,
.fCalendarNextMonth:hover {
	background-color: #222;
}
.fCalendarActMonth {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	width: 60%;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	line-height: 3;
}
.fCalendarInTitles {
	display: block;
	height: 15%;
	background-color: #333;
}
.fCalendarInTitles:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.fCalendarInTitles span {
	display: inline-block;
	vertical-align: middle;
	width: 14%;
	cursor: default;
	color: #fff;
	text-align: center;
}
.fCalendarInTitlesWeekend {
	width: 15% !important;
}
.fCalendarInTitles span span {
	text-align: center;
}
.fCalendarInDays:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.fCalendarInDays {
	height: 85%;
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}
.fCalendarInDays span {
	display: block;
	width: 14%;
	line-height: 2.45;
	text-align: center;
	float: left;
	position: relative;
	cursor: default;
	overflow: hidden;
}
.fCalendarInDays span.fCalendarInWholeDay,
.fCalendarInDayWeekend.fCalendarInWholeDay {
	background-color: #AAAACC !important;
}
.fCalendarInDays span span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #eee;
	vertical-align: middle;
	border-left: 1px solid #bbbcbb;
	border-top: 1px solid #bbbcbb;
}
.fCalendarInDaysWeekend {
	width: 15% !important;
}
.fCalendarInDayWeekend,
.fCalendarInDayTmpweekend {
	background-color: #ddd !important;
}
.fCalendarInDayTmp,
.fCalendarInDayTmpweekend {
	color: #999;
}
.fCalendarInDay {
	color: #2e2e2e ;
}
.fCalendarInDay:hover,
.fCalendarInDayWeekend:hover,
.fCalendarInDayWeekend.fCalendarInWholeDay:hover,
.fCalendarInDay.fCalendarInWholeDay:hover,
.fCalendarToday:hover,
.fCalendarInDaySelected {
	background-color: #555 !important;
	color: #fff ;
}
.fCalendarToday {
	color: #FFF;
	background-color: #779 !important;
}
.fCalendarInDays span span.fCalendarTodayIsIt {
	display: block;
	width: 90%;
	height: 20%;
	background-color: #337;
	position: absolute;
	bottom: 0;
	right: 5%;
}
span.fCalendarInDay:hover span.fCalendarTodayIsIt,
span.fCalendarInDaySelected span.fCalendarTodayIsIt,
span.fCalendarInActDay span.fCalendarTodayIsIt {
	background-color: #eee ;
}

div.fCalendarHint {
	display: none;
	position: absolute;
	background-color: #D9D9D9;
	border: 1px solid #888;
	box-shadow: 0 0 4px #888888;
	padding: 0.5em;
	font-size: 14px;
	color: #666;
	z-index: 11;
}
div.fCalendarInEnvp,
a.fCalendarInLink {
	margin: 10px 0;
	display: block;
	text-decoration: none;
	color: #666;
}
a.fCalendarInLink,
a.fCalendarInLink span {
	cursor: pointer;
}
div.fCalendarHint h2 {
	font-size: 120%;
	color: #333333;
	margin: 0;
	text-align: center;
}
div.fCalendarHint span {
	width: 100%;
	display: block;
	line-height: 1.5;
	float: none;
	text-align: left;
}
div.fCalendarHint span.timestamp {
	font-size: 80%;
	margin-right: 5px;
	border-top: 1px solid #AAA;
}
div.fCalendarHint span.description {
	margin-left: 5px;
}
div.fCalendarHint span.title {
	font-weight: bold;
}
a.fCalendarInLink span.title {
	text-decoration: underline;
}
a.fCalendarInLink:hover span.title {
	text-decoration: none;
}

table.datatable {
	border-collapse: collapse;
	height: auto !important;
	margin: 2em auto;
}
table.datatable td,
table.datatable th {
	border: 1px solid;
	padding: 0.5em;
}
/*** - mainscreen_pres */
body {background-color: #ffffff;}
/*** color */
body { color: #222;}
h1, h2, h3 { color: #50a446;}
a,div.text-article-preview h2 a,.barva { color: #50a446;}

a:hover, div.photosArea a:hover,
div.eshopListItem h4, div#shop-text-part h4, .lastEshopItemPrice, span#actionPrice {
	color: #408338;
}
/*** background */
#shopinfoline,
div#actionsEnvelope>a,
a#hor-res-menu-button,
div#eshBasBa,
div.offsetPart a,
div.basket-navigation-item a.actnav, #nextButton,
div.shop_simple_buy_progres div.completed,
a.ordersList, #backWholeButton,
ul#shop-navigation li a:hover,
ul#shop-navigation li a.actual,
ul.menu-hor-0 li a:hover,ul.menu-hor-0 li a.a_active,
ul.menu-lev-0 li a,ul.menu-prav-0 li a,
a#hor-res-menu-button {
	background-color: #50a446;
}
div#bottom-menuline {
	background-color: #132710;
	color: #FFF;
}
div#bottom-menuline a,  div#bottom-menuline h2 {
	color: #FFF;
}
div#bottom-menuline a:hover {
	color: #50a446;
}
input[type=button]:hover, input[type=submit]:hover,
div.offsetPart a:hover,
div.basket-navigation-item a.actuale span.number,
input[type="button"]:hover, input[type="submit"]:hover,
div.shop-inputs input.buy-btn:hover, div#shop-text-part div#shop-inputs-part input[type="button"]:hover,
#nextButton:hover, a.ordersList:hover, #backWholeButton:hover,
div#actionsEnvelope > a:hover {
	background-color: #408338;
}
/*** border */
div.article-preview,
.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img,
div.photosArea a:hover {
	border-color: #408338;
}
/*** ostatní */
input[type=button], input[type=submit] {
	border: 1px solid #536679;
	background-color: #536679;
	color: #FFF;
}
div.offsetPart span {
	background-color: #EEE;
}
div#top_area_path_part, div#top_area_path_part a {
	color: #999;
}
div.basket-navigation-item a.actnav, #nextButton,
div.shop_simple_buy_progres div.completed,
a.ordersList, #backWholeButton,
#shopinfoline,
div#actionsEnvelope>a,
a#hor-res-menu-button,
div#eshBasBa,
div.offsetPart a {
	color: #FFF;
}
div.basket-navigation-item a.actnav, #nextButton,
div.shop_simple_buy_progres div.completed,
a.ordersList, #backWholeButton {
	background-image: none;
}
body { font-family: "Play" !important; }
/*** tema ban bez barvy */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#foot a, #foot {
	color: #3b414a;
}
#foot {
	background-color: #EEEEEE;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul#m3 a {
	text-decoration: none;
}
ul#m3 a:hover {
	text-decoration: underline;
}
ul#m3, div#newsletter-envelope, div#advb-in {
	width: 50%;
	box-sizing: border-box;
	float: left;
}
ul#m3 > li {
	width: 33%;
}

#foot {
	text-align: center;
}

/* aktuality */
a.aktual-more {
	display: block;
	width: 50px;
	position: absolute;
	bottom: 20px;
	right: 0;
	text-align: right;
}
.newsElement .aktual-date {
	font-style: italic;
	display: block;
}
.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img {
	float: left;
	max-width: 50%;
	margin: 0.2em;
	border: none;
}
.newsEnvelope p, .actionsEnvelope p, .newsEnvelope h2, .actionsEnvelope h2 {
	margin: 0;
	padding: 0 0.2em;
}
div#newsElement > div {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	padding: 0 1em 3em 1em;
	float: left;
}
div#bNews {
	width: 100%;
	clear: both;
}
div#newsElement div.micro_art_unique {
	width: 100%;
	padding: 1em 0 0;
}
div#newsElement div.micro_art_unique h2 {
	border-bottom: none;
	display: none;
}

/* drobeckova navigace */
div#top_area_path_part {
	font-size: 0.8em;
	height: 2em;
	padding-top: 0.5em;
}
div#top_area_path_part a {
	text-decoration: none;
}
div#top_area_path_part a:hover {
	text-decoration: underline;
}

/* styl rámečků */
div.article-preview-envelope,
#horizont-0.menuFixed,
div#newsElement > div h2, .inq-envelope h2,
div#newsletter-envelope h3 {
	border-bottom: 1px dotted;
}
div.submenuArea {
	display: flex;
	flex-wrap: wrap;
}
div.subcategory {
	border: 1px dotted;
	margin: 1%;
	transition: margin 0.5s ease 0s;
}
div.subcategory h2 {
	overflow: hidden;
}
div.subcategory .description {
	height: auto;
	margin-bottom: 1em;
}
div.subcategory-envelope {
	box-sizing: border-box;
	width: 20%;
}

/* formuláře */
input[type=button], input[type=submit] {
	cursor: pointer;
}
.webbase_form label {
	font-family: Arial, Helvetica, sans-serif !important;
}
.webbase_form .highlight {
	font-weight: bold;
}
.webbase_form div.input_element_calendar_div {
	left: 105px;
}

input[type=text], input[type=password], input[type=checkbox], textarea,
input#newsletter-mail {
	border: 1px solid #CCC;
	color: #000;
	background-color: #FFF;
}
@media(max-width: 1280px) {
	div.subcategory-envelope {
		width: 31%;
		margin: 1%;
	}
}
@media(max-width: 640px){
	div.subcategory-envelope {
		width: 48%;
		margin: 1%;
	}
}
/*** - tema ban bez barvy */

.banhead_1 {background-image: url('./img/banner_o_1.jpg');}
.banhead_2 {background-image: url('./img/banner_o_2.jpg');}
.banhead_3 {background-image: url('./img/banner_o_3.jpg');}
/*** rozlozeni pres */

#categories_envelope_galery,
#topline-in,
#hor-envelope,
#head-sogan,
div#top_area_path_part,
#user-info,
#bottom-menuline-in,
div.submenuArea,
div.category_description, h1.title,
div.article-preview-envelope div.article-preview,
div.articleContent,
#foot-in,
div#login_form_message,
div#data-center-text {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

#foot-in {
	padding: 1em;
	box-sizing: border-box; 
}
#banhead {
	background-color: #ffffff;
}
#banhead.mhdr_1 {
	min-height: 500px;
}
#banhead.mhdr_2 {
	min-height: 250px;
}
#horizont-0.menuFixed {
	background-color: #ffffff;
}
#hor-envelope {
	position: relative
}

/*vypisy*/
div.img-article-preview {
	width: 40%;
	float: right;
	padding-right: 0em;
	padding-left: 3em;
}
div.text-article-preview {
	width: 60%;
	text-align: center;
	float: left;
}
div.article-preview.suda div.img-article-preview {
	float: left;
	padding-left: 0em;
	padding-right: 3em;
}
div.article-preview.suda div.text-article-preview {
	float: right;
}

#newsElement {
	margin: 1em 0;
}

div.contest h2 {
	margin-top: 0;
	text-align: center;
}

div.inq-envelope-in h2 {
	margin-top: 0;
	text-align: center;
}

p.inq_question, div.inq_answers {
	margin: 0 auto;
	max-width: 600px;
	width: 70%;
}
div.calendars {margin: 0 auto;}
@media(max-width: 1280px) {
	#categories_envelope_galery,
	#topline-in,
	div#top_area_path_part,
	#user-info,
	#bottom-menuline-in,
	div.submenuArea,
	div.category_description, h1.title,
	div.article-preview-envelope div.article-preview,
	div.articleContent,
	#data-center-text,
	#foot-in {
		padding-left: 1em;
		padding-right: 1em;
	}
	ul.menu-hor-0 > li > a {
		font-size: 100% !important;
	}
	.article-preview-gallery {
		width: 23%;
		margin: 1%;
	}
	div.photosArea a {
		width: 14%;
		margin: 1%;
	}
	div.photosArea.photogallery_vertical a {
		width: 12%;
		margin: 1%;
	}
	div.photosArea a img,
	div.photosArea.photogallery_vertical a img {
		width: 100%;
		height: auto;
	}
}
@media(max-width: 860px){
	#banhead.mhdr_1 {
		min-height: 350px;
	}
	#banhead.mhdr_2 {
		min-height: 150px;
	}
	#head-sogan div {
		bottom: 1em;
	}
}
@media(max-width: 640px){
	div.article-preview.suda div.img-article-preview,
	div.article-preview.licha div.img-article-preview {
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	div.article-preview.suda div.text-article-preview,
	div.article-preview.licha div.text-article-preview {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}
/*** - rozlozeni pres */

#horizont-0, #horizont-1 {
	height: 45px;
	position: relative;
}

#horizont-0-in, #horizont-1-in {
	height: 100%;
	position: absolute;
	right: 10px;
	top: 0;
}

#horizont-0-top, #horizont-0-bot, 
#horizont-1-top, #horizont-1-bot {
	display: none;
}
div.ban-l div#horizont-0-in,
div.ban-l div#horizont-1-in {
width: 950px;
}
div.ban-m div#horizont-0-in,
div.ban-m div#horizont-1-in {
width: 750px;
}
div.ban-s div#horizont-0-in,
div.ban-s div#horizont-1-in {
width: 550px;
}
ul.menu-hor-0 {
	margin: 0;
	padding: 0 0 0 0;
float: right;
}
ul.menu-hor-0 li ul {
	display: none;
}

ul.menu-hor-0 li {
	list-style-type: none;
	padding: 9px 10px 5px 0;
}
ul.menu-hor-0 a {
	color: #4c8410 !important;
	text-decoration: none !important;
	text-transform: none !important;
	font-weight: bold;
}

ul.menu-hor-0 li {
	display: block;
	float: left;
}
ul.menu-hor-0 li a {
	display: block;
	height: 27px;
	text-align: center;
	line-height: 27px;
	overflow: hidden;
	padding: 0 10px;
}
ul.menu-hor-0 li a:hover,
ul.menu-hor-0 li a.a_active,
a#hor-res-menu-button {
	text-decoration: none !important;
	background-color: #4c8410 !important;
	color: #FFF !important;
}

/* + podmenu */
ul.menu-hor-0 li ul {
	width: 200px;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	border: 1px solid #FFF;
	background-image: none !important;
	background-color: #4c8410 !important;
}

ul.menu-hor-0 li ul li {
	float: none;
	display: block;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
	border-right: 0px none;
}

ul.menu-hor-0 li ul li a{
	color: #FFF !important;
	font-weight: normal;
	text-transform: none;
	display: block;
	width: 180px;
	overflow: hidden;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	position: relative;
	text-align: left;
	background-color: #4c8410 !important;
}
ul.menu-hor-0 li ul li a:hover {
	background-position: bottom;
	text-decoration: underline !important;
}
/* hyper */
div.ban-l ul.menu-hor-hyper > li > ul {
width: 945px !important;
}
div.ban-m ul.menu-hor-hyper > li > ul {
width: 745px !important;
}
div.ban-s ul.menu-hor-hyper > li > ul {
width: 545px !important;
}
ul.menu-hor-hyper > li > ul {
padding: 20px 0 0 4px;
border-width: 0 0 4px 0;
}
div.ban-l ul.menu-hor-hyper > li > ul > li { 
width: 150px;
}
div.ban-m ul.menu-hor-hyper > li > ul > li { 
width: 142px;
}
div.ban-s ul.menu-hor-hyper > li > ul > li { 
width: 130px;
}
ul.menu-hor-hyper > li > ul > li {
height: auto;
float: left;
padding: 0 3px 15px 2px;
}
ul.menu-hor-hyper li ul li a {
width: auto;
}
ul.menu-hor-hyper > li > ul > li > a,
ul.menu-hor-hyper > li > ul > li > a:hover{
border-bottom: 3px double !important;
font-weight: bold;
}
ul.menu-hor-hyper li ul li ul {
background-color: transparent;
position: static;
width: auto;
border: none;
}
ul.menu-hor-hyper li ul li ul li {
float: none;
margin-bottom: 0px;
}
ul.menu-hor-hyper li ul li ul li a {
text-transform: none !important;
}

@media(max-width:970px){
	div#content-0.responzive div#horizont-0-in {
		position: relative !important;
		float: left;
		width: auto;
		height: auto;
	}
}
@media(max-width:640px){
	div#content-0.responzive div#horizont-0-in {
		position: absolute !important;
		float: none;
		height: 100%;
	}
	div#content-0.responzive ul.menu-hor-0 {
		top: 45px;
		background-color: #eee;
	}
	div#content-0.responzive ul.menu-hor-0 li {
		background-image: none;
		border-bottom: 1px dotted;
		height: 2.5em;
		padding: 0;
	}
	div#content-0.responzive ul.menu-hor-0 li a {
		height: 2.5em;
		line-height: 2.5em;
	}
	a#hor-res-menu-button {
		background-image: url('../img/menu-bg.png');
		background-positiion: center top;
		padding: 28px 0px 0;
		text-decoration: none;
		border-radius: 3px;
		color: #FFF;
		text-align: center;
		border: 1px solid rgba(255, 255, 255, 0.5);
		height: 46px;
		right: 0 !important;
	}
	a#hor-res-menu-button span {
		font-size: 12px;
	}
	a#hor-res-menu-button.clicked {
		right: 10px !important;
	}
}




/*** mainscreenend_pres */
@media(max-width: 970px) {
	div.calendars {
		min-width: 30% !important;
	}
	ul#m3, div#bNews, div#newsletter-envelope, div#advb-in {
		float: none;
		width: 100%;
	}
}
@media(max-width: 860px) {
	body {
		font-size: 100%;
	}
	div#content-2-in {
		padding-right: 0;
	}
	div.text-article-preview h2 a {
		font-size: 100%;
	}
	.article-preview-gallery {
		margin: 1em;
	}
	div#ppb_mb {
		display: none !important;
	}
	table.datatable {
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
		width: 100% !important;
	}
	div.calendars {
		min-width: 50% !important;
	}
	#search {
		position: relative;
		float: right;
	}
	#banhead {
		overflow: hidden;
	}
	.article-preview-gallery {
		width: 30%;
		margin: 1%;
	}
	div.photosArea a,
	div.photosArea.photogallery_vertical a {
		width: 23%;
	}
}

@media(max-width: 640px) {
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		position: relative;
		min-height: initial;
	}
	#horizont-0-in {
		height: 0;
		width: auto;
		top: 0;
	}
	ul.menu-hor-0 {
		position: fixed;
		top: 45px;
		right: 0;
		bottom: 0;
		height: auto;
		overflow: auto;
		min-width: 50%;
		max-width: 75%;
		display: none;
		background-color: rgba(255,255,255,0.9);
	}
	#horizont-0.menuFixed {
		position: relative;
	}
	ul.menu-hor-0 li {
		float: none;
		margin: 0;
	}
	ul.menu-hor-0 li,
	ul.menu-hor-0 li a {
		line-height: 3em;
		height: 3em;
	}
	a#hor-res-menu-button {
		display: block;
		box-sizing: border-box;
		width: 50px;
		height: 45px;
		position: absolute;
		top: 0;
		right: 10px;
		line-height: 13px;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
		padding: 20px 10px 0;
		background-image: url('img/hor_res_menu_button.png');
		background-repeat: no-repeat;
		background-position: center 5px;
	}
	a#hor-res-menu-button.clicked {
		position: fixed;
		right: 10px;
	}
	#topline-in {
		text-align: center;
	}
	.floatingImage,
	div#sicArea {
		float: none;
	}
	#search {
		margin: 0 auto;
		width: 14em;
		float: none;
	}
	#volby-languages {
		float: none;
		margin: 1em auto;
	}
	#bottom-mapline iframe {
		height: 180px;
	}
	div#newsElement > div {
		width: 100%;
	}
	.article-preview-gallery {
		width: 48%;
		margin: 1%;
	}
	div.photosArea a {
		width: 48%;
	}
	div.photosArea.photogallery_vertical a {
		width: 31%;
	}
	div#login_form_envelope {
		text-align: left;
	}
	.login_form_label, input#user_login, input#user_password {
		display: block;
		width: 90%;
	}
	div.div50, div.div33 {
		width: 100%;
		float: none;
	}
}

@media(max-width: 500px) {
	.webbase_form select,
	.webbase_form textarea,
	.webbase_form input[type="text"],
	.webbase_form .calendar_element,
	#newsletter_form_envelope input[type=text]{
		width: 100%;
	}
	.webbase_form label,
	#newsletter_form_envelope label {
		width: auto;
		text-align: left;
		display: block;
	}
	.webbase_form label.form_label_right {
		display: inline-block;
	}
	.webbase_form .halc {
		margin: 0 0 0 0px;
		text-align: center;
	}
	.webbase_form .text_info_div {
		margin: 0 0 0 0px;
		display: block;
	}
	#newsletter_form_envelope input[type="submit"] {
		margin: 0px auto;
		display: block;
	}
	.webbase_form .calendar_element input {
		width: 70%;
	}
	.webbase_form input[type="radio"],
	.webbase_form input[type="checkbox"] {
		margin: 0 0 0 0px;
	}
	div.calendars {
		width: 100% !important;
	}
}
/*** - mainscreenend_pres */
