#menunav {
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type:none;
 margin: 0;
 padding: 0;
 background-image:  url(img/debajo_btn.jpg);
 background-repeat: repeat-x; 
 border-bottom: 1px solid #FFCC00;
 background-color: #FFF3C6;
}
#menunav ul {
 border-top: 1px solid #FFF7D2;
 margin: 0;
 padding: 0;
 z-index: 10000;
}

#menunav ul li {
 border-left: 1px solid #FFCC00;
 border-bottom: 1px solid #FFCC00;
}
#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 padding: 4px 4px 4px 4px;
 color: #000000;
 border-top: 1px solid #FFF7D2;
 border-right: 1px solid  #FFF3C6;
 border-bottom: 0px solid  #FFCC00;
 border-left: 5px solid  #FFCC00;
 line-height:1.3;
}
/*controla la botonera */
#menunav a:hover, #menunav1 a:active, #menunav1 a:focus, #menunav1 .menuon, #menunav1 .menuon:hover, #menunav1 .menuon:active
{
 font-weight:800;
 color: #000000;
 background-color: #FFCC00;
 letter-spacing: 0px;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-left: 5px solid #FF0000;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
#menunav .menumark, #menunav1 .menumark:hover
{
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active
 {
 background-image:  url(images/flechaMenu.png) ;
 background-repeat: no-repeat;
 background-position: right center;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0; 
}
#menunav .menushow {
 left: auto;
 z-index: 20000; width: 220px;
}
/*modifica el menu madre */
#sidebar1 {
 position: relative;
 width: 200px;
 font-size: 9px;
 font-weight: 800;
 text-align:left;
}