@charset "utf-8";
/* CSS Document */

 #fancymenu {
  position: relative;
  height: 27px;
  width: 890px;
  padding:0 15px;
   overflow: hidden;
   margin-bottom:0;
   }

#fancymenu ul {
   padding: 0;
   margin: 0;
   }
    
  /* Don't apply padding here (offsetWidth will differ in IE)
  If you need padding add it to the child anchor */
#fancymenu ul li {
  float: left;
  list-style: none;
  margin-right:5px;
  }

#fancymenu ul li a {
 text-indent: -500em;
  z-index: 10;
  display: block;
  float: left;
   height: 27px;
   position: relative;
   overflow: hidden;
  }

  #menu_home a {
   width: 90px;
   background: url('images/menu/menu_home.png') no-repeat center !important;
   background: url('images/menu/menu_home.gif') no-repeat center;
   }
   #menu_home a:hover {
   width: 90px;
   background: url('images/menu/menu_homeh.png') no-repeat center !important;
   background: url('images/menu/menu_homeh.gif') no-repeat center;
   }
   
   #menu_empresa a {
   width: 90px;
   background: url('images/menu/menu_empresa.png') no-repeat center !important;
   background: url('images/menu/menu_empresa.gif') no-repeat center;
  }
     #menu_empresa a:hover {
   width: 90px;
   background: url('images/menu/menu_empresah.png') no-repeat center !important;
   background: url('images/menu/menu_empresah.gif') no-repeat center;
  }

 #menu_productos a {
   width: 90px;
  background: url('images/menu/menu_productos.png') no-repeat center !important;
  background: url('images/menu/menu_productos.gif') no-repeat center;
  }
  #menu_productos a:hover {
   width: 90px;
  background: url('images/menu/menu_productosh.png') no-repeat center !important;
  background: url('images/menu/menu_productosh.gif') no-repeat center;
  }
  
#menu_eventos a {
 width: 90px;
  background: url('images/menu/menu_eventos.png') no-repeat center !important;
  background: url('images/menu/menu_eventos.gif') no-repeat center;
   }
   #menu_eventos a:hover {
 width: 90px;
  background: url('images/menu/menu_eventosh.png') no-repeat center !important;
  background: url('images/menu/menu_eventosh.gif') no-repeat center;
   }
#menu_salones a {
 width: 90px;
  background: url('images/menu/menu_salones.png') no-repeat center !important;
  background: url('images/menu/menu_salones.gif') no-repeat center;
   }
   #menu_salones a:hover {
 width: 90px;
  background: url('images/menu/menu_salonesh.png') no-repeat center !important;
  background: url('images/menu/menu_salonesh.gif') no-repeat center;
   }
   
#menu_multimedia a {
 width: 90px;
  background: url('images/menu/menu_multimedia.png') no-repeat center !important;
  background: url('images/menu/menu_multimedia.gif') no-repeat center;
   }
   #menu_multimedia a:hover {
 width: 90px;
  background: url('images/menu/menu_multimediah.png') no-repeat center !important;
  background: url('images/menu/menu_multimediah.gif') no-repeat center;
   }
   
   
#menu_consultas a {
 width: 90px;
  background: url('images/menu/menu_consultas.png') no-repeat center !important;
  background: url('images/menu/menu_consultas.gif') no-repeat center;
   }
   #menu_consultas a:hover {
 width: 90px;
  background: url('images/menu/menu_consultash.png') no-repeat center !important;
  background: url('images/menu/menu_consultash.gif') no-repeat center;
   }
   
#menu_descargas a {
 width: 90px;
  background: url('images/menu/menu_promociones.png') no-repeat center !important;
  background: url('images/menu/menu_promociones.gif') no-repeat center;
   }
   #menu_descargas a:hover {
 width: 90px;
  background: url('images/menu/menu_promocionesh.png') no-repeat center !important;
  background: url('images/menu/menu_promociones.gif') no-repeat center;
   }

#menu_contacto a {
 width: 90px;
  background: url('images/menu/menu_contacto.png') no-repeat center !important;
  background: url('images/menu/menu_contacto.gif') no-repeat center;
}
#menu_contacto a:hover {
 width: 90px;
  background: url('images/menu/menu_contactoh.png') no-repeat center !important;
  background: url('images/menu/menu_contactoh.gif') no-repeat center;
}
   
   
/*li background*/
#fancymenu li.background {
   background: url('images/menu/bg_menu_right.gif') no-repeat bottom right;
   z-index: 8;
   position: absolute;
   visibility: hidden;
   }

   
#fancymenu .background .left {
  background: url('images/menu/bg_menu.gif') no-repeat bottom left;
  height: 27px;
  margin-right: 9px; /* 7px is the width of the rounded shape */
}