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

/*** + mainscreen_multi.css */
:root {
	--font_n: "Montserrat", sans-serif;
	--font_a: "Questrial", sans-serif;
	--font_o: "Open Sans", sans-serif;
	--green: #618D28;
	--darkgreen: #578022;
	--orange: #ED8B00;
	--tyrkys: #28939D;
	--smaragd: #00965E;
	--brown: #9E5330;
	--grey: #8C857B;
	--lightgrey: #E8E8E8;
	--black: #3B3B3B;
	--mbu_blue: #001a70;
	--blue: #003bff;
	
	--sirka: 1600px;
	--rantl: calc((100% - var(--sirka)) * 0.5);
	--sirka60: 960px;
	--sirka50: 800px;
	--odsazeni_i: 1rem;
	--small: 2rem;
	--big: 5rem;
	--yt_animace_height: 400px;
	--hor_res_menu_button_height: 40px;
	--servis_button_size: 50px;
	--radius: 24px; /* border-radius */
	--radius_small: 16px; /* border-radius */
	--space: 20px;
	--space_small: 12px;

	--text: var(--black);
	--barva1: var(--green);
	--barva2: var(--smaragd);
	--barva1_opacity: rgba(157,0,0,0.8);
	--barva2_opacity: rgba(157,0,0,0.8);
	--barva1_opacity_50: rgba(214,0,0,0.5);
	--barva2_opacity_50: rgba(214,0,0,0.5);
	--barva_link: var(--barva1);

	--shadow: 0px 5px 25px #00000033;
	--shadow2: 0px 0px 15px #0000001A;
	--shadow3: 0px 0px 8px #0000001A;
	--shadow4: 0px 3px 6px #00000040;;

	--border_color: #F2F2F2;
	--no_active_grey: #fafafa;

	--form_border_color: #B9B9B9;
	--form_background_color: #FFF;
	--form_text_color: var(--text);
	--form_ok_border: green;
	--form_error_border: red;

	--tlacitko_text: #FFF;
	--tlacitko_border: var(--green);
	--tlacitko_text_hover: var(--tlacitko_text);
	--tlacitko_bg: var(--green);
	--tlacitko_bg_hover: var(--black);
	--tlacitko_border_hover: var(--black);

	--foot_text_color: #FFF;
	--foot_bg_color: var(--green);

	--slogan_text: var(--tlacitko_text);

	--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(--tlacitko_text);
	--hor_res_menu_bg: var(--barva1);
	--hor_res_menu_border: var(--tlacitko_border);
	--mobile_ul_bg: var(--green);
	--mobile_ul_li_bg: var(--green);

	--table_head_bg: var(--tlacitko_bg);
	--table_head_text: var(--tlacitko_text);
	--table_text: var(--form_text_color);
	--table_bg1: var(--form_background_color);
	--table_bg2: var(--no_active_grey);
	--table_border: var(--border_color);

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

	--calendar_border_dny_tyden: var(--border_color);
	--calendar_bg_dny_tyden: var(--table_bg1);
	--calendar_bg_dny_vikend: var(--table_bg2);
	--calendar_bg_aktualni_den: var(--tlacitko_bg);
	--calendar_text_aktualni_den: var(--tlacitko_text);
	--calendar_bg_dny_hover: var(--tlacitko_bg_hover);
	--calendar_text_dny_hover: var(--tlacitko_text);
	--calendar_bg_prehled_dnu: #333;
	--calendar_text_prehled_dnu: #FFF;
	--calendar_bg_mesic: var(--tlacitko_bg);
	--calendar_text_mesic: var(--tlacitko_text);
	--calendar_border_mesic: var(--tlacitko_border);
	--calendar_text_tlacitko: var(--tlacitko_text);
	--calendar_bg_tlacitko: var(--tlacitko_bg);
	--calendar_text_tlacitko_hover: var(--tlacitko_text);
	--calendar_bg_tlacitko_hover: var(--tlacitko_bg_hover);
	--calendar_text_dny_mesice: var(--text);
	--calendar_text_dny_mimo_mesic: var(--border_color);
	--calendar_bg_dny_akce: var(--tlacitko_bg_hover);
	--calendar_text_dny_akce: var(--tlacitko_text);
	--calendar_bg_pruh_akce: var(--tlacitko_bg);
	--calendar_bg_okno_akce: var(--table_bg1);
	--calendar_text_okno_akce: var(--text);
	--calendar_link_okno_akce: var(--barva1);
	--calendar_link_okno_akce_hover: var(--barva2);
	--calendar_okno_akce_cas_border: var(--border_color);

	--horizontal_menu_height: 120px;
}

/* Normální řez */
@font-face {
    font-family: 'ABC';
    src: url('./font/abc-camera-medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Bold varianta */
@font-face {
    font-family: 'ABC';
    src: url('./font/abc-camera-medium.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Italic varianta */
@font-face {
    font-family: 'ABC';
    src: url('./font/abc-camera-medium.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

h1 {
    font-family: 'ABC', sans-serif;
    font-weight: bold;
    Text-transform: uppercase;
}
h2, h3 { font-weight: normal; }
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-color: #F7F7F7;
	color: var(--text);
	font-family: var(--font_n);
	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%;
}
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;}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.tlacitko {
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	border-radius: 50px;
	border: 1px solid var(--tlacitko_border);
	background-color: var(--tlacitko_bg);
	color: var(--tlacitko_text);
}
a.tlacitko:hover {
	background-color: var(--tlacitko_bg_hover);
	border-color: var(--tlacitko_border_hover);
	color: var(--tlacitko_text_hover);
}
a.tlacitko.green,
a.tlacitko.to_green:hover {
	border-color: var(--green) !important;
	background-color: var(--green) !important;
	color: #FFF !important;
}
a.tlacitko.white,
a.tlacitko.to_white:hover {
	background-color: #FFF !important;
	border-color: #FFF !important;
	color: #000 !important;
}

a.tlacitko.grey,
a.tlacitko.to_grey:hover {
	background-color: var(--lightgrey) !important;
	border-color:  var(--lightgrey) !important;
	color: #000 !important;
}

a.tlacitko.black,
a.tlacitko.to_black:hover {
	background-color: var(--black) !important;
	border-color: var(--black) !important;
	color: #FFF !important;
}

#horizont-0 {
	z-index: 2;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
.homepage #horizont-0 {
	grid-row: 1;
}
#horizont-0-in {
	height: 100%;
	padding: 0 var(--radius);
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: var(--horizontal_menu_height);
	border-radius: 0 0 var(--radius) var(--radius);
	background-color: var(--green);
	filter: drop-shadow( var(--shadow) );
}
#horizont-0-in nav {
	margin: 0 0 0 auto;
	max-width: 900px;
}
ul#m0 {
	line-height: 1;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}
ul#m0 > li {
	list-style-type: none;
	padding: 0em;
	margin: 0 0 0 var(--space);
	display: inline-block;
	position: relative;
}
ul#m0 li > a {
	position: relative;
	display: block;
	height: 1em;
	text-align: center;
	line-height: 1em;
	overflow: hidden;
	padding: 0.4em;
	text-decoration: none !important;
	text-transform: none !important;
	font-weight: normal;
	color: #FFF;
}

ul#m0 > li a:hover,
ul#m0 > li a.a_Tactive {background-color: transparent; }
ul#m0 > li a:hover, ul#m0 > li:hover > a {text-decoration: underline !important;}
ul#m0 > li a.a_Tactive {font-weight: bold; }
ul#m0 > li:first-child { margin-left: 0; }
ul#m0 > li:last-child { margin-right: 0; }
ul#m0 li ul {
	margin: 0;
	padding: 0 1rem var(--radius_small);
	background: var(--lightgrey);
	list-style-type: none;
	border-radius: 0 0 var(--radius) var(--radius_small);
}
ul#m0 li ul li {
	margin: 0;
	padding:0;
	display: block;
}
ul#m0 li ul li a {
	color: var(--black);
	height: auto;
	text-align: left;
	padding: 1rem 0;
	border-bottom: 1px solid var(--grey);
	transition: 0.3s;
}
ul#m0 li ul li a:hover {
	color: var(--darkgreen);
	text-decoration: none !important;
	font-weight: bold;
	padding-left: 1rem;
	border-color: var(--darkgreen);
}


ul#m0 li > div{
    position:absolute;
    top:100%;
    left:0;
    width: 250px;
    z-index:1;

    opacity:0;
    transform:translateY(-6px);
    pointer-events:none;
    visibility:hidden;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility 0s linear .18s;
}
ul#m0 li > div.right{
	left: initial;
	right: 0;
}
ul#m0 li > div.expanded{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
    visibility:visible;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility 0s;
}

a#hor-res-menu-button {
	background-color: var(--hor_res_menu_bg);
	color: var(--hor_res_menu_color);
	border: 1px solid var(--hor_res_menu_border);
	display: none;
}

#search {
	padding: 0 0 0 var(--space);
}
#search form {
	display: flex;
	align-items: center;
}
#search_box {
	background: transparent;
	border: none;
	outline: none;
	color: #FFF;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	padding: 4px 0;
	width: 100px;
	border-radius: 0;
}
#search_box::placeholder,
#search_box::-webkit-input-placeholder {
	color: #FFF;
	opacity: 0.6;
}
#search_btn {
	width: 28px; 
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	border: none;
	background: center/18px 18px no-repeat url("img/lupa.svg");
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	outline: none;
	transition: opacity 0.15s ease, transform 0.15s ease;
}
#search_btn:hover { 
	opacity: 0.75;
	transform: scale(1.07);
 }
#search_btn:active { transform: scale(0.9); }

#horizont-0-in a:focus-visible,
#search_btn:focus-visible {
	box-shadow: 0 0 0 2px rgba(255,255,255,.6);
	border-radius: 5px;
	outline: none;
}

#volby-languages {
	position: relative;
	margin: 0 var(--space);
	padding: 0 var(--space);
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#volby-languages a {
	display: inline-block;
	margin: 0;
	line-height: 28px;
	vertical-align: middle;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0;
	text-decoration: none;
	background-color: transparent; color: #FFF; 
}
#volby-languages a:first-child { margin-right: var(--space); }

#volby-languages a:hover {
	text-decoration: underline;
}

#head_envelope {
	padding-bottom: 60px;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	min-height: 300px;
}
#head_envelope.homepage {
	min-height: 100vh;
	min-height: 100svh;
	width: 100%;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: minmax(0, 1fr);
}
#head_envelope.subpage {
	padding-bottom: 0;
}

#head-sogan {
	position: absolute;
	bottom: 0em;
	left: 0;
	right: 0;
	z-index: 1;
}
#head-sogan div {
	padding: 15px;
	background-color: rgba(0,0,0,0.5);
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}

#banhead {
	clear: both;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: var(--grey);
}

#banhead::after {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(255, 255, 255, 0.6); /* poloprůhledná bílá mlha */
    pointer-events: none;

    /* Lichoběžník  */
    clip-path: polygon(
        0% 0%,
        60% 0%,
        40% 100%,
        0% 100%
    );
}


.mhdr {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
	
#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%;
}
#user-info {
	text-align: right;
	font-size: 80%;
	margin-top: -1em;
}
.homepage #user-info {
	margin: 0;
	border: none;
	background-color: #FFF;
	border-radius: 20px;
	position: absolute;
	right: calc( var(--radius) + var(--rantl) );
	top: 5px;
}

#bottom-mapline iframe {
	width: 100%;
	height: 400px;
	border: none;
	display: block;
}

div#bottom-menuline-in,
#bNews {
	overflow: hidden;
}
div#bNews, div#advb-in {
	margin-top: var(--big);
	margin-bottom: var(--small);
}
div#bNews {
	width: 100%;
	clear: both;
}
.micro_art_unique img { max-width: 100%;}
.micro_art_unique a img {border: none;}

div#advb-in {
	text-align: center;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div#advb-in a {
	margin: 0.5em;
	background-color: #FFF;
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: var(--radius_small);

}
div#advb-in a img {
	border: none;
	width: auto;
	height: auto;
	max-height: 60px;
	display: block;
}

/* drobeckova navigace */
div#top_area_path_part, div#top_area_path_part a {color: var(--text);}
div#top_area_path_part {
	font-size: 0.8em;
}
div#top_area_path_part a {
	text-decoration: none;
}
div#top_area_path_part a:hover {
	text-decoration: underline;
}

/* + 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 { opacity: 0; 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 { opacity: 0; 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 { opacity: 0; 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 { opacity: 0; 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 { opacity: 0; 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 { opacity: 0; transform: translateY(-200px); }
.kouzlo.prijetT.a_on, .kouzlo2.prijetT.a2_on { animation-name: kouzlo_prijetT; animation-duration: 3s; }
/* - kouzlo */

/* + cookies 2*/
#cs2_bx_envl, #cs2_tms {z-index: 900;position: fixed;bottom: 10px;left: 10px; }
#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 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 */

footer a { color: currentColor; text-decoration: none;}
footer a:hover { color: currentColor; text-decoration: underline;}
footer ul { margin: 0; padding: 0; }
footer li { list-style-type: none; margin: 0; padding: 0; }
footer li, footer p { margin-bottom: 1rem; }
.parts_envelope.parts25 { justify-content: space-between; gap: 2rem; border: none !important;}
.parts_envelope.parts25 > div { border: none !important; margin: 0 !important; padding: 0 !important; }

@media(max-width: 1360px){
	.parts_envelope.parts25 > div { flex: 0 0 calc(50% - 1rem); box-sizing: border-box; }
}
@media(max-width: 640px){
	.parts_envelope.parts25 > div { flex: 0 0 100%; }
}


/* foot */
#foot a, #foot {color: var(--foot_text_color);}
#foot {background-color: var(--foot_bg_color);}
#foot a { text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#foot-in {
	padding: 1em 0;
	box-sizing: border-box;
	border-top: 1px solid #FFF;
}
#foot-links {
	padding: var(--small) 0;
	display: flex;
	justify-content: space-between;
}
#foot-content {
	font-size: 80%;
	display: flex;
	justify-content: space-between;
}
#foot-autor {
	margin: 0;
}

#simle_links {
	padding: 0;
}

.social_icons, .intra_links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 32px;
}
.social_icons li, .intra_links li {
	display: inline-block;
}
.intra_links li a {
	text-transform: uppercase;
	margin-left: var(--small);
}
.intra_links li a::after {
	content: " \276F";
}
.intra_links li a:hover {
	font-weight: bold;
	text-decoration: none;
}
.social_icons li a::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.social_icons li a.instragram::before { background-image: url('img/instagram.svg'); }
.social_icons li a.youtube::before { background-image: url('img/yt.svg'); }
.social_icons li a.facebook::before { background-image: url('img/fb.svg'); }
.social_icons li a.x::before { background-image: url('img/x.svg'); }
.social_icons li a.linkedin::before { background-image: url('img/linkedin2.svg'); }

.social_icons.big li a { margin-right: var(--small); }
.social_icons.big li a::before { background-position: right center; margin-right: 0.5rem; margin-top: -10px;}
.social_icons.big li a.facebook::before { width: 19px; }

.social_icons.small {
	line-height: 28px;
	display: flex;
	justify-content: space-between;
	width: 160px;
}
.social_icons.small span { display: none; }
.social_icons.mobile {display: none;}
.social_icons.small li a {
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	margin: 0 0.5rem;
}
.social_icons.small li:first-child a { margin-left: 0; }
.social_icons.small li:last-child a { margin-right: 0; }
.social_icons.small li a::before {
	width: 20px;
	height: 20px;
	display: block;
	margin: 4px 0 0 4px;
}

#scrollToHome {
	position: fixed;
	right: 1em;
	bottom: 1em;
	width: var(--servis_button_size);
	height: var(--servis_button_size);
	line-height: 3em;
	border: 1px solid var(--tlacitko_border);
	color: var(--tlacitko_text) !important;
	overflow: hidden;
	text-decoration: none;
	background-color: transparent;
	z-index: 15;
	display: none;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 0 2px #fff;
}
#scrollToHome:hover {
	color: var(--tlacitko_text_hover) !important;
}
#scrollToHome::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--tlacitko_bg);
}
#scrollToHome:hover::before {
	background-color: var(--tlacitko_bg_hover);
}

.submenuArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: var(--small);
}

div.subcategory-envelope {
	box-sizing: border-box;
	width: 33.3%;
	padding: var(--space_small);
}
.homepage div.subcategory-envelope,
.full_size div.subcategory-envelope {
	width: 25%;
}
div.subcategory {
	height: 100%;
	padding: 1rem;
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: var(--border_color);
	border-radius: var(--radius);
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: var(--shadow3);
}
div.subcategory:hover { border-color: var(--darkgreen); }
div.subcategory div.category_no_image {
	width: 100%;
	aspect-ratio: 16/11;
	background: url('img/bubliny_category.jpg') no-repeat center / cover;
	border-radius: var(--radius_small);
}
div.subcategory h2 {
	font-size: 1.1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	position: relative;
}
div.subcategory h2::after {
	content: "";
	display: block;
	width: 30%;
	position: absolute;
	bottom: 0;
	border-top: 1px solid var(--green);
}
div.subcategory .description {
	height: auto;
	margin-bottom: 1em;
	padding: 0 0.5rem;
	overflow: hidden;
}
div.subcategory img {
	max-width: 100%;
	width: 100%;
	margin-bottom: 0;
	border-radius: var(--radius_small);
}
div.subcategory a.tlacitko {
	position: absolute;
	bottom: 10px; left: 50%; transform: translateX(-50%);
}
#categories_envelope.galery,
.categories_envelope.gallery {
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#categories_envelope.list,
.categories_envelope.list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--big);
	margin-top: 0;
}
.homepage #categories_envelope.list { margin-top: var(--small); }

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

div.article-preview, div.article-preview-envelope { border-radius: var(--radius); }
div.article-preview-envelope {
	width: 33.3%;
	margin: 0;
	padding: var(--space_small);
	box-sizing: border-box;
	align-items: stretch;
	display: flex;
	position: relative;
}
.homepage div.article-preview-envelope,
.full_size div.article-preview-envelope {
	width: 25%;
}
.homepage div.article-preview-envelope{
	margin-top: var(--small);
}
div.article-preview {
	height: 100%;
	position: relative;
	box-sizing: border-box;
	box-shadow: var(--shadow2);
	border: 1px solid var(--border_color);
	display: flex;
	flex-direction: column; 
	border-radius: var(--radius);
	overflow: hidden;
	background: #f3f3e6;
	flex: 1;

}
div.img-article-preview {
	padding: 0;
	box-sizing: border-box;
	border-radius: var(--radius);
	overflow: hidden; 
	margin-bottom: -25px;
	position: relative;
	z-index: 1;

}
div.img-article-preview img {
	border: none;
	width: 100%;
	display: block;
	height: auto;
}
div.text-article-preview {
	padding: 25px var(--radius) 70px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
}
div.text-article-preview h2 {	font-size: 1.1rem; padding-bottom: 1rem; margin-bottom: 1rem; position: relative; }
div.text-article-preview h2::after { content: ""; display: block; width: 30%; position: absolute; bottom: 0; border-top: 1px solid var(--green); }
div.text-article-preview p { margin: 0 0 1.5rem; }
div.text-article-preview a.tlacitko {
	position: absolute;
	bottom: 30px; left: 50%; transform: translateX(-50%);
}
div.article-preview-envelope span.labels {
	position: absolute;
	margin-top: -1.5rem;
	z-index: 2;
}
div.article-preview-envelope a.label {
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 0.5rem;
	font-size: 90%;
}
div.article-preview-envelope a.label:hover {
	text-decoration: underline;
}
.article-preview-gallery {
	margin: 1%;
	width: 48%;
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--radius);
}
.article-preview-gallery .img-article-preview-gallery {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.article-preview-gallery .img-article-preview-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.article-preview-gallery h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: 0;
    padding: 0.75em 1em;
    font-size: 1.1rem;
    line-height: 1.25;
    font-weight: normal;
    color: #fff;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.2)
    );
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    pointer-events: none;
}

.article-preview-gallery > a {
    position: absolute;
    inset: 0;
    z-index: 3;
    text-decoration: none;
    color: inherit;
    border-radius: var(--radius);
}

.article-preview-gallery a span.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.article-preview-gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.article-preview-gallery:hover::after {
    opacity: 1;
}

.article-preview-gallery > a:focus-visible {
    outline: 3px solid var(--green);
    outline-offset: -3px;
}

.article-preview-gallery > a:focus-visible ~ h2 {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85),
        rgba(0, 0, 0, 0.3)
    );
}


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: 1px;
	border-style: solid;
	box-sizing: border-box;
	overflow: hidden; 
	border-radius: var(--radius);
}
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); line-height: 1; margin: -1px;
}
div.photosArea a:hover img {transform: scale(1.1);}


	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: 1em 0;
		clear: both;
		width: 100%;
	}
	div.offsetPart a,
	div.offsetPart span
	 {
		display: inline-block;
		margin: 0.2em;
		height: 2em;
		width: 2em;
		line-height: 2em;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		padding: 0;
		box-sizing: border-box;
	}
	div.offsetPart span { color: var(--darkgreen); }
	div.offsetPart a { color: var(--black); }
	div.offsetPart a:hover { text-decoration: underline; }
	div.offsetPart a.loading {
		border-radius: 50%;
		opacity: 0.5;
	}
	div.offsetPart a.tlacitko { color: var(--tlacitko_text); font-size: 0; display: inline-block; width: 44px; height: 44px; border-radius: 22px; position: relative; }
	div.offsetPart a.tlacitko:hover { text-decoration: none; }
div.offsetPart a.tlacitko::before {
		content:'';
		display:block;
		width:12px;
		height:12px;
		margin:auto;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		transform: translate(-50%,-50%) rotate(135deg);
		position: absolute;
		top: 44%;
		left: 50%;
	}

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


	

	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;
	}
	.webbase_form_line_unit {
		margin: 0.5em 0;
	}
	/* todo */
	.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"],
	.webbase_form input[type="email"] {
		width: 200px;
		max-width: 100%;
		box-sizing: border-box;
	}
	.webbase_form input[type="text"],
	.webbase_form input[type="email"],
	.webbase_form .calendar_element input,
	.webbase_form input[type="date"],
	.webbase_form select {
		height: 2em;
		line-height: 2em;
		margin: 0;
		padding: 0 0.5em;
		font-size: 1em;
	}
	.webbase_form label {
		width: 200px;
		max-width: 100%;
		box-sizing: border-box;
		display: inline-block;
		text-align: right;
		padding: 0 1em 0 0;
	}
	.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 label.form_label_right {
		text-align: left;
		padding-left: 0px;
		padding: 0 0 0 1em;
		max-width: 187px;
	}
	.webbase_form label.valt {
		vertical-align: top;
	}
	.webbase_form label.valb {
		vertical-align: bottom;
	}
	.webbase_form label.vals {
		vertical-align: middle;
	}
	.webbase_form input[type="radio"],
	.webbase_form input[type="checkbox"] {
		margin: 0 0 0 200px;
		padding: 0;
		vertical-align: middle;
	}
	.webbase_form .calendar_element input {
		width: 100%;
		box-sizing: border-box;
		font-size: 120%;
	}

	
	.webbase_form textarea:invalid ~ span,
	.webbase_form input[type="text"]:invalid ~ span,
	.webbase_form input[type="date"]:invalid ~ span,
	.webbase_form input[type="checkbox"].form_error ~ span,
	.webbase_form input[type="text"].form_error ~ span,
	.webbase_form input[type="email"].form_error ~ span,
	.webbase_form input[type="email"]:invalid ~ span {
		position: relative;
		display: inline-block;
		height: 2em;
		vertical-align: top;
	}
	.webbase_form textarea:invalid ~ span { vertical-align: top; }
	.webbase_form textarea:invalid ~ span::before,
	.webbase_form input[type="checkbox"].form_error ~ span::before,
	.webbase_form input[type="text"]:invalid ~ span::before,
	.webbase_form input[type="date"]:invalid ~ span::before,
	.webbase_form input[type="text"].form_error ~ span::before,
	.webbase_form input[type="email"].form_error ~ span::before,
	.webbase_form input[type="email"]:invalid ~ span::before {
		content: "!";
		font-weight: bold;
		position: absolute;
		top: 50%;
		right: -27px;
		font-size: 18px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border: 2px solid;
		border-radius: 50%;
		display: block;
		transform: translateY(-50%);
	}

	/* + formuláře */
		input, button, textarea, select {
			font-family: inherit;
			font-size: inherit;
		}
		input[type=button], input[type=submit] {
			cursor: pointer;
			padding: 0.5em 1em;
			font-size: 1em;
		}
		.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=email],input[type=password] {
			height: 2em;
			font-size: 1em;
			box-sizing: border-box;
			padding-right: 1em;
			padding-left: 1em;
		}
		input[type=checkbox] {
			appearance: none;
			width: 1.5em;
			height: 1.5em;
			position: relative;
		}
		input[type=checkbox]:checked::after {
			content: "";
			display: block;
			width: 60%;
			height: 30%;
			transform: rotate(-45deg);
			position: absolute;
			top: 15%;
			left: 12%;
		}
		.photosElementEnvelope input[type=text],
		.photosElementEnvelope input[type=password]
		.downloadElementEnvelope input[type=text],
		.downloadElementEnvelope input[type=password] { margin-left: 1em; }
		.photosElementEnvelope input, .downloadElementEnvelope input { vertical-align: middle; }
	/* - formuláře */

	/* + 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;
		border-radius: var(--radius);
	}
	#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; }

	

	

	.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: "<";
	}
	.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 span {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		border-left: 1px solid;
		border-top: 1px solid;
	}
	.fCalendarInDaysWeekend {
		width: 15% !important;
	}
	.fCalendarInDays span span.fCalendarTodayIsIt {
		display: block;
		width: 90%;
		height: 20%;
		position: absolute;
		bottom: 0;
		right: 5%;
	}
	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);
    border: none;

    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 th {
    background-color: var(--table_head_bg);
    color: var(--table_head_text);
    font-weight: 600;
    white-space: nowrap;
}
table th a {
    color: var(--table_head_text);
}
table th,
table td {
    border: 1px solid var(--table_border);
    padding: 0.5em 1em;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}
table tbody tr:nth-child(2n+1) {
    background-color: var(--table_bg1);
}
table tbody tr:nth-child(2n) {
    background-color: var(--table_bg2);
}

table.compact th,
table.compact td {
    padding: 0.3em 0.6em;
}

table.layout_only {
    display: table;
    width: auto;
    max-width: none;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible;
    color: inherit;
    background: transparent;
}
table.layout_only th,
table.layout_only td {
    border: none;
    padding: 0;
    background: transparent;
    color: inherit;
    text-align: inherit;
    vertical-align: top;

    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}
table.layout_only th {
    background: transparent;
    color: inherit;
    font-weight: normal;
    white-space: normal;
}
table.layout_only tbody tr:nth-child(2n),
table.layout_only tbody tr:nth-child(2n+1) {
    background: transparent;
}




















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

	

/* + layout pro articlemulti*/
	.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%); }

	.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;
	border-radius: var(--radius);
}
	.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 div.lightDark.backgroundLight,
	.part40 div.lightDark.backgroundLight,
	.part50 div.lightDark.backgroundLight,
	.part60 div.lightDark.backgroundLight,
	.part33 div.lightDark.backgroundDark,
	.part40 div.lightDark.backgroundDark,
	.part50 div.lightDark.backgroundDark,
	.part60 div.lightDark.backgroundDark
	{ margin: 15px; }

	.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; }
	
	.part33.p_1 div.lightDark.backgroundLight, .part50.p_1 div.lightDark.backgroundLight, .parts60 div.p_1 div.lightDark.backgroundLight,
	.part33.p_1 div.lightDark.backgroundDark, .part50.p_1 div.lightDark.backgroundDark, .parts60 div.p_1 div.lightDark.backgroundDark
	{ margin-left: 15px; }
	
	.part33.p_3 div.lightDark.backgroundLight, .part50.p_2 div.lightDark.backgroundLight, .parts60 div.p_2 div.lightDark.backgroundLight,
	.part33.p_3 div.lightDark.backgroundDark, .part50.p_2 div.lightDark.backgroundDark, .parts60 div.p_2 div.lightDark.backgroundDark
	 { margin-right: 15px; }

	.part100 div.lightDark { margin: var(--small) 0; }
	.to_infinity .part100 div.lightDark { margin: 0; }

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

	.part33 { display: flex; }
	.part33 .lightDark  {flex: 1;}



	.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 */

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

	/* + fotogalerie */
		.in_article_photogalery a { margin: 1%; }
		.part100 .in_article_photogalery a { width: 31.3%; }
		.part100 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
		.part50 .in_article_photogalery a { width: 31.3%; }
		.part50 .in_article_photogalery .photogallery_vertical a { width: 23%; }
		.part60 .in_article_photogalery a { width: 31.3%; }
		.part60 .in_article_photogalery .photogallery_vertical a { width: 23%; }
		.part33 .in_article_photogalery a { width: 31.3%; }
		.part33 .in_article_photogalery .photogallery_vertical a { width: 31.3%%; }
		.part40 .in_article_photogalery a { width: 31.3%; }
		.part40 .in_article_photogalery .photogallery_vertical a { width: 31.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%; }
	/* - 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 TOTO zkontrolovat*/
		.subpage .part100 div.lightDark.backgroundLight, .subpage .part100 div.lightDark.backgroundDark { margin-left: var(--small); margin-right: var(--small); }
	/* - speciál pro subpage */

/* - layout pro articlemulti*/
/*** - mainscreen_multi.css */

/*** + barva pro tema multi */
	a, .barva, .marker, h1.title {	color: var(--barva1);}
	a:hover, div.photosArea a:hover, .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);}
	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);}

	/* barvy pro menu univ */
	/* + forms */
		input[type=text], input[type=email], input[type=date], input[type=password], input[type=checkbox], textarea,.webbase_form select {border: 1px solid var(--form_border_color);color: var(--form_text_color);background-color: var(--form_background_color);}

		input[type=checkbox].form_error { border-color: var(--form_error_border); }
		input[type=checkbox]:checked {background-color: var(--tlacitko_bg);}
		input[type=checkbox]:checked::after {border-bottom: 3px solid var(--tlacitko_text);	border-left: 3px solid var(--tlacitko_text);}

		.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="text"].form_error,.webbase_form input[type="email"].form_error,.webbase_form input[type="date"]:invalid,.webbase_form input[type="email"]:invalid {border-color: var(--form_error_border);}
		/* vykřičník */
		.webbase_form textarea:invalid ~ span::before,.webbase_form input[type="checkbox"].form_error ~ span::before,.webbase_form input[type="text"]:invalid ~ span::before,.webbase_form input[type="date"]:invalid ~ span::before,.webbase_form input[type="text"].form_error ~ span::before,.webbase_form input[type="email"].form_error ~ span::before,.webbase_form input[type="email"]:invalid ~ span::before {color: var(--form_error_border);}
	/* - forms */

	/* + kalendář */
		.fCalendarTitle {background-color: var(--calendar_bg_mesic);}
		.fCalendarPredMonth,.fCalendarNextMonth {color: var(--calendar_text_tlacitko);background-color: var(--calendar_bg_tlacitko);}
		.fCalendarPredMonth {border-right-color: var(--calendar_border_mesic);}
		.fCalendarNextMonth {border-left-color: var(--calendar_border_mesic);}
		.fCalendarPredMonth:hover,.fCalendarNextMonth:hover {background-color: var(--calendar_bg_tlacitko_hover); color: var(--tlacitko_text); }
		.fCalendarActMonth {color: var(--calendar_text_mesic);}
		.fCalendarInTitles {background-color: var(--calendar_bg_prehled_dnu);}
		.fCalendarInTitles span {color: var(--calendar_text_prehled_dnu);}
		.fCalendarInDays span.fCalendarInWholeDay,.fCalendarInDayWeekend.fCalendarInWholeDay {background-color: var(--calendar_bg_dny_akce) !important; color: var(--calendar_text_dny_akce);}
		.fCalendarInDays span span {border-color: var(--calendar_border_dny_tyden); background-color: var(--calendar_bg_dny_tyden);}
		.fCalendarInDayWeekend,.fCalendarInDayTmpweekend {background-color: var(--calendar_bg_dny_vikend) !important;}
		.fCalendarInDayTmp,.fCalendarInDayTmpweekend {color: var(--calendar_text_dny_mimo_mesic);}
		.fCalendarInDay {color: var(--calendar_text_dny_mesice);}
		.fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {background-color: var(--calendar_bg_dny_hover) !important;color: var(--calendar_text_dny_hover) ;}
		.fCalendarToday {color: var(--calendar_text_aktualni_den);background-color: var(--calendar_bg_aktualni_den) !important;}
		.fCalendarInDays span span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);}
		.fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt { background-color: var(--calendar_bg_pruh_akce); }
		span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);}
		.fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend { background-color: #cdcde1 !important; }
		div.fCalendarHint {border: 1px solid;color: var(--calendar_text_okno_akce);background-color:var(--calendar_bg_okno_akce); }
		div.fCalendarInEnvp,a.fCalendarInLink {color: var(--calendar_link_okno_akce);}
		a.fCalendarInLink:hover {color: var(--calendar_link_okno_akce_hover);}
		div.fCalendarHint h2 {color: var(--calendar_text_okno_akce);}
		div.fCalendarHint span.timestamp {border-top: 1px solid var(--calendar_okno_akce_cas_border);}
	/* - kalendář */
/*** - barva pro tema multi */

/*** + tema multi bez barvy - BORDERRADIUS */
/* styl rámečků */
/* borderradius */
input[type="button"], input[type="submit"], input[type="text"], input[type="email"], input[type="date"], input[type="password"], textarea, .webbase_form select { border-radius: var(--radius); }
input[type="checkbox"] { border-radius: 3px; }
.to_infinity .part100 div.lightDark.backgroundLight, .to_infinity .part100 div.lightDark.backgroundDark { margin: var(--small); }
.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); }
a#hor-res-menu-button { border-radius: 5px; }
a#hor-res-menu-button span.top,
a#hor-res-menu-button span.center,
a#hor-res-menu-button span.bottom {
	border-radius: 3px;
}
/*** - tema multi bez barvy - BORDERRADIUS */

/*** + rozlozeni multi */
#categories_envelope.galery,
#categories_envelope.list,
#topline-in,
#hor-envelope,
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;
}

#hor-envelope {
	position: relative;
}
.subpage #hor-envelope {
	background-color: #FFF;
	border-radius: 0 0 var(--radius) var(--radius);
}

#topline {
	position: relative;
	margin: 0 auto;
	z-index: 1;
	grid-row: 2;
	align-self: center;
	width: 100%;
}

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 !important;
	margin: 0;
}
ul.in_article_download li {
	list-style-type: none;
	padding: 0 1rem 0 0 !important;
	box-sizing: border-box;
}
ul.in_article_download li::before { display: none !important; }
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: 80px;
	width: 68px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 0.5em;
	vertical-align: middle;
	transform: scale(0.9);
	transition: 0.3s;
}
a.download_link_type:hover::before { transform: scale(1); }
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.svg'); }
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.svg'); }

ul.in_article_download li a:hover::before { }
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 {
	font-style: italic;
	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; }
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;
}

ul#lab_list {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: var(--radius);
	background-color: #FFF;
	border-radius: 0 0 var(--radius) var(--radius);
	box-shadow: var(--shadow);
	line-height: 1.2;
}
.homepage ul#lab_list {
	border-radius: var(--radius);
	grid-row: 3;
	align-self: end;
	z-index: 1;
	max-width: var(--sirka);
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}
.subpage ul#lab_list {
	margin-top: -25px;
	padding-top: calc( var(--radius) + 25px);
}
ul#lab_list li {
	display: block;
	margin: 0;
	padding: 0;
	align-content: center;
	margin-left: 1em;
}
ul#lab_list li:nth-child(1) { margin-left: 0; }
a.lab,
h2.lab {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3rem;
	font-family: var(--font_o);
	display: flex;
	align-items: center;
}


a.lab .name,
h2.lab .name {
	padding-left: 1rem;
	padding-right: 0;
	transition: 0.3s;
}
a.lab .icon,
h2.lab .icon {
	display: inline-block;
	width: 55px;
	min-width: 55px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	border-right: 2px solid currentcolor;
	background-size: 44px 44px;
	transition: 0.3s;
}
a.lab.orange, h2.lab.orange { color: var(--orange); }
a.lab.tyrkys, h2.lab.tyrkys { color: var(--tyrkys); }
a.lab.brown, h2.lab.brown { color: var(--brown); }
a.lab.grey, h2.lab.grey { color: var(--grey); }
a.lab.smaragd, h2.lab.smaragd { color: var(--smaragd); }
h1.slogan_title.orange,a.lab.orange .icon, h2.lab.orange .icon { background-image: url('./img/lab_orange.svg'); }
h1.slogan_title.tyrkys,a.lab.tyrkys .icon, h2.lab.tyrkys .icon { background-image: url('./img/lab_tyrkys.svg'); }
h1.slogan_title.brown,a.lab.brown .icon, h2.lab.brown .icon { background-image: url('./img/lab_brown.svg'); }
h1.slogan_title.grey,a.lab.grey .icon, h2.lab.grey .icon { background-image: url('./img/lab_grey.svg'); }
h1.slogan_title.smaragd,a.lab.smaragd .icon, h2.lab.smaragd .icon { background-image: url('./img/lab_smaragd.svg'); }

a.lab:hover .icon { background-size: 50px 50px; }
a.lab:hover .name { padding-left: 0.5rem; padding-right: 0.5rem; }

h1.slogan_title.orange,
h1.slogan_title.tyrkys,
h1.slogan_title.brown,
h1.slogan_title.grey,
h1.slogan_title.smaragd
 { 
	--icon-size: clamp(1.8em, 4.5vw, 2.25em);

    background-repeat: no-repeat;
    background-position: left center;
    background-size: var(--icon-size) var(--icon-size);

    min-height: var(--icon-size);
    padding-left: calc(var(--icon-size) + 0.5em);
    padding-top: calc(var(--icon-size) * 0.08);
    box-sizing: border-box;
    position: relative;
}
.slogan_title.labGroup {
    position: relative;
    background-image: none !important;
}

.slogan_title.labGroup {
    position: relative;
}

.slogan_title.labGroup::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: currentColor;
    -webkit-mask: url("img/group_full.svg") no-repeat center / contain;
    mask: url("img/group_full.svg") no-repeat center / contain;
}
.slogan_title.labGroup.orange::before { color: var(--orange); }
.slogan_title.labGroup.tyrkys::before { color: var(--tyrkys); }
.slogan_title.labGroup.brown::before { color: var(--brown); }
.slogan_title.labGroup.grey::before { color: var(--grey); }
.slogan_title.labGroup.smaragd::before { color: var(--smaragd); }

#left_nav_content a.lab,
#left_nav_content div.lab_menu_envelope { border: 1px solid var(--lightgrey); border-radius: var(--radius); margin-bottom: 1rem; padding: 0.5rem var(--radius);}

h1#h1_logo_mbu {
	display: block;
	width: 159px;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
h1#h1_logo_mbu a {
	display: block;
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 60px 0 0;
	overflow: hidden;
	background: url('./img/mbu_logo.svg') no-repeat center / contain;
	filter: brightness(0) saturate(100%) invert(1);
}

#technic_part {
	display: flex;
	align-items: center;
	border-left: 1px solid #FFF;
	margin-left: var(--space);
}
#home_head_info {
	margin: auto 0;
	padding: 50px 0;
}
#home_head_info h1 {
	margin: var(--small) 0 0 0;
}
#home_head_info p {
	margin: 0 0 var(--small) 0;
}
#home_head_info .tlacitko { box-shadow: var(--shadow4); }

#home_head_3 {
	position: relative;
	display: inline-block;
	background-color: #000;
	color: transparent;
	text-decoration: none;
	vertical-align: middle;
	padding: 0.5em 3em;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}
#home_head_3::after {
	content: "";
	position: absolute;
	inset: 0.7em 0;
	background-image: url("img/mbu_logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0) invert(1);
}
#home_head_3:hover::after {
	filter: none;
}

#search_mobile_root {
    position: relative;
    height: 22px;
    display: none;
}
#search_mobile_root img {
    width: 22px;
    height: 22px;
}
#search_mobile_panel {
    position: fixed;
    inset: 0;
    background: var(--green);
    z-index: 9999;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#search_mobile_panel.search_mobile_visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}
#search_mobile_panel.search_mobile_hidden {
    display: none;
}
.search_mobile_content {
    max-width: 600px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    color: white;
}
.search_mobile_title {
    font-size: 2rem;
    margin-bottom: 10px;
}
.search_mobile_description {
    font-size: 1.1rem;
    margin-bottom: 30px;
}
#search_mobile_form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}
#search_mobile_form input[type="text"] {
    flex: 1;
    max-width: calc(100% - 100px);
    padding: 12px 16px;
    font-size: 1.15rem;
    border-radius: 4px;
    border: none;
    background: white;
    color: black;
    box-sizing: border-box;
    border-radius: 100px;
}
#search_mobile_submit_btn {
    width: 48px;
    height: 48px;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#search_mobile_submit_btn img {
    width: 32px;
    height: 32px;
}
#search_mobile_submit_btn:active img {
    transform: scale(0.9);
}
.search_mobile_close_button {
    position: absolute;
    top: 20px;
    right: 10px;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}
#search_mobile_root .search_mobile_close_button img {
	width: var(--hor_res_menu_button_height);
	height: var(--hor_res_menu_button_height);
}
.search_mobile_close_button:active img {
    transform: scale(0.9);
}
#search_mobile_open_btn {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    width: 22px;
    height: 22px;
}
#search_mobile_open_btn:active img {
    transform: scale(0.9);
}
.search_mobile_hidden {
    display: none;
}
#search_mobile_icon_nojs:active img {
    transform: scale(0.9);
}
#subpage_head_content {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding-top: calc( var(--small) * 1.5);
	padding-bottom: var(--small);
	padding-left: var(--radius);
	padding-right: var(--radius);
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
#subpage_head_content .logo {
	width: 186px;
	flex-shrink: 0;
}
#subpage_head_content .logo img {
	width: 186px;
	max-width: 100%;
	height: auto;
	display: block;
}
.slogan_title {
	font-weight: normal;
	font-size: clamp(1.2rem, 4vw, 3.5rem);
	font-family: var(--font_o);
	text-transform: uppercase;
	margin: 0;
}

.content_white_box {
	background-color: #FFF;
	border-radius: var(--radius);
	padding: var(--radius);
	box-sizing: border-box;
	box-shadow: var(--shadow);
	margin-bottom: var(--big);
}
#categories_envelope .title {
	width: 100%;
	margin-bottom: 0;
}

#content-1.subpage {
	display: flex;
	align-items: flex-start;
	gap: var(--radius) var(--big);
	box-sizing: border-box;
	flex-wrap: wrap;
}
nav#left_nav {
	flex: 0 0 25%;
	box-sizing: border-box;
	margin-top: var(--space_small);
}
#right_body.small_size {
	flex: 1;
	display: block;
	min-width: 0;
}
#right_body.full_size {
	width: 100%;
}
a#left_menu_show {
	display: none;
}
div#left_nav_content {
	display: block;
	overflow-y: auto;
	height: 100%;
}
div#top_log_path_info { width: 100%; }

a.arrow {
	background-color: transparent;
	position: absolute;
	inset: 0;
	border-radius: var(--radius);
}
a.arrow span {
	position: absolute;
	top: -100px;
	left: -100px;
}
a.arrow:focus-visible { border: 1px solid var(--darkgreen); }
a.arrow::after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url('img/arrow_up_right.svg') center / contain;
	position: absolute;
	top:50%;
	right: 50%;
	opacity: 0;
	transition: 0.3s;
}
a.arrow:hover::after,
a.arrow:focus-visible::after {
	top: 36px;
	right: 36px;
	opacity: 1;
}



/* ----------------------------------------------------------
   ZÁKLADNÍ VZHLED MENU (funguje i bez JS)
---------------------------------------------------------- */

#m1,
#m1 ul {
	list-style: none;
	margin: 0;
	padding: var(--radius);
	line-height: 1;
}
#m1 ul { padding: 0 0 0 calc( 2 * var(--radius) ); }

#m1 > li {
    padding: 0;
    border-bottom: 1px solid var(--black);
}
#m1 > li.a_active { border-color: var(--green); }

#m1 a {
    text-decoration: none;
    display: inline-block;
    padding: 1em 0;
    color: var(--black);
    transition: 0.3s;
}
#m1 a:hover {
	color: var(--green);
	padding-left: 10px;
	font-weight: 600;
}

/* Level 2 odsazení */
#m1 ul a {
	font-size: 90%;
	padding: 0.5em 0;
}
#m1 ul li:first-child a {padding-top: 0;}
#m1 ul li:last-child a {padding-bottom: 1em;}

/* Aktivní odkaz (Level 1 i Level 2) */
#m1 #a_active, 
#m1 a.a_active {
    color: var(--green);
    font-weight: bold;
}

ul#m1 {
	background-color: var(--lightgrey);
	border-radius: var(--radius);
}

div.grp_lab,
div.grp_man {
	border-radius: var(--radius);
	padding: var(--radius);
	background-color: var(--lightgrey);
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
}
div.grp_lab.opened, div.grp_man.opened { background-color: #FFF; border: 1px solid var(--lightgrey); }
div.grp_lab.link { padding-top: 10px; padding-bottom: 10px; }

.grp_lab h3,
.grp_man h3 {
	font-weight: normal;
	font-size: 1.1rem;
	margin: 0 0 0.5rem;
	color: var(--green);
	padding: 40px 0 0.5rem;
	position: relative;
	line-height: 1;
	border-bottom: 1px solid currentColor;
	transition: 0.3s;
}
div.grp_lab.link h3, div.grp_man.link h3 { padding-top: 30px; margin-bottom: 0px; }

.grp_lab h3 .icon,
.grp_man h3 .icon {
	-webkit-mask: url('img/group_full.svg') no-repeat center / contain;
	mask: url('img/group_full.svg') no-repeat center / contain;
	background-color: var(--black);
	display: block;
	width: 42px;
	height: 28px;
	position: absolute;
	top: 0;
	transition: 0.3s;
}
.grp_man h3 .icon {
	-webkit-mask: url('img/man_full.svg') no-repeat center / contain;
	mask: url('img/man_full.svg') no-repeat center / contain;
	background-color: var(--green);
}
.grp_lab.link h3 { padding-right: 16px; }
.grp_lab.link h3 .icon {width: 28px;}
.grp_lab.link h3::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url('img/arrow-right.svg') no-repeat center / contain;
	position: absolute;
	right: 50px;
	opacity: 0;
	bottom: 0.55rem;
	transition: 0.3s;
}
.grp_lab.link:hover h3 {margin-left: 10px;}
.grp_lab.link:hover h3::after { right: 0; opacity: 1;}
.grp_lab.link:hover h3 .icon,
.grp_lab.opened h3 .icon
	{background-color: var(--green);}

.grp_lab.opened h3, .grp_man.opened h3 { margin-bottom: 1rem; }
.grp_lab.opened p { margin-bottom: 1rem; margin-top: 0;}
.grp_lab.link p { margin-bottom: 0; margin-top: 0.2rem;}
.grp_lab a.grp_show {
	display: block;
	position: absolute;
	inset: 0;
}
.grp_lab a.grp_show:focus-visible { border: 2px solid var(--green); border-radius: var(--radius); }

ul.grp_submenu,
ul.man_submenu {
	margin: 0;
	padding: 0 0 0 var(--radius);
	line-height: 1;
}
ul.grp_submenu li,
ul.man_submenu li {
	list-style-type: none;
	padding: 0.5rem;
}
ul.grp_submenu li:first-child, ul.man_submenu li:first-child { padding-top: 0; }
ul.grp_submenu li:last-child, ul.man_submenu li:last-child { padding-bottom: 0; }
ul.grp_submenu li a,
ul.man_submenu li a {
	text-decoration: none;
	color:var(--black);
	transition: 0.3s;
}
ul.grp_submenu li a::before,
ul.man_submenu li a::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--green);
	margin-right: 0.5rem;
}
ul.grp_submenu li a:hover, ul.man_submenu li a:hover { color: var(--green); padding-left: 1rem; }
ul.grp_submenu li a.a_active, ul.man_submenu li a.a_active { font-weight: bold; color: var(--green); }

.orange ul.grp_submenu,.tyrkys ul.grp_submenu,.brown ul.grp_submenu,.grey ul.grp_submenu,.smaragd ul.grp_submenu
	{ padding-left: 40px; padding-bottom: var(--radius); }

.orange ul.grp_submenu li a::before { background: var(--orange); }
.tyrkys ul.grp_submenu li a::before { background: var(--tyrkys); }
.brown ul.grp_submenu li a::before { background: var(--brown); }
.grey ul.grp_submenu li a::before { background: var(--grey); }
.smaragd ul.grp_submenu li a::before { background: var(--smaragd); }

.orange ul.grp_submenu li a:hover, .orange ul.grp_submenu li a.a_active { color: var(--orange); }
.tyrkys ul.grp_submenu li a:hover, .tyrkys ul.grp_submenu li a.a_active { color: var(--tyrkys); }
.brown ul.grp_submenu li a:hover, .brown ul.grp_submenu li a.a_active { color: var(--brown); }
.grey ul.grp_submenu li a:hover, .grey ul.grp_submenu li a.a_active { color: var(--grey); }
.smaragd ul.grp_submenu li a:hover, .smaragd ul.grp_submenu li a.a_active { color: var(--smaragd); }





#people-search{position:relative; margin-bottom: 1rem; text-align: right; }
#people-search form { display: inline-block; width: 310px; max-width: 100%; position: relative; }
#people-serach-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.people-search-field{display:flex;align-items:center;gap:.25rem;max-width:100%;padding:.35rem .5rem;border:1px solid var(--grey);border-radius:999px;background:#fff}
#people-search-box{flex:1;min-width:0;border:0;outline:0;padding:.5rem .75rem;font-size:1rem;background:transparent}
#people-search-box::placeholder{color:#666}
#people-search-btn{--icon-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:.5rem;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .2s ease}
#people-search-btn .search-icon{width:var(--icon-size);height:var(--icon-size);fill:#000;transition:fill .2s ease,transform .2s ease}
#people-search-btn:hover,#people-search-btn:focus-visible{background-color:var(--green)}
#people-search-btn:hover .search-icon,#people-search-btn:focus-visible .search-icon{fill:#fff;transform:scale(1.12)}
#people-search-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}


#people-search-box::-webkit-search-cancel-button{-webkit-appearance:none;}

#people-search .err{position:absolute;right:0;top:100%;margin-top:.35rem;padding:.35rem .6rem;font-size:.875rem;line-height:1.2;white-space:nowrap;color:#fff;background:var(--green);border-radius:.75rem;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
#people-search .err::before{content:"";position:absolute;top:-6px;right:22px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--green)}
#people-search.nets .err{opacity:1}







#publications-year1 a,
#publications-year2 a,
#people-list .alphabet a,
#publications-list th a,
#projects-list th a,
#people-list th a {
	display: inline-block;
	background-color: var(--lightgrey);
	color: var(--black);
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 0.8em;
	border-radius: 50px;
	line-height: 1;
	white-space: nowrap;
}
#publications-year1 a,
#publications-year2 a,
#people-list .alphabet a {
	margin-right: 0.5em;
}
#publications-list th a,
#projects-list th a,
#people-list th a { background-color: #FFF; 
	border: 1px solid var(--lightgrey);}
#people-list .alphabet a {
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	padding: 0;
	text-transform: uppercase;
}
#publications-year1 a:hover, #publications-year1 a.actual,
#publications-year2 a:hover, #publications-year2 a.actual,
#people-list .alphabet a:hover, #people-list .alphabet a.active {
	background-color: var(--darkgreen);
	color: #FFF;
}

#publications-list th,
#publications-list td,
#projects-list th,
#projects-list td,
#people-list th,
#people-list td {
	border: none;
	padding: 1rem 0.5rem;
}
#publications-list th,
#projects-list th,
#people-list th {
	background-color: transparent;
}
#people-list th { text-align: left; }

#publications-list table td,
#projects-list table td,
#people-list table td {
	border-top: 1px solid var(--table_border);
	vertical-align: top;
}
#publications-list table.full td:first-child,
#publications-list table td:last-child,
#people-list table td:first-child a
 {
	font-weight: bold;
}
#publications-list table.full td:first-child,
#publications-list table td:last-child
 {
	text-align: center;
}
#publications-list th a::before,
#projects-list th a::before,
#people-list th a::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('img/arrow_filter.svg') no-repeat center / contain;
	margin-right: 0.5rem;
	vertical-align: middle;
}
#publications-list th a span, #projects-list th a span, #people-list th a span { display: inline-block; vertical-align: middle; }

#publications-list th a.active,
#publications-list th a:hover,
#projects-list th a.active,
#projects-list th a:hover,
#people-list th a.active,
#people-list th a:hover
 { background-color: var(--darkgreen); color: #FFF; border-color: transparent;}
#publications-list th a.active::before,
#publications-list th a:hover::before,
#projects-list th a.active::before,
#projects-list th a:hover::before,
#people-list th a.active::before,
#people-list th a:hover::before
 { filter: brightness(0) saturate(100%) invert(1); }
#publications-list th a.active.up::before,
#projects-list th a.active.up::before,
#people-list th a.active.up::before
 { transform: rotate(180deg); }

#publications-list td:first-child a,
#people-list td:first-child a,
#people-list td:nth-child(2) a,
#projects-list td h3 a
 { text-decoration: none; }
#publications-list td:first-child a:hover,
#people-list td:first-child a:hover,
#people-list td:nth-child(2) a:hover,
#projects-list td h3 a:hover
 { text-decoration: underline; }
 
#publications-list td { margin-top: 0; }
#publications-list td .links a { font-size: 90%; text-decoration: none; display: inline-block; line-height: 1;margin-bottom: 1rem; margin-right: 1rem; }
#publications-list td .links a:hover { text-decoration: underline; }
#publications-list td .links a::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 0.2rem;
}
#publications-list td .links a.download::before {background-image: url('img/pdf.svg');}
#publications-list td .links a.link::before {background-image: url('img/link.svg'); background-size: 70%;}

#publications-year2 {
	margin: 1rem auto;
	border-top: 1px solid var(--table_border);
	padding-top: 5px;
}
#publications-year2 a {
	margin-bottom: 5px;
	font-size: 90%;
}

#projects-list td h3 { margin: 0; font-size: 100%; }
#projects-list td p { margin: 0; }
#projects-list td:nth-child(4),
#projects-list td:nth-child(5) { text-align: right; }

.highlighted {
	border: 1px dotted #FF9696;
	background-color: #F7FC76;
}
td span.project_status {
	display: inline-block;
	padding: 5px;
	font-size: 12px;
	color: #FFF;
	border-radius: 50px;
}
div.statusfilter a {
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 0.8em;
	border-radius: 50px;
	margin-right: 0.5em;
	border: 1px solid currentcolor;
}
div.statusfilter a.active,
div.statusfilter a:hover {
	color: #FFF !important;
	border-color: transparent !important;
}
div.statusfilter a.sa { background-color: var(--lightgrey); color: #000; border-color: transparent; }
div.statusfilter a.sa.active, div.statusfilter a.sa:hover { background-color: var(--darkgreen); }
div.statusfilter a.s0 { color: var(--grey); }
div.statusfilter a.s1 { color: var(--blue); }
div.statusfilter a.s2 { color: var(--green); }
div.statusfilter a.s0:hover, div.statusfilter a.s0.active, td span.project_status.s_0, li span.project_status.s_0::after { background-color: var(--grey); }
div.statusfilter a.s1:hover, div.statusfilter a.s1.active, td span.project_status.s_1, li span.project_status.s_1::after { background-color: var(--blue); }
div.statusfilter a.s2:hover, div.statusfilter a.s2.active, td span.project_status.s_2, li span.project_status.s_2::after { background-color: var(--green); }

li span.project_status::after { content: ""; display: inline-block; margin-left: 3px; width: 12px; height: 12px; border-radius: 50%; vertical-align: middle;}

div.project_logo_part img { max-height: 200px; max-width: 300px; }
div.project_logo_part > img,
div.project_logo_part > a { vertical-align: middle; display: inline-block; margin: 10px; }
div.project_logo_part a:hover img { opacity: 0.5; }

li .desc, li .team_desc { font-style: italic; font-size: 90%; }
li .team_leader { font-size: 90%; text-transform: lowercase; }


div.nothing { height: 40px; }
div.nothing::after {
  content: "\2205";
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  color: #000;
  opacity: 0.3;
}

.table-wrapper {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.table-wrapper table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	display: table;
}
.table-wrapper th,
.table-wrapper td {
	white-space: normal; 
}

div.backgroundLight h3,
div.backgroundLight h4 {
	padding-bottom: 1em;
	margin-bottom: 1em;
	position: relative;
}
div.backgroundLight h3::after,
div.backgroundLight h4::after {
	content: "";
	display: block;
	width: 30%;
	position: absolute;
	bottom: 0;
	border-top: 1px solid var(--green);
}

#people-search.full_search {
	border-bottom: 1px solid var(--border_color);
	padding-bottom: 1rem;
	text-align: center;
}

.search_result_line .label {
	display: inline-block;
	color: #FFF;
	background-color: var(--green);
	padding: 0.5em;
	line-height: 1;
	font-style: italic;
	font-size: 12px;
	border-radius: 3px;
	text-decoration: none;
	margin-right: 1em;
}
.search_result_line .label.white {
	background-color: #FFF;
	border: 1px solid;
	color: var(--green);
}
.search_result_line h3 {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	font-weight: normal;
	font-size: 1.2rem;
}
.search_result_line p { margin: 0; line-height: 1.2; }
.search_result_line p.project em,
.search_result_line p.project strong { font-size: 80%; }
.search_result_line {
	margin: 1rem 1rem var(--small);
	padding: 1rem;
	border-bottom: 1px dotted currentcolor;
	box-sizing: border-box;
}
.search_result_line.category {width: calc( 20% - 2rem);}
.search_result_line.article {width: calc( 33.3% - 2rem);}
.search_result_line.project {width: calc( 50% - 2rem);}
.search_result_line.publication {width: 100%;}

.search_result_group {
	display: flex;
	flex-wrap: wrap;
}

details.search_details {
background: #fff;
padding: 0;
margin: 0 0 var(--small) 0;
border-radius: var(--radius_small);
overflow: hidden;
box-shadow: var(--shadow3);
}

details.search_details summary {
cursor: pointer;
padding: 1rem;
font-size: 18px;
color: #FFF;
background: var(--green);
list-style: none;
}

details.search_details summary:hover {
background: var(--tyrkys);
}

/* Odstranění defaultní šipky */
details.search_details summary::-webkit-details-marker {
display: none;
}

/* Přidání vlastní šipky */
details.search_details summary::before {
content: "▼";
display: inline-block;
margin-right: 1em;
transition: transform .25s ease;
}

details.search_details[open] summary::before {
transform: rotate(180deg);
}

/* intradoc strom */
ul.article_CategoriesMenu{margin:0;padding:0;background:#fff}ul.article_CategoriesMenu ul{margin-left:0;padding-left:20px}ul.article_CategoriesMenu li{list-style:none;position:relative;padding:2px 0 2px 28px;border-left:1px solid var(--lightgrey)}ul.article_CategoriesMenu li::before{content:"";position:absolute;left:0px;top:16px;width:20px;height:1px;background:var(--lightgrey)}ul.article_CategoriesMenu li:last-child{border-left:none}ul.article_CategoriesMenu li:last-child::before{width:20px;height:16px;top:0;border-left:1px solid var(--lightgrey);border-bottom:1px solid var(--lightgrey);background:none}li.article_CM_br,li.article_CM_leaf,span.article_CM_leaf{background:none!important}a.article_CM_expand,a.article_CM_collapse{position:absolute;left:6px;top:9px;width:14px;height:14px;border:1px solid var(--grey);border-radius:3px;background:#fff;box-sizing:border-box}a.article_CM_expand:hover,a.article_CM_collapse:hover{border-color:var(--darkgreen);background:var(--lightgrey)}a.article_CM_category{display:block;padding:4px 6px;border-radius:4px;color:var(--black);text-decoration:none;line-height:1.3}a.article_CM_category:hover{background:var(--lightgrey);color:var(--darkgreen)}a.article_CM_actualCategory,a.article_CM_actualCategory:hover{background:var(--darkgreen);color:#fff}a.article_CM_collapse::before,a.article_CM_expand::before{content:"";position:absolute;width:8px;height:2px;top:5px;left:2px;background:var(--darkgreen)}a.article_CM_expand::after{content:"";position:absolute;width:2px;height:8px;top:2px;left:5px;background:var(--darkgreen)}
ul.article_CategoriesMenu ul { margin-left: -10px; }


/* intradoc system */
.intradoc-layout{display:flex;gap:24px;background:#fff}.intradoc-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--lightgrey);padding:16px 12px}.intradoc-content{flex:1;padding:20px 24px}.intradoc-path{font-size:14px;color:var(--grey);margin-bottom:16px}.intradoc-path a{color:var(--mbu_blue);text-decoration:none}.intradoc-path span{margin:0 6px;color:var(--grey)}
.intradoc-item h3{margin:0;font-size:18px;font-weight:600;color:var(--darkgreen)}.downloadElement{list-style:none;margin:0;padding:0}.downloadElement li a{color:var(--black);text-decoration:none;padding:4px 0;display:inline-block}.downloadElement li a:hover{color:var(--darkgreen);text-decoration:underline}
.intradoc-folder { display: flex; flex-wrap: wrap; gap: 0 2rem; }
.intradoc-folder>h2{margin:0 0 20px 0;font-size:26px;color:var(--black);border-bottom:2px solid var(--lightgrey);padding-bottom:8px; width: 100%;}
.intradoc-folder .categoryDescription { width: 100%;}
.intradoc-item{padding:16px 0;border-bottom:1px solid var(--lightgrey); width: calc(50% - 2rem); }

.intradoc-item ul.downloadElement { margin-top: 5px; }
.intradoc-item ul.downloadElement li { width: 100%; overflow: hidden;}
.intradoc-item ul.downloadElement li a {
  padding-left: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  text-decoration: none;
  line-height: 27px;
}
a.dtype,
a.main_download_link
 { background-image: url('img/dtype.png') }
a.dtype_doc { background-image: url('img/dtype_doc.png') }
a.dtype_xls { background-image: url('img/dtype_xls.png') }
a.dtype_pdf { background-image: url('img/dtype_pdf.png') }
a.dtype_audio { background-image: url('img/dtype_audio.png') }
a.dtype_video { background-image: url('img/dtype_video.png') }

.intradoc-item ul.downloadElement li span { display: block; font-size: 90%; font-style: italic; }

#intradoc_tree_show{display:none;}

div.vysledekVyhledavani { width: 100%; border-bottom: 1px dotted var(--mbu_blue); }

.intradoc-subfolder {
	width: calc(25% - 2rem);
	padding: 16px 0;
	text-align: center;
}
.intradoc-subfolder a {
	font-weight: bold;
	text-decoration: none;
	color: var(--darkgreen);
	padding-top: 64px;
	background: url('img/folder_64.png') no-repeat center top;
	display: inline-block;
	min-width: 64px;
	text-align: center;
}
.intradoc-subfolder a:hover {
	text-decoration: underline;
}

/* intradoc mobile */
@media (max-width:1280px){
	.intradoc-item { width: 100%; }
	.intradoc-subfolder { width: 50%; }
	.intradoc-folder { gap: 0; }
}
@media (max-width:640px){
	.intradoc-layout{display:flex;flex-direction:column}.intradoc-sidebar{box-sizing: border-box;position:fixed;top:0;left:0;width:300px;height:100vh;background:#fff;border-right:1px solid var(--lightgrey);transform:translateX(-100%);z-index:1000;overflow-y:auto;padding:64px 12px 16px 12px}.intradoc-layout.intradoc-menu-open .intradoc-sidebar{transform:translateX(0)}.intradoc-layout.intradoc-menu-open::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:900}.intradoc-content{padding:16px}.intradoc-path{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intradoc-folder>h2{font-size:22px}.intradoc-item{padding:14px 0}.intradoc-item h3{font-size:16px}.downloadElement li a{padding:6px 0;display:block}.intradoc-pagination{justify-content:center;flex-wrap:wrap}
	.intradoc-layout>#intradoc_tree_show{display:block;width: 160px;margin:0 0 0 -1rem;padding:10px 14px;font-size:14px;font-weight:600;color:#FFF;border:1px solid var(--darkgreen);border-radius:0 var(--radius_small) var(--radius_small) 0;background:var(--darkgreen);text-decoration:none}
	.intradoc-layout.intradoc-menu-open>#intradoc_tree_show{position:fixed;top:10px;left:0px;z-index:1100; margin: 0; }
	.intradoc-layout>#intradoc_tree_show:hover{background:#FFF;color:var(--darkgreen);}
	.intradoc-layout>#intradoc_tree_show::before,
	.intradoc-layout>#intradoc_tree_show::after { display: inline-block; margin: 0 5px; }
	.intradoc-layout>#intradoc_tree_show::before { content: "\2630"; }
	.intradoc-layout.intradoc-menu-open>#intradoc_tree_show::before { content: "\2715"; }
}



#right_body .in_article ul,
ul.project_info {
    list-style: none;
    padding-left: 1em;
}

#right_body .in_article ul li,
ul.project_info li {
    position: relative;
    padding-left: 1.2em;
}

#right_body .in_article ul li::before,
ul.project_info li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: var(--green);
    border-radius: 50%;
}

ul span.label { font-size: 80%; font-weight: bold; }
ul span.label::after { content: ":"; }






.profile-card{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    align-items:flex-start;
    max-width:100%;
}
.profile-name {
	width: 100%;
	color: var(--darkgreen);
	text-transform: none;
	font-weight: normal;
	font-size: 2.6rem;
	font-family: var(--font_o);
}
.profile-photo img{
    width:230px;
    height:230px;
    object-fit:cover;
    border-radius:50%;
    display:block;
    box-shadow: var(--shadow2);
}
.profile-info{
    display:flex;
    flex-direction:column;
    gap:2rem;
}
.profile-info ul {
    margin:0;
    padding: 0;
    list-style-type: none;
}
.profile-info ul li {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
.profile-affiliation {
	margin: 0;
}
.profile-contact{
    font-style:normal;
    font-weight: bold;
}
a.profile_lab {
	text-decoration: none;
	color: var(--darkgreen);
	font-size: 150%;
}
a.profile_lab:hover {
	text-decoration: underline;
	color: var(--darkgreen);
}
a.profile_lab.s2 {
	font-size: 100%;
}
.profile-orcid a { color: var(--black); }
.profile-email a { text-decoration: none; color: var(--black); }

.share-buttons{display:flex;gap:.5rem;margin:2rem auto;justify-content:flex-end}a.share{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;text-decoration:none;color:#fff}.share svg{width:25px;height:25px;fill:currentColor}.share.fb svg{width:40px;height:40px}.share.fb{background:#1877f2}.share.x{background:#000}.share.in{background:#0a66c2}.share:hover{opacity:.85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* === CAROUSEL === */

.carousel{
    position:relative;
    margin:3rem auto;
    padding: 0 50px !important;
}

/* === VIEWPORT === */

.carousel_viewport{
    overflow:hidden;
}

/* fallback: bez JS / bez pohybu */
.carousel_viewport.no_move{
    overflow:visible;
}

/* === TRACK === */

.carousel_track{
    display:flex;
    gap:1rem;
    transition:transform .4s ease;
    will-change:transform;
}

/* fallback */
.carousel_viewport.no_move .carousel_track{
    transform:none !important;
    flex-wrap: wrap;
	justify-content: center;
}

/* === ITEM === */

.carousel_item{
    flex:0 0 250px;
    background:var(--lightgrey);
    padding:1rem;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    gap:.5rem;
    position: relative;
    border-radius: var(--radius_small);
}

.carousel_item h2{
    margin:0;
    font-size:1.1rem;
    line-height: 1.2;
}
.carousel_item h2 a {
	text-decoration: none;
}

.carousel_item p{
    margin:0;
    font-size:.95rem;
    line-height:1.4;
}
.carousel_item > a.tlacitko{
	margin-top:auto;
    align-self:flex-start;
}


/* === ARROWS === */

.carousel_arrow-prev,
.carousel_arrow-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border:0;
    background:var(--green);
    border-radius: 100px;
    cursor:pointer;
    z-index:10;
    font-size:0;
}
.carousel_arrow-prev:hover,
.carousel_arrow-next:hover{
	background-color: var(--darkgreen);
}

.carousel_arrow-prev::before,
.carousel_arrow-next::before{
    content:'';
    display:block;
    width:12px;
    height:12px;
    margin:auto;
    border-top:3px solid #fff;
    border-right:3px solid #fff;
}

.carousel_arrow-prev{ left:0; }
.carousel_arrow-prev::before{ transform: translateX(3px) rotate(-135deg); }

.carousel_arrow-next{ right:0; }
.carousel_arrow-next::before{ transform: translateX(-3px) rotate(45deg); }

/* hidden arrows by default */
.hidden{
    display:none;
}

span.lb_span { display: inline-block; position: relative; margin: 0.2em; cursor: pointer;}
span.lb_span img { display: block;}
span.lb_span::after { content: ""; display: block; width: 32px; height: 32px; background: url('img/lupa.svg') no-repeat center / 80% #000a; position: absolute; bottom: 10px; right: 10px; border-radius: 5px; transition: 0.3s; }
span.lb_span:hover::after { width: 50px; height: 50px; }

@media (max-width:880px){
    .profile-card{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    .profile-photo img{
        width:160px;
        height:160px;
    }
    .profile-info{
		gap:1rem;
	}
}




@media(min-width: 641px) {
	#m1.js-enabled .submenu {
		overflow: hidden;
		height: 0;
		transition: height 0.5s ease;
	}
	#m1.js-enabled .submenu.is-open {}
	#m1.js-enabled .toggle {
		background: none;
		border: none;
		cursor: pointer;
		padding: 0;
		margin-left: auto;
		display: block;
		width: 20px;
		height: 20px;
		left: 0;
		top: calc(50% - 10px);
		position: absolute;
		transition: transform 0.3s ease;
	}
	#m1.js-enabled .l1-row {
		position: relative;
		padding-left: var(--radius);
	}
	#m1.js-enabled .toggle::before {
		content: "";
		display: inline-block;
		margin-left: 5px;
		border: 5px solid transparent;
		border-left-color: var(--black);
	}
	#m1.js-enabled .toggle[aria-expanded="true"] {
		transform: rotate(90deg);
	}
}
@media(min-width: 1025px) {
	.part100 { min-height: 350px; }
}
@media (min-width: 1621px) {
	#content-1 {
		position: relative;
	}
	#content-1.homepage {
		margin: -150px auto 0;
	}
	#head_envelope.homepage {
		padding-bottom: 150px;
	}
	#head_envelope.subpage {
		padding-bottom: var(--radius);
	}
	#content-1.subpage {
		margin-top: calc( var(--radius) * (-1) );
		max-width: var(--sirka);
		margin-left: auto;
		margin-right: auto;
	}
}
/* + layout end pro articlemulti */
	@media(max-width: 1620px){
		.articleContent > h1,
		.parts_envelope.sized,
		.to_infinity .editPerex ,
		.site_sized,
		#foot-in {
			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 div.lightDark.backgroundLight, .part50 div.lightDark.backgroundLight, .parts60 > div div.lightDark.backgroundLight,
		.part33 div.lightDark.backgroundDark, .part50 div.lightDark.backgroundDark, .parts60 > div div.lightDark.backgroundDark
		 { margin-left: 15px; margin-right: 15px; }

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

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

		.part33.p_2 div.lightDark { margin-bottom: 0; margin-top: 0; }
		.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; }
	}
	@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 */

@media(max-width: 1760px){
	#foot-in { padding-right: calc( var(--servis_button_size) + 2rem) !important;}
}
@media(max-width: 1620px){
	#horizont-0-in {
		padding: 1rem;
		display: grid;
		grid-template-columns: auto 1fr auto; 
		grid-template-rows: auto auto; 
		grid-template-areas:
		"logo . icons"
		"nav  nav nav";
	}

	#h1_logo_mbu  { grid-area: logo; }
	#technic_part { grid-area: icons; }
	#horizont-0-in nav { grid-area: nav;}

	#horizont-0-in nav {
		width: 100%;
		padding-top: 1rem;
	}
	#content-1.subpage {
		margin-top: var(--small);
		gap: var(--radius);
	}
	.homepage #user-info { right: var(--radius); }
	.content_white_box { padding-left: 1rem; padding-right: 1rem; }
	.content_white_box .site_sized {padding-left: 0; padding-right: 0;}

}
@media(max-width: 1600px){
	.homepage #categories_envelope.galery,
	.homepage #categories_envelope.list,
	#topline-in,
	#bottom-menuline-in,
	.homepage .submenuArea,
	.homepage div.category_description,
	.homepage h1.title,
	.homepage div.articleContent,
	.homepage #data-center-text,
	#foot-in {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	ul#m0 > li > a {
		font-size: 100% !important;
	}

}
@media(max-width: 1365px){
	div.subcategory-envelope {}
	.search_result_line.category {width: calc( 33.3% - 2rem);}
	.search_result_line.article {width: calc( 50% - 2rem);}
	.search_result_line.project {width: 100%;}
	.homepage div.article-preview-envelope, .full_size div.article-preview-envelope { width: 33%; }
	div.article-preview-envelope a.label { font-size: 80%; }
}
@media(max-width: 1200px){
	div.article-preview-envelope {}
	ul#lab_list li a {
		font-size: 1rem;
	}
}
@media(max-width: 1024px){
	nav#left_nav { flex: 0 0 33%; }
	div.subcategory-envelope { width: 50%; }
	div.article-preview-envelope { width: 50%; }
	.homepage div.subcategory-envelope, .full_size div.subcategory-envelope { width: 33.3%; }
	.homepage div.article-preview-envelope, .full_size div.article-preview-envelope { width: 33.3%; }
}
@media(max-width: 970px){
	div.calendars {
		min-width: 30% !important;
	}
	ul#m3, div#bNews, div#advb-in {
		float: none;
		width: 100%;
	}
	ul#lab_list li { align-content: normal; flex: 0 0 auto; white-space: wrap;}
	ul#lab_list li a { flex-direction: column; font-size: 1rem; font-weight: normal;}
	ul#lab_list li a .icon { border-right: none; }
	ul#lab_list li a .name { padding-left: 0; text-align: center; max-width: 7em; }

	#foot-links, #foot-content { flex-wrap: wrap; }
	.social_icons.big, .intra_links, #foot-autor, #simle_links { margin: 1rem 0; }
}
@media(max-width: 860px){
	#head-sogan div {
		bottom: 1em;
	}
	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%;
	}
	.homepage div.article-preview-envelope, .full_size div.article-preview-envelope { width: 50%; }
}
@media(max-width: 640px){
	#banhead::after {
			clip-path: polygon(
			0% 0%,
			100% 0%,
			40% 100%,
			0% 100%
		);
    }
	ul#lab_list {
		border-radius: 0 !important;
		margin-top: 0 !important;
		padding: 1rem !important;
		display: flex;
		flex-direction: row;
		gap: 10px; 
		overflow-x: auto; 
		overflow-y: hidden;
		white-space: nowrap; 
		-webkit-overflow-scrolling: touch; 
		scrollbar-width: thin;   /* úzký posuvník ve Firefoxu */
	}
	ul#lab_list li { align-content: normal; flex: 0 0 auto; white-space: wrap;}
	ul#lab_list li a { flex-direction: column; font-size: 1rem; font-weight: normal;}
	ul#lab_list li a .icon { border-right: none; }
	ul#lab_list li a .name { padding-left: 0; text-align: center; max-width: 7em; }

	.homepage ul#lab_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	.homepage ul#lab_list li {
		margin: 0 !important;
		width: calc(33.3% - 10px);
	}
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		position: relative;
		min-height: initial;
		z-index: 16;
	}
	#horizont-0-in {
		min-height: initial;
		width: auto;
		top: 0;
		filter: none;
		border-radius: 0;
		display: flex;
		justify-content: space-between;
		padding: 1rem;
	}
	#horizont-0-in nav {
		width: auto;
	}

	ul#m0 {
		position: fixed;
		inset: 0;
		height: auto;
		overflow: auto;
		background-color: var(--mobile_ul_bg);
		padding: 100px 0 0;
		display: block;
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.35s ease, transform 0.35s ease;
		will-change: opacity, transform;
		visibility: visible;
		pointer-events: none;
	}
	ul#m0.showed {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		z-index: 97;
	}
	ul#m0.hidded {
		display: none;
		visibility: hidden;
	}
	#horizont-0.menuFixed {
		position: relative;
	}
	ul#m0 li {
		display: block;
		margin: 0;
		background-color: var(--mobile_ul_li_bg) ;border-bottom: 1px solid var(--barva1);
		padding: 0;
		text-align: center;
	}
	ul#m0 li,
	ul#m0 li a {
		line-height: 3em;
		height: 3em;
		padding: 0;
	}
	ul#m0 li a {
		display: inline-block;
	}
	ul#m0 li > div,
	ul#m0 li > div.expanded,
	ul#m0 li > div.colapsed
		{ display: none; }
	
	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;
		top: 20px;
		right: 10px;
		text-decoration: none;
		z-index: 99;
	}
	a#hor-res-menu-button.clicked {
		position: fixed;
	}
	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: 10%;
		width: 80%;
		border: 2px solid;
		box-sizing: border-box;
		opacity: 1;
		transition: 300ms;
	}

	a#hor-res-menu-button span.top { top: 15%;}
	a#hor-res-menu-button span.center {top: calc(50% - 2px); }
	a#hor-res-menu-button 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);}

	#topline-in {
		text-align: center;
	}
	h1#h1_logo_mbu { width: 130px; height: 50px; }
	h1#h1_logo_mbu a { padding-top: 50px; }
	#technic_part { flex-direction: row-reverse; border-left: none; margin-right: 50px; margin-left: 0; }

	#search, ul.social_icons.pc {
		display: none;
	}
	
	ul#small_mobile_in_menu_icons {
		display: flex;
		position: fixed;
		top: 0; left: 0;
		width: 100%;
		justify-content: center;
		height: 50px;
		background: var(--green);
		padding-top: 27px;
		z-index: 98;
		transform: translateY(20px);
		transition: 350ms ease;
		opacity: 0;
	}
	ul#small_mobile_in_menu_icons.showed {
		transform: translateY(0px);
		opacity: 1;
	}
	ul#small_mobile_in_menu_icons.hidded {
		display: none;
	}
	#search_mobile_root {
		display: block;
	}
	#volby-languages {
		padding: 0 7px;
		margin: 0 10px;
	}
	#volby-languages a:first-child { margin-right: 10px; }

	

	#content-1.subpage {
		display: block;
	}
    nav#left_nav {
        order: 1;
        width: 100%;
        flex: none;
    }
    #right_body {
		display: block;
		width: 100%;
    }

	a#left_menu_show {
		display: block;
		padding: 0 1rem;
		height: 50px;
		line-height: 50px;
		width: 300px;
		margin: 0;
		background: var(--green);
		border-radius: 50px;
		text-decoration: none;
		text-align: center;
		color: #FFF;
		cursor: pointer;
		position: absolute;
		top: 0;
		left: calc( 50% - 150px);
		box-sizing: border-box;
	}
	a#left_menu_show.orange { background-color: var(--orange); }
	a#left_menu_show.tyrkys { background-color: var(--tyrkys); }
	a#left_menu_show.brown { background-color: var(--brown); }
	a#left_menu_show.grey { background-color: var(--grey); }
	a#left_menu_show.smaragd { background-color: var(--smaragd); }
	
	nav#left_nav a#left_menu_show::after {
		content: "▾";
		margin-left: 8px;
	}
	nav#left_nav.showed div#left_nav_content ~ a#left_menu_show::after,
	nav#left_nav a#left_menu_show.opened::after {
		content: "▴";
	}
	nav#left_nav {
		padding-top: 50px;
		position: relative;
		overflow: hidden;
		min-height: 0px;
		transition:height 1s ease;
	}
	nav#left_nav.showed {
		height: 75vh;
	}
	nav#left_nav.hidded {
		height: 50px;
	}
	/* omezených animací uživatelem */
	@media (prefers-reduced-motion: reduce) {
		nav#left_nav {
			transition: none;
		}
	}
	


/* ----------------------------------------------------------
	   STAV S JS (JS přidá .js-enabled na #m1)
	---------------------------------------------------------- */
	#m1.js-enabled .submenu {
		overflow: hidden;
		height: auto !important;
	}

	/* NEzavírej aktivní větev - to řeší JS nastavením height */
	#m1.js-enabled .submenu.is-open {
		height: auto !important;
	}

	/* Přidáváme tlačítko pro šipku */
	#m1.js-enabled .toggle {
		display: none;
	}

	/* Wrapper pro Level 1 řádek – vytvořený JS */
	#m1.js-enabled .l1-row {
		padding-left: var(--radius);
	}

    




	
	#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,
	.homepage div.subcategory-envelope,
	.full_size div.subcategory-envelope { width: 50%; }

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

	#head_envelope.homepage {
		padding-bottom: 0;
	}
	#head_envelope {
		padding-top: 0;
	}
	div.article-preview-envelope,
	.homepage div.article-preview-envelope,
	.full_size div.article-preview-envelope { width: 50%; }

	div.subcategory { padding: 0.5rem 0.5rem 1px; }
	div.subcategory h2,
	div.text-article-preview h2 {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.3;
	}
	div.subcategory p,
	div.text-article-preview p {
		font-weight: 0.9rem;
	}

	.search_result_line { margin: 0 0 1rem; }
	.search_result_line.category {width: 100%;}
	.search_result_line.article {width: 100%;}

	#subpage_head_content { padding: 1rem; }
	#subpage_head_content .logo { width: 120px; }
}
@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{
		width: calc(100% - 30px);
	}
	.webbase_form .calendar_element { width: 100%; }
	.webbase_form 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;
	}
	.webbase_form input[type="radio"],
	.webbase_form input[type="checkbox"] {
		margin: 0 0 0 0px;
	}
	div.calendars {
		width: 100% !important;
	}
	div.article-preview-envelope,
	.homepage div.article-preview-envelope,
	.full_size div.article-preview-envelope { width: 100%; margin-bottom: 1rem; }

	.article-preview-gallery {}

	nav.home_head_info_actions a.tlacitko { padding: 0.3em 1em; }
}