/* ENCABEZADO */


	.header {
		background-color: white;
		box-shadow: 0px 0px 0px 0px #ffffff;
	}
	
		.cajaMenu {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: stretch;
		}
		
		@media screen and (min-width: 1290px) {.cajaMenu {height: 120px;}}
		@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenu {height: 120px;}}
		@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenu {height: 120px;}}
		@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenu {height: 80px;}}
		@media screen and (max-width: 480px) {.cajaMenu {height: 80px;}}
		
			
			.cajaMenuPrincipal {
				display: flex; 
				flex: 1 1 100%;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: star;
				align-items: stretch;
			}
			
				
				.cajaMenuImagen {
					flex: 1;			
					position: relative;
					background-repeat: no-repeat;
					background-color: transparent;
					border: solid 0px red;		
					cursor: pointer;
					cursor: hand;
				}
				
				@media screen and (min-width: 1290px) {.cajaMenuImagen {height: 70%; background-image: url('../img/imagenMenu_pc_tablet.png'); background-position: center bottom;}}
				@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuImagen {height: 70%; background-image: url('../img/imagenMenu_pc_tablet.png'); background-position: center bottom;}}
				@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuImagen {height: 70%; background-image: url('../img/imagenMenu_pc_tablet.png'); background-position: center bottom;}}
				@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuImagen {height: 100%; background-image: url('../img/imagenMenu_movil.png'); background-position: center bottom;}}
				@media screen and (max-width: 480px) {.cajaMenuImagen {height: 100%; background-image: url('../img/imagenMenu_movil.png'); background-position: center bottom;}}
		
				
				
				/* ALTERNATIVA CON IMAGEN DE MENU DOBLE */
				/* 
				.cajaMenuImagenLeft {
					flex: 1;
					height: 70%;
					position: relative;
					background-repeat: no-repeat;
					background-color: transparent;
				}
				
				@media screen and (min-width: 1290px) {.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}}
				@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}}
				@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_345x84.png'); background-position: left bottom;}}
				@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_585x84.png'); background-position: center bottom;}}
				@media screen and (max-width: 480px) {.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_480x56.png'); background-position: center bottom;}}
			
				.cajaMenuImagenRight {
					height: 70%;
					position: relative;
					background-repeat: no-repeat;
					background-color: transparent;
				}
				
				@media screen and (min-width: 1290px) {.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_440x84.png'); background-position: right bottom;}}
				@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_440x84.png'); background-position: right bottom;}}
				@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_345x84.png'); background-position: right bottom;}}
				@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuImagenRight {flex: 0;}}
				@media screen and (max-width: 480px) {.cajaMenuImagenRight {flex: 0;}}	
				
				*/
				
				
				.franjaMenu {
					width: 100%;
					position:absolute;
						bottom: 0%;
					background-color: #dea8a4
				}
				
				
				@media screen and (min-width: 1290px) {.franjaMenu {height: 30%;}}
				@media screen and (max-width: 1289px) and (min-width: 980px) {.franjaMenu {height: 30%;}}
				@media screen and (max-width: 979px) and (min-width: 768px) {.franjaMenu {height: 30%;}}
				@media screen and (max-width: 767px) and (min-width: 481px) {.franjaMenu {height: 0%;}}
				@media screen and (max-width: 480px) {.franjaMenu {height: 0%;}}				

				
				.cajaMenuTexto {
					flex: 1 1 100%;
					border-left: solid 1px #dea8a4;
					border-right: solid 1px #dea8a4;
					background-color: #dea8a4;
				}
				
				
				@media screen and (min-width: 1290px) {.cajaMenuTexto {height: 30%;}}
				@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuTexto {height: 30%;}}
				@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuTexto {height: 30%;}}
				@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuTexto {height: 0%; visibility: hidden;}}
				@media screen and (max-width: 480px) {.cajaMenuTexto {height: 0%; visibility: hidden;}}		
				
				
					.cajaMenuTexto ul {
						list-style-type: none;
					}
				
		
						.cajaMenuTexto ul li a {
							display: block;
							width: 16.666%;
							float: left;
							text-align: center;
							font-weight: bold;
							color: #4d392d;
						}
					
					
				#desplegableTratamientos {visibility: hidden;}	
	
				.cajaSubMenuTexto {
					width: 33.3333%;
					padding: 0 0 10px 0;
					flex-direction: column;
					box-shadow: 0 5px 10px 1px grey;
					background-color: white;
					color: #4d392d;
				}
				
						.cajaTextoPaddingSubmenu {
							padding: 1em 1em 1em 1em;
						}
				
				
					.cajaSubMenuTexto p {
						font-weight: bold;
						margin: 0 0 .5em 0;
					}
			
					.cajaSubMenuTexto ul{
						list-style-type: none;
					}
			
						.cajaSubMenuTexto ul li a {
							display: block;
							margin: 0 0 .5em 0;
							width: 100%;
							float: left;
							text-align: center;
							font-weight: bold;
							text-align: left;
							color: #4d392d;
							font-weight: normal;
							border-bottom: solid 1px #4d392d;
						}			

						@media screen and (min-width: 1290px) {.cajaMenuTexto ul li a {height: 23px; padding-top: 9px; font-size: 1rem; border-bottom: solid 4px #dea8a4;}}
						@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuTexto ul li a {height: 23px; padding-top: 9px; font-size: 1rem; border-bottom: solid 4px #dea8a4;}}
						@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuTexto ul li a {height: 23px; padding-top: 9px; font-size: 0.8rem; border-bottom: solid 4px #dea8a4;}}
						@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuTexto ul li a {height: 0; padding-top: 0; font-size: 0; border-bottom: solid 0px transparent;}}
						@media screen and (max-width: 480px) {.cajaMenuTexto ul li a {height: 0; padding-top: 0; font-size: 0; border-bottom: solid 0px transparent;}}
					
						@media screen and (min-width: 768px) {.cajaMenuTexto ul li a:hover {color: white; border-bottom: solid 4px white;}}	
						@media screen and (max-width: 767px) {.cajaMenuTexto ul li a:hover {border-bottom: solid 0px transparent;}}
						
						@media screen and (min-width: 768px) {.cajaMenuTexto ul li a.activo {border-bottom: solid 4px white;}}	
						@media screen and (max-width: 767px) {.cajaMenuTexto ul li a.activo {border-bottom: solid 0px transparent}}

				
						


	/*	
	
	
		.cajaMenuLogo {background-color: white;}
	.cajaMenuLogo {border-left: solid 0px white; border-right: solid 0px white;}
	
	
@media screen and (min-width: 1290px) {
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}

@media screen and (max-width: 1289px) and (min-width: 980px) {
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}

@media screen and (max-width: 480px) {
	.cajaMenuLogo {flex: 1 1 0%; display: none;}
}





@media screen and (min-width: 1290px) {
	.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}
	.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_440x84.png'); background-position: right bottom;}
}

@media screen and (max-width: 1289px) and (min-width: 980px) {
	.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_440x84.png'); background-position: left bottom;}
	.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_440x84.png'); background-position: right bottom;}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_345x84.png'); background-position: left bottom;}
	.cajaMenuImagenRight {flex: 1; background-image: url('../img/imagenMenu_2_345x84.png'); background-position: right bottom;}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
	.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_585x84.png'); background-position: center bottom;}
	.cajaMenuImagenRight {flex: 0;}
}

@media screen and (max-width: 480px) {
	.cajaMenuImagenLeft {flex: 1; background-image: url('../img/imagenMenu_1_480x56.png'); background-position: center bottom;}
	.cajaMenuImagenRight {flex: 0;}
}				



*{margin:0;padding:0;box-sizing:border-box;font-size:0;}  
nav a{
      text-decoration:none;
      color:inherit;
      font-size:14px;
      }
            
nav li{
      display:inline-block;
      width:150px;
      height:30px;
      padding:5px 10px;
      background-color:#000;
      border:1px solid #000;
      text-align:center;
      color:#fff;
      position:relative;
}
            
nav li:hover{
      background-color:#fff;
      color:#000;
      }
            
nav li>ul{
      display:none;
      }

nav li:hover>ul{
      display:block;
      position:absolute;
      top:30px;
      left:0px;
}

	
		.cajaMenuLogo {
			position: relative;
			border: solid 1px grey;
		}
		
			.subCajaMenuLogo  {
					width: 100%;
					height: auto;
					position:absolute;
						bottom: 0%;
				}
		
				.subCajaMenuLogo img  {
					width: 100%;
					position:absolute;
						bottom: 0%;
				}
				
*/