body{
			margin: 0;
			padding: 0;
			text-align: center;
			font-family: Arial, sans-serif;
		}

		#body_podklad {
			background-color: #ffffff;
			margin: auto;
		}

        header {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .logo {
            width: 100%;
            max-width: 1500px;
			content: url('zapis2/logo_400.gif');
            height: auto;
            transition: width 0.5s ease;
        }

		.checkmark {
			top: 0;
			left: 0;
			height: 25px;
			width: 25px;
			background-color: #eee;
			
        }	

		.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
		}
		.video-container iframe,
		.video-container object,
		.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

		#hamnav {
		  width: 100%;
		  max-width: 1500px;
		  background: #006DD9;
		  /* Optional */
		  position: sticky;
		  margin: 10px auto;
		}


		#hamitems { display: flex; }

		#hamitems a {
		  flex-grow: 1;
		  flex-basis: 0;
		  padding: 15px;
		  color: white;
		  text-decoration: none;
		  text-align: center;
		  font-size: 1.35rem;			
		}

		#hamitems a:hover { background: #af0d0d; }

		#hamnav label, #hamburger { display: none; }

@media (max-width: 799px) {
		  /* (A) BREAK INTO VERTICAL MENU */
		  #hamitems a {
			box-sizing: border-box;
			display: block;
			width: 100%;
			border-top: 1px solid #333;
		  }

		  /* (B) SHOW HAMBURGER ICON */
		  #hamnav label {
			display: inline-block;
			color: yellow;
			font-style: italic;
			font-size: 1.1em;
			padding: 2px;
			margin: 0 0 0 70%;
		  }

		  #hamitems { display: none; }
		  #hamnav input:checked ~ #hamitems { display: block; }
}

@media (max-width: 699px) {
		  /* (A) BREAK INTO VERTICAL MENU */
		  #hamitems a {
			box-sizing: border-box;
			display: block;
			width: 100%;
			border-top: 1px solid #333;
		  }

		  /* (B) SHOW HAMBURGER ICON */
		  #hamnav label {
			display: inline-block;
			color: yellow;
			font-style: italic;
			font-size: 1em;
			padding: 2px;
			margin: 0 0 0 70%;
		  }

		  #hamitems { display: none; }
		  #hamnav input:checked ~ #hamitems { display: block; }
}

@media (max-width: 599px) {
		  /* (A) BREAK INTO VERTICAL MENU */
		  #hamitems a {
			box-sizing: border-box;
			display: block;
			width: 100%;
			border-top: 1px solid #333;
		  }

		  /* (B) SHOW HAMBURGER ICON */
		  #hamnav label {
			display: inline-block;
			color: yellow;
			font-style: italic;
			font-size: 0.9em;
			padding: 2px;
			margin: 0 0 0 70%;
		  }

		  #hamitems { display: none; }
		  #hamnav input:checked ~ #hamitems { display: block; }
	
}

@media (max-width: 499px) {
		  /* (A) BREAK INTO VERTICAL MENU */
		  #hamitems a {
			box-sizing: border-box;
			display: block;
			width: 100%;
			border-top: 1px solid #333;
		  }

		  /* (B) SHOW HAMBURGER ICON */
		  #hamnav label {
			display: inline-block;
			color: yellow;
			font-style: italic;
			font-size: 0.6em;
			padding: 2px;
			margin: 0 0 0 50%;
		  }

		  /* (C) TOGGLE SHOW/HIDE MENU */
		  #hamitems { display: none; }
		  #hamnav input:checked ~ #hamitems { display: block; }
}


		/* graficke menu 2*/

		A.menu2:link, A.menu2:visited {
			color: #000099;
		}


		/* graficke menu 3*/
		A.menu3:link, A.menu3:visited {
			color:#990000;
		}


		/* hyperlinky */
		A {
			font-family: Verdana, "Geneva CE", lucida, sans-serif;
			font-size: 10px; 
			font-weight: bold; 
			text-decoration: none; 
		}

		A:link {
			color:#000066;
		}

		A:visited {
			color: #000066;
		}

		A:hover {
			color: #4f711f;
		}

		A:active {
			color: #4f711f;
		}

		.nadpis {

			font-family: Verdana, "Geneva CE", lucida, sans-serif;
			text-align: center;
			padding: 0.2em 0 0.2em 10px;
			color: #663333;
			font-weight: bold;
			font-size: 0.9rem;
		}


		.grid {
			border: windowframe 1px solid;
			background-color: #dff9ff;
			border-collapse: separate;
		}

		.grid td {
			white-space: nowrap;
			font-family: "arial", "helvetica", sans-serif;
			font-size: 0.9rem;
			color: #000000;
			border-right: threedlightshadow 1px solid;
			border-bottom: threedlightshadow 1px solid;
			padding: 1px;
			padding-left: 10px;
			padding-right: 10px;
			border-color: #000000;
		}

		.grid th {
			white-space: nowrap;
			font-family: "arial","helvetica",sans-serif;
			font-size: 0.9rem;
			background-color: #dff9ff;
			color: #000000;
			border-left: threedhighlight 1px solid;
			border-top: threedhighlight 1px solid;
			border-right: threedshadow 1px solid;
			border-bottom: threedshadow 1px solid;
			padding: 1px;
			padding-left: 10px;
			padding-right: 10px;
		}

		.grid2 {
			border: windowframe 1px solid;
			background-color: #dff9ff;
			border-collapse: separate;
		}

		.grid2 td {
			white-space: normal;
			font-family: "arial", "helvetica", sans-serif;
			font-size: 0.9rem;
			color: #000000;
			border-right: threedlightshadow 1px solid;
			border-bottom: threedlightshadow 1px solid;
			padding: 1px;
			padding-left: 10px;
			padding-right: 10px;
			border-color: #000000;
		}

		.grid2 th {
			white-space: normal;
			font-family: "arial","helvetica",sans-serif;
			font-size: 0.9rem;
			background-color: #dff9ff;
			color: #000000;
			border-left: threedhighlight 1px solid;
			border-top: threedhighlight 1px solid;
			border-right: threedshadow 1px solid;
			border-bottom: threedshadow 1px solid;
			padding: 1px;
			padding-left: 10px;
			padding-right: 10px;
		}
	

		table {
			border-collapse:separate;
		}


		.z {
			padding: 10px 10px 10px 10px;
			/*background-color: #FF0000;
			color:#4f689a;*/
			font-size: 0.9rem;
			font-weight: normal;
		}

		.ram {
			width: 95%;
			max-width: 1450px;
			padding: 1% 2% 1% 2%;
			background-color:#ffffff;
			margin: 0px auto;
		}



		/* textova pole, tlacitka */
		.textbox {
			background-color: #FFFFFF;
			color: #000000;
			font-family: Verdana, "Geneva CE", lucida, sans-serif;
			font-size: 0.9rem;
			text-align: left;
			margin: 2px 0;
			padding: 2px;
		}

		.textpole {
			color: #000000;
			font-family: Verdana, "Geneva CE", lucida, sans-serif;
			font-size: 10px;
			margin: 0px 0 0 0;
			padding: 2px 0 0 0;
		}

		.tl {
			background-color: #660099;
			color: #FFFFCC;
			font-family: Verdana, "Geneva CE", lucida, sans-serif;
			font-size: 0.9rem;
			font-weight: bold;
			text-align: center;
			padding: 5px;
		}





		A.odkaz1:link {

			color: #000000;
			text-decoration: none;

		}

		A.odkaz1:visited {

			color: #000000;
			text-decoration: none;

		}

		A.odkaz1:hover {

			color: #ffff00;
			text-decoration: none;
		}

		A.odkaz1:active {

			color: #000000;
			text-decoration: none;
		}


		A.odkaz2:link {
			color:#000000;
			font-size: 9px;
			font-weight:normal;
			text-decoration:none;
		}

		A.odkaz2:visited {
			color: #000000;
			font-size: 9px;
			font-weight:normal;
			text-decoration:none;
		}

		A.odkaz2:hover {
			color: #000000;
			font-size: 9px;
			font-weight:normal;
			text-decoration:none;
		}

		A.odkaz2:active {
			color: #000000;
			font-size: 9px;
			font-weight:normal;
			text-decoration:none;
		}



		.z11 {
			color: #000000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: normal
		}

		ol {

			font-family: "verdana","arial";
			font-size: 0.9rem;
			text-align: justify;
			line-height: 2.7rem;
		}

		ul {

			font-family: "verdana","arial";
			font-size: 0.9rem;
			text-align: justify;
			list-style-type: square;
			line-height: 2.3rem;
		}


		.z11b {
			color: #000000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}



		.z11bm {
			color: #000099;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}


		.z11bc {
			color: #CC0000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}

		.z12 {
			color: #000000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: normal
		}


		.z12b {
			color: #000000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}

		.z12bm {
			color: #000099;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}


		.z12bc {
			color: #CC0000;
			font-family: "verdana","arial";
			font-size: 0.7rem;
			font-weight: bold
		}


		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {
			background-color: #ffe533;
			display:block;
			font-weight: bolder;
			color: #10509e;
			text-decoration: none;
			padding:4px;
			margin: 2px 0;
			/*border:none;*/
			font-size: 0.7rem;
			border-top: 1px solid #FF6600;
			border-right: 1px solid #FF6600;
			border-bottom: 1px solid #FF6600;
			border-left: 1px solid #FF6600;

		}

		A.menu_cervene:hover,A.menu_cervene:active {
			background-color:#ffff66;
			display:block;
			color: #10509e;
			text-decoration: none;
			padding:4px;
			margin: 2px 0;
			border-top: 1px solid #FF6600;
			border-right: 1px solid #FF6600;
			border-bottom: 1px solid #FF6600;
			border-left: 1px solid #FF6600;

		}

		A.menu_modre:link, A.menu_modre:visited {
			background-color: #74D0F1;
			display:block;
			font-weight: bolder;
			color: #10509e;
			text-decoration: none;
			padding:4px;
			margin: 2px 0;
			/*border:none;*/
			font-size: 0.7rem;
			border-top: 1px solid #FF6600;
			border-right: 1px solid #FF6600;
			border-bottom: 1px solid #FF6600;
			border-left: 1px solid #FF6600;

		}

		A.menu_modre:hover,A.menu_modre:active {
			background-color:#BBE2F5;
			display:block;
			color: #10509e;
			text-decoration: none;
			padding:4px;
			margin: 2px 0;
			border-top: 1px solid #FF6600;
			border-right: 1px solid #FF6600;
			border-bottom: 1px solid #FF6600;
			border-left: 1px solid #FF6600;

		}

		input, select, textarea {font: normal 100% Tahoma, SansSerif, Verdana;}

		textarea {
			resize: none;
			width: 100%;
			height: 100%;
		}

		.prihlaska_obal	{
			display: flex;
			height: auto;
		}
	
		.prihlaska_box1	{
			flex: 1;			
			height: auto;

		}
	
		.prihlaska_box2	{
			flex: 1;			
			height: auto;
		}	

		.kontrolaadresy {
			font-size: 1.2rem;
        	font-weight: bolder;
        	color: blue;
		}


@media (max-width: 900px) {
		.prihlaska_obal	{
			height: auto;
			flex-direction: column;
		}
	
}

@media (min-width: 500px) {

		#stranka_obal {width: 500px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_500.gif');}

		#hamnav {margin: 10px auto;}
	
		#hamnav a {font-size: 0.9rem;}	
		
		A {font-size: 1rem;}
	
		.nadpis {font-size: 1.1rem;}
	
		.z11 {font-size: 1rem;}

		ol, ul {font-size: 1rem; line-height: 2.5rem;}

		.z11b {font-size: 1rem;}

		.z11bm {font-size: 1rem;}

		.z11bc {font-size: 1rem;}

		.z12 {font-size: 1.1rem;}

		.z12b {font-size: 1.1rem;}

		.z12bm {font-size: 1.1rem;}

		.z12bc {font-size: 1.1rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 1rem;}	
	
		.grid td {font-size: 1.05rem;}		
	
		.grid2 td {font-size: 1.05rem;}		
	
		.kontrolaadresy {font-size: 1.2rem;}	
	
		.tl {font-size: 1rem;}	
	
}



@media (min-width: 700px) {

		#stranka_obal {width: 700px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_700.gif');}

		#hamnav {margin: 10px auto;}
		
		A {font-size: 1.1rem;}
	
		#hamnav a {font-size: 0.9rem;}	
	
		.nadpis {font-size: 1.4rem;}
	
		.z11 {font-size: 1.1rem;}

		ol, ul {font-size: 1.1rem; line-height: 2.7rem;}

		.z11b {font-size: 1.1rem;}

		.z11bm {font-size: 1.1rem;}

		.z11bc {font-size: 1.1rem;}

		.z12 {font-size: 1.25rem;}

		.z12b {font-size: 1.25rem;}

		.z12bm {font-size: 1.25rem;}

		.z12bc {font-size: 1.25rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 0.9rem;}	
	
		.grid td {font-size: 1.15rem;}			
	
		.grid2 td {font-size: 1.15rem;}
	
		.kontrolaadresy {font-size: 1.5rem;}
	
		.tl {font-size: 1.3rem;}	
	
}





@media (min-width: 900px) {

		#stranka_obal {width: 900px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_900.gif');}

		#hamnav {margin: 7px auto;}
	
		#hamnav a {font-size: 1rem;}	
		
		A {font-size: 1.1rem;}
	
		.nadpis {font-size: 1.8rem;}
	
		.z11 {font-size: 1.1rem;}
	
		ol, ul {font-size: 1.1rem; line-height: 2.7rem;}	

		.z11b {font-size: 1.1rem;}

		.z11bm {font-size: 1.1rem;}

		.z11bc {font-size: 1.1rem;}

		.z12 {font-size: 1.25rem;}

		.z12b {font-size: 1.25rem;}

		.z12bm {font-size: 1.25rem;}

		.z12bc {font-size: 1.25rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 1.1rem;}	
	
		.kontrolaadresy {font-size: 1.8rem;}
	
		.tl {font-size: 1.5rem;}	
	
}




@media (min-width: 1100px) {

		#stranka_obal {width: 1100px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_1100.gif');}

		#hamnav {margin: 5px auto;}

		#hamnav a {font-size: 1.3rem;}
		
		A {font-size: 1.2rem;}
	
		.nadpis {font-size: 2.2rem;}
	
		.z11 {font-size: 1.25rem;}
	
		ol, ul {font-size: 1.25rem; line-height: 2.8rem;}	

		.z11b {font-size: 1.25rem;}

		.z11bm {font-size: 1.25rem;}

		.z11bc {font-size: 1.25rem;}

		.z12 {font-size: 1.35rem;}

		.z12b {font-size: 1.35rem;}

		.z12bm {font-size: 1.35rem;}

		.z12bc {font-size: 1.35rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 1.2rem;}
	
		.grid td {font-size: 1.3rem;}		
	
		.grid2 td {font-size: 1.3rem;}
	
		.kontrolaadresy {font-size: 2.2rem;}	
	
		.tl {font-size: 1.8rem;}	
	
}




@media (min-width: 1300px) {

		#stranka_obal {width: 1300px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_1300.gif');}

		#hamnav {margin: 5px auto;}
	
		#hamnav a {font-size: 1.3rem;}
		
		A {font-size: 1.35rem;}
	
		.nadpis {font-size: 2.5rem;}
	
		.z11 {font-size: 1.35rem;}
	
		ol, ul {font-size: 1.35rem; line-height: 3rem;}	

		.z11b {font-size: 1.35rem;}

		.z11bm {font-size: 1.35rem;}

		.z11bc {font-size: 1.35rem;}

		.z12 {font-size: 1.45rem;}

		.z12b {font-size: 1.45rem;}

		.z12bm {font-size: 1.45rem;}

		.z12bc {font-size: 1.45rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 1.35rem;}
	
		.grid td {font-size: 1.4rem;}	
	
		.grid2 td {font-size: 1.4rem;}	
	
		.kontrolaadresy {font-size: 2.5rem;}
	
		.tl {font-size: 2rem;}	

}




@media (min-width: 1500px) {


		#stranka_obal {width: 1500px;margin: 0px auto 0px auto;	}

		.logo { content: url('zapis2/logo_1500.gif');}

		#hamnav {margin: 20px auto;}
	
		#hamnav a {font-size: 1.4rem;}
		
		A {font-size: 1.35rem;}
	
		.nadpis {font-size: 2.5rem;}
	
		.z11 {font-size: 1.35rem;}

		ol, ul {font-size: 1.35rem; line-height: 3rem;}	

		.z11b {font-size: 1.35rem;}

		.z11bm {font-size: 1.35rem;}

		.z11bc {font-size: 1.35rem;}

		.z12 {font-size: 1.45rem;}

		.z12b {font-size: 1.45rem;}

		.z12bm {font-size: 1.45rem;}

		.z12bc {font-size: 1.45rem;}
	
		A.menu_cervene:link, A.menu_cervene:visited, A.menu_modre:link, A.menu_modre:visited {font-size: 1.4rem;}
	
		.grid td {font-size: 1.4rem;}
	
		.grid2 td {font-size: 1.4rem;}
	
		.kontrolaadresy {font-size: 2.5rem;}

		.tl {font-size: 2rem;}
	
	}