body{margin: 0; padding: 0; background: grey url("obrazky/pozadi_body.gif")}
body{font-size: small}

body, div, a, input, textarea, p, td, ul
  {color: #313130; text-align: justify; font-family: Arial,Tahoma;
  font-size: 94%; margin: 0; padding: 0}

form{width: 100%}
td{vertical-align: top}
h1,h2{padding: 0.5em 0; margin: 0; font-family: "Arial Narrow", Tahoma, Arial; font-weight: 100}
h2,h3,h4,h5,h6{margin: 0; padding: 0}
a h1, a h2, a h3{text-decoration: underline}
h1{font-size: 160%}
h2{font-size: 140%}
h3{font-size: 120%}
img{border: none}
textarea{height: 8em}
input:hover, select:hover, textarea:hover{background: #dddddd}

.W02{width: 2em}
.W04{width: 4em}
.W05{width: 5em}
.W06{width: 6em}
.W08{width: 8em}
.W10{width: 10em}
.W15{width: 15%}
.W20{width: 20em}
.W50{width: 50em}
.W999{width: 999px; margin: 0 auto}
.H00{height: 0}
.H05{height: 5em}
.H10{height: 10em}
.H04{height: 4em}

.floatleft{float: left}
.floatright{float: right}
.clearleft{clear: left}
.clearright{clear: right}
.cara{clear: left; clear: right; height: 2px; border-bottom: 2px dotted #aaaaaa;
  margin: -2px 0 2px 0; overflow: hidden}
.aktivni{font-weight: 800; background-color: #BF4203}
.vice{margin: 0.5em; text-align: right; font-style: italic; font-size: 80%}

#cela {background: url("obrazky/p02.gif")}
#logo {height: 62px;}
#logo a img{margin-left: 62px}
#lista {height: 29px; overflow: hidden; background: url("obrazky/p03.gif");}
#panorama {height: 214px; overflow: auto;}

#lista-odkazy{padding: 10px 50px; margin: 0 0px; text-align: justify; background: #dddddd}
#lista-odkazy a{padding: 0 5px; margin: 5px 0; color: #aaaaaa}
#lista-odkazy a:hover{color: #bf4203}

#leva{width: 15%; padding: 1em; background: #555555; border: solid #FF6600; border-width: 0 1px}
#leva a{font-size: 110%; font-weight: 600;  color: #fb9531; background-color: #464545;
  text-align: right; padding: 2px; text-decoration: none; display: block; margin-bottom: 2px}
#leva a:hover{background-color: #333333;}

#prava{width: 85%; margin: 1em 2em; padding: 1em 2em; background-color: #d3d3d3;}

.svatek{margin-bottom: 0.5em}
.svatek, .pocitadlo{height: 100%; padding: 2px 5px; background: #bcd046; overflow: auto}
.svatek div, .pocitadlo div{float: right}
.lista-strany{padding: 1px 5px 0px 5px; overflow: auto; color: #777777; background: #dddddd; margin-bottom: 2px; font-size:100%}
.lista-strany:hover{background: #cccccc}
.lista-strany a:hover{color: #dd5522}
.lista-strany a.aktivni{color: #dd5522; font-weight: bold}
.strana{display: block; margin-right: 2px; padding: 1px 2px 2px 2px; text-align: center; text-decoration: none; font-weight: 600; background: #bbbbbb}
.strana:hover{background: #cccccc}
.sipka{width: 16px; height: 16px; overflow: hidden; margin-right: 2px; font-size: 90%}
.sipka:hover img{overflow: hidden; margin-top: -16px}
#lista-odkazy{padding: 10px 50px; margin: 0 0px; text-align: justify; background: #dddddd}
#lista-odkazy a{padding: 0 5px; margin: 5px 0; color: #aaaaaa}
#lista-odkazy a:hover{color: #bf4203}
.lista-navigace{padding: 1px 5px 1px 5px; overflow: auto; font-size: 90%; color: #777777; background: #dddddd; margin-bottom: 2px}
.lista-navigace a{color: #777777}
.lista-navigace a:hover{color: #dd5522}
.lista-navigace a.aktivni{color: #dd5522; font-weight: bold}
.lista-hlavicka{width: 999px;margin: 5px auto;text-align: right}
.lista-hlavicka{color: #999999}
.lista-paticka{width: 999px; margin: 5px auto;text-align: center;font-size: 80%;color: #999999}
.lista-paticka a{padding: 0 10px; color: #666666}


.vsechny, .jeden{padding: 1em; margin-bottom: 0.5em; overflow: hidden; background: #fafafa}
.vsechny{background: #eeeeee; border-bottom: dotted 2px #aaaaaa}
.vsechny a h3{text-decoration: underline}
.vsechny img{margin: 0 2em 1em 0; padding: 0.5em; border: 4px solid #ffffff; float: left}

.upozorneni{font-size: 140%; padding: 2em; background: red; color: white;
  margin-bottom: 2em; text-align: center; font-weight: 800}
.upozorneni a{color: white}

p{margin: 0; padding: 0}