html, body {
    padding: 0px;
    margin: 0px;
    clear: both;
    background: #eff1e6;
    font-family: 'Arial CE', 'Verdana CE', 'Lucida Grande CE', 'Helvetica CE', Arial, Verdana, lucida, sans-serif; }
  #zahlavi {
    background: #312e0f;
    width: 100%;
    text-align: center;}

  #boxik {
    height: 34px;
    width: 100%;
    background: #504b24 url("../grafika/pruh.gif");
    position: absolute;
    left: 0;
    top: 135px;
    min-width: 980px;}

  div#nav {
	  height: 58px;
	  width: 500px;
    position: absolute; 
    top: 99px;
    left: 500px;
    z-index: 2;
	  text-align: center;}
	  
  div#nav ul {	
	 height: 58px;
	 margin: 0 auto;
   list-style-type: none;
	 text-align: center;}	
	 
  div#nav ul li {
   	float: left;
   	display: table;
   	height: 36px;
  	margin-left: 10px; 
    border-left: 1px solid #28250a;
    border-right:1px solid #28250a;
   	background-image: url("../grafika/neaktiv.gif");
   	background-color: #4d4922;}
  div#nav ul li a {
    margin: 5px;
    text-decoration: none;
    color: white;
    font-size: 115%;}
    
  div#nav ul li.aktivni {
    border-left: 1px solid black;
    border-right:1px solid black;
   	background-image: url("../grafika/aktivni.gif");
   	background-color: #eff1e6;
    height: 70px;}
   	
  div#nav ul li.aktivni a {
    color: #333012;}
    
  li img {
    border: 0;
    margin-top: 2px;}
    
  #obal {
    margin-top: 50px;
    text-align: center;}
    
  #obsah {
    width: 980px;
    margin: 0 auto;
    position: relative;
    text-align: justify;}
    
  #obsah img {
    border: 2px solid #3f422d;
    margin: 10px;}
    
  img.logo {margin: 30px 0 0 0; float: left;}
  
  img.logo2 {margin: 10px 0 0 0; float: right;}
  
  #box {
    margin: 0 auto; 
    width: 980px; 
    text-align: left; 
    background: #312e0f;
    height: 169px;}
  
  dl {margin-left: 40px;}
  
  dt {
    margin-left: -40px;}
  
  #obsah a {color: black;}
  
  #obsah a:hover {
    color: #312e0f; 
    text-decoration: none;}