/* CSS Document */

body {
background-color: #9ab0b9;
background-image: url(img/bg1.png);
text-align: center;
margin: 0px;
}

td, body {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 11px;
color: #000;
}

a:link, a:active, a:visited
{
text-decoration: none;
color: #d2e8ee;
font-weight: bold;
}


a:hover  
{
text-decoration: none;
color: #006387;
font-weight: bold;
}

hr 
{
border: solid 1px #006387;
}

#hlavni 
{
padding: 0px;
margin: auto;
width: 960px;
}

#stranka {
float: left;
text-align: left;
display: block;
width: 960px;
background-image: url('img/bg.png');
background-repeat:repeat-y;
}


#horni1
{
background-image: url('img/horni1.png');
width: 960px;
height: 100px;
background-repeat: no-repeat;
text-align: left;
}

#horni2
{
background-image: url('img/horni2.png');
width: 960px;
height: 202px;
background-repeat: no-repeat;
text-align: left;
}

#leve   
{
background-image: url('img/leve.png');
background-repeat: no-repeat;
min-height: 357px;
width: 247px;
float: left;
text-align: left;
}

.levepad  
{
padding-left: 88px;
padding-right: 6px;
padding-top: 100px;
}

#leve h2 {
border-bottom: 2px #d2e8ee dotted ;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 2px 2px 2px 12px ;
font-variant: small-caps;
margin: 10px 0px 7px 0px ;
color: #006387;}


#leve ul{ 
list-style-image: url(img/li1.gif);
color: #d2e8ee;
text-decoration: none;
}

#leve ul li:hover { 
list-style-image: url(img/li2.gif);
color: #006387;
text-decoration: none;
}


#leve li a:link, #leve li a:active, #leve li a:visited {
list-style-image: url(img/li1.gif);
color: #d2e8ee;
text-decoration: none;
}

#leve li a:hover {
list-style-image: url(img/li2.gif);
color: #006387;
text-decoration: none;
}


#stred   
{
background-image: url('img/stred.png');
background-repeat: no-repeat;
min-height: 357px;
width: 471px;
float: left;
text-align: left;
}


.stredpad  
{
padding-left: 10px;
padding-right: 10px;
padding-top: 70px;
}


#stred h1 {
font-weight: bold;
font-size: 25px;
padding: 5px ;
text-align: left;
font-variant: small-caps;
color: #006387;}

 

#stred h2 {
background-color: #d2e8ee;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 2px 2px 2px 22px ;
font-variant: small-caps;
margin: 10px 0px 7px 0px ;
color: #006387;}
 

#stred h3 {
border-bottom: 2px dotted #d2e8ee;
font-size: 13px;
font-weight: bold;
text-align: right;
padding: 2px 12px 2px 2px ;
color: #006387;}


#prave   
{
background-image: url('img/prave.png');
background-repeat: no-repeat;
min-height: 357px;
width: 242px;
float: right;
text-align: left;
}

.pravepad  
{
padding-left: 8px;
padding-right: 80px;
padding-top: 100px;
}

#prave h2 {
border-bottom: 2px #d2e8ee dotted ;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 2px 2px 2px 12px ;
font-variant: small-caps;
margin: 10px 0px 7px 0px ;
color: #006387;}


#prave ul{ 
list-style-image: url(img/li1.gif);
color: #d2e8ee;
text-decoration: none;
}

#prave ul li:hover { 
list-style-image: url(img/li2.gif);
color: #006387;
text-decoration: none;
}


#prave li a:link, #prave li a:active, #prave li a:visited {
list-style-image: url(img/li1.gif);
color: #d2e8ee;
text-decoration: none;
}

#prave li a:hover {
list-style-image: url(img/li2.gif);
color: #006387;
text-decoration: none;
}


#credits   
{
background-image: url('img/credits.png');
background-repeat: no-repeat;
float: right;
width: 960px;
height: 188px;
text-align: left;
}

.creditspad
{
padding-top: 90px;
padding-left: 90px;
padding-right: 100px;
}

