html, body {
height: 100%;
}



body {
font-family: font-family: Arial, Geneva, Helvetica, sans-serif;
color: #303C49;
  background-color: white;
font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 11px;
min-width: 800px;
line-height: 1.5;
padding: 0px;
margin: 0px;
}

#celek  {
width: 800px;
margin: 0 auto;
text-align: left;
min-height: 100%;
height: 100%;
position: relative;
}

html>body {
font-size: small;
}


body>#celek {
height: auto;
}

td  {
vertical-align: top;
}



h1 {
text-align: left;
font-size: 24px;
padding: 0px;
margin-top: 0px;
margin-bottom: 20px;
width: 400px;
}

h3  {
font-size: 16px;
color: black;
}

a {
color: #303C49;
text-decoration: none;
}

a:hover {
color: #303C49;
text-decoration: underline;
}

a img {
border: 0px solid black;
}





.menu {
width: 200px;
position: absolute;
top: 79px;
left: 0px;
z-index: 2;
background-color: #303C49;
padding-top: 12px;
}

.menu a  {
padding-left: 23px;
padding-top: 3px;
padding-bottom: 3px;
display: block;
color: white;
font-weight: bold;
background-color: #303C49;
}

.menu a:hover  {
color: white;
}

.menu .oznaceny {
color: #FAB900;
}

.podmenu  {
margin-top: 50px;
background-color: #FAB900;
padding-top: 5px;
padding-bottom: 15px;
}

.podmenu a  {
display: block;
color: #303C49;
font-weight: normal;
padding-left: 23px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FAB900;
}

.podmenu a:hover  {
color: #303C49;
}

.vrch {
width: 800px;
height: 97px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background-image: url("img/vrch.gif");
background-repeat: no-repeat;
background-position: bottom right;
}

.menicko  {
width: 600px;
position: absolute;
top: 0px;
right: 0px;
z-index: 3;
text-align: right;
}

.menicko a {
padding-left: 20px;
}

.logo {
position: absolute;
top: 0px;
left: 0px;
}

.hlavicka {
width: 800px;
height: 182px;
position: absolute;
top: 97px;
left: 0px;
z-index: 1;
}

.obsah  {
padding-top: 285px;
padding-bottom: 85px;
margin-left: 220px;
width: 580px;
z-index: 5;
}

.sloupec  {
width: 280px;
}

.mezisloupec  {
width: 20px;
}

.pata {
width: 800px;
padding-top: 3px;
padding-bottom: 5px;
border-top: 1px solid #ACB1B6;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}

.pata .levy a {
padding-right: 20px;
}


