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

.zpMenu {

	/*background:  #B0C4DE;*/ /*color de fondo del zp menu*/
	/*border: 1px solid blue;*/
	
	
	/*margin-top:30px;*/
}


.zpMenu-horizontal-mode a,
.zpMenu-horizontal-mode .zpMenu-label {
	color:  #4E5041;
	font-family:tahoma;
	font-size: 12px;
	font-weight: normal;
}

.zpMenu-vertical-mode a,						/*este trozo lo añado para que el menu vertical sea de color blanco, el horizontal será negro*/
.zpMenu-vertical-mode .zpMenu-label {
	
	color:  #ffffff;
	/*font-weight: bold;*/
}

.zpMenu-vertical-mode .zpMenu-level-3 a,						/*la letra del nivel 3 será negra*/
.zpMenu-vertical-mode .zpMenu-level-3 .zpMenu-label {
	
	color:  #000000;
	width: 145px;	
	height:17px;
	
	/*background:   #CADBE7;*/							/*color de fondo de los despleglables*/
	/*border-bottom: 1px solid rgb(255,242,245);*/
	/*padding-left: 5px;*/
	background-image:url(../../../images/boton4.png);
}


/* All selected items bold */
/*.zpMenu-vertical-mode .zpMenu-item-selected .zpMenu-label,
/*.zpMenu-vertical-mode .zpMenu-item-selected a {
	
/*	color:#000000;						/*al seleccionar un boton el texto se hace negro*/
/*}*/

.zpMenu-vertical-mode .zpMenu-item-selected .zpMenu-label ,
.zpMenu-vertical-mode .zpMenu-item-selected a {
	
	
	color:#000000;						/*al seleccionar un boton el texto se hace negro*/
}


.zpMenu-vertical-mode .zpMenu-level-1 .zpMenu-item-selected ,
.zpMenu-vertical-mode .zpMenu-level-1.zpMenu-item-selected a {
	
padding-top:0px;
margin-top:0px;	
padding-left:10px;					/*al seleccionar un boton el texto se hace negro*/
}






.zpMenu-horizontal-mode .zpMenu-item-selected .zpMenu-label,
.zpMenu-horizontal-mode .zpMenu-item-selected a {
	color:#C9000C;						/*al seleccionar un boton el texto se hace rojo*/
}

.zpMenu-vertical-mode .zpMenu-level-1 {
	/*border-color: rgb(255,242,245);*/
	margin-bottom:5px;						/*espacio entre los botones del menu*/
	width: 125px;
	text-align:left;
	
	
	/*color:  #ffffff;*/
}






.zpMenu-horizontal-mode .zpMenu-level-1 {
	
	margin-bottom:10px;
}

/*.zpMenu-vertical-mode .zpMenu-item-selected .zpMenu-level-1 .zpMenu-label,
.zpMenu-vertical-mode .zpMenu-item-selected  a{
	
	padding-left:20px;
}
*/

/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
	
	margin-top:0px;
	padding-top:0px;
	width: 145px;	
	height:17px;
	
	/*background:   #CADBE7;*/							/*color de fondo de los despleglables*/
	/*border-bottom: 1px solid rgb(255,242,245);*/
	padding-left: 5px;
	background-image:url(../../../images/boton3.png);
	/*color: #00008B;*/
}
.zpMenu-horizontal-mode .zpMenu .zpMenu-item {

	/*margin-bottom:4px;	
		*/							/*separacion entre botones hijos del menu horizontal*/
	padding-left:5px;
	/*margin-left:10px;*/
	width: 145px;	
	height:17px;									/*ancho de los botones hijos, en el bassic tb lo pongo*/
	background-image:url(../../../images/boton.png); /*CARGO UN PNG CON TRANSPARENCIA*/
	
	/*padding-top:0px;*/
	/*background:   #CADBE7;*/							/*color de fondo de los despleglables*/
	/*border-bottom: 1px solid rgb(255,242,245);*/
	/*padding:0px;*/
	/*color: #00008B;*/
}




/* Current selected items in vertical menu*/

/*.zpMenu-vertical-mode .zpMenu-item-selected,					/*creo estre trozo para dar un paddin a los botones,pero solo de nivel uno, alos hijos no*/
/*.zpMenu-vertical-mode .zpMenu-item-selected {
	padding-left:30px;
	/*background:  #000099;*/
								/*color de fondo del zpmenu*/
/*}

/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label{
	background: url("contrast_blue/arrow.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("contrast_blue/arrow.gif")  no-repeat 0 50%; 
	background-position:right;
}