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

/*Primer nivel vertical*/
.zpMenu-vertical-mode .zpMenu-level-1 {
/*	color: #0000ff;*/
	width: 150px;
	/*height: 31px;*/
	margin-top: 10px;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	/*background: url("contrast_blue/flecha.jpg") #ccddea no-repeat 11px;*/
	text-decoration: none;
	font-size: 16px;
	text-align:left;
}


/* 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.*/

/*Primer nivel */

.zpMenu a,
.zpMenu .zpMenu-label { /* propiedades de la etiqueta a en todo el zpMenu y propiedades de cada celda o apartado del menu */
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	color: #6b422b;
	text-decoration:none;
}

.zpMenu .zpMenu-label a{  /* aqui se cambia el texto de la etiqueta a del primer nivel sin estar seleccionada*/
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	color: #6b422b;
	text-decoration:none;	
	text-align:left;
	/*padding-left: 70px;*/
}

.zpMenu .zpMenu-item-selected a, .zpMenu .zpMenu-item-selected a:HOVER{ /* aqui se cambia el texto de la etiqueta a de primer nivel seleccionada*/
	/*padding-left: 40px;*/
}

/* Segundo Nivel */

.zpMenu .zpMenu .zpMenu-item {
	padding: 2px 2px 2px 2px;
	width: 150px;
	/*height: 20px;*/
	/*background-color: #ccddea*/
	background-color: #c67f43;
}

/* La flecha que se muestra cuando hay un sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label{
	background: url("icon/arrow_right_black.gif")  no-repeat 0 50%; 
	background-position:right;
}

/* La flecha que se muestra cuando hay un sub-menu y el elemento esta seleccionado (puntero encima) */
.zpMenu .zpMenu .zpMenu-item-expanded .zpMenu-label{
	background: url("icon/arrow_right_black.gif")  no-repeat 0 50%; 
	background-position:right;
}

/*.zpMenu .zpMenu a,*/
.zpMenu .zpMenu .zpMenu-label {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	color: #6b422b;
	text-decoration:none;
	text-align:left;
	padding-left:3px;
}

.zpMenu .zpMenu .zpMenu-label a{  /* aqui se cambia el texto de la etiqueta a del nivel sin estar seleccionada*/
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	color: #6b422b;
	text-decoration:none;	
	text-align:left;
	padding-left:3px;
}

.zpMenu .zpMenu .zpMenu-item-selected a, .zpMenu .zpMenu .zpMenu-item-selected a:HOVER{ /* aqui se cambia el texto de la etiqueta a de nivel seleccionada*/
	/*padding-left: 40px;*/
}