/* CSS Document */

body {
background-color: #f5f4f3;
background-image: url(img/bg1.png);
text-align: center;
margin: 0px;
font-family: Arial, Verdana, georgia, sans-serif, tahoma, Comic Sans MS,techno;
font-size: 11px;
color: #000;
}

a:link, a:active, a:visited
{
text-decoration: none;
color: #09b2ba;
letter-spacing: 1px;
}


a:hover  
{
text-decoration: none ;
color: #c24d83;
letter-spacing: 1px;
}


#hlavni 
{
padding: 0px;
margin: auto;
width: 621px;
}

#stranka {
float: left;
text-align: left;
display: block;
width: 621px;
background-image: url('img/bg.png');
background-repeat:repeat-y;
}


#nadpis
{
background-image: url('img/nadpis.png');
width: 621px;
height: 76px;
background-repeat: no-repeat;
text-align: left;
}


.nadpispad  
{
padding-left: 230px;
padding-right: 45px;
padding-top: 50px;
color:#fff;
font-weight: bold;
font-size: 22px;
font-variant: small-caps;
}


#horni
{
background-image: url('img/horni.png');
width: 621px;
height: 225px;
background-repeat: no-repeat;
}


#linka
{
background-image: url('img/linka.png');
width: 621px;
height: 49px;
background-repeat: no-repeat;
text-align: left;
}

.linkapad  
{
padding-left: 45px;
padding-right: 45px;
padding-top: 25px;
color:white;
}


#leve   
{
background-image: url('img/leve.png');
background-repeat: no-repeat;
min-height: 150px;
width: 204px;
float: left;
text-align: right;
}

.levepad  
{
padding-left: 45px;
padding-right: 5px;
padding-top: 10px;
}



#leve .nadpis {
background-image: url(img/levebg1.gif);
background-repeat: no-repeat;
padding: 5px 2px 2px 35px ;
font-weight: bold;
text-align: left;
font-size: 14px;
font-variant: small-caps;
color: #c24d83;
height:30px;
margin-top: 5px;
margin-bottom: 3px;}


#leve a:link, #leve a:active, #leve a:visited {
background-color:#ece0d9 ;
color: #0cb2ba;
text-decoration: none;
text-align: right;
padding: 2px 10px 2px 2px;
display: block;
height: 16px;
font-weight: normal;
margin-bottom: 2px;
letter-spacing: 1px;
}

#leve a:hover {
background-color:#b1cbc6 ;
color: #c24d83;
text-decoration: none;
text-align: right;
padding: 2px 10px 2px 2px;
display: block;
height: 16px;
font-weight: normal;
margin-bottom: 2px;
letter-spacing: 2px;
}



#prave   
{
background-image: url('img/prave.png');
background-repeat: no-repeat;
min-height: 150px;
width: 417px;
float: right;
text-align: left;
}

.pravepad  
{
padding-left: 5px;
padding-right: 45px;
padding-top: 10px;
}

#prave .nadpis {
background-image: url(img/pravebg.gif);
background-repeat: no-repeat;
padding: 13px 2px 2px 55px ;
font-weight: bold;
text-align: left;
font-size: 14px;
font-variant: small-caps;
color: #0cb2ba;
height:40px;
}

#prave .podnadpis {
background-color: #ece0d9;
padding: 2px ;
padding-right: 20px;
font-weight: bold;
text-align: right;
font-size: 13px;
color: #c24d83;}



#credits   
{
background-image: url('img/credits.png');
background-repeat: no-repeat;
float: right;
width: 621px;
height: 161px;
text-align: center;
}


.creditspad  
{
padding-left: 100px;
padding-right: 120px;
padding-top: 70px;
}
