body, html { font-family: Verdana; text-align: center; padding: 0px; margin: 0px; font-size: 0.9em; color: #000000; background-color: #646464; background-image: url("images/bg.gif"); background-repeat: repeat-x; }
table.opening  { font-size: 0.85em; padding-left: 25px; }
#page { width: 100%; height: 100%; padding-top: 25px; }
#layout { width: 840px; height: 100%; margin: 0 auto; padding: 0px; }
  #layout-header { width: 428px; height: 218px; float: left; text-align: left; background-color: transparent;  }
    #layout-header .header img { padding-top: 0px; }
    #layout-header .header a img { border: 0px; }
    #layout-header .header a:hover img { border: 0px; }
  #layout-menu { width: 412px; height: 218px; float: right; background-color: #221e1f; }
    #menu { width: 300px; height: 218px; float: right; padding-right: 50px; }
    #menu a img, a:hover img { border: 0px; }
    #menu a.uvod { float: right; }
    #menu a.pani { float: left; }
    #menu a.damy { float: right; }
    #menu a.kont { float: left; }
    
  #layout-content { width: 840px; height: 425px; overflow: auto; clear: both; margin: 0 auto; background-image: url("images/bg_layout.gif"); background-repeat: repeat-x; }

    #content { width: 800px; margin: 0 auto; padding: 0px; text-align: justify; }
      #content h1 { color: #ff0000; font-size: 1.4em; letter-spacing: 3px; margin: 15px 0px 15px 0px; padding: 0px; }
      #content h2 { color: #323232; font-size: 1.15em; letter-spacing: 2px; margin: 15px 0px 5px 24px; padding: 0px; }
      #content h3 { color: #ff0000; font-size: 0.9em; letter-spacing: 2px; margin: 5px 0px 5px 27px; padding: 0px; }
      #content .red { color: #323232; }
      #content p { width: 750px; padding: 5px 0px 5px 0px; margin: 0 auto; }
      #content a { color: #000000; text-decoration: underline; }
      #content a:hover { color: #ff0000; text-decoration: none; }
      #content img { margin-top: 10px; }
      #content a img { border: 6px solid #646464; }
      #content a:hover img { border: 6px solid #ff0000; }
      #content .left { width: 360px; float: left; padding-left: 35px; }
        #content .left p { width: 350px; float: left; }
      #content .right { width: 360px; float: right; padding-left: 0px; }
        #content .right p { width: 350px; float: right; }
      
  #photogallery { width: 988px; height: 124px; margin: 0 auto; padding: 0px; background-image: url("images/bg_photo.gif"); background-repeat: no-repeat; }
    #photos { padding-top: 21px; padding-right: 40px; }
    #photos a img { border: 1px solid red; }
    #photos a:hover img { border: 1px solid black; }
    
  #footer { width: 100%; height: 20px; color: #323232; background-color: #646464; }
    #footer .footer { display: block; margin: 0px; padding-top: 0px; }
    #footer .footer a { color: #323232; text-decoration: none; }
    #footer .footer a:hover { color: #323232; text-decoration: underline; }