@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*** + mainscreen_multi.css */
:root {
	--blue: #001F40;
	--lightblue: #9FCDFF;
	--green: #3E7200;
	--lightgreen: #5C9F0E;
	--lila: #9646A5;
	--red: #ae0018;
	--orange: #f27c00;
	--yellow: #ffc500;
	--grey: #e6e6e6;
	--darkgrey: #8D8D8D;
	--lightgrey: #F8F8F8;
	--black: #1C1C1C;
	
	--text: #2B2B2B;
	--barva1: var(--blue);
	--barva2: var(--green);
	--barva1_opacity: #001F40CC;
	--barva2_opacity: #3E7200CC;
	--barva1_opacity_50: #001F4088;
	--barva2_opacity_50: #3E720088;
	--lila_opacity: #9646A5CC;
	--blue_opacity: #001F40CC;
	--green_opacity: #3E7200CC;

	--shadow: 0px 3px 15px #00000029;
	
	--border_color: #EDEDED;
	--no_active_grey: #EEE;
	--form_background_color: #FAFAFA;
	--form_text_color: var(--text);
	--form_ok_border: green;
	--form_error_border: red;

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

	--foot_text_color: var(--blue);
	--foot_bg_color: var(--grey);

	--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: rgba(255,255,255,0.9);
	--mobile_ul_li_bg: rgba(255,255,255,0.9);

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

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

	--sirka: 1400px;
	--rantl: calc((100% - var(--sirka)) * 0.5);
	--sirka60: 960px;
	--sirka50: 800px;
	--odsazeni_i: 3rem;
	--small: 2em;
	--big: 5em;
	--yt_animace_height: 400px;
	--hor_res_menu_button_height: var(--box_height);
	--horizontal_menu_height: 70px;
	--aside_width: 260px;

	--box_height: 38px;
	--topline_height: 90px;
	--top_margin: calc( (var(--topline_height) - var(--box_height)) * 0.5 );
}

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 1em;
	line-height: 1.5;
	background-color: #fefefe;
	color: var(--text);
}
div {
	margin: 0;
	padding: 0;
}
.cleaner {
	clear: both;
}
.cleaner_left {
	clear: left;
}
.no_screen {
	display: none;
}

.subpage .on_homepage { display: none; }
.homepage .on_subpage { display: none; }

.no_print {
	display: block;
}
.center { text-align: center; }
.full { width: 100%; }
.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;
}

a { text-decoration: underline; color: var(--green); }
a:hover { text-decoration: none;}

:focus-visible {
	outline: 2px dashed var(--orange);
	background-color: var(--yellow);
	color: var(--blue);
}

a[target=_blank] {
	padding-right: 15px;
	background: url('img/exter_green.png') no-repeat right center;
}
a[target=_blank]::after {
	content: "nové okno";
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
}

a.tlacitko {
	display: inline-block;
	padding: 0.5em 2em;
	margin-top: 1px;
	margin-bottom: 1px;
	text-decoration: none;
	border: 2px solid var(--tlacitko_border);
	background-color: var(--tlacitko_bg);
	color: var(--tlacitko_text);
	border-radius: 8px;
	transition: 0.3s;
}
a.tlacitko:hover,
a.tlacitko:focus-visible {
	background-color: var(--tlacitko_bg_hover);
	color: var(--tlacitko_text_hover);
}
a.tlacitko[target=_blank] {
	padding-right: 30px;
	background-position: right 10px center;
	background-image: url('img/exter_white.png');
}
a.tlacitko.blue { border-color: var(--blue); background-color: var(--blue); color: var(--lightblue);}
a.tlacitko.blue:hover,a.tlacitko.blue:focus-visible { background-color: var(--lightblue); color: var(--blue);}
a.tlacitko.blue[target=_blank] { background-image: url('img/exter_lightblue.png');}
a.tlacitko.blue[target=_blank]:hover, a.tlacitko.blue[target=_blank]:focus-visible {background-image: url('img/exter_blue.png');}

a.tlacitko.lila { border-color: var(--lila); background-color: var(--lila); color: #FFF;}
a.tlacitko.lila:hover, a.tlacitko.lila:focus-visible { background-color: #FFF; color: var(--lila);}
a.tlacitko.lila[target=_blank] { background-image: url('img/exter_white.png');}
a.tlacitko.lila[target=_blank]:hover, a.tlacitko.lila[target=_blank]:focus-visible {background-image: url('img/exter_lila.png');}

a.tlacitko.red { border-color: var(--red); background-color: var(--red); color: #FFF;}
a.tlacitko.red:hover, a.tlacitko.red:focus-visible { background-color: #FFF; color: var(--red);}
a.tlacitko.red[target=_blank] { background-image: url('img/exter_white.png');}
a.tlacitko.red[target=_blank]:hover, a.tlacitko.red[target=_blank]:focus-visible {background-image: url('img/exter_red.png');}

a.tlacitko.orange { border-color: var(--orange); background-color: var(--orange); color: #FFF;}
a.tlacitko.orange:hover, a.tlacitko.orange:focus-visible { background-color: #FFF; color: var(--orange);}
a.tlacitko.orange[target=_blank] { background-image: url('img/exter_white.png');}
a.tlacitko.orange[target=_blank]:hover, a.tlacitko.orange[target=_blank]:focus-visible {background-image: url('img/exter_orange.png');}



a.tlacitko.blue2 { border-color: var(--blue); background-color: #FFF; color: var(--blue);}
a.tlacitko.blue2:hover, a.tlacitko.blue2:focus-visible { background-color: var(--blue); color: #FFF;}
a.tlacitko.blue2[target=_blank] { background-image: url('img/exter_blue.png');}
a.tlacitko.blue2[target=_blank]:hover, a.tlacitko.blue2[target=_blank]:focus-visible {background-image: url('img/exter_white.png');}

a.tlacitko.orange2 { border-color: var(--orange); background-color: #FFF; color: var(--orange);}
a.tlacitko.orange2:hover, a.tlacitko.orange2:focus-visible { background-color: var(--orange); color: #FFF;}
a.tlacitko.orange2[target=_blank] { background-image: url('img/exter_orange.png');}
a.tlacitko.orange2[target=_blank]:hover, a.tlacitko.orange2[target=_blank]:focus-visible {background-image: url('img/exter_white.png');}

a.tlacitko.red2 { border-color: var(--red); background-color: #FFF; color: var(--red);}
a.tlacitko.red2:hover, a.tlacitko.red2:focus-visible { background-color: var(--red); color: #FFF;}
a.tlacitko.red2[target=_blank] { background-image: url('img/exter_red.png');}
a.tlacitko.red2[target=_blank]:hover, a.tlacitko.red2[target=_blank]:focus-visible {background-image: url('img/exter_white.png');}

a.tlacitko.lila2 { border-color: var(--lila); background-color: #FFF; color: var(--lila);}
a.tlacitko.lila2:hover, a.tlacitko.lila2:focus-visible { background-color: var(--lila); color: #FFF;}
a.tlacitko.lila2[target=_blank] { background-image: url('img/exter_lila.png');}
a.tlacitko.lila2[target=_blank]:hover, a.tlacitko.lila2[target=_blank]:focus-visible {background-image: url('img/exter_white.png');}

a.tlacitko.green2 { border-color: var(--green); background-color: #FFF; color: var(--green);}
a.tlacitko.green2:hover, a.tlacitko.green2:focus-visible { background-color: var(--green); color: #FFF;}
a.tlacitko.green2[target=_blank] { background-image: url('img/exter_green.png');}
a.tlacitko.green2[target=_blank]:hover {background-image: url('img/exter_white.png');}



a.tlacitko.arrow { padding-right: 60px; position: relative; box-sizing: border-box;}
a.tlacitko.arrow::after { content: ""; display: block; width: 32px; height: 32px; border: 2px solid; border-radius: 50%; position: absolute; right: 17px; top: calc(50% - 16px); box-sizing: border-box; transition: 0.3s; background: url('img/arrow_white_left.png') no-repeat center; background-size: 60%; }
a.tlacitko.arrow:hover::after, a.tlacitko.arrow:focus-visible::after { right: 10px; }

a.tlacitko.blue.arrow::after { background-image: url('img/arrow_lightblue_left.png'); }
a.tlacitko.blue.arrow:hover::after, a.tlacitko.blue.arrow:focus-visible::after { filter: brightness(20%); border-color: var(--lightblue); }

a.tlacitko.lila.arrow::after { background-image: url('img/arrow_lila_left.png'); filter: grayscale(100%) brightness(300%); border-color: var(--lila);}
a.tlacitko.lila.arrow:hover::after, a.tlacitko.lila.arrow:focus-visible::after { filter: none; }

a.tlacitko.red.arrow::after { background-image: url('img/arrow_red_left.png'); filter: grayscale(100%) brightness(600%); border-color: var(--red); }
a.tlacitko.red.arrow:hover::after, a.tlacitko.red.arrow:focus-visible::after { filter: none; }

a.tlacitko.orange.arrow::after { background-image: url('img/arrow_orange_left.png'); filter: grayscale(100%) brightness(300%); border-color: var(--orange);}
a.tlacitko.orange.arrow:hover::after, a.tlacitko.orange.arrow:focus-visible::after { filter: none; }

a.tlacitko.green2.arrow::after { background-image: url('img/arrow_green_left.png'); border-color: var(--green); }
a.tlacitko.lila2.arrow::after { background-image: url('img/arrow_lila_left.png'); border-color: var(--lila); }
a.tlacitko.red2.arrow::after { background-image: url('img/arrow_red_left.png'); border-color: var(--red); }
a.tlacitko.orange2.arrow::after { background-image: url('img/arrow_orange_left.png'); border-color: var(-orange); }
a.tlacitko.blue2.arrow::after { background-image: url('img/arrow_blue_left.png'); border-color: var(--blue); }
a.tlacitko.blue2.arrow:hover::after,a.tlacitko.green2.arrow:hover::after,a.tlacitko.lila2.arrow:hover::after,
a.tlacitko.red2.arrow:hover::after,a.tlacitko.orange2.arrow:hover::after,
a.tlacitko.blue2.arrow:focus-visible::after,a.tlacitko.green2.arrow:focus-visible::after,a.tlacitko.lila2.arrow:focus-visible::after,
a.tlacitko.red2.arrow:focus-visible::after,a.tlacitko.orange2.arrow:focus-visible::after
{filter: grayscale(100%) brightness(900%);}

a.tlacitko.arrow[target="_blank"], a.tlacitko.arrow[target="_blank"]:hover, a.tlacitko.arrow[target="_blank"]:focus-visible { background-image: none; }
a.tlacitko.arrow[target="_blank"]::after { border: none; background-size: 32px; border-radius: 0; transform: scale(0.8); }
a.tlacitko.arrow[target="_blank"]:hover::after, a.tlacitko.arrow[target="_blank"]:focus-visible::after { transform: scale(1); }
a.tlacitko.arrow[target="_blank"]::after { background-image: url('img/arrow_white_blank.png'); }
a.tlacitko.blue.arrow[target="_blank"]::after { background-image: url('img/arrow_lightblue_blank.png'); }
a.tlacitko.lila.arrow[target="_blank"]::after { background-image: url('img/arrow_lila_blank.png'); }
a.tlacitko.red.arrow[target="_blank"]::after { background-image: url('img/arrow_red_blank.png'); }
a.tlacitko.orange.arrow[target="_blank"]::after { background-image: url('img/arrow_orange_blank.png'); }
a.tlacitko.green2.arrow[target="_blank"]::after { background-image: url('img/arrow_green_blank.png'); }
a.tlacitko.blue2.arrow[target="_blank"]::after { background-image: url('img/arrow_blue_blank.png'); }
a.tlacitko.lila2.arrow[target="_blank"]::after { background-image: url('img/arrow_lila_blank.png'); }
a.tlacitko.red2.arrow[target="_blank"]::after { background-image: url('img/arrow_red_blank.png'); }
a.tlacitko.orange2.arrow[target="_blank"]::after { background-image: url('img/arrow_orange_blank.png'); }

a.netlacitko.arrow { padding-right: 64px; position: relative; box-sizing: border-box; line-height: 54px; color: var(--green); }
a.netlacitko.arrow::after { content: ""; display: block; width: 54px; height: 54px; border: 2px solid; border-radius: 50%; position: absolute; right: 5px; top: calc(50% - 27px); box-sizing: border-box; transition: 0.3s; background: url('img/arrow_green_left.png') no-repeat center; background-size: 26px; }
a.netlacitko.arrow.lila { color: var(--lila); }
a.netlacitko.arrow.lila::after { background-image: url('img/arrow_lila_left.png'); }
a.netlacitko.arrow.red { color: var(--red); }
a.netlacitko.arrow.red::after { background-image: url('img/arrow_red_left.png'); }
a.netlacitko.arrow.orange { color: var(--orange); }
a.netlacitko.arrow.orange::after { background-image: url('img/arrow_orange_left.png'); }
a.netlacitko.arrow.blue { color: var(--blue); }
a.netlacitko.arrow.blue::after { background-image: url('img/arrow_blue_left.png'); }
a.netlacitko.arrow.white { color: #FFF; }
a.netlacitko.arrow.white::after { background-image: url('img/arrow_white_left.png'); }
a.netlacitko.arrow:focus-visible { background-color: transparent; }
a.netlacitko.arrow:hover::after, a.netlacitko.arrow:focus-visible::after { right: 0; }

a.netlacitko.arrow[target="_blank"], a.netlacitko.arrow[target="_blank"]:hover, a.netlacitko.arrow[target="_blank"]:focus-visible { background-image: none; }
a.netlacitko.arrow[target="_blank"] { padding-right: 40px; }
a.netlacitko.arrow[target="_blank"]::after { background-image: url('img/arrow_green_blank.png'); background-size: 32px; border: none; width: 34px; }
a.netlacitko.white.arrow[target="_blank"]::after { background-image: url('img/arrow_white_blank.png'); }
a.netlacitko.blue.arrow[target="_blank"]::after { background-image: url('img/arrow_blue_blank.png'); }
a.netlacitko.lila.arrow[target="_blank"]::after { background-image: url('img/arrow_lila_blank.png'); }
a.netlacitko.red.arrow[target="_blank"]::after { background-image: url('img/arrow_red_blank.png'); }
a.netlacitko.orange.arrow[target="_blank"]::after { background-image: url('img/arrow_orange_blank.png'); }


.icon_circle { display: inline-block; background-repeat: no-repeat; position: relative; font-weight: bold;}
.icon_circle.green { height: 135px; line-height: 135px; padding-left: 150px;  background-position: left center; background-image: url('img/circle_green.png'); color: var(--blue); font-size: 130%; }
.icon_circle::before {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	transition: 0.3s;
}
.icon_circle.green::before { width: 86px; height: 86px; top: 25px; left: 25px; background-position: center; }
.icon_circle.green.phone::before { background-image: url('img/icon_white_phone.png'); }
.icon_circle.green.email::before { background-image: url('img/icon_white_email.png'); }

.icon_circle.white { background-image: url('img/circle_white.png'); width: 193px; height: 193px; line-height: 193px; text-transform: uppercase; color: var(--green); text-align: center; font-size: 26px; text-decoration: none; }
.icon_circle.white.arrow::before { background-image: url('img/arrow_green_down.png'); width: 24px; height: 14px; bottom: 0; left: calc(50% - 12px); padding-bottom: 26%; }

a.icon_circle.white.arrow:hover::before { padding-bottom: 19%; }
a.icon_circle.green:hover::before {transform: scale(1.1); }

.barva, .blue {	color: var(--blue);}
.marker, .green {color: var(--green);}
.marker2, .lila { color: var(--lila); }
.lightblue {	color: var(--lightblue);}
.lightgreen {color: var(--lightgreen);}
.black { color: var(--text); }
.red { color: var(--red); }
.orange { color: var(--orange); }
.yellow { color: var(--yellow); }
.white { color: #FFF; }

#blue_box_line {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	background-color: var(--blue);
	border-radius: 0 0 0 32px;
	padding: 32px 10px;
	box-shadow: 0 0 3px #FFF;
}

#blue_box_line a.blue_box { font-size: 0; }
#blue_box_line a.blue_box[target="_blank"] span::after { width: 0px; height: 0px; }
#blue_box_line:hover a.blue_box { font-size: 16px; }
#blue_box_line:hover a.blue_box[target="_blank"] span::after { width: 12px; height: 12px; }

a.blue_box { display: block; padding: 40px 0 0 0 !important; background: none !important; margin-bottom: 32px; position: relative; line-height: 1.1; color: var(--lightblue); filter: brightness(300%); text-decoration: none; text-align: center; font-size: 16px; transition: 0.3s; min-width: 48px; height: 32px; }
a.blue_box:last-child { margin-bottom: 0; }
a.blue_box span { display: block; line-height: 1; }
a.blue_box::after, a.blue_box[target="_blank"]::after { content: ""; display: block; width: 64px; height: 0; border-top: 2px solid var(--lightblue); position: absolute; bottom: 0; left: calc(50% - 32px); opacity: 0; transition: 0.3s; transform: scaleX(20%);}
a.blue_box[target="_blank"] span::after { content: "nové okno"; font-size: 0; vertical-align: middle; margin-left: 3px; display: inline-block; width: 12px; height: 12px; background: url('img/exter_lightblue.png') no-repeat right center; }
a.blue_box::before { content: ""; display: block; width: 100%; height: 32px; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}
a.blue_box.zakovska::before { background-image: url('img/blue_box_zakovska_lightblue.png'); }
a.blue_box.obedy::before { background-image: url('img/blue_box_obedy_lightblue.png'); }
a.blue_box.smart::before { background-image: url('img/blue_box_smart_lightblue.png'); }
a.blue_box.pokladna::before { background-image: url('img/blue_box_pokladna_lightblue.png'); }
a.blue_box.ms::before { background-image: url('img/blue_box_ms_lightblue.png'); }
a.blue_box.ucitele::before { background-image: url('img/blue_box_ucitele_lightblue.png'); }
a.blue_box.rozvrh::before { background-image: url('img/blue_box_rozvrh_lightblue.png'); }
a.blue_box.bellhop::before { background-image: url('img/blue_box_bellhop_lightblue.png'); }

a.blue_box:hover, a.blue_box:focus-visible { padding-bottom: 5px !important; padding-top: 35px !important; filter: none; font-size: 16px !important; }
a.blue_box[target="_blank"]:focus-visible span::after { width: 12px !important; height: 12px !important; }
a.blue_box:hover::after, a.blue_box[target="_blank"]:hover::after { opacity: 1;  transform: scaleX(100%); }

.icon { display: table; padding-left: 55px !important; min-height: 37px; line-height: 37px; color: var(--black); font-weight: bold; margin-bottom: 2rem !important; background-repeat: no-repeat; background-position: left center; }
.icon::before { display: none !important; }
.icon.eng { background-image: url('img/icon_eng_green.png'); }
.icon.kniha { background-image: url('img/icon_kniha_green.png'); }
.icon.malovani{ background-image: url('img/icon_malovani_green.png'); }
.icon.naradi { background-image: url('img/icon_naradi_green.png'); }
.icon.sport { background-image: url('img/icon_sport_green.png'); }
.icon.hrnec { background-image: url('img/icon_hrnec_green.png'); }
.icon.robotika { background-image: url('img/icon_robotika_green.png'); }
.icon::after { content: '\A'; white-space: pre; }

.social_icons { display: flex; }
.homepage .social_icons.big { position: absolute; right: 150px; bottom: 30px; }
.subpage .social_icons.big { display: inline-block; vertical-align: middle; margin-left: 1em; }

a.social_icon {
	display: inline-block; overflow: hidden;
	width: 48px; height: 0px; padding-top: 48px;
	background-color: transparent;
	padding-right: 0 !important;
	background-size: contain;
	border-radius: 32%;
}
.subpage .big a.social_icon { width: 32px; padding-top: 32px; }

a.social_icon[target="_blank"]::after { display: none; }
a.social_icon.fb { background-image: url('img/social_fb_48.png'); margin-right: 1em; }
a.social_icon.ig { background-image: url('img/social_ig_48.png');}
a.social_icon.fb:hover,a.social_icon.fb:focus-visible { background-color: var(--lightblue); }
a.social_icon.ig:hover, a.social_icon.ig:focus-visible { background-color: var(--lila);}

.social_icons.small { display: none; }
.small a.social_icon { width: var(--hor_res_menu_button_height); padding-top: var(--hor_res_menu_button_height); }

a.virtual_icon { background: url('img/virtual_icon.png') no-repeat left center; background-size: contain; text-align: left; line-height: 1; display: inline-block; height: 36px; padding-top: 6px; padding-left: 53px; font-size: 15px; text-decoration: none; color: var(--blue); width: 6em; }
.small a.virtual_icon { vertical-align: top; height: 30px; padding-top: 5px; padding-left: 44px; margin-left: 1rem; font-size: 12px; width: 63px; margin-right: -65px; }
.homepage address a.virtual_icon { position: absolute; bottom: 33px;}
.subpage address a.virtual_icon { font-size: 13px; height: 24px; padding-top: 4px; padding-bottom: 4px; padding-left: 39px; width: 71px; margin-left: 1rem; margin-bottom: 5px; vertical-align: middle; }

h1 { font-size: 250%; }
h2 { font-size: 200%; }
h3 { font-size: 180%; font-weight: normal; }
h1, h2, h3 { color: var(--green); }

h1.title, .editPerex h1 { text-transform: uppercase; margin-top: 1.5em;}
.homepage {
	h1.title, .editPerex h1 { text-transform: uppercase; text-align: center; }
	#categories_envelope.list h1.title.full { margin-top: 1em; }
}
h1.title { color: var(--green); }
h1.title.lila { color: var(--lila);}
h1.title.red { color: var(--red);}
h1.title.blue { color: var(--blue);}
h1.title.black { color: var(--black);}

h1.title i, h1.title em, .editPerex h1 i, .editPerex h1 em { display: block; font-weight: normal; font-style: normal; font-size: 50%; color: var(--text); text-transform: none; line-height: 1; }

h2.brush { background-repeat: no-repeat; background-position: left top; margin: 0.2em 0 0.2em -119px; min-height: 107px; background-size: contain; padding: 28px 0 0 119px; box-sizing: border-box; color: #FFF; background-image: url('img/brush_blue.png');text-shadow: 1px 0 0px var(--blue), -1px 0 0px var(--blue), 0px 1px 0px var(--blue), 0px -1px 0px var(--blue); }
h2.brush.white { color: var(--text); background-image: url('img/brush_white.png'); min-height: 81px; padding-top: 11px; text-shadow: 1px 0 0px #FFF, -1px 0 0px #FFF, 0px 1px 0px #FFF, 0px -1px 0px #FFF; }
h2.brush.orange { color: #000; background-image: url('img/brush_orange.png'); min-height: 81px; padding-top: 11px; text-shadow: 1px 0 0px var(--orange), -1px 0 0px  var(--orange), 0px 1px 0px  var(--orange), 0px -1px 0px  var(--orange); }
h2.brush.yellow { color: #000; background-image: url('img/brush_yellow.png'); min-height: 81px; padding-top: 11px; text-shadow: 1px 0 0px var(--yellow), -1px 0 0px var(--yellow), 0px 1px 0px var(--yellow), 0px -1px 0px var(--yellow); }
h2.brush.green { color: #FFF; background-image: url('img/brush_green.png'); text-shadow: 1px 0 0px var(--green), -1px 0 0px var(--green), 0px 1px 0px var(--green), 0px -1px 0px var(--green);}
h2.brush.lila { color: #FFF; background-image: url('img/brush_lila.png');text-shadow: 1px 0 0px var(--lila), -1px 0 0px var(--lila), 0px 1px 0px var(--lila), 0px -1px 0px var(--lila);}
h2.brush.red { color: #FFF; background-image: url('img/brush_red.png');text-shadow: 1px 0 0px var(--red), -1px 0 0px var(--red), 0px 1px 0px var(--red), 0px -1px 0px var(--red);}
h2.brush.blue { color: #FFF; background-image: url('img/brush_blue.png');text-shadow: 1px 0 0px var(--blue), -1px 0 0px var(--blue), 0px 1px 0px var(--blue), 0px -1px 0px var(--blue);}

h2.brush.center { margin-left: auto; margin-right: auto; text-align: left;}

.blue_info {
	display: block;
	position: relative;
	width: 40%;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 10px;
	color: #FFF;
	background: #FFF;
	margin: 5%;
	float: left;
}
.blue_info:nth-child(2) { margin-top: 30%; }
.blue_info:nth-child(3) { margin-top: -20%; }

.blue_info img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 0; left: 0;
	z-index: 0;
}
.blue_text_info {
	color: #FFF;
	padding: 0 1rem 1rem 1rem;
	position: absolute;
	left: 0; top: calc(100% - 75px);
	background-color: var(--barva1_opacity);
	height: 100%;
	box-sizing: border-box;
	transition: 0.5s;
}
.blue_info:hover .blue_text_info { top: 0; }
.blue_text_info h3 { font-size: 18px; font-weight: bold; margin: 0; height: 75px; line-height: 80px; color: #FFF;}
.blue_text_info p { margin: 0 0 1em 0; }
.blue_text_info a { color: #FFF; text-decoration: none;}
.blue_text_info a:hover { text-decoration: underline; }
.blue_text_info a::after { content: ">"; margin-left: 5px; display: inline-block;}

#horizont-0 {
	position: relative;
	text-align: right;
	padding: 0;
	box-sizing: border-box;
	/*min-height: var(--horizontal_menu_height);*/
	z-index: 1;
	margin-top: var(--top_margin);
}
#hor-envelope {
	position: relative
}
#horizont-0-in {
	height: 100%;
	display: inline-block;
}

ul#m0 {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1;
}
ul#m0 li {
	list-style-type: none;
	padding: 0;
	margin: 0 5px;
	display: inline-block;
}
ul#m0 li:first-child { margin-left: 0; }
ul#m0 li:last-child { margin-right: 0; }
ul#m0 li a {
	display: block;
	height: 1em;
	text-align: center;
	line-height: 1em;
	padding: 10px;
	text-decoration: none !important;
	text-transform: none !important;
	font-weight: bold;
	position: relative;
	color: var(--blue);
	border: 1px solid transparent;
	border-radius: 5px;
	transition: 0.3s;
}
ul#m0 li a[target="_blank"] { padding-right: 17px !important; background-position: right 2px center; background-image: url('img/exter_blue.png'); }

ul#m0 li a.menuArrow::after {
	content: "";
	display: block;
	width: 0; height: 0;
	border-top: 8px solid var(--blue);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.3s;
}
ul#m0 li a:hover,
ul#m0 li a:focus-visible,
ul#m0 li a.selected {
	text-decoration: none !important;
	border-color: var(--blue);
	background-color: #FFF;
}
/*ul#m0 li a.menuArrow:hover::after {*/
ul#m0 li a:hover::after, ul#m0 li a:focus-visible::after, ul#m0 li a.selected::after { z-index: 11; bottom: -8px; }
ul#m0 li div { display: none; position: absolute; background: #FFF; width: 100%; top: var(--box_height); left: 0; border-radius: 18px; padding: 18px; box-sizing: border-box; box-shadow: var(--shadow); z-index: 10; }
ul#m0 li:hover div,
ul#m0 li div.expanded { display: block;}
ul#m0 ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
ul#m0 ul li { width: 50%; margin: 0; padding: 1em; box-sizing: border-box; text-align: left; }
ul#m0 ul li a { font-weight: normal; color: var(--text); display: inline; padding: 0; border: none; }
ul#m0 ul li a:hover { border: none; color: var(--lila); text-decoration: underline !important; background-color: transparent; }
ul#m0 ul li a[target="_blank"] { background-image: url('img/exter_lila.png'); }
ul#m0 li div ul li div { display: none !important; }


a#hor-res-menu-button {
	display: none;
}

ul#m1 {
	padding: 0;
}
ul#m1 li {
	list-style-type: none;
}
ul#m1 > li {
	position: relative;
	padding-left: 30px
}
ul#m1 li a {
	display: inline-block;
	padding:13px 0 11px 0;
	height: 50px;
	box-sizing: border-box;
	text-decoration: none;
	color: var(--blue);
	position: relative;
	font-size: 1em;
	line-height: 1.2;
}
ul#m1 li a[target="_blank"] { padding-right: 15px; background-image: url('img/exter_lila.png'); background-position: right 17px;}
ul#m1 li a:hover {
	text-decoration: underline;
	color: var(--lila);
}
ul#m1 li a.a_active { font-weight: bold; }

ul#m1 li ul {
	padding-left: 0px;
	overflow: hidden;
	transition: height 0.3s;
}
ul#m1 li ul li a::before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid var(--lila);
	border-radius: 50%;
	margin-right: 1em;
	vertical-align: middle;
}
ul#m1 li ul li a {
	font-size: 1em;
}
ul#m1 li ul li a:hover::before {
	background-color: var(--lila);
}

ul#m1 li ul.collapsed {
	height: 0 !important;
}
ul#m1 li ul.expanded {
	height: 15rem;
}

span.menuArrow {
	width: 0;
	height: 0;
	display: block;
	background: url('img/arrow_lila_off.png') no-repeat -12px -10px;
	position: absolute;
	top: 13px;
	left: 5px;
	cursor: pointer;
	border-color: transparent transparent transparent transparent;
	border-width: 10px 0 10px 12px;
	border-style: solid;
	transition: 0.3s;
}
span.menuArrow.m_e {
	transform: rotate(90deg);
	border-color: transparent transparent transparent var(--lila);
}

/*vypisy*/
.categories_envelope.list,
#categories_envelope.list {
	display: flex;
	flex-wrap: wrap;
}
div.article-preview-envelope {
	width: 32.3%;
	margin: 0.5%;
	padding: 0;
	box-sizing: border-box;
	border-radius: 18px;
	transition: 0.5s;
}
div.article-preview-envelope.homepage { width: 24%; }
div.article-preview-envelope:hover { background-color: #f4f4f4 !important;}

div.article-preview {
	height: 100%;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
	border-radius: 18px;
}
div.img-article-preview {
	box-sizing: border-box;
	position: relative;
	padding: 0;
	overflow: hidden;
}
.homepage div.img-article-preview { min-height: 45px; }

div.img-article-preview span.labels {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	background-color: var(--green);
	padding: 0.5em 18px;
	border-radius: 0px 18px 0 18px;
}
div.img-article-preview a.label {
	display: inline-block;
	position: relative;
	color: #FFF;
	line-height: 1;
	border-radius: 1px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 100%;
	margin: 5px;
	z-index: 1;
}
div.img-article-preview a.label:hover { text-decoration: underline; }
div.img-article-preview a.label:focus-visible { color: var(--blue); }

div.img-article-preview img {
	border: none;
	width: 100%;
	display: block;
	overflow: hidden;
	transition: 0.5s;
}
div.article-preview-envelope:hover div.img-article-preview img { transform: scale(1.1); }
div.text-article-preview {
	box-sizing: border-box;
	padding: 1px 1.3rem 0;
}
div.text-article-preview h2 {
	font-size: 125%;
	color: var(--green);
}
div.text-article-preview h2::after {
	content: "";
	display: block;
	width: 70px;
	border: 1px solid var(--green);
	margin-top: 1em;
}
div.text-article-preview h3 {
	font-size: 100%;
	font-style: italic;
	color: var(--darkgrey);
}

div.text-article-preview a.tlacitko {
	position: absolute;
	bottom: 20px; left: 1.3rem;
}

#homepage_moreArticles { background: url('img/strom_lila.png') no-repeat center bottom #fafafa; padding: 1px 0; }
.homepage_moreArticles { display: flex; flex-wrap: wrap; }
.homepage_moreArticles p.center { width: 100%; }
.homepage_moreArticle { width: 24%; margin: 0.5%; box-sizing: border-box; border-radius: 18px; background-color: #FFF; overflow: hidden; box-shadow: var(--shadow); position: relative; padding-bottom: 78px; }
.homepage_moreArticle img { width: 100%; }
.homepage_moreArticle a.netlacitko { font-size: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0; }
.homepage_moreArticle a.netlacitko::after { right: 18px; bottom: 18px; top: initial; opacity: 0; }
.homepage_moreArticle a.netlacitko:hover::after,.homepage_moreArticle a.netlacitko:focus-visible::after { opacity: 1; }
.homepage_moreArticle a.netlacitko:focus-visible { background-color: transparent; border: 2px dashed var(--orange); }
.homepage_moreArticle .text_part { padding: 0 88px 0 1.5rem; position: absolute; left: 0; top: calc(100% - 78px); width: 100%; box-sizing: border-box; transition: 0.5s; background-color: #FFFFFFCC; height: 100%; }
.homepage_moreArticle .text_part h2 { margin: 0 0 16px 0; padding: 16px 0 0 0; font-size: 18px; line-height: 22px; height: 44px; min-height: 44px; color: var(--lila); overflow: hidden; transition: 0.5s; }
.homepage_moreArticle:hover .text_part,.homepage_moreArticle .text_part.hovered { top: 0; }
.homepage_moreArticle:hover .text_part h2 { height: initial; font-size: 18px; }
.homepage_moreArticle .text_part h3 { margin: 0; font-size: 16px; color: var(--darkgrey); }

#categories_envelope.galery,.categories_envelope.gallery { display: flex; flex-wrap: wrap; }
.article_preview_gallery { width: 32.2%; margin: 0.5%; box-sizing: border-box; border-radius: 18px; background-color: #FFF; overflow: hidden; box-shadow: var(--shadow); position: relative; }
.article_preview_gallery.homepage { width: 24%; }
.article_preview_gallery a.netlacitko { font-size: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0; }
.article_preview_gallery a.netlacitko::after { right: 18px; bottom: 18px; top: initial; opacity: 0; }
.article_preview_gallery a.netlacitko:hover::after,.article_preview_gallery a.netlacitko:focus-visible::after { opacity: 1; right: 10px; }
.article_preview_gallery a.netlacitko:focus-visible { background-color: transparent; border: 2px dashed var(--orange); }
.article_preview_gallery .text_part { padding: 0 88px 0 1.5rem; position: absolute; left: 0; top: calc(100% - 78px); width: 100%; box-sizing: border-box; transition: 0.5s; background-color: #FFFFFF; height: 100%; }
.article_preview_gallery .text_part h2 { margin: 0 0 16px 0; padding: 16px 0 0 0; font-size: 18px; line-height: 22px; height: 44px; min-height: 44px; color: var(--lila); overflow: hidden; transition: 0.5s; }
.article_preview_gallery:hover .text_part, .article_preview_gallery .text_part.hovered { top: 0; background-color: #FFFFFFCC;}
.article_preview_gallery:hover .text_part h2 { height: initial; font-size: 18px; }
.article_preview_gallery .text_part h3 { margin: 0; font-size: 16px; color: var(--darkgrey); }

.categories_envelope p.center { width: 100%; }

.article_preview_gallery .image_part {
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 4 / 3;
	position: relative;
}

.article_preview_gallery .image_part img {
	position: absolute;
	top: 0; left: 50%;
	transform: translateX(-50%);
	height: 100% !important;
	max-width: initial;
}

/* drobeckova navigace */
#top_area_path_part {
	font-size: 0.8em;
	padding: 1px 0;
}
#top_area_path_part a {
	text-decoration: none;
	color: var(--text);
}
#top_area_path_part a:hover {
	text-decoration: underline;
}
#top_area_path_part i a {
	color: var(--green);
}


.submenuArea {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
div.subcategory-envelope {
	box-sizing: border-box;
	width: 20%;
}
.subpage div.subcategory-envelope {width: 25%;}

div.subcategory {
	box-shadow: var(--shadow);
	border-radius: 18px;
	border: 2px solid var(--lila);
	box-sizing: border-box;
	overflow: hidden;
	height: calc(100% - 40px);
	min-height: 91px;
	margin: 20px;
	position: relative;
}
div.subcategory .description {
	overflow: hidden;
	height: 100%;
	color: var(--lila);
	transition: 0.5s;
}
div.subcategory h2 {
	font-size: 110%;
	padding: 0px 88px 0px 1rem;
	color: var(--lila);
}
div.subcategory h2.distance { min-height: 54px; }
div.subcategory p {padding: 0px 88px 0px 1rem;}

div.subcategory:hover .description,
div.subcategory .description.hovered { color: #FFF; background-color: var(--lila); }
div.subcategory:hover .description h2,
div.subcategory .description.hovered h2 { color: #FFF; }
div.subcategory .img_envelope { overflow: hidden; }
div.subcategory img {
	max-width: 100%;
	width: 100%;
	margin-bottom: 0;
	display: block;
	transition: 0.5s;
}
div.subcategory:hover img { transform: scale(1.1); }

.subcategory a.netlacitko { font-size: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0; }
.subcategory a.netlacitko::after { right: 18px; bottom: 18px; top: initial; opacity: 0;}
.subcategory a.netlacitko:hover::after,.subcategory a.netlacitko:focus-visible::after { opacity: 1; right: 10px; }
.subcategory a.netlacitko:focus-visible { background-color: transparent; border: 2px dashed var(--orange); }

#head_data { padding-top: 1px; }

#logo {
	margin: var(--top_margin) 0 0 0;
	overflow: hidden;
	box-sizing: border-box;
	width: 240px; height: 220px;
	position: relative;
	z-index: 10;
}
.menuFixed #logo { z-index: 0; }

#logo a {
	display: block;
	width: 100%; height: 100%;
	background: url('img/logo_big.png') no-repeat center top;
	background-size: contain;
	padding-top: 220px;
	box-sizing: border-box;
}
.subpage #logo { width: 180px; height: 165px; }
.subpage #logo a { background-image: url('img/logo_small.png'); padding-top: 165px; }

#logo_long {
	margin: 15px 0 0 0;
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	width: 237px; height: 62px;
}
#logo_long a {
	display: block;
	width: 100%; height: 100%;
	background: url('img/logo_long.png') no-repeat center top;
	background-size: contain;
	padding-top: 62px;
	box-sizing: border-box;
	opacity: 0;
}
#logo_long a:focus-visible,
#logo a:focus-visible { opacity: 1; background-color: #FFF; border: 2px solid var(--blue); border-radius: 20px; outline: none; }
.menuFixed #logo_long a { opacity: 1; }		

#barevna_skola { color: var(--blue); margin: 0; font-size: 400%; line-height: 1.1; margin-top: var(--top_margin); }
#barevna_skola span { display: block; }
#barevna_skola span:nth-child(2) { margin-left: 2.4ch; }

#head_data address {
	display: flex;
	width: 578px; height: 235px;
	background-color: #FFFFFF67;
	border-radius: 32px 32px 0px 0px;
	position: absolute;
	left: 0; bottom: 0;
	padding: var(--small);
	box-sizing: border-box;
	font-size: 110%;
	color: var(--blue);
	font-family: "Poppins", sans-serif;
	font-style: normal;
	font-weight: 600;
}
.subpage #head_data address {
	width: auto; height: auto;
	border-radius: 18px;
	left: initial; right: 0; bottom: 20px;
	padding: 15px 25px 15px 15px;
	display: block;
}

p.head_data { background-repeat: no-repeat; }
p.head_data.address { background-image: url('img/icon_map_blue.png'); margin: 0 50px 0 0; line-height: 1.2; }
p.head_data.phone { background-image: url('img/icon_phone_blue.png'); margin: 0; }
.homepage p.head_data { padding-top: 50px; background-position: left top; width: 50%; }
.homepage p.head_data span.ulice { display: block; }
.subpage p.head_data { padding-left: 50px; background-position: left center; min-height: 43px; display: inline-block; vertical-align: middle;}
.subpage p.head_data.phone { line-height: 42px; }

div#textsize {
	border-left: 1px solid var(--blue);
	height: var(--box_height);
	width: var(--box_height);
	margin-left: 20px;
	margin-top: var(--top_margin);
	position: relative;
	z-index: 1;
	padding-left: 10px;
	display: inline-block;
}
div#textsize summary {
	list-style: none;
}
div#textsize details {
	position: relative;
}
div#textsize span#textsizebutton {
	border: none;
	width: var(--box_height);
	height: var(--box_height);
	overflow: hidden;
	font-size: 0px;
	background: url('img/textsize_blue.png') no-repeat center transparent;
	transition: 0.3s;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	cursor: pointer;
	color: var(--blue);
}
div#textsize details[open] span#textsizebutton {
	background-image: none;
	border-radius: 50%;
	border: 1px solid;
}
div#textsize details[open] span#textsizebutton::before,
div#textsize details[open] span#textsizebutton::after {
	content: "";
	display: block;
	width: 0;
	height: 18px;
	border: 1px solid;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
div#textsize details[open] span#textsizebutton::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.menuRelative div#textsize span#textsizebutton:hover { filter: grayscale(100%) brightness(1000%) ;}
div#textsize_selectArea {
	border: 1px solid #ccc;
	background-color: #FFF;
	padding: 1px;
	position: absolute;
	top: 0px;
	right: 45px;
	width: 130px;
	text-align: center;
	display: flex;
	border-radius: 5px;
}
div#textsize_selectArea a {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 1px;
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #FFF;
	text-decoration: none;
	position: relative;
	font-weight: bold;
	color: var(--red);
	width: 33%;
}
div#textsize_selectArea a::after {
	display: block;
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 17px;
}

div#textsize_selectArea a.size1::after { content: "A"; }
div#textsize_selectArea a.size2::after { content: "A+"; }
div#textsize_selectArea a.size3::after { content: "A++"; }

div#textsize_selectArea a:hover::after {
	background-color: var(--blue);
	color: #FFF;
}

div#textsize_selectArea a.selected { color: var(--light); }

body.size2 { font-size: 1.3em; }
body.size3 { font-size: 1.5em; }

#head_envelope {
	box-sizing: border-box;
	width: 100%;
	position: relative;
	min-height: 245px;
	background: url('img/paleta_sub.jpg') no-repeat var(--orange) center;
	background-size: cover;
}
#head_envelope.homepage {
	min-height: 760px;
	background-image: url('img/paleta_hp.jpg')
}
#head_envelope .site_sized { min-height: 245px; position: relative;}
#head_envelope.homepage .site_sized { min-height: 760px;}

#lupa {
	border: none;
	width: var(--box_height);
	height: var(--box_height);
	box-sizing: border-box;
	overflow: hidden;
	font-size: 0px;
	background: url('img/search_blue.png') no-repeat center #FFF;
	transition: 0.3s;
	display: block;
	cursor: pointer;
	color: var(--blue);
	position: relative;
	display: none;
}


#lupa.on_mobile::before,
#lupa.on_mobile::after {
	transition: 0.3s;
	transform: rotate(0deg);
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border: 2px solid #000;
	box-sizing: border-box;
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	border-radius: 2px;
	opacity: 0;
}
#lupa.on_mobile.expanded::before,
#lupa.on_mobile.expanded::after { opacity: 1; }
#lupa.on_mobile.expanded::before { transform: rotate(45deg); }
#lupa.on_mobile.expanded::after { transform: rotate(-45deg); }

#lupa:hover {}

#search { position: relative; display: inline-block; margin-left: 10px; margin-top: var(--top_margin); }

#search form {
	overflow: hidden;
	height: var(--box_height);
	box-sizing: border-box;
	position: relative;
	padding-right: 160px;
	display: inline-block;
	color: var(--blue);
	border-left: 1px solid;
}



#search form label {
	line-height: var(--box_height);
	padding: 0 10px;
	font-size: 14px;
}

#search_box {
	margin: 0;
	width: 155px;
	height: var(--box_height);
	line-height: var(--box_height);
	padding: 0 var(--box_height) 0 10px;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #00000054;
	outline: none;
	color: #FFF;
	font-family: "Poppins", sans-serif;
	font-size: 90%;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
}

#search_box:focus {}

#search form.on_mobile #search_box {
	position: relative;
	display: block;
	width: 20em;
	max-width: 90%;
}
#search_btn.on_pc {
	width: var(--box_height);
	height: var(--box_height);
	overflow: hidden;
	font-size: 0px;
	background: url('img/search_white.png') no-repeat center transparent;
	transition: 0.3s;
	display: block;
	cursor: pointer;
	box-sizing: border-box;
	position: absolute;
	top: 0; right: 0;
	border-radius: 5px;
	border: none;
}
#search_btn.on_pc:focus-visible { background-color: var(--yellow); outline: none; }

#search_btn.on_mobile {
	display: block;
	margin: 0 auto;
}




#topline {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 50px);
	margin: 0 auto;
	z-index: 2;
}

#topline-in {
	display: flex; justify-content: space-between;
	transition: background-color 0.5s;
	padding-left: var(--rantl); padding-right: var(--odsazeni_i); min-height: var(--topline_height); margin-left: 0 !important; border-radius: 0 0 18px 0;
}

#topline-in .left_line_part {display: flex; justify-content: end; position: relative; width: calc(100% - 237px);}

#move_link { position: absolute;  left: calc(50% - 96px); bottom: 10px; z-index: 1; }


#subpage_rows_envelope { display: flex; }
#subpage_rows_envelope_main_tail { order: 2; margin-left: var(--small); width: calc( 100% -  var(--aside_width) - var(--small)); }
#left_content { order: 1; width: var(--aside_width); }
#left_content h1.title { font-weight: normal; color: var(--text); text-transform: none; }
#subpage_rows_envelope_main_tail > .floating_envelope_article,
#subpage_rows_envelope_main_tail > #categories_envelope,
#subpage_rows_envelope_main_tail > .submenuArea { border-left: 5px solid; padding-left: var(--small);}
#subpage_rows_envelope_main_tail > .floating_envelope_article { border-color: var(--green); }
#subpage_rows_envelope_main_tail > #categories_envelope.galery { border-color: var(--lila); }
#subpage_rows_envelope_main_tail > #categories_envelope.list { border-color: var(--red); }
#subpage_rows_envelope_main_tail > .submenuArea { border-color: var(--lila); }


/* + odsazení bloků */
.submenuArea, #categories_envelope { padding-top: var(--small); padding-bottom: var(--big); }
/* - odsazení bloků */



/* slideshow v banneru */
#home_slide_part {
	background: #EEE;
	width: 940px; height: 500px;
	position: absolute; top: 100px; right: 0;
	overflow: hidden;
	border-radius: 18px;
}
.prvek {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.prvek img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
}
.prvek .info-text {
	display: block;
	padding: 0 0.5rem;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1;
	color: #FFF;
	z-index: 1;
	background-color: #FFFFFFE5;
	padding: 18px 50px 14px;
	max-width: 70%;
	box-sizing: border-box;
	text-align: right;
	border-radius: 18px 0 0 0;
	opacity: 1;
	animation-name: textefect;
	animation-duration: 1s;
}
@keyframes textefect {
	from {opacity: 0;transform: translateY(50px);}
	to {opacity: 1;transform: translateY(0);}
}

.prvek .info-text .desc-text,
.prvek .info-text .head-text { color: var(--blue); }
.prvek .info-text .head-text {
	font-weight: bold;
	display: block;
}
.prvek .info-text .desc-text { font-size: 80%; }

#home_slide_part a.netlacitko {
	font-size: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0;
	border-radius: 18px 0 18px 0;
}
#home_slide_part a.netlacitko::after {
	right: 8px;
	top: calc(50% - 16px);
	width: 32px; height: 32px; background-size: 16px;
	opacity: 0.3;
}
#home_slide_part a.netlacitko:hover::after,
#home_slide_part a.netlacitko:focus-visible::after
 { opacity: 1; }
#home_slide_part a.netlacitko:focus-visible { background-color: transparent; outline: none; border: 4px dotted var(--orange); }
#number-envelope {
	position: absolute;
	top: 10px;
	right: 30px;
	height: 24px;
	overflow: hidden;
}
#number-envelope a {
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFFE5;
	border-radius: 50%;
	margin: 2px;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	text-decoration: none;
	font-size: 0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
}
#number-envelope a.active, #number-envelope a:hover {
	background-color: var(--red);
	color: #FFF;
}

div.photosArea a {
	display: block;
	border: none;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
div.photosArea a img {
	display: block;
	border: none;
	padding: 0;
	box-sizing: border-box;
	transition: 0.3s; line-height: 1;
}
div.photosArea a::after {
	content: "";
	display: block; position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
	background: url('img/show_photo_white.png') no-repeat center var(--lila_opacity);
	transition: 0.3s; opacity: 0;
	background-size: 20%;
}
div.photosArea a:hover::after,
div.photosArea a:focus-visible::after
	{ opacity: 1; }

div.photosArea a:hover img {}
div.photosArea.photogallery_vertical a {}
div.photosArea.photogallery_vertical a img {}

















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

.litle50 {
	display: inline-block;
	padding: 0;
	width: 48%;
	vertical-align: top;
}

#foot a, #foot {color: var(--foot_text_color);}
#foot {background-color: var(--foot_bg_color); font-size: 80%;}
#foot-in {
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#foot a.inoweb_icon[target="_blank"] {
	background-image: url('img/inoweb_foot_logo.png'), url('img/exter_blue.png');
	background-position: left center, right 6px;
	width: 85px;
	display: inline-block;
	overflow: hidden;
	padding-top: 20px;
	height: 0;
	margin-top: -2px;
	margin-left: 5px;
	vertical-align: top;
}

footer {
	background-color: var(--blue);
	color: #FFF;
	overflow: hidden;
}
footer h1 { font-size: 200%; }
footer h2 { font-size: 170%; }
footer h3 { font-size: 140%; }
footer h1, footer h2, footer h3 { color: #FFF; }

	footer a { color: var(--lightblue); text-decoration: none; }
	footer a[target="_blank"] { background-image: url('img/exter_lightblue.png'); }
	footer a:hover { text-decoration: underline; color: var(--lightblue); }

	footer section:last-of-type { width: 75%; max-width: calc(var(--sirka) * 0.75); margin-left: var(--rantl); }
	#simple_links { width: 25%;  max-width: calc(var(--sirka) * 0.25); margin-bottom: var(--small); }
	footer section:last-of-type, #simple_links { box-sizing: border-box; float: left; }
	footer section:last-of-type div.lightDark, #simple_links { margin-top: 0; padding-top: var(--small); }

	ul#simle_links { list-style-type: none; margin: 0; padding: 0; }
	ul#simle_links li { margin-bottom: 1em; }


	


	
	#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;
	}
	.mhdr {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.st_0.po_0 .mhdr { background-position: left center; }
	.st_0.po_2 .mhdr { background-position: right center; }
	.st_1 .mhdr { background-position: center top; }
	.st_2 .mhdr { background-position: center bottom; }
	
	#bMask {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box;
		overflow: hidden;
	}
	#bMask img {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		min-width: 100.1%;
		min-height: 100.1%;
	}
	.st_0.po_0 #bMask img { left: 0; transform: translateY(-50%); }
	.st_0.po_2 #bMask img { left: initial; right: 0; transform: translateY(-50%); }
	.st_1 #bMask img { left: 50%; transform: translateX(-50%); top: 0; }
	.st_2 #bMask img { left: 50%; transform: translateX(-50%); top: initial; bottom: 0; }
	
	#user-info {
		text-align: right;
		font-size: 80%;
	}

	div#bottom-menuline-in,
	#bNews {
		overflow: hidden;
	}

	.microArtEnvelope, #advb-envelope {
		margin-top: var(--big);
		margin-bottom: var(--small);
		text-align: center;
	}
#advb-envelope h2 { color: var(--text); }

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

	#advb-in {
		text-align: center;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	#advb-in li { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
	#advb-in a,
	#advb-in .link_like {
		vertical-align: middle;
		display: inline-block;
		margin: 0.5em;
		font-size: 80%;
	}
	#advb-in a[target="_blank"] { padding-right: 0; background-image: none; }
	#advb-in a[target="_blank"] span {
		padding-right: 15px;
		background: url('img/exter_green.png') no-repeat right center;
	}
	#advb-in a img,
	#advb-in .link_like img {
		border: none;
		width: auto;
		height: 100px;
		display: block;
		margin: 0 auto;
	}

	

	

	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.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 {
		display: inline-block;
		margin: 0.2em;
		height: 3.2rem;
		width: 3rem;
		line-height: 3rem;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		transform: rotate(90deg);
		padding: 0;
		box-sizing: border-box;
	}
	div.offsetPart a.loading {
		border-radius: 50%;
		opacity: 0.5;
	}

#map_area ul { padding-left: 0; }
#map_area ul li { list-style-type: none; }
#map_area > ul > li {}
#map_area > ul > li > a {color: var(--blue); font-size: 150%;}
#map_area > ul > li > ul { width: 100%; display: block;}
#map_area > ul > li > ul > li { width: 100%; box-sizing: border-box; border-left: 5px solid var(--blue); padding-left: 10px; }
#map_area > ul > li > ul > li > a { color: var(--blue); font-size: 150%; }
#map_area > ul > li > ul > li > ul { margin-bottom: 2em; display: flex; flex-wrap: wrap; }
#map_area > ul > li > ul > li > ul > li { width: 99%; box-sizing: border-box; margin: 0 1% 1% 0; border-left: 3px solid var(--green); padding-left: 5px; }
#map_area > ul > li > ul > li > ul > li > a { font-size: 100%; font-weight: bold; }
#map_area > ul > li > ul > li > ul > li > ul  { }
#map_area > ul > li > ul > li > ul > li > ul > li { margin: 0 1em 0.5em 0; display: inline-block; vertical-align: top;  border-left: 2px solid var(--lila); padding-left: 5px; }
#map_area > ul > li > ul > li > ul > li > ul > li > a { color: var(--lila); }
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li { margin: 0 1em 0.5em 0; font-size: 80%; border-left: 1px solid var(--text); padding-left: 5px; display: inline-block;}
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li > a { color: var(--text); }
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li > ul li { display: inline-block; margin: 0 1em 0.5em 0; }
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li > ul li a { text-decoration: none; }

.in_article ul li {
	list-style-type: none;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	position: relative;
}
.in_article ul li::before {
	content: "";
	line-height: 1em;
	display: inline-block;
	background-color: var(--green);
	width: 10px;
	height: 10px;
	margin-left: 0;
	border-radius: 50%;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0.5em;
}

	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: 550px;
	max-width: 100%;
	box-sizing: border-box;
}
.webbase_form textarea {
	min-height: 10em;
	font-size: 1em;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	margin: 0 auto 1em auto;
}

	.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 {
	max-width: 100%;
	box-sizing: border-box;
	display: block;
	text-align: left;
	padding: 0 1em 0 0;
	font-family: "Poppins", sans-serif;
	color: var(--green);
}
	.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[type=button], input[type=submit] {
	cursor: pointer;
	padding: 0.5em 1em;
	border-radius: 10px;
	height: 3em;
	font-family: "Poppins", sans-serif;
	font-size: 1em;
}
.webbase_form .highlight {
	font-weight: bold;
}
.webbase_form div.input_element_calendar_div {
	left: 105px;
}
input[type=text], input[type=email],input[type=password],
#search form.on_mobile #search_box {
	height: 3em;
	font-size: 1em;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	margin: 1em auto;
}
input[type=checkbox] {
	appearance: none;
	width: 1.5em;
	height: 1.5em;
	position: relative;
}
input[type=checkbox]:checked {}
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; }

input[type=text], input[type=email], input[type=date], input[type=password], input[type=checkbox], textarea,.webbase_form select,
#search form.on_mobile #search_box {border: 1px solid var(--border_color);color: var(--form_text_color);background-color: var(--form_background_color); box-shadow: inset 1px 1px 3px #0000000D;}
input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=date]:focus-visible, input[type=password]:focus-visible,
input[type=checkbox]:focus-visible, textarea:focus-visible,.webbase_form select:focus-visible,
#search form.on_mobile #search_box:focus-visible {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(--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 */

	/* - 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%;
		box-sizing: border-box;
		border: 10px solid;
		border-color: var(--red) var(--orange) var(--lightgreen) var(--lila);
	}
	div#ppb_no_img {
		background-color: #FFF;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border: 10px solid;
		border-color: var(--red) var(--orange) var(--lightgreen) var(--lila);
	}
	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:calc(50% - 50px);
		left: 0px;
		z-index: 1000;
	}
	div#ppb_mb a img {
		border: none;
	}

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

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

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

#scrollToHome {
	position: fixed;
	right: calc( var(--rantl) - var(--odsazeni_i) );
	bottom: 1rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	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: 10px;
}
#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);
}

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

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

	table {
		border-collapse: collapse;
		height: auto !important;
		max-width: 100% !important;
		margin: 2em auto;
		border: none;
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
	}
	table td,
	table th {
		border: none;
		padding: 0.5em 1em;
	}
	table tr:nth-child(2n+1){}
	table tr:nth-child(2n){}



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

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

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

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

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

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


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

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

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


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

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

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

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

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

		/* + 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: 0.5%; }
			.part100 .in_article_photogalery a { width: 19%; }
			.part100 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
			.part50 .in_article_photogalery a { width: 32.3%; }
			.part50 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part60 .in_article_photogalery a { width: 32.3%; }
			.part60 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part33 .in_article_photogalery a { width: 32.3%; }
			.part33 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }
			.part40 .in_article_photogalery a { width: 32.3%; }
			.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

			.homepage .part100 .in_article_photogalery a { width: 15.6%; }
			.homepage .part100 .in_article_photogalery .photogallery_vertical a { width: 13.2%; }
			.homepage .part60 .in_article_photogalery a { width: 24%; }
			.homepage .part60 .in_article_photogalery .photogallery_vertical a { width: 19%; }
		/* - fotogalerie */

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

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


	/* - layout pro articlemulti*/

	/* + kouzlo */
		@keyframes kouzlo_tocit {
			from { opacity: 0; transform: scale(0.2) rotate(180deg);}
			to {opacity: 1; transform: scale(1) rotate(0deg);}
		}
		.kouzlo.tocit.a_off { opacity: 0; transform: scale(0.2) rotate(180deg); }
		.kouzlo.tocit.a_on { animation-name: kouzlo_tocit; animation-duration: 1s; }
		
		@keyframes kouzlo_zvetsit {
			from { opacity: 0; transform: scale(0.5);}
			to {opacity: 1; transform: scale(1);}
		}
		.kouzlo.zvetsit.a_off { opacity: 0; transform: scale(0.5); }
		.kouzlo.zvetsit.a_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 { opacity: 0; transform: translateY(100px); }
		.kouzlo.prijet.a_on { animation-name: kouzlo_prijet; animation-duration: 1s; }
	/* - kouzlo */

/*** - mainscreen_multi.css */

/*** + barva pro tema multi */



	

	div.article-preview { border-color: var(--border_color); }
	div.text-article-preview h2 a {	color: var(--barva1);}
	div.photosArea a:hover{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);}


	/* offset */
		div.offsetPart a {background-color: var(--tlacitko_bg);color: var(--tlacitko_text);}
		div.offsetPart a:hover {background-color: var(--tlacitko_bg_hover);}
		div.offsetPart span {background-color: var(--no_active_grey);}

	/* barvy pro menu univ */
	



	#calendarInTitles > span, span.calendarTodayIsIt {}



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

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





		/* aktuality */
		div#bNews {
			width: 100%;
			clear: both;
		}
		div#newsElement div.micro_art_unique {
			width: 100%;
			padding: 1em 0 0;
		}
		div#newsElement div.micro_art_unique h2 {
			border-bottom: none;
			display: none;
		}



		/* styl rámečků */
		div.article-preview {
			border-width: 1px;
			border-style: solid;
			box-sizing: border-box;
		}


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

		/* úprava pro brush efekty */
		.part50.p_1 div.lightDark,
		.part33.p_1 div.lightDark,
		.part33.p_2 div.lightDark,
		.part60.p_1 div.lightDark,
		.part40.p_1 div.lightDark
			{ margin-right: 60px; }
		.part50.p_2 div.lightDark,
		.part33.p_2 div.lightDark,
		.part33.p_3 div.lightDark,
		.part60.p_2 div.lightDark,
		.part40.p_2 div.lightDark
			{ margin-left: 60px; }


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

		/*** + rozlozeni multi */

		#categories_envelope.galery,
		.categories_envelope.gallery,
		#categories_envelope.list,
		.categories_envelope.list,
		#topline-in,
		#hor-envelope,
		#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,
		.site_sized {
			max-width: var(--sirka);
			margin-left: auto;
			margin-right: auto;
		}

		


		#banhead {
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0;
			background-color: #9ecdff;
		}






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

		/* + downloads */
		ul.in_article_download {
			display: flex;
			flex-wrap: wrap;
			padding: 0;
			margin: 0;
		}
		ul.in_article_download li {
			list-style-type: none;
			padding: 0 1rem 0 0;
			box-sizing: border-box;
		}
		ul.in_article_download li::before { display: none; }
		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: 66px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			margin-right: 0.5em;
			vertical-align: middle;
		}
		a.download_link_type.file-video_mp4::before,
		a.download_link_type.file-video_mpeg::before,
		a.download_link_type.file-video_x-msvideo::before
		{ background-image: url('../img/download/download_video.png'); }
		a.download_link_type.file-audio_mpeg::before,
		a.download_link_type.file-audio_wav::before
		 { background-image: url('../img/download/download_audio.png'); }
		a.download_link_type.file-text_plain::before,
		a.download_link_type.file-application_msword::before,
		a.download_link_type.file-application_vnd-openxmlformats-officedocument-wordprocessingml-document::before { background-image: url('../img/download/download_txt.png'); }
		a.download_link_type.file-application_pdf::before { background-image: url('../img/download/download_pdf.png'); }
		a.download_link_type.file-application_vnd-ms-excel::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-spreadsheetml-sheet::before { background-image: url('../img/download/download_excel.png'); }
		a.download_link_type.file-application_x-zip-compressed::before,
		a.download_link_type.file-application_gzip::before { background-image: url('../img/download/download_zip.png'); }
		a.download_link_type.file-application_vnd-ms-powerpoint::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-presentationml-presentation::before { background-image: url('../img/download/download_powerpoint.png'); }
		a.download_link_type.file-image_jpeg::before,
		a.download_link_type.file-image_png::before,
		a.download_link_type.file-image_gif::before
		 { background-image: url('../img/download/download_image.png'); }

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

		
		/*** - rozlozeni multi */


p.mobile_left { text-align: center; }


/* Jídelní lístek */
#foodlist-group-envelope {
	overflow: hidden;
}
.foodlist-group {
	border: 1px solid var(--grey);
	border-radius: 10px;
	margin: 0 1rem;
	overflow: hidden;
}
.foodlist-group h2 {
	text-align: center;
	color: #FFF;
	background-color: var(--red);
	margin: 0;
	padding: 0;
	font-size: 150%;
}
.foodlist-group-in {
	padding: 1rem;
}
.foodlist-group-in a { color: var(--red); }
.foodlist-group-in a,
.foodlist-group-in span { display: inline-block; margin: 0.5em 0; }

.foodlist-group-border {
	float: left;
	width: 33.3%;
}

.food-day h2 {
	margin: 1em 0 0 0;
	text-align: center;
}
.food-day h3 {
	display: inline;
}

.food-day table {
	width: 100%;
	max-width: 1000px !important;
	margin: 0 auto var(--small);
	border: 1px solid var(--table_border);
	border-bottom-color: #000;
	border-collapse: collapse;
	display: table;
}
.food-day tr.suda {}
.food-day th, .food-day td {
}

.food-day th {
	text-align: right;
	text-transform: uppercase;
}
.food-day td {
}
.food-day td img {
	vertical-align: text-top;
	border: none;
	margin-left: 1px;
}
.food-day p.title {
	line-height: 1;
	margin: 1rem 0;
	color: #000;
}
p.alergen {
	margin: 0 0 2px 0;
	color: #444;
	line-height: 1;
	text-align: right;
	font-size: 90%;
}
div.no-cook {
	border: 1px solid var(--table_border);
	border-bottom-color: #000;
	text-align: center;
	padding: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	max-width: 1000px !important;
	margin: 0 auto var(--small);
	background-color: var(--table_bg1);
}
.star {
	font-weight: bold;
	font-size: 200%;
	vertical-align: middle;
}
.info {
	text-align: center;
	font-style: italic;
}


		/*** + mainscreenend_multi.css */

@media(max-height: 760px) or (max-width: 1640px) {
	#blue_box_line {
		position: relative; top: initial; right: initial; z-index: 0;
		border-radius: 0 0 32px 32px;
		padding: 20px;
		display: flex; justify-content: space-around;
	}
	#blue_box_line a.blue_box { font-size: 16px; margin-bottom: 0; }
	#blue_box_line a.blue_box[target="_blank"] span::after { width: 12px; height: 12px; }
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.article_preview_gallery { width: 49%; }
	.article_preview_gallery.homepage { width: 32.3%; }
}
@media (min-width: 641px) and (max-width: 1024px) {
	ul#m1 { display: flex; flex-wrap: wrap; }
	ul#m1 > li { width: 50%; box-sizing: border-box; }
}

@media(min-width: 1760px) {
	#blue_box_line a.blue_box { font-size: 16px; }
	#blue_box_line a.blue_box[target="_blank"] span::after {width: 12px;height: 12px;}
}
@media(min-width: 1421px) {
	.menuFixed #search_box {
		background-color: var(--lightgrey);
		color: var(--blue);
		border: 1px solid var(--blue);
	}
	.menuFixed #search_btn.on_pc { background-image: url('img/search_blue.png'); }

	#topline.menuFixed {
		animation: sjet 0.5s;
	}
	@keyframes sjet {
		0% { top: -60px; }
		100% { top: 0; }
	}
	.menuFixed #topline-in { background-color: var(--lightgrey); box-shadow: var(--shadow); }
	#topline.menuRelative,
	#topline.menuFixed {
		position: fixed;
		width: 100%;
	}
}
@media(min-width: 1025px) {
					/*.part100 { min-height: 150px; }*/
}


@media(max-width: 1540px){
	#scrollToHome { right: 1rem; }
}
@media(max-width: 1420px){

					.articleContent > h1,
					.parts_envelope.sized,
					.to_infinity .editPerex ,
					.site_sized {
						padding-left: 1rem;
						padding-right: 1rem;
					}
					.parts_envelope.to_infinity.left { padding-right: 1rem; }
					.parts_envelope.to_infinity.right { padding-left: 1rem; }

					#categories_envelope.galery,
					.categories_envelope.gallery,
					#categories_envelope.list,
					.categories_envelope.list,
					#topline-in,
					#top_area_path_part,
					#user-info,
					#bottom-menuline-in,
					.submenuArea,
					div.category_description, h1.title,
					div.articleContent,
					#data-center-text,
					#foot-in {
						padding-left: 1rem;
						padding-right: 1rem;
					}
					
					ul#m0 > li > a {
						font-size: 100% !important;
					}

					#topline { width: 100%; z-index: 11; }
					#topline-in { box-sizing: border-box; }
					#topline-in .right_line_part { display: none; }
					#topline-in .left_line_part { width: 100%; }

	#logo { margin-top: 0; }
	.subpage #logo { margin: 0 0 20px 0; }

	#head_envelope.homepage, #head_envelope.homepage .site_sized { min-height: auto; }
	
	#head_data { padding-top: var(--topline_height); display: flex; }
	#head_data header { width: 300px; }
	#barevna_skola span:nth-child(1),#barevna_skola span:nth-child(2) { display: inline-block; margin-left: 0; }
	#barevna_skola span:nth-child(3) { margin-left: 5.6ch; }
	#head_data address { width: 40%; height: auto; display: block; left: 1rem; }
	.homepage p.head_data { width: 100%; margin: 0 0 2rem 0; }
	.homepage p.head_data.phone { margin-bottom: 0; }

	#home_slide_part { position: relative; top: initial; right: initial; aspect-ratio: 42 / 25; width: 60%; height: auto; float: right; margin: -20px 0 10px; }
	.prvek .info-text { padding-left: 20px; max-width: 90%; }
	#move_link { transform: scale(0.6); left: 30%; }

	footer section:last-of-type { margin-left: 0; }

	div.photosArea a::after { background-size: 20%; }

					div.photosArea a {}
					div.photosArea.photogallery_vertical a {}
					div.photosArea a img,
					div.photosArea.photogallery_vertical a img {}

	.homepage address a.virtual_icon { position: relative; bottom: initial; margin-top: 1rem; }
}

@media(max-width: 1365px) {

	p.mobile_left { text-align: left !important; margin-left: 20%; }
	
					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 !important; margin-right: 0 !important; }


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

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

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

					div.part33, div.part50, div.part40, div.part60 {
						width: 100% !important;
						max-width: 100%;
					}



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

	.homepage .part100 .in_article_photogalery .photogallery_vertical a,
	.homepage .part60 .in_article_photogalery .photogallery_vertical a,
	.part100 .in_article_photogalery .photogallery_vertical a,
	.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%; }

	div.subcategory-envelope { width: 25%; }
	.subpage div.subcategory-envelope { width: 33.3%; }

	footer section:last-of-type { width: 100%; max-width: initial; }
	#simple_links { width: 100%; max-width: initial;}
	footer section:last-of-type div.part33 { width: 33.3% !important; }
	#simple_links ul, #simple_links h2 { width: 33.3%; margin-left: auto; margin-right: auto; }
}

@media(max-width: 1280px){}

@media(max-width: 1200px){
					div.article-preview-envelope.homepage,
					div.article-preview-envelope {
						width: 49%;
					}
	.homepage .social_icons.big { right: 120px; }
}

@media(max-width: 1024px){
					div.new-unique {
						width: 50%;
					}

	.social_icons.small { display: block; position: absolute; z-index: 11; top: 0; left: 50%; transform: translateX(-50%); text-align: center; width: calc( 100% - 90px); }

	#lupa { display: block; background-size: 28px; }
	#lupa.expanded { background-color: #FFF; background-size: 0px; }

	#search form{
		height: 0px;
		left: 0;
		right: 0;
		top: 54px;
		background: #FFF;
		position: absolute;
		border-left: none;
		transition: filter 0.3s;
		filter: opacity(0);
	}
	#search form.expanded {
		height: auto;
		bottom: 0;
		position: fixed;
		padding: 2rem;
		filter: opacity(1);
	}
	#search formlabel {
		font-size: 0;
		display: block;
		text-align: center;
		padding: 64px 0 0 0;
		height: 0; box-sizing: border-box; overflow: hidden;
		background: url('img/search_blue_big.png') no-repeat center top transparent;
	}

	.article_preview_gallery.homepage { width: 32.3%; }
	
	div.subcategory-envelope,
	.subpage div.subcategory-envelope,
	.subpage .part50 div.subcategory-envelope, .subpage .part60 div.subcategory-envelope, .subpage .part40 div.subcategory-envelope, .subpage .part33 div.subcategory-envelope,
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 33.3%; }

					.part100 ul.in_article_download li { width: 100%;}

	#head_envelope { background-image: url('img/paleta_mobil/1024_sub.jpg'); }
	#head_envelope.homepage { background-image: url('img/paleta_mobil/1024_hp.jpg'); }

	#head_envelope.homepage .site_sized { position: static; padding-bottom: 10px; }
	#barevna_skola { width: calc( 100% - 300px ); }
	#barevna_skola span:nth-child(3) { margin-left: 0; text-align: right; }
	#blue_box_line { border-radius: 0; }
	.subpage #blue_box_line { display: none; }
	#blue_box_line a.blue_box { font-size: 13px !important; }

	div#textsize { display: none; }

	#topline { background-color: #FFF; z-index: 16; }
	#topline.clicked { position: fixed; }
	#topline::after {
		content: "";
		display: block;
		width: 100%;
		height: 8px;
		box-shadow: 0px 5px 5px -3px #0005;
		position: absolute;
		z-index: 12;
		bottom: 0;
		left: 0;
		background: #FFF;
	}
	#topline-in { padding: 0; min-height: 54px; }
	#topline-in .left_line_part { display: block; margin: 8px 20px;}
	#search { margin: 0; position: absolute; top: 0; left: 0; z-index: 10; }
	
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		position: relative;
		min-height: initial;
		z-index: 10;
		height: var(--hor_res_menu_button_height);
		margin-top: 0;
	}
	#horizont-0-in {
		height: 0;
		width: auto;
	}
	ul#m0,
	ul#m0.showed {
		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: 0;
		right: 0px;
		text-decoration: none;
		color: #000;
	}
	a#hor-res-menu-button.clicked {
		position: fixed;
		top: 8px;
		right: 20px;
	}
	a#hor-res-menu-button span.menu { display: none; }
	a#hor-res-menu-button span.top,
	a#hor-res-menu-button span.center,
	a#hor-res-menu-button span.bottom {
		position: absolute;
		right: 0%;
		width: 100%;
		border: 2px solid;
		box-sizing: border-box;
		opacity: 1;
		transition: 300ms;
		border-radius: 2px;
	}

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

	div#rmhandle {
		position: fixed;
		top: 54px;
		left: 0;
		bottom: 0;
		height: auto;
		overflow: auto;
		width: 100%;
		background-color: var(--mobile_ul_bg);
		display: block;
		z-index: 11;
		animation: fade_in 0.3s;
	}
	@keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } }
	div#rmhandle div {
		width: 100%;
		margin: 0;
		background-color: var(--mobile_ul_li_bg);
		padding: 20px 1rem;
		text-align: left;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		line-height: 1.2;
		position: relative;
	}
	div#rmhandle > div::after {
		content: "";
		display: block;
		border-bottom: 1px solid var(--grey);
		position: absolute;
		bottom: 0;
		left: 3rem;
		right: 60px;
	}
	 div#rmhandle > div.back::after { border-bottom: none; }
	div#rmhandle div,
	div#rmhandle div a {
		color: var(--blue);
		font-weight: bold;
		font-size: 120%;
	}
	div#rmhandle > div > a {
		display: inline-block;
		text-decoration: none;
	}
	div#rmhandle a.link1,
	div#rmhandle a.link2,
	div#rmhandle a.next {
		box-sizing: border-box;
		align-self: center;
	}
	div#rmhandle a.link1,
	div#rmhandle a.link2 {}
	div#rmhandle a.next {
		width: var(--hor_res_menu_button_height);
		min-width: var(--hor_res_menu_button_height);
		height: var(--hor_res_menu_button_height);
		text-align: center;
		border-left: 4px double;
		line-height: var(--hor_res_menu_button_height);
	}
	div#rmhandle a.next::after {
		content: "▶";
	}
	div#rmhandle div.back {
		background-color: var(--blue);
		width: 100%;
		margin: 0;
		padding: 1rem;
	}
	div#rmhandle div.back a.link {
		font-weight: bold;
		color: var(--lightblue);
		display: block !important;
	}
	div.back a.link::before {
		content: "◀";
		padding-right: 0.5em;
	}

	#head_data { display: block; padding-top: 54px; }
	.subpage #head_data { padding-bottom: 1px; }
	.homepage #logo, .subpage #logo { margin-left: auto; margin-right: auto; max-width: 40%; height: auto; margin-top: 2rem; margin-bottom: 2rem; }
	.homepage #logo { aspect-ratio: 12 / 11; width: 240px; }
	.subpage #logo { aspect-ratio: 180 / 165; width: 180px; }
	.homepage #head_data address,
	.subpage #head_data address {
		position: relative;
		width: auto;
		height: auto;
		border-radius: 18px;
		left: initial;
		right: initial;
		bottom: initial;
		padding: 0 15px;
		display: none;
	}
	.homepage p.head_data,
	.subpage p.head_data {
		padding: 0 0 0 50px;
		background-position: left center;
		min-height: 43px;
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin: 15px 0;
	}
	.homepage p.head_data.phone,
	.subpage p.head_data.phone {
		line-height: 42px;
		margin-bottom: 15px;
	}
	.homepage p.head_data.address,
	.subpage p.head_data.address {
		margin-right: 50px;
	}
	#head_data header { width: 100%; margin: 0; }
	#barevna_skola { width: 100%; max-width: 18.5ch; margin: 2rem auto;}
	#logo.thiner { margin-top: 1rem; margin-bottom: 1rem; }
	#barevna_skola.thiner { margin: 1rem auto;}
	#home_slide_part.thiner { width: 90%;}

	#home_slide_part { margin: 0px auto; width: 100%; float: none; }
	#move_link { left: -36px; bottom: -36px; }

	#subpage_rows_envelope { display: block; }
	#subpage_rows_envelope_main_tail { margin-left: 0; width: 100%; }
	#subpage_rows_envelope_main_tail > .floating_envelope_article { padding-left: 0; }
	#subpage_rows_envelope { padding-left: 0; padding-right: 0; }

	#left_content { width: auto; }
	#side_menu { border-left: 5px solid var(--lila); }

	#search form { border-left: none; }
	#search form label { padding: 0; }

	#map_area > ul > li > ul > li > ul > li {
		width: 100%;
		margin: 0 0 1% 0;
	}

}


@media(max-width: 1024px) and (orientation:landscape) {
	div#rmhandle { display: flex !important; flex-wrap: wrap; }
	div#rmhandle > div { width: 50% !important; padding: 20px 2rem !important; }
	div#rmhandle > div.back { width: 100% !important; }
}

@media(max-width: 970px){
					div.calendars {
						min-width: 30% !important;
					}
					div#bNews, div#advb-in {
						float: none;
						width: 100%;
					}
}

@media(max-width: 860px){
					#banhead.mhdr_1 {
						min-height: 350px;
					}
					#banhead.mhdr_2 {
						min-height: 150px;
					}
					#head-sogan div {
						bottom: 1em;
					}

					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;
					}
					#banhead {
						overflow: hidden;
					}
					div.photosArea a,
					div.photosArea.photogallery_vertical a {
						width: 23%;
					}
	#blue_box_line { flex-wrap: wrap; justify-content: flex-start; padding-bottom: 0; }
	#blue_box_line a.blue_box { margin: 0 2% 4%; width: 21%; }

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

	.homepage .part100 .in_article_photogalery .photogallery_vertical a,
	.homepage .part60 .in_article_photogalery .photogallery_vertical a,
	.part100 .in_article_photogalery .photogallery_vertical a,
	.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: 19%; }

	.article_preview_gallery,
	.article_preview_gallery.homepage { width: 49%; }

	footer section:last-of-type,
	#simple_links { width: 100%; }
	footer section:last-of-type div.part33, #simple_links ul, #simple_links h2
	 { width: 70% !important; }
	#simple_links ul, #simple_links h2 { margin-left: auto; margin-right: auto; }

	.foodlist-group-border { width: auto; margin-bottom: 1em; }
}
/*
@media(max-width: 834px) and (orientation: portrait ) {
	#move_link { display: none; }
	#home_slide_part { margin-bottom: 10px; }
	#barevna_skola { color: red; }
}
*/
@media(max-width: 640px){
	p.mobile_left { text-align: left; margin-left: 0; }
	#head_envelope { background-image: url('img/paleta_mobil/640_sub.jpg'); }
	#head_envelope.homepage { background-image: url('img/paleta_mobil/640_hp.jpg'); }

	.litle50 { width: 100%; margin-bottom: 0; }
	
					

					div.new-unique {
					width: 100%;
					}

					div.photosArea a {
						width: 48%;
					}
					div.photosArea.photogallery_vertical a {
						width: 31%;
					}
	div#login_form_envelope {
		text-align: left;
		max-width: 90%;
		box-sizing: border-box;
	}
	.login_form_label, input#user_login, input#user_password {
		display: block;
		width: 100%;
		padding: 0;
	}
	.login_form_label.small { width: auto; display: inline-block;}
	div.subcategory-envelope,
	.subpage div.subcategory-envelope,
	.subpage .part50 div.subcategory-envelope, .subpage .part60 div.subcategory-envelope, .subpage .part40 div.subcategory-envelope, .subpage .part33 div.subcategory-envelope,
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }

	.homepage .part100 .in_article_photogalery a,
	.homepage .part60 .in_article_photogalery a,
	.part100 .in_article_photogalery a,
	.part50 .in_article_photogalery a,
	.part60 .in_article_photogalery a,
	.part40 .in_article_photogalery a,
	.part33 .in_article_photogalery a { width: 32.3%; }

	.homepage .part100 .in_article_photogalery .photogallery_vertical a,
	.homepage .part60 .in_article_photogalery .photogallery_vertical a,
	.part100 .in_article_photogalery .photogallery_vertical a,
	.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: 24%; }

					

					

	.article_preview_gallery,
	.article_preview_gallery.homepage { width: 99%; }
	div.article-preview-envelope,
	div.article-preview-envelope.homepage {
		width: 99%;
	}

	#head_data address { font-size: 100%; }
	#barevna_skola { font-size: 200%; }
	h1 { font-size: 200%; }
	h2 { font-size: 160%; }
	h3 { font-size: 130%; }

	.blue_info {
		width: 90%; float: none; margin-top: 1rem !important;
	}
	.icon_circle.green { height: 100px; line-height: 100px; padding-left: 115px; background-size: 100px; }
	.icon_circle.green::before { width: 64px; height: 64px; top: 17px; background-size: 58px; left: 18px;}
}

@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.subcategory-envelope,
	.subpage div.subcategory-envelope,
	.subpage .part50 div.subcategory-envelope, .subpage .part60 div.subcategory-envelope, .subpage .part40 div.subcategory-envelope, .subpage .part33 div.subcategory-envelope,
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 100%; margin-bottom: 1rem; }
					
	.homepage .part100 .in_article_photogalery a,
	.homepage .part60 .in_article_photogalery a,
	.part100 .in_article_photogalery a,
	.part50 .in_article_photogalery a,
	.part60 .in_article_photogalery a,
	.part40 .in_article_photogalery a,
	.part33 .in_article_photogalery a { width: 32.3%; }

	.homepage .part100 .in_article_photogalery .photogallery_vertical a,
	.homepage .part60 .in_article_photogalery .photogallery_vertical a,
	.part100 .in_article_photogalery .photogallery_vertical a,
	.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: 32.3%; }

	div#rmhandle div, div#rmhandle div a { font-size: 100%; }

	footer section:last-of-type div.part33, #simple_links ul, #simple_links h2 { width: 100% !important; }
	#simple_links ul, #simple_links h2 { padding: 0 1rem; }

	.small a.virtual_icon { margin-right: 0; }
}

@media(max-width: 400px){
	#head_envelope { background-image: url('img/paleta_mobil/400_sub.jpg'); }
	#head_envelope.homepage { background-image: url('img/paleta_mobil/400_hp.jpg'); }
	
	#blue_box_line { padding: 20px 0 0 0; }
	#head_data header, #barevna_skola { margin: 1rem 0; }
	#home_slide_part { margin-top: 0; }
	#move_link { display: none; }
}
/*** - mainscreenend_multi.css */