#menunav {
width: 200px;
min-height: 220px;
}
#menunav li {
 list-style-type: none;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(images/menuList-01.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	margin:0px;
	padding-left: 30px;
	font-size: 12px;
}
#menunav ul {
 margin: 0px;
	padding: 0px;
	z-index: 10000;
 z-index: 10000;
}
#menunav ul li {
 border: 1px solid #FF9900;
 z-index:auto;
}
#menunav a {
 display: block;
 color: #0066CC;
	text-decoration: none;
}



/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
 
 color:#FF9900;
 
 letter-spacing: 0.01px;
 
 
 background-repeat: repeat-x;
}
#menunav .menumark, #menunav .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(img/flecha.gif);
 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;
}
/*modifica el menu madre */
#sidebar {
 position: absolute;
 top: 150px;
 left: 10px;
 width: 11em;
 font-size: 0.85em; 
}