
/********************************************/


#sidebar {





}





#menunav {


	margin: 0px;


	padding:0px;


	border: 1px solid #929292;


	width:236px;


	float:left;


	/*background-image: url(../images/mini_cooper_image/back_menu.gif);
 */
}





#menunav li {


	list-style-type: none;


	border-bottom: 1px solid #929292;


	 float:left;


	 width:100%;	


}





.noLink{background-color: #555555; padding:0px;}


.noArrow{cursor:pointer; padding:0px; display:block;}


.noLink img{}


.noArrow img{padding-left: 40px;}





/* segundo nivel de menu*/





#menunav ul{


	border: 1px solid #fff;


	margin: 0px;


	padding: 0px;


	z-index: 10000;


	width:180px;





}


#menunav ul li img{padding-left: 15px;}


#menunav ul li {





    opacity: 0.9;


    filter:alpha(opacity=90);


    -moz-opacity:0.9;


    -khtml-opacity: 0.9;


    background-image:none;


	background-color: #000000;


	width:180px;


}





#menunav a{


	display: block;


	padding: 0px 0px 0px 0px;


}





/*controla la botonera */





#menunav a:hover, #menunav a:active, #menunav a:focus,





#menunav .menuon, #menunav .menuon:hover, 





#menunav .menuon:active {


/* esta parte es para hover del mouse cambia color cuando el mouse esta encima


	background-image:  url(../images/mini_cooper_image/menu/encima_btn.jpg);


	background-image:  url(../images/mini_cooper_image/menu/arrow_center_red.gif);


	background-repeat:	no-repeat;


	background-position: right center;
	   */
}





#menunav .menumark, #menunav .menumark:hover {


/* esta parte es para activar o colocar arrow


	background-image:  url(../images/mini_cooper_image/menu/arrow_center_red.gif);


	background-repeat:	no-repeat;


	background-position: right center;*/


}





/*Controlan los links y la imagen de flecha */





/*the normal trigger link */





#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {


	color:#FFF;


	width: 180px;


}





#menunav .menutrg:hover {


	color: #F00;





	/*esta parte va como fondo de mouse hover


	background-position: right center;*/





}





/*controla el desplazamiento y alcance de los submenus */





#menunav .menuhide {





	left: -9000;


	border: 0;


}





#menunav .menushow {





	left: auto;


	z-index: 20000;





}


#menunav ul ul{


	border:#fff solid 1px;


	width: 180px;


}


/*modifica el menu madre */





#sidebar {


	width: 180px;


}


