body 
{
background-color : #9BED00;
color : black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.sloupec {
position : absolute;
top : 244px;
left : 812px;
width : 217px;
height: 610px;
font-size : 60%;
border: 1px solid #C7F66F;
background-color: white;
}
div.obsah {
position : absolute;
top : 244px;
left : 35px;
width : 770px;
height: 610px;
font-size : 60%;
overflow:auto;
border : 1px solid #C7F66F;
background-color: white;
}


em, strong {
color : green;
}
ol, ul {
margin : 15px 25px 15px 50px;
padding : 0;
}
li {
margin : 15px 10px 15px 10px;
padding : 0;
line-height : 130%;
}
p {
padding : 0;
text-align: justify;
margin : 10px;
line-height : 140%;
}
p.box {
padding : 3px;
font-size:130%;
border : 1px solid #192170;
background-color : white;
}
a:link {
color : black;
size: 8px;
text-decoration: none;
}
a:visited {
color : black;
size: 8px;
text-decoration: none;
}
a:hover {
color : black;
size: 8px;
text-decoration: none;
}
h1 {
font-size : 120%;
color : black;
font-weight : bolt;
margin : 10px;
}
h2 {
font-size : 110%;
color : #C7F66F;
font-weight : bold;
margin : 5px;
background-color: #659A00;
padding : 0 0 3px 5px;
border-bottom : 1px #192170;
}
h3 {
font-size : 100%;
color : black;
font-weight : bold;
margin : 10px;
padding : 0 0 3px 10px;
border-bottom : 2px #192170;
}
.menu p {
padding : 10px;
border : 2px dashed blue;
}
.sloupec p {
padding : 10px;
border : 2px dashed blue;
}
.menu ul {
margin : 15px;
padding : 0;
}
.menu ul li {
margin : 5px 0 5px 0;
padding : 0;
list-style-type : none;
}
.menu ul li a {
font-weight : bold;
}

#titul {
position: absolute;
top : 5px;
left : 5px;
width : 985px;
font-size: 12px;
font-style: bold;
text-align: right;
height: 168px;
background-color: white;
}

#celek {
position: absolute;
top : 5px;
left : 35px;
width : 995px;
font-size: 12px;
font-style: bold;
text-align: right;
height: 232px;
border : 1px solid #C7F66F;
background-color: white;
}

p{background-color: #659A00; 
font-style: bold;
font-size: 10px;}

h4 { color: black;
padding : 0;
font-style: bold;
text-align: justify;
font-size : 100%;
margin : 10px;
background-color: white;}

h5 {
font-size : 100%;
color : black;
text-align: justify;
font-weight : bolt;
margin : 10px;
padding : 0 0 3px 10px;
}
h6 { font-size:12px; font-style: bold; color: black;}

.cl
{
clear: both;
border : 1px solid #C7F66F;
}
ul, li
{
list-style: none;
margin: 0;
padding: 0;
}
ul.uroven1
{
font-weight: bold;
position: relative;
height: 3.4em;
width: 100%;
font-family: sans-serif;
font-size: 11px;
overflow: hidden; /* IE, opera */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.5em;
display: block;
visibility: hidden;
width: 5000%; /* IE, opera */
border-top: solid #C7F66F .2em;
background: #C7F66F;
padding: .13em 0;
}
li
{
behavior: url(hovermenu.htc);
}
li.uroven1
{
float: left;
margin: 0 .5em;
}
li.uroven2
{
float: left;
margin: .2em .5em;
}
li.uroven1 a
{
display: block;
color: black;
text-decoration: none;
padding: .2em .5em;
border: solid #C7F66F .2em;
border-bottom: none;
}
li.uroven2 a
{
padding: 0 .2em;
border: none;
}
li#aktivni a
{
border-color: #C7F66F;
background: #C7F66F;
}
li#aktivni li.uroven2 a
{
background: #C7F66F;

}
li#aktivni ul
{
visibility: visible;
}
/* hover efekty */
li.uroven1#aktivniHover ul, li.uroven1#aktivni:hover ul
{
visibility: visible;
z-index: 1;
}
li.uroven1#aktivni a:hover
{
border-color: #C7F66F;
}
li.uroven1Hover ul.uroven2,li.uroven1:hover ul.uroven2
{
visibility: visible;
z-index: 2;
}
li.uroven2 a:hover,li.uroven1#aktivni li.uroven2 a:hover
{
color: black;
} 
