<style>
html, body {
	height: 100%;         /* required */
}

body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background-image: URL('ba.gif');

/*	background-color:#99CCFF;*/
	overflow:scroll;
	margin:0; 
}
div#distance { 
	margin-bottom: -380; /* half of content height */
	background: transparent;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
/*min-height: 800;;         /* required - desired height */
height:500;

/*min-height: 100px; _height: 100px;*/

	width: 740;          /* required - desired width */
	background: url("img/bg1.jpg") no-repeat;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	background-color:#CCCCFF; 
	background-color:#99CCFF; 

}

div#content_priruba {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
/*min-height: 800;;         /* required - desired height */
height:500;

/*min-height: 100px; _height: 100px;*/

	width: 740;          /* required - desired width */
	background: url("img/bg1.jpg") no-repeat;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	background-color:#CCCCFF; 
	background-color:#99CCFF; 
background-image: URL('pozadi_priruba.gif');
}


div#nahore {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 140;         /* required - desired height */
	width: 740;          /* required - desired width */

	background: url("orez.gif") no-repeat; 
	background-color:#0033CC; 
	background-color:white; 

	margin: 0 auto;       /* required */
	clear: left;          /* required */

}
div#dole {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 20;         /* required - desired height */
	width: 740;          /* required - desired width */
	background: transparent;     /* cosmetic */
background-color:#0033CC;
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

div#nadp_l {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 25;         /* required - desired height */
	width: 140;          /* required - desired width */
	background: transparent;     /* cosmetic */
	background-color:#0033CC;
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}


a.bio, a.bio:link, a.bio:visited {text-decoration:none; color:black; font-weight:bold}
a.bio:hover {color:blue; }
a.bio:active {color:blue; }

a.play, a.play:link, a.play:visited {text-decoration:none; color:#CC0000; font-weight:bold;}
a.play:hover {color:orange; }
a.play:active {color:orange; }

a.nav, a.nav:link, a.nav:visited {display:block; height:20px; background:transparent; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; font: 11pt monospace; color:white; line-height:25px; overflow:hidden; float:left;font-weight:bold;margin-left:8;margin-right:8;width:115;font-family: Verdana, Arial, Helvetica, sans-serif;}
a.nav:hover {color:#809FFF; }
a.nav:active {color:#809FFF; }
 
.inact {display:block; height:20px; background:transparent; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; font: 11pt monospace; color:#99CCFF; line-height:25px; overflow:hidden; float:left;font-weight:bold;margin-left:8; margin-right:8;width:115;font-family: Verdana, Arial, Helvetica, sans-serif;}

a.nav2, a.nav2:link, a.nav2:visited {display:block; height:20px; background:transparent; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; font: 12pt monospace; color:white; line-height:25px; overflow:hidden; float:left;font-weight:bold;margin-left:15;margin-right:15;}
a.nav2:hover {color:#809FFF; }
a.nav2:active {color:#809FFF; }
 
.inact2 {display:block; height:20px; background:transparent; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; font: 12pt monospace; color:#99CCFF; line-height:25px; overflow:hidden; float:left;font-weight:bold;margin-left:15;margin-right:15;}
 
a.nav2a, a.nav2a:link, a.nav2:visited {display:block; height:17px; background:transparent; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; font: 12pt monospace; color:blue; line-height:25px; overflow:hidden; float:left;font-weight:bold;margin-left:3;margin-right:3;padding-left:3;padding-right:3;font: 10pt monospace; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
a.nav2a:hover {color:blue; background:#809FFF; }
a.nav2a:active {color:blue; }
 
.inact2a {display:block; height:17px; background:#0033CC; border:0px solid #000; margin-top:2px; text-align:center; text-decoration:none; color:white; line-height:20px; overflow:hidden; float:left;font-weight:bold;margin-left:3;margin-right:3;padding-left:3;padding-right:3; font: 10pt monospace; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}


a.map1, a.map1:link, a.map1:visited {
display:block;  background:url("mapa1a.gif") center no-repeat; 
border:0px solid #000;  
width:300px; height:195px;
}
a.map1:hover { background: url("mapa1b.gif") center no-repeat; }

a.map2, a.map2:link, a.map2:visited {
display:block;  background:url("mapa2a.gif") center no-repeat; 
border:0px solid #000;  
width:300px; height:195px;
}
a.map2:hover { background: url("mapa2b.gif") center no-repeat; }


.text1 {color:black;font: 11pt monospace;}
.text2 {color:black;font: 9pt monospace;}
.text2 {color:black;font: 11pt monospace;}

.text1 {color:black;font: 11px/1.5 Arial}
.text2 {color:black;font: 9pt monospace;}
.text2 {color:black;font: 11pt monospace;}

.info {color:black;font: 10pt monospace;}

.info {color:black;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}

.pozn {color:white;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}

.tabnormy {color:black;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
.tabnormynadpis {color:black;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;padding:1}
.tabnormyvlevo {color:black;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}


td.tabnormy {
	background: White;
	font-family: Arial;
	text-align: center;
	font-size: xx-small;
	color: Black;
}


td.tabnormynadpis{
   background: White;
	font-family: Arial;
	text-align: center;
	font-size: x-small;
	color: #26268D;
	font-weight: bold;
	padding: 4px;

}
td.tabnormy {
	background: White;
	font-family: Arial;
	text-align: center;
	font-size: xx-small;
	color: Black;
}

td.tabnormyvlevo {
	background: #99CCFF;
	font-family: Arial;
	text-align: left;
	font-size: xx-small;
	color: Black;
}

tr.tabnormy {
	background: White;
	font-family: Arial;
	text-align: center;
	font-size: xx-small;
	color: Black;
}

table.tabnormy {
	background: transparent;
	font-family: Arial;
	text-align: center;
	font-size: xx-small;
	color: Black;
}

</style>

