/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
}
body {
  font-size: small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  background: url('grafika/tapeta7.gif') repeat #FFE1B4;
  background-attachment: fixed;
  
}
a {
  text-decoration: none;
}
img {
  border: none;
}
h4 {
  font-size: 14px;
}
#hlavni_ram {
  margin: 10px auto;
  width: 864px;
  max-width: 95%;
  text-align: left;
}
#ramecek_levy {
  background: url('grafika/ramecek_l.gif') repeat-y rgb(255,220,165);
  padding-left: 5px;
}
#ramecek_pravy {
  background: url('grafika/ramecek_p.gif') repeat-y top right;
  padding-right: 5px;
}
#prechod {
  width: 100%;
  height: 10px;
  background: url('grafika/prechodzahlavi.gif') repeat-x;
}
.mimoobraz {
  left: 0px;
  overflow: hidden;
  width: 1px;
  position: absolute;
  top: -10000px;
  height: 1px
}

.obtekat_l {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}
.obtekat_p {
  float: right;
  margin-left: 5px;
  margin-top: 5px;
}
.obr_odkazy {
  margin-bottom: 10px;
}
#hlavicka {
  position: relative;
  width: 100%;
  height: 210px;
  background: url('grafika/zahlavi_hot1.jpg') no-repeat center top;
}
#rlz {
  color: white;
  position: absolute;
  font-style: italic;
  font-size: 90%;
  left: 40px;
  top: 140px;
}
#rlz span {
  display: block;
  font-size: 80%;
  text-align: center;
  margin-top: 0.3em;
  font-weight: normal;
}
#kmd {
  color: white;
  position: absolute;
  font-style: italic;
  font-size: 180%;
  left: 30px;
  top: 140px;
  width: 210px;
}
#kmd p {
  font-size: 80%;
  text-align: center;
  font-weight: normal;
  margin-top: 0.30em;
}
#navigace {
  float: right;
  color: white;
  margin: 7px 10px 5px 5px;
  padding: 10px;
  display: inline;
}
#navigace a {
  color: white;
  font-weight: bold;
}
#navigace a:hover {
  text-decoration: underline;
}
#pravy_sloupec {
  width: 12.5em;
  min-width: 20%;
  float: right;
  padding-right: 2px;
}
#levy_sloupec {
  width: 12.5em;
  min-width: 20%;
  float: left;
  padding-left: 2px;
}
#hlavni_navigace {
  text-align: center;
  overflow: auto;
  padding-left: 6px;
  width: 100%;
  background: url('grafika/zahlavi_spodnipruh01.jpg') no-repeat;
}
#hlavni_navigace li{
  float: left;
  width: 120.4px;
  height: 56px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 110%;
  list-style: none;
  font-weight: bold;
}
#hlavni_navigace li a{
  padding-bottom: 14px;
  padding-top: 14px;
  margin: 5px 0px 5px 10px;
  color: #ffffff;
  font-weight:bold;
  background: url('grafika/panel_talcitko.jpg') no-repeat;
  display: block;  
}
#hlavni_navigace li a:hover{
  text-decoration:underline;
}
#poloha {
  padding-left: 10px;
  height: 18px;
  background: url('grafika/podtext.gif') repeat-x;
}
#poloha ul, #poloha li{
  display: inline;
}
#poloha ul li ul li {
  padding-left: 15px;
  background: url('grafika/sipka.gif') no-repeat left center;
}
#obal_obsah {
  width: 59%;
  margin: 0 auto;
  min-height: 1%;
}
#obal_galerie {
  width: 59%;
  margin: 0 auto;
  min-height: 1%;
}
#obsah {
  padding: 10px;
  background: #FFEACD;
}
#obsah ul{
  padding-left: 20px;
}
.aktuality dt {
  position: relative;
  left: 0;
  top: 1.3em;
  width: 8em;
  font-weight: bold;
  font-size: 0.86em;
  color: #800000;
}
.aktuality dd {
  border-left: 1px solid silver;
  margin: 0 0 0 9em;
  padding: 0 0 .5em .5em;
}
#obsah a:hover{
  text-decoration: underline;
}
.center {
  text-align: center;
}
.obrindex {
  width: 240px;
  border: 2px gray solid;
  margin-bottom: 10px;
}
.obrindex_L {
  width: 400px;
  border: 2px gray solid;
  margin: 0 auto;
  overflow: auto;
}
#zdroje {
  width: auto;
  padding: 5px;
  font-size: 10px;
  font-style: italic;
  border: 1px solid black;
}
#zdroje span {
  font-weight: Bold;
}
.obraz, .nahled {
  width: 200px;
  display: inline;
  background: rgb(255,220,165);
  border: solid 1px white;
}
.obraz p, .nahled p, #mapa_trasa p, .obrindex p, .obrindex_L p {
  text-align: center;
  font-style: italic;
  font-size: 11px;
  padding: 3px;
  background: url('grafika/podtext.gif') repeat-x;
}
.center {
  text-align: center;
}
.nahled {
  width: 140px;
  margin-left: 12px;
}
.navysku {
  width: 141px;
}
.navysku_nahled {
  width: 80px;
  margin-right: 12px;
}
#mapa_trasa {
  border: 1px white solid;
}
#mapa_trasa p span {
  font-size: 0.9em;
  color: gray;
}
div.mapka_projekt {
  width: 200px;
}
div.mapka_projekt p {
  padding: 0 5px 0 5px;
}
p.projekttp {
  padding-left: 1em;
  text-indent: -0.9em;
}
.bunka {
  text-align: center;
  vertical-align: top;
  width: 50%;
  padding: 10px;
}
.bunka p {
  font-size: 0.8em;
  font-weight: bold;
}
.bunka em {
  font-size: 0.8em;
}
.bunka img {
  border: 3px white outset;
}
.odstavec {
  overflow: hidden;
  background: url('grafika/blokpravyhorni.gif') no-repeat right top;
  margin-bottom: 10px;
  text-align: center;
}
.odstavec .aktualne{
  font-size: 85%;
  color: #800000; 
  text-decoration:none; 
  font-weight:bold;  
}
.odstavec .aktualne:hover{
  text-decoration:underline;
}
.odstavec h4 {
  color: #800000;
  padding: 10px 10px 10px 12px;
  text-align: left;
}
.odstavec img{
  margin-bottom: 10px;
}
.odstavec p {
  color: navy;
  padding: 0px 10px 5px 12px;
  text-align: left;
}
.odstavec span {
  font-style: italic;
}
.odstavec ul {
  padding: 5px 10px 10px 12px;
  text-align: left;
}
.odstavec li {
  list-style: none;
  margin-bottom: 3px;
}
.odstavec li a{
  font-size: 0.9em;
  color: #800000; 
  text-decoration:none; 
  font-weight:bold;  
}
.odstavec li a:hover{
  text-decoration:underline;
}
.odstavec div {
  background: url('grafika/bloklevyhorni.gif') no-repeat left top;
}
.odstavec .ukonceni {
  display: block;
  height: 6px;  
  background: url('grafika/bloklevyspodni.gif') no-repeat left bottom;
}
.odstavec .ukonceni div {
  float: right;
  height: 6px;  
  width: 6px; 
  background: url('grafika/blokpravyspodni.gif') no-repeat right bottom;
}
.odstavec form {
  text-align: center;
  padding: 5px;
}
#paticka {
  clear: both;
  margin: 10px 2px 0 2px;
  height: 35px;
  background: url('grafika/blokpravyhorni.gif') no-repeat right top;
}
#paticka #paticka_prava {
  height: 35px;
  background: url('grafika/bloklevyhorni.gif') no-repeat left top;
}
#paticka p {
  font-size: 11px;
  padding: 10px;
  text-align: center;
}
#paticka img {
  border: none;
}
#paticka_ukonceni {
  height: 5px; 
  background: url('grafika/zalomeni.gif') repeat-x center bottom;
  font-size: 0.01em;
}
#paticka_ukonceni div {
  height: 5px;
  width: 10px; 
  background: url('grafika/zalomeniprave.gif') no-repeat right bottom;
  float: right;
}
#paticka_ukonceni p {
  background: url('grafika/zalomenileve.gif') no-repeat left bottom;  
  height: 5px;
  width: 10px;
  float: left;
}
#paticka_l {
  float: left;
  padding: 6px 0 0 10px;
}
#paticka_p {
  float: right;
  padding: 6px 10px 0 0;
}