html, body {
  margin: 0; padding: 0; border: 0;
  color: #000; background: #ffc;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  text-align: center; /*HACK zarovnani na stred v IE*/
}

#hlavni {
  position: relative;
  width: 45em;
  margin: 0 auto; padding: 0; border: 0;
  text-align: left;
  /*border: 1px dashed lime; /*DEBUG*/
}

#nadpis, #nadpisindex {
  position: relative;
  left: 160px; top: .5em;
  width: 35em; min-height: 150px;
  margin: 0; padding: 0; border: 0;
  text-align: center;
  /*border: 1px dashed blue; /*DEBUG*/
  _height: 150px; /* HACK min-height pro MSIE */
}
#nadpis {
}
#nadpisindex {
  overflow: hidden;
  height: 70px;
  min-height: 70px;
  margin-bottom: 1em;
}
#nadpisindex h1 {
  position: relative;
  margin: 0; padding: 0; border: 0;
  text-align: center; line-height: 70px;
  /*border: 1px dashed black; /*DEBUG*/
}
#nadpisindex span {
  position: absolute;
  left: 0; top: 0;
  width: 35em; height: 70px;
  background: url("./IMG/logo.gif") no-repeat center center;
  /*border: 1px dashed red; /*DEBUG*/
}
#panel {
  position: absolute;
  left: 10px; top: .5em;
  width: 140px;
}
#menu {
  background: #ffa;
  /*border: 1px dashed red; /*DEBUG*/
}
#menu ul, #langs {
  margin: 0; padding: 0; border: 0;
  list-style: none;
}
#menu li {
  margin: 0; padding: 0; border: 0;
  display: block;
  list-style-image: none;
  width: 140px; height: 40px;
  background: url("IMG/tlacitko.gif") top left no-repeat; /* HACK kvuli blikani v MSIE */
}
#menu a {
  margin: 0; padding: 0; border: 0;
  display: block;
  width: 140px; height: 40px;
  font-size: 14px;
  text-align: center; line-height: 40px; /* vycentrovani textu tlacitka */
  font-weight: bold;
  text-decoration: none;
  background: url("IMG/tlacitko.gif") top left no-repeat;
  /*border: 1px dashed yellow; /*DEBUG*/
  /*_padding: 12px 0; _height: 16px; /* HACK protoze MSIE spatne pocita celkovou height */
}
#menu a:hover, #menu a.aktualni {
  background-position: -140px 0;
}
#langs {
  margin: 1em 0;
}
#langs * {
  margin: 0; padding: 0; border: 0;
}
#langs li {
  display: block;
  width: 30px; height: 20px;
  float: left;
  list-style-image: none;
  text-align: center;
  margin: 0 3px;
}
#langs li a {
  display: block;
  text-decoration: none;
  position: relative;
}
#langs li a:hover {
  background: #ffa;
}
#langs span {
  display: block;
  position: absolute; left: 0; top: 0;
  width: 30px; height: 20px;
  cursor: hand;
}
#langs .lang-cs span {
  background-image: url('img/flag-cs.gif');
}
#langs .lang-en span {
  background-image: url('img/flag-en.gif');
}
#langs .lang-de span {
  background-image: url('img/flag-de.gif');
}

#obsah {
  /*position: relative;
  left: 160px; top: 1em;*//*HACK nevim proc, ale pokud je jako prvni v textu*/
  /*<div id="uvodnik">, tak se tento v MSIE nevykresli kdyz je toto rel. poz.*/
  margin-left: 160px;/*HACK viz ^^^ (vlastne to nevadi, je to asi jednodussi)*/
  width: 35em; min-height: 400px;
  /*border: 1px dashed green; /*DEBUG*/
  _height: 400px; /* HACK min-height pro MSIE */
}
#obsah .ram {
}

#paticka {
  position: relative;
  /*left: 0; bottom: 0px;*/
  left: 160px; top: 1.5em;
  width: 35em;
  /*border: 1px dashed red; /*DEBUG*/
}
#paticka .ram {
}
#paticka .ram p {
  margin: .2em;
  color: #630;
  text-align: left;
  font-size: 70%;
}

#pocitadlo {
  position: absolute;
  left: -150px; bottom: 0;
  margin: 0; padding: 0;
  width: 140px; height: 31px;
  /*border: 1px dashed black; /*DEBUG*/
}
#pocitadlo img {
  margin: 0 26px; border: 0;
}

.ram {
  margin: 0; padding: .5em; border: 0;
}

div.jentisk {
  display: none;
}

/* infobox www.biopotraviny.cz */
#panel table {
  width: 140px !important;
  margin: 10px 0 !important;
}
#panel table * {
  background: #ffa !important;
  color: #630 !important;
}
#panel table a {
  color: green !important;
}
#panel table td {
  border: 0;
}

/*-------------------------------------------------------*/

#anketa {
  margin: 1em 0; padding: 0.5em;
  background: #ffa;
  font-size: 80%;
}
#anketa h3 {
  font-size: 10pt !important;
}
#anketa p {
  text-indent: 0;
}
#anketa ul, #anketa li {
  margin: .2em 0; padding: 0;
  list-style: none;
}
#anketa li a {
  text-decoration: none;
}
#anketa li span {
  display: block;
  background: green;
  border: 1px solid green;
}
#anketa textarea {
  width: 100%;
}