@charset "utf-8";
/* CSS Document */

/*Menu 2*/
#menudrop, #menudrop ul, #menudrop ul li,
#menudrop ul li ul, #menudrop ul li ul li {
margin:0;
padding:0;
}
#menudrop{
list-style:none;
font-weight:bold;
margin-bottom:10px;
float:left;
width:210px;
/*border:#000000 thin solid;
 Forzar superposición del menú
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}
#menudrop li{
float:left;
margin-right:20px;
position:relative;
width:200px;
}
#menudrop a{
display:block;
padding:20px;
color:#fff;
background:#f39600;
text-decoration:none;
text-align:center;
}
#menudrop a:hover{
color:#fff;
background:#246F49;
text-decoration:underline;
}
#menudrop ul{
/* Color de fondo de la web -para IE- */
background:white;
/* Idem transparente para navegadores que lo soporten */
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; /* Escondemos inicialmente los submenús */
z-index:9;
}
#menudrop ul li{
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
#menudrop ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop li:hover ul{
left:0; /* Submenús visibles */
}
/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop li:hover a{
background:#246F49; /* Aprovechamos para cambiar de color los señalados */
text-decoration:underline;
}
#menudrop li:hover ul a{
text-decoration:none;
}
#menudrop li:hover ul li a:hover{
background:#333;
}
/*Menu 3*/
#menudrop2, #menudrop2 ul, #menudrop2 ul li,
#menudrop2 ul li ul, #menudrop2 ul li ul li {
margin:0;
padding:0;
}
#menudrop2{
list-style:none;
font-weight:bold;
margin-bottom:10px;
float:left;
width:210px;;
/*border:#000000 thin solid;
 Forzar superposición del menú
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}
#menudrop2 li{
float:left;
margin-right:20px;
position:relative;
width:200px;
}
#menudrop2 a{
display:block;
padding:20px;
color:#fff;
background:#19c31c;
text-decoration:none;
text-align:center;
}
#menudrop2 a:hover{
color:#fff;
background:#246F49;
text-decoration:underline;
}
#menudrop2 ul{
/* Color de fondo de la web -para IE- */
background:white;
/* Idem transparente para navegadores que lo soporten */
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; /* Escondemos inicialmente los submenús */
z-index:8;
}
#menudrop2 ul li{
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
#menudrop2 ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop2 li:hover ul{
left:0; /* Submenús visibles */
}
/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop2 li:hover a{
background:#246F49; /* Aprovechamos para cambiar de color los señalados */
text-decoration:underline;
}
#menudrop2 li:hover ul a{
text-decoration:none;
}
#menudrop2 li:hover ul li a:hover{
background:#333;
}
/*Menu 4*/
#menudrop3, #menudrop3 ul, #menudrop3 ul li,
#menudrop3 ul li ul, #menudrop3 ul li ul li {
margin:0;
padding:0;
}
#menudrop3{
list-style:none;
font-weight:bold;
margin-bottom:10px;
float:left;
width:210px;
/* border:#000000 thin solid;
Forzar superposición del menú
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}
#menudrop3 li{
float:left;
margin-right:20px;
position:relative;
width:200px;
}
#menudrop3 a{
display:block;
padding:20px;
color:#fff;
background:#d02023;
text-decoration:none;
text-align:center;
}
#menudrop3 a:hover{
color:#fff;
background:#246F49;
text-decoration:underline;
}
#menudrop3 ul{
/* Color de fondo de la web -para IE- */
background:white;
/* Idem transparente para navegadores que lo soporten */
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; /* Escondemos inicialmente los submenús */
z-index:9;
}
#menudrop3 ul li{
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
#menudrop3 ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop3 li:hover ul{
left:0; /* Submenús visibles */
}
/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop3 li:hover a{
background:#246F49; /* Aprovechamos para cambiar de color los señalados */
text-decoration:underline;
}
#menudrop3 li:hover ul a{
text-decoration:none;
}
#menudrop3 li:hover ul li a:hover{
background:#333;
}
/*Menu 5*/
#menudrop4, #menudrop4 ul, #menudrop4 ul li,
#menudrop4 ul li ul, #menudrop4 ul li ul li {
margin:0;
padding:0;
}
#menudrop4{
list-style:none;
font-weight:bold;
margin-bottom:10px;
float:left;
width:210px;
/*border:#000000 thin solid;
 Forzar superposición del menú
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}
#menudrop4 li{
float:left;
margin-right:20px;
position:relative;
max-width:250px;
min-width:200px;
}
#menudrop4 a{
display:block;
padding:20px;
color:#fff;
background:#2e6ee3;
text-decoration:none;
text-align:center;
}
#menudrop4 a:hover{
color:#fff;
background:#246F49;
text-decoration:underline;
}
#menudrop4 ul{
/* Color de fondo de la web -para IE- */
background:white;
/* Idem transparente para navegadores que lo soporten */
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; /* Escondemos inicialmente los submenús */
z-index:9;
}
#menudrop4 ul li{
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
#menudrop4 ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop4 li:hover ul{
left:0; /* Submenús visibles */
}
/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop4 li:hover a{
background:#246F49; /* Aprovechamos para cambiar de color los señalados */
text-decoration:underline;
}
#menudrop4 li:hover ul a{
text-decoration:none;
}
#menudrop4 li:hover ul li a:hover{
background:#333;
}

#menudrop5, #menudrop5 ul, #menudrop5 ul li,
#menudrop5 ul li ul, #menudrop5 ul li ul li {
margin:0;
padding:0;
}
#menudrop5{
list-style:none;
font-weight:bold;
margin-bottom:10px;
float:left;
width:210px;
/*border:#000000 thin solid;
 Forzar superposición del menú
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}
#menudrop5 li{
float:left;
margin-right:20px;
position:relative;
width:200px;
}
#menudrop5 a{
display:block;
padding:20px;
color:#fff;
background:#333;
text-decoration:none;
text-align:center;
}
#menudrop5 a:hover{
color:#fff;
background:#246F49;
text-decoration:underline;
}
#menudrop5 ul{
/* Color de fondo de la web -para IE- */
background:white;
/* Idem transparente para navegadores que lo soporten */
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px; /* Escondemos inicialmente los submenús */
z-index:9;
}
#menudrop5 ul li{
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
#menudrop5 ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menudrop5 li:hover ul{
left:0; /* Submenús visibles */
}
/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menudrop5 li:hover a{
background:#246F49; /* Aprovechamos para cambiar de color los señalados */
text-decoration:underline;
}
#menudrop5 li:hover ul a{
text-decoration:none;
}
#menudrop5 li:hover ul li a:hover{
background:#333;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#menudrop{
		list-style:none;
		font-weight:bold;
		margin-bottom:10px;
		float:left;
		width:100%;
		/*border:#000000 thin solid;
		 Forzar superposición del menú
		position:relative;
		z-index:5;
		Quitar el comentario si se necesita
		*/
		}
	#menudrop li{
		float:left;
		margin-right:20px;
		position:relative;
		width:100%;
		}
	#menudrop2{
		list-style:none;
		font-weight:bold;
		margin-bottom:10px;
		float:left;
		width:100%;
		/*border:#000000 thin solid;
		 Forzar superposición del menú
		position:relative;
		z-index:5;
		Quitar el comentario si se necesita
		*/
		}
	#menudrop2 li{
		float:left;
		margin-right:20px;
		position:relative;
		width:100%;
		}
	#menudrop3{
		list-style:none;
		font-weight:bold;
		margin-bottom:10px;
		float:left;
		width:100%;
		/*border:#000000 thin solid;
		 Forzar superposición del menú
		position:relative;
		z-index:5;
		Quitar el comentario si se necesita
		*/
		}
	#menudrop3 li{
		float:left;
		margin-right:20px;
		position:relative;
		width:100%;
		}
	#menudrop4{
		list-style:none;
		font-weight:bold;
		margin-bottom:10px;
		float:left;
		width:100%;
		min-width:100%;
		max-width:100%;
		/*border:#000000 thin solid;
		 Forzar superposición del menú
		position:relative;
		z-index:5;
		Quitar el comentario si se necesita
		*/
		}
	#menudrop4 li{
		float:left;
		margin-right:20px;
		position:relative;
		min-width:100%;
		max-width:100%;
		}
	#menudrop5{
		list-style:none;
		font-weight:bold;
		margin-bottom:10px;
		float:left;
		width:100%;
		/*border:#000000 thin solid;
		 Forzar superposición del menú
		position:relative;
		z-index:5;
		Quitar el comentario si se necesita
		*/
		}
	#menudrop5 li{
		float:left;
		margin-right:20px;
		position:relative;
		width:100%;
		}	
}