html, body {
height : 100%; 
} 
body {
font-family : Verdana, sans-serif; 
background : #ff9900 url(../grafika/pozadi.gif) repeat-x; 
color : #000000;
font-size : 0.7em; 
text-align : left; 
min-width : 760px; 
margin : 0; 
padding : 0; 
} 
body > #obal {
height : auto; 
} 
p {
margin-top : 0; 
padding-top : 0;
} 
h1 {
display : none; 
} 
h2 {
font-size : 1.8em; 
text-transform : uppercase; 
margin-top : 20px; 
} 
h3 {
font-size : 1.2em; 
font-weight : bold; 
color : #ffffff; 
} 
h4 {
font-size : 1em; 
font-weight : bold; 
margin-bottom : 0; 
padding-bottom : 0; 
} 
h5 {
font-size : 1em; 
margin-bottom : 0; 
padding-bottom : 0; 
font-weight : normal; 
margin-top : 0; 
padding-top : 0; 
} 
a:link {
color : #000000; 
text-decoration : underline; 
} 
a:visited {
color : #000000; 
} 
a:hover {
color : #0066ff; 
} 
a:active {
color : #0066ff; 
} 
ul {
margin-left : 1.6em; 
padding-left : 0; 
margin-top : 0; 
padding-top : 0; 
list-style-position : outside; 
list-style-image : url(../grafika/sipka.gif);
} 
table {
font-family: Verdana, sans-serif;
color: #000000;
line-height: 1.3em;
width: 100%;
font-size: 1em;
border-spacing: 2px;
} 
input {
background-color : #ffffff;
border : 1px solid black;
font-family : Verdana, sans-serif;
font-size : 1.2em;
padding-left : 2px;
} 
textarea {
border : 1px solid black;
font-family : Verdana, sans-serif;
font-size : 1.2em;
padding-left : 2px;
} 
blockquote {
margin-top : 0; 
padding-top : 0; 
font-style : italic; 
margin-left : 0; 
padding-left : 0; 
} 
#obal {
width : 100%; 
margin : 0 auto; 
text-align : left; 
min-height : 100%; 
height : 100%; 
position : relative; 
} 
#hlava {
height : 188px; 
} 
#obsah {
font-size : 1.2em;
padding-left : 0; 
margin : 0; 
width : 770px; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 30px; 
}
#obsahTitul {
font-size : 1.2em;
padding-left : 0; 
margin : 0; 
width : 1000px; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 30px; 
} 
#paticka {
width : 100%; 
height : 30px; 
overflow : hidden; 
position : absolute; 
bottom : 0; 
left : 0; 
background : #000000; 
color : #ffffff; 
} 
#menu {
height : 163px; 
position : absolute; 
left : 256px; 
top : 25px; 
margin : 0; 
padding : 0; 
width : 406px; 
overflow : hidden; 
} 
#pravySloupec {
float : right; 
width : 510px;
}
#pravySloupec p, #pravySloupec h4, #pravySloupec h5, #pravySloupec ul, #pravySloupec blockquote {
line-height : 1.25em; 
}
#pravySloupec .sirsiRadek, #pravySloupec .sirsiRadek ul, #pravySloupec .sirsiRadek p {
line-height : 1.5em;
} 
#levySloupecVnitrni {
margin : 0 20px 0 30px; 
padding : 0; 
} 
#levySloupecVnejsi {
margin : 0; 
padding : 0; 
width : 260px; 
float : right; 
} 
#levySloupecVnitrni a {
line-height : 1.5em; 
} 
#uzaver {
margin : 0; 
padding : 0; 
height : 20px; 
width : auto; 
clear : both; 
} 
#sponzori {
font-size : 1.2em;
margin : 0; 
padding : 20px 0 20px 30px; 
height : auto; 
width : auto; 
clear : both; 
border-top : 1px solid #000000; 
} 
#vrtulnik {
background-image : url(../grafika/vrtulnik.gif); 
background-repeat : no-repeat; 
height : 240px; 
width : 210px; 
} 
#zahlavi {
width: 100%;
height: 25px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: #000000;
color: #ffffff;
}
#hlava a:hover {
color : #0066ff; 
} 
#hlava a {
color : #ffffff; 
text-decoration : none; 
} 
#menu li {
width : 29px; 
height : 163px; 
float : left; 
list-style : none; 
position : relative; 
} 
#menu a, #menu span {
display : block; 
width : 29px; 
height : 163px; 
z-index : 0; 
left : 0; 
top : 0; 
position : relative; 
} 
#menu span {
position : absolute; 
z-index : 1; 
cursor : pointer; 
left : 0; 
top : 0; 
} 
#menu span.active {
cursor : default; 
} 
#aktuality span {
background : url(../grafika/aktuality.gif) no-repeat center top; 
} 
#aktuality span.active {
background : url(../grafika/aktuality.gif) no-repeat right top; 
} 
#adresa span {
background : url(../grafika/adresa.gif) no-repeat center top; 
} 
#adresa span.active {
background : url(../grafika/adresa.gif) no-repeat right top; 
} 
#oSedmikrasce span {
background : url(../grafika/osedmikrasce.gif) no-repeat center top; 
} 
#oSedmikrasce span.active {
background : url(../grafika/osedmikrasce.gif) no-repeat right top; 
} 
#skolniRok span {
background : url(../grafika/skolni_rok.gif) no-repeat center top; 
} 
#skolniRok span.active {
background : url(../grafika/skolni_rok.gif) no-repeat right top; 
} 
#lide span {
background : url(../grafika/lide.gif) no-repeat center top; 
} 
#lide span.active {
background : url(../grafika/lide.gif) no-repeat right top; 
} 
#kronika span {
background : url(../grafika/kronika.gif) no-repeat center top; 
} 
#kronika span.active {
background : url(../grafika/kronika.gif) no-repeat right top; 
} 
#fotogalerie span {
background : url(../grafika/fotogalerie.gif) no-repeat center top; 
} 
#fotogalerie span.active {
background : url(../grafika/fotogalerie.gif) no-repeat right top; 
} 
#dilna span {
background : url(../grafika/dilna.gif) no-repeat center top; 
} 
#dilna span.active {
background : url(../grafika/dilna.gif) no-repeat right top; 
} 
#faq span {
background : url(../grafika/faq.gif) no-repeat center top; 
} 
#faq span.active {
background : url(../grafika/faq.gif) no-repeat right top; 
} 
#forum span {
background : url(../grafika/forum.gif) no-repeat center top; 
} 
#forum span.active {
background : url(../grafika/forum.gif) no-repeat right top; 
} 
#knihaNavstev span {
background : url(../grafika/kniha_navstev.gif) no-repeat center top; 
} 
#knihaNavstev span.active {
background : url(../grafika/kniha_navstev.gif) no-repeat right top; 
} 
#ukolnicek span {
background: url(../grafika/ukolnicek.gif) no-repeat center top;
} 
#ukolnicek span.active {
background : url(../grafika/ukolnicek.gif) no-repeat right top; 
}  
#hry span {
background : url(../grafika/hry.gif) no-repeat center top; 
} 
#hry span.active {
background : url(../grafika/hry.gif) no-repeat right top; 
} 
#cervotoc span {
background : url(../grafika/cervotoc.gif) no-repeat center top; 
} 
#cervotoc span.active {
background : url(../grafika/cervotoc.gif) no-repeat right top; 
} 
#aktuality a:hover span {
background : url(../grafika/aktuality.gif) no-repeat left top; 
} 
#adresa a:hover span {
background : url(../grafika/adresa.gif) no-repeat left top; 
} 
#oSedmikrasce a:hover span {
background : url(../grafika/osedmikrasce.gif) no-repeat left top; 
} 
#skolniRok a:hover span {
background : url(../grafika/skolni_rok.gif) no-repeat left top; 
} 
#lide a:hover span {
background : url(../grafika/lide.gif) no-repeat left top; 
} 
#kronika a:hover span {
background : url(../grafika/kronika.gif) no-repeat left top; 
} 
#fotogalerie a:hover span {
background : url(../grafika/fotogalerie.gif) no-repeat left top; 
} 
#dilna a:hover span {
background : url(../grafika/dilna.gif) no-repeat left top; 
} 
#faq a:hover span {
background : url(../grafika/faq.gif) no-repeat left top; 
} 
#forum a:hover span {
background : url(../grafika/forum.gif) no-repeat left top; 
} 
#knihaNavstev a:hover span {
background : url(../grafika/kniha_navstev.gif) no-repeat left top; 
} 
#ukolnicek a:hover span {
background : url(../grafika/ukolnicek.gif) no-repeat left top; 
} 
#hry a:hover span {
background : url(../grafika/hry.gif) no-repeat left top; 
} 
#cervotoc a:hover span {
background : url(../grafika/cervotoc.gif) no-repeat left top; 
} 
#aktuality a:hover span.active {
background : url(../grafika/aktuality.gif) no-repeat right top; 
} 
#adresa a:hover span.active {
background : url(../grafika/adresa.gif) no-repeat right top; 
} 
#oSedmikrasce a:hover span.active {
background : url(../grafika/osedmikrasce.gif) no-repeat right top; 
} 
#skolniRok a:hover span.active {
background : url(../grafika/skolni_rok.gif) no-repeat right top; 
} 
#lide a:hover span.active {
background : url(../grafika/lide.gif) no-repeat right top; 
} 
#kronika a:hover span.active {
background : url(../grafika/kronika.gif) no-repeat right top; 
} 
#fotogalerie a:hover span.active {
background : url(../grafika/fotogalerie.gif) no-repeat right top; 
} 
#dilna a:hover span.active {
background : url(../grafika/dilna.gif) no-repeat right top; 
} 
#faq a:hover span.active {
background : url(../grafika/faq.gif) no-repeat right top; 
} 
#forum a:hover span.active {
background : url(../grafika/forum.gif) no-repeat right top; 
} 
#knihaNavstev a:hover span.active {
background : url(../grafika/kniha_navstev.gif) no-repeat right top; 
} 
#ukolnicek a:hover span.active {
background : url(../grafika/ukolnicek.gif) no-repeat right top; 
} 
#hry a:hover span.active {
background : url(../grafika/hry.gif) no-repeat right top; 
} 
#cervotoc a:hover span.active {
background : url(../grafika/cervotoc.gif) no-repeat right top; 
} 
#menu a:link, #menu a:visited {
color : #000000; 
text-decoration : underline; 
background-color : #ff9900; 
} 
#menu a:hover {
color : #ffffff; 
background-color : #0066ff; 
} 
#vysledky td {
background-color: #febc5b;
padding: 3px 5px 3px 5px;
text-align: left;
} 
#vysledky th {
background-color: #ffcc80;
padding: 3px 5px 3px 5px;
text-align: left;
font-weight: normal;
}
.schovat {
display : none; 
} 
.ramecek {
border : 1px solid #000000; 
} 
.aktualizace {
margin : 0; 
position : absolute; 
left : 260px; 
top : auto; 
padding-top : 8px; 
} 
.copyright {
margin : 0; 
position : absolute; 
left : 30px; 
top : auto; 
padding-top : 8px; 
}
.pismo {
margin: 0;
position: absolute;
left: 260px;
top: 0;
padding-top: 5px;
}
.mapa {
margin : 0; 
position : absolute; 
left : 30px; 
top : auto; 
padding-top : 5px;
} 
.bezOdrazky {
margin-left : 0; 
padding-left : 0; 
list-style-position : outside; 
list-style-image : url(../grafika/odrazka.gif); 
} 
.ramecek {
border : 1px solid #000000; 
} 
.sirka770 {
margin : 0; 
padding : 0; 
width : 770px; 
} 
.left {
float : left; 
padding : 0; 
margin-right : 10px; 
} 
.dole20 {
padding-bottom : 20px; 
} 
.aktual {
text-decoration : underline; 
line-height : 1.5em; 
color : #000000; 
} 
.nahled {
margin-top : 2px; 
margin-right : 5px; 
margin-bottom : 3px; 
margin-left : 0; 
border : 1px none #000000; 
} 
.sirsiRadek {
line-height : 1.5em; 
} 
.tlacitko {
background-color : #ff9900; 
border : 1px solid #000000; 
padding : 0; 
margin-bottom : 5px; 
} 
.bezRamecku {
border : none; 
} 
.odsazTridni {
width : 8em; 
margin : 0; 
padding : 0; 
height : auto; 
display : inline; 
float : left; 
} 
.odsazSbor {
width: 12em;
margin: 0;
padding: 0;
height: auto;
display: inline;
float: left;
} 
.zvyrazneni {
margin: 20px 0 0;
padding: 0 12px;
border: 1px solid #000000;
} 
.dole10 {
padding-bottom : 10px; 
} 
.home {
background-image : url(../grafika/logo.gif); 
background-repeat : no-repeat; 
height : 163px; 
width : 256px; 
position : absolute; 
left : 0; 
top : 25px; 
} 
.formular {
width: 148px;
}
.logoSponzora {
float: left;
margin: 0 20px 0 0;
padding-bottom: 20px;
}