* {
   margin: 0;
   padding: 0;  
   
     }  
    #stranka { 
      width: 800px;
      margin: 5%;
      border: 1px solid;
      font-family: Verdana, sans-serif;
      font-size: smaller;
       }
    
    #hlavicka {
      height: 3em;
      background-color: #def;
      padding: 0.5em;
    }
    
    #menu { 
      float: left;
      width: 200px;
      height: 450px;
      padding: 0.5em;
      border-right: 1px solid #aaa;
      background-color: #eee;
      }
    
    #obsah {
      height: 450px;
      padding: 0.5em
      }
    
    #zapati {
      clear: both;
      font-size: smaller;
      padding: 0.5em;
      background-color: #ddd;
      border-top: 1px solid #ddd;
    }
    
    #topmenu { 
      background-color: darkblue;
      padding: 0.2em;
      padding-bottom: 5px;
      }
    
    a.navig-left, a.navig-right {
      display: block; 
      font-weight: bold;
      color: white;
      text-decoration: none;
      }
      
    a.navig-left { float: left; }
    
    a.navig-right { float: right;}  
    
    div.clearer { clear: both;} 
    
    h1 {
      font-size: 250%;
      
      }
      
    p, ul, li { margin-top: 0; margin-bottom: 0.3em}
      
    ul {
      padding-left: 2em;
    }
    
    #menu ul { 
      list-style-type: none;
      padding-left: 0em;
      } 
    #menu li { margin: 0}  
    #menu a {
      display: block; 
      margin: 0;
      padding: 0.3em;
      text-decoration: none;
      }
    #menu a:hover {
    background-color: yellow;
    color: red;
    text-decoration: underline;
      }  
      
 ul { 
  list-style-image: url(obrazky/smile.gif);
  
  }     
 li {padding-left: 0.5em;}
 
 body {
  /*background: url(obrazky/tn_1g9onx7.gif) no-repeat left top ;*/
  background: url(obrazky/tn_1ankgam.gif) no-repeat 20px 10px ;
 }