/* Títulos */

	h1, h2, h3, h4, h5, h6 {
		padding: 0em 0em 0em 0em;
		font-family: 'Fahkwang', sans-serif;
		text-align: left;
	}
	
	@media screen and (min-width: 1290px) {h1, h2, h3, h4, h5, h6 {font-size: 1.3rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {h1, h2, h3, h4, h5, h6 {font-size: 1.3rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {h1, h2, h3, h4, h5, h6 {font-size: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {h1, h2, h3, h4, h5, h6 {font-size: 1.2rem;}}
	@media screen and (max-width: 480px) {h1, h2, h3, h4, h5, h6 {font-size: 1.1rem;}}
	
	h1 {display: none;}
	
	.boxh2Tipo1 {
		padding: .6em 0em;
		background-color: #ab9759;
		text-align: center;
		color: white;
		letter-spacing: 0.1em;
	}
	
		
	.boxh2Tipo2 {
		padding: .6em 0em;
		text-align: center;
		letter-spacing: 0.2em;
	}
	
	.boxh2Tipo3 {
		padding: .6em 0em;
		text-align: left;
		letter-spacing: 0.2em;
	}
	
	.boxh2Tipo4 {
		padding: .4em .8em;
		background-color: #ab9759;
		text-align: left;
		color: white;
		letter-spacing: 0.1em;
	}
	
	
	.boxh3Tipo1 {
		padding: .6em .6em;
		background-color: #ab9759;
		text-align: left;
		color: white;
		letter-spacing: 0.2em;
	}
	
/* Caja de texto genérica */

	.cajaTexto {
		padding: 0em 0em 0em 0em;
	}
	
	.cajaTextoPadding {
		padding: 1em 1em 1em 1em;
		height: auto;
	}
	
	@media screen and (min-width: 1290px) {.cajaTexto, .cajaTextoPadding {font-size: 1.2rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto, .cajaTextoPadding {font-size: 1.2rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto, .cajaTextoPadding {font-size: 1.1rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto, .cajaTextoPadding {font-size: 1.1rem;}}
	@media screen and (max-width: 480px) {.cajaTexto, .cajaTextoPadding {font-size: 1.0rem;}}	

		.cajaTexto p, .cajaTextoPadding p {
			text-align: justify;
		}
		
			.cajaTexto p.izquierda, .cajaTextoPadding p.izquierda {
				text-align: left;
			}
			
			.cajaTexto p.centrado, .cajaTextoPadding p.centrado {
				text-align: center;
			}
			
			.cajaTexto p.derecha, .cajaTextoPadding p.derecha {
				text-align: right;
			}

		.cajaTexto ul, .cajaTextoPadding ul {
			padding-left: 12px;
		}
		
			.cajaTexto ul li, .cajaTextoPadding ul li {
				list-style-image: url("../img/iconos/bolaListas.png");
			}
		

/* Caja de imagen genérica */
	
	.cajaImagen {
		width: 100%;
		height: auto;
	}
	
	.cajaImagenPadding {
		padding: 1em 1em 1em 1em;
		height: auto;	
	}
	
		.cajaImagen img, .cajaImagenPadding img {
			width: 100%;
			height: auto;
			vertical-align: top;
		}	
		

/* CAJAS PERSONALIZADAS RITUALS NATURE */

	.botonEnlace {
		padding: 6px 18px;
		background-color: #ab9759;
		color: white;	
	}
	
	.botonEnlace:hover {
		background-color: rgba(165, 148, 106, .25);
		color: #4d392d;
	}
	
	
	.botonEnlaceTreatwell {
		font-size: 1.4em;
		padding: 12px 32px;
		background-color: #7b7d4f;
		color: white;
		border-radius: 5px;
	}
	
	
	.botonEnlaceTreatwell img {
		width: 30px;
		vertical-align: -6px;
	}
	
	.botonEnlaceTreatwell:hover {
		background-color: rgba(165, 148, 106, .25);
		color: #4d392d;
	}
	
	.tratamientosCrumbs {
		padding: 0em .8em;
		font-style: italic;
	}
	
		.tratamientosCrumbs a:hover {
			color: #ab9759;
		}
		
	.tratamientoBox {
		padding: .5em 0;
		border-bottom: solid 1px #ab9759;
	}
	
		.tratamientoBoxTitle {
			width: 80%;
			float: left;
		}
		
			.tratamientoBoxTitle a {
				font-weight: normal;
			}
			
			.tratamientoBoxTitle a:hover {
				color: #ab9759;
			}
			
		.tratamientoBoxPrice {
			width: 20%;
			float: left;
			text-align: right;
		}
		
		.tratamientoBoxDescription {
			width: 100%;
			float: left;
			color: #917f49;
		}
		
		@media screen and (min-width: 1290px) {.tratamientoBoxTitle, .tratamientoBoxPrice {font-size: 1.3rem;}}
		@media screen and (max-width: 1289px) and (min-width: 980px) {.tratamientoBoxTitle, .tratamientoBoxPrice {font-size: 1.3rem;}}
		@media screen and (max-width: 979px) and (min-width: 768px) {.tratamientoBoxTitle, .tratamientoBoxPrice {font-size: 1.3rem;}}
		@media screen and (max-width: 767px) and (min-width: 481px) {.tratamientoBoxTitle, .tratamientoBoxPrice {font-size: 1.2rem;}}
		@media screen and (max-width: 480px) {.tratamientoBoxTitle, .tratamientoBoxPrice {font-size: 1.2rem;}}
		
		@media screen and (min-width: 1290px) {.tratamientoBoxDescription, .tratamientosCrumbs {font-size: 1.1rem;}}
		@media screen and (max-width: 1289px) and (min-width: 980px) {.tratamientoBoxDescription, .tratamientosCrumbs {font-size: 1.1rem;}}
		@media screen and (max-width: 979px) and (min-width: 768px) {.tratamientoBoxDescription, .tratamientosCrumbs {font-size: 1.0rem;}}
		@media screen and (max-width: 767px) and (min-width: 481px) {.tratamientoBoxDescription, .tratamientosCrumbs {font-size: 1.0rem;}}
		@media screen and (max-width: 480px) {.tratamientoBoxDescription, .tratamientosCrumbs {font-size: 0.9rem;}}
	
	
		.tratamientoBoxTableHead {
			width: 25%;
			float: left;
			text-align: center;
			color: #917f49;
		}
	
		.tratamientoBoxTableTitle {
			width: 50%;
			float: left;
		}
		
		.tratamientoBoxTablePrice {
			width: 25%;
			float: left;
			text-align: center;
		}
		
		@media screen and (min-width: 1290px) {.tratamientoBoxTableTitle, .tratamientoBoxTablePrice {font-size: 1.3rem;}}
		@media screen and (max-width: 1289px) and (min-width: 980px) {.tratamientoBoxTableTitle, .tratamientoBoxTablePrice {font-size: 1.3rem;}}
		@media screen and (max-width: 979px) and (min-width: 768px) {.tratamientoBoxTableTitle, .tratamientoBoxTablePrice {font-size: 1.3rem;}}
		@media screen and (max-width: 767px) and (min-width: 481px) {.tratamientoBoxTableTitle, .tratamientoBoxTablePrice {font-size: 1.2rem;}}
		@media screen and (max-width: 480px) {.tratamientoBoxTableTitle, .tratamientoBoxTablePrice {font-size: 1.2rem;}}
		
		@media screen and (min-width: 1290px) {.tratamientoBoxTableHead {font-size: 1.1rem;}}
		@media screen and (max-width: 1289px) and (min-width: 980px) {.tratamientoBoxTableHead {font-size: 1.1rem;}}
		@media screen and (max-width: 979px) and (min-width: 768px) {.tratamientoBoxTableHead {font-size: 1.0rem;}}
		@media screen and (max-width: 767px) and (min-width: 481px) {.tratamientoBoxTableHead {font-size: 1.0rem;}}
		@media screen and (max-width: 480px) {.tratamientoBoxTableHead {font-size: 0.9rem;}}
		

	
	.otrosBox {
		padding: .25em 0;
		
	}
		.otrosBoxTitle50 {
			float: left;
			border-bottom: solid 1px #ab9759;
		}
		
		@media screen and (min-width: 769px) {.otrosBoxTitle50 {width: 50%;}}
		@media screen and (max-width: 768px) {.otrosBoxTitle50 {width: 100%;}}
				
		.otrosBoxTitle100 {
			width: 100%;
			float: left;
			border-bottom: solid 1px #ab9759;
		}
			
	
	.citaBox {
		padding: 10px 0;
		background-color: #ab9759;
		color: #4d392d;
	}
	
		.citaBox a {
			color: #4d392d;
		}
	
		.citaBox a:hover {
			color: white;
		}
	
		@media screen and (min-width: 980px) {.citaBox {font-size: 1.6rem;}}
		@media screen and (max-width: 979px) {.citaBox {font-size: 1.3rem;}}
	
		.citaBox p {
			text-align: center;
		}
		
			.citaBox p img {
				vertical-align: top;
			}
		
		@media screen and (min-width: 768px) {.citaBox p {padding: 8px 0;}}
		@media screen and (max-width: 767px) {.citaBox p {padding: 3px 0;}}
		
		
		
	.ofertaReservaBox {
		display: block;
		position:relative;
			top: 5px;
		border: solid 0px #4d392d;
		background-color: #4d392d;
		padding: .25em;
		text-align: center;
	}	

		.ofertaReservaBox p {
			text-align: center;
		}		
		
		.ofertaReservaBox p a {
			color: white;
		}
		
		.ofertaReservaBox p a:hover {
			color: #ab9759;
		}
		
	.ofertaReservaBox2 {
		display: block;
		position:relative;
			top: 5px;
		border: solid 0px #4d392d;
		background-color: white;
		padding: .25em;
		text-align: center;
	}	

		.ofertaReservaBox2 p {
			text-align: center;
		}		
		
		.ofertaReservaBox2 p a {
			color: white;
		}
		
		.ofertaReservaBox2 p a:hover {
			color: #ab9759;
		}
	
	.ofertaBox {
		display: block;
		position:relative;
		border: solid 1px #ab9759;
		min-height: 200px;
		background-image: url(../img/promociones/fondoPromociones.png);
	}	
	
		.ofertaBoxTitle {
			color: #4d392d;
			width: 92%;
			padding: 1em 4% .25em 4%; /*padding: 1em 1em .25em 1em;*/
			float: left;
			font-size: 1.4em;
		}
		
		.ofertaBoxDescription {
			color: #917f49;
			width: 55%;
			padding: .25em 4% 1em 4%; /* .25em 1em 1em 1.5em; */
			float: left;
		}
		
		.ofertaBoxInfo {
			display: block;
			width: 90px;
				padding: 2px 15px 5px 15px;
			height: 15px;	
			background-color: #4d392d;
			color: white;
			float: right;
			font-size: .8em;
			position:absolute;
				bottom: 61px;
				right: 0;
		}
		
		.ofertaBoxPrice {
			display: block;
			width: 105px;
				padding: 15px 15px 0px 0px;
			height: 25px;	
			background-color: #ab9759;
			color: white;
			float: right;
			font-size: 2em;
			text-align: right;
			position:absolute;
				bottom: 20px;
				right: 0;
		}
		
		.ofertaBoxPriceNote {
			display: block;
			width: 90px;
				padding: 0px 15px 5px 15px;
			height: 15px;	
			background-color: #ab9759;
			color: #4d392d;
			float: right;
			font-size: .7em;
			text-align: right;
			position:absolute;
				bottom: 0;
				right: 0;
		}
		
		
	.blogBox {
		display: block;
		position:relative;
		height: 250px;
		font-weight: normal;
	}	
	
		.blogBoxCrumbs {
			color: #917f49;
			padding: .25em 0em;
			font-size: .7em;
		}
	
		.blogBoxTitle {
			color: #4d392d;
			padding: .5em 0em;
			font-size: 1.4em;
		}	
		
		.blogBoxContent {
			color: #917f49;
			padding: .5em 0em;
			font-size: .9em;
			text-align: justify;
		}
		
		.blogBoxDate {
			display: block;
			color: #666;
			padding: .5em 0em;
			font-size: .8em;
			text-align: justify;
				position:absolute;
				bottom: 0;
				left: 0;
		}
		

	
	.iconoContacto {
		width: 18px;
		vertical-align: middle; 
		margin: 5px 10px;
	}
	
	table.horario {
		width: 100%;
	}
	
		table.horario td, table.horario th {
			width: 50%;
			text-align: center;
		}
		
		table.horario th {
			border-bottom: solid 1px #4d392d;
		}
		
/* Formulario generico ---------------------------------------------------------------------------------------------------------------------- */
	

	#tratamiento {
		background-color: #eee;
	}
	
	.cajaFormulario {
		width: 96%;
		padding: 2%;
		border: solid 1px #4d392d;
		border-radius: 15px;
	}
	
	.cajaFormulario table{
		width: 100%;
	}
	
	.cajaFormulario table td {
		width: 23%;
		padding: 0 2% 1em 2%;
	}
	
	.cajaFormulario table td  label {
		text-align: left;
	}
	
	.cajaFormulario table input {
		border: solid 1px #ddd;
		border-radius: 5px;
		background: #ddd;
	}
	
	.cajaFormulario table input[type="text"] {
		width: 96%;
		padding: .6em 2% .6em 2%;
	}
	
	.cajaFormulario table input[id="correo"] {
		width: 98%;
		padding: .6em 1% .6em 1%;
	}
	
	.cajaFormulario table input[id="chequeo"] {
		
	}
		
	.cajaFormulario table textarea {
		border: solid 1px #ddd;
		width: 98%;
		height: 8em;
		padding: .6em 1% .6em 1%;
		resize: none;
		border-radius: 5px;
		background: #ddd;
	}
	
	.cajaFormulario input[id="botonEnviar"], .cajaFormulario input[id="botonReset"] {
		margin-left: 30px;
		width: 7em;
		padding: .6em 1% .6em 1%;
		border: solid 0px #4d392d;
		border-radius: 5px;
		background-color: #9e005d;
		color: white;
	}	
	
	
/* LANDING PAGE ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

	
	.cajaTextoLanding {
		margin: 0 auto;
		width: 50%;
		padding: 1.5em 1em 1.5em 1em;
		height: auto;
		background-color: #9e005d;
		border-radius: 15px;
		color: white;
		text-align: center;
		font-size: 1.4rem;
	}
	
	.cajaTextoLandingDestacado1, .cajaTextoLandingDestacado2 {
			margin-top: 10px;
			font-weight: bold;
	}
	
	.cajaTextoLandingDestacado1 {font-size: 2.4rem;}
	
	@media screen and (min-width: 1290px) {.cajaTextoLandingDestacado2 {font-size: 2.3rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTextoLandingDestacado2 {font-size: 2.3rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTextoLandingDestacado2 {font-size: 1.8rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTextoLandingDestacado2 {font-size: 1.8rem;}}
	@media screen and (max-width: 480px) {.cajaTextoLandingDestacado2 {font-size: 1.6rem;}}	
	
	.cajaTextoLanding2 {
		padding: 1.5em 1em 1.5em 1em;
		height: auto;
		text-align: center;
		font-weight: bold;
		color: #9e005d;		
		font-size: 1.6rem;
		line-height: 2.2rem;
	}