* { padding: 0; margin: 0; }

body {
 font-family: monospace;
 font-size: 13px;
 background: black;
 }
#wrapper { 
 margin: 0 auto;
 width: 922px;
 }
#content { 
 position:relative;
 width: 900px;
 color: #333;
 background: black;
 background:url('gfx/main.jpg') 0 0 no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 1387px;
}
#content a
{color: #33ff00;text-decoration:none}
#content a:hover
{color: #33ff00;text-decoration:underline}

#index { 
 position:relative;
 width: 900px;
 background: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:600px;
}
#index a{
color: white;
font-size: 18px;
Font-weight:bold;
text-decoration:none;}

#index a:hover{
color: #33ff00;
font-size: 18px;
Font-weight:bold;
text-decoration:none;}

#podstranka { 
 position:relative;
 width: 900px;
 color: #333;
 background: black;
 background:url('gfx/podstranka.jpg') 0 0 no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 1387px;
}



#podstranka a {
color:#33ff00;
text-decoration:none;} 
#podstranka a:hover {
color:white;} 

#menu a
{
display:block;
width:140px;
height:30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border:0px;
Font-weight:bold;
color: white;
background:url('gfx/menu.gif') 0 0 no-repeat;
text-decoration: none;
outline: none;
}

#menu a:hover
{
background: url('gfx/menu.gif') 0 0 no-repeat;
color: black;
text-decoration: none;
}

div.outer
{
background: url() 0 -32px no-repeat;
}

div.outer a
{
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
background: url('gfx/menu.gif') top left no-repeat;
}

div.outer span
{
display: block;
margin:0;
padding: 8px 25px 0 10px;
} 
.menubox {
position:absolute;
top:217px;
left:175px;
font-size: 17px;
background-color:none;}

.news {
font-family:arial;
position:absolute;
top:155px;
left:421px;
width:323px;
height:260px;
overflow:auto;
color:white;
background-color:none;}

.txt{
float: right !important;
position:absolute;
width:277px;
height:250px;
padding:5px 10px 5px 10px;
color:white;
background-color:none;
}

.doplnujici {
float: right;
font-family:arial;
position:absolute;
top:440px;
left:470px;
width:290px;
height:120px;
overflow:hidden;
color:white;
background-color:none;}

.next{
position:absolute;
font-size: 18px;
Font-weight:bold;
color:#33ff00;
top:190px;
left:460px;
width:150px;
height:30px;
background-color:none;
}

#back{
position:absolute;
font-size: 18px;
Font-weight:bold;
color:black;
top:1035px;
left:600px;
width:150px;
height:30px;
background-color:none;
}
#back a{

font-size: 18px;
Font-weight:bold;
color:black;
text-decoration:none;
}

#back a:hover{

font-size: 18px;
Font-weight:bold;
color:white;
text-decoration:none;
}

.podtext{
font-family:arial;
position:absolute;
top:250px;
left:240px;
width:433px;
height:700px;
overflow:auto;
color:white;
background-color:none;}

.quest{

position:absolute;
top:190px;
left:220px;
width:490px;
height:780px;
overflow:auto;
color:white;
}

.podtextg{
font-family:arial;
width:433px;
height:700px;
color:white;
background-color:none;}

.galerka{
font-family:arial;
position:absolute;
top:250px;
left:240px;
width:480px;
height:700px;
overflow:auto;
color:white;
background-color:none;}

.about{
position:absolute;
top:937px;
left:345px;
width:150px;
height:30px;
}
.contact{
position:absolute;
top:936px;
left:514px;
width:150px;
height:30px;
}
h1 {
font-family:arial;
font-size: 15px;
color: #33ff00;
}
h2 {
font-family:arial;
font-size: 13px;
Font-weight:bold;
color: #99cc00;
}
h3 {
Font-weight:bold;
}
.odstavec{
padding:10px 0px 0px 0px;}

.protoss{
position:absolute;
top:34px;
left:435px;
width:300px;
height:50px;
background-color:none;}