/* Color de la franja principal del encabezado */
	.header {background-color: white;}
	
	/* Color y forma de la sombra del encabezado */
	.header {box-shadow: 0px 0px 5px 2px #d8d8d8;}
	
	/* Color del fondo de la imagen central del menu superior */
	.cajaMenuPrincipal {background-color: transparent;}
	.cajaMenuImagen {background-color: transparent;}
	.cajaMenuTextoSup{background-color: transparent;}
	.cajaMenuTextoInf {background-color: transparent;}
	
	/* Color de las franjas inferiores de los espacios laterales en el menu superior */
	/* --Nota-- en color de fondo de la caja lo toma de .header */
	.franjaMenu {background-color: transparent;}
	
	/* Color de los texto de los textos del menu superior */
	.cajaMenuTextoSup  a {color: black; font-weight: bold;}
	.cajaMenuTextoSup  a:hover {color: grey; font-weight: bold;}
	.cajaMenuTextoSup  a.activo {color: #f9b233; font-weight: bold;}
	.cajaMenuTextoInf ul li a {color: black; font-weight: bold;}
	.cajaMenuTextoInf ul li a:hover {color: grey font-weight: bold;}
	.cajaMenuTextoInf ul li a.activo {color: #f9b233; font-weight: bold;}
	
	/* Tamaño de los textos del menu superior */
	@media screen and (min-width: 1290px) {.cajaMenuTextoSup a {font-size: 1.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuTextoSup a {font-size: 1.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuTextoSup a {font-size: 1.0rem;}}
	@media screen and (max-width: 767px) and (min-width: 521px) {.cajaMenuTextoInf ul li a {font-size: 1.0rem;}}
	@media screen and (max-width: 520px) and (min-width: 401px) {.cajaMenuTextoInf ul li a {font-size: 0.8rem;}}
	@media screen and (max-width: 400px) {.cajaMenuTextoInf ul li a {font-size: 0.7rem;}}
	
	/* Color y tamaño de la linea inferior de los textos del menu inferior, por defecto y con el puntero encina */
	.textoMenuSup a {}
	.textoMenuSup a:hover {}
	
	@media screen and (min-width: 768px) {
		.cajaMenuTextoSup a {border-bottom: solid 4px white; padding-bottom: 0px; transition: padding-bottom .3s, border-bottom .3s;} 
		.cajaMenuTextoSup a:hover {border-bottom: solid 4px #f9b233; padding-bottom: 4px;}	
	}	
	
	@media screen and (min-width: 481px) {
		.cajaMenuTexto ul li a {border-bottom: solid 4px #86c7c7;} 
		.cajaMenuTexto ul li a:hover {border-bottom: solid 4px #f9b233;}	
	}

	@media screen and (max-width: 480px) {
		.cajaMenuTexto ul li a {border-bottom: solid 2px #86c7c7;}
		.cajaMenuTexto ul li a:hover {border-bottom: solid 2px #f9b233;}	
	}

		.cajaMenuPrincipal {
			display: flex; 
			flex: 1;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
		}
		
			.cajaMenuImagen {
				display: flex; 
				flex: 1 1 30%;
				position: relative;
				background-repeat: no-repeat;
			}
			
			.cajaMenuTextoSup {
				flex: 1 1 70%;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: flex-end;	
			}
			
				.textoMenuSup {
					display: block;
					width: 25%;
					height: 35px;
					text-align: center;
				}
			
			.cajaMenuTextoInf {
				flex: 1 1 100%;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: flex-end;
			}
			
				.cajaMenuTextoInf ul {
					list-style-type: none;
				}
		
				.cajaMenuTextoInf ul li a {
					display: block;
					width: 25%;
					float: left;
					text-align: center;
				}
		
		.franjaMenu {
			width: 100%;
			position:absolute;
				bottom: 0%;
		}	
		
		
@media screen and (min-width: 1290px) {
	.cajaMenuPrincipal {height: 80px;}
		.cajaMenuImagen {height: 100%;}
			.cajaMenuImagen{background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}
		.cajaMenuTextoSup{height: 100%; display: flex;}
		.cajaMenuTextoInf {height: 0%; display: none;}
			.cajaMenuTextoInf  ul li a {} 
	.franjaMenu {height: 30%;}
}

@media screen and (max-width: 1289px) and (min-width: 980px) {
	.cajaMenuPrincipal {height: 80px;}
		.cajaMenuImagen {height: 100%;}
			.cajaMenuImagen{background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}
		.cajaMenuTextoSup{height: 100%; display: flex;}
		.cajaMenuTextoInf {height: 0%; display: none;}
			.cajaMenuTextoInf  ul li a {} 
	.franjaMenu {height: 0%;}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	.cajaMenuPrincipal {height: 80px;}
		.cajaMenuImagen {height: 100%;}
			.cajaMenuImagen{background-image: url('../img/imagenMenu_1_345x84.png'); background-position: left bottom;}
		.cajaMenuTextoSup{height: 100%; display: flex;}
		.cajaMenuTextoInf {height: 0%; display: none;}
			.cajaMenuTextoInf  ul li a {} 
	.franjaMenu {height: 0%;}

}

@media screen and (max-width: 767px) and (min-width: 481px) {
	.cajaMenuPrincipal {height: 100px;}
		.cajaMenuImagen {height: 70%;}
			.cajaMenuImagen{background-image: url('../img/imagenMenu_585x84.png'); background-position: center bottom;}
		.cajaMenuTextoSup{height: 70%; display: none;}
		.cajaMenuTextoInf {height: 30%;}
			.cajaMenuTextoInf  ul li a {height: 23px; padding-top: 9px;}
	.franjaMenu {height: 30%;}
}

@media screen and (max-width: 480px) {
	.cajaMenuPrincipal {height: 80px;}
		.cajaMenuImagen {height: 70%;}
			.cajaMenuImagen{background-image: url('../img/imagenMenu_480x56.png'); background-position: center bottom;}
		.cajaMenuTextoSup{height: 70%; display: none;}
		.cajaMenuTextoInf {height: 30%;}
			.cajaMenuTextoInf  ul li a {height: 19px; padding-top: 3px;}
	.franjaMenu {height: 30%;}
}