  /* CSS Document */
  
  body {
  background-color: gold;
  }
  
  p {
  margin-top: 0px;
  /*_margin-top: 11px;
  _margin-bottom: 11px;*/
  }
  
  h1, h2, h3, h4 {
  text-transform: lowercase;
  }

  a {
  color: brown;
  }
  
  a:hover {
  text-decoration: none;
  }
  
  html, body {
  background-color: gold;
  height: 100%;
  margin: 0;
  color: white;
  text-align: left;
  font-family: sans-serif;
  background: gold url("./pozadi_h.gif") top left no-repeat fixed;
  }
  
  #hlavicka {
  display: none;
  }
  
  #telo {
  border: 1px solid brown;
  background-color: gold;
  position: absolute;
  height: 50%; /*60%*/
  width: 42%;
  left: 300px; /*27%;*/
  top: 22.5%; /*17.5%;*/
  color: black;
  overflow: auto;
  font-size: 0.7em;
  padding: 10px 50px 10px 100px;
  _padding: 10px 40px 10px 100px;
  text-align: justify;
  background: gold url("./pozadi_vi.gif") no-repeat;
  _background: gold url("./pozadi_vi.gif") no-repeat fixed;
  }
  
  #pozadi-head {
  position: absolute;
  width: 228px; /*56px;*/
  height: 274px; /*34px;*/
  top: 16%;
  left: 4%;
  z-index: 1;
  background: gold url("./head93.gif") no-repeat;
  }
  
  #pozadi-ramecek {
  position: absolute;
  width: 400px;
  height: 250px;
  top: 20%;
  right: 10%;
  border: 2px solid white;
  /*background: gold url("./ramecek.gif") no-repeat;*/
  }
  
  #pozadi-ramecek2 {
  position: absolute;
  width: 400px;
  height: 70px;
  bottom: 20%;
  left: 10%;
  border: 2px solid white;
  }
  
  #pozadi-travka {
  position: absolute;
  width: 50px; /*56px;*/
  height: 50px; /*34px;*/
  bottom: 13%;
  right: 2%;
  background: gold url("./travka.gif") no-repeat;
  }
  
  #sidebar {
  position: absolute;
  height: 16px;
  width: 99.9%;
  top: 8%;
  background-color: brown;
  }
  
  #sidebar a {
  float: right;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  }
  
  #sidebar a:hover {
  background-color: gold;
  color: brown;
  }
  
  #paticka {
  position: absolute;
  bottom: 8%;
  /*top: 16%;
  left: 27%;
  height: 20px;*/
  width: 99.7%;
  background-color: brown;
  border: 1px solid brown;
  }
  
  #paticka .credits {
  float: right;
  /*font-variant: small-caps;*/
  color: white;
  font-weight: bold;
  font-size: 0.7em;
  padding-right: 10px;
  }
  
  #category {
  display: block;
  font-size: 2em;
  font-weight: bold;
  color: white;
  text-align: right;
  _padding-right: 10px;
  padding-bottom: 10px;
  }
  
  .datum {
  font-size: 0.8em;
  color: brown;
  }
  
  .popisdoc {
  font-size: 0.8em;
  }

 strong {
 color: black;
 /*background-color: rgb(244,208,0);*/
 }
 
 li {
 list-style-type: none;
 }
 
 /*reklama v knize*/
 .treklama {
 display: none;
 }

  
  
  /* styl fotoalba */
  
  .leve-odkazy {
  float: left;
  display: block;
  width: 100%;
  }
  
  .leve-odkazy-pod {
  background: gold;
  margin-top: 20px;
  }
  
  .leve-odkazy-pod img {
  border: 1px solid #4169e1;
  }
  
  .leve-odkazy-pod a { display: inline;}
  
  .pravy-blok{   min-height: 210px; background: gold;}
  
  #galerie-nadpis {
  /*font-size: 1em;*/
  margin-top: 10px;
  margin-bottom: 20px;
  }
  
  
  
  
  
  
  .nahled1-obal{ margin: 10px 0;  border: 1px solid #4169e1; min-height: 132px; _height: 132px; }
  .nahled1-obal h3{ border: 0; background: none; color: #708090; }
  .nahled1-img{ display: block;  float: left; width: 122px; height: 122px; padding: 2px; margin: 2px;
  border: 1px solid #4169e1; background: #b0cfe6; }
  .nahled1-img img{ border: 1px solid #4169e1; }
  .nahled1-info{ margin-left: 132px;  padding: 4px; border-left: 1px solid #4169e1; min-height: 106px;
  _height: 106px;  background: #cae3f7; }
  .nahled1-info h3{ font-size: 15px; min-height: 20px; _height: 18px; }
  .nahled1-info p{ margin: 4px 0; }
  .nahled1-paticka{margin-left: 132px; text-align: right; padding-right: 4px; background: #cae3f7;
  border-left: 1px solid #4169e1;  }
  
  
  .nahled2-obal{ float: left; width: 122px; height: 122px; border: 1px solid white;  background: gold;
  margin: 2px; padding: 5px; }
  .nahled2-obal img{ border: 1px solid none; }
  .nahled2-obal a:hover { border: none;}
  
  
  
  .foto-body{ padding: 0;  margin: 0; }
  .foto-navigace{ text-align: center; color: brown; margin-top: 40px; font-size: 0.7em; font-weight: bold;}
  .foto-navigace a {color: brown; text-decoration: none; text-transform: lowercase; }
  .foto-navigace a:hover { text-decoration: underline; }
  .foto-fotka{ width: 100%; }
  .foto-fotka .obal-fotky{ display: block;   margin: 0 auto;	padding: 10px 0;}
  .foto-fotka .img-fotka{ display: block;  border: 1px solid black;  margin: 0 auto; }
  
  .foto-prechazeni{ text-align: center; color: brown; margin-top: 5px; margin-bottom: 0; font-size: 0.7em; font-weight: bold;}
  .foto-prechazeni a {color: brown; text-decoration: none;}
  .foto-prechazeni a:hover { text-decoration: underline; }
  .foto-prechazeni em{ color: #708090;}
  .foto-prechazeni .foto-hodnoceni{ width: 500px; margin: 0 auto;}
  .foto-prechazeni .foto-hodnoceni{ text-align: center;  margin-top: 4px; }
  .foto-prechazeni .foto-hodnoceni a{color: white;}
  
  .foto-sloupec{ width: 600px; margin: 10px auto;  border: 1px solid #4169e1; background: #dfeef7;}
  
  .foto-info h3{ padding: 4px; margin: 0; border: 0; background: #b0cfe6; }
  .foto-info p{ padding: 8px; text-align: justify; margin: 0; }
  
