
	.cajaMenu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
	}
	
		.cajaMenuPrincipal {
			flex-direction: column;
			flex-wrap: wrap;
		}
		
			.cajaMenuImagen {
				flex: 1 1 100%;
				height: 70%;
				position: relative;
				background-repeat: no-repeat;
			}
			
			
				.subCajaMenuImagen  {
					width: 100%;
					height: auto;
					position:absolute;
						bottom: 0%;	
				}
				
					.subCajaMenuImagen img  {
						width: 100%;
						position:absolute;
							bottom: 0%;
					}
				
		
			.cajaMenuTexto {
				flex: 1 1 100%;
				height: 30%;
			}
			
			
				.cajaMenuTexto ul {
					list-style-type: none;
				}
		
				.cajaMenuTexto ul li a {
					display: block;
					width: 20%;
					float: left;
					text-align: center;
					font-weight: bold;
				}
				
		.cajaMenuLogo {
			position: relative;
		}
		
			.subCajaMenuLogo  {
					width: 100%;
					height: auto;
					position:absolute;
						bottom: 0%;
				}
		
				.subCajaMenuLogo img  {
					width: 100%;
					position:absolute;
						bottom: 0%;
				}
		
		.franjaMenu {
			width: 100%;
			height: 30%;
			position:absolute;
				bottom: 0%;
		
		}
		
		.franjaImagen {
			width: 100%;
			height: 30%;
			background-image: url('../img/imagenLateral.png');
				background-repeat: no-repeat;
			position:absolute;
				bottom: 30%;
		}
		
@media screen and (min-width: 1290px) {
	.cajaMenuImagen{background-image: url('../img/imagenMenu_880x70.png'); background-position: right bottom;}
	.cajaMenu {height: 100px;}
	.cajaMenuTexto ul li a {height: 19px; padding-top: 7px;} /* 30% del height de cajaMenu menos el borde inferior */
	.cajaMenuPrincipal {	flex: 1 1 90%;}
	.cajaMenuLogo {flex: 1 1 10%;}
}

@media screen and (max-width: 1289px) and (min-width: 980px) {
	.cajaMenuImagen{background-image: url('../img/imagenMenu_880x70.png'); background-position: right bottom;}
	.cajaMenu {height: 100px;}
	.cajaMenuTexto ul li a {height: 19px; padding-top: 7px;} /* 30% del height de cajaMenu menos el borde inferior */
	.cajaMenuPrincipal {	flex: 1 1 90%; }
	.cajaMenuLogo {flex: 1 1 10%;}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	.cajaMenuImagen{background-image: url('../img/imagenMenu_690x70.png'); background-position: right bottom;}
	.cajaMenu {height: 100px;}
	.cajaMenuTexto ul li a {height: 19px; padding-top: 7px;} /* 30% del height de cajaMenu menos el borde inferior */
	.cajaMenuPrincipal {	flex: 1 1 90%;}
	.cajaMenuLogo {flex: 1 1 10%;}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
	.cajaMenuImagen{background-image: url('../img/imagenMenu_585x70.png'); background-position: left bottom;}
	.cajaMenu {height: 100px;}
	.cajaMenuTexto ul li a {height: 19px; padding-top: 7px;} /* 30% del height de cajaMenu menos el borde inferior */
	.cajaMenuPrincipal {	flex: 1 1 100%;}
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
	
}

@media screen and (max-width: 480px) {
	.cajaMenuImagen{background-image: url('../img/imagenMenu_480x42.png'); background-position: left bottom;}
	.cajaMenu {height: 60px;}
	.cajaMenuTexto ul li a {height: 15px; padding-top: 1px;} /* 30% del height de cajaMenu menos el borde inferior */
	.cajaMenuPrincipal {	flex: 1 1 100%;}
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}