/*** mainscreen_ban */

:root {
	--green: #5b7112;
	--orange: #ec6a1f;
	--opacity_pruh: 0.9;
	--green_opacity: rgba(91,113,18,var(--opacity_pruh));
	--orange_opacity: rgba(236,106,31,var(--opacity_pruh));
	--mobil_button: 32px;
	--mobil_button_top: calc(1rem + 16px);
	--mobil_top: 60px;
	--mobil_padding: calc( ( var(--mobil_top) - var(--mobil_button) ) / 2 ) ;
}

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-image: url('./img/bg_wall.jpg');
	background-repeat: repeat-x; background-position: top center; background-attachment: fixed;
	background-color: #fbfaf8;
	font-family: "Poppins", sans-serif;
	font-size: 1em;
	line-height: 1.3;
	color: #022534;
}

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

table {
	border-collapse: collapse;
	height: auto !important;
	margin: 2em auto;
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	max-width: 100% !important;
}
table td,
table th {
	border: 1px solid;
	padding: 0.5em;
}

.tlacitko {
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	border: 1px solid;
	color: var(--green);
	border-radius: 5px;
}
.tlacitko:hover {
	background-color: var(--green);
	color: #FFF;
}

.orange_icon {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	min-width: 34px;
	position: relative;
	padding-left: 34px;
	box-sizing: border-box;
	overflow: hidden;
	color: #FFF;
	text-decoration: none;
}
.orange_icon:hover {
	color: #FFF;
}
a.orange_icon:hover::before {
	animation: icon_move 0.5s;
}
.orange_icon::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--orange);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
}
.orange_icon.text_icon {padding-left: 40px;}
.orange_icon.no_text_icon {width: 34px; }

h1 { font-size: 220%; }
h2 { font-size: 160%; }
h3 { font-size: 120%; }

#icons_line { position: relative; }
#icons_line .site_sized { border-bottom: 2px solid var(--orange);  padding-top: 2rem; padding-bottom: 2rem; line-height: 1; display: flex; flex-wrap: wrap; justify-content: space-between;}

.left_site .orange_icon { margin-right: 2rem; }
.left_site .orange_icon:last-child { margin-right: 0; }
.right_site .orange_icon { margin-left: 2rem; }
.right_site .orange_icon:first-child { margin-left: 0; }

.orange_icon.phone { line-height: 25px; }
.orange_icon.phone span { display: block; line-height: 1; font-size: 80%; }

.orange_icon.fb::before { background-image: url('img/icon_facebook.png'); }
.orange_icon.shop::before { background-image: url('img/icon_shop.png'); }
.orange_icon.insta::before { background-image: url('img/icon_insta.png'); }
.orange_icon.yt::before { background-image: url('img/icon_youtube.png'); }
.orange_icon.mail::before { background-image: url('img/icon_mail.png'); }
.orange_icon.phone::before { background-image: url('img/icon_phone.png'); }
.orange_icon.home::before { background-image: url('img/icon_home.png'); }

@keyframes icon_move {
	0% { background-size: 5px;}
	100% { background-size: 30px;}
}


#green_head_line {
	background-color: var(--green_opacity);
	position: relative;
	z-index: 10;
/*	background-image: url('img/stopa_spary.png'), url('img/stopa_drapy.png');
	background-repeat: no-repeat;
	background-position: 98% 25%, 1% -1%;
*/
}
#green_head_line::before {
	content: "";
	display: block;
	width: 100%; height: 12px;
	position: absolute;
	bottom: -12px;
	background: url('img/kus_green.png') repeat-x top center;
	opacity: var(--opacity_pruh);
}
#orange_head_line {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 10%;
	max-height: 80px;
	min-height: 20px;
	background: var(--orange_opacity);
}
#orange_head_line::after {
	content: "";
	display: block;
	width: 100%; height: 14px;
	position: absolute;
	top: -14px;
	background: url('img/kus_orange.png') repeat-x top center;
	opacity: var(--opacity_pruh);
}
.subpage #orange_head_line {
	height: 10px;
	max-height: initial;
	min-height: initial;
}

#green_bubles {
	text-align: center;
}
a.green_buble {
	display: inline-block;
	width: 160px;
	aspect-ratio: 1;
	background-color: var(--green);
	color: #FFF;
	border-radius: 50%;
	margin: 1rem;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 20px;
}
a.green_buble::before {
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	background: no-repeat center;
}
a.green_buble.stanice::before { background-image: url('img/bouble_stanice.png'); }
a.green_buble.eko::before { background-image: url('img/bouble_eko.png'); }
a.green_buble.adopce::before { background-image: url('img/bouble_adopce.png'); }
a.green_buble.posudek::before { background-image: url('img/bouble_posudek.png'); }

a.green_buble:hover { color: #FFF; }
a.green_buble:hover::before {
	animation: icon_move2 0.5s;
}
@keyframes icon_move2 {
	0% { background-size: 5px;}
	100% { background-size: 60px;}
}

#head_envelope {
	width: 100%;
	position: relative;
	min-height: 500px;
	padding-top: 1px;
}
#head_envelope.homepage {
	min-height: 700px;
}


#topline-in {
	overflow: hidden;
	margin-top: 20px;
}

#logo {
	aspect-ratio: 526/162;
	width: 526px;
	max-width: 100%;
	overflow: hidden;
	margin: 4rem auto 6rem;
}
#logo.sub { width: 250px; margin: 0; position: absolute; left: 0;top: 0;}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 32%;
	box-sizing: border-box;
	background: url('img/logo_v2.png') no-repeat center top;
	background-size: contain;
}
#logo.sub a { background-image: url('img/logo_w.png'); }


#logo_mobile {
	display: none;
	aspect-ratio: 526/162;
	width: 250px;
	max-width: 100%;
	overflow: hidden;
	margin: 1rem auto 0;
}
#logo_mobile a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 32%;
	box-sizing: border-box;
	background: url('img/logo_w.png') no-repeat center top;
	background-size: contain;
}

.subpage #horizont-0-in { box-sizing: border-box; padding: 20px 0 0 270px; position: relative; min-height: 77px; }

a.hadr {
	position: absolute;
	top: calc(50% - 200px);
	display: block;
	height: 110px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	padding: 25px;
	overflow: hidden;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
a.hadr:hover { color: #FFF; }
a.hadr.zvire { background-image: url('img/hadr_orange.png'); left: 0; background-position: right center;}
a.hadr.podpora { background-image: url('img/hadr_green.png'); right: 0;  background-position: left center; }

a.hadr::before {
	content: "";
	display: block;
	float: left;
	width: 59px;
	height: 55px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
a.hadr:hover::before {
	animation: icon_move2 0.5s;
}
a.hadr.podpora::before { background-image: url('img/hadr_heard.png'); }
a.hadr.zvire::before { background-image: url('img/hadr_echo.png'); }

.subpage #green_bubles { display: none; }
.subpage #hadr { display: none; }


#horizont-0 {
	position: relative;
	padding: 2rem 0;
}
.subpage #horizont-0 { padding: 1rem 0; }
#m0 { margin: 0; padding: 0; text-align: center; }
.subpage #m0 { text-align: left; }
#m0 li { display: inline-block; margin: 0 1em; font-size: 18px; }
.subpage #m0 li { margin: 0 0 0 28px; font-size: 16px; }
#m0 li a { color: #FFF; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#m0 li a:hover { text-decoration: underline; }
#m0 li ul { display: none; }


#head-sogan {
	position: absolute;
	bottom: 0em;
	left: 0;
	right: 0;
	z-index: 1;
}
#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 {
	clear: both;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
.mhdr {
	background-repeat: no-repeat;
	background-position: 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;
}

div#bNews, div#advb-in {
	margin-top: 1em;
	margin-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 {}
.micro_art_unique ul, .micro_art_unique ol {}
.micro_art_unique ul.downloadElement,
.micro_art_unique ul.downloadElement li {}
.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{
	width: 100%;
}
.micro_art_unique .webbase_form 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 .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;
}



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 {
	padding: 10px 10px 0 10px;
}

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


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


/* + downloads */
ul.in_article_download {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
ul.in_article_download li {
	list-style-type: none;
	margin: 0;
	padding: 0 1rem 0 0;
	box-sizing: border-box;
}
ul.in_article_download li::before { display: none; }
ul.in_article_download li a {
	display: inline-block;
	position: relative;
	color: #2A2A2A;
	text-decoration: none;
	padding-left: 80px;
	padding-top: 20px;
	min-height: 66px;
}
a.download_link_type::before {
	content: "";
	background-image: url('./img/download/download.png');
	background-repeat: no-repeat;
	background-position: left center;
	height: 80px;
	width: 66px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	filter: grayscale(100%) brightness(28%);
	margin-right: 0.5em;
	vertical-align: middle;
}
a.download_link_type.file-video_mp4::before,
a.download_link_type.file-video_mpeg::before,
a.download_link_type.file-video_x-msvideo::before
{ background-image: url('./img/download/download_video.png'); }
a.download_link_type.file-audio_mpeg::before,
a.download_link_type.file-audio_wav::before
 { background-image: url('./img/download/download_audio.png'); }
a.download_link_type.file-text_plain::before,
a.download_link_type.file-application_msword::before,
a.download_link_type.file-application_vnd-openxmlformats-officedocument-wordprocessingml-document::before { background-image: url('./img/download/download_txt.png'); }
a.download_link_type.file-application_pdf::before { background-image: url('./img/download/download_pdf.png'); }
a.download_link_type.file-application_vnd-ms-excel::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-spreadsheetml-sheet::before { background-image: url('./img/download/download_excel.png'); }
a.download_link_type.file-application_x-zip-compressed::before,
a.download_link_type.file-application_gzip::before { background-image: url('./img/download/download_zip.png'); }
a.download_link_type.file-application_vnd-ms-powerpoint::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-presentationml-presentation::before { background-image: url('./img/download/download_powerpoint.png'); }
a.download_link_type.file-image_jpeg::before,
a.download_link_type.file-image_png::before,
a.download_link_type.file-image_gif::before
 { background-image: url('./img/download/download_image.png'); }

ul.in_article_download li a:hover::before { filter: grayscale(0%) brightness(100%); }
ul.in_article_download li a:hover {
	text-decoration: underline;
	color: #406214;
}
ul.in_article_download li span.aligning {
	vertical-align: middle;
	display: inline-block;
}
ul.in_article_download li span.desc {
	font-style: italic;
	display: block;
}
ul.in_article_download li span.play {
	display: block;
	margin-top: 0px;
	margin-left: 80px;
}
ul.in_article_download li span.name {}
ul.in_article_download li span.play audio {
	max-width: 150px;
	max-height: 30px;
	border-radius: 15px;
}
ul.in_article_download li a i {
	font-size: 80%;
	white-space: nowrap;
}





div.photosArea a {
	display: block;
	float: left;
	border-width: 1px;
	border-style: solid;
	margin: 0.5%;
	box-sizing: border-box;
}
div.photosArea a img {
	display: block;
	border: none;
	width: 100%;
	height: auto;
	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;
}
div#data-center-text {
	margin-bottom: 2em;
}



input.form_stext, label.form_stext {
	display: none;
}
.webbase_form_div {
	max-width: 700px;
	width: auto;
	margin: 0 auto 2em auto;
}
.webbase_form_line {
	margin: 1em 0 0;
}
.webbase_form_line_unit {
	margin: 0.5em 0;
}
.webbase_form label.form_error, .webbase_form label.form_error1 {
	background-image: url('../img/form_error.png');
	background-repeat:  no-repeat;
}
.webbase_form label.form_error {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"] {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
}
.webbase_form 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 {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
	display: inline-block;
	text-align: right;
	padding: 0 1em 0 16px;
}
.webbase_form .halc {
	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"] {
	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;
}


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% !important;
	max-width: none;
}

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;
	color: #FFF !important;
	border: 1px solid;
	border-radius: 3px;
	text-decoration: none;
	background-color: var(--green);
	z-index: 15;
	display: none;
}




/*** - mainscreen_pres */

/*** barva pro tema */


a,
div.text-article-preview h2 a,
h1, h2, h3, .barva {
	color: #406214;
}
a:hover, div.photosArea a:hover {
	color: #022534;
}
input[type=button], input[type=submit] {
	border: 1px solid #536679;
	background-color: #536679;
	color: #FFF;
}
input[type="button"]:hover, input[type="submit"]:hover,
div#actionsEnvelope > a:hover {
	background-color: #022534;
}

div#actionsEnvelope>a {
	background-color: #124551;
	color: #FFF;
}
div#bottom-menuline {
	background-color: var(--green);
	color: #FFF;
}
div#bottom-menuline a,
div#bottom-menuline a:hover {
	color: #FFF;
}
div.article-preview,
.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img,
div.photosArea a:hover {
	border-color: #022534;
}




/* offset */
div.offsetPart a {
	background-color: #124551;
	color: #FFF;
}
div.offsetPart a:hover {
	background-color: #022534;
}
div.offsetPart span {
	background-color: #EEE;
}

div#top_area_path_part, div#top_area_path_part a {}

/*** tema ban bez barvy */

#foot a, #foot {
	color: #3b414a;
}
#foot {
	background-color: #EEEEEE;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
div#advb-in {
	width: 50%;
	box-sizing: border-box;
	float: left;
}
#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.micro_art_unique {
	width: 100%;
	padding: 1em 0 0;
}
div.micro_art_unique h1,
div.micro_art_unique h2,
div.micro_art_unique h3 
	{ color: #FFF; }

/* 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 {
	border-bottom: 1px dotted;
}
.submenuArea {
	display: flex;
	flex-wrap: wrap;
}
div.subcategory {
	border: 1px dotted;
	margin: 1%;
	transition: margin 0.5s ease 0s;
	height: 98%;
	box-sizing: border-box;
}
div.subcategory h2 {
	overflow: hidden;
}
div.subcategory .description {
	height: auto;
	margin-bottom: 1em;
}
div.subcategory-envelope {
	box-sizing: border-box;
	width: 25%;
}


/* 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 {
	border: 1px solid #CCC;
	color: #000;
	background-color: #FFF;
}
/*** - 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'); }
.banhead_4 {background-image: url('./img/banner_o_4.jpg'); }
.banhead_5 {background-image: url('./img/banner_o_5.jpg'); }
.banhead_6 {background-image: url('./img/banner_o_6.jpg'); }
.banhead_7 {background-image: url('./img/banner_o_7.jpg'); }
.banhead_8 {background-image: url('./img/banner_o_8.jpg'); }
.banhead_9 {background-image: url('./img/banner_o_9.jpg'); }
.banhead_10 {background-image: url('./img/banner_o_10.jpg'); }
.banhead_11 {background-image: url('./img/banner_o_11.jpg'); }
.banhead_12 {background-image: url('./img/banner_o_12.jpg'); }
.banhead_13 {background-image: url('./img/banner_o_13.jpg'); }
.banhead_14 {background-image: url('./img/banner_o_14.jpg'); }
.banhead_15 {background-image: url('./img/banner_o_15.jpg'); }
.banhead_16 {background-image: url('./img/banner_o_16.jpg'); }
/*** rozlozeni ban */

#categories_envelope_galery,
#topline-in,
#hor-envelope,
#head-sogan,
div#top_area_path_part,
#user-info,
#bottom-menuline-in,
.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; 
}
#hor-envelope {
	position: relative
}


#topline {
	position: relative;
	margin: 0 auto;
	z-index: 1;
}


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

/*** - rozlozeni ban */





div.div50 {
	width: 50%;
}
div.div33 {
	width: 33%;
}
div.div50, div.div33 {
	box-sizing: border-box;
	padding: 0.5em;
	float: left;
}
div.div_part {
	overflow: hidden;
}

.articleContent img
{
  max-width: 100%;
  height: auto !important;
}




/* + newsletters */
div#newsletter-envelope {
	margin-top: 1em;
	margin-bottom: 1em;
}
.micro_art_unique #newsletter_form_envelope input[type=text]{
	width: 100%;
}
.micro_art_unique #newsletter_form_envelope label {
	width: auto;
	text-align: left;
	display: block;
}
.micro_art_unique #newsletter_form_envelope input[type="submit"] {
	margin: 0px auto;
	display: block;
}
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;
}
#newsletter_result {
	padding: 20px;
	font-weight: bold;
}
#newsletter_error {
	color: #F00;
	font-weight: bold;
	text-align: center;
}
#newsletter_form_envelope {
	max-width: 700px;
	width: auto;
	margin: 0 auto 2em auto;
}
.newsletter_line,
.newsletter_line_error {
	margin: 1em 0 0;
}
.newsletter_line_error label {
	background-image: url('../img/form_error.png');
	background-repeat:  no-repeat;
}
.newsletter_line_error label {padding-left: 16px; background-position:  left center;}
#newsletter_form_envelope input[type="text"] {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
}
#newsletter_form_envelope input[type="text"] {
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding: 0 0.5em;
}
#newsletter_form_envelope label {
	width: 200px;
	max-width: 100%;
	box-sizing: border-box;
	display: inline-block;
	text-align: right;
	padding: 0 1em 0 16px;
}
#newsletter_form_envelope input[type="submit"] {
	margin: 0 0 0 200px;
}
#newsletter_form_envelope input[type="submit"] {
	height: 2em;
}
div#newsletter-envelope {
	width: 50%;
	box-sizing: border-box;
	float: left;
}
input#newsletter-mail {
	border: 1px solid #CCC;
	color: #000;
	background-color: #FFF;
}
/* - newsletters */

.site_sized { max-width: var(--sirka); margin-left: auto; margin-right: auto; }


a#hor-res-menu-button {
	display: none;
	border: 5px solid var(--orange);
	border-radius: 5px;
	width: auto;
	height: var(--mobil_button);
	line-height: var(--mobil_button);
	position: absolute;
	top: var(--mobil_button_top);
	right: var(--mobil_padding);
	padding-right: var(--mobil_button);
	font-weight: bold;
	color: #FFF !important;
	text-transform: uppercase;
	text-decoration: none;
	background-color: var(--orange);
}
a#hor-res-menu-button.clicked {
	position: fixed;
	background-color: var(--orange);
	border-radius: 50%;
}
a#hor-res-menu-button span.top,
a#hor-res-menu-button span.center,
a#hor-res-menu-button span.bottom {
	position: absolute;
	width: var(--mobil_button);
	right: 0px;
	border: 2px solid;
	border-radius: 1px;
	box-sizing: border-box;
	opacity: 1;
	transition: 300ms;
}

a#hor-res-menu-button span.top { top: 0px; width: calc( var(--mobil_button) * 0.6);}
a#hor-res-menu-button span.center {top: calc( var(--mobil_button) / 2 - 3px);  width: calc( var(--mobil_button) * 0.8) }
a#hor-res-menu-button span.bottom { top: calc( var(--mobil_button) - 6px); }

a#hor-res-menu-button.clicked span.top { top: calc( var(--mobil_button) / 2 - 3px); transform: rotate(45deg);  width: var(--mobil_button)}
a#hor-res-menu-button.clicked span.center { opacity: 0; }
a#hor-res-menu-button.clicked span.bottom { top: calc( var(--mobil_button) / 2 - 3px); transform: rotate(-45deg);}

a#hor-res-menu-button span.menu { padding-right: 10px; } 
a#hor-res-menu-button.clicked span.menu { display: none }

@media(max-width: 1280px) {
	#categories_envelope_galery,
	#topline-in,
	div#top_area_path_part,
	#user-info,
	#bottom-menuline-in,
	.submenuArea,
	div.category_description, h1.title,
	div.article-preview-envelope div.article-preview,
	div.articleContent,
	#data-center-text,
	#foot-in,
	#horizont-0-in,
	.site_sized {
		padding-left: 1em;
		padding-right: 1em;
	}
	.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;
	}
	div.subcategory-envelope {
		width: 31%;
		margin: 1%;
	}

	#hadr { position: relative; display: flex; justify-content: space-between; margin-left: -1rem; margin-right: -1rem; padding-bottom: 2rem;}
	a.hadr { position: relative; top: initial; bottom: initial; left: initial !important; right: initial !important; }

	#logo.sub { margin-left: 1rem; }

	.subpage #horizont-0-in { padding-top: 5px; }
	#m0 li { margin-bottom: 10px; }
}

@media(max-width: 1170px) {

	a.orange_icon.text_icon { width: 34px; }
	a.orange_icon.text_icon.phone { width: initial; }
}

@media(max-width: 970px) {

	div#bNews, div#advb-in {
		float: none;
		width: 100%;
	}
}

@media(max-width: 860px){
	#banhead.mhdr_1 {
		min-height: 350px;
	}
	#banhead.mhdr_2 {
		min-height: 150px;
	}
	#head-sogan div {
		bottom: 1em;
	}
	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;
	}
	#banhead {
		overflow: hidden;
	}
	.article-preview-gallery {
		width: 30%;
		margin: 1%;
	}
	div.photosArea a,
	div.photosArea.photogallery_vertical a {
		width: 23%;
	}
}

@media(max-width: 810px){
	#icons_line .left_site,
	#icons_line .right_site { width: 100%; text-align: left; }
	#icons_line .right_site { margin-top: 2rem; }
}

@media(max-width: 640px) {
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		position: absolute;
		min-height: initial;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0 !important;
	}
	#horizont-0-in {
		height: 0;
		width: auto;
		top: 0;
		padding: 0 !important;
	}
	#topline-in {
		text-align: center;
	}
	#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;
	}
	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;
	}
	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;
	}
	#head_envelope {
		padding-top: 0;
	}
	div.subcategory-envelope {
		width: 48%;
		margin: 1%;
	}
	.orange_icon.home, .orange_icon.mail { display: none; }
	.right_site .orange_icon { margin-left: 1rem; }
	.left_site .orange_icon { margin-right: 1rem; }

	#icons_line .left_site { width: calc( 100% - 100px ); }
	#icons_line .site_sized { padding: 1rem; }

	#green_head_line {
		z-index: 10;
/*		background-image: url('img/stopa_spary.png');
		background-repeat: no-repeat;
		background-position: 98% 25%;
*/
	}
	.subpage #green_head_line { padding-bottom: 1rem; }

	a#hor-res-menu-button {
		display: block;
		z-index: 1000;
		text-align: center;
	}
	#m0 {
		display: none;
		background-color: var(--green_opacity);
		position: fixed;
		top: 0; bottom: 0; left: 0; right: 0;
		padding-top: calc(var(--mobil_button) + var(--mobil_button_top) + 20px);
		text-align: center !important;
	}
	#m0 li { display: block; margin: 0 1rem !important; padding: 1rem 0; background: var(--green); font-size: 18px !important; }
	#m0 li:first-child { border-radius: 1rem 1rem 0 0; }
	#m0 li:last-child { border-radius: 0 0 1rem 1rem; }
	#m0.showed { display: block; }

	#logo { margin-top: 1rem !important; margin-bottom: 4rem !important; }
	#logo.sub { display: none; }
	#logo_mobile { display: block; }

	#hadr { display: block; overflow: hidden;}
	a.hadr { display: inline-block; }
	a.hadr.zvire { float: left; }
	a.hadr.podpora { float: right; }

	h1 { font-size: 180%; }
	h2 { font-size: 130%; }
	h3 { font-size: 110%; }
}


@media(max-width: 520px) {
	span.mobile_separator { display: block; height: 10px; }
}

@media(max-width: 500px) {
	.webbase_form select,
	.webbase_form textarea,
	.webbase_form input[type="text"],
	.webbase_form .calendar_element {
		width: 100%;
	}
	.webbase_form 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;
	}
	.webbase_form .calendar_element input {
		width: 70%;
	}
	.webbase_form input[type="radio"],
	.webbase_form input[type="checkbox"] {
		margin: 0 0 0 0px;
	}
	a.green_buble { max-width: 40%; font-size: 16px; margin: 5% 5% 0; }

	a.hadr { padding: 25px 10px 10px 10px; }
}