<div id='multi_drop_menus'>
<ul>
   <li><a href='index.php' class='kategoria'>Główna</a></li>
   <li><a href='onas.php' class='kategoria'>O Nas</a> </li>
   <li> <a href='#'>Oferta salonu</a>
      <ul>
         <li><a href='fryzjerstwo.php'>Fryzjerstwo</a></li>
         <li><a href='kosmetyka.php'>Kosmetyka</a></li>
         <li><a href='solarium.php'>Solarium</a></li>
      </ul>
      </li>
   <li><a href='#' class='kategoria'>Oferta pracowni makijażu</a>
      <ul>
         <li><a href='makijaz_wieczorowy.php'>Makijaż wieczorowy</a></li>
         <li><a href='makijaz_slubny'>Makijaż ślubny</a></li>
         <li><a href='analiza.php'>Analiza kolorystyczna</a></li>
         <li><a href='lekcje.php'>Lekcje makijażu</a></li>
         <li><a href='metamorfoza.php'>Metamorfoza</a></li>
         <li><a href='sesjafoto.php'>Obsługa sesji foto <br/> i planu filmowego</a></li>
         <li><a href='makijaz_pokazy.php'>Makijaż do pokazów mody</a></li>
         <li><a href='makijaz_portfolio.php'>Makijaż do portfolio</a></li>
         <li><a href='body_painting.php'>Body painting</a></li>
         <li><a href='wieczory_panienskie.php'>Wieczorki panieńskie</a></li>
      </ul>
   </li>
   <li> <a href='zaproszenia.php' class='kategoria'> Zaproszenia </a> </li>
   <li> <a href='cennik.php' class='kategoria'> Cennik </a> </li>
      <li> <a href='galeria.php' class='kategoria'>Galeria </a></li>
   <li> <a href='aktualnosci.php' class='kategoria'> Aktualności </a> </li>
   <li> <a href='wspolpraca.php' class='kategoria'> Współpraca </a> </li>
   <li> <a href='komentarze.php' class='kategoria'> Komentarze </a> </li>
   <li> <a href='kontakt.php' class='kategoria'> Kontakt </a> </li>
</ul>
</div>

/* menu */

#multi_drop_menus {
      behavior:url(csshover.htc);
      float:left;
      margin-top: 3%;
      margin-left: 5%;
      padding-left: 0;
      background-color: #CECFD1;
      width: 90%;
    -webkit-box-shadow: 3px 3px 6px #000;
    -moz-box-shadow: 3px 3px 6px #000;
    box-shadow: 3px 3px 6px #000;
        border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
      }

#multi_drop_menus ul {
      padding-left: 7%;
      overflow: auto;
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 0;

   }

   #multi_drop_menus li {
   list-style-type:none;
   float:left;
/*   position:relative;
   */}

#multi_drop_menus a.kategoria {
   color: #6F1413;
   text-decoration: none;
   padding-right: 5px;
   padding-left: 5px;
   font-size: 15px;
   font-variant: small-caps;
   font-weight: bold;
   line-height: 20px;;
   }
   #multi_drop_menus a {
   color: #6F1413;
   text-decoration: none;
   padding-right: 3px;
   padding-left: 3px;
   font-size: 15px;
   font-variant: small-caps;
   font-weight: bold;
   }


#multi_drop_menus li ul {

   position: absolute;
   padding: 5px 5px 5px 5px;
   width: 15em;
   display:none;
}

#multi_drop_menus li:hover ul{
display:block;
background-color: #CECFD1;

}

#multi_drop_menus li ul li{
   width:100%;
   }

#multi_drop_menus a:hover {

color: #CECFD1;

background: red;

}
/*koniec menu*/