/* Generales ------------------------------------------------------------------------------------------------------------------------------------ */

	/* Tipografía por defecto para el sitio web */
	html, body {font-family: calibri, sans-serif;} /* 'Montserrat' */
	
	/* Tamaño por defecto de letra y de interlineado del sitio web */
	html, body {font-size: 12px;}
	
	@media screen and (min-width: 1290px) {html, body {line-height: 1.4rem;}}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {html, body {line-height: 1.4rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {html, body {line-height: 1.3rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {html, body {line-height: 1.2rem;}}
	@media screen and (max-width: 480px) {html, body {line-height: 1.1rem;}}
	
	/* Color por defecto de los textos del sitio web */
	html, body {color: #38312f;}
	
	/* Color por defecto de los enlaces del sitio web */
	a {color:#38312f;}
	a:hover {color: #009f99;}

/* Encabezado ------------------------------------------------------------------------------------------------------------------------------------*/

	/* 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 #000000;}
	
	/* Color del fondo de la imagen central del menu superior */
	.cajaMenuImagen {background-color: white;}
	
	/* Color del fondo de los textos del menu superior */
	.cajaMenuTexto {background-color: #38312f;}
	
	/* Color de los texto de los textos del menu superior */
	.cajaMenuTexto ul li a {color: white;}
	
	/* Tamaño de los textos del menu superior */
	@media screen and (min-width: 1290px) {.cajaMenuTexto ul li a {font-size: 1.4rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaMenuTexto ul li a {font-size: 1.4rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaMenuTexto ul li a {font-size: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaMenuTexto ul li a {font-size: 1.1rem;}}
	@media screen and (max-width: 480px) {.cajaMenuTexto ul li a {font-size: 0.8rem;}}

	/* Color del fondo del logo del menu superior y color de los bordes laterales*/
	.cajaMenuLogo {background-color: #38312f;}
	.cajaMenuLogo {border-left: solid 3px white; border-right: solid 3px white;}
	
	/* 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: #38312f;}
	
	/* Color y tamaño de la linea inferior de los textos del menu inferior, por defecto y con el puntero encina */
	@media screen and (min-width: 481px) {
		.cajaMenuTexto ul li a {border-bottom: solid 4px #38312f;} 
		.cajaMenuTexto ul li a:hover {border-bottom: solid 4px #009f99;}	
	}

	@media screen and (max-width: 480px) {
		.cajaMenuTexto ul li a {border-bottom: solid 2px #38312f;}
		.cajaMenuTexto ul li a:hover {border-bottom: solid 2px #009f99;}	
	}
	
	/* Color y tamaño de la linea inferior de los textos del menu inferior en la página activa */
	.cajaMenuTexto ul li a.activo {border-bottom: solid 4px #009f99;}
	
	
/* Pie de página -------------------------------------------------------------------------------------------------------------------------------- */

	/* Color de la franja principal del pie de página */
	.footer {background-color: #38312f;}
	.subFooter {background-color: #009f99;}
	
	/* Color del texto de los titulos del pie de página */
	.cajaPieTitulo {color: white;}
	
	/* Color de los diferentes textos del pie de página */
	.cajaPieTexto  p {color: #cccccc;}
	.cajaPieTexto a {color: #cccccc;}
	.cajaPieTexto a:hover {color: #009f99;}
	
	/* Color del la línea de borde de los iconos del pie de página */
	.cajaPieTexto .iconoPie  {border: solid 1px #cccccc;}
	
	/* Color de los diferentes textos del subpie de página */
	.cajaSubPieTexto  p {color: white}
	.cajaSubPieTexto a {color: white;}
	.cajaSubPieTexto a:hover {color: #38312f;}
	
	/* Tamaño de los textos del pie de página */
	@media screen and (min-width: 1290px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 480px) {.cajaTexto {font-size: 1.0rem;}}


/* Titulos ------------------------------------------------------------------------------------------------------------------------------------- */	

	/* Visualización de los títulos */
	h1 {display: none;}
	h2, h3, h4, h5, h6 {display: visible;}

	/* Color de los titulos del sitio web */
	h1, h2, h3, h5, h6 {color: #38312f;} 
	h4 {color: #38312f; background-color: white;}

	/* Tamaño de letra de los titulos del sitio web */
	@media screen and (min-width: 1290px) {h2 {font-size: 2.0rem; line-height: 2.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {h2 {font-size: 2.0rem; line-height: 2.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {h2 {font-size: 1.8rem; line-height: 2.0rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {h2 {font-size: 1.6rem; line-height: 1.8rem;}}
	@media screen and (max-width: 480px) {h2 {font-size: 1.4rem; line-height: 1.6rem;}}
	
	@media screen and (min-width: 1290px) {h3 {font-size: 1.5rem; line-height: 1.5rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {h3 {font-size: 1.5rem; line-height: 1.5rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {h3 {font-size: 1.3rem; line-height: 1.3rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {h3 {font-size: 1.1rem; line-height: 1.1rem;}}
	@media screen and (max-width: 480px) {h3 {font-size: 1.0rem; line-height: 1.0rem;}}
	
	h4 {font-size: 1.4rem;  line-height: 1.4rem;}		

/* Bordes de cajas contenedoras de otras cajas ------------------------------------------------------------------------------------------------- */

	/* Bordes de la caja contenedora T1 */
	.bordesT1 {border-top: solid 2px #38312f; border-bottom: solid 2px #38312f; border-right: solid 2px #38312f;}

	/* Bordes de la caja contenedora T1 */
	.bordesT2 {border-top: solid 2px #38312f; border-bottom: solid 2px #38312f; border-left: solid 2px #38312f;}
	
	/* Bordes generico superior para cajas vacias de contenido */	
	.borderSuperior {width: 100%; height: 5px; border-top: solid 2px #38312f;}
	
	/* Borde generico inferior para cajas vacias de contenido */
	.borderInferior {width: 100%; height: 5px; border-bottom: solid 2px #38312f; position:absolute; bottom: 0%;}
	
/* Texto genericos incluidos en cajas de texto -------------------------------------------------------------------------------------------------- */
	
	/* Color de los textos de las cajas de texto */
	.cajaTexto {color: #38312f;} 
	
	/* Tamaño de letra generico */
	@media screen and (min-width: 1290px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 480px) {.cajaTexto {font-size: 1.0rem;}}	
	
	/* Color de los listas de las cajas de texto */
	.cajaTexto ul li {color: #38312f;} 
	
	/* Tamaño de letra de las listas */	
	@media screen and (min-width: 1290px) {.cajaTexto  ul li {font-size: 1.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto  ul li {font-size: 1.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto  ul li {font-size: 1.0rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto  ul li {font-size: 1.0rem;}}
	@media screen and (max-width: 480px) {.cajaTexto  ul li {font-size: 0.9rem;}}
	
/* Otros textos ------------------------------------------------------------------------------------------------------------------------------- */
	
	/* Tamaño de letra especial un punto más pequeño que el normal */
	@media screen and (min-width: 1290px) {.textoPequeno {font-size: 1.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.textoPequeno {font-size: 1.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.textoPequeno {font-size: 1.0rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.textoPequeno {font-size: 1.0rem;}}
	@media screen and (max-width: 480px) {.textoPequeno {font-size: 0.9rem;}}
	
	/* Textos destadados sobre el texto normal */
	@media screen and (min-width: 1290px) {.destacado {font-weight: bold; color: black;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.destacado {font-weight: bold; color: black;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.destacado {font-weight: bold; color: black;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.destacado {font-weight: bold; color: black;}}
	@media screen and (max-width: 480px) {.destacado {font-weight: bold; color: black;}}


/* Justificaciones ------------------------------------------------------------------------------------------------------------------------------ */

	.centrado {text-align: center;}
	.derecha {text-align: right;}
	.izquierda {text-align: left;}
	
	
/* Fondos de cajas ----------------------------------------------------------------------------------------------------------------------------- */

	.fondoGris {	height: 100%; background-color: #38312f;}
	.fondoAzul {height: 100%; background-color: #009f99;}
	.fondoBlanco {height: 100%; background-color: #ffffff;}
	.fondoBeige {height: 100%; background-color: #998675;}