body {
 background-color:#000000;
 color: #FFFFFF;
 font-family: Tahoma, sans-serif;
 font-size: 10pt;
 text-align: left;
}

table {
text-align: left;
}
th {
text-align: center;
}

#stred
{
 width: 950px;
 height: 319px;
}

#header
{
	width: 978px;
	height: 61px;
  background-image: url('../img/header.jpg');
	background-repeat: no-repeat;
}
 
#header #headercontent
{
	width: 950px;
	margin: 0 auto;
	padding: 25px 0px;
	text-align: center;
}

#left
{
	width: 722px;
	height: 360px;
  background-image: url('../img/left.jpg');
	background-repeat: no-repeat;
	position: absolute;
}

#right
{
	width: 256px;
	height: 370px;
  background-image: url('../img/right.jpg');
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 722px;
}

#right #headercontent3
{
	width: 256px;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;

}

#end #headercontent4
{
	width: 400px;
	margin: 0 auto;
	padding: 0px 0px;
}

#podhlavnim
{
padding-top: 680px; padding-left: 500px; padding-right: 20px;
}

#heroesgame
{
display: none;
}

.odpocet
{
border:none; font-family:verdana; font-size:16pt; font-weight:bold; background-color:black; color: red;
}

.white
{
color: white;
}
.white strong
{
color: red;
text-decoration: underline;
}

.titles
{
font-size: 14pt; 
margin: 0;
padding: 0; 
font-weight: normal;
padding-bottom: 8px;
padding-left: 22px;
color: white;
text-align: left;
}
.titles2
{
margin: 0;
padding: 0; 
font-weight: normal;
padding-top: 8px;
padding-bottom: 2px;
padding-left: 0px;
color: white;
font-size: 13pt;
text-align: left;
}
.titles3
{
margin: 0;
padding: 0; 
font-weight: normal;
padding-bottom: 2px;
padding-left: 0px;
color: white;
font-size: 13pt;
text-align: left;
}
.vyska
{
height: 90px;
}
.odkazy
{
text-align: left;
}

.noborder
{
border: none;
}

.dead
{
filter: alpha(opacity=50);  
-moz-opacity: 0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5;  
}

.drag{
cursor: move;
z-index: 100;
border: 1px darkred dashed;
}

.countdown
{
font-size: 14pt;
}

#all
{
  width: 978px; position: relative; margin-left: auto; margin-right: auto;
}

#middle
{
	width: 978px;
	height: 229px;
  background-image: url('../img/middle.jpg');
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 360px;
}
 
#end
{
	width: 978px;
	height: 78px;
  background-image: url('../img/end.jpg');
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 589px;
	padding-left: 20px;
} 

#nevid
{
	width: 312px;
	height: 141px;
  background-image: url('../img/nevid.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: 310px;
	top: 26px;
	cursor: pointer; cursor: hand;
} 
#eyes
{
	width: 85px;
	height: 85px;
	position: absolute;
	left: 180px;
	top: 296px;
} 
#newserver
{
	position: absolute;
	left: 68px;
	top: 48px;
	border: none;
	cursor: pointer; cursor: hand;
	background-image:url(img/hg_new_serv.jpg); 
	background-repeat: no-repeat;
  height: 150px; width: 208px;
} 

#newserver2
{
	position: absolute;
	left: 68px;
	top: 48px;
	border: none;
	cursor: pointer; cursor: hand;
	background-image:url(img/hg_new_serv2.jpg); 
	background-repeat: no-repeat;
  height: 150px; width: 208px;
} 

#reg
{
	width: 277px;
	position: absolute;
	left: 720px;
	top: 310px;
	z-index: 15;
} 

#bubble
{
	width: 277px;
	height: 175px;
  background-image: url('../img/bubble.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 460px;
	top: 380px;
	cursor: pointer; cursor: hand;
	z-index: 10;
	text-align: center;
	color: #cc0000;
	font-weight: bold;
	font-size: 11pt;
} 

h1 {
font-size: 14pt; text-align: center; color: #ffcc99;
margin: 0; padding: 0; font-weight: normal;
}

h2 {
margin: 0;
margin-top: 5px;
text-align: center;
}

a {
color: #e2c347;
text-decoration: none;
}
a:link {
color: #e2c347;
text-decoration: none;
}
a:visited {
color: #e2c347;
text-decoration: none;
}
a:hover {
color: orange;
text-decoration: underline;
}

img {
border: 1px black solid;
}

ul.advice li {list-style-image: url("img/advice.gif"); color: #99cccc; font-weight: bold;}
ul.advice strong {font-size: 11pt;}

ul.book li {list-style-image: url("img/book.gif"); color: red; font-weight: bold; padding-bottom: 5px;}

ul.bulb li {list-style-image: url("img/bulb.gif"); color: orange; font-weight: bold; padding-bottom: 5px;}

ul.char li {list-style-image: url("img/char.gif"); color: green; font-weight: bold; padding-bottom: 5px;}

div.story p {text-indent: 5%;}
div.skryvaci p {text-indent: 5%;}
.prima {font-style: italic; font-weight: bold;}
/*input {
font-weight: bold;
background: black;
color: white;
border: 1px white solid;

}*/

#logo {
 background-image: url("img/hlavicka.jpg");
 text-align: center;
 background-repeat: no-repeat;
 background-position: center;
 height: 214px;
 width: 950px;
 cursor: pointer; cursor: hand;
}
#logo_en {
 background-image: url("img/hlavicka_en.jpg");
 text-align: center;
 background-repeat: no-repeat;
 background-position: center;
 height: 214px;
 width: 950px;
 cursor: pointer; cursor: hand;
}
#lista {
 background-image: url("img/hlavicka_lista.jpg");
 background-repeat: no-repeat;
 background-position: center;
 height: 39px;
 width: 950px;
}
#panel {
 background-image: url("img/panel.jpg");
 background-repeat: no-repeat;
 background-position: center;
 height: 105px;
 width: 950px;
}


ul {
margin: 0;
padding: 0;
padding-left: 15px;
}

table.box_zpravy { 
border: 1px black solid;
background: darkred;
vertical-align: top; width: 98%;}

.nadpis {
font-size: 14pt; text-align: center; color: #ffcc99;
margin: 0; padding: 0;
}

.butin {
color: white;
background-color: black; 
border: 1px gray solid;
width: 100px;
height: 14px;
font-size: 8pt;
font-weight: bold;
}

.butin2 {
color: white;
background-color: black; 
border: 1px black solid;
width: 100px;
height: 18px;
font-size: 8pt;
font-weight: bold;
}

.butin3 {
color: white;
background-color: black; 
border: 1px black solid;
width: 140px;
height: 18px;
font-size: 8pt;
font-weight: bold;
}

.small {
font-size: 8pt;
text-align: center;
}

.smaller {
font-size: 9pt;
text-align: left;
}

.bezborderu {
border: none;
}

select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:30px;
}
#lg{
font-size: 11pt;
font-weight: bold;
 font-family: Tahoma, sans-serif;
}
select#lg option[value="cs"] {
background-image:url(flags/cs.gif);}
select#lg option[value="en"] {
background-image:url(flags/en.gif);}

#navigace
{
color: white;
margin-left: 0;
width: 140px;
font: normal 0.8em Verdana, sans-serif;
text-align: left;
}
#navigace li
{
list-style: none;
margin: 0;
font-size: 1em;
}
#navigace a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #333;
border-width: 1px;
border-style: solid;
border-color: #000 #000 #000 #000;
border-left: 1em solid #660000;
padding: 0.25em 0.5em 0.4em 0.75em;
}
#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #f30; }
#navigace a
{
width: 99%; /* Důležité pro IE */
}
#navigace a:hover, #navigace a#aktivniodkaz:hover
{
background: #111111;
border-color: #000 #000 #000 darkred;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#navigace a:active, #navigace a#aktivniodkaz:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
} 
#splista
{
padding-left: 30px; top: 240px; position: absolute;
}
.skryvany {display: none; }

.redwarning {
color: red; font-weight: bold;
}
.greenwarning {
color: green; font-weight: bold;
}
.orangewarning {
color: orange; font-weight: bold;
}
.yellowwarning {
color: yellow; font-weight: bold;
}
.nezobr {
display: none;
}
.tdlista
{
border-right: 1px black dashed; padding-left:10px;
}
.tdlista2
{
padding-left:10px;
}
.floatim
{
float:right;
margin:5px;
}
.reklama
{
background: #660000;
}

.noborder
{
border: none;
}

.dashed
{
border-top: 1px dashed black;
border: 0;
      color: black;
      background-color: black;
      height: 1px;
}

.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Verdana;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 230px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Verdana; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
			font-style: normal;
		}
		.classic2 { padding: 3px; font-size: 10pt;}
		.classic { padding: 3px; font-size: 10pt;}
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: darkred; border: 1px solid black; }
		.classic2 {background: darkred; border: 1px solid black; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

a.svetlejsi img {  
filter: alpha(opacity=50);  
-moz-opacity: 0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5;  
}  
a.svetlejsi:hover img {  
     filter: alpha(opacity=100);  
     -moz-opacity: 1.0;  
     -khtml-opacity: 1.0;  
     opacity: 1.0;  
 }  

.registrace{
position: absolute;
right: 25px;
z-index: 100;
}

#button{
background-image:url(img/button.png); height: 41px; width: 295px;
}
#button2{
background-image:url(img/button2.png); height: 41px; width: 295px;
}
.regi{
font-size: 16pt; padding-top: 6px;
}
h1.regi a{
color: snow;
}
h1.regi a:hover {
color: orange;
text-decoration: none;
}