body, html {
background: white;
color: black;
font: 90%/1.2 Verdana, Arial, Helvetica, sans-serif;
}
#top {
width: 760px;
margin: auto;
}
#content, #footer {
width: 750px;
margin: auto;
}
#top {
height: 227px;
background: url("top.jpg") no-repeat;
}
#content {
min-height:400px;
margin-top: 4px;
background: url("content.gif") repeat-y;
}
* html #content {
height: 400px;
}
#menu {
min-height: 400px;
float: left;
width: 178px;
}
* html #menu {
height: 400px;
}
#separator {
width: 4px;
height: 100%;
float: left;
}
#text {
width: 566px;
min-height: 800px;
float: right;
overflow: auto;
font: veranda;
text-align: justify; 
}
* html #text {
height: 640px;
}
#footer {
margin-top: 4px;
background: #bbd2e0;
text-align: left;
font-size: 80%;
padding: 2px 0;
font: veranda;
}
h4 {
text-align: center;
font-size: 100%;
padding: 3px 6px;
background: #5893ac;
margin: 0;
border-bottom: 2px solid #bbd2e0;
}
#menu ul, #menu li {
margin: 0;
padding: 0;
list-style: none;
font: veranda;
}
#menu li a {
height: 1.5em;
border-bottom: 1px dashed gray;
display: block;
color: #003250;
padding-left: 10px;
font: veranda;
}
#menu li a:hover {
background: #5893ac;
color: #ffffff;
font: veranda;
}
#clear-both {
height: 1px;
font-size: 1px;
overflow: hidden;
width: 100%;
clear: both;
}
h1 {
width: 549px;
background: #5893ac;
font: bold 110%/1.5 Arial;
padding-left: 2%;
margin: 0;
}
#obal-text {
padding: 0 10px 10px 10px;

}
.novinky {
border: 1px dashed gray;
padding: 10px 2px ;
height: 350px;
width: 172px;
text-align: left;
overflow: auto;
font: veranda;
text-align: justify; 
}
a, a:visited, a:active {
color: #003250;
text-decoration: none;
font: veranda;
}
a:hover {
text-decoration: underline;
background: #5893ac;
font: veranda;}