* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

body {
background: url("grafika/design/pozadie.png") #666 center top no-repeat;
font-family: arial, helvetica, sans-serif;
text-align: center;
min-width: 760px;
}

#obal {
background: url("grafika/design/pozadie-stred.png") center center repeat-y;
width: 760px;
margin: auto;
text-align: left;
min-height: 100%;
position: relative;
}

#hlavicka {
background: url("grafika/design/pozadie-hlavicka.png") right bottom no-repeat;
position: absolute;
right: 0;
height: 348px;
width: 100%;
}

#hlavicka strong {
position: relative;
display: block;
width: 269px;
height: 138px;
top: 26px;
left: 409px;
overflow: hidden;
}

#hlavicka span {
position: absolute;
background: url("grafika/design/logo.png");
display: block;
width: 269px;
height: 138px;
}

#ruka {
background: url("grafika/design/ruka.png");
position: absolute;
top: 150px;
left: 10px;
width: 362px;
height: 240px;
z-index: 99;
}

#ruka hr {
display: none;
}

#menu {
float: right;
position: relative;
margin: 170px 10px 10px 20px;
width: 393px;
background: url("grafika/design/pozadie-menu-spodok.png") bottom left no-repeat;
}

#menu ul {
position: relative;
background: url("grafika/design/pozadie-menu-vrch.png") no-repeat;
padding: 15px 0;
z-index: 80;
}

#menu ul li {
display: block;
padding: 2px 20px 2px 35px;
}

#menu ul li a {
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 110%;
}

#menu ul li a:hover {
color: #ffbf00;
}

#menu ul ul {
background: #ff6400;
padding: 0;
margin: 0;
}

#obsah {
color: #fff;
padding: 420px 65px 50px 65px;
}

#obsah h1,
#obsah h2,
#obsah h3,
#obsah h4,
#obsah h5,
#obsah h6,
#obsah h7 {
margin: 1em 0 .5em 0;
color: #ff6400;
border-bottom: 1px solid #ff6400;
}

#obsah h1 {
color: #ffbf00;
border-bottom: 1px solid #ffbf00;
}

#obsah p {
margin: .25em 0 .5em 0;
margin-left: 1em;
text-align: justify;
line-height: 1.5em;
}

#obsah ul,
#obsah ol {
margin: .25em 0 .5em 0;
margin-left: 3em;
line-height: 1.5em;
}

#obsah table {
position: relative;
border-spacing: 0px;
border-collapse: collapse;
margin: 0 0 0 1em;
width: 95%;
}

#obsah caption {
color: #ffbf00;
font-weight: bold;
padding: 5px;
text-align: left;
}

#obsah th {
color: #ff6400;
}

#obsah td,
#obsah th {
border: 1px solid #fff;
padding: 5px;
}

#obsah dl {
margin: 0 0 1em 1em;
line-height: 1.5em;
}

#obsah dt {
font-weight: bold;
margin: .75em 0 0 0;
}

#obsah dd {
margin: 0 0 0 1em;
}

#obsah a {
color: #ff6400;
font-weight: bold;
}

#obsah a:hover {                                           
color: #fff;
}

#obsah .obr-vlavo,
#obsah .obr-vpravo {
padding: 5px;
border: 1px solid #fff;
float: left;
margin: 10px;
}

#obsah .obr-vpravo {
float: right;
}

.cistic {
clear: both;
}

#paticka {
color: #aaa;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
font-size: 70%;
border-top: 2px solid #666;
margin-top: 15px;
}

#paticka a {
color: #aaa;
font-weight: bold;
}

#paticka hr {
display: none;
}