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

.zpMenu {
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: none;
	
}

.zpMenu .zpMenu {
	/*margin-top:2px;*/
	/*height:24px;*/
	
}

/* properties a drop down menu */
.zpMenu-vertical-mode .zpMenu-level-1, 
.zpMenuVertical {

	/*height:24px;*/

	padding: 3px 0px 3px 0px;
	text-align: left;
	/*border-bottom: 1px dotted #000;*/
	
		
}

.zpMenu .zpMenu .zpMenu-item {
	background: #013668;  				/***  Cambio el color de fondo de los menus desplagables  ***/ 												
  							/*ancho de cada boton del desplegable*/
	padding-top:3px;
	padding-bottom:3px;
	/*margin: 0px 0px 0px 0px;*/
}
/* General items that's not a top menu */
x.zpMenu .zpMenu .zpMenu-item {
	text-align: left;
	margin: 0px 0px 0px 0px;
	
}


/* Current selected items in top horizontal menu*/
.zpMenu .zpMenu-item-selected {
	color: #ffffff; 
	/* background: #ffffff; */
}

/* Current selected items in vertical menu*/
.zpMenu .zpMenu .zpMenu-item-selected {
	/* background: #E7E7E7; */
	color: #ffffff;  
	border:0px none #ffffff;   /****/
	text-decoration: none;
	
}

/* 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") #000000  no-repeat 0 50%;   /** cuando hay hijas aņado una flechita,fondo negro y no repito la flechita**/
	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") #000000 no-repeat 0 50%; 
	background-position:right;
	
	
}