body 
   { 
      background: #ffffff url('../images/bg.jpg') repeat-x;
      font-family: Verdana; 
      font-size: 11px; 
      color: #000000;
      margin: 0px;
   }
     
.clear
  { 
    clear: both;
  }
   
.noborder
  {
     border: 0px solid #ffffff;
  }
  
  
#motiv
   {
      width: 950px;
      position: relative; 
      left: 50%; 
      margin-left: -475px;
      margin-top: 100px;
      z-index: 160;
   }
   
#motiv .vzduch
   {
      width: 464px;
      height: 450px;
      float: left;
   }
   
#motiv .voda
   {
      width: 467px;
      height: 450px;
      float: right;
   }

#motiv img.logo
   {
      position: absolute;
      top: 0px;
      left: 410px;
      z-index: 170;
   }

#motiv .menu
   {
       z-index: 200;
   }
   
#motiv .menu a.vzduch
   {
      top: 323px;
      left: 150px;
      position: absolute;
      width: 150px;
      z-index: 500;
      height: 39px;
      background: url('../images/m-vzduch.png') no-repeat; 
   }
   
#motiv .menu a.vzduch:hover
   {
      background: url('../images/m-vzduch-hover.png') no-repeat; 
   }
   
#motiv .menu a.voda
   {
      top: 323px;
      left: 670px;
      position: absolute;
      width: 104px;
      height: 38px;
      background: url('../images/m-voda.png') no-repeat; 
   }
   
#motiv .menu a.voda:hover
   {
      background: url('../images/m-voda-hover.png') no-repeat; 
   }
   

#line
   {
      width: 100%;
      height: 110px;
      display: block;
      background: url('../images/line.png') repeat-x;
      position: absolute; 
      top: 386px;
      z-index: 140;
   }