body { 	color: #003; 
		background-color: black;
		background-image: url("img/radky.gif");
		font-family: Arial CE, Helvetica CE, Arial, helvetica, sans-serif;
		font-size: 14px;
		text-align: justify;
		padding: 0;
		margin: 0;}

.blok { background-color: #69C;
		position: relative;
		margin: 0 auto;
		width: 800px;
		height: 800px;
		border-width: 1px;
		border-color: yellow;
		border-style: solid;}
		
.zahlavi {background-image: url("img/ertlista.gif");
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-color: #369;
		height: 76px;
		margin: 0;
		padding: 0;
		border-width: 0 0 1px 0;
		border-color: yellow;
		border-style: solid;}

.kde  { width: 200px;
		height: 85px;
		background-image: url("img/kom.gif");
		background-repeat: no-repeat;
		background-position: 0% 0%;
		background-color: #69C;
		border-width: 0 0 1px 0;
		border-color: yellow;
		border-style: solid;
		padding: 3px 0 3px 0;
		margin: 0;
		text-align: center;}
 
.kam  { width: 200px;
		height: 170px;
		background-image: url("img/kam.gif");
		background-repeat: no-repeat;
		background-color: #69C;
		border-width: 0 0 1px 0;
		border-color: yellow;
		border-style: solid;
		padding: 1px 0 3px 0;
		margin: 0;}

.info  {width: 190px;
		height: 446px;
		background-image: url("img/nove.gif");
		background-repeat: no-repeat;
		background-color: #69C;
		border-width: 0 1px 0 0;
		border-color: yellow;
		border-style: solid;
		margin: 0;
		padding: 5px;
		font-size: 12px;}

.prava { position: absolute; top: 77px; left: 200px;
		height: 702px;
		width: 579px;
		background-color: #69C;
		background-image: url("img/poz.jpg");
		background-repeat: no-repeat;
		background-position: 100% 100%;
		border-width: 0 0 0 1px;
		border-color: yellow;
		border-style: solid;
		padding: 10px;
		margin: 0px;}

.skha { position: absolute; bottom: 1px; right: 1px;
		width: 265px;
		height: 400px;
		background-image: url("img/skha.gif");
		background-repeat: no-repeat;}

h1, h2 {	font-size: 30px; 
		padding: 0px;
		margin: 0px;} 

.dik {  position: absolute; top: 620px; left: 5px;
		width: 400px;
		color: yellow;
		padding: 5px;
		margin: 20px 0;
		border-width: 1px 0;
		border-color: yellow;
		border-style: solid;}
 
.vyp, h3 { color: yellow;}

h3 { text-align: center;
	font-size: 18px;
	padding: 3px;
	margin: 10px 0 0 32px;} 

.datum { color: yellow;}

#rozce span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/rozcest.gif") top left no-repeat;}
#rozce { width:200px; height:20px; background:url("img/rozcest.gif");
		position:absolute; top:126px; left:0; width:200x; height:20px;}
#rozce:hover { background-position: -200px 0; }
#rozce:hover span { background-position: -200px 0; }

.ertoro { position:absolute; top:147px; left:0; width:200px; height:20px;
		background:url("img/ertoro3.gif");
		white-space:nowrap;
		margin:0; padding: 0;}
.ertoro span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/ertoro3.gif") top left no-repeat;
	  }
#news span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/news.gif") top left no-repeat;}

#news { width:200px; height:20px; background:url("img/news.gif");
		position:absolute; top:217px; left:0; width:200x; height:20px;}
#news:hover { background-position: -200px 0; }
#news:hover span { background-position: -200px 0; }

#enc span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/encyk.gif") top left no-repeat;}
#enc { width:200px; height:20px; background:url("img/encyk.gif"); 
		position:absolute; top:238px; left:0; width:200x; height:20px;}
#enc:hover { background-position: -200px 0; }
#enc:hover span { background-position: -200px 0; }

#lex span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/lexikon.gif") top left no-repeat;}
#lex { width:200px; height:20px; background:url("img/lexikon.gif");
	position:absolute; top:259px; left:0; width:200px; height:20px;}
#lex:hover { background-position: -200px 0; }
#lex:hover span { background-position: -200px 0; }

#ref span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/referat.gif") top left no-repeat;}

#ref { width:200px; height:20px; background:url("img/referat.gif");
		position:absolute; top:280px; left:0; width:200px; height:20px;}
#ref:hover { background-position: -200px 0; }
#ref:hover span { background-position: -200px 0; }

#ces span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/ces.gif") top left no-repeat;}

#ces { width:200px; height:20px; background:url("img/ces.gif");
		position:absolute; top:301px; left:0; width:200px; height:20px; }
#ces:hover { background-position: -200px 0; }
#ces:hover span { background-position: -200px 0; }

#kont span {display:block;
      position:absolute;  top:0; left:0; z-index:1;
      width:200px; height:20px;
      margin:0; padding:0;
      background:url("img/ekonta.gif") top left no-repeat;}
#kont { width:200px; height:20px; background:url("img/ekonta.gif");
		position:absolute; top:322px; left:0; width:200px; height:20px; }
#kont:hover { background-position: -200px 0; }
#kont:hover span { background-position: -200px 0; }

.nash { position: absolute; top: 850px; left: 600px;	
		width: 132px;
		height: 30px;
		background-image: url("img/nashlogo.gif");
		background-repeat: no-repeat;}