#menunav {
 margin: 5px 0 0 0;
 padding:0;
}
#menunav li {
 width:150px;
 height:59px;
 list-style-type: none;
}
#menunav ul {
 margin: 0;
 padding: 0;
 z-index: 10000;
}

/*controla la botonera */
#menunav a {
 display: block;
 width:137px;
 height:46px;
 padding: 13px 0 0 13px;
 text-decoration: none;
 color: #ffffff;
 font-size:16px;
 background:url(../images/fons/menu.jpg) no-repeat;
 background-position: 0 -59px;
}

#menunav a:hover, #menunav .active a {
 display: block;
 width:137px;
 height:46px;
 padding: 13px 0 0 13px;
 text-decoration: none;
 color: #44d897;
 background:url(../images/fons/menu.jpg) no-repeat;
 background-position: 0 -59px;
}

#menunav a span { font-size:10px; color:#ffffff; }

/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav { background-color:#1e1e1e; }
#menunav .producte { height:auto; width:150px; background-color:#1e1e1e; background-image:none; border-bottom:1px solid #4a4a4a; }
#menunav .producte a { width:137px; height:auto; padding:10px 0 10px 13px; font-size:13px; background-image:none; }
#menunav .producte a:hover { width:137px; height:auto; padding:10px 0 10px 13px; font-size:13px; background-image:none; }

.producte ul { width:277px !important; background:#545454; }

#menunav .subproducte { height:auto; width:270px; margin-left:7px; background-color:#545454; background-image:none; border-bottom:1px solid #4a4a4a; }
#menunav .subproducte a { width:250px; padding:5px 10px 5px 10px; font-size:11px; color:#cdcdcd; background-color:#545454; background-image:none; }
#menunav .subproducte a:hover { width:250px; padding:5px 10px 5px 10px; color:#44ce91; font-size:11px; background-color:#545454; background-image:none; }
.fregaderos .producte a:hover { color:#2480be !important; }

/* Elimina el efecte quan passem el ratolí sobre una subfamilia */
#menunav a.nolink:hover { color:#cdcdcd; cursor:default; }

#menunav a.fregaderos:hover {
 color: #70b6e5;
}

#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background: url(../images/fons/menu.jpg) no-repeat;
}
#menunav .menutrg:hover {
 background:url(../images/fons/menu.jpg) no-repeat;
 background-position: 0 -59px;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}