@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--font_all: "Montserrat", sans-serif;
	--font_head: "Cormorant Garamond", serif;
	--barva1: var(--gold);
	--barva2: var(--green);
	--barva1_opacity: rgba(0,52,112,0.8);
	--barva2_opacity: rgba(218,54,92,0.8);
	--barva1_opacity_50: rgba(0,52,112,0.5);
	--barva2_opacity_50: rgba(218,54,92,0.5);
	--barva_link: var(--barva1);

	--black:#0f0f10;
	--semiwhite: #fffdf6;
	--late: #f3ece4;
	--green: #24332e;
	--darkgreen: #0b1a15;
	--gold: #C59746;
	--rgb_gold: 197,151,70;
	--lightgrey: #d1d1c9;
	
	--petrol: #6B8A91;
	--red: #c84b44;
	--lightgreen: #6f8f7a;
	--darklate: #e4ddd4;
	--grey: #6c6a64;

	--gold_grad: linear-gradient(
		45deg,
		#f7d48a 0%,
		#E0B565 20%,
		#C59746 40%,
		#fff2cc 50%,
		#C59746 60%,
		#E0B565 80%,
		#f7d48a 100%
	);
	--gold_grad2: linear-gradient(
		2deg,
		#f7d48a 0%,
		#E0B565 20%,
		#C59746 40%,
		#fff2cc 50%,
		#C59746 60%,
		#E0B565 80%,
		#f7d48a 100%
	);

	--house_status_color_0: #0a4026;
	--house_status_color_1: #c78726;
	--house_status_color_2: #9f9fa1;
	--rgb_house_status_color_0: 10,64,38;
	--rgb_house_status_color_1: 199,135,38;
	--rgb_house_status_color_2: 159,159,161;

	--body_bg: var(--semiwhite);
	--text: var(--green);

	--border_color: #ccc;
	--no_active_grey: #EEE;

	--foot_text_color: var(--text);
	--foot_bg_color: #EEEEEE;

	--pruh_menu_bg_0: var(--barva2);
	--pruh_menu_bg: var(--barva2_opacity);
	--pruh_menu_bg_50: var(--barva2_opacity_50);

	/*--hor_res_menu_color: var(--gold_grad2);*/
	--hor_res_menu_color: var(--gold);
	--hor_res_menu_bg: transparent;
	--hor_res_menu_border: transparent;
	--mobile_ul_bg: rgba(0,0,0,0.9);
	--mobile_ul_li_bg: transparent;

	--table_head_bg: var(--tlacitko_bg);
	--table_head_text: var(--tlacitko_text);
	--table_text: var(--text);
	--table_bg1: #FFF;
	--table_bg2: var(--no_active_grey);
	--table_border: var(--border_color);

	--bottom_menuline_bg: var(--tlacitko_bg);
	--bottom_menuline_text: var(--tlacitko_text);

	--hor_res_menu_button_height: 70px;
	--servis_button_size: 50px;
}

/*** + mainscreen_multi.css */
	html {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
	}
	body {
		margin: 0px;
		padding: 0px;
		min-height: 100%;
		scroll-behavior:smooth;
		font-family: var(--font_all);
		font-size: 1em;
		line-height: 1.5;
	}
	div {
		margin: 0;
		padding: 0;
	}
	.cleaner {
		clear: both;
	}
	.cleaner_left {
		clear: left;
	}
	.no_screen {
		display: none;
	}
	.no_print {
		display: block;
	}
	.center {
		text-align: center;
	}
	.hidden, .p_hidden {
		position: absolute;
		left: -4000px;
		font-size: 70%;
	}
	.p_hidden a:focus-visible, .p_hidden a:focus {
		left: 4000px;
		top: 0;
		z-index: 100;
		position: absolute;
		outline: 2px dotted;
	}
	div#background_element {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2000;
	}
	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%;
	}
	div#content.crop {
		height: 100vh;
		overflow: hidden;
	}
	img#loader {
		display: block;
		position: absolute;
		top: 10px;
		left: 50%;
		z-index: 100;
	}
	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;
	}
	#topline-in {}
	
	.floatingImage {
		border: none;
		max-height: 100%;
		max-width: calc(100% - 12px);
		display: inline-block;
		margin: 6px;
		vertical-align: top;
	}
	a.floatingImage img {
		display: block;
		max-width: 100%;
	}
:root {
	--horizontal_menu_height: 70px;
}
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		position: relative;
		text-align: left;
		box-sizing: border-box;
		min-height: var(--hor_res_menu_button_height);
		height: initial;
		margin-top: 1rem;
	}
	#horizont-0.menuFixed {}
	#hor-envelope {	position: relative}
	
	#horizont-0-in {
		width: auto;
		display: block;
		height: initial;
	}

	a#hor-res-menu-button {
		display: block;
		box-sizing: border-box;
		width: var(--hor_res_menu_button_height);
		height: var(--hor_res_menu_button_height);
		position: absolute;
		z-index: 9;
		top: 0;
		right: var(--big);
		text-decoration: none;
		background-color: var(--hor_res_menu_bg);
		color: var(--gold);
		border: 1px solid var(--hor_res_menu_border);
		transition: 0.3s;
	}
	a#hor-res-menu-button.clicked {}
	a#hor-res-menu-button span.menu { display: none; }
	a#hor-res-menu-button span.top,
	a#hor-res-menu-button span.center,
	a#hor-res-menu-button span.bottom {
		position: absolute;
		right: 0%;
		width: 100%;
		border: none;
		height: 1px;
		background: var(--hor_res_menu_color);
		box-sizing: border-box;
		opacity: 1;
		transition: 300ms;
		/*border-radius: 2px;*/
	}
	a#hor-res-menu-button span.top { top: 20%;}
	a#hor-res-menu-button span.center {top: calc(50% - 2px); }
	a#hor-res-menu-button span.bottom { bottom: 20%; }

	a#hor-res-menu-button:hover span.top { top: 15%;}
	a#hor-res-menu-button:hover span.bottom { bottom: 15%; }

	a#hor-res-menu-button.clicked span.top { top: calc(50% - 2px); transform: rotate(45deg);}
	a#hor-res-menu-button.clicked span.center { opacity: 0; }
	a#hor-res-menu-button.clicked span.bottom { bottom: calc(50% - 2px); transform: rotate(-45deg);}
	
	ul#m0 {
		line-height: 1;
		position: fixed;
		z-index: 8;
		top: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		width: 100%;
		margin: 0;
		background-color: var(--mobile_ul_bg);
		transition: .5s;
		transform: translateX(100%);
		padding: calc(var(--hor_res_menu_button_height) + var(--big)) 1rem 0 var(--big);
		clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	}
	ul#m0.showed {
		transform: translateX(0);
	}
	@media(min-width: 1025px){
		ul#m0.showed {
			width: 50%;
			clip-path: polygon(0 0,100% 0,100% 100%,100px 100%);
			padding-left: calc(var(--big) + 100px);
			padding-right: var(--big);
			
		}
	}
	ul#m0 li {
		list-style-type: none;
		padding: 0 0 1rem 0;
		margin: 0 1em;
		display: inline-block;
		display: block;
		margin: 0;
		background-color: var(--mobile_ul_li_bg);
		font-size: 1.5rem;
	}
	ul#m0 li:nth-child(3) { margin-bottom: var(--big); }
	ul#m0 li a {
		position: relative;
		display: inline-block;
		height: 1em;
		line-height: 1.3em;
		text-align: left;
		overflow: hidden;
		padding: 0 0 3px 0;
		text-decoration: none !important;
		font-weight: bold;
		text-transform: uppercase;
		color: var(--gold);
		transition: 0.5s;
	}
	ul#m0 li a::after {
		content: "";
		width: 0;
		height: 0;
		border-top: 1px solid;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: 0.5s;
	}
	ul#m0 li:nth-child(1) a,
	ul#m0 li:nth-child(2) a,
	ul#m0 li:nth-child(3) a
		{font-size: 200%;
		font-family: serif;
		font-weight: normal;
		}
		
	ul#m0 li a:hover,
	ul#m0 li a.a_Tactive {
		text-decoration: none !important;
		padding-left: 1rem;
	}
	ul#m0 li a:hover::after, ul#m0 li a.a_Tactive::after {
		width: 100%;
	}
	ul#m0 li ul {
		display: none;
	}

	#head_button_1 {
		position: absolute;
		top: 0.6rem;
		right: calc(2*var(--hor_res_menu_button_height) + var(--big));
		z-index: 9;
		text-transform: uppercase;
		padding: 1rem 2rem;
		font-weight: normal;
	}
	#head_button_1:hover { background-color: var(--green); }
	@media(max-width: 1024px){
		a#hor-res-menu-button { right: var(--small); }
		#head_button_1 {right: calc(2*var(--hor_res_menu_button_height) + var(--small)); top: 6px; }
		ul#m0 { box-sizing: border-box; }
	}
	#search {
		padding:10px 0;
		float: right;
		margin-left: 20px;
	}
	#search #search_box {
		margin: 0;
		width: 10em;
		height: 2.5em;
		line-height: 28px;
		padding: 0 5px;
		box-sizing: border-box;
		font-size: 80%;
	}
	#search #search_btn {
		margin: 0;
		height: 2.5em;
	}
	#volby-languages {
		position: relative;
		float: right;
		margin: 11px;
	}
	#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;
		padding: 0 5px;
	}
	#volby-languages a:hover {
		text-decoration: none;
	}
	div#sicArea { border: 1px solid red; background: #F00A; }
	div#midLogArea { border: 1px solid blue; background: #00FA; }
	.subpage div#midLogArea { display: none; }

	#head_envelope {
		padding-bottom: 62px;
		box-sizing: border-box;
	}
	#head-slogan {
		position: absolute;
		bottom: 0em;
		left: 0;
		right: 0;
		z-index: 1;
	}
	#head-slogan div {
		padding: 15px;
		font-weight: bold;
		font-size: 32px;
		line-height: 1;
		text-align: center;
		background: var(--gold_grad);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	#banhead {
		clear: both;
	}
	.mhdr {
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.mhdr.is_slide { transition: opacity 2s; opacity: 0;}
	.mhdr.is_slide.active { opacity: 1; animation:banner_in 7s cubic-bezier(.3,.5,.7,1) forwards;}
	@keyframes banner_in{
	from{
		transform: scale(1.1);
	}
    to{
		transform: scale(1);
	}
}
	#bMask {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box;
		overflow: hidden;
	}
	#bMask img {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		min-width: 100.1%;
		min-height: 100.1%;
	}
	.st_0.po_0 #bMask img { left: 0; transform: translateY(-50%); }
	.st_0.po_2 #bMask img { left: initial; right: 0; transform: translateY(-50%); }
	.st_1 #bMask img { left: 50%; transform: translateX(-50%); top: 0; }
	.st_2 #bMask img { left: 50%; transform: translateX(-50%); top: initial; bottom: 0; }
	
	#user-info {
		text-align: right;
		font-size: 80%;
	}

	#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#newsletter-envelope, div#advb-in {
		margin-top: var(--big);
		margin-bottom: var(--small);
	}

	.micro_art_unique { margin-bottom: 2rem; }
	.micro_art_unique img {
		max-width: 100%;
	}
	.micro_art_unique a img {
		border: none;
	}

	div#newsletter-envelope {
		overflow: hidden;
	}
	div#newsletter-envelope form {
		text-align: center;
		width: 90%;
		margin: 0 auto;
		padding: 3px;
		overflow: hidden;
	}
	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%;
		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: 0 1rem 1rem;
	}

	.submenuArea {
		overflow: hidden;
		margin-top: 1em;
		margin-bottom: 2em;
		display: flex;
		flex-wrap: wrap;
	}
	div.subcategory-envelope {
		box-sizing: border-box;
		width: 25%;
		padding: 0.5%;
	}
	div.subcategory {
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
		height: 100%;
		padding: 0;
		position: relative;
		border-width: 1px;
		border-style: solid;
	}
	div.subcategory h2 {
		overflow: hidden;
		padding: 0; margin: 0;
		font-weight: normal;
		text-transform: uppercase;
		font-family: var(--font_all);
		position: absolute;
		inset: 0;
	}
	div.subcategory .description {
		overflow: hidden;
		height: auto;
		margin-bottom: 1em;
		padding: 0 0.5rem;
	}
	div.subcategory a {
		color: #FFF;
		text-decoration: none;
		position: absolute;
		inset: 0;
		font-size: 28px;
		line-height: 1;
		display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
		
		background-image: linear-gradient(
			to top,
			var(--green) 0%,
			rgba(0,0,0,0) 80%
		);
	}
	div.subcategory.no_image a { background-image: none; }

	div.subcategory a span {
		display: block;
		padding: 0 100px 1rem 1rem;
		box-sizing: border-box;
		max-width: 100%;
		position: absolute;
		bottom: 0;
		background: url('img/arrow_gold_right.png') no-repeat calc(100% - 25px) calc(50% - 8px);
		transition: 0.3s;
	}
	div.subcategory a:hover span,
	div.subcategory a:focus-visible span { background-position: calc(100% - 5px) calc(50% - 8px);}

	div.subcategory.no_image a span {
		padding: 1rem 1rem 70px 1rem;
		background-position: 50% calc(100% - 15px);
	}
	div.subcategory.no_image a:hover span,
	div.subcategory.no_image a:focus-visible span
	 {background-position: calc(50% + 20px) calc(100% - 15px);}
		
	div.subcategory img {
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
	}
	div.category_no_image { min-width: 100px; min-height: 100px; background: url('img/vlnky_gold.png') no-repeat center 35%; width: 100%; aspect-ratio: 4/3;}











	#categories_envelope.galery,
	.categories_envelope.gallery {
		overflow: hidden;
		margin-top: 2em;
		margin-bottom: 2em;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.article-preview-gallery {
		margin: 1%;
		width: 48%;
		position: relative;
		min-height: 100px;
	}

	.article-preview-gallery h2 {
		overflow: hidden;
		padding: 0; margin: 0;
		font-weight: normal;
		text-transform: uppercase;
		font-family: var(--font_all);
		position: absolute;
		inset: 0;
	}
	.article-preview-gallery a {
		color: #FFF;
		text-decoration: none;
		position: absolute;
		inset: 0;
		font-size: clamp(20px,2.2vw,28px);
		line-height: 1;
		display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
		padding-bottom: 1rem;
		background-image: linear-gradient(
			to top,
			var(--green) 0%,
			rgba(0,0,0,0) 80%
		);
	}
	.article-preview-gallery a:hover, .article-preview-gallery a:focus-visible { color: var(--gold); }
	.img-article-preview-gallery {
		width: 100%;
		overflow: hidden;
	}
	.img-article-preview-gallery img {
		border: none;
		width: 100%;
		display: block;
	}







	div.article-preview {
		border: none;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		height: 100%;
		display:flex;align-items:center;gap:4vw;
	}
	div.img-article-preview {
		box-sizing: border-box;
		padding: 0;
	}
	div.img-article-preview img {
		border: none;
		width: 100%;
		display: block;
	}
	div.text-article-preview {
		box-sizing: border-box;
		text-align: left;
		max-width:480px;
		padding:2.5vw 3vw;
	}

	#categories_envelope.list,
	.categories_envelope.list {
		margin-bottom: var(--big);
		margin-top: var(--small);
	}
	div.article-preview-envelope {
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		margin: 1rem 0;
	}
	div.text-article-preview h2 { margin: 0; }
	div.text-article-preview a.tlacitko {}
	.article-preview>div{flex: 0 0 50%}
	.article-preview.licha{flex-direction:row-reverse}

	div.link_line { text-align: center; padding-top: var(--small); width: 100%; }




	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 {
		display: flex;
		flex-wrap: wrap;
	}
	div.downloadElementEnvelope input[type="password"],
	div.downloadElementEnvelope input[type="text"],
	div.photosElementEnvelope input[type="password"],
	div.photosElementEnvelope input[type="text"] {
		margin: 0 10px;
		width: 150px;
	}
	div.downloadElementEnvelope form.downloadsInputError,
	div.photosElementEnvelope form.photosInputError {
		padding: 2px 0;
		margin: 3px 0;
		color: #7c0000;
		border: 1px solid #F00;
		background-color: #e56666;
		border-radius: 3px;
		max-width: 400px;
	}

	div.photosArea a {
		display: block;
		border-width: 0px;
		border-style: solid;
		box-sizing: border-box;
		overflow: hidden;
		background-color: #FFF;
	}
	div.photosArea a img {
		display: block;
		border: none;
		padding: 0;
		box-sizing: border-box;
		width: 101%; max-width: 101%; height: 101%; transition: 0.3s; transform: scale(1); opacity: 1; line-height: 1; margin: -1px;
	}
	div.photosArea a:hover img, div.photosArea a:focus-visible img {transform: scale(1.1); opacity: 0.7; }
	div.photosArea.photogallery_vertical a {}
	div.photosArea.photogallery_vertical a img {}

	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 {
		width: 100%;
	}
	div.sPhotos_element img {
		position: relative;
	}
	div.sPhotos_element div.cleaner {
		clear: left;
	}
	div.sPhotos_envelope {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	div.sPhotos_envelope a {
		display: block;
		position: relative;
		margin: 0;
		padding: 18.8% 0 0 0;
		width: 25% !important;
	}
	div.sPhotos_element_vertical div.sPhotos_envelope a {
		width: 16.66% !important;
		padding-top: 22.1%;
	}
	div.sPhotos_envelope a img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		width: 100%;
	}

	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: 1rem 0 10rem;
		clear: both;
		width: 100%;
	}
	div.offsetPart a.more {
		display: inline-block;
		margin: 0.2em;
		text-align: center;
		text-decoration: none;
		font-weight: normal;
		padding: 0 0 5rem 0;
		box-sizing: border-box;
		position: relative;
		transition: .5s;
	}
	div.offsetPart a.more::before,
	div.offsetPart a.more::after {
		content: "";
		position: absolute;
		display: block;
	}
	div.offsetPart a.more::before {
		width: 6rem;
		height: 6rem;
		border-radius: 50%;
		border: 1px solid var(--gold);
		left: 50%;
		transform: translateX(-50%);
		top: 4rem;
		transition: .5s;
	}
	div.offsetPart a.more::after {
		width: 35px;
		height: 63px;
		left: calc(50% - 17px);
		top: 2rem;
		background: url('img/arrow_gold_down.png') no-repeat center/cover;
		transition: .5s;
	}
	div.offsetPart a.more:hover::after,
	div.offsetPart a.more.loading::after {
		top: 3rem;
	}
	div.offsetPart a.loading {
		font-size: 1px;
		opacity: 0.5;
	}
	div.offsetPart a.more.loading::before {
		width: 3rem;
		height: 3rem;
	}

	#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;
	}
	div.search_result_header { padding-bottom: 2em; }
	span.search_result_search_string { font-weight: bold; }


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

	/* + foto slideshow */
		div.ssPhotos_element {
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		div.ssPhotos_envelope {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		div.ssPhotos_element.ss16_9 { padding-top: 56.25%; }
		div.ssPhotos_element.ss3_1 { padding-top: 33.3%;}
		section.in_article div.ssPhotos_envelope img {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
			height: 100% !important;
			max-width: none !important;
		}
	/* - foto slideshow */

	div#ppb_b {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0,0,0,0.8);
	}
	div#ppb_b-in {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%);
	  max-width: 90%;
	  max-height: 90%;
	  width: 400px;
	  height: 400px;
	}
	a.ppb_close {
		display: block;
		position: absolute;
		top: 0px;
		right: 0;
		z-index: 1;
		background-color: var(--tlacitko_bg);
		padding: 0 35px 0 5px;
		height: 32px;
		line-height: 32px;
		color: var(--tlacitko_text);
		border: 1px solid var(--tlacitko_border);
		text-decoration: none;
		font-size: 80%;
	}
	a.ppb_close:hover {
		background-color: var(--tlacitko_bg_hover);
		color: var(--tlacitko_text);
	}
	a.ppb_close::before,
	a.ppb_close::after {
		content: "";
		display: block;
		width: 23px;
		height: 0;
		border: 1px solid;
		right: 2px;
		top: 15px;
		position: absolute;
	}

	a.ppb_close::before { transform: rotate(45deg); }
	a.ppb_close::after { transform: rotate(-45deg); }


	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,
	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,
	img.login_form_icon {
		position: absolute;
		top: -16px;
		left: -15px;
	}
	div#login_form_message,
	div.login_form_message {
		margin: 3em auto;
		padding: 0 1em;
		text-align: center;
	}
	div#login_form_envelope,
	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,
	.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;
	}
	#user_persistent, label.login_form_label { vertical-align: middle; }
	input.input_button {}

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



	.fCalendarEnvelope {
		width: 100%;
		position: relative;
		max-width: 500px;
		margin: 0 auto;
	}
	.fCalendarTitle {
		position: relative;
		height: 15%;
	}
	.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;
	}
	.fCalendarPredMonth {
		border-right: 1px solid;
	}
	.fCalendarNextMonth {
		border-left: 1px solid;
	}
	.fCalendarNextMonth:after {
		content: ">";
	}
	.fCalendarPredMonth:after {
		content: "<";
	}
	.fCalendarPredMonth:hover,.fCalendarNextMonth:hover {}
	.fCalendarActMonth {
		display: inline-block;
		position: relative;
		margin: 0 auto 0 auto;
		width: 60%;
		height: 100%;
		text-align: center;
		text-transform: uppercase;
		line-height: 3;
	}
	.fCalendarInTitles {
		display: block;
		height: 15%;
	}
	.fCalendarInTitles:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.fCalendarInTitles span {
		display: inline-block;
		vertical-align: middle;
		width: 14%;
		cursor: default;
		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 {}
	.fCalendarInDays span span {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		border-left: 1px solid;
		border-top: 1px solid;
	}
	.fCalendarInDaysWeekend {
		width: 15% !important;
	}
	.fCalendarInDayWeekend,.fCalendarInDayTmpweekend {}
	.fCalendarInDayTmp,.fCalendarInDayTmpweekend {}
	.fCalendarInDay {}
	.fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {}
	.fCalendarToday {}
	.fCalendarInDays span span.fCalendarTodayIsIt {
		display: block;
		width: 90%;
		height: 20%;
		position: absolute;
		bottom: 0;
		right: 5%;
	}
	span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {}
	.fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt {}
	.fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend {}

	div.fCalendarHint {
		display: none;
		position: absolute;
		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;
	}
	a.fCalendarInLink,
	a.fCalendarInLink span {
		cursor: pointer;
	}
	div.fCalendarHint h2 {
		font-size: 120%;
		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;
	}
	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 {
		border-collapse: collapse;
		margin: 2em auto;
		max-width: 100%;
		height: auto !important;
		width: max-content !important;
		color: var(--table_text);
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
		font-size: 1rem;
	}
	@media(max-width: 640px){
		table { font-size: 0.875rem; }
	}
	table[align=left]{float:none !important;margin-left: 0}
	table[align=right]{float:none !important;margin-right: 0}

	table td,
	table th {
		border: none;
		padding: 0.5em 1em;
	}
	table tr:nth-child(2n+1){}
	table tr:nth-child(2n){}

	.site_sized { max-width: var(--sirka); }
	#content-1 > .site_sized:first-child, .site_sized.margin_auto { margin: 0 auto; }

	/* + layout pro articlemulti*/
		:root {
			--sirka: 1600px;
			--rantl: calc((100% - var(--sirka)) * 0.5);
			--sirka60: 960px;
			--sirka50: 800px;
			--odsazeni_i: 1rem;
			--small: 2rem;
			--big: 5rem;
			--yt_animace_height: 400px;
		}

		.slideshow_envelope {
			min-width: 100%;
			min-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.slideshow_envelope img { width: 100%; filter: invert(100%); }

		article.main_article,article.articleContent {}
		.main_article > h1 {
			max-width: var(--sirka);
			margin-left: auto;
			margin-right: auto;
		}
		section.in_article {
			margin: 0;
			padding: 0;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		section.in_article img {
			max-width: 100%;
			height: auto !important;
		}
		.parts_envelope {
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
		}
		.parts_envelope.to_infinity { width: 100% }
		.parts_envelope.sized {
			max-width: var(--sirka);
			margin: 0 auto;
			width: 100% !important; /* možná zbytečné */
		}
		.part33, .part40, .part50, .part60, .part100 { overflow: hidden; position: relative; box-sizing: border-box; min-height: 150px; } 
		.part33 { width: 33.33%; }
		.part40 { width: 40%; }
		.part50 { width: 50%; max-width: 50%; }
		.part60 { width: 60%; }
		.part100 { width: 100%; }
		.editPerex { width: 100%; max-width: var(--sirka); margin-left: auto; margin-right: auto; box-sizing: border-box; }

		.to_infinity .part33.noBorders, .to_infinity .part50.noBorders { margin: 0; }

		.parts50.to_infinity.left div.part50.p_2 { width: calc(var(--sirka)/2); }
		.parts50.to_infinity.right div.part50.p_1 { width: calc(var(--sirka)/2); margin-left: auto; }

		.part33 div.lightDark,
		.part40 div.lightDark,
		.part50 div.lightDark,
		.part60 div.lightDark
		{ margin: var(--small); }

		.part33.p_1 div.lightDark, .part50.p_1 div.lightDark, .parts60 div.p_1 div.lightDark { margin-left: 0; }
		.part33.p_3 div.lightDark, .part50.p_2 div.lightDark, .parts60 div.p_2 div.lightDark { margin-right: 0; }


		/*.to_infinity.left .part50.p_1 div.lightDark.backgroundLight,
		.to_infinity.left .part50.p_1 div.lightDark.backgroundDark,
		.to_infinity .part33.p_1 div.lightDark.backgroundLight,
		.to_infinity .part33.p_1 div.lightDark.backgroundDark { margin-left: var(--small); }
		.to_infinity.right .part50.p_2 div.lightDark.backgroundLight,
		.to_infinity.right .part50.p_2 div.lightDark.backgroundDark,
		.to_infinity .part33.p_3 div.lightDark.backgroundLight,
		.to_infinity .part33.p_3 div.lightDark.backgroundDark { margin-right: var(--small); }*/

		.part100 div.lightDark { margin: var(--small) 0; }
		.to_infinity .part100 div.lightDark { margin: 0; }
		/*.to_infinity .part100 div.lightDark.backgroundLight,
		.to_infinity .part100 div.lightDark.backgroundDark { margin: var(--small); }*/

		div.lightDark.backgroundLight, div.lightDark.backgroundDark { padding: 5px var(--odsazeni_i); }
		div.lightDark.backgroundLight { background: rgba(255,255,255,0.5);}
		div.lightDark.backgroundDark { background: rgba(0,0,0,0.5);}


		.in_article_youtube.animace {
			position: absolute;
			background-color: #000;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.part100 .in_article_youtube.animace {
			position: relative;
			height: var(--yt_animace_height);
		}
		.in_article_youtube.animace iframe {
			min-width: 120%;
			min-height: 100%;
			aspect-ratio: 16/9;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.in_article_youtube.animace::after {
			content: "";
			background-color: #000;
			opacity: 0.01;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			bottom: 0;
		}

		.in_article_youtube.small { width: 50%; }
		.in_article_youtube.medium { width: 75%; }
		.in_article_youtube.big { width: 100%; }

		.in_article_youtube.small, .in_article_youtube.medium, .in_article_youtube.big { aspect-ratio: 16/9; margin: 0 auto; }
		.in_article_youtube.small iframe, .in_article_youtube.medium iframe, .in_article_youtube.big iframe { height: 100%; width: 100%; display: block; }

		.lightDark .in_article_map iframe { width: 100% !important; min-height: 300px !important; height: 100% !important; position: absolute; border: none; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; }

		/* + foto slideshow */
			.to_infinity .part33.noBorders .in_article_photoslideshow,
			.to_infinity .part50.noBorders .in_article_photoslideshow {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
			.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element,
			.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element {
				min-width: 100%;
				min-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img,
			.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				margin: auto;
				min-height: 100%;
				min-width: 100%;
				max-width: none;
			}
		/* - foto slideshow */

		/* + fotogalerie */
			.in_article_photogalery a { margin: 0.5%; }
			.part100 .in_article_photogalery a { width: 19%; }
			.part100 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
			.part50 .in_article_photogalery a { width: 32.3%; }
			.part50 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part60 .in_article_photogalery a { width: 32.3%; }
			.part60 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part33 .in_article_photogalery a { width: 32.3%; }
			.part33 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }
			.part40 .in_article_photogalery a { width: 32.3%; }
			.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

			.homepage .part100 .in_article_photogalery a { width: 15.6%; }
			.homepage .part100 .in_article_photogalery .photogallery_vertical a { width: 13.2%; }
			.homepage .part60 .in_article_photogalery a { width: 24%; }
			.homepage .part60 .in_article_photogalery .photogallery_vertical a { width: 19%; }
@media (min-width: 1025px) {
	.part100 .in_article_photogalery {
		.photosArea{
			display:grid;
			grid-template-columns:calc(33.3%) calc(33.3%) calc(33.3%);
			gap:0;
			padding: 0;
		}

		/* základ */
		.photosArea a{
			position:relative;
			width: 100%;
			margin: 0;
			aspect-ratio: 16/9;
			background-clip: padding-box;
			border: 10px solid transparent;
		}

		/* ✅ FIX centrování */
		.photosArea a img{
			position:absolute;
			top:50%;
			left:50%;
			transform: translate(-50%,-50%);
			min-width:100%;
			min-height:100%;
			display: block;
			max-width: 100%;
			height: auto !important;
		}

		.photosArea a:hover img,
		.photosArea a:focus-visible img{
			transform:translate(-50%,-50%) scale(1.1);
		}

		/* ===== ART BLOK (1–6) ===== */

		/* 1 – velký vlevo */
		.photosArea a:nth-child(1){
			grid-area: 1/1/ span 2/ span 2;
		}
		/* 6 – velký vpravo */
		.photosArea a:nth-child(6){
			grid-area: 3/2/ span 2/ span 2;
		}
	}
}
			
		/* - fotogalerie */



		/* + subcategory */
			.part50 div.subcategory-envelope, .part60 div.subcategory-envelope { width: 33.3%; }
			.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }
		/* - subcategory */

		/* + speciál pro subpage */
			.subpage .part100 div.lightDark.backgroundLight, .subpage .part100 div.lightDark.backgroundDark { margin-left: var(--small); margin-right: var(--small); }
			.subpage .parts50.to_infinity.left div.part50:last-child,
			.subpage .parts50.to_infinity.right div.part50:first-child {}
		/* - speciál pro subpage */

		@media(min-width: 1025px) {
			.part100 { min-height: 350px; }
		}
	/* - layout pro articlemulti*/

	/* + kouzlo */
		@keyframes kouzlo_zvetsit {
			from { opacity: 0; transform: scale(0.5);}
			to {opacity: 1; transform: scale(1);}
		}
		.kouzlo.zvetsit.a_off, .kouzlo2.zvetsit.a2_off { transform: scale(0.5); }
		.kouzlo.zvetsit.a_on, .kouzlo2.zvetsit.a2_on { animation-name: kouzlo_zvetsit; animation-duration: 1s; }
		
		@keyframes kouzlo_prijet {
			from { opacity: 0; transform: translateY(100px);}
			to {opacity: 1; transform: translateY(0);}
		}
		.kouzlo.prijet.a_off, .kouzlo2.prijet.a2_off { transform: translateY(100px); }
		.kouzlo.prijet.a_on, .kouzlo2.prijet.a2_on { animation-name: kouzlo_prijet; animation-duration: 1s; }

		@keyframes kouzlo_tocit {
			from { opacity: 0; transform: scale(0.2) rotate(180deg);}
			to {opacity: 1; transform: scale(1) rotate(0deg);}
		}
		.kouzlo.tocit.a_off, .kouzlo2.tocit.a2_off { transform: scale(0.2) rotate(180deg); }
		.kouzlo.tocit.a_on, .kouzlo2.tocit.a2_on { animation-name: kouzlo_tocit; animation-duration: 1s; }

		@keyframes kouzlo_prijetR {
			from { opacity: 0; transform: translateX(200px);}
			to {opacity: 1; transform: translateX(0);}
		}
		.kouzlo.prijetR.a_off, .kouzlo2.prijetR.a2_off { transform: translateX(200px); }
		.kouzlo.prijetR.a_on, .kouzlo2.prijetR.a2_on { animation-name: kouzlo_prijetR; animation-duration: 1s; }

		@keyframes kouzlo_prijetL {
			from { opacity: 0; transform: translateX(-200px);}
			to {opacity: 1; transform: translateX(0);}
		}
		.kouzlo.prijetL.a_off, .kouzlo2.prijetL.a2_off { transform: translateX(-200px); }
		.kouzlo.prijetL.a_on, .kouzlo2.prijetL.a2_on { animation-name: kouzlo_prijetL; animation-duration: 1s; }

		@keyframes kouzlo_prijetT {
			from { opacity: 0; transform: translateY(-200px);}
			to {opacity: 1; transform: translateY(0);}
		}
		.kouzlo.prijetT.a_off, .kouzlo2.prijetT.a2_off { transform: translateY(-200px); }
		.kouzlo.prijetT.a_on, .kouzlo2.prijetT.a2_on { animation-name: kouzlo_prijetT; animation-duration: 3s; }

		.kouzlo, .kouzlo.a_off, .kouzlo2, .kouzlo2.a2_off { opacity: 0; }
		.kouzlo.a_on, .kouzlo2.a2_on { opacity: 1; }

		.homepage .part40 div.lightDark,
		.homepage .part50 div.lightDark,
		.homepage .part60 div.lightDark
			{ margin: var(--big); }
		.homepage .part50.p_1 div.lightDark, .homepage .parts60 div.p_1 div.lightDark { margin-left: 0; }
		.homepage .part50.p_2 div.lightDark,.homepage .parts60 div.p_2 div.lightDark { margin-right: 0; }
		.homepage .part40, .homepage .part50, .homepage .part60 {
			overflow: visible;
		}
		.kouzlo.baf {
			--presah: calc(var(--big) + 50px);
		}
		img.kouzlo.baf { width: calc(100% + 1rem) !important;margin-top: calc(-1*var(--presah));margin-bottom: calc(-1*var(--presah)); display: block; }
		.p_1 img.kouzlo.baf { transform: translateX(-1rem); }
		.p_2 img.kouzlo.baf { transform: translateX(1rem); }

@keyframes kouzlo_baf_left {
    from { opacity: 0; transform: translateX(-1rem) scaleX(0); }
    to   { opacity: 1; transform: translateX(-1rem) scaleX(1); }
}

@keyframes kouzlo_baf_right {
    from { opacity: 0; transform: translateX(1rem) scaleX(0); }
    to   { opacity: 1; transform: translateX(1rem) scaleX(1); }
}
.homepage .p_1 img.kouzlo.baf.a_off {
    transform: translateX(-1rem) scaleX(0);
    transform-origin: left;
}

.homepage .p_2 img.kouzlo.baf.a_off {
    transform: translateX(1rem) scaleX(0);
    transform-origin: right;
}
.homepage .p_1 img.kouzlo.baf.a_on {
    animation: kouzlo_baf_left 1s cubic-bezier(.2,.8,.2,1) forwards;
    transform-origin: left;
}

.homepage .p_2 img.kouzlo.baf.a_on {
    animation: kouzlo_baf_right 1s cubic-bezier(.2,.8,.2,1) forwards;
    transform-origin: right;
}

	/* - kouzlo */

	/* + zoom */
		a.zoom { position: relative; z-index: 1; }
		a.zoom img { transition: 0.3s; }
		a.zoom:hover { z-index: 10; }
		a.zoom:hover img { transform: scale(1.07); }
	/* - zoom */

	/* + cookies 2*/
		#cs2_bx_envl, #cs2_tms {z-index: 900;position: fixed;bottom: 10px;left: 10px; font-size: 1rem; }
		#cs2_bx_envl { border-radius: 3px; background: #FFF; box-shadow: 0 0 20px #000; padding: 20px 1rem 1rem; width: 640px; max-width: calc(100% - 20px); max-height: calc(100% - 10px); overflow-y: auto; box-sizing: border-box;}
		#cs2_tms { color: transparent; border-radius: 50%; overflow: hidden; background: url('./img/pernicek_white.png') no-repeat center var(--tlacitko_bg); width:var(--servis_button_size); height: var(--servis_button_size); }
		#cs2_tms:hover { color: transparent; background-color: var(--tlacitko_bg_hover); }
		.cs2_v { display: block; transition: 0.3s; }
		.cs2_iv { display: none !important; transition: 0.3s; }
		.cs2_d.cs2_v, .cs2_tps_a.cs2_v { display: block !important; max-height: 1000px; overflow-y: hidden; }
		.cs2_d.cs2_iv, .cs2_tps_a.cs2_iv { display: block !important; max-height: 0; overflow: hidden; }

		#cs2_bx_envl h3 { margin: 0; padding: 0;}
		#cs2_bx_envl p.cs2_ds { margin: 0; padding: 0.3rem 0 0 0; }
		#cs2_bx_envl > a {}
		#cs2_bx_envl div.cs2_g_a { margin: 0 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid var(--tlacitko_border); position: relative; }
		#cs2_bx_envl div.cs2_g_a span.cs2_n { display: block; padding: 5px 40px 5px 20px; font-weight: bold; }
		#cs2_bx_envl div.cs2_tps_a { border-left: 1px dotted var(--tlacitko_bg); margin-left: 8px; }
		#cs2_bx_envl div.cs2_tp_a { border-bottom: 1px solid var(--border_color); position: relative; margin-bottom: 8px; padding-bottom: 8px; }
		#cs2_bx_envl div.cs2_tp_a:first-child { margin-top: 1rem; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a { border-bottom: 1px dotted var(--border_color); margin-bottom: 5px; padding-bottom: 5px; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:first-child { margin-top: 0; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:last-child { margin-bottom: 0; border-bottom: none; }
		.cs2_n { font-weight: bold; padding: 5px 40px 5px 20px; display: block; }
		#cs2_bx_envl div.cs2_tps_a span.cs2_n { font-style: normal; background-color: transparent; padding: 5px 0px 5px 10px; }
		.cs2_d { font-style: italic; font-size: 90%; line-height: 1.3; padding: 0 5px 0px 20px; display: block;}
		.cs2_d .cs2_d { font-size: 100%; }

		.cs2_d > span { display: block; }
		.cs2_de { display: block; text-decoration: none; font-size: 0; position: absolute; top: 10px; left: 0;}
		.cs2_de.cs2_down::after,.cs2_de.cs2_up::after { background-color: var(--tlacitko_bg); color: var(--barva0, #FFF); font-size: 16px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; text-decoration: none; font-weight: bold; }
		.cs2_de.cs2_up::after { content: "-"; }
		.cs2_de.cs2_down::after { content: "+"; }
		.cs2_d .cs2_de {position: relative; top: 0; margin-top: 5px; font-size: 100%;font-style: normal; padding-left: 20px; height: 20px; line-height: 20px; color: var(--barva0, --barva1); display: inline-block;}
		.cs2_d .cs2_de::after { position: absolute; top: 2px; left: 0; background-color: var(--tlacitko_bg); }

		div.cs2_ba { margin-top: 1rem; text-align: center; }
		.cs2_save_selected { text-align: center; margin: 2rem 0; }
		#cs_bu_close { text-decoration: none; position: absolute; top: 0; right: 10px;
			line-height: 20px; height: 20px; width: 20px; text-align: center;
			border-radius: 1px; border: 1px solid var(--tlacitko_border); background-color: var(--tlacitko_bg); color: var(--barva0, #FFF);  }

		span.cs2_ca { display: block; position: absolute; top: 7px; right: 10px; width: 40px; text-align: center; }
		span.cs2_ca input[type="checkbox"] { position: relative; margin: 0; width: 40px; height: 20px; background-color: var(--no_active_grey); border: none; border-radius: 20px; }
		span.cs2_ca input[type="checkbox"]::after { content: ""; border: none; display: block; position: absolute; width: 16px; height: 16px; border-radius: 16px; background: var(--border_color); left: 2px; top: 2px; transition: 0.3s;}
		span.cs2_ca input[type="checkbox"]:checked { background-color: var(--tlacitko_bg); }
		span.cs2_ca input[type="checkbox"]:checked::after { left: 22px; background: var(--barva0, #FFF);}
		span.cs2_ca input[type="checkbox"]:disabled { opacity: 0.5;}
	/* - cookies 2 */

	section h1, h1.title { font-weight: normal; color: var(--barva1); position: relative; padding-left: 2em; box-sizing: border-box; text-transform: uppercase; }
	section[style^="color:"] h1, section[style^="color:"] h1 strong {
		color: inherit;
	}

section h1::before,
h1.title::before {
	content: "";
    width: 1.5em;
    height: 1.5em;
    display: block;
	position: absolute;
	left: 0; top: calc(50% - 0.7em);
    background-color: currentColor;
    mask: url("img/lupen_gold.svg") no-repeat center / contain;
    -webkit-mask: url("img/lupen_gold.svg") no-repeat center / contain;
}
h1{font-size:clamp(1.4rem,4vw,2.5rem)}
h2{font-size:clamp(1.2rem,3vw,1.6rem)}
h3{font-size:clamp(1rem,2.4vw,1.3rem)}
h1, h2,h3 { font-family: var(--font_head); }
h1 strong { display: block;  font-family: var(--font_all); color: var(--green); font-weight: normal; font-size: 85%; }

/*** - mainscreen_multi.css */
body {background-color: var(--bg_white);}
/*** + barva pro tema multi */

	/* foot */
		#foot a, #foot {color: var(--foot_text_color);}
		#foot {background-color: var(--foot_bg_color);}

	body {color: var(--text);}

	div.subcategory { border-color: var(--border_color); }
	a, div.text-article-preview h2 a, .barva, .marker {	color: var(--barva1);}
	a:hover, div.photosArea a:hover, div.eshopListItem h4, div#shop-text-part h4, .lastEshopItemPrice, span#actionPrice, .marker2 {color: var(--barva2);}

	input[type=button], input[type=submit] {border: 1px solid var(--tlacitko_border); background-color: var(--tlacitko_bg); color: var(--tlacitko_text);}
	input[type=button]:hover, input[type=submit]:hover {background-color: var(--tlacitko_bg_hover);}

	#shopinfoline,div#actionsEnvelope > a,div#bottom-menuline {background-color: var(--bottom_menuline_bg);color: var(--bottom_menuline_text) !important;}

	div#bottom-menuline a,  div#bottom-menuline h2 {color: var(--bottom_menuline_text);}

	.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img,#shop-photos_part div.photosArea a:hover {border-color: var(--barva2);}

	div.basket-navigation-item a.actnav, #nextButton,div.shop_simple_buy_progres div.completed,a.ordersList, #backWholeButton {color: #FFF;background-color: var(--barva1);background-image: none;}

	div#top_area_path_part, div#top_area_path_part a {color: var(--barva1);}
	div#top_area_path_part span { color: var(--text); }

	/* barvy pro menu univ */

	/* + table */
		table {		color: var(--table_text);}
		table th { background-color: var(--table_head_bg); color: var(--table_head_text);}
		table td,table th {border: 1px solid var(--table_border);}
		table tr:nth-child(2n+1){ background-color: var(--table_bg1); }
		table tr:nth-child(2n){ background-color: var(--table_bg2); }
	/* - table */

/*** - barva pro tema multi */

/*** + tema multi bez barvy - NO BORDERRADIUS */

a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

 div#newsletter-envelope, div#advb-in {
	width: 100%;
	box-sizing: border-box;
}

#foot {
	text-align: center;
}

/* aktuality */
div.actionsEnvelope,
div.newsEnvelope {
display: flex;
flex-wrap: wrap;
}
div.new-unique {
width: 33.3%;
padding: 0 1% 1%;
box-sizing: border-box;
}
#newsElement .aktual-date {
	font-style: italic;
	display: block;
}
.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img {
	float: left;
	max-width: 50%;
	margin: 0 1em 1em 0;
	border: none;
}

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;
	position: relative;
	z-index: 1;
}
div#top_area_path_part a {
	text-decoration: none;
}
div#top_area_path_part a:hover {
	text-decoration: underline;
}

/* styl rámečků */
#horizont-0.menuFixed,
div#newsElement > div h2,
div#newsletter-envelope h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


.part33.p_2 div.lightDark.backgroundLight,
.part33.p_2 div.lightDark.backgroundDark,
.to_infinity.left .part50.p_1 div.lightDark.backgroundLight,
.to_infinity.left .part50.p_1 div.lightDark.backgroundDark,
.to_infinity .part33.p_1 div.lightDark.backgroundLight,
.to_infinity .part33.p_1 div.lightDark.backgroundDark,
.to_infinity.right .part50.p_2 div.lightDark.backgroundLight,
.to_infinity.right .part50.p_2 div.lightDark.backgroundDark,
.to_infinity .part33.p_3 div.lightDark.backgroundLight,
.to_infinity .part33.p_3 div.lightDark.backgroundDark { margin: 0; min-height: 100%; box-sizing: border-box; }

@media(max-width: 1024px){
div.new-unique {
width: 50%;
}
}
@media(max-width: 640px){
div.new-unique {
width: 100%;
}
}
/*** - tema multi bez barvy - NO BORDERRADIUS */

.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 multi Ba-il 1 */

html {scroll-behavior: smooth;}

#categories_envelope.galery,
#categories_envelope.list,
#head_grid_mid, #head_grid_bot,
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: var(--sirka);
	margin-left: auto;
	margin-right: auto;
}

#foot-in {
	padding: 1em;
	box-sizing: border-box; 
}
#foot-content { font-size: 10px; text-align: left;}
div#horizont-0-in .cleaner_left { display: none; }

#head_envelope {
	width: 100%;
	position: relative;
	min-height: 250px;
	display: grid;
	grid-template-rows: auto 1fr auto;
	background-color: var(--green);
}
#head_envelope.homepage {
	min-height: 700px;
}

#head_grid_mid, #head_grid_bot {
	position: relative;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
}

#horizont-0 {
  grid-row: 1;
}

#head_grid_mid {
	grid-row: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-items: start;
	justify-content: center;
min-widht: 0;
}

/* Vyvážení prostoru pod zbytkem obsahu */
#head_grid_mid::after {
  content: "";
  margin-top: auto;
}
#head_grid_bot {
  grid-row: 3;
  align-self: end;
}

#system-box {
	overflow: hidden;
	align-self: stretch;
	margin-bottom: auto;
}
.mid_icons {
	max-width: 100%;
}


#banhead {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: var(--green);
	overflow: hidden;
}
#banhead::after {
	content: "";
	display: block;
	background-image: linear-gradient(to right,#000,#0000);
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%;
	position: absolute;
}
a.floatingImage img { max-width: 100%; }

#search #search_box {
	vertical-align: middle;
}
#search #search_btn {
	height: 2.1em;
	vertical-align: middle;
	line-height: 1em;
}

#newsElement {
	margin: 1em 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 */
	.part100 ul.in_article_download li { width: 50%;}
	.part50 ul.in_article_download li, .part60 ul.in_article_download li, .part33 ul.in_article_download li, .part40 ul.in_article_download li {	width: 100%;}
	ul.in_article_download li { margin: 0 0 1em 0; }
	ul.in_article_download li a { display: inline-block; padding-left: 80px; padding-top: 20px; min-height: 80px; max-width: 100%; box-sizing: border-box; }
	ul.in_article_download li span.name_envl { line-height: 1.3; }
	ul.in_article_download li span.name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block; vertical-align: middle;}

ul.in_article_download {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
ul.in_article_download li {
	list-style-type: none;
	padding: 0 1rem 0 0;
	box-sizing: border-box;
}
ul.in_article_download li a {
	position: relative;
	text-decoration: none;
}
a.download_link_type::before {
	content: "";
	background-image: url('../img/download/download.png');
	background-repeat: no-repeat;
	background-position: left center;
	height: 86px;
	width: 66px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 0.5em;
	vertical-align: middle;
}
a.download_link_type.file-application_pdf::before { background-image: url('../img/download/download_pdf.png'); }
/*
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_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:
    invert(25%) 
    sepia(30%) 
    saturate(500%) 
    hue-rotate(145deg) 
    brightness(40%) 
    contrast(105%);
 }
ul.in_article_download li a:hover span.name { text-decoration: none; }
ul.in_article_download li span.aligning {
	vertical-align: middle;
	display: inline-block;
}
ul.in_article_download li span.desc {
	display: block;
	text-decoration: none;
	color: var(--text);
}
ul.in_article_download li span.play {
	display: block;
	margin-top: 0px;
	margin-left: 80px;
}
ul.in_article_download li span.name { text-decoration: underline;font-style: italic; font-size: 80%; }
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;
	text-decoration: none;
}
/* - downloads */

#float_icons_part_1 { text-align: center; }
#float_icons_part_2 { text-align: left; min-width: 130px;}
#float_icons_part_3 { text-align: right;  left; min-width: 130px;}
#float_icons_part_4 { text-align: center; width: 100%;}
#float_icons_part_5 { text-align: center; width: 100%; }
#float_icons_part_6 { text-align: center; width: 100%; }
#float_icons_part_7 { text-align: center; width: 100%;}

#head_envelope.homepage.st_0 { min-height: 100vh; min-height: 100svh; }
#head_envelope.homepage.st_1 { min-height: 70vh; min-height: 70svh; }
#head_envelope.homepage.st_2 { min-height: 100vh; min-height: 50svh; }


:root {
	--ilu_height: 50px;
}
@keyframes fade_in {
	from { height: 0; transform: scaleY(1); opacity: 0;}
	to { height: var(--ilu_height);  transform: scaleY(1); opacity: 1; }
}
.ilu_b { overflow: hidden; transition: 0.5s linear; transform-origin: bottom center; }
.ilu_fo { height: 0 !important; transform: scaleY(1); opacity: 0; }
.ilu_fi { animation-name: fade_in; animation-duration: 0.5s; animation-timing-function: linear; opacity: 1;}

.ilu_b > div { padding: 1px 1rem; box-sizing: border-box; }

.ilu_b a.tlacitko, .ilu_b a.tlacitko:hover { color: inherit !important; border-color: inherit !important; background-color: transparent !important;}
.ilu_b a.tlacitko:hover {}
.ilu_b a.tlacitko { position: relative; overflow: hidden; }
.ilu_b a.tlacitko::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 100px solid; opacity: 0; z-index: -1; transition: 0.3s; }
.ilu_b a.tlacitko:hover::after { opacity: 0.3; }

.ilu_b img { max-width: 100%; }

.ilu_b .textShadow_1 { text-shadow: 1px 0 0px #000A, -1px 0 0px #000A, 0px 1px 0px #000A, 0px -1px 0px #000A;}
.ilu_b .textShadow_2 { text-shadow: 1px 0 0px #FFFA, -1px 0 0px #FFFA, 0px 1px 0px #FFFA, 0px -1px 0px #FFFA;}

.ilu_b .textShadow_1 a.tlacitko { box-shadow: 1px 0 0px #000A, -1px 0 0px #000A, 0px 1px 0px #000A, 0px -1px 0px #000A;}
.ilu_b .textShadow_2 a.tlacitko { box-shadow: 1px 0 0px #FFFA, -1px 0 0px #FFFA, 0px 1px 0px #FFFA, 0px -1px 0px #FFFA;}

.ilu_b .boxBg_1 {
  padding: 1px 2rem;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.55) 14%,
    rgba(0,0,0,0.75) 22%,
    rgba(0,0,0,0.75) 78%,
    rgba(0,0,0,0.55) 86%,
    rgba(0,0,0,0) 100%
  );
}
.ilu_b .boxBg_2 {
	background: linear-gradient(
		90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,0.55) 14%,
		rgba(255,255,255,0.75) 22%,
		rgba(255,255,255,0.75) 78%,
		rgba(255,255,255,0.55) 86%,
		rgba(255,255,255,0) 100%
	);
}

h2.ilu_title { text-transform: uppercase; letter-spacing: 30%; font-size: 250%; border-bottom: 1px solid; padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: 1; text-align: center; }



@media(min-width: 1300px) {
	#float_icons_part_2 .floatingImage,
	#float_icons_part_3 .floatingImage {
		vertical-align: middle;
		margin-top: 0; margin-bottom: 0;
	}
	#float_icons_part_2 .floatingImage:first-child { margin-left: 0; }
	#float_icons_part_3 .floatingImage:last-child { margin-right: 0; }
}
@media(max-width: 1600px) {
	#categories_envelope.galery,
	#categories_envelope.list,
	#head_grid_mid,#head_grid_bot,
	#user-info,
	#bottom-menuline-in,
	.submenuArea,
	div.category_description, h1.title,
	div.articleContent,
	#data-center-text,
	#foot-in {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	div.photosArea a {}
	div.photosArea.photogallery_vertical a {}
	div.photosArea a img,
	div.photosArea.photogallery_vertical a img {}
}
	@media(max-width: 1200px){
		div.article-preview-envelope {}
	}
@media(max-width: 860px){
	#banhead.mhdr_1 {
		min-height: 350px;
	}
	#banhead.mhdr_2 {
		min-height: 150px;
	}
	#head-slogan div {
		bottom: 1em;
	}
}
@media(max-width: 640px){
	
	#head_envelope {
		padding-top: 0;
	}
	div.article-preview {
		display: block;
	}
	#float_icons_part_1,
	#float_icons_part_2,
	#float_icons_part_3 { float: none; margin: 0 auto; width: 100%; }
	#float_icons_part_2, #float_icons_part_3 {
		text-align: center;
		padding: 0 10px;
		box-sizing: border-box;
		width: calc( 100% - var(--hor_res_menu_button_height)*2 );
	}
	


	#search {
		margin: 0 auto;
		width: 100% !important;
		float: none;
		text-align: center;
	}

}
/*** - rozlozeni multi */
/*** + menu univ center multi */

/*** - menu univ center multi */




/*** + mainscreenend_multi.css */
	@media(max-width: 1365px) {
		div.subcategory-envelope { width: 25%; }
	}
	@media(max-width: 1024px) {
		div.subcategory-envelope { width: 33.3%; }
	}

	@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%;
		}
		div#ppb_mb {
			display: none !important;
		}
		div.calendars {
			min-width: 50% !important;
		}
		#search {
			position: relative;
			float: right;
		}
		#banhead {
			overflow: hidden;
		}
		div.photosArea a,
		div.photosArea.photogallery_vertical a {
			width: 23%;
		}
	}

	@media(max-width: 640px) {
		#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;
			display: inline-block;
		}
		#bottom-mapline iframe {
			height: 180px;
		}
		div.photosArea a {
			width: 48%;
		}
		div.photosArea.photogallery_vertical a {
			width: 31%;
		}
		div#login_form_envelope,
		div#login_form_envelope {
			text-align: left;
		}
		.login_form_label, input#user_login, input#user_password {
			display: block;
			width: 90%;
		}
		div.subcategory-envelope { width: 50%; }

		div.cs2_ba a.tlacitko { margin-bottom: 5px; padding: 0.2em 1em;}
	}

	@media(max-width: 500px) {
		.webbase_form select,
		.webbase_form textarea,
		.webbase_form input[type="text"],
		.webbase_form input[type="email"],
		.webbase_form .calendar_element input,
		#newsletter_form_envelope input[type=text]{
			width: calc(100% - 30px);
		}
		.webbase_form .calendar_element { width: 100%; }
		.webbase_form label,
		#newsletter_form_envelope label {
			width: auto;
			text-align: left;
			display: block;
			padding-right: 0;
		}
		.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 input[type="radio"],
		.webbase_form input[type="checkbox"] {
			margin: 0 0 0 0px;
		}
		div.calendars {
			width: 100% !important;
		}

		div.subcategory-envelope { width: 100%; margin-bottom: 1rem; }

		.article-preview-gallery { width: 100%; max-width: 100%; margin: 0 0 2rem 0; }
	}

	/* + layout end pro articlemulti */
		@media(max-width: 1620px){
			.articleContent > h1,
			.parts_envelope.sized,
			.to_infinity .editPerex ,
			.site_sized,
			.sale_detail,
			#top_area_path_part {
				padding-left: 1rem;
				padding-right: 1rem;
			}
			.parts_envelope.to_infinity.left { padding-right: 1rem; }
			.parts_envelope.to_infinity.right { padding-left: 1rem; }
			/*.to_infinity .part100 div.lightDark.backgroundLight, .to_infinity .part100 div.lightDark.backgroundDark { margin-left: 1rem; margin-right: 1rem; }*/
		}
		@media(max-width: 1365px) {
			div.parts_envelope {
				justify-content: center;
			}
			.parts_envelope.to_infinity.left { padding-right: 0; }
			.parts_envelope.to_infinity.right { padding-left: 0; }
			
			.part33 div.lightDark, .part50 div.lightDark, .parts60 > div div.lightDark { margin-left: 0; margin-right: 0; }


			.part33.p_1, .part50.p_1 div.lightDark, .parts60 > div.p_1 div.lightDark { margin-bottom: 0; }
			.part33.p_1.backgroundLight, .part50.p_1 div.lightDark.backgroundLight, .parts60 > div.p_1 div.lightDark.backgroundLight
			.part33.p_1.backgroundDark, .part50.p_1 div.lightDark.backgroundDark, .parts60 > div.p_1 div.lightDark.backgroundDark { margin-bottom: var(--small); }
			
			.part33.p_2 { margin-bottom: 0; margin-top: 0; }
			.part33.p_3 { margin-top: 0; }

			div.parts33.to_infinity > div.p_1,
			div.parts33.to_infinity > div.p_3,
			div.part50, div.part40, div.part60 {
				margin: 0;
			}

			.parts33.to_infinity .part33.p_2,
			.to_infinity.left > div.p_2,
			.to_infinity.right > div.p_1
			 { margin-left: 1rem !important; margin-right: 1rem !important; }

			div.part33, div.part50, div.part40, div.part60 {
				width: 100% !important;
				max-width: 100%;
			}
			.homepage .part40 div.lightDark,
			.homepage .part50 div.lightDark,
			.homepage .part60 div.lightDark
				{ margin: var(--small) 0 !important; }
			.kouzlo.baf {
					--presah:var(--small);
			}
			/*.to_infinity.left .part50.p_1 div.lightDark.backgroundLight, .to_infinity.left .part50.p_1 div.lightDark.backgroundDark,
			.to_infinity.right .part50.p_2 div.lightDark.backgroundLight, .to_infinity.right .part50.p_2 div.lightDark.backgroundDark,
			.to_infinity .part33.p_1 div.lightDark.backgroundLight, .to_infinity .part33.p_1 div.lightDark.backgroundDark,
			.to_infinity .part33.p_3 div.lightDark.backgroundLight, .to_infinity .part33.p_3 div.lightDark.backgroundDark { margin-left: 1rem; margin-right: 1rem; }*/

			.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
			.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 25%; }

			.part50 .in_article_photogalery a,
			.part60 .in_article_photogalery a,
			.part40 .in_article_photogalery a,
			.part33 .in_article_photogalery a { width: 19%; }

			.part50 .in_article_photogalery .photogallery_vertical a,
			.part60 .in_article_photogalery .photogallery_vertical a,
			.part40 .in_article_photogalery .photogallery_vertical a,
			.part33 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
		}
		@media(max-width: 1024px) {
			.part100 ul.in_article_download li { width: 100%;}

			.part100 .in_article_photogalery a,
			.part50 .in_article_photogalery a,
			.part60 .in_article_photogalery a,
			.part33 .in_article_photogalery a,
			.part40 .in_article_photogalery a { width: 24%; }
			.part100 .in_article_photogalery .photogallery_vertical a,
			.part50 .in_article_photogalery .photogallery_vertical a,
			.part60 .in_article_photogalery .photogallery_vertical a,
			.part33 .in_article_photogalery .photogallery_vertical a,
			.part40 .in_article_photogalery .photogallery_vertical a { width: 19%; }

			.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 33.3%; }
		}
		@media(max-width: 640px){
			.part100 .in_article_photogalery a,
			.part50 .in_article_photogalery a,
			.part60 .in_article_photogalery a,
			.part33 .in_article_photogalery a,
			.part40 .in_article_photogalery a { width: 32.3%; }
			.part100 .in_article_photogalery .photogallery_vertical a,
			.part50 .in_article_photogalery .photogallery_vertical a,
			.part60 .in_article_photogalery .photogallery_vertical a,
			.part33 .in_article_photogalery .photogallery_vertical a,
			.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

			.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }
		}
		@media (max-width: 500px) {
			.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 100%; }
		}
	/* - layout end pro articlemulti */

/*** - mainscreenend_multi.css */


:root{

	--accent2: var(--gold);
	--accent: var(--petrol);
	--error: var(--red);
	--ok: var(--lightgreen);

	--form_bg_color: var(--late);
	--form_text_color: var(--text);
	--form_label_color: var(--grey);
	--form_border_color: var(--darklate);
	--form_focus_color: var(--accent);
	--form_error_border: var(--error);
	--form_ok_border: var(--ok);

	--table_bg: var(--late);
	--table_row_bg: var(--semiwhite);
	--table_row_hover: var(--darklate);
	--table_border: var(--darklate);
	--table_text: var(--text);
	--table_head_text: var(--grey);

	--detail_box_bg: var(--late);
	--detail_border: var(--darklate);
	--detail_title_row: var(--darklate);
	--detail_row_border: var(--lightgrey);

	--tlacitko_bg:var(--accent);
	--tlacitko_bg_hover:var(--accent2);
	--tlacitko_text:#000;
	--tlacitko_text_hover:#000;
	--tlacitko_border:var(--accent);
	--tlacitko_border_hover:var(--accent2);

    --detail_gap:var(--space_3xl);
	--radius:10px;
    --space_xs:10px;
    --space_m:14px;
    --space_xl:18px;
    --space_3xl:24px;
    --transition:.25s ease;
}



/* + formulář */
	input.form_stext, 
	label.form_stext{display:none;}

	div.webbase_form_div form#form_163{
		width:100%;
		background:var(--form_bg_color);
		color:var(--form_text_color);
		padding:var(--space_3xl);
		border-radius:var(--radius);
		box-sizing:border-box;
		display:block;
	}
	div.webbase_form_div form#form_163 div.webbase_form_line{
		display:block;
		position:relative;
		padding-bottom:8px;
		margin-bottom:var(--space_3xl);
		border-bottom:1px solid var(--form_border_color);
	}
	div.webbase_form_div form#form_163 label{
		display:block;
		font-size:12px;
		color:var(--form_label_color);
		margin-bottom:6px;
		letter-spacing:.05em;
	}
	div.webbase_form_div form#form_163 input[type=text],
	div.webbase_form_div form#form_163 input[type=email],
	div.webbase_form_div form#form_163 textarea{
		width:100%;
		background:none;
		border:none;
		color:var(--form_text_color);
		padding:0;
		margin:0;
		outline:none;
		font-size:16px;
		line-height:1.4;
		box-sizing:border-box;
	}
	div.webbase_form_div form#form_163 textarea{
		min-height:80px;
		resize:vertical;
		height:auto !important;
	}
	/* focus efekt  */
	.webbase_form_line:not(:last-child):not(:nth-last-child(2)):focus-within{
		border-bottom-color:var(--form_focus_color);
		box-shadow:0 1px 0 0 var(--form_focus_color);
	}
	/* checkbox řádek */
	div.webbase_form_div form#form_163 div.webbase_form_line:nth-last-of-type(2){
		border-bottom:none;
		display:flex;
		align-items:center;
		gap:var(--space_xs);
		padding-bottom:0;
	}
	div.webbase_form_div form#form_163 input[type=checkbox]{
		accent-color:var(--form_focus_color);
		margin:0;
	}
	div.webbase_form_div form#form_163 .form_label_right{
		margin:0;
		font-size:13px;
		color:var(--form_label_color);
	}
	.webbase_form_line{
		transition: border-color 0.5s ease, box-shadow 0.5s ease;
	}
	/* button řádek */
	div.webbase_form_div form#form_163 div.webbase_form_line:last-of-type{
		border-bottom:none;
		text-align:center;
		margin-top:var(--space_3xl);
	}
	div.webbase_form_div form#form_163 input[type=submit]{
		background:var(--tlacitko_bg);
		color:var(--tlacitko_text);
		border:1px solid var(--tlacitko_border);
		padding:var(--space_m) var(--space_3xl);
		border-radius:var(--radius);
		cursor:pointer;
		font-weight:600;
		font-size:14px;
		transition:var(--transition);
	}
	div.webbase_form_div form#form_163 input[type=submit]:hover{
		background:var(--tlacitko_bg_hover);
		color:var(--tlacitko_text_hover);
		border-color:var(--tlacitko_border_hover);
	}
	/* validace */
	.webbase_form textarea:valid,
	.webbase_form input[type=text]:valid,
	.webbase_form input[type=email]:valid{
		border-color:var(--form_border_color);
	}

	.webbase_form textarea:valid:required,
	.webbase_form input[type=text]:valid:required,
	.webbase_form input[type=email]:valid:required{
		border-color:var(--form_ok_border);
	}

	.webbase_form textarea:invalid,
	.webbase_form input[type=text]:invalid,
	.webbase_form input[type=email]:invalid,
	.webbase_form input.form_error{
		border-color:var(--form_error_border);
	}

	.webbase_form textarea:invalid~span,
	.webbase_form input[type=text]:invalid~span,
	.webbase_form input[type=email]:invalid~span,
	.webbase_form input.form_error~span{
		position:absolute;
		right:var(--space_xs);
		top:42px;
		width:14px;
		height:14px;
	}

	.webbase_form textarea:invalid~span::before,
	.webbase_form input[type=text]:invalid~span::before,
	.webbase_form input[type=email]:invalid~span::before,
	.webbase_form input.form_error~span::before{
		content:"";
		display:block;
		width:10px;
		height:10px;
		background:var(--form_error_border);
		border-radius:50%;
		margin:auto;
		box-shadow:0 0 6px var(--form_error_border);
	}

	.webbase_form input[type=checkbox].form_error~span{
		position:relative;
		top:initial;
		right:initial;
		line-height:16px;
	}

	.webbase_form input[type=checkbox].form_error~span::before{
		content:"";
		display:inline-block;
		width:10px;
		height:10px;
		background:var(--form_error_border);
		border-radius:50%;
	}

	@media(max-width:768px){
		div.webbase_form_div form#form_163{
			padding:var(--space_xl);
		}
	}
/* - formulář */

/* + tabulka bytů */
	.sale_list_wrap{
		overflow-x:auto;
	}

	.sale_list_table{
		width:100%;
		display:block;
		color:var(--table_text);
		max-width:max-content;
		margin:0 auto var(--small);
	}
	.sale_list_table .row{
		display:grid;
		grid-template-columns:
			100px
			80px
			90px
			150px
			110px
			90px
			130px
			160px
			150px;
		align-items:center;
		width:max-content;
	}

	.sale_list_table .row.head{
		background:var(--table_bg);
		border-bottom:1px solid var(--table_border);
	}

	.sale_list_table .row.head .cell{
		color:var(--table_head_text);
		font-size:13px;
		padding:var(--space_m) var(--space_xs);
	}

	.sale_list_table .item_envelope{
		border-bottom:1px solid var(--table_border);
		background:var(--table_row_bg);
		transition:background .2s ease;
		width:max-content;
	}

	.sale_list_table .item_envelope:hover{
		background:var(--table_row_hover);
	}
	
	.sale_list_table .item_envelope.invisible { display: none; }

	.sale_list_table .row.data .cell{
		padding:var(--space_m) var(--space_xs);
		font-size:14px;
		display:flex;
		align-items:center;
	}

	.sale_list_table .cell{
		box-sizing:border-box;
	}

	.sale_list_table .cell_10{
		justify-content:flex-end;
	}

	.sale_list_table .label{
		position:absolute;
		width:1px;
		height:1px;
		padding:0;
		margin:-1px;
		overflow:hidden;
		clip:rect(0,0,0,0);
		white-space:nowrap;
		border:0;
	}

	.sale_list_table .value{
		display:inline-block;
	}
	.sale_list_table .value.status::before { content: "● "; font-size: 18px;}
	.sale_list_table .value.status_0 { color: var(--house_status_color_0);}
	.sale_list_table .value.status_1 { color: var(--house_status_color_1);}
	.sale_list_table .value.status_2 { color: var(--house_status_color_2);}
	
	@media(min-width:769px){
		.sale_list_table .item_envelope{
			display: block;
			overflow:hidden;
			max-height:80px; /* dostatečně velké */
			opacity:1;
			transform-origin:top;
			border-width: 1px;
			transition:
				max-height 1s ease,
				padding 1s ease,
				margin 1s ease,
				border-width 1s,
				background .2s;
		}
		.sale_list_table .item_envelope.invisible{
			max-height:0;
			padding-top:0;
			padding-bottom:0;
			margin-top:0;
			margin-bottom:0;
			display: block;
			border-width: 0;
		}
	}
	@media(max-width:768px){

		.sale_list_table .row.head{
			display:none;
		}

		.sale_list_table .item_envelope{
			background:var(--table_row_bg);
			border:1px solid var(--table_border);
			border-radius:var(--radius);
			padding:var(--space_m);
			margin-bottom:var(--space_m);
			width: 100%;
			box-sizing: border-box;
		}

		.sale_list_table .item_envelope:hover{
			background:var(--table_row_bg);
		}

		.sale_list_table .row.data{
			display:grid;
			grid-template-columns:1fr 1fr;
			row-gap:var(--space_xs);
			column-gap:var(--space_xs);
			width: 100%;
		}

		.sale_list_table .cell{
			padding:var(--space_xs) 0;
			display:flex;
			flex-direction:column;
		}

		.sale_list_table .label{
			position:relative;
			width:auto;
			height:auto;
			margin:0;
			overflow:visible;
			clip:auto;
			white-space:normal;
			font-size:12px;
			color:var(--table_head_text);
		}

		.sale_list_table .value{
			display:block;
			text-align:right;
			font-size:14px;
		}

		.sale_list_table .cell_10{
			grid-column:1/3;
			margin-top:var(--space_xs);
			display:block;
		}

		.sale_list_table .cell_10 .value{
			text-align:left;
		}
	}
/* - tabulka bytů */

/* + detail bytu */
	.sale_detail{
		width:100%;
		padding-top: var(--small);
		padding-bottom: var(--small);
		max-width: var(--sirka);
		margin: 0 auto;
		box-sizing: border-box;
	}

	.detail_grid{
		display:grid;
		grid-template-columns:420px 1fr;
		gap:var(--detail_gap);
		align-items:start;
	}

	.detail_info{
		display:flex;
		flex-direction:column;
		gap:var(--space_3xl);
	}

	.detail_side{
		display:flex;
		flex-direction:column;
		gap:var(--space_m);
	}

	.detail_description{
		font-size:15px;
		line-height:1.6;
	}

	.detail_image img{
		width:100%;
		height:auto;
		display:block;
		border-radius:var(--radius);
	}

	.detail_basic{
		background:var(--detail_box_bg);
		border:1px solid var(--detail_border);
		border-radius:var(--radius);
		overflow:hidden;
	}

	.detail_row{
		display:flex;
		justify-content:space-between;
		padding:var(--space_m) var(--space_m);
		border-bottom:1px solid var(--detail_row_border);
		font-size:14px;
	}

	.detail_row:last-child{
		border-bottom:none;
	}

	.detail_title_row{
		font-size:22px;
		font-weight:700;
		background: var(--detail_title_row);
	}

	.detail_title_row .value{
		font-size:22px;
	}

	.detail_row .label{ color: var(--table_head_text); }

	.detail_row .value{
		text-align:right;
	}

	.detail_rooms{
		background:var(--detail_box_bg);
		border:1px solid var(--detail_border);
		border-radius:var(--radius);
		overflow:hidden;
	}

	.rooms_row{
		display:grid;
		grid-template-columns:1fr auto;
		padding:var(--space_xs) var(--space_m);
		border-bottom:1px solid var(--detail_row_border);
		font-size:14px;
		align-items:center;
	}

	.rooms_row:last-child{
		border-bottom:none;
	}

	.detail_rooms.variant_3 .rooms_row{
		grid-template-columns:40px 1fr auto;
	}

	.detail_rooms.variant_3 .rooms_row span.ref{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-width:28px;
		height:28px;
		font-size:12px;
		font-weight:600;
		background: var(--detail_title_row);
		border:1px solid var(--table_border);
		border-radius:6px;
	}

	.detail_pdf{
		background:var(--detail_box_bg);
		border:1px solid var(--detail_border);
		border-radius:var(--radius);
		padding:var(--space_m);
	}

	.pdf_label{
		font-size:13px;
		margin-bottom:var(--space_xs);
	}

	@media(max-width:900px){

		.detail_grid{
			grid-template-columns:1fr;
		}

	}
/* - detail bytu */

/* + talčítko */

	a.tlacitko{
		display:inline-block;
		padding:0.6em 2em;
		text-decoration:none;
		border:1px solid var(--tlacitko_border);
		background-color:var(--tlacitko_bg);
		color:var(--tlacitko_text);
		border-radius:var(--radius);
		font-weight:600;
		font-size:14px;
		transition:var(--transition);
		line-height:1.2;
		transition: 0.3s;
	}
	a.tlacitko:hover, a.tlacitko:focus-visible{
		background-color:var(--tlacitko_bg_hover);
		color:var(--tlacitko_text_hover);
		border-color:var(--tlacitko_border_hover);
		text-decoration:none;
	}
	a.tlacitko.gold.stroke { color: var(--gold); border-color:var(--gold); background-color: rgba(var(--rgb_gold),0);border-radius: 0; }
	a.tlacitko.gold.stroke:hover, a.tlacitko.gold.stroke:focus-visible  { color: var(--gold); border-color:var(--gold); background-color: rgba(var(--rgb_gold),0.2);}
/* - talčítko */

/* + scroll to home */
	#scrollToHome{
		position:fixed;
		right:1rem;
		bottom:1rem;
		width:var(--servis_button_size);
		height:var(--servis_button_size);
		line-height:var(--servis_button_size);

		display:none;
		align-items:center;
		justify-content:center;

		background-color:var(--accent);
		color:#000!important;

		border:1px solid var(--accent);
		border-radius:var(--radius);

		box-shadow:0 6px 14px rgba(0,0,0,.5);

		transition:var(--transition);
		z-index:15;
		font-size: 14px;
		text-decoration: none;
	}

	#scrollToHome:hover{
		transform:translateY(-3px);
		background-color:var(--accent2);
		border-color:var(--accent2);
		color:#000!important;

		box-shadow:0 10px 20px rgba(0,0,0,.7),
				   0 0 12px var(--accent);
	}
	#scrollToHome::before{
		content:"";
		position:absolute;
		inset:0;
		background:linear-gradient(
			135deg,
			var(--tlacitko_bg),
			var(--tlacitko_bg_hover)
		);
		opacity:.15;
		z-index:-1;
		transition:var(--transition);
	}

	#scrollToHome:hover::before{
		opacity:.3;
	}
	#scrollToHome > svg {
		display: inline-block;
		vertical-align: middle;
	}

/* - scroll to home */

#logo_anim { max-width: 530px; width: 100%; }
#logo_subpage{ max-width: 230px; width: 100%; margin-top: -60px; }
@media(max-width: 640px){
	:root { --hor_res_menu_button_height: 50px; }
	#logo_subpage{ margin-top: 10px; }
	#head_button_1 {right: calc(2*var(--hor_res_menu_button_height));}
}
#move_link { width: 90px; max-width: 15%; }
#logo_anim svg, #move_link svg, #logo_subpage svg { max-width: 100%; height: auto; }
#move_link #a1 { transition: 0.3s; }
#move_link:hover #a1 { transform: translateY(7%); transition: 0.3s; }
/* + Logo aminace */
#logo_anim {
	--delka_animace: 2s;
}
#logo_anim path,
#move_link path, #move_link ellipse {
	opacity:0;
}

#logo_anim #path3{animation:fade var(--delka_animace) linear forwards;animation-delay:.1s} /* lipno */
#logo_anim #path4{animation:fade var(--delka_animace) linear forwards;animation-delay:.4s} /* resi */
#logo_anim #path9{animation:fade var(--delka_animace) linear forwards;animation-delay:.8s} /* vlnka */
#logo_anim #path5{animation:fade var(--delka_animace) linear forwards;animation-delay:1.2s} /* L */
#logo_anim #path7{animation:fade var(--delka_animace) linear forwards;animation-delay:1.6s} /* F/1 */
#logo_anim #path11{animation:fade var(--delka_animace) linear forwards;animation-delay:1.6s} /* F/2 */

#logo_anim #path1,#logo_anim #path2,#logo_anim #path6,#logo_anim #path8,#logo_anim #path10,#logo_anim #path12,#logo_anim #path13,#logo_anim #path14,#logo_anim #path15{
    animation:fade var(--delka_animace) linear forwards;
    animation-delay:2s;
}
@keyframes fade{
	from{
		filter:blur(8px);
	}
    to{
		opacity:1;
		filter:blur(0);
	}
}
#move_link {
	--delka_animace: 2s;
	--delka_animace_pismen: 1s;
}
#move_link #a1{animation:fade var(--delka_animace) linear forwards;animation-delay:3s;}
#move_link #o1{animation:fade var(--delka_animace) linear forwards;animation-delay:4s}
#move_link #s0{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:5s}
#move_link #s1{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:5.2s}
#move_link #s2{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:5.4s}
#move_link #s3{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:5.6s}
#move_link #s4{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:5.8s}
#move_link #s5{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:6s}
#move_link #s6{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:6.2s}
#move_link #s7{animation:fade var(--delka_animace_pismen) linear forwards;animation-delay:6.4s}

/* - Logo aminace */

/* + výběr domů */
.map_wrap{position:relative;width:100%;margin:0 auto; }
@media(max-width: 700px){
	.map_wrap { display: none; }
}
.map_wrap img{width:100%;display:block;}
.map_wrap svg{position:absolute;top:0;left:0;width:100%;height:100%}

polygon{cursor:pointer;stroke-width:1;transition:.15s}

/* STATUSY */
.status_0{fill:rgba(var(--rgb_house_status_color_0),.0);stroke:rgba(var(--rgb_house_status_color_0),.5)}
.status_1{fill:rgba(var(--rgb_house_status_color_1),.0);stroke:rgba(var(--rgb_house_status_color_1),.5)}
.status_2{fill:rgba(var(--rgb_house_status_color_2),.0);stroke:rgba(var(--rgb_house_status_color_2),.5)}
.status_0.is-active,.status_0:hover{fill:rgba(var(--rgb_house_status_color_0),.25);stroke:rgba(var(--rgb_house_status_color_0),.7)}
.status_1.is-active,.status_1:hover{fill:rgba(var(--rgb_house_status_color_1),.25);stroke:rgba(var(--rgb_house_status_color_1),.7)}
.status_2.is-active, .status_2:hover{fill:rgba(var(--rgb_house_status_color_2),.7);stroke:rgba(var(--rgb_house_status_color_2),.7)}


polygon:hover, polygon.is-active:hover{stroke-width:3;}
polygon.is-active{stroke-width:2;}

/* DISABLED */
.cursor_disabled{cursor:not-allowed;}

.house_in_map_label {position: absolute; transform: translate(-50%,calc(-100% - 50px)); display: block; line-height: 1; text-transform: uppercase; font-size: 1rem; padding: 0.4em 0.5em 0.2em;
						color: var(--green); background: #FFF; border: 3px solid var(--gold); text-decoration: none; box-sizing: border-box; }
.house_in_map_label:hover, .house_in_map_label.selected { cursor: pointer; color: #000; box-shadow:0 0 6px var(--gold),0 0 14px var(--gold); }

.house_in_map_label::after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 1px;
	bottom: 0;
	left: 50%;
	background: var(--gold);
	transform: translateY(100%);
}
.house_in_map_label::before {
	content: "";
	display: block;
	position: absolute;
	height: 5px;
	width: 5px;
	border: 2px solid var(--gold);
	bottom: 0;
	left: 50%;
	background:#000;
	border-radius: 50%;
	transform: translate(-50%,52px);
	z-index: 1;
}
.house_in_map_label:hover::before,
.house_in_map_label.selected::before {
	background: yellow;
}
/* - výběr domů */

div#foot_znamky {
	text-align: center;
	padding: 1px 0;
	background-color: var(--green);
	
	background-image: linear-gradient(
		to bottom,
		var(--late) 0%,
		var(--late) 50%,
		var(--green) 50%,
		var(--green) 100%
	  );
}
div#foot_znamky img {
	display: block;
	margin: var(--small) auto;
	max-width: 80%;
}
div.top_shadow { height: 30px; margin-bottom: -30px; position: relative; z-index: 1;
	background-image: linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,rgba(0,0,0,0));}

#houses_filter {
	margin: 2rem auto 1rem;
	text-align: center;
}
#houses_filter a { display: inline-block; margin: 0 1rem 1rem; padding: 0 1em 1em; position: relative; text-decoration: none; color: var(--green);
						text-transform: uppercase; font-weight: 600; }
#houses_filter a:hover, #houses_filter a.selected { text-decoration: none; color: var(--green); }

#houses_filter a::after {
  content: "";
  width: 0%;
  height: 0;
  border-top: 1px solid var(--gold);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}
#houses_filter a:hover::after,
#houses_filter a.selected::after {
	width: 100%;
}

div#detailBox {
    position: absolute;
    bottom: 1rem;
    min-width: 100px;
    left: calc(50% - 50px);
    border: 3px solid var(--gold);
    padding: 1em;
    background-color: var(--green);
    color: var(--gold);
    border-radius: var(--radius);
    font-size:clamp(10px,2.5vw,14px);
	display:grid;
    grid-template-columns:auto 1fr;
    gap:0.3em 1em;

    /* animace */
    opacity: 0.2;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

div#detailBox.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
div#detailBox div { width: 100%; box-sizing: border-box; line-height: 1;}
#detailBox .name { font-size: 180%; font-family: var(--font_head); font-weight: bold; }
#detailBox .cena { font-size: 150%; font-family: var(--font_head); font-weight: bold; }

#detailBox .patro{justify-self:start; font-weight: bold; }
#detailBox .vila{justify-self:end; font-style: italic; }
#detailBox .name,
#detailBox div.status,
#detailBox .cena{
    grid-column:1/-1;
}
#detailBox span.status { display: inline-block; background-color: #FFF; color: var(--green); padding: 2px 4px; border: 1px solid currentcolor; border-radius: 4px; margin: 2px 0; }
#detailBox span.status::before { content: "●"; font-size: 18px;}
#detailBox span.status_0 { color: var(--house_status_color_0);}
#detailBox span.status_1 { color: var(--house_status_color_1);}
#detailBox span.status_2 { color: var(--house_status_color_2);}

div#banhead_video {
	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#video_tag {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
	transition: opacity 500ms;
}
div#banhead_video.noVi.port,
div#banhead_video.noVi.land {background-repeat: no-repeat; background-position: right center; background-size: cover;}