body{
background-color: #000000;
margin: 0;
}
#page{
width: 800px;
margin: 0 auto;
}
#head{
background-image: url("./srafovani.png");
width: 100%;
height: 150px;
margin-bottom: 0px;
}
#textarea{
background-color: #292929;
width: 100%;
font-family: verdana;
font-size: 0.8em;
color: #ffffff;
margin-top: 10px;
position: relative;

height: auto;
}
#textarea a{
color: #ffffff;
}
#menu{
font-family: verdana;
color: #ffffff;
text-align: left;
margin-bottom: 5px;
margin-left: 10px;
width: 100px;
float: left;
font-size: 10px;
height: auto;
}
#menu img{
vertical-align: middle;
}
#right{
padding-left: 135px;
}
#right img{
border: 0;
}
#footer{
background-color: #292929;
width: 100%;
font-family: Verdana;
font-size: 0.8em;
color: #ffffff;
margin-top: 1px;
padding-top: 4px;
text-align: center;
clear: both;
}
#hlavicka-text{
text-align: right;
padding-right:10px;
padding-top: 100px;
}
#logo{
padding-top: 7px;
padding-left: 10px;
float: left;
}
img{
border: 0;
}
h1{
font-family: Verdana;
font-weight: bold;
color: #ffffff;
font-size:25px;
margin-bottom: -5px;
padding-left: 10px;
}
h2{
font-family: Verdana;
font-weight: bold;
color: #ffffff;
font-size:1.3em;
}
a{
color: #ffffff;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}
a:visited{
color: #ffffff;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}
a:active{
color: #ffffff;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}
a:hover{
color: #ffffff;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}
.key{
text-align: center;
background-image: url("./key.png");
background-repeat: no-repeat;
height: 30px;
}
.right{
text-align: right;
clear: right;
}
.vertical-middle{
vertical-align: middle;
*vertical-align: bottom;
clear: both;
}
.margin{
margin: 10px 10px 10px 10px;
padding: 0px;
position: relative;
}
.hra-odkaz{
position: relative;
width: 150px;
height: 220px;
font-size: 10px;
float: left;
padding-left: 10px;
}
.hra-odkaz a{
font-weight: normal;
text-decoration: none;
}
.hra-odkaz a:hover
{
text-decoration: none;
}
#footer img{
border: 0px;
}
.right-bottom{
text-align: right;
vertical-align: bottom;
*margin-bottom: -3px;
}
.right-top{
text-align: right;
vertical-align: top;
*margin-top: -8px;
}
.left-top img{
display: block;
*display: inline;
}
.right-top img{
display: block;
padding-left: 790px;
*display: inline;
*padding-left: 0;
}
.left-bottom img{
display: block;
*display: inline;
}
.right-bottom img{
display: block;
padding-left: 790px;
*display: inline;
*padding-left: 0;
}
.left-bottom{
text-align: left;
vertical-align: bottom;
float: left;
*margin-bottom: -3px;
}
.left-top{
text-align: left;
vertical-align: top;
float: left;
display: block;
*margin-top: -8px;
}
.icons img{
opacity: 0.3;
border: 0;
}
.icons a:hover img{
opacity: 1;
}
.reklama-left
{
float: left; 
color: white; 
padding-left: auto;
}
.nove-hry{
background-color: #292929;
}