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

.zpMenu {
	/*font:Century Schoolbook;*/
	text-align:center;
	/*background:  #cccccc;
	border: 1px solid blue;*/
	/*float:right;*/
}

/* Menu Horizontal************************************************************************************************/
.zpMenu-horizontal-mode{
		text-align:right;
		padding-left: 70px;
		/*float:right;*/
		width:820px;
		border:0px solid solid #FF0000;
		
	

}

.zpMenu-horizontal-mode .zpMenu-item, .zpMenu-horizontal-mode .zpMenu-item a
{
	font-size: 12px;
	color: #000066;
	font-weight:normal;
	text-decoration:none;
	margin-left: 20px;
	text-align:center;
	border:0px solid solid #FF0000;


}
/* nivel 1*/
.zpMenu-horizontal-mode .zpMenu .zpMenu-item{
	height: 20px;
	padding: 5px;
	margin: 0px;
	background-color: #666;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	text-align:center;
}

.zpMenu-horizontal-mode .zpMenu .zpMenu-item  a
{	
	padding: 5px;
	margin: 0px;
	text-align:center;
}
.zpMenu-horizontal-mode .zpMenu .zpMenu-item-selected  {
	background-color: #5781AB;
	text-align:center;
}
/*fin nivel 1*/
/*selected nivel 0 y selected nivel 1*/
.zpMenu-horizontal-mode .zpMenu-item-selected {
	text-align:center;
}

.zpMenu-horizontal-mode .zpMenu .zpMenu-level-1  {
	text-align:center;
}
/* fin selected */

.zpMenu a,
.zpMenu .zpMenu-label {
	/*color:  #0002B9;
	font-weight: normal;*/
}

/* All selected items bold */
.zpMenu .zpMenu-item-selected .zpMenu-label,
.zpMenu .zpMenu-item-a {
	/*color:#00FFFF;*/
	text-align:center;
}


.zpMenu-vertical-mode .zpMenu-level-1 {
	/*border-color:10px solid green;*/
	text-align:center;
}

.zpMenu-horizontal-mode .zpMenu-level-1 {
	/*border-color:10px solid red;*/
}

.zpMenu-horizontal-mode .zpMenu-level-1 a{
	margin:0px 5px 0px 5px;
}

/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
	/*
	border:0px;
	background-color:#5d5e56;
	padding:3px;
	width:144px;
	
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	*/
	
}

.zpMenu .zpMenu
{

	border:1px solid white;
	width:172px;
	background:#4A9324;
	/*filter: alpha(opacity=60);
	opacity: .6;*/
	/*margin-top:9px;
	width:168px;*/
}

.zpMenu .zpMenu .zpMenu-item a{
	/*font: arial regular;*/
	font-size: 12px;
	color:red;
	text-decoration:none;
}
/*Menu Vertical************************************************************************************************/


.zpMenu-vertical-mode
{
	padding-top:10px;
	/*filter: alpha(opacity=100);
	opacity: 1;*/
	text-align:center;
	/*font:Century Schoolbook;*/
	/*border-bottom:0px solid #FF0000;*/
}
/* AQUI ESTA EL PINCHE CSS QUE MODIFICA EL PRIMER MENU*/
.zpMenu-vertical-mode .zpMenu-item, .zpMenu-vertical-mode .zpMenu-item a
{
	font: 11px sans-serif;
	font-weight: normal;
	color: white;
	text-decoration:none;
	padding-right:0px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:2px;
	width:139px;
	text-align:center;
	/*font:Century Schoolbook;*/
	
}


.zpMenu-vertical-mode .zpMenu-level-1 .zpMenu-label a
{
		
	text-decoration:none;
	border-top: 0px;	
	text-align:center;
	-moz-opacity: 1 /*!important;*/
	/*-moz-opacity: 0.50;*/
	
}
/* nivel 1*/
.zpMenu-vertical-mode .zpMenu .zpMenu-item{
	height: 29px;
	text-decoration:none;
	width:180px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;
	border-top:1px solid #ffffff;
	text-align:center;
	
}


/*no mames con el CSS que modifica el menu de primer nivel bueno solo los A */
.zpMenu-vertical-mode .zpMenu .zpMenu-item  a
{
	color: #ffffff;
	font-size: 11px;
	border-top: 0px;
	text-decoration:none;
	text-align:center;
}

/*fin nivel 1*/
/*selected nivel 0 y selected nivel 1*/
.zpMenu-vertical-mode .zpMenu-item-selected {
	/*background-color: #ccc;*/
	text-decoration:normal;
	text-align:center;
	
}

.zpMenu-vertical-mode .zpMenu .zpMenu-item-selected {
	/*background-color: #ccc;*/
	text-decoration:normal;
	text-align:center;
}
/* fin selected */
/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label{
	background: url("../../../images/arrowRightBlue.gif")  no-repeat 0 50%; 
	background-position:right;
	text-align:center;
	
}

/* 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("../../../images/arrowRightGrey.gif")  no-repeat 0 50%; 
	background-position:right;
	text-align:center;
}