body
{
background-color: #000;
background-image: url(lepozadi2.gif);
background-position: -44px -44px;
margin: 0; 
font: normal 12px Verdana;
}

a
{
text-decoration: none;
}

a:link, a:visited
{
color: beige;
}

a:hover
{
color: #fb0; font-weight: bold;
}

table
{
margin: 0; 
font: normal 12px verdana;
}

img
{
border: none;
}

#tady
{
color: #fb0; font-weight: bold;
}

#play
{
margin: 0 40px 0 20px;
}

#left
{
position: absolute;
left: 0;
top: 13px;
color: #ddd;
width: 21%;
height: 100%;
text-align: right;
padding: 0;
margin: 0;
}

#right
{
position: absolute;
right: 0;
top: 10px;
color: #ddd;
width: 25%;
height: 100%;
text-align: left;
padding: 0;
margin: 0;
}

#obal
{
position: absolute;
left: 20%;
top: 0;
width: 55%;
padding: 0;
margin: 0;
}

#top
{
background-color: #fb0;
background-image: url(back.gif);
background-position: center;
background-repeat: no-repeat;
margin: 22px 0 22px 0;
height: 180px;
}

#content
{
background-color: #aaa;
margin: 0;
padding: 0;
text-align: justify;
}

#content a
{
font-weight: bold;
}

#content img
{
border: none; margin: 22px;
text-align: center;
}

#top2
{
background-color: #fb0;
background-image: url(rybka.gif);
background-position: 100px center;
background-repeat: no-repeat;
margin: 22px 0 22px 0;
height: 100px;
}

#content2
{
background-color: #aaa;
margin: 0;
text-align: left;
height: 366px;
}

#content2 a
{
font-weight: bold;
}

#content2 img
{
border: none; 
margin: 0 0 0 22px;
}

#footer
{
margin: 0;
padding: 8px 0 22px 0;
text-align: right;
font-size: 8px;
}

#ram
{
padding: 22px 15% 27px 15%;
}

.michal
{
display:block;
width:130px;
height:85px;
background-image: url("nav_mi.gif");
background-repeat: no-repeat;
}

.michal:hover
{
background-position: -130px 0px;
}

.michaltady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_mi.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}

.tomas
{
display:block;
width:130px;
height:85px;
background-image: url("nav_to.gif");
background-repeat: no-repeat;
}

.tomas:hover
{
background-position: -130px 0px;
}

.tomastady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_to.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}

.jirka
{
display:block;
width:130px;
height:85px;
background-image: url("nav_ji.gif");
background-repeat: no-repeat;
}

.jirka:hover
{
background-position: -130px 0px;
}

.jirkatady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_ji.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}

.leos
{
display:block;
width:130px;
height:85px;
background-image: url("nav_le.gif");
background-repeat: no-repeat;
}

.leos:hover
{
background-position: -130px 0px;
}

.leostady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_le.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}

.priba
{
display:block;
width:130px;
height:85px;
background-image: url("nav_pr.gif");
background-repeat: no-repeat;
}

.priba:hover
{
background-position: -130px 0px;
}

.pribatady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_pr.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}

.buraak
{
display:block;
width:130px;
height:85px;
background-image: url("nav_bu.gif");
background-repeat: no-repeat;
}

.buraak:hover
{
background-position: -130px 0px;
}

.buraaktady
{
display:block;
width:130px;
height:85px;
background-image: url("nav_bu.gif");
background-repeat: no-repeat;
background-position: -130px 0px;
color: #fb0; 
font-weight: bold;
}