body {
background: #B6D1EF url(.../images/bg.gif) repeat-y top left;
color: #000;
padding: 15px 0px;
margin: 0px;
font-family: arial, sans-serif;
font-size: 90%;
}
div{
padding: 0px;
margin: 0px;
}
a:link{
color: #3E96C6;
}
h2,h3,h4{
text-align: left;
color: #FF9934;
font-weight: bolder;
}
h2{
height: 25px;
padding-left: 27px;
font-weight: normal;
background: url(../images/odr3.gif) no-repeat top left;
margin: 0.3em 0;
}
h3,h4{
margin: 25px 0 5px 0;
padding-bottom: 0;
}
h4{
font-weight: normal;
}
table{
font-size: 100%;
margin:0 0 10px 0;
}
th,td{
text-align: left;
vertical-align: top;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
}
p{
margin: 10px 0 15px;
padding: 0;
}
a img{
border: 3px #ccc solid;
}
ul{
margin: 15px 0 15px 20px;
padding: 0;
}

#obsah ul li{
padding: 5px 0;
list-style-image: url(../images/li.gif);
}

#holder {
min-height: 400px;
width: 100%;
position: absolute;
height: 100%;
min-width: 768px;
}
#supplemental {
visibility: hidden;
width: 768px;
height: 400px;
}

#stranka {
left: 50%;
margin: 0px 0px 0px -385px;
position: absolute;
top: 0px;
width: 760px;
border: #F4F4F4 4px solid;
background-color: white;
}

#logo{
width: 759px;
height: 143px;
margin: 0 0 4px 0;
padding: 0;
float: left;
background-image: url(../images/logo.jpg);
font-size: 190%;
}

#logo a{
color: black;
text-decoration: none;
font-weight: normal;
position: absolute;
left: 15px;
top: 102px;
}

#menu{
width: 161px;
padding: 4px;
float: left;
}
#menu ul, #menu ul li, #menu ul li a{
margin: 0;
padding: 0;
}
#menu ul li{
list-style: none;
}
#menu ul li a, #menu ul li span{
display: block;
width: 136px;
height: 24px;
margin: 4px 0;
padding: 9px 0 0 26px;
background: #F4F4F4 url(../images/odr1.gif) no-repeat 8px 11px;
text-decoration: none;
color: #FF8C11;
font-weight: bold;
}
#menu ul li a:hover{
background: #FFCC00 url(../images/odr2.gif) no-repeat 8px 11px;
color: white;
}
#menu ul li ul li a{
width: 126px;
height: auto;
margin: 4px 0 4px 10px;
padding: 4px 0 4px 26px;
font-weight: normal;
background: #F4F4F4 url(../images/odr1.gif) no-repeat 8px center;
}
#menu ul li ul li a:hover{
background: #FFCC00 url(../images/odr2.gif) no-repeat 8px center;
}
#menu p{
font-size: 90%;
margin: 10px 0 0 10px;
color: #999999;
}
#menu .zl,#obsah .zl{
color: green;
}

#pruh{
width: 759px;
height: 17px;
clear: both;
color: white;
font-size: 75%;
background: #8AB82E url(../images/pruh.gif) no-repeat top left;
}
#pruh p.nav{
margin: 0;
padding: 1px 0 0 10px;
float: left;
}
#pruh p.sek{
margin: 0 0 0 180px;
padding: 1px 10px 0 0;
}
#pruh p.sek a{
text-decoration: none;
color: white;
}

#obsah{
width: 550px;
min-height: 730px;
float: left;
padding: 10px 15px;
border-left: #C5E582 5px solid;
font-size: 90%;
margin:0;
}

#copy{
width: 750px;
clear: both;
padding: 5px;
background-color: #8AB92F;
color: white;
font-size: 70%;
}
#copy p{
margin: 0;
padding: 0;
}
#copy p.o{
float: right;
}
#copy a{
color: white;
}

p.hlaska{
text-align: center;
font-size: 110%;
}

.center{
text-align: center;
}
.right{
text-align: right;
}
.left{
text-align: left;
}

img.krizek{
width: 15px;
height: 15px;
border: 0px;
margin: 2px;
vertical-align: middle;
}
img.upravit{
width: 9px;
height: 15px;
margin: 2px;
border: 0px;
vertical-align: middle;
}

table.kont th,table.kont td{
white-space: nowrap;
}
.kont_foto{
float: right;
margin-bottom: 10px;
}
table.kont, table.cenik{
border-top: #C5E582 1px solid;
border-left: #C5E582 1px solid;
}
table.kont td, table.kont th, table.cenik th, table.cenik td{
padding: 5px;
border-bottom: #C5E582 1px solid;
border-right: #C5E582 1px solid;
}

div.hra{
padding-bottom: 1em;
}
div.hra a{
display: block;
width: 545px;
height:119px;
background: #8AB82E url(../images/hra_banner.gif) no-repeat top right;
text-decoration: none;
color: white;
}
div.hra a img{
border: 0;
}
div.hra a span.h1{
display: block;
float: right;
font-size: 20px;
margin: 10px 0 0 0;
letter-spacing: 3px;
}
div.hra a span.h2{
display: block;
float: right;
clear: right;
font-size: 18px;
margin: 47px 40px 0 0;
letter-spacing: 1px;
white-space: nowrap;
}



div.gal_img{
width: 150px;
float: left;
margin: 5px;
border: #C5E582 2px solid;
}
div.gal_img img{
border: 0;
}
div.gal_img p{
margin: 0;
padding: 3px;
font-size: 85%;
text-align: center;
}
div.gal_img p.img{
padding: 2px;
height: 150px;
border-bottom: #C5E582 2px solid;
}

ul.gal_sec{
margin: 0;
padding: 0;
}
ul.gal_sec li{
list-style: none;
list-style-image: none;
}
ul.gal_sec li a{
display: block;
margin: 4px 0;
padding: 9px 0 9px 26px;
background: #F4F4F4 url(../images/odr1.gif) no-repeat 8px 11px;
text-decoration: none;
color: #FF8C11;
font-weight: bold;
}
ul.gal_sec li a:hover{
background: #FFCC00 url(../images/odr2.gif) no-repeat 8px 11px;
color: white;
}

p.gal_sec_pruh{
margin: 4px 0;
padding: 9px 0 9px 26px;
background: #F4F4F4 url(../images/odr1.gif) no-repeat 8px 11px;
}
p.gal_sec_pruh a{
color: black;
}
p.gal_sec_pruh a:hover{
color: #FF8C11;
}
p.gal_sec_pruh img{
width: 11px;
height: 12px;
vertical-align: middle;
margin: 0 5px;
}
div.divider{
width: 100%;
height: 1px;
clear: both;
}

table.cert td,table.cert th{
text-align: center;
padding: 2px 5px;
}