@font-face { font-family: 'kanit';	src: url('../font/kanit-regular-webfont.woff2') format('woff2'), url('../font/kanit-regular-webfont.woff') format('woff'), url('../font/kanit-regular-webfont.ttf') format('truetype'), url('../font/kanit-regular-webfont.svg#kanitregular') format('svg'); font-weight: 400; font-style: normal;  }
@font-face { font-family: 'kanit';	src: url('../font/kanit-light-webfont.woff2') format('woff2'), url('../font/kanit-light-webfont.woff') format('woff'), url('../font/kanit-light-webfont.ttf') format('truetype'), url('../font/kanit-light-webfont.svg#kanitlight') format('svg'); font-weight: 300; font-style: normal;  } 
@font-face { font-family: 'kanit';	src: url('../font/kanit-semibold-webfont.woff2') format('woff2'), url('../font/kanit-semibold-webfont.woff') format('woff'), url('../font/kanit-semibold-webfont.ttf') format('truetype'), url('../font/kanit-semibold-webfont.svg#kanitsemibold') format('svg'); font-weight: 500; font-style: normal;  }
@font-face { font-family: 'kanit';	src: url('../font/kanit-bold-webfont.woff2') format('woff2'), url('../font/kanit-bold-webfont.woff') format('woff'), url('../font/kanit-bold-webfont.ttf') format('truetype'), url('../font/kanit-bold-webfont.svg#kanitbold') format('svg'); font-weight: 700; font-style: normal;  }
@font-face { font-family: 'kanit';	src: url('../font/kanit-black-webfont.woff2') format('woff2'), url('../font/kanit-black-webfont.woff') format('woff'), url('../font/kanit-black-webfont.ttf') format('truetype'), url('../font/kanit-black-webfont.svg#kanitblack') format('svg'); font-weight: 900; font-style: normal;  }


:root {
	--font-size:	16px; 
	--margin:		30px; 
	--radius:		 5px;
	--border:		 2px;
	--C-S1:	#e30713;	--C-S1h:	#ca0614;	/* cervena skala (1) */
	--C-S2:	#f9b232;	--C-S2h:	#dda02d;
	--C-S3:	#feed00;	--C-S3h:	#e5d600;
	--C-S4:	#94c120;	--C-S4h:	#81a81b;
	--C-S5:	#3ba936;	--C-S5h:	#32912d;	/* zelena skala (5) */

	--C-0:	#000000;
	--C-1:	#14110c; /* nadpisy, radio active */
	--C-2:	#2f281e; /* texty */
	--C-3:	#473f32; /* button */
	--C-4:	#615847;
	--C-5:	#7b705e; /* radio inactive */
	--C-6:	#958a76; /* label jednotky */
	--C-7:	#ada493; /* pozadi - tmave */
	--C-8:	#c7beaf; /* pozadi - stredni */
	--C-9:	#d4cdbd;
	--C-10:	#e0dace; /* border inputu, tmave domy */
	--C-11:	#ede9e0; /* svetle domy */
	--C-12:	#faf7f0; /* pozadí - světlé */
	--C-13:	#ffffff;
	
	--C-err: #c00;
	
}


* 		{ margin:0px; padding:0px; border:0px; outline-style: none; }
*:focus { outline:none; }
body	{ color:var(--C-1); background-color:var(--C-12); font-size:var(--font-size); font-family:'kanit',Myriad pro,Trebuchet,Verdana,sans-serif; font-weight:300; line-height:1.5em; letter-spacing:0.02em; overflow:hidden; overflow-y:auto; width:100vw; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fl 	{ float:left  !important; }		.tar	{ text-align:right   !important; }		.vat	{ vertical-align:top    !important; }
.fr 	{ float:right !important; }		.tac	{ text-align:center  !important; }		.vam	{ vertical-align:middle !important; }
.cb 	{ clear:both  !important; }		.taj	{ text-align:justify !important; }		.vab	{ vertical-align:bottom !important; }
.cl 	{ clear:left  !important; }		.tal	{ text-align:left    !important; }
.cr 	{ clear:right !important; }

.hidden { display:none !important; }

h1,h2,h3,h4,h5,h6 { font-family:inherit; color:inherit; margin:0px; padding:0px; line-height:1.25em; margin-bottom:1em; }
h1 		{ font-size:3.00em; font-weight:700;margin-bottom:0.5em; }
h2 		{ font-size:3.00em; font-weight:300; text-transform:uppercase; }
h3 		{ font-size:1.66em; font-weight:700; text-transform:uppercase; color:var(--C-2); }
h4 		{ font-size:1.20em; font-weight:700; text-transform:uppercase; color:var(--C-2); }
h1.tac:after,
h2.tac:after { display:block; width:200px; margin:0.4em auto; height:10px; content:' '; background-image: linear-gradient(90deg, var(--C-S5) 20%, var(--C-S4) 20%, var(--C-S4) 40%, var(--C-S3) 40%, var(--C-S3) 60%, var(--C-S2) 60%, var(--C-S2) 80%, var(--C-S1) 80%); }


a 			{ color:inherit; text-decoration:underline; }
a:hover 	{ color:inherit; text-decoration:none; } 
p 			{ margin:0 0 1em 0; }
hr 			{ display:block; height:0; margin:0.5em 0 0.5em 0; border-bottom:2px dashed var(--C-0); }
strong { font-weight:500; }

.wrapper	{ width:1170px; position:relative; margin:0 auto; }
.wrapper_12 { width: 570px; position:relative; margin:0 auto; }
.wrapper_13 { width: 370px; position:relative; margin:0 auto; }
.wrapper_23 { width: 770px; position:relative; margin:0 auto; }
.wrapper_padding { padding-top:5em; padding-bottom:5em; }
.wrapper_full_height { min-height:100vh; }
.wrapper_padding.wrapper_full_height { min-height:calc(100vh - 13.5em); }

/*
.wrapper	{ background:rgba(0,0,0,0.1); }
.wrapper_12 { background:rgba(0,0,0,0.1); }
.wrapper_13 { background:rgba(0,0,0,0.1); }
.wrapper_23 { background:rgba(0,0,0,0.1); }
*/

.white { background:var(--C-13); }
.background { background:var(--C-12); }
.background_mesto { background:var(--C-12) url('../img/bg-mesto.svg') 50% 100% no-repeat; background-size:100% auto; padding-bottom:9em; }
.background_title { background:#fff url('../img/bg_headline.jpg') 50% 40% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
.background_mesto_male { background:var(--C-12) url('../img/bg3.svg') left 50% bottom -94vw no-repeat; background-size:100% auto; padding-bottom:9em; }
/*
.white_E { background:var(--C-13) url('../img/bg-top-E.svg') 50% 100% no-repeat; background-size:100% auto; min-height:27vw; }
.white_A { background:var(--C-13) url('../img/bg-top-A.svg') 50% 100% no-repeat; background-size:100% auto; min-height:27vw; }
.white_M { background:var(--C-13) url('../img/bg-top-M.svg') 50% 100% no-repeat; background-size:100% auto; min-height:27vw; }
.white_G { background:var(--C-13) url('../img/bg-top-G.svg') 50% 100% no-repeat; background-size:100% auto; min-height:27vw; }
*/
#body .background_title h1.middle { margin-top:1em; margin-bottom:-0.33em; }

#email { display:none !important; }

/*  FORM a TLACITKA  ================================================================================================================================================*/

#body form { position:relative; }
#body label { display:block; min-height:1em; line-height:1em; font-size:inherit; font-family:inherit; padding:0 0 0.5em 0; }
#body input,
#body textarea,
#body select		{ display:block; font-family:inherit; font-size:inherit; color:inherit; background:var(--C-13); border:var(--border) solid var(--C-10); border-radius:var(--radius); height:calc(3em - 2 * var(--border)); line-height:calc(3em - 2 * var(--border)); padding:0 calc(0.66em - var(--border)); box-sizing: content-box; font-weight:400; -webkit-appearance: none; -moz-appearance:none; appearance: none; }
#body textarea		{ padding:0.25em 0.5em 0.25em 0.5em; line-height:1.5em; min-height:4.5em; width:calc(100% - 1em - 2 * var(--border)); resize: vertical; }
#body input			{ width:calc(100% - 1.33em); }
#body select		{ /* height:2em; line-height:2em; */ padding:0 2em 0 0.25em; text-indent:0em; cursor:pointer; -webkit-appearance: none; appearance: none; box-sizing: content-box; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g transform="translate(128 128) scale(0.5)"><path fill="rgb(102,102,102)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>'); background-size:3em 3em; background-position:100% 50%; background-repeat:no-repeat; text-overflow: ellipsis; }
#body select:hover	{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g transform="translate(128 128) scale(0.5)"><path fill="rgb(102,102,102)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>');  }
#body select::-ms-expand { display: none; }
#body select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
#body select::-moz-focus-inner { border:0; }
option:not(:checked) { color: black; }
#body select[disabled] { background:var(--C-11); color:var(--C-7); cursor:default; }


#body input[type="checkbox"], #body input[type="radio"]													{ display:none; }
#body input[type="checkbox"] + label, #body input[type="radio"] + label									{ position:relative; padding:0.25em 0 0.25em 2em; min-height:1.5em; display:block; width:auto; margin:0px auto; line-height:1.5em; font-size:1em; cursor:pointer; text-align:left; }
#body input[type="checkbox"] + label:before, #body input[type="radio"] + label:before					{ content:" ";   display:block; position:absolute; left:0.0em; top:0.4em; width:1.2em; height:1.2em; border:var(--border) solid var(--C-10); background:var(--C-13); -webkit-border-radius:0; -moz-border-radius:0; border-radius:var(--radius); }
#body input[type="checkbox"] + label:after, #body input[type="radio"] + label:after						{ content:"\70"; display:block; position:absolute; left:0.1em; top:0.1em; width:1.0em; height:1.0em; font-size:1.5em; text-align:center;  line-height:1em; color:var(--C-4); opacity:0; font-family:crelocaf; }
#body input[type="checkbox"]:checked + label:after, #body input[type="radio"]:checked + label:after		{ opacity:1; }
#body input[type="radio"] + label:before { border-radius:1em; }
#body input[type="checkbox"][disabled] + label, #body input[type="radio"][disabled] + label				{ color:#999; }

#body .radio_switch { width:auto; display:inline-block; position:relative; vertical-align:middle; font-size:1.33em; height:1.7em; line-height:1.75em; padding:0.25em; background:var(--C-13); border:var(--border) solid var(--C-10); border-radius:var(--radius); box-sizing: content-box; white-space:nowrap; }
#body .radio_switch input[type="radio"] + label, 
#body .radio_switch input[type="radio"] + label:after,
#body .radio_switch input[type="radio"] + label:before { display:inline-block; position:relative; font-size:0.75em; left:0; top:0; width:auto; padding: 0 0.5em; text-align:center; vertical-align:top; height:calc(2.25em - var(--border)); line-height:calc(2.25em - var(--border)); color:var(--C-5); font-weight:500; background:var(--C-13); border:var(--border) solid var(--C-13); border-radius:var(--radius); box-sizing: content-box; }
#body .radio_switch input[type="radio"] + label { color:transparent; border-color:transparent; background-color:transparent; -webkit-transition:none;  transition:none; }
#body .radio_switch input[type="radio"] + label:after,
#body .radio_switch input[type="radio"] + label:before { display:block; content:attr(data-html); z-index:1; margin:0; padding:0; font-family:inherit; font-size:1em; width:100%; height:100%; position:absolute; top:calc(-1 * var(--border)); left:calc(-1 * var(--border)); text-align:center; border-radius:var(--border); opacity:1; line-height:inherit; opacity:1; z-index:0; -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transition:transform 0.5s, color 0.3s; transition:transform 0.5s, color 0.3s; }
#body .radio_switch.radio_switch_symetric { width:calc(100% - 0.5em - 2 * var(--border));  }
#body .radio_switch.radio_switch_symetric input[type="radio"] + label { width:calc(50% - 1em - 2 * var(--border) - 0.5em); text-overflow:elipsis; }
#body .radio_switch.radio_switch_symetric input[type="radio"] + label + input[type="radio"] + label { float:right; }
/*
#body .radio_switch input[type="radio"] + label {  }
#body .radio_switch input[type="radio"] + label:after,
#body .radio_switch input[type="radio"] + label:before { -webkit-transform: translateZ(10em); transform: translateZ(10em);  }
#body .radio_switch input[type="radio"]:checked + label { z-index:10; }

#body .radio_switch input[type="radio"] + label:after { color:var(--C-2); background:var(--C-12); border:var(--border) solid var(--C-10); -webkit-transform:rotateX(180deg); transform:rotateX(180deg); }
#body .radio_switch input[type="radio"] + label:hover:before { color:var(--C-2); }
#body .radio_switch input[type="radio"]:checked + label:after { -webkit-transform: translateZ(10em) rotateX(0deg); transform: translateZ(10em) rotateX(0deg); } 
#body .radio_switch input[type="radio"]:checked + label:before { -webkit-transform: translateZ(10em) rotateX(-180deg); transform: translateZ(10em) rotateX(-180deg);  }
#body .radio_switch input[type="radio"]:checked + label:after,
#body .radio_switch input[type="radio"]:checked + label:before { -webkit-transition:transform 0.5s 0.2s, color 0.3s; transition:transform 0.5s 0.2s, color 0.3s; }
*/
#body .radio_switch input[type="radio"] + label:after { color:var(--C-2); background:var(--C-12); border:var(--border) solid var(--C-10); opacity:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
#body .radio_switch input[type="radio"]:checked + label:after { opacity:1; }

#body input[readonly], #body textarea[readonly], #body input[disabled], #body textarea[disabled] { background:var(--C-10); color:var(--C-6); }
#body label.invalid, #body input.invalid, #body textarea.invalid, #body select.invalid, #body input[type="checkbox"].invalid + label, #body input[type="radio"].invalid + label	{ border-color:var(--C-err); color:var(--C-err); }
#body input[type="checkbox"].invalid + label:before { border-color:var(--C-err); }
#body select.invalid { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><rect width="512" height="512" style="fill:rgb(255,204,204);" /><g transform="translate(128 128) scale(0.5)"><path fill="rgb(255,0,0)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>');  }
#body .show_invalid { color:var(--C-err); display:none; }
#body input.invalid + .show_invalid { display:block; padding:0 0.5em; margin-bottom:0; }


#body .button, 					#body input[type="submit"] 					#body button 																{ color:var(--C-13) !important; background-color:var(--C-3) !important; display:inline-block; line-height:1.66em; height:3em; padding:0.66em 2.66em; border-radius:var(--radius); width:auto; box-sizing: content-box; font-weight:500; text-align:center; text-transform:uppercase; box-sizing: border-box; cursor:pointer; text-decoration: none;  -webkit-transition:color 0.3s, background-color 0.3s; transition:color 0.3s, background-color 0.3s; border:none; }
#body .button:hover, 			#body input[type="submit"]:hover,			#body button:hover,				#body a:hover .button 						{ background-color:var(--C-2) !important; text-decoration: none; }
#body .button.disabled, 		#body input[type="submit"].disabled,		#body button.disabled,			#body input[type="submit"][disabled],		
#body .button.disabled:hover, 	#body input[type="submit"].disabled:hover,	#body button.disabled:hover,	#body input[type="submit"][disabled]:hover	{ color:#666 !important; background-color:var(--C-3) !important; cursor:default; }
#body .button_link { display:inline-block; line-height:1.66em; height:1.66em; padding:0.66em 0.5em; border-radius:var(--radius); text-decoration:none; -webkit-transition:color 0.3s;  transition:color 0.3s; color:var(--C-4); cursor:pointer; }
#body .button_link:before { padding-right:0.5em; line-height:inherit; vertical-align:top; }
#body .button_link:after { padding-left:0.5em; line-height:inherit; vertical-align:top; }
#body .button_link:hover { color:var(--C-1); }
#body .button_link[class^="icon-angle-"]:before, 
#body .button_link[class*=" icon-angle"]:before,
#body .button_link[class^="icon_angle-"]:before, 
#body .button_link[class*=" icon_angle"]:before { display:inline-block; vertical-align:top; line-height:1.66em; height:1.66em; }
#body .button_link.button_link_top[class^="icon-"]:before,
#body .button_link.button_link_top[class*=" icon"]:before { display:block; font-size:1.5em; }
#body .button + .button { margin-left:2em; }

*[data-title] { position:relative; }
*[data-title]:before, 
*[data-title]:after { content:' '; font-size:var(--font-size); display:block; position:absolute; left:50%; margin-left:-0.5em; bottom:100%; width:0; height:0; padding:0; line-height:1em; border:0.5em solid transparent; border-bottom-width: 0; border-top-color:var(--C-4); pointer-events:none; opacity:0; -webkit-transition:opacity 0.3s;  transition:opacity 0.3s; }
*[data-title]:after { display:inline-block; content:attr(data-title); bottom:calc(100% + 0.5em); margin-left:0; border:none; background:; width:auto; min-width:12em; height:auto; line-height:1.33em; padding:0.5em; -webkit-transform:translateX(-50%); transform:translateX(-50%); background:var(--C-4); color:var(--C-12); border-radius:2px; }
*[data-title]:hover:before, *[data-title]:hover:after { opacity:1; -webkit-transition:opacity 0.3s ease 0.3s;  transition:opacity 0.3s ease 0.3s; }

/*  header + footer ================================================================================================================================================*/

header#target_header	{ padding:1em; position:absolute; left:0; right:0; top:0; z-index:2; padding:1.33em 2em; }
header#target_header > a.logo { display:block; float:left; margin-top:5px; }
header#target_header > a.logo > img { width:180px; display:block;  }
header#target_header nav { display:block; text-align:right; }
header#target_header nav:before { display:none; }
header#target_header nav > span { display:inline-block; vertical-align:top; position:relative; }
header#target_header nav a.button_link { color:var(--C-2); }
header#target_header nav a:before { padding-right:0.5em; }
header#target_header nav a.registrace { background:var(--C-S5); color:var(--C-13); margin-left:0.833em; padding:0.66em 1em 0.66em 1em; width:7.5em; text-align:center; -webkit-transition:background 0.3s;  transition:background 0.3s; }
header#target_header nav a.registrace:hover { background:var(--C-S5h); color:var(--C-13); }
header#target_header nav span.lang { display:inline-block; margin-left:2.5em; margin-right:0em; }
header#target_header nav a.lang { display:inline-block; margin-left:0.5em; text-transform:uppercase; text-decoration:none; }
header#target_header nav a.lang:hover { text-decoration:underline; }
header#target_header nav a.lang.selected { text-decoration:underline; }
header#target_header nav span.lang_select { background:var(--C-13); color:var(--C-7); display:block; height:1.66em; float:right; position:relative; text-align:left; border:var(--border) solid var(--C-7); padding:calc(0.66em - var(--border)) calc(2.5em - var(--border)) calc(0.66em - var(--border)) calc(1em - var(--border)); overflow:hidden; -webkit-transition:height 0.3s; transition:height 0.3s; margin-left:0.66em; width:6em; }
header#target_header nav span.lang_select:before { position:absolute; right:0; top:0; height:2em; margin-top:0.66em;}
header#target_header nav span.lang_select > a { display:block; height:1.66em; line-height:1.66em; text-transform:none; text-decoration:none; }
header#target_header nav span.lang_select > a:before { display:none; }
header#target_header nav span.lang_select > a.selected { }
header#target_header nav span.lang_select > a:not(.selected) { margin-top:0.33em; -webkit-transition:color 0.3s;  transition:color 0.3s; }
header#target_header nav span.lang_select:hover, header#target_header nav span.lang_select.hover { height:5.66em; color:var(--C-7); }
header#target_header nav span.lang_select > a:not(.selected):hover { color:var(--C-3); }
header#target_header nav a.logout { border:var(--border) solid var(--C-3); padding:calc(0.66em - var(--border)) calc(1em - var(--border)); width:7.5em; margin-left:0.833em; text-align:center; }
header#target_header nav #toggle_menu { display:none; cursor:pointer; }


/*
header#target_header #toggle_menu { position:relative; display:none; float:right; font-size:1.5em; top:0em; right:0em; padding-right:2em; height:1.5em; line-height:1.5em; text-decoration:none; }
header#target_header #toggle_menu > strong { font-weight:normal; } 
header#target_header #toggle_menu > span, 
header#target_header #toggle_menu > span:before, 
header#target_header #toggle_menu > span:after { display:block; position:absolute; top:50%; right:50%; width:1.5em; margin:-0.1em -0.75em -0.1em -0.75em; height:0.2em; background:#000; transform-origin: 50% 50%; transition:all 0.3s; }
header#target_header #toggle_menu > span { top:0.75em; right:0.75em; }
header#target_header #toggle_menu > span:before { content:''; top:	 -0.4em; }
header#target_header #toggle_menu > span:after  { content:''; top:auto; bottom:-0.4em; }
header#target_header.show #toggle_menu > span { width:0; margin-right:0; }
header#target_header.show #toggle_menu > span:before { transform:rotate(  135deg); top:50%; }
header#target_header.show #toggle_menu > span:after  { transform:rotate( -135deg); bottom:50%; }
*/


footer#target_footer { position:relative; background:var(--C-7); height:4em; font-size:0.88em; }
footer#target_footer:before	{ content:' '; position:absolute; left:0; top:-1.95em; height:0; width:0; border-top:2em solid transparent; border-left:100vw solid var(--C-7); }
footer#target_footer a.logo { position:absolute; left:0; bottom:0.25em; }
footer#target_footer a.logo > img { display:block; height:3em; }
footer#target_footer a.up { position:absolute; top:-2em; right:0; cursor:pointer; -webkit-transition:top 0.3s;  transition:top 0.3s; }
footer#target_footer a.up:before { display:block; content:' '; border:3em solid transparent; border-bottom-color:var(--C-7); border-top-width:0; -webkit-transition:border-bottom-color 0.3s; transition:border-bottom-color 0.3s; }
footer#target_footer a.up:hover { top:-3em; }
/*
footer#target_footer a.up:after { content:' ';  width:6em; height:0em; position:absolute; bottom:0em; left:50%; background:var(--C-7); margin-left:-3em; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; }
footer#target_footer a.up:hover:before { border-bottom-color:var(--C-5); }
footer#target_footer a.up:hover:after { background:var(--C-5); }
*/

footer#target_footer a.up > span { position:absolute; bottom:1em; left:50%; width:8em; height:2em; margin-left:-4em; line-height:2em; color:var(--C-7); text-align:center; }
footer#target_footer p { color:var(--C-5); padding:1em 0 0 8em; margin:0; }
footer#target_footer p > a { text-decoration:none; -webkit-transition:color 0.3s;  transition:color 0.3s; }
footer#target_footer p > a:hover { color:var(--C-3); text-decoration:none; }
main#target_main		{ min-height:calc(100vh - 3.5em); }

/*  homepage  --------------------------------------------------------------------------------------------------------------------------------------- */

.homepage_title { text-align:center; padding-top:6.66em; padding-bottom:5em; }
.homepage_title p { font-size:1.33em; font-weight:400; padding:0em 0 3em 0; }

.homepage_stitek  { padding-bottom:5em; }
.homepage_stitek svg.stitek { width:570px; height:570px; float:left; }
.homepage_stitek #stitek_indikator	{ float:right; }
.homepage_stitek #stitek_indikator > p { clear:both;  }
.homepage_oblast { border-top:2px solid var(--C-10); padding-bottom:2em; padding-top:3em; }
/* .homepage_oblast > a { float:right; width:1.5em; height:1.5em; margin:0.25em 0 0.25em 0; display:block; background-color:var(--C-8); text-decoration:none; text-align:center; color:var(--C-12); border-radius:1.5em; font-weight:700; } */
/* .homepage_oblast > h3[data-oblast]:before { float:left; content: attr(data-oblast); display:block; width:2.3em; height:2.3em; line-height:2.3em; border:0.1em solid var(--C-8); color:var(--C-8); margin:-0.625em 1em -0.625em 0; text-align:center; border-radius:3em; } */
.homepage_oblast > h3[data-oblast] { position:relative; padding-left:3em; }
.homepage_oblast > h3[data-oblast]:before { position:absolute; left:0; top:0; content: attr(data-oblast); display:block; width:3em; color:var(--C-8); font-weight:400; font-size:1.2em; line-height:0.95em; }
.homepage_oblast > p { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: var(--margin); -moz-column-gap: var(--margin); column-gap: var(--margin); }

.homepage_modely { padding:0; display:inline-block; text-align:left; margin-bottom:calc(2 * var(--margin)); }
.homepage_modely > li { display:block; padding:0 0 0 1.75em; position:relative; cursor:pointer; } 
.homepage_modely > li > a { color:var(--C-2); font-weight:500; text-decoration:none; }
.homepage_modely > li > a > em { font-size:0.8em; font-weight:300; color:var(--C-6); }

.homepage_EU_life { background:var(--C-8); padding-bottom:3em; color: var(--C-3); margin-top:-50px; }
.homepage_EU_life > .wrapper > a { position:absolute; left:0; top:0; display:block; }
.homepage_EU_life > .wrapper > a > img { width:16em; border-radius:var(--radius); }
.homepage_EU_life > .wrapper > p { padding-left:18em; min-height:9.5em; }

/*  login, registrace  --------------------------------------------------------------------------------------------------------------------------------------- */

#form_login p.error { color:var(--C-S1); }

/*  prehled modelu  --------------------------------------------------------------------------------------------------------------------------------------- */
.wrapper { }
.wrapper_modely { width:1200px; margin:0 auto; /* calc(-0.5 * var(--margin)); */ padding:calc(var(--margin) / 2); padding-left:0; padding-right:0; }
.wrapper_modely .model_box { display:inline-block; vertical-align:top; position:relative; width:310px; height:300px; text-align:center; padding:var(--margin); background:var(--C-13); border-radius: var(--radius); margin:calc(var(--margin) / 2); }
.wrapper_modely .model_box h3 { margin-bottom:0; }
.wrapper_modely .model_box h3 + em { display:block; font-style:normal; margin-bottom:1em; color:var(--C-5); }
.wrapper_modely .model_box > span { display:block; position:relative; padding-left:5em; text-align:left; line-height:1.66em; }
.wrapper_modely .model_box > span > em { position:absolute; left:0; top:0; font-style:normal; color:var(--C-5); }
.wrapper_modely .model_box > span > strong > a { display:inline-block; width:1.66em; height:1.66em; line-height:1.66em; vertical-align:top; color:var(--C-9); text-decoration:none; text-align:center; }
.wrapper_modely .model_box > span > strong > a > span:before { display:block; line-height:1.66em; }
.wrapper_modely .model_box > span.akce { position:absolute; left:0; right:0; bottom: var(--margin); padding:0; text-align:center; }
.wrapper_modely .model_box > span.akce > span { display:inline-block; padding:0; font-size:2.12em; width:2em; height:2em; line-height:2.2em; border-left:1px solid var(--C-10); }
.wrapper_modely .model_box > span.akce > span > a { display:block; color:var(--C-9); text-decoration:none; }
.wrapper_modely .model_box > span.akce > span > a[href] { color:var(--C-4); -webkit-transition:color 0.3s; transition:color 0.3s; }
.wrapper_modely .model_box > span.akce > span > a[href]:hover { color:var(--C-2); }
.wrapper_modely .model_box > span.akce > span:first-child { border-left:none; }
.wrapper_modely .model_box > a.link_upravit,
.wrapper_modely .model_box > a.link_smazat { display:block; font-size:0.66em; position:absolute; right:0.5em; bottom:0.5em; text-decoration:none; color:var(--C-9); }
.wrapper_modely .model_box > a.link_smazat { left:0.5em; right:auto; }
 
.wrapper_modely .model_box a.button { margin-top:1em; }

#body .wrapper_modely .button_new_model { display:inline-block; position:relative; width:310px; height:2.5em; line-height:2.5em; padding:var(--margin); margin:calc(var(--margin) / 2); box-sizing: content-box; background:url('../img/model-C.svg') 50% 100% no-repeat; background-size:100% auto; }
#body .wrapper_modely .button_new_model.button_new_P { background-image:url('../img/model-P.svg');  }
#body .wrapper_modely .button_new_model.button_new_B { background-image:url('../img/model-B.svg');  }
#body .wrapper_modely .button_new_model:not([href]),
#body .wrapper_modely .button_new_model:not([href]):hover { color:var(--C-6) !important; background-color:var(--C-3) !important; opacity:0.25; cursor:default; }
#body .wrapper_modely span.button_new_model:not([href]),
#body .wrapper_modely span.button_new_model:not([href]):hover { opacity:1; color:var(--C-6) !important; background:none !important; vertical-align:bottom; text-align:center; padding:0; width:calc(310px + 2 * var(--margin)); height:calc(2.5em + 2 * var(--margin)); line-height:1.25em; overflow:hidden; }
/* #body .wrapper_modely .button_new_model:after { content:' '; display:block; position:absolute; left:0; bottom:0; width:100%; height:220px; background-image: linear-gradient(rgba(71,63,50,0.75), rgba(71,63,50,1)); border-radius: var(--radius); } */

/*  editace modelu  --------------------------------------------------------------------------------------------------------------------------------------- */
/*
#body #model_nazev,
#body #model_model { width:16em; }
#body #model_mesto,
#body #model_mestska_cast,
#body #model_adresa,
#body #model_vztah { width:16em; height:4.5em; resize:vertical; }
*/

#body #form_model #model_vztah { min-height:calc(9em - 4 * var(--border)); }
#body #form_model #model_ulice { display:inline-block; width:calc(100% - 6em - 4 * var(--border)); margin-right:0; }
#body #form_model #model_ulice_cislo { display:inline-block; width:3em; float:right; }

#body #form_model #model_gps_lat, 
#body #form_model #model_gps_long { display:inline-block; text-align:right; width:calc(50% - 1.33em - 0.5em - 1.5em); padding-right:2em; }
#body #form_model #model_gps_lat + label, 
#body #form_model #model_gps_long + label { display:inline-block; margin-left:-2em; width:2em; color:var(--C-6); }
#body #form_model #model_gps_lat + label { margin-right:1em; }
#body #form_model #model_gps_lat.manual,
#body #form_model #model_gps_long.manual { font-weight:bold; }
#body #form_model .model_nazev_wrapper { width:calc(100% - 4.33em - 1em); float:left; }
#body #form_model .model_rok_wrapper { width:4.33em; float:right; }
#body #form_model .model_rok_wrapper #model_rok { width:3em; text-align:right; }
#body #form_model .button_link_smazat { margin-right:1em; }

/*  indikatory modelu  --------------------------------------------------------------------------------------------------------------------------------------- */
#body .background_title .model_oblasti { display:block; position:absolute; bottom:0; padding-bottom:0.83em; left:6em; right:6em; text-align:center; white-space:nowrap; }
#body .background_title .model_oblasti > li { display:inline-block;  font-size:1.33em; line-height:1.5em; height:1.5em; }
#body .background_title .model_oblasti > li:before { color:var(--C-6); line-height:1.5em; height:1.5em; width:1.5em; text-align:center; display:inline-block; vertical-align:top; }
#body .background_title .model_oblasti > li:first-child:before { display:none;}
#body .background_title .model_oblasti > li > a { position:relative; text-decoration:none; color:var(--C-3); }  
#body .background_title .model_oblasti > li > a.selected { color:var(--C-1); }
#body .background_title .model_oblasti > li > a:after { content:' '; display:block; position:absolute; left:50%; margin-left:-0.66em; top:2.66em; border:0.66em solid transparent; border-top-width:0; border-bottom-color:#fff; -webkit-transition:top 0.3s; transition:top 0.3s; }
#body .background_title .model_oblasti > li > a:hover:after { top:1.5em; }
#body .background_title .model_oblasti > li > a.selected:after { top:1.75em; }
#body .background_title .model_oblasti.admin_oblasti > li:not(:last-child) { padding-right:1.25em; }
#body .background_title .model_oblasti.admin_oblasti > li > a:before { display:inline-block; padding-right:0.25em; }

#body .wrapper.wrapper_model_oblast { padding-top:2em; padding-bottom:2em;  }
#body .wrapper.wrapper_model_oblast > div { padding-left:6em; }
#body .wrapper.wrapper_model_oblast h3[data-oblast]:before { content:attr(data-oblast); position:absolute; left:0; color:var(--C-8); font-size:1.2em; }

#body .skala { display:block; width:100%; position:relative; height:1.5em; padding:3.75em 0; margin:1em auto; line-height:1em; }
#body .skala > span { display:inline-block; position:relative; width:20%; height:1.5em; line-height:1.5em; padding:0; margin:0; vertical-align:middle; }
#body .skala > span[data-hranice]:before { display:block; content:' '; position:absolute; left:-1px; top:-0.75em; height:3em; border-left:2px solid var(--C-6); }
#body .skala > span[data-hranice]:after { display:block; font-size:0.75em; content:attr(data-hranice); position:absolute; left:-2em; top:3em; width:4em; text-align:center; color:var(--C-6); font-weight:400; }
#body .skala > span:nth-child(1) { background:var(--C-S1); border-top-left-radius: 1em; border-bottom-left-radius: 1em; }
#body .skala > span:nth-child(2) { background:var(--C-S2); }
#body .skala > span:nth-child(3) { background:var(--C-S3); }
#body .skala > span:nth-child(4) { background:var(--C-S4); }
#body .skala > span:nth-child(5) { background:var(--C-S5); border-top-right-radius: 1em; border-bottom-right-radius: 1em; }
#body .skala > strong { display:block; position:absolute; top:0; border-left:2px solid var(--C-3); color:var(--C-3); padding:0 0.5em 5em 0.5em; height:1em; font-weight:300; margin-left:-1px; white-space:nowrap; }
#body .skala > strong.alt { bottom:0; top:auto; padding-top:5em; padding-bottom:0; }
#body .skala > strong.toleft { border-right:2px solid var(--C-3); border-left:none; margin-left:1px; -webkit-transform:translateX(-100%); transform:translateX(-100%); }

#body .wrapper.wrapper_model_form .indikator { position:relative; padding-top:2em; padding-bottom:2em; padding-left:100px; border-bottom:var(--border) solid var(--C-10); padding-left:6em; }
#body .wrapper.wrapper_model_form .indikator > h4 { position:relative; color:var(--C-2); }
#body .wrapper.wrapper_model_form .indikator > h4[data-oznaceni]:before { content:attr(data-oznaceni); display:block; position:absolute; left:-4.16em; width:2.5em; color:var(--C-8); font-size:1.2em; font-weight:500; }
#body .wrapper.wrapper_model_form .indikator > h4[data-oznaceni^="B-"]:before { font-size:1em; left:-5em; }
#body .wrapper.wrapper_model_form .indikator > p { color:var(--C-2); }
#body .wrapper.wrapper_model_form .indikator > .vstup { display:block; float:left; vertical-align:middle; margin-right:var(--margin); }
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) { display:inline-block; width:7em; text-align:right; font-size:1.333em; height:2.25em; line-height:2.25em; font-weight:500; vertical-align:middle; }
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) + select { display:inline-block; height:3em; vertical-align:middle; width:7.8em; border-color:transparent; background-color:transparent;  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g transform="translate(224 164) scale(0.4)"><path fill="rgba(0,0,0,1)" d="m399 210c0 3-1 5-3 7l-133 133c-2 2-5 3-7 3-2 0-5-1-7-3l-133-133c-2-2-3-4-3-7 0-2 1-4 3-6l15-15c1-1 4-2 6-2 3 0 5 1 7 2l112 113 112-113c2-1 4-2 7-2 2 0 5 1 6 2l15 15c2 2 3 4 3 6z"></path></g></svg>');  }
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) + label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#body .wrapper.wrapper_model_form .indikator > .vstup > input[type="checkbox"] + label {  }
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"])[readonly],
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"])[readonly] ~ label { background:var(--C-12); color:var(--C-4); }
#body .wrapper.wrapper_model_form .indikator > .vstup > input[type="checkbox"][disabled] + label { color:var(--C-4); }
#body .wrapper.wrapper_model_form .indikator > .vstup > input[type="checkbox"][disabled] + label:before { background:var(--C-12); }
#body .wrapper.wrapper_model_form .indikator > .vystup { display:inline-block; float:right; width:9.2em; text-align:center; font-size:1em; height:3em; padding:var(--border) 0.66em; line-height:3em; font-weight:400; vertical-align:middle; background:var(--C-11); border-radius:var(--radius); -webkit-transition:background-color 0.3s;  transition:background-color 0.3s; }
#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric { display:block; float:left; width:calc(15.875em - 0.5em - 2 * var(--border)); }
#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric.disabled { background:transparent; border-color:transparent; }
#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric.disabled input[type="radio"] + label { background:transparent; cursor:default; }
#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric.disabled input[type="radio"] + label:before { background:transparent; border-color:transparent; }
#body .wrapper.wrapper_model_form .indikator > input[type="radio"][disabled] + label,
#body .wrapper.wrapper_model_form .indikator > input[type="radio"][disabled] + label:before { background:var(--C-12); color:var(--C-4); }
#body .wrapper.wrapper_model_form .indikator > .debug { display:block; float:left; clear:both; width:338px; background:#f00; height:1em; }
#body .wrapper.wrapper_model_form .indikator > .debug + .debug { margin-left:30px; clear:none; }
#body .wrapper.wrapper_model_form .indikator > .debug > div { width:50%; background:#000; height:1em; }

/*
#body .wrapper.wrapper_model_form .indikator > .vstup,
#body .wrapper.wrapper_model_form .indikator > .vystup,
#body .wrapper.wrapper_model_form .indikator > .overeno { width:calc(33.3% - 0.66em - 2 * var(--border)); background:#f00; min-width:0; display:block; margin:0; padding:0; float:left !important; clear:none !important; }
#body .wrapper.wrapper_model_form .indikator > .overeno { margin-right:1em !important; }
#body .wrapper.wrapper_model_form .indikator > .vstup { width:calc(33.3% - 0.66em); margin-right:1em; }
*/
/* uprava 30.1. */
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) { border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) + select  { border:var(--border) solid var(--C-10); background-color:#fff; border-left:none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#body .wrapper.wrapper_model_form .indikator > .vstup > input:not([type="checkbox"]) ~ label { display:inline-block; line-height:3em; height:3em; padding:0; vertical-align:middle; width:10em; border-radius:var(--radius); border:var(--border) solid var(--C-10); background-color:#fff; border-left:none; border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* vyjimka pro MIT1 + MIT1a */
#body .wrapper.wrapper_model_form #indikator_63 {  }
#body .wrapper.wrapper_model_form #indikator_63 h5 { display:inline-block; text-transform:uppercase; font-size:1em; color:var(--C-2); }
#body .wrapper.wrapper_model_form #indikator_63 input[id^="indikator_96"][type="radio"]+label { display:inline-block; margin-left:2em; }

#body .wrapper.wrapper_model_form #indikator_63 .indikator_96_vstup { width:calc(21.1em + var(--margin)); margin-right:0; overflow: hidden; white-space:nowrap; -webkit-transition:width 0.3s, opacity 0.3s ease 0.3s; transition:width 0.3s, opacity 0.3s ease 0.3s; }
#body .wrapper.wrapper_model_form #indikator_63 .indikator_96_vstup.hide { width:0; opacity:0; -webkit-transition:width 0.3s ease 0.3s, opacity 0.3s; transition:width 0.3s ease 0.3s, opacity 0.3s; }
#body .wrapper.wrapper_model_form #indikator_63 #indikator_63_vypocet + label { display:none; }
#body .wrapper.wrapper_model_form #indikator_63 #indikator_63_vypocet[disabled] { display:none; }
#body .wrapper.wrapper_model_form #indikator_63 #indikator_63_vypocet[disabled] + label { display:inline-block; }

/* vyjimka pro EMI1+2 */
#body .wrapper.wrapper_model_form #indikator_133 {  }
#body .wrapper.wrapper_model_form #indikator_133 h5 { display:inline-block; text-transform:uppercase; font-size:1em; color:var(--C-2); }
#body .wrapper.wrapper_model_form #indikator_133 input[id^="indikator_131"][type="radio"]+label,
#body .wrapper.wrapper_model_form #indikator_133 input[id^="indikator_132"][type="radio"]+label { display:inline-block; margin-left:2em; }

#body .wrapper.wrapper_model_form .indikator > .vystup { min-width:9.2em; width:auto; white-space:nowrap; }
/*
	#body .wrapper.wrapper_model_form #indikator_63 #indikator_63_vypocet + label { display:none; }
	#body .wrapper.wrapper_model_form #indikator_63 #indikator_96_vypocet_0:checked ~ .indikator_96_vstup { display:none; }
*/

/*
#body .wrapper.wrapper_model_form .indikator > .vystup + label { display:inline-block; margin:0.1em 0 0.1em 0; width:9.33em; color:var(--C-6); font-weight:500; vertical-align:middle; height:auto; }
#body .wrapper.wrapper_model_form .indikator > .vystup  { font-size:1.33em; display:inline-block; position:relative; vertical-align:middle; width:7em; height:2.2em; line-height:2.2em; padding:0; background:var(--C-13); border:var(--border) solid var(--C-10); border-radius:var(--radius); box-sizing: content-box; }
#body .wrapper.wrapper_model_form .indikator > .vystup > span { display:block; position:absolute; padding:0 calc(0.25em - var(--border));   left:0.25em; top:0.25em; width:6em; text-align:right; height:calc(1.7em - 2 * var(--border)); line-height:calc(1.7em - 2 * var(--border)); background:var(--C-13); border:var(--border) solid var(--C-13); border-radius:var(--radius); box-sizing: content-box; font-weight:500; -webkit-transition:background-color 0.3s, border-color 0.3s;  transition:background-color 0.3s, border-color 0.3s; }
#body .wrapper.wrapper_model_form .indikator > .vystup,
#body .wrapper.wrapper_model_form .indikator > .vystup > span { background:transparent; border-color:transparent; }
*/
/*
#body .wrapper.wrapper_model_form .indikator > .overeno { width:auto; display:inline-block; position:relative; vertical-align:middle; font-size:1.33em; height:1.7em; line-height:1.7em; padding:0.25em; background:var(--C-13); border:var(--border) solid var(--C-10); border-radius:var(--radius); box-sizing: content-box; white-space:nowrap; }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label, 
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:after,
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:before { display:inline-block; position:relative; font-size:0.75em; left:0; top:0; width:auto; padding: 0 0.5em; text-align:center; vertical-align:top; height:calc(2.25em - var(--border) * 2); line-height:calc(2.25em - var(--border) * 2); color:var(--C-5); font-weight:500; background:var(--C-13); border:var(--border) solid var(--C-13); border-radius:var(--radius); box-sizing: content-box; }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label { color:transparent; border-color:transparent; background-color:transparent; -webkit-transition:none;  transition:none; }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:after,
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:before { display:block; content:attr(data-html); z-index:1; margin:0; padding:0; font-family:inherit; font-size:1em; width:100%; height:100%; position:absolute; top:calc(-1 * var(--border)); left:calc(-1 * var(--border)); text-align:center; border-radius:var(--border); opacity:1; line-height:inherit; opacity:1; z-index:0; -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transition:transform 0.5s, color 0.3s; transition:transform 0.5s, color 0.3s; }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:after { color:var(--C-2); background:var(--C-12); border:var(--border) solid var(--C-10); -webkit-transform:rotateX(180deg); transform:rotateX(180deg); }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"] + label:hover:before { color:var(--C-2); }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"]:checked + label:after { -webkit-transform:rotateX(0deg); transform:rotateX(0deg); } 
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"]:checked + label:before { -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg);  }
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"]:checked + label:after,
#body .wrapper.wrapper_model_form .indikator > .overeno input[type="radio"]:checked + label:before { -webkit-transition:transform 0.5s 0.2s, color 0.3s; transition:transform 0.5s 0.2s, color 0.3s; }
*/


#body .wrapper.wrapper_model_form .indikator[data-skala="1"] .vystup, #graf_srovnani > div > div[data-skala="1"] { background-color:var(--C-S1); border-color:var(--C-S1h); }
#body .wrapper.wrapper_model_form .indikator[data-skala="2"] .vystup, #graf_srovnani > div > div[data-skala="2"] { background-color:var(--C-S2); border-color:var(--C-S2h); }
#body .wrapper.wrapper_model_form .indikator[data-skala="3"] .vystup, #graf_srovnani > div > div[data-skala="3"] { background-color:var(--C-S3); border-color:var(--C-S3h); }
#body .wrapper.wrapper_model_form .indikator[data-skala="4"] .vystup, #graf_srovnani > div > div[data-skala="4"] { background-color:var(--C-S4); border-color:var(--C-S4h); }
#body .wrapper.wrapper_model_form .indikator[data-skala="5"] .vystup, #graf_srovnani > div > div[data-skala="5"] { background-color:var(--C-S5); border-color:var(--C-S5h); }



/*
#body .wrapper.wrapper_model_form .indikator .metodicky_list { position:absolute; left:0; top:2.5em; display:block; font-size:1.66em; text-align:center; line-height:1.2em; text-decoration:none; height:1.2em; width:1.2em; border:var(--border) solid var(--C-6); color:var(--C-6); border-radius:100%; }
#body .wrapper.wrapper_model_form .indikator .metodicky_list:hover { background-color:var(--C-6); color:var(--C-12); }
*/
#body .wrapper.wrapper_model_oblast .metodicky_list,
#body .wrapper.wrapper_model_form .indikator .metodicky_list,
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku { position:absolute; left:0; bottom:1.3em; display:block; font-size:2em; text-align:left; line-height:1em; text-decoration:none; height:1em; width:0.9em; color:var(--C-8); text-indent:-0.05em; cursor:pointer; -webkit-transition:color 0.3s; transition:color 0.3s; }
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku { left:1.5em; }
#body .wrapper.wrapper_model_oblast .metodicky_list > a,
#body .wrapper.wrapper_model_form .indikator .metodicky_list > a,
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku > a { display:block; height:1em; width:0.9em; text-decoration:none; }
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.show { color:var(--C-6); }
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.readonly { display:none; }
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.readonly.show { display:block; color:var(--C-8); cursor:none; }
#body .wrapper.wrapper_model_form .indikator .metodicky_list:hover,
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku:hover { color:var(--C-4); }
#body .wrapper.wrapper_model_form .indikator > div.poznamka { height:0; width:100%; overflow:hidden; -webkit-transition:height 0.3s; transition:height 0.3s; }
#body .wrapper.wrapper_model_form .indikator > div.poznamka textarea { height:3em; margin-top:2em; resize:none; }
#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.show + div.poznamka  { height:calc(7em + var(--border) * 2); }
#body .wrapper.wrapper_model_form .indikator > div.poznamka textarea[readonly] { background-color:var(--C-12); }
#body .wrapper.wrapper_model_oblast .metodicky_list { font-size:3em; bottom:1.1em; color:var(--C-10); }
#body .wrapper.wrapper_model_oblast .metodicky_list:hover { color:var(--C-8); }

#body .wrapper.wrapper_model_oblast .metodicky_list.icon-file-excel-o { bottom:1em; }
#body .wrapper.wrapper_model_oblast .metodicky_list + .metodicky_list { bottom:2.2em; }

#body .wrapper_srovnani > div { display:inline-block; width:calc(50% - 15px); margin-bottom:var(--margin); }
#body .wrapper_srovnani > div > label[for^="srovnani_model_"] { text-align:left; }
#body .wrapper_srovnani > div > select { width:calc(100% - 2.25em - 2 * var(--border)); }
#body .wrapper_srovnani > a.icon-exchange { display:inline-block; width:30px; text-decoration:none; color:var(--C-8); -webkit-transition:color 0.3s; transition:color 0.3s; }
#body .wrapper_srovnani > a.icon-exchange:hover { color:var(--C-4); }
#body .wrapper_srovnani > hr { clear:both; margin:var(--margin) 0; border:none; border-bottom:var(--border) solid var(--C-10); }
#body .wrapper_srovnani > p { position:absolute; top:0.5em; right:0; color:var(--C-7);}
#body .wrapper_srovnani > p > a { display:inline-block; text-decoration:none; }
#body .wrapper_srovnani > p > a.active { text-decoration:underline; cursor:default; }
#body .wrapper_srovnani > p > a:not(.active):hover { color:var(--C-4); }

#body .wrapper_srovnani > #stitek_indikator > strong { margin-right:0; margin-left:0; }
#body .wrapper_srovnani > #graf_srovnani { display:block; position:relative; border:1px solid var(--C-8); height:50vh; margin-bottom:20vh; width:100%; display:block; background:var(--C-12); }
#graf_srovnani:before,
#graf_srovnani:after { content:' '; position:absolute; display:block; z-index:1; top:calc(20% - 1px); height:calc(20% - 1px); width:100%; border:1px solid var(--C-11); border-left:none; border-right:none; }
#graf_srovnani:after { top:calc(60% - 1px);  }
#graf_srovnani > div { position:absolute; top:0; height:100%; z-index:2; }
#graf_srovnani > div > div { position:absolute; left:50%; width:35%; bottom:0; border:1px solid #fff !important; border-bottom:none !important; border-top:none !important; margin:0; }
#graf_srovnani > div > div + div { right:50%; left:auto; }
#graf_srovnani > div > em { position:absolute; right:50%; top:100%; color:var(--C-3); line-height:1em; font-style:normal; font-weight:400; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }

#graf_srovnani > div:hover > div[data-skala="1"] { background-color:var(--C-S1h); }
#graf_srovnani > div:hover > div[data-skala="2"] { background-color:var(--C-S2h); }
#graf_srovnani > div:hover > div[data-skala="3"] { background-color:var(--C-S3h); }
#graf_srovnani > div:hover > div[data-skala="4"] { background-color:var(--C-S4h); }
#graf_srovnani > div:hover > div[data-skala="5"] { background-color:var(--C-S5h); }



/* vysledky modelu - stitek --------------------------------------------------------------------------------------------------------------------------------------- */

/* svg.stitek { max-width:80vw; max-height:80vh; float:left; font-weight:normal; }*/
svg.stitek { font-size:var(--font-size) !important; }
svg.stitek text { cursor:default; fill:#2f291d;  }
svg.stitek .indikatory g path { -webkit-transition:fill 0.3s; transition:fill 0.3s; fill:var(--C-8); }
svg.stitek .indikatory g:hover path { fill:var(--C-7); }
svg.stitek .indikatory g text { -webkit-transition:font-size 0.3s; transition:font-size  0.3s; }
svg.stitek .oblast path,
svg.stitek .oblast text { -webkit-transition:fill 0.3s; transition:fill 0.3s; }
svg.stitek .oblast path { fill:var(--C-8); }
svg.stitek .stitek_suma circle,
svg.stitek .stitek_suma text { -webkit-transition:fill 0.3s; transition:fill 0.3s; }
svg.stitek .indikatory g[data-skala="0"] path, svg.stitek .oblast[data-skala="0"] path, svg.stitek .stitek_suma[data-skala="0"] circle { fill:var(--C-10 ); }
svg.stitek .indikatory g[data-skala="1"] path, svg.stitek .oblast[data-skala="1"] path, svg.stitek .stitek_suma[data-skala="1"] circle { fill:var(--C-S1); }
svg.stitek .indikatory g[data-skala="2"] path, svg.stitek .oblast[data-skala="2"] path, svg.stitek .stitek_suma[data-skala="2"] circle { fill:var(--C-S2); }
svg.stitek .indikatory g[data-skala="3"] path, svg.stitek .oblast[data-skala="3"] path, svg.stitek .stitek_suma[data-skala="3"] circle { fill:var(--C-S3); }
svg.stitek .indikatory g[data-skala="4"] path, svg.stitek .oblast[data-skala="4"] path, svg.stitek .stitek_suma[data-skala="4"] circle { fill:var(--C-S4); }
svg.stitek .indikatory g[data-skala="5"] path, svg.stitek .oblast[data-skala="5"] path, svg.stitek .stitek_suma[data-skala="5"] circle { fill:var(--C-S5); }
svg.stitek .indikatory g path.equal { fill:var(--C-7) !important; }
/*svg.stitek .indikatory g:hover path, svg.stitek .indikatory g.hover path { fill:var(--C-6); } */
svg.stitek .indikatory g:hover path.equal { fill:var(--C-6) !important; }

svg.stitek .oblast:hover path { fill:var(--C-9); }
svg.stitek .indikatory g[data-skala="0"]:hover path, svg.stitek .indikatory g[data-skala="0"].hover path, svg.stitek .oblast[data-skala="0"]:hover path, svg.stitek .stitek_suma[data-skala="0"]:hover circle { fill:var(--C-9 ); }
svg.stitek .indikatory g[data-skala="1"]:hover path, svg.stitek .indikatory g[data-skala="1"].hover path, svg.stitek .oblast[data-skala="1"]:hover path, svg.stitek .stitek_suma[data-skala="1"]:hover circle { fill:var(--C-S1h); }
svg.stitek .indikatory g[data-skala="2"]:hover path, svg.stitek .indikatory g[data-skala="2"].hover path, svg.stitek .oblast[data-skala="2"]:hover path, svg.stitek .stitek_suma[data-skala="2"]:hover circle { fill:var(--C-S2h); }
svg.stitek .indikatory g[data-skala="3"]:hover path, svg.stitek .indikatory g[data-skala="3"].hover path, svg.stitek .oblast[data-skala="3"]:hover path, svg.stitek .stitek_suma[data-skala="3"]:hover circle { fill:var(--C-S3h); }
svg.stitek .indikatory g[data-skala="4"]:hover path, svg.stitek .indikatory g[data-skala="4"].hover path, svg.stitek .oblast[data-skala="4"]:hover path, svg.stitek .stitek_suma[data-skala="4"]:hover circle { fill:var(--C-S4h); }
svg.stitek .indikatory g[data-skala="5"]:hover path, svg.stitek .indikatory g[data-skala="5"].hover path, svg.stitek .oblast[data-skala="5"]:hover path, svg.stitek .stitek_suma[data-skala="5"]:hover circle { fill:var(--C-S5h); }
svg.stitek .kvadranty text { font-size:1.33em !important; font-weight:100; text-transform:uppercase; }
svg.stitek .indikatory { font-size:0.75em !important; }

svg.stitek g.stitek_wrapper { -webkit-transition:transform 0.3s; transition:transform 0.3s; }
svg.stitek[data-oblast] g.stitek_wrapper { -webkit-transform:scale(2); transform:scale(2); }
svg.stitek[data-posledni-oblast="E"] g.stitek_wrapper { -webkit-transform-origin:100%   0%; transform-origin:100%   0%; }
svg.stitek[data-posledni-oblast="A"] g.stitek_wrapper { -webkit-transform-origin:100% 100%; transform-origin:100% 100%; }
svg.stitek[data-posledni-oblast="G"] g.stitek_wrapper { -webkit-transform-origin:  0% 100%; transform-origin:  0% 100%; }
svg.stitek[data-posledni-oblast="M"] g.stitek_wrapper { -webkit-transform-origin:  0%   0%; transform-origin:  0%   0%; }
/*
svg.stitek[data-oblast="E"] g#stitek_wrapper { -webkit-transform:scale(2) translate(-50%,  0%); transform:scale(2) translate(-50%,  0%); }
svg.stitek[data-oblast="A"] g#stitek_wrapper { -webkit-transform:scale(2) translate(-50%,-50%); transform:scale(2) translate(-50%,-50%); }
svg.stitek[data-oblast="G"] g#stitek_wrapper { -webkit-transform:scale(2) translate(  0%,-50%); transform:scale(2) translate(  0%,-50%); }
svg.stitek[data-oblast="M"] g#stitek_wrapper { -webkit-transform:scale(2) translate(  0%,  0%); transform:scale(2) translate(  0%,  0%); }
*/
/*
svg.stitek .oblast:hover path,	svg.stitek .oblast.hover path { fill:#000; }
svg.stitek .oblast:hover text,	svg.stitek .oblast.hover text { fill:#fff; }
svg.stitek .indikatory g:hover text,	svg.stitek .indikatory g.hover text  { font-size:1.5em !important; } 
svg.stitek #stitek_suma:hover circle,	svg.stitek #stitek_suma.hover circle	{ fill:#000; }
svg.stitek #stitek_suma:hover text,		svg.stitek #stitek_suma.hover text		{ fill:#fff; }
*/


.wrapper_model_vysledky svg.stitek { width:570px; height:570px; }

/* interaktivni popis stitku */
#stitek_indikator { text-align:left; position:relative;}
#stitek_indikator span.full, 
#stitek_indikator span.basic { float:right; display:none; }
#stitek_indikator span.overeno_0, 
#stitek_indikator span.overeno_1 { display:none; vertical-align:middle; color:var(--C-7); line-height:2.22em; margin:var(--border); }
/* #stitek_indikator > select { opacity:0.2; position:absolute; top:0; left:0; text-indent:-10000; color:transparent !important; border-color:#c00; background-color:transparent; } */
#stitek_indikator > #stitek_id_indikator { position:absolute; top:-1.1em; right:0; width:0.75em; text-indent:1000px; border-color:transparent; background-color:transparent; }


#stitek_indikator h3 { clear:both; font-size:2em; line-height:1.33em; font-weight:400; color:var(--C-8); margin:-0.48em 0 0.5em 0; }
#stitek_indikator h4 { font-size:1.33em; line-height:1.33em; font-weight:500; margin-bottom:0.8em; margin-top:-0.24em; }
#stitek_indikator > strong { display:inline-block; position:relative; vertical-align:middle; font-size:1.33em; min-width:6em; padding:0 1em 0 1em; height:1.66em; line-height:1.66em; margin-right:0.66em; background:var(--C-8); text-align:center; border:var(--border) solid var(--C-6); border-radius:var(--radius); }
#stitek_indikator > strong[data-label] { margin-top:2em; }
#stitek_indikator > strong[data-label]:before { content:attr(data-label); display:block; position:absolute; left:0; top: -1.5em; font-weight:normal; font-size:0.75em; line-height:1em; color:var(--C-2); }
#stitek_indikator div { font-weight:300; clear:both; }
#stitek_indikator div table { border-collapse:collapse; width:100%; }
#stitek_indikator div table tr td { vertical-align:bottom; color:var(--C-4); }
#stitek_indikator div table tr td:nth-child(2) { text-align:right; font-weight:500; padding-left:0.33em; padding-right:0.33em; }
#stitek_indikator div table tr td:nth-child(3) { font-size:0.75em; line-height:1.75em; }
#stitek_indikator div table tr:not(:first-child) td { border-top:1px solid var(--C-8); }
#stitek_indikator div table tr:hover td { color:var(--C-1); }
#stitek_indikator[data-full="0"] span.basic, 
#stitek_indikator[data-full="1"] span.full { display:block; }
#stitek_indikator[data-skala="1"] > strong, #body #stitek_indikator > strong[data-skala="1"] { background-color:var(--C-S1); border-color:var(--C-S1h); } { background-color:var(--C-S1); border-color:var(--C-S1h); }
#stitek_indikator[data-skala="2"] > strong, #body #stitek_indikator > strong[data-skala="2"] { background-color:var(--C-S2); border-color:var(--C-S2h); } { background-color:var(--C-S2); border-color:var(--C-S2h); }
#stitek_indikator[data-skala="3"] > strong, #body #stitek_indikator > strong[data-skala="3"] { background-color:var(--C-S3); border-color:var(--C-S3h); } { background-color:var(--C-S3); border-color:var(--C-S3h); }
#stitek_indikator[data-skala="4"] > strong, #body #stitek_indikator > strong[data-skala="4"] { background-color:var(--C-S4); border-color:var(--C-S4h); } { background-color:var(--C-S4); border-color:var(--C-S4h); }
#stitek_indikator[data-skala="5"] > strong, #body #stitek_indikator > strong[data-skala="5"] { background-color:var(--C-S5); border-color:var(--C-S5h); } { background-color:var(--C-S5); border-color:var(--C-S5h); }
#stitek_indikator[data-overeno="0"] > span:not(.alt).overeno_0, 
#stitek_indikator[data-overeno="1"] > span:not(.alt).overeno_1,
#stitek_indikator[data-alt-overeno="0"] > span.alt.overeno_0, 
#stitek_indikator[data-alt-overeno="1"] > span.alt.overeno_1 { display:inline-block; width:11em; text-align:center; }
#stitek_indikator[data-skala=""] > strong:not(.alt):not([data-skala]),
#stitek_indikator[data-skala=""] > span:not(.alt),
#stitek_indikator[data-skala="0"] > strong:not(.alt):not([data-skala]),
#stitek_indikator[data-skala="0"] > span:not(.alt),
#stitek_indikator[data-skala=""] > strong.alt:not([data-skala]),
#stitek_indikator[data-skala=""] > span.alt,
#stitek_indikator[data-skala="0"] > strong.alt:not([data-skala]),
#stitek_indikator[data-skala="0"] > span.alt { display:none; }



table.indikatory th { font-weight:normal; font-size:0.8em; line-height:1em; vertical-align:bottom; padding:0.5em; text-align:center; }
table.indikatory th:nth-child(2) { text-align:left; }
table.indikatory td { padding:0.5em; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; }
table.indikatory td:first-child { padding-left:1em; vertical-align:top; font-weight:500; color:var(--C-4); }
table.indikatory td span { display:block; position:relative; width:1em; height:1em; margin:0 auto; text-indent:-1000px; overflow:hidden; color:var(--C-4); }
table.indikatory td span:after { content:"\70"; text-indent:0; position:absolute; left:0; top:0; }
table.indikatory tr:nth-child(2n) td { background:var(--C-11); }
table.indikatory tr:hover td { background:var(--C-10); }
/*table.indikatory tr td:last-child { background:transparent !important; padding:0; }*/
table.indikatory td a { text-decoration:none; display:block; height:1.5em; color:var(--C-5); -webkit-transition:color 0.3s; transition:color 0.3s; }
table.indikatory td a:before { font-size:1.5em; margin-right:0.25em; }
table.indikatory td a:hover { color:var(--C-2); }

/*
ul.stitek { display:block; float:left; width:50vw; margin-left:50px; font-size:0.5em; }
ul.stitek > li { display:block; padding:0.5em 0 0.5em 5em; position:relative; line-height:1.2em; margin-bottom:0.5em; }
ul.stitek > li > strong { display:block; position:absolute; left:0; top:0; background:#666; color:#666; border:2px solid #666; line-height:1.2em; height:1em; padding:0.3em 0.3em 0.3em 0.3em; width:3.5em; text-align:center; font-weight:normal; -webkit-transition:all 0.3s; transition:all 0.3s; }
ul.stitek > li[data-skala="1"] > strong { background:var(--C-S1); border-color:var(--C-S1); color:var(--C-S1); }
ul.stitek > li[data-skala="2"] > strong { background:var(--C-S2); border-color:var(--C-S2); color:var(--C-S2); }
ul.stitek > li[data-skala="3"] > strong { background:var(--C-S3); border-color:var(--C-S3); color:var(--C-S3); }
ul.stitek > li[data-skala="4"] > strong { background:var(--C-S4); border-color:var(--C-S4); color:var(--C-S4); }
ul.stitek > li[data-skala="5"] > strong { background:var(--C-S5); border-color:var(--C-S5); color:var(--C-S5); }
ul.stitek > li:not(:hover):not(.hover) > strong { color:var(--C-13); }
ul.stitek > li:hover > strong, ul.stitek > li.hover > strong { background-color:var(--C-0);  }
*/

#map { width:100vw; height:calc(100vh - 20.05em - 10px); overflow:hidden; background-color:var(--C-8); }
/*	
#map .marker { position:relative; width:32px; height:48px; color:var(--C-4); margin:-48px -16px 0 -16px; -webkit-transition:color 0.3s;  transition:color 0.3s; }
#map .marker:before { content:'1'; position:absolute; left:-8px; bottom:0; width:100%; height:100%; font-size:48px; width:48px; text-align:center; pointer-events:none; color:var(--C-13); text-shadow:0 0 5px rgba(0,0,0,1); }
#map .marker:hover { color:var(--C-13) !important;  }
#map .marker:hover:before { color:var(--C-4); }
#map .marker > span { position:absolute; left:0px; top:2px; width:100%; text-align:center; font-size:18px; line-height:1em; letter-spacing:0; }
#map .marker > span:before { content:"n"; display:block; width:100%; letter-spacing:0; }
*/

#map .marker { position:relative; width:1.5em; height:2em; color:var(--C-4); margin:-2em -0.75em 0 -0.75em; -webkit-transition:color 0.3s;  transition:color 0.3s; }
#map .marker:before { content:'1'; position:absolute; left:-0.167em; bottom:0; width:100%; height:100%; font-size:2em; width:1em; text-align:center; pointer-events:none; color:var(--C-13); text-shadow:0 0 0.1em rgba(0,0,0,1); }
#map .marker:hover { color:var(--C-13) !important;  }
#map .marker:hover:before { color:var(--C-4); }
/*#map .marker > span { position:absolute; left:0px; top:2px; width:100%; text-align:center; font-size:18px; line-height:1em; letter-spacing:0; }
#map .marker > span:before { content:"n"; display:block; width:100%; letter-spacing:0; }
*/

#map .cluster { width: 32px; height: 32px; padding:0; background-color:#fff; color:var(--C-4); border-radius:16px; font-style:normal; -webkit-transition:background-color 0.3s, color 0.3s;  transition:background-color 0.3s, color 0.3s; -webkit-filter: drop-shadow( 0 0 5px rgba(0,0,0,0.75)); filter: drop-shadow( 0 0 5px rgba(0,0,0,0.75)); }
#map .cluster > span { display:block; width:100%; line-height:32px; text-align: center; font-size: 1.5em; font-weight:bold; }
#map .cluster:hover { color:#fff; background-color:var(--C-4); }

#map .marker[data-skala="1"]:before { color:var(--C-S1); }	#map .marker[data-skala="1"]:hover:before { color:var(--C-S1h); }			
#map .marker[data-skala="2"]:before { color:var(--C-S2); }	#map .marker[data-skala="2"]:hover:before { color:var(--C-S2h); }			
#map .marker[data-skala="3"]:before { color:var(--C-S3); }	#map .marker[data-skala="3"]:hover:before { color:var(--C-S3h); }			
#map .marker[data-skala="4"]:before { color:var(--C-S4); }	#map .marker[data-skala="4"]:hover:before { color:var(--C-S4h); }			
#map .marker[data-skala="5"]:before { color:var(--C-S5); }	#map .marker[data-skala="5"]:hover:before { color:var(--C-S5h); } 			

#map .marker[data-typ="C"] { font-size:2.0em; }
#map .marker[data-typ="P"] { font-size:1.5em; }
#map .marker[data-typ="B"] { font-size:1.0em; }
	

#map_model { display:block; position:fixed; z-index:10000; width:240px; background:#fff; bottom:2em; padding:var(--margin); right:calc(-240px - 5px - 2 * var(--margin)); border-top-left-radius:var(--radius); border-bottom-left-radius:var(--radius); box-shadow:0 4px 5px rgba(0,0,0,0.5); -webkit-transition:right 0.3s; transition:right 0.3s; }	
#map_model > p { margin-bottom:0; }
#map_model > h3 { font-size:1.25em; line-height:1.25em; }
#map_model > a { position:absolute; color:var(--C-8); text-decoration:none; -webkit-transition:color 0.3s; transition:color 0.3s; cursor:pointer; }
#map_model > a:hover { color:var(--C-4); }
#map_model > svg { margin-bottom:var(--margin); }
#map_model > a.close 	{ top:   var(--margin); right:var(--margin); font-size:1.25em; }	
#map_model > a.vysledky { bottom:var(--margin); left: var(--margin); font-size:0.8em;  }
#map_model > a.srovnani { bottom:var(--margin); right:var(--margin); font-size:0.8em; text-align:right; }
#map_model > a.vysledky:before,
#map_model > a.srovnani:before { font-size:2em; display:block; }
#map_model.show { right:0; }
#parallax #map_model { display:none; }

#body .wrapper_seznam_modelu > div { display:inline-block; vertical-align:top; width:50%; }
#body .wrapper_seznam_modelu > div > h3 { padding:0 1.5rem; }
#body .seznam_modelu { padding:0; display:block; }
#body .seznam_modelu > li { display:block; padding:0 0 0 1.5em; position:relative; cursor:pointer; } 
/* #seznam_modelu > li:before { position:absolute; left:0; top:0; width:1.5em; text-align:center; content:'n'; color:var(--C-4); } */
#body .seznam_modelu > li:before { position:absolute; left:0; top:0.25em; width:1em; height:1em; content:' '; background-color:var(--C-4); border-radius:0.5em; }
#body .seznam_modelu > li[data-typ="P"]:before { width:0.75em; height:0.75em; left:0.125em; top:0.375em; }
#body .seznam_modelu > li[data-typ="B"]:before { width:0.5em; height:0.5em; left:0.25em; top:0.5em; }

#body .seznam_modelu > li > strong { color:var(--C-2); font-weight:500; }
#body .seznam_modelu > li > em { font-size:0.8em; color:var(--C-6); }
#body .seznam_modelu > li:hover > strong,
#body .seznam_modelu > li:hover > em { color:var(--C-2);  }

#body .seznam_modelu > li[data-skala="1"]:before { background-color:var(--C-S1); }	#body .seznam_modelu > li[data-skala="1"]:hover:before { background-color:var(--C-S1h); }
#body .seznam_modelu > li[data-skala="2"]:before { background-color:var(--C-S2); }	#body .seznam_modelu > li[data-skala="2"]:hover:before { background-color:var(--C-S2h); }
#body .seznam_modelu > li[data-skala="3"]:before { background-color:var(--C-S3); }	#body .seznam_modelu > li[data-skala="3"]:hover:before { background-color:var(--C-S3h); }
#body .seznam_modelu > li[data-skala="4"]:before { background-color:var(--C-S4); }	#body .seznam_modelu > li[data-skala="4"]:hover:before { background-color:var(--C-S4h); }
#body .seznam_modelu > li[data-skala="5"]:before { background-color:var(--C-S5); }	#body .seznam_modelu > li[data-skala="5"]:hover:before { background-color:var(--C-S5h); }

#body table.indikatory { width:100%; }
/*
*/
/*
#map .marker[data-typ="C"] > span:before, #seznam_modelu > li[data-typ="C"]:before  { content:'m'; line-height:1.5em; }
#map .marker[data-typ="P"] > span:before, #seznam_modelu > li[data-typ="P"]:before  { content:'n'; font-size:0.7em; line-height:2.1em; }
#map .marker[data-typ="B"] > span:before, #seznam_modelu > li[data-typ="B"]:before  { content:'0'; font-size:0.7em; line-height:2.1em; }
*/


/*  ADMIN  ================================================================================================================================================*/

body#tinymce { padding:15px; width:calc(100vw - 30px); background:#fff; }

#body .background_title .model_oblasti.admin_oblasti > li > a:after { border-bottom-color:var(--C-12); }

#body form.admin_filtr table th:not(:first-child) { padding-left:0.125em; }
#body form.admin_filtr table th:not(:last-child) { padding-right:0.125em; }
#body form.admin_filtr table th input:not([type]) { width:calc(100% - 1.33em); float:left; margin-right:-1.75em;}
#body form.admin_filtr table th input[type="radio"] + label { width:1em; height:1em; font-size:1.5em; line-height:1em; min-height:1em; padding:0; margin:0; float:left; }
#body form.admin_filtr table th input[type="radio"] + label:before { display:none; content:none; }
#body form.admin_filtr table th input[type="radio"] + label:after { content:'c'; width:1em; height:1em; opacity:1; text-transform:none; font-size:1em; top:0; left:0; color:var(--C-8); }
#body form.admin_filtr table th input[type="radio"] + label + input[type="radio"] + label:after { content:'f'; }
#body form.admin_filtr table th input[type="radio"]:checked + label:after { color:var(--C-4); }

#body table.admin { border-collapse:collapse; width:100%; }
#body table.admin tr th,
#body table.admin tr td { padding:0.25em 0.5em 0.25em 0.5em; line-height:1em; text-align:left; border:1px solid var(--C-11); vertical-align:top; background:rgba(255,255,255,0.6); }
#body table.admin tr th { background:var(--C-8); border-color:var(--C-8); font-weight:normal; text-align:left; font-weight:300; text-transform:uppercase; }
/*#body table.admin tr td:nth-child(2),
#body table.admin tr td:nth-child(3),
#body table.admin tr td:nth-child(4) { font-size:0.75em; text-align:left; line-height:1.33em; padding:0.33em 0.66em 0.33em 0.66em; }
#body table.admin tr td:nth-child(3) { text-align:left; } */
#body table.admin tr:nth-child(2n+1) td { background:var(--C-12); }
#body table.admin tr th:last-child,
#body table.admin tr td:last-child { padding:0; border-top:none; border-right:none; border-bottom:none; padding-top:0.25em; background:none; white-space:nowrap; width:0; }
#body table.admin tr th:last-child > a,
#body table.admin tr td:last-child > a { display:inline-block; width:1em; padding:0.25em; color:var(--C-2); text-decoration:none; }
#body table.admin tr th:last-child > a:hover,
#body table.admin tr td:last-child > a:hover { color:color:var(--C-0); }

#body form.admin { display:block; }
#body form.admin input.sk, #body form.admin textarea.sk { background:var(--C-13) url('../img/flag-sk.svg') right 0em bottom 0em no-repeat; background-size:auto 1em; }
#body form.admin input.cs, #body form.admin textarea.cs { background:var(--C-13) url('../img/flag-cs.svg') right 0em bottom 0em no-repeat; background-size:auto 1em; }
#body form.admin input.en, #body form.admin textarea.en { background:var(--C-13) url('../img/flag-en.svg') right 0em bottom 0em no-repeat; background-size:auto 1em; }


#body #admin_indikator > div { display:inline-block; width:auto; vertical-align:top; margin-bottom:1em; }
#body #admin_indikator > div + div { margin-left:1.5em; }
#body #admin_indikator input { margin-bottom:0.5em; }
#body #admin_indikator textarea { width:calc(33.3% - 1.33em - 2 * var(--border)); display:inline-block; margin-left:0.5em; height:12em; resize:vertical; vertical-align:top; }
#body #admin_indikator textarea.sk { margin-left:0; }
#body #admin_indikator label em { font-style:normal; float:right; }
#body #admin_indikator #indikator_jednotka { width:12em; }
#body #admin_indikator #indikator_oznaceni { width:7em; }
#body #admin_indikator > div.mce-tinymce { width:calc(33.3% - 0.5em - 2px); margin-left:0.5em; border:var(--border) solid var(--C-10) !important; border-radius:var(--radius); }
#body #admin_indikator > label + div.mce-tinymce { margin-left:0; }


#body #admin_indikator .list { width:100%; display:block; margin-left:0; }
#body #admin_indikator .list > .row { display:block; }
#body #admin_indikator .list > label:first-child { float:left; width:calc(100% - 11em); }
#body #admin_indikator .list input { width:calc(33.3% - 5.25em); display:inline-block; margin-right:0.5em; }
#body #admin_indikator .list input.vaha,
#body #admin_indikator .list input.konstanta { width:5.5em; margin-right:0; text-align:right; }
#body #admin_indikator .list span { font-size:1.5em; width:1em; margin-left:-0.33em; text-align:center; display:inline-block; margin-top:var(--border); }
#body #admin_indikator .list select { display:inline-block; width:6em; margin-right:0; text-align:left; margin-left:0.5em; }
#body #admin_indikator .list select.indikator { display:none; }
#body #admin_indikator .list select.operator:not(.nic) { width:2em; text-align:center; border-bottom-right-radius: 0; border-top-right-radius: 0; border-right:0; padding-right:0; background-image:none; }
#body #admin_indikator .list select.operator:not(.nic) + select.indikator { display:inline-block; width:4em; border-bottom-left-radius: 0; border-top-left-radius: 0; border-left:0; padding-left:0; margin-left:0; }
#body #admin_indikator .list a { display:inline-block; width:1em; height:1em; font-size:1.25em; text-align:center; text-decoration:none; vertical-align:middle; margin-left:0.4em; margin-bottom:0.4em; cursor:pointer; color:var(--C-7); -webkit-transition:color 0.3s;  transition:color 0.3s; }
#body #admin_indikator .list a:hover { color:var(--C-0); }
#body #admin_indikator .list > label + .row:last-child a.remove { display:none; }
#body #admin_indikator .list > .row.smazany { opacity:0.2; }
#body #admin_indikator .list > .row.smazany input, #body #admin_indikator .list > .row.smazany select { pointer-events:none; }
#body #admin_indikator .list > .row.smazany a.remove:before { content:'D'; }

#body #admin_indikator[data-typ='N'] #indikator_checklist { display:none; }
#body #admin_indikator[data-typ='C'] #indikator_jednotky { display:none; }
#body #admin_indikator #indikator_jednotky input.sk,
#body #admin_indikator #indikator_jednotky input.cs,
#body #admin_indikator #indikator_jednotky input.en { width:calc(33.3% - 8.6em); }
#body #admin_indikator #indikator_jednotka_wrap { width:calc(100% - 20.8em); }
#body #admin_indikator #indikator_jednotka_wrap input { display:inline-block; width:calc(33.3% - 1.66em); margin-left:0.5em; }
#body #admin_indikator #indikator_jednotka_wrap label + input { margin-left:0; }


/*#body #admin_indikator #indikator_vypocet_ind_op,
#body #admin_indikator #indikator_vypocet_num_op { display:inline-block; width:1em; padding:0 0.25em 0 0.25em; background:#fff; margin-right:0.25em; text-align:center; }
#body #admin_indikator #indikator_vypocet_ind_id { display:inline-block; width:3em; margin-right:0.25em; }
#body #admin_indikator #indikator_vypocet_num_val { display:inline-block; width:2em; text-align:right; }
*/
#body #admin_indikator #indikator_vypocet_ind_op { display:inline-block; width:2.5em; }
#body #admin_indikator #indikator_vypocet_ind_id { display:inline-block; width:10em; margin-left:0.5em; }

#body #admin_indikator #indikator_oblast { width:6em; }
#body #admin_indikator #indikator_full { width:4.75em; }
#body #admin_indikator #indikator_vaha,
#body #admin_indikator #indikator_poradi { width:3em; text-align:right; }
#body #admin_indikator #indikator_definice { height:9em }
#body #admin_indikator input[type="checkbox"] + label { display:inline-block; }
#body #admin_indikator input[type="checkbox"] + label ~ label { margin-left:1em;  }


#body #admin_indikator #indikator_hranice > div:nth-child(2n) { display:inline-block; vertical-align:top; width:4em; height:1em; margin-top:3.5em; }
#body #admin_indikator #indikator_hranice > div:nth-child(2n+1) { display:inline-block; vertical-align:top; width:var(--border); height:5em; margin-top:0em; background:var(--C-7); margin-bottom:0; position:relative; }
#body #admin_indikator #indikator_hranice > div:nth-child(2n+1) > input { margin-top:0em; width:2em; margin-left:-1.66em; text-align:right; }
#body #admin_indikator #indikator_hranice > div:nth-child(2n+1):before { content:attr(data-percent); font-size:0.5em; text-align:center; width:3em; position:absolute; top:10.5em; left:-1.5em; height:1em; line-height:1em; color:var(--C-4); }
#body #admin_indikator #indikator_hranice > div:nth-child(2) { background-color:var(--C-S1); border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; width:1.66em; }
#body #admin_indikator #indikator_hranice > div:nth-child(4) { background-color:var(--C-S2); }
#body #admin_indikator #indikator_hranice > div:nth-child(6) { background-color:var(--C-S3); }
#body #admin_indikator #indikator_hranice > div:nth-child(8) { background-color:var(--C-S4); }
#body #admin_indikator #indikator_hranice > div:nth-child(10) { background-color:var(--C-S5); border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; width:1.66em; }

/*
#body #admin_indikator #indikator_hranice_1,
#body #admin_indikator #indikator_hranice_2,
#body #admin_indikator #indikator_hranice_3,
#body #admin_indikator #indikator_hranice_4 { display:inline-block; width:3em; text-align:center; margin-left:-0.25em; } 
#body #admin_indikator #indikator_hranice_1 { border-left:0.25em solid var(--C-S1); border-right:none; margin-left:0; }
#body #admin_indikator #indikator_hranice_2 { border-left:0.25em solid var(--C-S2); border-right:none; }
#body #admin_indikator #indikator_hranice_3 { border-left:0.25em solid var(--C-S3); border-right:none; }
#body #admin_indikator #indikator_hranice_4 { border-left:0.25em solid var(--C-S4); border-right:0.25em solid var(--C-S5); }
*/

#body #admin_uzivatel input { }
#body #admin_uzivatel .datum, #body #admin_uzivatel #uzivatel_stav { width:11em; }
#body #admin_uzivatel #uzivatel_heslo, #body #admin_uzivatel #uzivatel_heslo2 { width:11em; display:inline-block; margin-right:1em;  }


#body form.filtr_indikatory table.admin_indikatory select { width:2em; background-image:none; padding-right:0.25em; }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(4) { line-height:1.2em; }
#body form.filtr_indikatory table.admin.admin_indikatory tr.verze_0 td:first-child { font-weight:500; }
#body form.filtr_indikatory table.admin.admin_indikatory tr.verze_1 td:nth-child(4) { font-size:0.8em; line-height:1.5em; }
#body form.filtr_indikatory table.admin.admin_indikatory tr.verze_2 td { color:#ccc; }

#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(8),
#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(9),
#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(10),
#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(11),
#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(12),
#body form.filtr_indikatory table.admin.admin_indikatory tr th:nth-child(13) { text-align:left; font-size:0.8em; line-height:1.5em; padding-left:0.1em; vertical-align:bottom; }

#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(4),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(5),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(6),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(7) { text-align:center; }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(3),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(7),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(13) { border-right-color:var(--C-8); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(8),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(9),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(10),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(11),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(12),
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(13) { text-align:left; font-size:0.8em; line-height:1.5em; padding-left:0.1em; }
/* #body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(8) { text-align:right; text-indent:0; padding-left:0.5em; padding-right:0.1em; } */

#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(8)  { color:var(--C-S1); border-right-color:var(--C-S1); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(9)  { color:var(--C-S1); border-right-color:var(--C-S2); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(10) { color:var(--C-S2); border-right-color:var(--C-S3); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(11) { color:var(--C-S3); border-right-color:var(--C-S4); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(12) { color:var(--C-S4); border-right-color:var(--C-S5); }
#body form.filtr_indikatory table.admin.admin_indikatory tr td:nth-child(13) { color:var(--C-S5);  }


#body form.filtr_slovnik table.admin_slovnik select { width:calc(100% - 2.25em - 2 * var(--border)); }








/*  POWERTOUR  ================================================================================================================================================*/
#body .powertour-step { z-index:2000; font-size:16px; line-height:1.5em; font-weight:normal; letter-spacing:0.02em; white-space:normal; }
#body .powertour-step p { padding-bottom:0; }
#body .powertour-step p:last-child { margin-bottom:0; }
#body .powertour-step .single-step { color:var(--C-2); border:var(--border) solid var(--C-7); border-radius:var(--radius); }
#body .powertour-step a.stop { position:absolute; top:0; right:0; padding:0.33em; text-decoration:none; color:var(--C-6); }
#body .powertour-step a.stop:hover { color:var(--C-2); }
#body .connectorarrow-tl, 			#body .connectorarrow-tm, 			#body .connectorarrow-tr { border-bottom-color:var(--C-7); }
#body .connectorarrow-tl:before,	#body .connectorarrow-tm:before,	#body .connectorarrow-tr:before { top:3px; }
#body .connectorarrow-bl, 			#body .connectorarrow-bm, 			#body .connectorarrow-br { border-top-color:var(--C-7); }
#body .connectorarrow-bl:before,	#body .connectorarrow-bm:before,	#body .connectorarrow-br:before { bottom:3px; }
#body .connectorarrow-lt, 			#body .connectorarrow-lm, 			#body .connectorarrow-lb { border-right-color:var(--C-7); }
#body .connectorarrow-lt:before,	#body .connectorarrow-lm:before,	#body .connectorarrow-lb:before { left:3px; }
#body .connectorarrow-rt, 			#body .connectorarrow-rm, 			#body .connectorarrow-rb { border-left-color:var(--C-7); }
#body .connectorarrow-rt:before,	#body .connectorarrow-rm:before,	#body .connectorarrow-rb:before { right:3px; }
#body .connectorarrow-tl.connectorarrow-tlm { left:25%; margin-left:-2px; }
#body .connectorarrow-tr.connectorarrow-trm { right:25%; margin-right:-2px; }


header#target_header a#toggle_help { cursor:help; float:right; }
header#target_header nav { float:right; }
header#target_header nav .pwtr_anchor { display:inline-block; vertical-align:top; line-height:inherit; position:relative; width:0; height:3em; margin:0; padding:0; }
header#target_header nav a.button_link { vertical-align:top; }
header#target_header nav .lang_select_wrapper { float:right; }
header#target_header nav .lang_select_wrapper > span { float:none; display:block; }
header#target_header nav span.lang_select > a.selected { pointer-events:none; }

#body span.help { display:inline-block; vertical-align:top; line-height:inherit; padding:0 0.5em; margin:0; cursor:help; color:var(--C-6); transition:color 0.3s; }
#body span.help:before { line-height:inherit; }
#body span.help:hover { color:var(--C-2); }

footer#target_footer .bug { display:block; position:absolute; right:0.5em; bottom:0.5em; font-size:2em; color:var(--C-5); text-decoration:none; }
footer#target_footer .bug:hover { color:var(--C-2); }

#body #form_model input#model_public + label { width:max-content; margin-left:0; margin-right:0; display:inline-block; vertical-align:middle; }
#body #form_model input#model_public + label + span.help#toggle_help_public { margin:0.25em 0; }
#body #form_model .model_smazat_wrapper { display:block; float:right; }
#body #form_model .model_smazat_wrapper > a { display:inline-block; vertical-align:middle; }
#body #form_model .model_smazat_wrapper > span.help { display:inline-block; vertical-align:middle; margin-right:1.5em; margin-left:-1.5em; }
#body #form_model .model_typ_budovy_wrapper,
#body #form_model .model_typ_budovy_wrapper label { width:max-content; margin-left:0; margin-right:0; }

.wrapper_modely .model_box h3 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

#body .wrapper.wrapper_model_form .indikator.help_hook_indikator { z-index:2; }
#body .wrapper.wrapper_model_form .indikator > .vystup.hidden { display:block !important; opacity:0; transition:opacity 0.3s 0.3s; }
#body .wrapper.wrapper_model_form .indikator > .vystup.powertour-activehook { opacity:1; transition:opacity 0.3s; }
#body .wrapper.wrapper_model_form .indikator > .vstup { position:relative; }
#body .wrapper.wrapper_model_form .indikator > .vstup > .help.toggle_help_jednotky { position:absolute; left:100%; top:0; margin-left:-0.25em; line-height:3em; width:1em; text-align:center; }
#body .wrapper.wrapper_model_form #toggle_help_pokracovat,
#body .wrapper.wrapper_model_form #toggle_help_zavrit { line-height:3em; }
#body #help_hook_stitek { width:570px; height:570px; }
#body #help_hook_jistota,
#body #help_hook_uplnost { width:max-content; }

/* konkretni boxy napovedy */
#body #help-vysledky-video,
#body #help-srovnani-video { background:#999; position:absolute; top:0; left:0; transform:translate(-50%,-50%); padding:0; width: calc(100vw - 60px); max-width: calc(177.78vh - (60 * 1.7777px)); height:calc(100vh - 60px); max-height:calc( 56.25vw - (60 * 0.5625px)); }
#body #help-vysledky-video video,
#body #help-srovnani-video video { display:block; width:100%; }	
#body #help-vysledky-video .button_link,
#body #help-srovnani-video .button_link  { position:absolute; left:0; top:0; z-index:2; }
#body #help-vysledky-video .button_link.fr,
#body #help-srovnani-video .button_link.fr { right:0; left:auto; }
/* orez videa */
#body #help-vysledky-video { max-width: calc(164.6vh - (60 * 1.646px)); max-height:calc( 60.75vw - (60 * 0.6075px)); overflow:hidden; }
#body #help-vysledky-video video { display:block; width:108%; margin-left:-4%; }	






/* COOKIES */
#body form#target_cook { display:block; text-align:center; padding:40px; width:700px; max-width:90vw; max-height:90vh; overflow-y:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:var(--C-12) url('../img/bg3.svg') 50% 10% no-repeat; border-radius:var(--radius); z-index:300; box-shadow:0 0.5em 1em rgba(0,0,0,0.5); }
#target_cook h3 { text-align:left; margin-bottom:0; padding-top:0; }
#target_cook p { text-align:left; }
#target_cook > div { display:inline-block; text-align:left; width:25%; height:2.5em; line-height:2.5em; overflow:hidden; margin-bottom:1em; }
#target_cook > div > p { display:block; line-height:1.33em; }
#target_cook:not(.vice_info) > div,
#target_cook:not(.vice_info) > a.cook_mene, 
#target_cook:not(.vice_info) > input[type="submit"], 
#target_cook.vice_info > a.cook_set,
#target_cook.vice_info > a.cook_vice { display:none; }
#target_cook > a.cook_min { float:left; }
#target_cook > a.cook_max { float:right; }
#target_cook .button { margin:0; text-align:center; width:max-content; }
#target_cook.vice_info > h3,
#target_cook.vice_info > p { display:none; }
#target_cook.vice_info > div { display:block; height:auto; width:100%; }
#target_cook.vice_info > div > input[type="checkbox"].bipolar + label { width:100%; padding-left:0; font-weight:bold; font-size:1.33em; line-height:1.5em; height:1.5em; min-height:1.5em; padding:0.5rem 0 0.5rem 0; }
#target_cook.vice_info > div > input[type="checkbox"].bipolar + label:before,
#target_cook.vice_info > div > input[type="checkbox"].bipolar + label:after { left:auto; right:0; }
#target_cook.vice_info > a.cook_max { float:left; margin-left:0; }
#body form#target_cook:empty { display:none; }
@media (max-width: 659px){ 
	#target_cook > h3,
	#target_cook > p { text-align:center; }
	#target_cook > div > p { padding-right:2.5em; }
	#target_cook .button { display:block; float:none !important; margin:2rem auto 0; min-width:40vw; }
}








@media (min-width: 631px){ 
	#body #admin_uzivatel .wrapper_12 + .wrapper_12,
	#body #admin_slovnik  .wrapper_12 + .wrapper_12 { margin-left:2.5vw; }
	#body #admin_slovnik #slovnik_skupina { width:19em; margin-right:2em; }
	#body #admin_slovnik #slovnik_zmeneno { width:12em; }
}

@media (min-width: 1230px){
	#body #admin_uzivatel .wrapper_12 + .wrapper_12,
	#body #admin_slovnik  .wrapper_12 + .wrapper_12 { margin-left:30px; }
}
/*  RESPONZIVITA  ================================================================================================================================================*/





@media (max-width: 1230px){ 
	.wrapper	{ width:95vw; }
	.wrapper_12:not(.wrapper_fixed_width) { width:46.25vw; }
	.wrapper_13:not(.wrapper_fixed_width) { width:30vw; }
	.wrapper_23:not(.wrapper_fixed_width) { width:62.5vw; }
	.homepage_stitek svg.stitek { width:46.25vw; height:46.25vw; }
	.wrapper_modely { width:800px; margin-left:auto; margin-right:auto; }
	#body .wrapper.wrapper_model_form .indikator > .overeno {  }
	#body .wrapper_modely > .buttons { display:inline-block; width:400px; }
	#body .wrapper_modely > .buttons + br.cb { display:none; }

	table.indikatory th { vertical-align:top; }
	table.indikatory th span { display:block; white-space:nowrap; position:absolute; -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); margin:0.4em 0 0 0.4em; text-align:left; }
	table.indikatory tr td a { width:1.5em; overflow:hidden; }
}

@media (max-width: 1052px){ 
	#body .wrapper.wrapper_model_form .indikator > .vstup { margin-bottom:1em; }
	#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric { clear:left; }
	#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.show + div.poznamka  { height:calc(6em + var(--border) * 2); }
	#body .wrapper.wrapper_model_form .indikator div.poznamka > textarea { margin-top:1em; }
	
}

@media (max-width: 930px){ 


	.wrapper_23:not(.wrapper_fixed_width) { width:95vw; }
	.homepage_stitek .wrapper_12:not(.wrapper_fixed_width) { width:95vw; float:none !important; }
	.homepage_stitek svg.stitek { float:none; margin:0 auto 2em auto; display:block; width:95vw; height:95vw; }
/*	header#target_header #toggle_menu { display:block; }
	header#target_header #toggle_menu + nav { display:block; position:absolute; right:1.5em; top:4em; height:0; width:auto; overflow:hidden; -webkit-transition:all 0.3s; transition:all 0.3s; background:var(--C-12); }
	header#target_header #toggle_menu + nav a.button_link,
	header#target_header #toggle_menu + nav .lang { display:block; width:7.1em; padding:0; font-size:1.33em; text-align:left; padding-left:0.5em; }
	header#target_header.show #toggle_menu + nav { height:calc(6 * 2.25em); }
	header#target_header + #target_main > .background_title { -webkit-transition:padding-top 0.3s; transition:padding-top 0.3s; }
	header#target_header.show + #target_main > .background_title { padding-top:calc(6.66em + 5 * 2.25em);  } 
	header#target_header nav a:before { width:1em; }
	header#target_header nav .registrace { display:none; }
	header#target_header #toggle_menu + nav span.lang { float:left; margin-left:0; width:1em; margin-right:0.5em; margin-top:0.5em; }
	header#target_header #toggle_menu + nav a.lang { float:left; width:auto; margin-right:0.5em; padding-left:0; margin-left:0; margin-top:0.5em; }
*/

	#body .background_title .model_oblasti { width:90vw; right:2.5vw; left:2.5vw; }
	#body .background_title .model_oblasti.admin_oblasti > li > a:before { padding-right:0; }
	#body .background_title .model_oblasti > li > a > span { display:inline-block; font-size:0; }
	#body .background_title .model_oblasti > li > a > span:before { content:attr(data-short); font-size:calc(2 * var(--font-size)); }

	#body header#target_header nav  { background:var(--C-13); color:var(--C-3); display:block; width:calc(9.5em - 2 * var(--border)); padding:0; height:calc(3em - 2 * var(--border)); float:right; position:relative; text-align:left; border:var(--border) solid var(--C-3); padding:0; overflow:hidden; -webkit-transition:height 0.3s; transition:height 0.3s; margin-left:0.66em; border-radius:var(--radius); }
	#body header#target_header nav:before { display:block; position:absolute; right:0.5em; top:0; height:2em; margin-top:0.66em; color:var(--C-3); }
	#body header#target_header nav a { display:block; height:1.66em; line-height:1.66em; padding:0.33em 1em; text-transform:none; text-decoration:none; margin-top:0; -webkit-transition:color 0.3s;  transition:color 0.3s; }
	#body header#target_header nav a:before { display:inline-block; width:1em; }
	#body header#target_header nav a.registrace,
	#body header#target_header nav a.logout { border:none; margin-left:0; text-align:left; background:none; color:inherit; }
	#body header#target_header nav #toggle_menu { display:block; float:none; margin-top:0; font-size:1em; padding:0.66em 0em 0.66em 1em; width:calc(100% - 1em); }
	#body header#target_header nav span.lang_select_wrapper { float:none; width:100%; }
	#body header#target_header nav span.lang_select { float:none; height:auto; position:static; overflow:visible; padding:0; border:none; width:100%; margin:0; padding:0; border-radius:0; border-top:1px solid var(--C-7); }
	#body header#target_header nav span.lang_select:before { display:none; }
	#body header#target_header nav span.lang_select > a {  }
	#body header#target_header nav span.lang_select > a.selected { display:none; }
	#body header#target_header nav span.lang_select > a:before { display:inline-block; }
	#body header#target_header nav:hover, #body header#target_header nav.hover { height:auto; color:var(--C-3); }
	#body header#target_header nav.hover:before { content:"\4f"; }
	#body header#target_header nav[data-pocet="1"]:hover, #body header#target_header nav[data-pocet="1"].hover { height:calc(3em + 2.33em * 1 + 4.66em); }
	#body header#target_header nav[data-pocet="2"]:hover, #body header#target_header nav[data-pocet="2"].hover { height:calc(3em + 2.33em * 2 + 4.66em); }
	#body header#target_header nav[data-pocet="3"]:hover, #body header#target_header nav[data-pocet="3"].hover { height:calc(3em + 2.33em * 3 + 4.66em); }
	#body header#target_header nav[data-pocet="4"]:hover, #body header#target_header nav[data-pocet="4"].hover { height:calc(3em + 2.33em * 4 + 4.66em); }
	#body header#target_header nav[data-pocet="5"]:hover, #body header#target_header nav[data-pocet="5"].hover { height:calc(3em + 2.33em * 5 + 4.66em); }
	#body header#target_header nav[data-pocet="6"]:hover, #body header#target_header nav[data-pocet="6"].hover { height:calc(3em + 2.33em * 6 + 4.66em); }
	#body header#target_header nav[data-pocet="7"]:hover, #body header#target_header nav[data-pocet="7"].hover { height:calc(3em + 2.33em * 7 + 4.66em); }
	#body header#target_header nav[data-pocet="8"]:hover, #body header#target_header nav[data-pocet="8"].hover { height:calc(3em + 2.33em * 8 + 4.66em); }
	#body header#target_header nav[data-pocet="9"]:hover, #body header#target_header nav[data-pocet="9"].hover { height:calc(3em + 2.33em * 9 + 4.66em); }
	#body header#target_header nav > a:not(.selected):hover { color:var(--C-3); }
	#body header#target_header nav .pwtr_anchor { height:0; padding:0; margin:0; display:block; }
	header#target_header a#toggle_help { width:1em; overflow:hidden; }



	footer#target_footer { height:5em; }
	footer#target_footer p > span:nth-child(3) { display:block; height:0; overflow:hidden; }
	#parallax > .parallax + footer#target_footer { margin-top:-5em; }
	#body .button_new_model { margin-bottom:2em; }
/*	#body .wrapper.wrapper_model_oblast > div { padding-left:0; } 
	#body .wrapper.wrapper_model_oblast h3[data-oblast]:before { position:static; padding-right:0.5em;  } */
	#body .wrapper.wrapper_model_form .indikator > h4,
	#body .wrapper.wrapper_model_form .indikator > p { }
/*	#body .wrapper.wrapper_model_form .indikator > .vstup { float:left; margin-left:0; margin-bottom:1em; }
	#body .wrapper.wrapper_model_form .indikator > .vstup > input + label { width:auto; }
	#body .wrapper.wrapper_model_form .indikator > .overeno { margin:0; clear:both; float:left; }
	#body .wrapper.wrapper_model_form .indikator > .vystup { float:right; margin-right:0; } 
	#body .wrapper.wrapper_model_form .indikator > .metodicky_list { bottom:calc(3.3em + 2 * var(--border)); } */
	#body .wrapper.wrapper_model_form .indikator > .vystup.hidden + .metodicky_list { bottom:1.3em; }
	
	#graf_srovnani > div > em { font-size:0.8em; }

}

@media (max-width: 830px){ 
	.wrapper_modely { width:400px; }
	.wrapper_23.wrapper_fixed_width { width:95vw; }
	#form_registrace .wrapper_13.wrapper_fixed_width { width:46.25vw; }
}


@media (max-width: 630px){ 
	#body { font-size:4vw; }
	#body .button + .button { margin-left:0; margin-top:calc(var(--margin) * 2); }
	.wrapper,
	.wrapper_12,
	.wrapper_23,
	#form_registrace .wrapper_13.wrapper_fixed_width,
	.wrapper_13 { width:95vw; float:none !important; }
	.wrapper_padding { padding-top:2.5em; padding-bottom:2.5em;  }
	header#target_header > a.logo { display:none; }
	.homepage_stitek svg.stitek { width:95vw; height:95vw; font-size:32px !important; }
	.homepage_stitek svg.stitek .kvadranty text { font-size:0.75em !important; }
	.homepage_stitek svg.stitek .indikatory g text { font-size:0.5em; }

	h1 { font-size:2.00em; }
	h2 { font-size:1.66em; }
	h3 { font-size:1.33em; }
	h4 { font-size:1.20em; }
	p { text-align:justify; }
	h1.tac:after, h2.tac:after { max-width:33vw; max-height:1.66vw; }

	.homepage_title p { text-align:center; font-size:1em; }
	.homepage_title h1 { margin-top:1em; }
	.homepage_oblast { padding-top:2em; }
	.homepage_oblast > p { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
	.homepage_oblast > h3[data-oblast] { padding-left:0; text-align:center; }
	.homepage_oblast > h3[data-oblast]:before { display:block; text-align:center; width:auto; position:static; font-size:2em; line-height:1.33em; }
	.homepage_EU_life > .wrapper > a { float:none; margin:0px auto 1em auto; width:232px; max-width:100%; position:static; }
	.homepage_EU_life > .wrapper > a > img { width:232px; max-width:100%; }
	.homepage_EU_life > .wrapper > p { padding-left:0; }

	header#target_header + div { padding-top:3.33em; }
	header#target_header.show + div { padding-top:calc(3.33em + 5 * 2.25em);  }
	header#target_header a#toggle_help { float:left; margin-left:-0.25em; }
/*	header#target_header + #target_main > div:first-child { padding-top:3.33em; }
	header#target_header.show + #target_main > div:first-child { padding-top:calc(3.33em + 5 * 2.25em);  }
 */
	footer#target_footer { height:9em;  }
	footer#target_footer > .wrapper { padding-top:0.5em; }
	footer#target_footer a.logo { position:static; }
	footer#target_footer p { clear:both; padding-left:0; }
/*	footer#target_footer p > span { display:block; height:0; overflow:hidden; } */
	footer#target_footer a.up:after { height:5em; bottom:-5em; }
	#parallax > .parallax + footer#target_footer { margin-top:-3em; }

	#body .background_title .wrapper_padding { padding-top:0.5em; padding-bottom:2.5em;  }
	#body .background_title .model_oblasti { left:0; width:95vw; text-align:center; padding-bottom:0.5em; }
	#body .background_title .model_oblasti > li { font-size:1em; }
	#body .background_title .model_oblasti > li > a > span:before { font-size:4vw; }

	#body .wrapper.wrapper_model_oblast h3[data-oblast]:before {  }

	#body .wrapper.wrapper_model_form .indikator { text-align:left; padding-left:0; padding-bottom:calc(6em + var(--border) * 2); }
	#body .wrapper.wrapper_model_form .indikator > h4 { padding-left:4.5em; /* min-height:5em; */}
	#body .wrapper.wrapper_model_form .indikator > h4[data-oznaceni]:before { left:0; }
	#body .wrapper.wrapper_model_form .indikator > .vstup	{ float:none; display:block; margin:0 0 1em 0em; }
	#body .wrapper.wrapper_model_form .indikator > .vstup input:not([type="checkbox"]) { width:8em; }
	#body .wrapper.wrapper_model_form .indikator > .vstup input:not([type="checkbox"]) + select { padding-left:0; text-indent:0; width:calc(100% - 14.25em - 2 * var(--border)); }
	#body .wrapper.wrapper_model_form .indikator > .vstup input:not([type="checkbox"]) + input[type="hidden"] + label { width:calc(100% - 10.64em - 1.756em - var(--border)); }
	#body .wrapper.wrapper_model_form .indikator > .overeno.radio_switch.radio_switch_symetric	{ width:calc(100% - 0.5em - 2 * var(--border)); float:none; margin:0 0 0 0; }
	#body .wrapper.wrapper_model_form .indikator > .vystup	{ margin:1em 0 0 0; width:10em; position:absolute; bottom:2em; right:0; }
	#body .wrapper.wrapper_model_form .indikator .metodicky_list, 
	#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku { bottom:0.75em; font-size:3em; }
	#body .wrapper.wrapper_model_form .indikator .vlozit_poznamku.show + div.poznamka  { height:calc(10.5em + var(--border) * 2); }
	#body .wrapper.wrapper_model_form .indikator div.poznamka > textarea { margin-top:1em; min-height:9em; }

	#stitek_indikator { padding-top:2em; }
	#stitek_indikator > strong { min-width:none; width:calc(50% - 2em - 1.25vw - var(--border) * 2); min-width:0; }
	#stitek_indikator[data-overeno="0"] span:not(.alt).overeno_0, 
	#stitek_indikator[data-overeno="1"] span:not(.alt).overeno_1, 
	#stitek_indikator[data-alt-overeno="0"] span.alt.overeno_0, 
	#stitek_indikator[data-alt-overeno="1"] span.alt.overeno_1 { width:calc(50% - 1.25vw - var(--border) * 2); }

	#form_login .buttons, #form_registrace .buttons { text-align:center; }
	#form_login .buttons .button, #form_registrace .buttons input.button { width:100%; margin-bottom:1em; }

	.wrapper_modely { width:calc(100vw - 2em); padding-top:0; }
	.wrapper_modely .model_box { width:calc(100% - 2em); height:calc(97.29% - 1.945em); margin-left:0; margin-right:0; padding:1em 1em 7em 1em; }

	#body .wrapper_modely > .buttons { display:block; width:auto; }
	#body .wrapper_modely > .buttons > a.button_new_model { width:calc(100% - 2em); height:4em; line-height:4em; margin-left:0; margin-right:0; padding:1em;  }
	#body .wrapper_modely > .buttons > span.button_new_model:not([href]) { width:calc(100% - var(--margin)); height:auto; }

	#graf_srovnani > div > em { font-size:0.6em; }

	table.indikatory { font-size:0.8em; line-height:1.2em; }
	table.indikatory th span { margin-left:0; }
	table.indikatory td { padding:0.2em 0; }
	table.indikatory td:first-child { padding-left:0.5em; }
	table.indikatory td:nth-child(2) { }
	
	#body .wrapper_srovnani > div { width:100%; display:block; }
	#body .wrapper_srovnani > div#stitek_indikator {  }
	#body .wrapper_srovnani > div#stitek_indikator select#stitek_id_indikator { top:1em; }
	#body .wrapper_srovnani > #graf_srovnani { height:calc(95vw - 2.5em); margin-left:95vw; width:90vh; margin-bottom:calc(90vh - 95vw + 2.5em); -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:rotate(90deg); transform:rotate(90deg); }
	#body .wrapper_srovnani > #graf_srovnani {  }
	
	
	

}
@media (max-width: 330px){ 
	:root {
		--radius:		 3px;
		--border:		 1px;
	}
	footer#target_footer { font-size:0.75em; }
}


@media (min-width: 831px){ 
	#form_model { width: 770px; min-width: 770px; }
	#form_model .wrapper_13 { min-width: 370px; }
}
@media (max-width: 830px){ 
	#form_model,
	#form_model .wrapper_13 { width: 370px; min-width: 370px; margin-bottom:1em; }
	#body #admin_indikator #indikator_jednotka_wrap input { width:calc(100% - 1.33em); margin-left:0; }
	#body #admin_indikator #indikator_jednotky > label + label { display:none; }
	#body #admin_indikator #indikator_jednotky input.sk, 
	#body #admin_indikator #indikator_jednotky input.cs, 
	#body #admin_indikator #indikator_jednotky input.en { width:calc(50vw - 4em); }
	#body .wrapper_seznam_modelu { width:max-content; max-width:90vw; }
	#body .wrapper_seznam_modelu > div { display:block; width:auto; }
	#body .wrapper_seznam_modelu > div + div { margin-top:3em; }
}
@media (max-width: 630px){ 
	#form_model,
	#form_model .wrapper_13 { width: 95vw; min-width: 95vw; }
	#body #admin_indikator #indikator_jednotka_wrap { width:100%; }
	#body #admin_indikator #indikator_jednotky input.sk, 
	#body #admin_indikator #indikator_jednotky input.cs, 
	#body #admin_indikator #indikator_jednotky input.en { width:calc(100% - 1.33em); }
	#body #admin_indikator .list span { margin-left:2em; }
	#body .wrapper_seznam_modelu > div { width:100%; }
}




/* UPRAVY PRO PARALLAX */
.background_mesto { background:none; }
#body { width:100vw; height:100vh;  }
#parallax { height: 500px; height: 100vh; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 50vw; perspective: 50vw; width:100vw; }
#parallax > * { position:relative; }
#parallax > .parallax { z-index:-2; margin-top:-20vw; position: relative; height: 500px; height: calc(56vw + 12.5vh); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#parallax > .parallax > .parallax_layer { position: absolute; bottom: 0; left: 0; right: 0; height: calc(56vw + 12.5vh); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
#parallax > .parallax > .parallax_layer_base { -webkit-transform: translateZ( -5vw) scale(1.1); transform: translateZ( -5vw) scale(1.1);	z-index: 4; background:url('../img/bg1.svg') left 50% top 0vh no-repeat; background-size:100% auto; }
#parallax > .parallax > .parallax_layer_back { -webkit-transform: translateZ(-10vw) scale(1.2); transform: translateZ(-10vw) scale(1.2);	z-index: 3; background:url('../img/bg2.svg') left 50% top 0vh no-repeat; background-size:100% auto; }
#parallax > .parallax > .parallax_layer_deep { -webkit-transform: translateZ(-25vw) scale(1.5); transform: translateZ(-25vw) scale(1.5);	z-index: 2; background:url('../img/bg3.svg') left 50% top 0vh no-repeat; background-size:100% auto; }
#parallax > .parallax + #target_footer { margin-top:-4em; }

#parallax > .parallax.parallax_P > .parallax_layer_base { background-image:url('../img/bg1.svg');	}
#parallax > .parallax.parallax_P > .parallax_layer_back { background-image:url('../img/bg2-les.svg');	}
#parallax > .parallax.parallax_P > .parallax_layer_deep { background-image:url('../img/bg3-ekomesto.svg');	}

#parallax > .parallax.parallax_E > .parallax_layer_base { background-image:url('../img/bg1-E.svg');	}
#parallax > .parallax.parallax_E > .parallax_layer_back { background-image:url('../img/bg2.svg');	}
#parallax > .parallax.parallax_E > .parallax_layer_deep { background-image:url('../img/bg3.svg');	}

#parallax > .parallax.parallax_A > .parallax_layer_base { background-image:url('../img/bg1-A.svg');	}
#parallax > .parallax.parallax_A > .parallax_layer_back { background-image:url('../img/bg2-jerab.svg');	}
#parallax > .parallax.parallax_A > .parallax_layer_deep { background-image:url('../img/bg3.svg');	}

#parallax > .parallax.parallax_M > .parallax_layer_base { background-image:url('../img/bg1-M.svg');	}
#parallax > .parallax.parallax_M > .parallax_layer_back { background-image:url('../img/bg2-jerab.svg');	}
#parallax > .parallax.parallax_M > .parallax_layer_deep { background-image:url('../img/bg3-mesto-letadlo.svg');	}

#parallax > .parallax.parallax_G > .parallax_layer_base { background-image:url('../img/bg1-G.svg');	}
#parallax > .parallax.parallax_G > .parallax_layer_back { background-image:url('../img/bg2-les.svg');	}
#parallax > .parallax.parallax_G > .parallax_layer_deep { background-image:url('../img/bg3-ekomesto.svg');	}

#parallax > .parallax.parallax_model_C > .parallax_layer_base { background-image:url('../img/bg1-M.svg');	}
#parallax > .parallax.parallax_model_C > .parallax_layer_back { background-image:url('../img/bg2-jerab.svg');	}
#parallax > .parallax.parallax_model_C > .parallax_layer_deep { background-image:url('../img/bg3-mesto-letadlo.svg');	}

#parallax > .parallax.parallax_model_P > .parallax_layer_back { background-image:url('../img/bg2-jerab.svg');	}
#parallax > .parallax.parallax_model_P > .parallax_layer_deep { background-image:url('../img/bg3-ekomesto.svg');	}

#parallax > .parallax.parallax_model_B > .parallax_layer_base { background-image:url('../img/bg1-G.svg');	}
#parallax > .parallax.parallax_model_B > .parallax_layer_back { background-image:url('../img/bg2-les.svg');	}
#parallax > .parallax.parallax_model_B > .parallax_layer_deep { background-image:url('../img/bg3-ekomesto.svg');	}



#parallax > .parallax.parallax_jerab		> .parallax_layer_back { background-image:url('../img/bg2-jerab.svg');	}
#parallax > .parallax.parallax_les 			> .parallax_layer_back { background-image:url('../img/bg2-les.svg');	}

#parallax > .parallax.parallax_ekomesto		> .parallax_layer_deep { background-image:url('../img/bg3-ekomesto.svg');	}
#parallax > .parallax.parallax_eko_vrtulnik	> .parallax_layer_deep { background-image:url('../img/bg3-ekomesto-vrtulnik.svg');	}
#parallax > .parallax.parallax_letadlo		> .parallax_layer_deep { background-image:url('../img/bg3-mesto-letadlo.svg');	}

#parallax > .wrapper_full_height + .parallax { margin-top:-43vw; margin-top:-20vw; }


#parallax > .parallax { height: calc(56vw); }




#parallax > .background_title.parallax { margin-top:0; height:auto; background:none; z-index:-1; }
#parallax > .background_title.parallax .parallax_layer { height:calc(100% + 12.5vh); background:#fff url('../img/bg_headline.jpg') 50% 40% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
#parallax > .background_title.parallax.homepage_title .parallax_layer { top:12.5vh; }
#parallax > .background_title.parallax:after { display:block; height:50vh; width:100%; background:var(--C-12); background:linear-gradient(var(--C-12) 50%,rgba(250,247,240,0)); content:' '; position:absolute; z-index:1; bottom:-50vh; left:0; }
@media (max-width: 630px){
	#parallax > .background_title.parallax { height:auto; }
	#parallax > .background_title.parallax .parallax_layer  { height:calc(100% + 12.5vh); }
}