/* Obecná nastavení ***************************************** */
    * { font-family: Arial; font-size: 11px; margin: 0px; padding: 0px; font-weight: normal; }
    body { text-align: center; background-image: url( "body.bg.gif" ); background-repeat: repeat-x; }
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    img { border: 0px; }
    strong { font-weight: bold; }
    .cleaner { clear: both; width: 100%; height: 1px; }
    
    
    
    
/* page > div pro celou stránku ***************************** */
    #page { margin: 0px auto; text-align: left; width: 1000px; }
    
    
    
    
  /* menu > horni nabidka vlevo od loga **********************  */
      #menu { float: left; padding-left: 50px; height: 98px; width: 595px; }
      #menu a { font-size: 14px; padding: 50px 16px 32px 16px; color: #000000; display: block; float: left; }
      #menu a:hover { color: #0DB1DE; text-decoration: none; }
      #menu a.active { color: #0DB1DE; background-image: url( "menu.active.gif" ); background-repeat: no-repeat; background-position: center bottom; }
      
      
      
      
  /* logo > logo vedle nabidky ******************************** */
      #logo { height: 98px; width: 355px; float: right; }
      #logo img { position: absolute; }
      #logo h1 { margin: 20px 0px 0px 100px; font-size: 30px; color: #416FAE; }
      #logo h2 { margin-left: 100px; font-size: 13px; }
      
      
      
      
  /* main > hlavní pole s obsahem ***************************** */
      #main { clear: both; height: 511px; }
      
      
      
      
  /***********************************************************************************************************************/
      
      
      
      
  /* reference > dolni rada obrazku *************************** */
      #reference { clear: both; margin-top: 33px; }
      #reference ul { list-style-type: none; display: block; height: 65px; }
      
      /* Sirka cely ty stranky je 1000px, takze LI bude mit vzdy sirku (1000/POCET REFERENCI) */
      #reference ul li { float: left; width: 200px; text-align: center; font-size: 10px; color: #999999; /*display: block; */}
      
      
      
  /* bottom > spodni menu a copyright ************************* */
      #bottom { clear: both; margin: 10px 40px; }
      #bottom p { color: #999999; float: left; font-size: 10px; }
      #bottom p.right { float: right; }
      #bottom a { color: #999999; font-size: 10px; }
      #bottom a:hover, #bottom a.active { color: #0DB1DE; text-decoration: none; }