/* ESTILOS PARA EL MENU HORIZONTAL DE 2 ELEMENTOS */
#menu_h ul {
	padding-left: 6em;
	padding-bottom: 3em;
	list-style: none;
	position: relative;
	
}

#menu_h li { /* all list items */
	float: left;
	width: 14em;
}


#menu_h li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}


/* Fix IE. Hide from IE Mac \*/
* html #menu_h ul li { float: left; height: 1%; }
* html #menu_h ul li a { height: 1%; }
/* End */

#menu_h li:hover ul { display: block; }

#menu_h li:hover>ul { visibility:visible; }

#menu_h ul ul { visibility:hidden; }		

/* Make-up syles */
#menu_h ul, li {
    margin: 0 0 0 0; 
}

/* Styles for Menu Items */
#menu_h ul a {
	font-size: 90%;
	font-weight: bold;
	display: block; 
	text-decoration: none; 
	text-align: center;
	color: white; 
	/*background: black;*/ /* IE6 Bug */ 
	background-image: url(menubackground.gif);
	background-repeat: no-repeat;
	background-position: 15px 1px; /* Posición de la imagen de fondo */
	
	padding: 0.7em; /* Determina la altura de los elementos del menú */
	border-bottom: 0; 	
}
/* Hover Styles */
#menu_h ul a:hover { 
	color: white;
	cursor: pointer;
	background-position: 15px -32px; /* Posición de la imagen de fondo */
	
} 


/* ESTILOS USADOS PARA EL MENÚ DE CLANES DESDE EL MANUAL DE ORDENES */

#menu_h2 ul {
	padding-left: 2em;
	/*padding-bottom: 3em;*/
	list-style: none;
	position: relative;
	
}

#menu_h2 li { /* all list items */
	float: left;
	width: 18em;
}


#menu_h2 li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}


/* Fix IE. Hide from IE Mac \*/
* html #menu_h2 ul li { float: left; height: 1%; }
* html #menu_h2 ul li a { height: 1%; }
/* End */

#menu_h2 li:hover ul { display: block; }

#menu_h2 li:hover>ul { visibility:visible; }

#menu_h2 ul ul { visibility:hidden; }		

/* Make-up syles */
#menu_h2 ul, li {
    margin: 0 0 0 0; 
}


/* Ojo los estilos del enlace son dependientes del browser!! */
#menu_h2 ul a.unirse_clan1
{ 
	background-image: url(../img/unirse_orden1_grande.gif);
} 

#menu_h2 ul a.unirse_clan1:hover 
{ 
	background-position: 0px -250px; /* Posición de la imagen de fondo */
}

#menu_h2 ul a.unirse_clan2
{ 
	background-image: url(../img/unirse_orden2_grande.gif);
} 

#menu_h2 ul a.unirse_clan2:hover 
{ 
	background-position: 0px -250px; /* Posición de la imagen de fondo */
}
#menu_h2 ul a.unirse_clan3
{ 
	background-image: url(../img/unirse_orden3_grande.gif);
} 

#menu_h2 ul a.unirse_clan3:hover 
{ 
	background-position: 0px -250px; /* Posición de la imagen de fondo */
}
#menu_h2 ul a.unirse_clan4
{ 
	background-image: url(../img/unirse_orden4_grande.gif);
} 

#menu_h2 ul a.unirse_clan4:hover 
{ 
	background-position: 0px -250px; /* Posición de la imagen de fondo */
}



/* ESTILOS USADOS PARA EL MENÚ DE CLANES DESDE LA PAGINA DEL CLAN */


#menu_h3 li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}


/* Fix IE. Hide from IE Mac \*/
* html #menu_h3 ul li { float: left; height: 1%; }
* html #menu_h3 ul li a { height: 1%; }
/* End */

#menu_h3 li:hover ul { display: block; }

#menu_h3 li:hover>ul { visibility:visible; }

#menu_h3 ul {
	padding-left: 6em;
	list-style: none;
	position: relative;
}

#menu_h3 ul ul { visibility:hidden; }		

/* Make-up syles */
#menu_h3 ul, li {
    margin: 0 0 0 0; 
}

/* Ojo los estilos del enlace son dependientes del browser!! */
#menu_h3 ul a.unirse_clan1
{ 
	background-image: url(../img/unirse_orden1.gif);
} 

#menu_h3 ul a.unirse_clan1:hover 
{ 
	background-position: 0px -150px; /* Posición de la imagen de fondo */
}

#menu_h3 ul a.unirse_disabled_clan1
{ 
	background-image: url(../img/unirse_orden1_disabled.gif);
}

#menu_h3 ul a.unirse_clan2
{ 
	background-image: url(../img/unirse_orden2.gif);
} 

#menu_h3 ul a.unirse_clan2:hover 
{ 
	background-position: 0px -150px; /* Posición de la imagen de fondo */
}

#menu_h3 ul a.unirse_disabled_clan2
{ 
	background-image: url(../img/unirse_orden2_disabled.gif);
}

#menu_h3 ul a.unirse_clan3
{ 
	background-image: url(../img/unirse_orden3.gif);
} 

#menu_h3 ul a.unirse_clan3:hover 
{ 
	background-position: 0px -153px; /* Posición de la imagen de fondo */
}

#menu_h3 ul a.unirse_disabled_clan3
{ 
	background-image: url(../img/unirse_orden3_disabled.gif);
}

#menu_h3 ul a.unirse_clan4
{ 
	background-image: url(../img/unirse_orden4.gif);
}

#menu_h3 ul a.unirse_disabled_clan4
{ 
	background-image: url(../img/unirse_orden4_disabled.gif);
}

#menu_h3 ul a.unirse_clan4:hover 
{ 
	background-position: 0px -151px; /* Posición de la imagen de fondo */
}



/* ESTILOS PARA EL MENU HORIZONTAL DE 3 ELEMENTOS */
#menu_h4 ul {
	padding-left: 3em;
	padding-bottom: 2em;
	list-style: none;
	position: relative;
	
}

#menu_h4 li { /* all list items */
	float: left;
	width: 12em;
}


#menu_h4 li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}


/* Fix IE. Hide from IE Mac \*/
* html #menu_h ul li { float: left; height: 1%; }
* html #menu_h ul li a { height: 1%; }
/* End */

#menu_h4 li:hover ul { display: block; }

#menu_h4 li:hover>ul { visibility:visible; }

#menu_h4 ul ul { visibility:hidden; }		

/* Make-up syles */
#menu_h4 ul, li {
    margin: 0 0 0 0; 
}

/* Styles for Menu Items */
#menu_h4 ul a {
	font-size: 90%;
	font-weight: bold;
	display: block; 
	text-decoration: none; 
	text-align: center;
	color: white; 
	/*background: black;*/ /* IE6 Bug */ 
	background-image: url(menubackground2.gif);
	background-repeat: no-repeat;
	background-position: 15px 1px; /* Posición de la imagen de fondo */
	
	padding: 0.6em; /* Determina la altura de los elementos del menú */
	border-bottom: 0; 	
}
/* Hover Styles */
#menu_h4 ul a:hover { 
	color: white;
	cursor: pointer;
	background-position: 15px -26px; /* Posición de la imagen de fondo */
	
}