/* BODY */

body 		{	
	padding: 		0px;
	margin: 		auto;
	text-align: 		center;
	font-family: 		Arial CE, Arial, Verdana, Helvetica, sans-serif;
	background: 		url(source/_zaklad/_background.gif);
	color: 			#000000;
	font-size: 		0.8em;
	height: 		100%;
		}

/* NADPISY */  


h1	/* nadpis stranky */	{	
	font-size: 		1.4em;
	color: 			#000000;
	border-bottom: 		1px solid black;
				}

h2	/* nadpis clanku */	{	
	font-size: 		1.2em;
	color: 			#000000;
	border-bottom: 		1px dotted #bbbbbb;
				}

h3	/* nadpis odstavce */	{	
	font-size: 		1.0em;
	color: 			#000000;
				}

td /* pismo v tabulce */	{	

	border-bottom: 		1px dotted #bbbbbb;
		}

.no td /* pismo v tabulce */	{	
	border-bottom: 		none;
		}


.datum	/* datum u reportazi...  */	{	
	color: 			#0000FF;
		}

.kurziva	/* kurziva */	{	
	font-style:      	italic;
		}
.tucne	/* kurziva */	{	
	font-weight:      	bold;
		}
.stred	/* text uprostred */	{	
	text-align:      	center;
		}
.vpravo	/* text vpravo */	{	
	text-align:      	right;
		}
.vpravo_kurziva	/* text vpravo a kurzivou*/	{	
	text-align:      	right;
	font-style:      	italic;
		}

/* ODKAZY  */ 


a:link		{
	color:			#000000;
		}

a:visited	{
	color:			#000000;
		}		

a:active	{
	color:			#000000;
		}		

a:hover		{	
	background-color:	#525552;
	color:			#ffffff;
	font-weight: 		none;
		}
a.zpet		{
	position: 	relative;
	left: 		390px;
	top: 		30px; 
	font-size: 	0.8em;
		}

	

/* LAYOUT */  

.container_index	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_index.gif);
		}

.banner_index	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_index.gif);
		}

.citat		 	{	
	position:		relative;
	left: 			0px;
	bottom:			0px;
	padding:		0px 0px 0px 0px;
	margin:			0px 0px 0px 0px;
			}

.container_cervena	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_cervena.gif);
		}

.banner_cervena	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_cervena.gif);
		}

.container_zelena	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_zelena.gif);
		}

.banner_zelena	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_zelena.gif);
		}

.container_oranzova	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_oranzova.gif);
		}

.banner_oranzova	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_oranzova.gif);
		}

.container_hneda	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_hneda.gif);
		}

.banner_hneda	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_hneda.gif);
		}

.container_modra	{	
	margin: 		auto;
	width: 			820px;
	text-align: 		left;
	background: 		url(source/_zaklad/_background_content_modra.gif);
		}

.banner_modra	 	{	
	width: 			820px;
	height: 		140px;
	background: 		url(source/_zaklad/_banner_modra.gif);
		}

.top	 	{	

	height: 		25px;
	background: 		url(source/_zaklad/_top.gif) no-repeat;
	margin:			0px 0px 10px 0px;
 		}

.central 	{	
	position:		relative;
	top:			0px;
	left:			0px;
	width: 			820px;
	margin:			0px;
	padding:		0px;
		}

.left	 	{	
	position:		relative;
	width: 			160px;
		}


.content 	{	
	width: 			460px;
	margin-left:		160px;
	padding:		0px 0px 0px 25px;
		}

.enter 	{	
	position:		relative;
	width: 			820px;
	height: 		318px;
	padding:		0px 10px 0px 10px;
	margin: 		0px 0px 0px 0px;
		}

.right	 	{	
	position:		relative;
	float: 			right;
	left:			8px;
	width: 			160px;
	padding:		10px 0px 0px 0px;
	margin:			0px 0px 0px 0px;}

.iframeindex		{	
	height:			420px;
	background-color: 	#ffffff;
	font-size: 		1.8em;
		}


.iframeUvod	{	
	background-color:	#ffffff;
	color: 			#555555;
	position:		relative;
	float: 			left;
	height:			75px;
	left:			59px;
	top:			52px;
	width: 			148px;
		}

.iframe 	{	
	height:			200px;
	background-color:	#eeeeee;
	color: 			#555555;
		}

.datum	/* datum u aktualit...  */	{	
	color: 			#ff0000;
		}
	
.footer_index	{	
	clear: 			both;
	height: 		182px;
	background: 		url(source/_zaklad/_footer_index.gif) no-repeat;
		}

.footer_cervena	{	
	clear: 			both;
	height: 		90px;
	background: 		url(source/_zaklad/_footer_cervena.gif);
		}

.footer_zelena	{	
	clear: 			both;
	height: 		90px;
	background: 		url(source/_zaklad/_footer_zelena.gif);
		}

.footer_oranzova	{	
	clear: 			both;
	height: 		90px;
	background: 		url(source/_zaklad/_footer_oranzova.gif);
		}

.footer_hneda	{	
	clear: 			both;
	height: 		90px;
	background: 		url(source/_zaklad/_footer_hneda.gif);
		}

.footer_modra	{	
	clear: 			both;
	height: 		90px;
	background: 		url(source/_zaklad/_footer_modra.gif);
		}

a.whc_index 	{	
	position:		relative;
	float: 			right;
	height: 		14px;
	width:	 		120px;
	right: 			5px;
	top: 			167px;
	background: 		url(source/_zaklad/male_logo.gif) no-repeat;
	text-decoration:	none;
	color:			#666666;
	font-size: 		0.9em;	}

a.whc_index:hover 	{	
	text-decoration:	none;
	background-color:	#bbbbbb;
	color:			#ffffff;
		}

a.whc	 	{	
	position:		relative;
	float: 			right;
	height: 		14px;
	width:	 		120px;
	right: 			5px;
	top: 			75px;
	background: 		url(source/_zaklad/male_logo.gif) no-repeat;
	text-decoration:	none;
	color:			#666666;
	font-size: 		0.9em;	}

a.whc:hover 	{	
	text-decoration:	none;
	background-color:	#bbbbbb;
	color:			#ffffff;
		}


a.www	 	{	
	position:		absolute;
	float: 			left;
	height: 		120px;
	width:	 		440px;
	margin-top:		20px;
	margin-left: 		370px;
	background-color: 	transparent;	}

a.www:hover	 	{	
	position:		absolute;
	float: 			left;
	height: 		120px;
	width:	 		440px;
	margin-top:		20px;
	margin-left: 		370px;
	background-color: 	transparent;	}

/* MENUs */  

ul.list_left 	{
	position:		absolute;
	top:			0px;
	left:			10px;
	list-style-type:	none;
	padding:		0px 0px 0px 0px;
	margin:			0px 0px 0px 0px;
		}

ul.list_left li 	{
	oveflow:		hidden;
	float:			left;
		}

ul.list_left li a {
	width:			150px;
	oveflow:		hidden;
	display:		block;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
		}


ul.list_top 	{
	list-style-type:	none;
	padding: 		5px 130px 5px 130px;
	margin: 		0px 0px 0px 0px;
	height:			25px;
		}

ul.list_top li 	{
	oveflow:		hidden;
	display:		inline;
		}

ul.list_top li a {
	oveflow:		hidden;
	padding: 		5px 4px 4px 4px;
	margin: 		0px 0px 0px 0px;
		}

ul.list_enter 	{
	position:		relative;
	top:			0px;
	left:			0px;
	display:		inline;
	list-style-type:	none;
	padding: 		0px 0px 0px 0px;
	margin: 		0px;
	height:			300px;
	background-color:	transparent;
		}

ul.list_enter li 	{
	oveflow:		hidden;
	float:			left;
	}

ul.list_enter li a {
	oveflow:		hidden;
	padding: 		0px 0px 0px 0px;
	margin: 		0px 0px 0px 0px;
	float:			left;

	height:			293px;
	oveflow:		hidden;
	display:		block;
			}


/* TLACITKA */  


a.menu_ms 		{
	background: 		url( "source/button/jaro.gif" ) no-repeat;
	background-position:	right top;
	width:			235px;
			}
a.menu_ms:hover 	{	
	background: 		url( "source/button/jaro.gif" ) no-repeat;
	background-position:	right bottom;
	width:			235px;
			}

a.menu_zs 		{
	background: 		url( "source/button/leto.gif" ) no-repeat;
	width:			164px;
			}
a.menu_zs:hover 	{	
	background: 		url( "source/button/leto.gif" ) no-repeat;
	background-position:	left bottom;
	width:			164px;
			}

a.menu_sd 		{
	background: 		url( "source/button/podzim.gif" ) no-repeat;
	width:			164px;
			}
a.menu_sd:hover 	{	
	background: 		url( "source/button/podzim.gif" ) no-repeat;
	background-position:	left bottom;
	width:			164px;
			}

a.menu_sj 		{
	background: 		url( "source/button/zima.gif" ) no-repeat;
	background-position:	left top;
	width:			235px;
			}
a.menu_sj:hover 	{	
	background: 		url( "source/button/zima.gif" ) no-repeat;
	background-position:	left bottom;
	width:			235px;
			}







a.menu_top	 	{	
	background: 		url( "source/button/top.gif" ) 	repeat-x;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
	font-weight: 		bold;
		}
a.menu_top:visited {
	color: 			#000000;
		}
a.menu_top:hover 	{
	background: 		url( "source/button/top.gif" ) 	repeat-x;
	color: 			#000000;
	font-weight: 		bold;
	background-position: 	left bottom;
			}


a.menu1_zelena	 	{	
	background: 		url( "source/button/left1_zelena.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
	font-weight: 		bold;
		}
a.menu1_zelena:visited {
	color: 			#000000;
		}
a.menu1_zelena:hover 	{
	background: 		url( "source/button/left1_zelena.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	font-weight: 		bold;
	background-position: 	right bottom;
		}


a.menu2_zelena	 	{	
	background: 		url( "source/button/left1_zelena.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
		}
a.menu2_zelena:visited {
	color: 			#000000;
		}
a.menu2_zelena:hover 	{
	background: 		url( "source/button/left1_zelena.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	background-position: 	right bottom;
	text-decoration:	none;
		}


a.menu1_oranzova	 	{	
	background: 		url( "source/button/left1_oranzova.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
	font-weight: 		bold;
		}
a.menu1_oranzova:visited {
	color: 			#000000;
		}
a.menu1_oranzova:hover 	{
	background: 		url( "source/button/left1_oranzova.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	font-weight: 		bold;
	background-position: 	right bottom;
		}


a.menu2_oranzova	 	{	
	background: 		url( "source/button/left1_oranzova.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
		}
a.menu2_oranzova:visited {
	color: 			#000000;
		}
a.menu2_oranzova:hover 	{
	background: 		url( "source/button/left1_oranzova.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	background-position: 	right bottom;
	text-decoration:	none;
		}


a.menu1_hneda	 	{	
	background: 		url( "source/button/left1_hneda.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
	font-weight: 		bold;
		}
a.menu1_hneda:visited {
	color: 			#000000;
		}
a.menu1_hneda:hover 	{
	background: 		url( "source/button/left1_hneda.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	font-weight: 		bold;
	background-position: 	right bottom;
		}


a.menu2_hneda	 	{	
	background: 		url( "source/button/left1_hneda.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
		}
a.menu2_hneda:visited {
	color: 			#000000;
		}
a.menu2_hneda:hover 	{
	background: 		url( "source/button/left1_hneda.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	background-position: 	right bottom;
	text-decoration:	none;
		}


a.menu1_modra	 	{	
	background: 		url( "source/button/left1_modra.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
	font-weight: 		bold;
		}
a.menu1_modra:visited {
	color: 			#000000;
		}
a.menu1_modra:hover 	{
	background: 		url( "source/button/left1_modra.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	font-weight: 		bold;
	background-position: 	right bottom;
		}


a.menu2_modra	 	{	
	background: 		url( "source/button/left1_modra.gif" ) 	repeat-y;
	background-color: 	transparent;
	color: 			#000000;
	text-decoration:	none;
		}
a.menu2_modra:visited {
	color: 			#000000;
		}
a.menu2_modra:hover 	{
	background: 		url( "source/button/left1_modra.gif" ) 	repeat-y;
	background-color: 	#FFFF00;
	color: 			#000000;
	background-position: 	right bottom;
	text-decoration:	none;
		}


/* LIGHTBOX ZACATEK */
#lightbox{	position: absolute;	left: 0;  top: 0;  width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }


#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(source/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(source/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }


#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* LIGHTBOX KONEC */













/* NADPISY   





.content th	/* hlavicka */	{
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}


.nadpis	/* nadpis - vysledky rhl po jednotlivych kolech...  */	{	
	font-size: 		1.6em;
	color: 			#0000FF;
		}



.pismo	/* bezny text - v tabulce*/  	{	
	font-size: 		1em;
   	text-decoration:	none;
		}

a.pismo:hover	{
	text-decoration:	none;
	font-weight: 		bold;
		}		

.pismoP	/* bezny text, zarovnany doprava, napr. "...nahoru" */  	{	
	font-size: 		0.8em;
	text-align:		right;
		}	

.seznam_hraci	{
	text-decoration:	none;
	font-size: 		1.1em;		}

a.seznam_hraci:hover	{
	text-decoration:	none;
	font-weight: 		bold;
		}	

.datum_aktualizace	{	
	font-size: 		1.3em;
	font-weight: 		bold;
	color: 			#ffff00;
	text-align:		center;
		}

.roky		{	
	font-size: 		1.5em;
	font-weight: 		bold;
	color: 			#ffff00;
	text-align:		right;
	clear: both;
		}

.navstevnost	{	
	background: 		url( "source/button/tlacitko_menu.gif" ) no-repeat;
	color: 			#0000FF;
	text-decoration:	none;
	font-weight: 		bold;
	padding:		2px 2px 2px 10px;
	margin:			200px 0px 0px 0px;
		}

.aktualizace	{	
	background: 		url( "source/button/tlacitko_menu.gif" ) no-repeat;
	color: 			#0000FF;
	text-decoration:	none;
	font-weight: 		bold;
	padding:		2px 2px 2px 10px;
	margin:			20px 0px 0px 0px;
		}








*/ 