:root {
  /* Font sizes - podle účelu, minimum pro běžný text je --font-size-body */
  --font-size-xs: 0.875rem;       /* 14px - drobné poznámky, copyright (zatím nepoužito) */
  --font-size-small: 0.9375rem;   /* 15px - drobné poznámky, copyright (zatím nepoužito) */
  --font-size-body: 0.9375rem;         /* 16px - základní text, menu, odkazy */
  --font-size-medium: 1.125rem;    /* 18px - horní menu (desktop), zvýrazněný text */
  --font-size-h2: 1.5rem;         /* 24px - podnadpisy, zápatí kontakt (desktop) */
  --font-size-h1: 2rem;           /* 32px - hlavní nadpis stránky */
}


body
	{
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	font-size: var(--font-size-body);
	line-height:1.25em; color:#400;
	margin:0; padding:0 4px; background-color:#d4d0c8; text-align:center;
	}
	/* 1rem = 16px - základní text, menu, odkazy */
	
/* ============================================
   NAHRADIT původní #lay1, #lay2, #lay3 tímto:
   ============================================ */
#lay1	{
	max-width:1200px; width:100%; margin:0 auto; padding:10px;
	text-align:left; background:#ffffee;
	border-left:10px solid #e0ae65;
	border-right:10px solid #e0ae65;
	box-sizing:border-box;
	display:flex; flex-wrap:nowrap;
	}


/* ============================================
   NAHRADIT původní #col-1 a #col-1zah tímto:
   ============================================ */
#col-1	{
	flex:0 0 220px;
	flex-shrink:0;
	width:220px;
	padding:10px 0 0 0;
	overflow:hidden;
	}

#col-1zah	{
	width:220px; margin:10px 0px 30px 0px;
	overflow:hidden;
	}


/* ============================================
   NAHRADIT původní #col-2zah a #col-2 tímto:
   (col-2zah se ruší, #main#col-2 přebírá jeho roli)
   ============================================ */
#col-2	{
	flex:1 1 480px;
	min-width:0;
	margin:10px 0px 10px 10px;
	padding:0;
	color:#400;
	overflow:hidden;
	}

#col-2zah	{
	margin: 0px 0px 30px 0px;
	font-size: var(--font-size-body);
}

/* ============================================
   NOVÉ: media query - zúžení sloupců na mobilu,
   dva sloupce zůstávají zachovány
   ============================================ */
@media (max-width: 1000px) {
	#lay1	{
	padding:6px;
	border-left:4px solid #e0ae65;
	border-right:4px solid #e0ae65;
	box-sizing:border-box;
	display:flex; flex-wrap:nowrap;
	}
	
	#col-1	{
		flex:0 0 150px;
		flex-shrink:0;
		width:150px;
		}

	#col-1zah img	{
		width:150px;
		height:auto;
		}

	#col-2	{
		flex:1 1 auto;
		width:auto;
		margin-left:8px;
		}

	body {
		font-size: var(--font-size-small);
		}
	
	.akceTab, .akceTab td {
			width: auto;
		}
}

@media (max-width: 480px) {
	#lay1	{
	padding:4px;
	border-left:2px solid #e0ae65;
	border-right:2px solid #e0ae65;

	
	}
	#col-1	{
		flex:0 0 100px;
		width:100px;
		}

	#col-1zah img	{
		width:100px;
		}
}

/* ============================================
   NOVÉ: oprava tabulky akceTab (z prvního fixu)
   ============================================ */
.akceTab {
	width:100%;
	max-width:100%;
	}

.akceTab td {
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	}


 /*============================================ sloupec 2  ============================================*/


 .ram
	{
	margin:0 0 20px 0; padding: 0px 0px 0px 0px;
	background:#fff;
	}
 
 .cla-nadpis
	{
	display:block;
	font-size:var(--font-size-body); text-align:left; font-weight:bold; line-height:1.3em;
	background:#fae6b6; margin:0px 0px 10px 0px; padding:10px;
	}

.cla-informace
	{
	text-align:left; margin:0.6em 0; font-size:var(--font-size-xs); line-height:1.2em; padding: 0px 5px 0px 10px;
	}

.cla-text
	{
	margin:0; color:#840; font-size: var(--font-size-body); text-align: justify; padding: 0px 5px 0px 10px;
	}

	
.cla-text td
	{
	color:#840;  vertical-align: top;
	}
 
.z	{
	font-size: var(--font-size-xs); color:#400; text-align:left; padding: 0px 5px 0px 10px;
	}
 
	
/*================ Bloky sloupce 1 ============================*/
	
.blok	{
	width:100%; margin:0 0 10px 0;
	overflow:hidden; background:#ffffb5;
	}

.bltit	{
	font-weight:bold; text-align:left;
	color:#fff; background:#e0ae65; padding: 6px 2px 6px 10px;
	}

p {
		margin: 0px;
	}

.opc	{
	/*opacity:0.9; _filter:alpha(opacity=90);*/
	}


.bloktx	{
	text-align:left; display:block; 
	color:#400; padding: 6px 2px 12px 10px;
	}

@media (max-width: 1000px) {
	.bltit	{ padding: 6px 2px 6px 6px; }
	.bloktx	{ padding: 6px 2px 12px 6px; }
}

@media (max-width: 480px) {
	.bltit	{ padding: 6px 2px 6px 4px; }
	.bloktx	{ padding: 6px 2px 12px 4px; font-size: var(--font-size-xs); }
}

/*============================================ OLD ============================================*/
 
#zahl	{
	position: relative; width:730px; height:300px; left:0; top:0;
	margin:0; padding:0; overflow:hidden;
	background:#eea405 url('nat2-top-r.jpg') no-repeat;
	}

#zah-l1	{
	position:absolute; width:auto; top:10px; right:10px;
	margin:0; padding:0; opacity:0.4; _filter:alpha(opacity=40);
	}
#zah-l2	{
	width:auto; bottom:0; right:0; color:#120; text-align:right;
	}

#wnadp	{
	color:#010; line-height:1.2em; margin:0; padding:0; font-size:48px;
	text-align:right;
	}



	
.topH1 { margin: 0px; font-size: 16pt; text-align: center;}



#zap	{
	position:relative; width:730px; left:0; top:0; margin:0; padding:0;
	clear:both; background:#eea405 url('nat2-top-r.jpg') 0% 30%;
	}
	


img	{
	border-color:#fff;
	}

/*p	{
	margin:0.6em 0; padding:0 1em;
	}*/



.clanok
	{
	position:relative; top:0; left:0; margin:0 0 20px 0; padding:1em;
	background:#fff;
	}

.topic	{
	position:relative; right:0px; padding:0;
	opacity:0.3; _filter:alpha(opacity=30);
	}






.nadpis
	{
	display:block;
	font-size: var(--font-size-body); text-align:left; font-weight:bold; line-height:1.3em;
	background:#fae6b6; margin:-15px -15px 0px -15px; padding:10px;
	}



.podnadpis
	{
	text-align:left; font-size:80%;
	}

.textbox
	{
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	color:#400; text-align: left; background-color:#fff; font-size:90%;
	width:100%; height:6em;
	}

.textpole
	{
	color:#400; background-color:#fff; margin:0;
	}

.tl 	{
	font-weight: bold; text-align:center; font-size:12px;
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	}

h1,h2		{ color:#400; }

hr		{ color:#840; border: 1px solid #210; }

a		{ color:#820; }
a:link		{ color:#820; }
a:visited	{ color:#820; }
a:hover		{ color:#400; text-decoration:none; background-color:#fff; }
a:active	{ color:#400; background-color:#fae6b6; }

a.zaplnk	{ color:#ffe; }
a.zaplnk:hover	{ color:#fff; background:none; }



.komz, .komlink
	{
	font-size:12px;
	}
.komhlav
	{
	font-size:12px; padding: 4px; font-weight: normal;
	}
.komtext
	{
	font-size:12px; padding: 3px; border:1px solid #210; _width:92%;
	}

.anketasysz
	{
	font-size:90%; font-weight:normal;
	}

.anketasysodp
	{
	font-size:80%; font-weight:normal; line-height:1.4em; text-align:left;
	}

.novdatum, .novtit, .novtitduraz
	{
	font-weight:bold; font-size:80%;
	}

.novtext
	{
	font-weight:normal; font-size:80%;
	}

.banner,.bannerpod
	{
	display:block; font-weight:normal; float:right; padding-bottom:12px;
	}

.strankovani
	{
	font-size: 70%; font-weight: normal;
	}

.chybastredni
	{
	text-align: center;
	}

.mezera	{
	width:5px;
	}

.ohr	{
	width:auto;
	}

.kaltext
	{
	font-size:70%; font-weight:normal;
	}
.kalclanek
	{
	background-color:#cc8b00;
	}
.kaldnesni
	{
	background-color:#fff;
	}


	
.akceTab td { margin: 0px; padding: 0px 10px 10px 0px; vertical-align: top; text-align: left;}



.akceTabColDat	{ width: 230px;}