@import url("layout/3d.css");

/*Primer nivel vertical*/
.zpMenu-vertical-mode .zpMenu-level-1 {
	text-align: left;
	padding-left: 51px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	background: #edc100;
	
}
/* Propiedades para los niveles siguientes al primer nodo .zpMenu .zpMenu .zpMenu-item-selected poner bgcolor p.e.*/
/* Propiedades para el primer nivel .zpMenu .zpMenu-item-selected poner bgcolor p.e.*/

.zpMenu .zpMenu a,
.zpMenu .zpMenu .zpMenu-label {
	color:  #000000;
	
}

/*Nodos del segundo nivel vertical (porque lleva dos zpMenu)*/
.zpMenu .zpMenu .zpMenu-item {
	padding: 2px 2px 2px 2px;
	background: #edc100;
	color: #000000;
	width: 175px;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label{
	background: url("icon/arrow_right_black.gif")  no-repeat 0 50%; 
	background-position:right;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenu .zpMenu .zpMenu-item-expanded .zpMenu-label{
	background: url("icon/arrow_right_black.gif")  no-repeat 0 50%; 
	background-position:right;
}