@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskRegular.otf") format("woff2") ;
		font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
	}
	
	@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskRegular-Italic.otf") format("woff2") ; 
		font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
	}

	@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskMedium.otf") format("woff2") ;
		font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
	}

	@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskMedium-Italic.otf") format("woff2") ;
		font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
	}

	@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskBold-Italic.otf") format("woff2") ;
		font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
	}

	@font-face {
		font-family:"niveau-grotesk";
		src:url("./fonts/niveaugrotesk/NiveauGroteskBold.otf") format("woff2") ;
		font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
	}
 

 
 
 /* reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol,  
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
	}
	:focus {outline: 0;} /* remember to define focus styles! */
	body {line-height: 1; color: black; background: white;}
	ol {list-style: none;}
	table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
	caption, th, td {text-align: left;font-weight: normal;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	* { box-sizing: border-box;}
/* reset end */

	html {min-height:100%;}
	body {font-family:  niveau-grotesk,  Helvetica; font-size: 0.85em; position: relative;  } /* 75.3% puvodni font size */
	a {text-decoration: underline;}
	a:hover {text-decoration: none;}
	p,   ol, dl, address, blockquote {margin-bottom: 0.5em;}
	 dl, ol {margin-top: 0.5em}
	  dl, ol {margin-top: 0.5em}
	ol {list-style-type: decimal;margin-left:20px;}
	.hidden {position: absolute; top: -1024px;}
	strong {font-weight: bold;}
	
/* clear */
	.clear:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
	.clear {display: inline-block;}

/* Hide from IE Mac \*/
	.clear {display: block;}
	* html .clear {height: 1px;}

/* End hide from IE Mac */


@media screen and (prefers-color-scheme: light) {
  body {
	background-color: white;
	color: black;
  }
}



:root 	{ }
		
/*== stiny ==*/

	.stin0  {-moz-box-shadow: 0px 0px 1px 0px var(--color17); -webkit-box-shadow: 0px 0px 1px 0px var(--color17); box-shadow: 0px 0px 1px 0px var(--color17); }
	.stin1  {-moz-box-shadow: 0px 0px 2px 0px var(--color17); -webkit-box-shadow: 0px 0px 2px 0px var(--color17); box-shadow: 0px 0px 2px 0px var(--color17);}
	.stin4  {-moz-box-shadow: 0px 0px 5px 0px var(--color17); -webkit-box-shadow: 0px 0px 5px 0px var(--color17); box-shadow: 0px 0px 5px 0px var(--color17);}
	.stin5white  {-moz-box-shadow: 0px 0px 20px 0px var(--color18); -webkit-box-shadow: 0px 0px 20px 0px var(--color18); box-shadow: 0px 0px 20px 0px var(--color18);}
	 
	  

/*== zakulaceni ==*/
	
	.zakulaceni1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; }
	.zakulaceni2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; }
	.zakulaceni3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
	.zakulaceni4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; }
	.zakulaceni5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; }
	 

/*== home ==*/
	 
	*	 			{ box-sizing: border-box;   }
	
	body, html 		{ height:100%;  }
	div, span, a	{ letter-spacing:0.7px; text-sdhadow: 0px 0px 0px var(--color03); } 
	
	
	
	
	.appbody		{  }
	
	.appcont 		{   min-height: 100%; background-position: center; background-repeat: no-repeat;  background-size: cover;  padding:0px; margin:0px;   display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;  align-content: center;  align-items: center;  	}
	
				
	
	.appheadmenu 	{ flex: 0; border:1px solid; padding:5px; }
	.apphead		{ flex: 0; background:var(--color00); padding: 10px; display: flex;  flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; width: 100%; border-bottom:var(--color01) 1px solid; }
	
	.appheadls         { flex:0; display:flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center;  justify-content: flex-start; margin-left:10px;}
	.appheaditems1     { }
	.projectnameh      { letter-spacing: 2px; flex:0; font-size:20px; line-height:35px; color:var(--color02); font-weight:900; white-space:nowrap; text-shadow: 0px 0px 1px var(--color03);   }
	.appheadmenuitem   { }
	
	.appheadrs         { flex:0; display:flex;     flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-end; padding-right:10px; }
			
	.podklad_menu			{ position: absolute;  width:0px; top: 55px; right: 0; bottom: 0; left: 0; z-index: 100000000004; opacity: 0; background-color: rgba(0,0,0,0.5); pointer-events: none;  transition: opacity 0.5s ease; }
	.podklad_menu_active 	{ opacity: 1; pointer-events: all; width:auto;}
	
	
	.menu_innercont { position: absolute; right: 0; bottom: 0; left: auto; display: flex; flex-direction: column;   max-width:380px; width:100%; height: 100%; overflow-y:auto;  transform: translate(0, 0); transition: transform 0.5s ease; flex-wrap: nowrap; align-content: center;  justify-content: flex-start; align-items: flex-start;  }
	.menu_innercont::-webkit-scrollbar { width: 5px; background: var(--color1) }
	.menu_innercont::-webkit-scrollbar-thumb { background:  var(--color14);  border-radius: 2px; }
	
	.menu_innercont_active { transform: translate(0, 0);}
	
	.mobmenucontlist        { flex: 1; padding: 0px; margin: 0px; width: 100%; list-style: none;	}
	.mobmenucontitem        { 	}
	.mobmenulinkitemdiv     { flex: 1; background: var(--color08); border-top: var(--color12) 1px solid; display: flex ; flex-direction: row;  flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; cursor:pointer;	}
	.mobmenulinkitemdiv:hover { background: var(--color09); }
	.mobmenulinkitemodk     { flex: 0; white-space: nowrap; color: var(--color10); text-decoration:none; padding: 20px; letter-spacing:1px; text-transform:uppercase; font-size:16px; font-weight:bold;  	}
	.mobmenulinkitemodk:hover     { }
	.mobmenulinkitemodkopen { flex: 0; color: var(--color10); text-decoration:none; padding: 12px;   font-weight:normal; }
	
	
	.mobul_submenu            	{ flex: 1; padding: 5px 5px 5px 15px; display:none; opacity:0; margin: 0px;  width: 100%; list-style: none; background: #FFFFFF; transition: all 1.5s linear;}
	.mobul_submenu_active	  	{ opacity:1; display:block; transition: all 1.5s linear; }
	.mobli_submenu            	{ }  
	.mobli_submenudiv         	{ flex: 1; background: var(--color08); border-bottom: var(--color12) 1px solid; display: flex ; flex-direction: row;  flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;}
	.mobli_submenudiv:hover   	{ background: var(--color09);}
	.mobli_submenu:first-child	{ border-top: var(--color12) 1px solid; }

	
	.mobli_submenuodk         	{	flex: 0; white-space: nowrap; color: var(--color10); text-decoration:none; padding: 16px; letter-spacing:1px; text-transform:uppercase; font-size:15px; font-weight:bold;     display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;}
	.mobli_flag				   	{ margin-right:20px;} 
	.mobli_submenutext        	{	}
	 
	
	
	
	
	
	
	 
	
	
	.appmiddle		{ flex: 1; width:100%; display:flex; flex-direction:column;  flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; }
	.appmiddleobsah	{ flex: 1; border:0px solid; width:100%; margin:20px 0px; display: flex; flex-direction: column;    flex-wrap: nowrap;  align-content: center; justify-content: center;  align-items: center;} 
	.appinfo		{ flex: 1; order:2; border:0px solid; width:100%; padding:40px 20px;  display:flex;    flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: stretch; }
	.appinfocont	{ flex: 1;  border: 0px solid; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start;  align-items: center;}
	.volbycont		{ flex: 1; display: flex;  flex-direction: column; margin: 0px; padding: 0px; list-style: none; border: 0px solid; flex-wrap: nowrap; justify-content: center; width:100%;  align-items: center; }
	.volbaitem		{ flex: 0; text-decoration:none; background: var(--color04);    font-weight: bold; font-size: 18px; line-height:28px; padding: 10px 40px;  text-decoration: none;   border-radius:5px;  margin: 15px 0px; width: 90%; text-align: center; }
	.volbaitem:hover	{ background: var(--color05);  }
	.applogin		{ flex: 1; order:1; border:0px solid; width:100%; padding:20px; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
	.applogincont   { flex: 0; border-radius: 3px; padding: 20px 30px; background: #FFFFFF; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start; align-items: center;     width: 100%; max-width: 300px; }
	.apploginico	{ flex: 0; color:var(--color14); font-size:20px; padding:10px 0px;}
	.applogintitle	{ flex: 0; color:var(--color14); padding:10px; font-size:14px;} 
	.apploginform   { flex: 0; padding:0px 0px 10px 0px;   display: flex;  flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start; align-items: stretch;     width: 100%;}
	
	.itemloginformusr    { flex:0; border-bottom:0px solid;   margin:20px 0px 10px 0px;  width: 100%;  display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center;  align-items: center;}
	.itemloginformhsl    { flex:0; border-bottom:0px solid;   margin:5px 0px;  width: 100%;  display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center;  align-items: center;   }
	.itemloginformsubmit { flex:0; border:0px solid; padding:10px; margin:20px 0px 10px 0px;  width: 100%;  display: flex; flex-direction: row; flex-direction: row; flex-wrap: nowrap; align-content: center;  justify-content: flex-end;  align-items: center; }
	
	 #login2	{ color: #FFFFFF; padding: 12px 50px; font-size: 15px; font-weight: bold; border: 0px solid;  background: var(--color14); letter-spacing: 0.5px;}
	 .apploginform form { flex:0; display: flex;  flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start; align-items: stretch;     width: 100%; }
	 #usrnnm, #hslk  { color:var(--color13); padding:8px; font-size:16px; font-weight:bold; text-align:left; letter-spacing:1px; border: #AAAAAA 1px solid; flex:1; max-width:200px;}
	 .falogininpico { flex:0; padding:0px 10px 0px 0px; color:#888888; font-size:20px;  }
	 #usrnnm:focus , #hslk:focus  {  background-color: var(--color19);  }
	 #login2:focus { background-color: var(--color20); }	 
		 
		 
		 
	input[type="text"]::placeholder, input[type="password"]::placeholder { font-size: 11px; color:#444444; font-weight:500; letter-spacing:1px; }
	.hlaseni		{ background-color: #fac540; color: #880000; line-height: 20px; padding: 10px; width: 100%; text-align: center;   border-radius:3px; }
	
	
	.appheadmenumob { color:var(--color02); cursor:pointer; font-size:20px !important; text-shadow:0px 0px 0px;}								   
	.apppruh		{ flex: 0; padding:5px; width:100%; background: linear-gradient( 90deg , var(--color15) , var(--color16)  );   margin-bottom:30px; padding:15px 20px; font-size:20px; line-height:20px; text-align:right; color:#FFFFFF; letter-spacing: 1px; font-weight: 900;}
	.volbaitem	a	{ color:var(--color06); text-decoration:none;  }
	.volbaitem	a	{ color:var(--color07); }
	
	
	.appfooter		{ flex: 0; font-size:10px; padding:10px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;  width: 100%; border-top:#DDDDDD 2px solid;	background: rgba(255,255,255,0.9);	}
	.apptirazodk    { color: #888888; }
		
		
	@media only screen and (min-width: 480px) {
		.apppruh		{ flex: 0; padding:5px; width:100%; background: linear-gradient( 90deg , var(--color15) , var(--color16)  );   margin-bottom:30px; padding:15px 20px; font-size:35px; line-height:35px; text-align:right; color:#FFFFFF; letter-spacing: 1px; font-weight: 900;}
		.projectnameh   { font-size:25px; }
		.appheadmenumob { font-size:30px !important; }	
		.volbaitem		{   padding: 20px 40px; width: 70%;  }		
	}

	@media only screen and (min-width: 880px) {
		
		.appmiddleobsah	{ flex: 1; 	border:0px solid; width:100%; margin:20px 0px; display: flex; flex-direction: row;  flex-direction: row; flex-wrap: nowrap;  align-content: center; justify-content: center;  align-items: stretch;} 
		.appinfo		{ order:1; 	padding:20px; }
		.applogin		{ order:2; 		}
		.appheadrs		{ padding-right:10px; } 
		.projectnameh   { font-size:35px; }
		.volbaitem		{ padding: 20px 40px; width: 70%;     }
		.apphead		{ padding: 18px 20px ; }
		.podklad_menu	{ top: 71px; }
	}