body, html {
  margin: 0px 0px 0px 0px;
  background-color: #e7d5c8;
  font-family: arial; color: #000000; font-size: 11px;
  text-align: center;
  }
  #plocha {
  position: absolute; top: 0px; left: 0px;
  width: 100%; height: 176px;
  padding: 0px; margin: 0px;
  background-image: url('data/plocha.jpg');
  }
#celek {
  position: relative; top: 0px;
  margin-left: auto; margin-right: auto;
  width: 700px; height: 100%;
  text-align: left;
  }
  #bener {
  background-image: url('data/hnou.jpg');
  height: 176px;
  }
  #tbl {
  background-image: url('data/pozadi.jpg'); width: 100%; margin: 0px; height: 100px;
  }
  #cont{position: relative; left: 16px; width: 480px; height: 100%;
  }
  #obsah_top{
  width: 480px; height: 16px;
  background: transparent url('data/obsah_top.jpg') no-repeat;
  }
  #obsah{
  width: 480px; height: 100%;
  background: transparent url('data/site.jpg');
  }
  #hran{margin: 0px 20px 0px 27px;
  }
  #obsah_down{
 position: relative; top: -13px;
  width: 480px; height: 16px;
  background: transparent url('data/obsah_down.jpg') no-repeat;
  }
   /* --------------------MENU---------------------*/
  #menu{
   background: transparent url('data/menu_n.jpg') no-repeat;
  position: relative; top: 5px; left: -5px;
	width: 180px; height: 300px;
  }
  	#menu_upr{
  	position: relative; left: 40px; top: 100px;
  }
  #bottom{
  width: 700px; height: 40px;
  background: transparent url('data/bottom.jpg') no-repeat;
  }
  /* --------------------FOTO DIV---------------------*/
  #foto_div{position: relative; left: -12px; top: 5px;
  }
  #foto_top{
  width: 180px; height: 16px;
  background: transparent url('data/foto_top.jpg') no-repeat;
  }
  #foto_site{
  width: 180px; height: 100%;
  background: transparent url('data/foto_site.jpg');
  }
  #foto_down{
  width: 180px; height: 16px; position: relative; top: 3px;
  background: transparent url('data/foto_down.jpg') no-repeat;
  }
   /* -----------------FONTY------------------*/
  .menu_top h3{
  color: white;
  }
  .nadpis1{
  color: #2b1201; text-decoration: underline; font-size: 16px; font-weight: bold;
  }
  .nadpis2{
  color: #2b1201; text-decoration: underline; font-size: 12px; font-weight: bold;
  }
  .nadpis3{
  color: #2b1201; text-decoration: none; font-size: 12px; font-weight: bold;
  }
  h2, h3, h4{
  color: #2b1201; text-decoration: underline;
  }
  .text{
  font-size: 11px; font-family: arial; color: #2b1201;
  }
  .male{
  font-size: 9px; font-family: arial; color: #2b1201;
  }
  .vyrazne{
  font-size: 13px; font-family: arial; color: #940c0c; font-weight: bold;
  }
  /* -----------------ODKAZY------------------*/
  .odkaz1{
  font-size: 11px; font-family: arial; color: #561a00; font-weight: bold; text-decoration: none;
  }
  .odkaz1:hover {
  color: #c73d00; 
  }
  .odkaz2{
  font-size: 11px; font-family: arial; color: #8d1f06; font-weight: bold; text-decoration: none;
  }
  .odkaz2:hover {
  color: #ea9500; 
  }
  .odkaz3{
  font-size: 13px; font-family: arial; color: #5b2503; font-weight: bold; text-decoration: none;
  }
   /* -----------------RÁMEČKY------------------*/
    .tab_1{
  border: solid #2b1201; border-width: 2px 0px 1px 2px;
  background-color: ffffff;
  font-family: arial; color: #2b1201; font-size: 11px;
  }
  .tab_1 td{border-bottom: solid 1px #2b1201; border-right: solid 2px #2b1201; vertical-align: top;
  }
  .hl{font-size: 11px; font-family: arial; color: #2b1201; font-weight: bold; background-color: #e99f34;
  }
   .ramecek {
  border: solid 2px #898787;
  background-color: efefef;
  font-family: arial; color: #000000; font-size: 11px;
  }
  .upozorneni {
  background-color: #e99f34; border: solid 2px #2b1201;
  font-family: arial; color: #000000; font-size: 11px;
  }
    /* -----------------POSUNY------------------*/
   .podpis{text-align: right; position: relative; left:-10px;
  }
