body { margin:0; padding:0;padding-top:2px;padding-bottom:3px; text-align:center;
	color: white;
	background-color: black;	/* gray; #ffcc99; #f9f9f9; #0a0;*/
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; 
	}

* { padding:0; margin:0; }
body, div,p, td,th { font-size:10pt; text-align:left; }
p	{ margin:0; margin-bottom:0.2em; padding:0; }

#page { width:800px; margin:auto; padding:0px;
	text-align:center; background-color: black; }

	#hlavicka { width:800px; height:auto; min-height:67px;
		margin: auto; margin-bottom: 0px; padding: 0px;
		text-align: center;
		border-bottom: 2px solid black; background-color: #1D951D; /*#12B812;*/ }
		
		#titulek-levy { float:left; height:64px; width:160px;
			margin:0px; padding:0px; text-align:center; }
		#titulek-levy img { height:60px; margin:1px; 
			text-align:center; }
		#titulek-levy a img, #titulek-levy a img:hover { border: 0px; }
			
		#titulek { width:auto; height:64px;
			margin: 0 0 0 160px; padding: 2px 0 0 0;
			text-align:center; /*background:#1D951D; /*#12B812;*/*/ }
		#titulek h1 { position:relative; top:0px; font-size: 18pt; margin:0px; padding:0px; }
		#titulek h4 { position:relative; top:0px; font-size: 12pt; margin:0px; margin-top:2px; padding:0px; }
		#titulek h1 a, #titulek h4 a, #titulek h1 a:visited, #titulek h4 a:visited, 
		#titulek h1 a:active, #titulek h4 a:active, #titulek h1 a:hover, #titulek h4 a:hover {
			text-decoration: none; color: white; 
		}

	#menu { float:left; text-align:left; width:160px;
		margin:0px; padding:0px; 
		background-color: #D4F199; }

		.menutitulek {	width: auto; 
			padding: 1px 0px 3px 0px; margin: 0px;
			font-size: 10pt; font-weight: bold; text-align: center; 
			border: 0px; border-top: 1px solid black; 
			background-color: #1D951D; /*#12B812;*/ }
		
		.menublok { 	width:auto; 
			padding: 1ex 0px 1.5ex 0px; margin: 0px;
			text-align: center;
			border: 0px; border-bottom:2px solid black; 
			background-color:#D4F199; }
			
			.banner { margin:auto; margin-top:3px; padding:0; border:1px solid black; }
			.banner:hover	{ border-color: #1D951D;  }
			
			div.sponzor { text-align:center; padding:0;  
				margin:auto; margin-top:0px; margin-bottom:3px; }
			div.sponzor { background-color: black; padding-bottom:1ex; margin:auto; margin-bottom:2px; }
			div.sponzor a, div.sponzor a:visited { color: #00FF00; /*#7CE75C;*/ font-weight:bold; text-align:center; }
			div.sponzor a:hover, div.sponzor a:active { color:white; font-weight:bold; border-color: #99de1c; }
			div.sponzor a img { padding:0; margin:auto; 
				text-align:center; border-width: 1px 0 1px 0; border-style:solid; border-color:black; }
			div.sponzor a img:hover	{ border-color: #1D951D;  }
			
			div.menumain	{ width:auto;/*132px;*/ color: #003f00;/*#035303;*/
				padding: 3px 4px 3px 4px;
				margin: 0px 6px 0.5ex 7px; }
			
				a.menu,a.menu:link { color: #003f00;/*#035303;*/ font-weight:normal; }
				a.menumain,a.menumain:link	{ color: #003f00;/*#035303;*/ font-size:11pt; font-weight:bold; }
				a.menumain:active, a.menumain:hover, 
					div.menumain:active, div.menumain:hover { display: block; }
		
			div.menu	{ width:auto;/*138px;*/ color: #003f00;/*#035303;*/
				padding: 1px 1px 1px 1em;
				text-indent: -0.8em;
				margin: 0px 8px 0ex 8px; }
		
				a.menu:visited, div.menu:visited, a.menumain:visited, div.menumain:visited
					{ text-decoration:none; color: #003B00; /*#004500; #036303;*/; }
				a.menu:hover, div.menu:hover, a.menumain:hover, div.menumain:hover,
				a.menu:active, div.menu:active,a.menumain:active, div.menumain:active
					{ text-decoration:underline; background-color: #FFFFFF; /*#99de1c; /*#87c319; #64a400; #96D615; */ }
				
	.obsah { width:auto; height:auto; min-height:15em;
		margin: 0px 0 0px 160px; /*162px*/
		border-style: solid; border-color: black; border-width: 1px 0 2px 2px;
		padding: 0 0 1em 0;	/* okraj zespodu */
		text-align:left; color: white;
		background: #004D00 url('pics/Jarni_beh-logo-middle-brown-tr.gif') 100px 120px no-repeat; /*#005400 #036303*/
	}
		
	.obsah .sub-obsah { padding: 2px 10px 0px 10px; }
	.obsah .sub-obsah ul, .obsah ul { padding:0 0 0 2em; margin:3px 0px 18px 8px; list-style-type:disc; /* circle; */ }
	.obsah .sub-obsah ul li, .obsah ul li { line-height:1.3em; }
		
		.ruka { cursor: pointer; _cursor:hand; text-decoration: none; } /*#7CE75C;*/
		/*#ruka:active  {	text-decoration:underline; }*/
		/*#ruka:visited {	text-decoration: none; color: #00FF00; } */
		/*#ruka:hover   {	text-decoration:underline; }*/
		
		a,a:link, .ruka { text-decoration: none; color: #00FF00; /*#4ABF4A; #7CE75C;*/ }
		a:active, .ruka:active { text-decoration:underline; }
		a:visited, .ruka:visited { text-decoration: none; color: #00FF00; /*#C9F190; #7CE75C;*/ }
		a:hover, .ruka:hover { text-decoration:underline; }
		
		a.main,a.main:link	{ font-weight:bold; }
		a.main:active	{ text-decoration:underline; }
		a.main:visited	{ font-weight:bold; }
		a.main:hover	{ text-decoration:underline; }
		
		a.vstup { text-decoration: none; color:#0000d0;
			font-size: 1.3em; font-weight: bold;
			font-family: Courier New, Courier, Lucida Console, monospace; }
		a.vstup:visited	{ color:#0000d0; }
		a.vstup:hover	{ color:#f00000; }
		.vstup { text-decoration: none; color:#0000d0;
			font-size: 1.3em; font-weight: bold;
			font-family: Courier New, Courier, Lucida Console, monospace; }
		.vstup:visited { color:#0000d0; }
		.vstup:hover   { color:#f00000; }
		
		h1,h2,h3,h4,h5 { margin: 0.1em 0 0.2em 0; }
		
		.nadpis0 { font-size: 11pt; font-weight: bold; 
			margin-bottom:0;margin-top:0.4em; text-align:left; }
		.nadpis1 { font-size: 14pt; font-weight: bold; text-decoration:underline; 
			margin:0; padding-top:1ex; padding-bottom:1ex; ; text-align:left; }
		.nadpis2 { font-size: 16pt; font-weight: bold; 
			margin-bottom:0; text-align:left; }
		.nadpis3 { font-size: 20pt; font-weight: bold; 
			margin-bottom:0; text-align:left; }
		
		h4 { font-size: 12pt; font-weight: bold; margin-bottom:2px;}
		h3 { font-size: 14pt; font-weight: bold; }
		h2 { font-size: 18pt; font-weight: bold; }
		h1 { font-size: 24pt; font-weight: bold; }
		
		h3.nadpis0-2 { font-family: Courier New, Courier, Lucida Console, monospace; font-size: 1.0em; font-weight: bold; }
		h2.nadpis1-2 { font-family: Courier New, Courier, Lucida Console, monospace; font-size: 1.5em; font-weight: bold; }
		h2.nadpis2-2 { font-family: Courier New, Courier, Lucida Console, monospace; font-size: 2.0em; font-weight: bold; }
		h1.nadpis3-2 { font-family: Courier New, Courier, Lucida Console, monospace; font-size: 3.5em; font-weight: bold; }
		
		.back-link { float:right; padding: 4px 0 0 0; }
		
		sup	{ font-size: 8pt; }
		
		.clanek_datum { color:#504040; font-size:9pt; font-weight:normal; }
		
		.sez { font-size: 8pt; }
		
		.obr	 { font-weight: bold; text-decoration: none; color: #3333bd; }
		.obr:hover { text-decoration: underline; color: #0000ff; }
		
		.centr {	text-align:center; }
		
		.odst  { text-indent:1em; text-align:justify; padding:0; margin-bottom:1em; margin-right:1ex; }
		.odst1 { text-indent:0;   text-align:justify; padding:0; margin-bottom:1em; margin-right:1ex; }
		
		.odst2  { text-indent:1em; text-align:left; padding:0; margin-bottom:1em; margin-right:1ex; }
		.odst21 { text-indent:0;   text-align:left; padding:0; margin-bottom:1em; margin-right:1ex; }
		
		.new	{ font-size:9pt; color:#F1F160; font-weight:bold; font-style:italic; vertical-align:top; }
		.new-menu	{ font-size:9pt; color:#C00000; font-weight:bold; font-style:italic; vertical-align:top; }
		
		div.clanek { border-bottom: 1px solid DarkRed; padding-top: 1em; padding-bottom: 3px; }
		
		thead { display: table-header-group; }
		tbody { display: table-row-group; }
		
		.table_div  { width:45em; margin-left:auto;margin-right:auto; text-align:center; }
		.table_div2 { width:28em; margin-left:auto;margin-right:auto; text-align:center; }
		
		.table { width:45em; display:table; table-layout:auto; 
			margin:auto; padding:0; text-align:center;
			border-collapse:collapse; border-spacing:0px 0px; border:1px solid black; }
			
		.table-tracks { display:table; table-layout:auto;
			margin:auto; padding:0; text-align:center;
			border-collapse:collapse; border-spacing:0px 0px; border:1px solid black; }
		.table-header { display:table-caption; text-align:center; 
			padding:1px 1px 0px 1px; margin: 0 0 2px 0;
			font-size: 12pt; font-weight: bold; color:white; 
			 }
		.table-tracks td { font-size:11pt; }
		
		.row { display:table-row; vertical-align:middle; color:white; }
			
		.left-col { display:table-cell; font-weight:bold; text-align:right; padding:2px;padding-bottom:0px; color: white;
			background-color: #1D951D; /*#12B812;*/ border-bottom:1px dotted black; }
		.right-col { display:table-cell; padding: 0.3em 0.2em 0 0.3em; border-bottom:1px dotted black; }
		
		.program_header
			{ font-weight:bold; color: white; 
				background-color: #1D951D; /*#12B812;*/ }
		.td-program_header
			{ display: table-cell; padding-left:0.3em; padding-top:0.3em; border-bottom:1px solid black; }
		.left-col-cas { display:table-cell; text-align:right; padding:1px; padding-left:0.3em; padding-right:0.4em; border-bottom:1px dashed black; }
		.category-col { display:table-cell; text-align:left;  padding:1px; padding-left:0.2em; padding-right:0.4em; border-bottom:1px dashed black; }
		.age-col { 	 display:table-cell; text-align:left;  padding:1px; padding-left:0.2em; padding-right:0.4em; border-bottom:1px dashed black; }
		.delka-col { display:table-cell; text-align:right; padding:1px; padding-left:0.1em; padding-right:0.4em; border-bottom:1px dashed black; }
		
		.preview-h { max-width:320px; _width: expression(this.width>300 ? "290px" : auto );
			margin:auto;margin-top:2px; padding:0; }
		.preview-v { max-height:300px; _height: expression(this.height>250 ? "240px" : auto );
			margin:auto;margin-top:2px; padding:0; }
		
		.nic	{ font-size: 4pt; line-height: 0.2em; height:0.2em; margin:0px; padding:0px; }
		.nic2	{ font-size: 6pt; line-height: 0.5em; height:0.4em; margin:0px; padding:0px; }
		.nic3	{ font-size: 8pt; line-height: 0.8em; height:0.7em; margin:0px; padding:0px; }
		.nic0	{ font-size: 0px; line-height: 0px; height:0px; margin:0px; padding:0px; }

		.cleaner-r { clear:right;
			height:1px; font-size:1px; line-height:1px;
			margin:0; padding:0; }
		.cleaner-l { clear:left;
			height:1px; font-size:1px; line-height:1px;
			margin:0; padding:0; }
		.cleaner, .cistic-nic { clear:both;
			height:1px; font-size:1px; line-height:1px;
			margin:0; padding:0; }
		.cleaner2 { clear:both; display:none; height:1px; }
		.cistic { clear:both; }
		
		.skryvany { display: none; }
		
		.gallery { margin: auto auto 1em 1em; padding:0; 
			width:60%; border:0px solid Black; }
		div.gal_info, div.galgroup_info { color: white; }
		li.space { list-style-type:none; height:1em; line-height:1ex; }
		li.sekce { list-style-type:none; margin-left:-1em; }
		
		.preview-h { border:4px solid #444; width:480px; margin:2px; margin-bottom:1px; }
		.preview-v { border:3px solid #444; height:360px; margin:2px; margin-bottom:1px; }