<style>
 body { 
		/* background-image:url("http://www.marias1968.8u.cz/templates/marias_24/images/Bottom_texture.jpg"); */
		 margin-left:15px; 
		 width: 98%;
		 max-width: 980px;
		/* color: #005500; */
	 }
.nadpis {
		margin-top: 65px;
		padding: 12px 12px 12px 12px;
		max-width:1240px;
		min-width:60%;
		border-top: 1px solid #005000;
		border-right: 4px solid #005000;
		border-bottom: 5px solid #005000;
		border-left: 2px solid #005000;
		border-radius: 12px;
		box-shadow: 10px -5px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		font-size: 120%;
        background: #F0FBDF;
		color: #005000
        }
h1, h2	{
		color: #1b0000
		}
li		{
		color: navy;

		}

.menu 	{
		color: #005500;
		padding: 0px;
		margin-left: 0px;
		list-style: none;
		display: block;
		min-width: 50%;
		}
	
.menu ul {
		position: absolute;
		visibility: hidden;
		background-color: #000;
		margin: 0;
		padding: 0;
		margin-top: 7px;
		border: 1px solid #000;
		border-radius: 6px;
		list-style-type: none;
		list-style: none;
		}
	
.menu li {
	float: left;
	margin-left:0px;
	padding:5px 5px 5px 5px;
	width: auto;
	white-space: nowrap;
	background-color: rgb(221, 221 221);
	list-style: none;
	border: 2px solid #000;
	border-radius: 6px;
	clear: both;
	}

/* .menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;} */
.menu a {
	padding: 5px;
	text-align: left;
	color: #1b0000;
	background: rgb(242, 240, 201);
	display: block;
	text-decoration: none;
	font-weight: bold;

	}
	
.menu ul a:link {color: #1b0000; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:visited {color: #1b1000; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:hover {color: #050; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}	

.zahl	{	
		max-width:100%;
		min-width:60%;
		color: #1b0000;
		padding: 0px;
		margin-top: 55px;
		margin-bottom:8px;
		padding-left:10px;
		display: inline;
		float: left;
		background-color:#FeF8f1;
		width: 99%;
		clear: both;
}
.zahl1{	
		
		color: #005f00;
		padding: 0px;
		margin-top: 30px;
		padding-left:10px;
		display: inline;
		float: left;
		background-color:#FeF8f1;
		width: 100%;
}
.zahl cd{	
		max-width:1240px;
		min-width:60%;
		color: #00f;
		padding: 0px;
		margin-top: 30px;
		display: inline;
		float: left;
		font-size: 30px;
	
}

.table_fix  {
		max-width:1240px;
		/* min-width:30%; */
		position: fixed;
		float: left;		
		top: 0px;
		'right: 1.7%;
		padding:0px;
		text-align: center;
		font-size: 22px;
		background-color: #fff;
		line-height:px;
		z-index:10;
		outline: 10px doble RGB(3810840);
		border: 2px solid RGB(3810840);
		border-radius: 6px;
}
.table_form {
		color:#060;
		width: 99%;
		max-width:1240px;
		min-width:60%;
		margin-top: 30px;
		padding: 25px;
		top: 10px;
		bottom: 20px;
		background: #FeF8f1;
		text-align: left;
		border: 3px ridge #060;
		border-radius: 16px;
		}
#absolut {
		position: fixed;
		float: right;		
		top: 45px;
		right: 25px;
		padding:6px;
		COLOR: NAVY;
		text-align: center;
		font-size: 22px;
		background: #FeF8f1;
		line-height:px;
		z-index:2;
		outline: 5px doble #050;
		border: 2px solid #000;
		border-radius: 10px;
		}		
#fix {
		position: fixed;
		float: right;		
		top: 5px;
		right: 370px;
		padding:6px;
		text-align: center;
		font-size: 22px;
		background: rgb(140,135,81);
		line-height:px;
		z-index:2;
		outline: 5px doble #050;
		border: 2px solid #050;
		border-radius: 10px;
		clear: both;
		}	
#fix1	{
		position: fixed;
		float: right;		
		top: 55px;
		right: 1%;
		padding:6px;
		text-align: center;
		font-size: 22px;
		background: rgb(140,135,81);
		line-height:px;
		z-index:2;
		outline: 5px doble #050;
		border: 2px solid #050;
		border-radius: 10px;
		clear: both;
}
#fix2	{
		position: fixed;
		float: right;		
		top: 105px;
		right: 1%;
		padding:6px;
		text-align: center;
		font-size: 22px;
		background: rgb(140,135,81);
		line-height:px;
		z-index:2;
		outline: 5px doble #050;
		border: 2px solid #050;
		border-radius: 10px;
		clear: both;
		}
#stranka {
		position: relative;
		top:16px;
		bottom: 0px;
		width: 98%;
		max-width: 1180px;
		min-width: 60%;
        margin: 0px auto 25px auto;
		padding: 0px 2px 25px 0px;
        text-align: left;
		font-size: 10px;
		border-top: #00a 1px solid;
		border-right: #00a 1px solid;
		border-bottom: #00a 4px solid;
		border-left: #00a 4px solid;
		border-radius: 12px;
		box-shadow: 5px 20px 35px #0600a8;
		webkit-box-shadow: 5px 20px 35px #000;
		moz-box-shadow: 5px 20px 35px #000;
		background-color: #FFF;
		line-height:18px;
		z-index: 2;
        }
copy	{
		writing-mode:vertical-lr;
		position: fixed;
		float: center;		
		top: 60px;
		right:0px;
		padding: 3px;
		text-align: center;
		font-size: 16px;
		background: rgb(140,135,81);
		line-height:14px;
		z-index:5;
		outline: 5px doble #050;
		border: 2px solid #050;
		border-radius: 4px;
		clear: both;
		}
footer	{
		position: relative;
		'float: center;	
		width: auto;
		top: 1px;
		bottom:24px;
		right:0px;
		left:0px;
		padding: 1px;
		text-align: center;
		font-size: 18px;
		background: rgb(242, 240, 201);
		line-height:19px;
		z-index:5;
		outline: 5px doble #000;
		border: 2px solid #110010;
		border-radius: 1px;
		clear: both;
		}
.footer {
		margin-left:0px;
		width: 100%;		
		min-width:60%;	
		position: fixed;
		left: 0px;
		bottom: 0px;
		padding: 3px;

		background-color: black;
		color: silver;
		text-align: left;
		margin-bottom: 1px;
		z-index: 20;
}
		</style>
		
		/* .menu {color: #000000; padding: 0; margin: 0; list-style-type: none; display:block}  */
/* .menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;} */
/* .menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;} */
/* .menu a {padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(141,135,81); display: block; text-decoration: none; font-weight: bold;} */
/* .menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;} */
/* .menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;} */
/* .menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);} */
/* .menu li:hover ul, ul.menu li.hover ul { visibility: visible;} */
/* .menu li li {float: none; border: none; padding: 0; margin: 0;} */
nav ul li ul {
display:none;
}
nav ul li {
float:left;
list-style:none;
width:150px;
height:30px;
background:#02517F;
text-align:center;
padding-top:12px;
border-right:2px solid white;
}

nav ul li:hover {
background: #466A7F;
text-align:center;
}

nav ul ul {
margin-top:10px;
}

nav ul li ul li {
margin-left:-40px;
}

nav ul li:hover > ul {display:block;}
nav ul li ul li {background: #49BBFF;}
nav ul li ul li:hover {background: #466A7F;}

/* Kontejner, který drží obě tabulky vedle sebe */
.table-container {
    display: flex; /* Důležité: Umožní umístění vedle sebe */
    overflow: hidden; /* Skryje případné rolovací lišty navíc */
    width: 100%;
}

/* 1. Levá tabulka (Přilepené sloupce) */
.fixed-cols {
    /* Vezme jen tolik místa, kolik potřebuje pro šířku dvou sloupců */
    flex-shrink: 0; 
    
    /* Vypne horizontální posuv pro tento díl */
    overflow-x: hidden; 
    
    /* Nastavte pozadí, aby se nepřekrývaly */
    background-color: #f7f7f7; 
    
    /* Ujistěte se, že obě tabulky mají stejné odsazení (padding) */
    padding-right: 1px; /* Malé oddělení */
}

/* 2. Pravá tabulka (Posouvané sloupce) */
.scroll-cols-wrapper {
    /* Klíčové: Umožní horizontální posuv pro pravou část */
    overflow-x: auto;
    
    /* Zajistí, že tato část zabere zbytek místa */
    flex-grow: 1; 
}
pata {
	z-index:20;
	}