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

	/* Visualización de los títulos */
	h1 {display: none;}
	h2, h3, h4, h5, h6 {display: visible;}
	
	/* Justificación de los titulos del sitio web */
	h1, h2, h3, h4, h5, h6 {text-align: left;}
	
	/* Tipografía de los titulos del sitio web */
	h1, h2, h3, h4, h5, h6 {}

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

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

/* Menu lateral ------------------------------------------------------------------------------------------------------------------------------- */	
	
		#categoriasEspeciales {display: visible;}
		#especialSanValentin {display: none;}
		#especialProfesores {display: visible;}
		#especialPadre {display: none;}
		#especialMadre {display: visible;}
	
		.menuLateral  ul  {list-style-type: none; color: #008788;}
		.menuLateral  ul a {color: #008788;}
		.menuLateral  ul a:hover {	color: #f5b43e;}
		.menuLateral  ul li {border-top: solid 1px #e8e8e8;}
		
		.menuLateral  ul  ul  {list-style-type: square;}	
		.menuLateral  ul ul a {font-weight: normal;	color: #008788;}	
		.menuLateral  ul  ul li {	border-top: solid 1px #e8e8e8;}
		
		.menuLateral  ul  ul li a.catDestacada {font-weight: bold;	}
	
/* Bordes de cajas contenedoras de otras cajas ------------------------------------------------------------------------------------------------- */
	
	/* Bordes generico superior para cajas */	
	.bordeSuperior {width: 100%; height: 5px; border-top: solid 10px grey;}
	
	/* Borde generico inferior para cajas */
	.bordeInferior {width: 100%; height: 5px; border-bottom: solid 2px #661180; margin: 0 auto; margin-bottom: .5em;}
	
/* 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.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto {font-size: 1.1rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto {font-size: 1.1rem;}}
	@media screen and (max-width: 480px) {.cajaTexto {font-size: 1.0rem;}}	
	
	/* Color de los listas de las cajas de texto */
	.cajaTexto ul li {list-style-image: url("../img/iconos/bolaListas.png");}
	
	/* 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.0rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.textoPequeno {font-size: 1.0rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.textoPequeno {font-size: 0.8rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.textoPequeno {font-size: 0.8rem;}}
	@media screen and (max-width: 480px) {.textoPequeno {font-size: 0.7rem;}}
	
	/* Tamaño de letra especial un punto más grande que el normal */
	@media screen and (min-width: 1290px) {.textoGrande {font-size: 1.6rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.textoGrande   {font-size: 1.6rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.textoGrande  {font-size: 1.4rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.textoGrande  {font-size: 1.4rem;}}
	@media screen and (max-width: 480px) {.textoGrande  {font-size: 1.2rem;}}
	
	/* Textos destadados sobre el texto normal */
	.destacado {font-weight: bold; color: black;}
	.destacadoColor {font-weight: bold; color: #661180;}

	/* Botón de volver */
	a.botonVolver {font-size: 1.6rem; color: #661180; font-weight: bold;}
	a.botonVolver:hover {color: #f5b43e;}

/* Cajas tipo boton enlace ---------------------------------------------------------------------------------------------------------------------- */

	/* Color del fondo de las cajas */
	.botonEnlace {background-color: rgba(136, 0, 135, .35);}	
	
	/* Propiedades de los textos de la caja boton de enlace */
	.botonEnlace p {font-weight: bold;}
	
	@media screen and (min-width: 1290px) {.botonEnlace p .linea1 {font-size: 2rem; line-height: 2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.botonEnlace p .linea1 {font-size: 1.8rem; line-height: 1.8rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.botonEnlace p .linea1 {font-size: 1.6rem; line-height: 1.6rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.botonEnlace p .linea1 {font-size: 1.4rem; line-height: 1.4rem;}}
	@media screen and (max-width: 480px) {.botonEnlace p .linea1 {font-size: 1.2rem; line-height: 1.2rem;}}
	
	@media screen and (min-width: 1290px) {.botonEnlace p .linea2 {font-size: 1.4rem; line-height: 1.4rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.botonEnlace p .linea2 {font-size: 1.3rem; line-height: 1.3rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.botonEnlace p .linea2 {font-size: 1.2rem; line-height: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.botonEnlace p .linea2 {font-size: 1.1rem; line-height: 1.1rem;}}
	@media screen and (max-width: 480px) {.botonEnlace p .linea2 {font-size: 1rem; line-height: 1rem;}}
	
/* Cajas tipo boton enlace Imagen ---------------------------------------------------------------------------------------------------------------- */

	/* Color del fondo de las cajas */
	
	.fondoBotonEnlaceImagen {background-color: rgba(136, 0, 135, 0);}
	.botonEnlaceImagen {background-image: url('../img/mancha.png'); background-position: center center; background-repeat: no-repeat;}
	
	/* Propiedades de los textos de la caja boton de enlace */
	.botonEnlaceImagen p {font-weight: bold;}
	
	@media screen and (min-width: 1290px) {.botonEnlaceImagen p .linea1 {font-size: 2rem; line-height: 2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.botonEnlaceImagen p .linea1 {font-size: 1.8rem; line-height: 1.8rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.botonEnlaceImagen p .linea1 {font-size: 1.6rem; line-height: 1.6rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.botonEnlaceImagen p .linea1 {font-size: 1.4rem; line-height: 1.4rem;}}
	@media screen and (max-width: 480px) {.botonEnlaceImagen p .linea1 {font-size: 1.2rem; line-height: 1.2rem;}}
	
	.botonEnlaceImagen p a {color:#e8e8e8;}
	.botonEnlaceImagen p a:hover {color: #004d4d;}

	
/* Cajas tipo tarifas --------------------------------------------------------------------------------------------------------------------------- */

	/* Color del fondo de las cajas */
	.cajaTarifa {background-color:rgba(102, 17, 128, .35);}	
	
	/* Propiedades de los textos de la caja de tarifas */
	.cajaTarifa p {color: #661180; font-weight: bold;}
	.cajaTarifa p .linea1 {font-size: 1.4rem; line-height: 1rem;}
	.cajaTarifa p .linea2 {font-size: 3rem; line-height: 3rem;}
	.cajaTarifa p .linea3 {font-size: 1.0rem; line-height: 1rem;}	
	
/* Formulario de contacto ---------------------------------------------------------------------------------------------------------------------- */
	
	.cajaFormulario {background-color: #e8e8e8; box-shadow: 0px 0px 5px 3px rgba(125, 125, 125, .6);}	
	.cajaFormulario table input {border: solid 1px grey; border-radius: .4em;}
	.cajaFormulario table textarea {border: solid 1px grey; border-radius: .4em;}
	.cajaFormulario input[id="botonEnviar"], .cajaFormulario input[id="botonReset"] {
		background: #f9b233 /*linear-gradient(to bottom, rgba(134, 199, 199, 0) 0%, rgba(134, 199, 199, .5) 90%,rgba(134, 199, 199, 1) 100%)*/;
		box-shadow: 0px 0px 0px 0px grey;
		border: solid 0px #008788;
		border-radius: 0em;
		font-size: 1rem;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;

	}	

	.obligatorio {color: black; font-size: .8rem; font-weight: bold;}

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

	.centrado {text-align: center;}
	.derecha {text-align: right;}
	.izquierda {text-align: left;}
	.margenIzquierda {margin-left: 2em;}
	
/* Textos de color especial */

	.textoVerde {color: #004d4d;}
	.textoNaranja {color: #f9b233;}
	
/* Tamaños de texto */

	.T20 {font-size: 2.0rem;}
	.T18 {font-size: 1.8rem;}
	.T16 {font-size: 1.6rem;}
	.T10 {font-size: 1.0rem;}