@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Arvo:400,400i,700,700i|Lobster|Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Roboto+Slab:100,300,400,700&subset=latin-ext,vietnamese');

	/*font-family: 'Montserrat', sans-serif;
	font-family: 'Roboto Slab', serif;
	font-family: 'Arvo', serif;
	font-family: 'Lobster', cursive;
	font-family: 'Abril Fatface', cursive;*/

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	overflow-x:hidden;
	background-color: #fff;
}
body {
	margin: 0;
	overflow-Y: hidden; /*quitar el scroll*/
	font-size: 1.125em;
	line-height: 1.5;
	font-family: 'Montserrat', Sans-Serif;
	color: #353535;
	font-weight: 300;
	text-align: center;
}
#main {
}
img {
	width: 100%;
	border: 0;
	vertical-align: top;
}
h1,h2,h3,h4 {
	font-family: 'Roboto Slab', Serif;
	text-align: center;
	margin-top: 0;
	margin-bottom: .75em;
}
p.justificado {
	text-align: justify;
	margin-bottom: 1.75em;
}
a.enlace {
	color: rgb(245,41,0);
}
a.btn-orange {
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	width: 200px;
	padding: .5em 1em;
	margin-top: 1.75em;
	background-color: rgba(245,41,0,1);

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a.btn-orange:hover {
	background-color: rgba(245,41,0,.7);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}
strong {
	font-weight: 500;
}
span.orange {
	color: rgb(245,41,0);
}
span.green {
	color: #808000;
}
br.corto {
	display: none;
}
.line-under {
	margin:  0 auto;
	width: 180px;
	height: 5px;
	background-color: pink;
	margin-bottom: 2.25em;
}
section, footer {
	padding: 4.75em 0;
	/*outline: thin solid lightgrey;*/
}

#nav-responsive {
	display: none;
}



/* ==== ESTILOS CONTENEDORES ==== */
.contenedor {
	margin: 0 auto;
	width: 90%;
	max-width: 1600px;
}
.contenedor p.justificado:last-child {
	margin-bottom: 0;
}
.contenedor-flex,
.contenedor-footer {
	margin: 0 auto;
	width: 90%;
	max-width: 1600px;

	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
  	align-items: center;
}
/* ============================= */




/* === ESTILOS PRELOADER === */
.container {
	position: absolute;
	top: 0;
	background: rgb(247,247,249);
	color: #fff;
	width: 100%;
	min-height: 100vh;
	display: flex;
	z-index: 1000;
}
.preloader {
	margin: auto;
	
	width: 320px;
	height: 13px;
	background: rgba(0,0,0,0.15);
	position: relative;
}
.preloader:before {
	content: "";
	position: absolute;
	background: rgb(245,41,0);
	width: 0;
	height: 13px;
	left: 0;
	animation: preloader 12s infinite;
}
.preloader p {
	margin: 0;
	line-height: 13px;
	font-size: 10px;
	
	position: absolute;
	left: 15%;
	transform: translateX(100%);
}
.cerrar {
	transform: translateY(-100%);
	transition: all 0.5s;
}
@keyframes preloader {
	90% {
		width: 100%;
		opacity: 1;
	}
	100% {
		width: 100%;
		opacity: 0;
	}
}
/* ========================= */

/* ====================
	ESTILOS HEADER
==================== */
header {
	margin: auto;
	padding: 1.3em 0;
	background-color: #808000;
	color: #fff;
	/*border-bottom: 3px solid #F52900;*/
}
#logotipo {
	width: 80%;
	max-width: 240px;
} 
nav {
	font-family: 'winterthurcondensedregular', Sans-Serif;
	font-size: 24px;
}
nav a {
	background-color: transparent;
	color: #d8d8b2;
	text-align: center;
	text-decoration: none;
	padding: 5px 15px;
	border-right: thin solid #fff;

	/*flex-grow: 1;*/
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
nav a:last-child {
	border-right: none;
}
nav a:hover {
	color: #fff;
}
/* ==================== */

/* =======================
	ESTILOS BANNER
======================= */
#banner {
	position: relative;
	padding: 0;
	color: #fff;
	font-size: 34px;
	background-color: #808000;
	overflow: hidden;
}
#banner img {
	width: 100%;
	height: 100%;
}
#banner #contenido {
	position: absolute;
	width: 90%;
	/*outline: thin solid lightgrey;*/
	top:50%;
	left:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#banner h1, #banner p {
	margin: 0;
	line-height: auto;
	text-shadow: 0 2px 4px #000000;
}
#banner h1 {
	font-family: 'Lobster', cursive;
	font-weight: normal;
	line-height: 125%;
	margin-bottom: .25em;
	/*text-transform: uppercase;*/
}
/* ==================== */

/* =======================
	ESTILOS PRINCIPAL
======================= */
#principal {
	background-color: #fff;
}
#principal .caja-flex {
	background-color: #F5D4B2;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.caja-flex img {
	max-width: 680px;
}
.caja-flex div {
	text-align: left;
	padding: .5em 2em;
}
/* ========================== */

/* =======================
	ESTILOS SPA
======================= */
#spa {
	position: relative;
	background-color: rgb(76,76,0);
	background: url(../images/foto-fondo-spa.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
}
#spa h1 {
	color: #fff;
	text-shadow: 0 2px 3px #000;
}
/* ======================= */

/* =========================
	ESTILOS CURRICULUM
========================= */
#caja-curriculum {
	padding-top: 0;
}
#caja-curriculum h2 {
	margin: 0 auto;
	width: 90%;
	max-width: 480px;
	text-align: center;
	line-height: 2;
	background-color: #DFB260;
	color: #fff;
	text-shadow: 0 1px 3px #000;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}
.caja-contenedor {
	display: flex;
	justify-content: space-between;
}
.caja-contenedor span.orangedos {
	color:  #DFB260;
}
.izquierdo-caja,
.centro-caja,
.derecha-caja {
	/*outline: thin solid purple;*/
}

.izquierdo-caja {
	width: 45.5%;
	text-align: right;
	padding: 2em 0;
}
.izquierdo-caja h4 {
	text-align: right;
}
.centro-caja {
	text-align: center;
}
.derecha-caja {
	width: 45%;
	text-align: left;
	padding: 2em 0;
}
.derecha-caja h4 {
	text-align: left;
}
.izquierdo-caja h4,
.derecha-caja h4 {
	margin-bottom: .5em;
	color:  #DFB260;
}
.izquierdo-caja p,
.derecha-caja p {
	margin-bottom: .5em;
}
.izquierdo-caja p:last-child {
	margin-bottom: 0;
}
.derecha-caja p:last-child {
	margin-bottom: 0;
}
.centro-caja {
	background-image: url(../images/linea.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	display: flex;
	justify-content: center;
	align-items: center;
}
.centro-caja .circulo-box {
	width: 38px;
	height: 38px;
	background-color: #DFB260;
	color: #fff;
	-webkit-border-radius: 38px;
	border-radius: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.centro-caja .circulo-box img {
	width: 55%;
	border: 0;
	display: block;
}
.linea {
	margin: auto;
	width: 40%;
	height: 3px;
	background-color: #DFB260;
	margin-bottom: 3.5em;
}
ul.cursos-curriculum {
	list-style: none;
	list-style-position: outside;
}
ul.cursos-curriculum li {
	margin-bottom: .75em;
}
ul.cursos-curriculum li:last-child {
	margin-bottom: 0;
}
/* ========================= */

/* ===========================
	ESTILOS CONFERENCIAS
=========================== */
#caja-conferencias {
	margin: 0 auto;
}
.caja-total {
	margin-bottom: 3.75em;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.caja-total:last-child {
	margin-bottom: 0;
}
.caja-total .columna-info {
	width: 46%;
	text-align: left;
	border-top: thin solid rgba(245,41,0,1);
	/*outline: thin solid lightgrey;*/
}
.caja-total .columna-info h4 {
	text-align: left;
	background-color: #808000;
	color: #fff;
	padding: .5em 1em;
	margin-bottom: 0;
}
.caja-total .columna-info h3 {
	text-align: left;
	color: #000;
	padding: 1em 0 0 0;
}
.caja-total .columna-info p {
	margin-bottom: .5em;
	color: #555;
}
.caja-total .columna-info .dirigido {
	color: #808000;
}
a.btn-more {
	margin: 0 auto;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	color: #fff;
	padding: .25em 1.25em;
	margin-top: .5em;
	background-color: rgba(245,41,0,1);

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a.btn-more:hover {
	background-color: rgba(245,41,0,.7);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}
/* ========================= */

/* === ESTILOS MODAL === */
.modal {
	text-align: left;
	list-style-position: outside;
	list-style-type: upper-alpha;
	font-weight: 600;
	padding-left:21px;
	margin-top: 1em;
	/*outline:thin solid lightgrey;*/
}
.modal h2 {
	text-align: left;
	color: rgb(245,41,0);
}
.modal li {
	margin-bottom:1.25em;
}
.modal .puntos-list {
	font-weight:300;
	list-style-type:square;
	padding:.5em 0 .75em 21px;
}
.modal .numerado-list {
	font-weight:300;
	list-style-type: decimal;
	padding:.5em 0 .75em 21px;
}
.modal .numerado-list:last-child {
	padding:.5em 0 0 21px;
}
/* ===================== */

/* ====================
	ESTILOS SERVICIOS
==================== */
#servicios {
	/*background-color: #D8D8B2;*/
	padding-top: 0;
}
#servicios .contenedor {
	margin-top: 2em;
	display: flex;
	justify-content: space-between;
	/*outline: thin solid lightgrey;*/
}
#servicios .contenedor .caja-servicio {
	width: 30%;
	/*outline: thin solid lightgrey;*/
}
.caja-servicio figure {
	margin: 0 auto;
	width: 75%;
	display: block;
	margin-bottom: 1em;
}
.caja-servicio figure img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
}
.cuatro-columnas {
	width: 100%;
	position: relative;
	text-align: center;
	/*outline: thin solid green;*/

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cuatro-columnas .columna {
	width: 25%;
	padding: .5em 2em;
	text-align: center;
	/*outline: thin solid darkred;*/
}
/* ========================== */
#contacto {
	background-color: #D8D8B2;
	margin: 0;
	padding: 3em 0;
	min-height: 100px;
}
#contacto iframe {margin:0;padding:0;width:100%;height:100%;display:block;border:none;}
/* ========================== */

/* ========================
	ESTILOS FORMULARIO
======================== */
form {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
input, textarea {
	font-family: sans-serif;
	margin:0 0 1em 0;
	padding: 10px;
	font-size: 18px;
	background-color: rgba(255,255,255,.85);
	color: #666;
	border: none;

	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.25);
	box-shadow: 0 0 4px 1px rgba(0,0,0,.25);
}
input {
	width: 48.5%;
}
textarea {
	width: 100%;
	min-height: 150px;
	max-height: 320px;
	max-width: 100%;
}
.botonesform {
	width: 46%;
	max-width: 260px;
	background-color: rgb(247,65,62);
	color: #fff;
	padding: 10px 5px;
	margin: 0 25px;

	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.botonesform:hover {
	background-color: rgb(245,4,0);
	cursor: pointer;
}
/* ========================== */

/* ==== ESTILOS COLUMNAS ==== */
.caja__fotos {}
.caja {
	margin:0 3%;
	display:inline-block;
	width:26%;
	min-width:240px;
	padding:10px;
}
.caja img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.6);
}
.dos-columnas {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 3em;
	/*outline: thin solid lightgrey;*/
}
.dos-columnas:last-child {
	margin-bottom: 0;
}
.dos-columnas .caja-masaje,
.dos-columnas .caja-masajefinal {
	width: 47%;
	text-align: left;
}
.dos-columnas .caja-masaje h3,
.dos-columnas .caja-masajefinal h3 {
	text-align: left;
	color: #808000;
}
.contenedor-cajauno {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.contenedor-cajauno .columna {
	width: 21%;
}
.contenedor-cajauno .columna img {
	width: 85%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.6);
}
.contenedor-cajauno .columna h4 {
	margin-top: .75em;
	margin-bottom: 0;
}
/* ========================== */

/* ====================
	ESTILOS VIDEOS
==================== */
.galeria-videos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	/*outline: thin solid lightgrey;*/
}
.galeria-videos .caja-contenido {
	width: 48.25%;
	margin: 5px 0 2.5em 0;
}
.galeria-videos .caja-contenido h4 {
	text-align: left;
	color:  #FF530D;
	margin-top: .75em;
	margin-bottom: .5em;
}
.galeria-videos .caja-contenido p {
	text-align: left;
	color: #555;
	font-size: 85%;
	font-weight: 300;
	margin-bottom: .75em;
}
.caja-video {
	position: relative;
	background-color: #F4F4F4;
	height: 0;
	padding-bottom: 56.25%;
}
.caja-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ========================== */




/* ======================
	ESTILOS OBJETVOS
====================== */
.objetivos-box ul {
	list-style: none;
}
.objetivos-box ul li {
	text-align: left;
	margin-bottom: 5em;
}
.objetivos-box ul li:last-child {
	margin-bottom: 0;
}
.objetivos-box ul li .contenidos {
	display: flex;
	align-items: center;
}
.objetivos-box ul li .contenidos .imagenes {
	max-width: 280px;
	margin-right: 2em;
}
.objetivos-box ul li .contenidos .imagenes img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 4px rgba(153,153,50,0.75), 0 0 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 0 4px rgba(153,153,50,0.75), 0 0 15px rgba(0,0,0,0.4);
    box-shadow: 0 0 0 4px rgba(153,153,50,0.75), 0 0 15px rgba(0,0,0,0.4);
}
.objetivos-box ul li .contenidos .contenido-txt h3 {
	text-align: left;
}
.objetivos-box ul li .contenidos .contenido-txt p {
	padding-left: 2.5em;
}
/* =================== */



/* ===== ESTILOS CURSOS ===== */
#cursos-box article {
	text-align: left;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 3em;
}
#cursos-box article:last-child {
	margin-bottom: 0;
}
#cursos-box .curso-contenido {
	width: 47%;
}
#cursos-box .curso-contenido img {
	margin-bottom: .5em;
}
#cursos-box .curso-contenido h3 {
	text-align: left;
	background-color: #808000;
	color: #fff;
	border-top: thin solid rgb(245,41,0);
	padding: .5em 1em;
	margin-bottom: 0;
}
#cursos-box .curso-contenido p {
	margin-top: 1em;
}
#cursos-box .curso-contenido a {
	display: block;
	text-decoration: none;
	text-align: center;
	max-width: 200px;
	padding: 5px 15px;
	background-color: #ff6a6a;
	color: #fff;
	margin-top: 1em;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#cursos-box .curso-contenido a:hover {
	background-color: #ee3b3b;
}
.platicas-lista {
	padding-left: 38px;
	text-align: left;
	/*outline: thin solid lightgrey;*/
}
.platicas-lista li {
	margin-top: .75em;
}
/* ========================= */




/* ========================
	ESTILOS TESTIMONIOS
======================== */
#cometarios-box ul {
	margin:0;
	list-style:none;
	text-align: left;
}
#cometarios-box li {
	background-color: #FAF7F1;
	padding:2em 1em;
	margin-bottom: 2em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#cometarios-box li:last-child {
	margin-bottom: 0;
}
#cometarios-box li:nth-child(even) {
	background: #f1f1f1;
}
#cometarios-box .avatar {
	float:right;
	margin:0 0 10px 16px;
	padding:7px;
	border:1px solid #D2B178;
	background-color: white;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#cometarios-box address {
	color: #555;
}
#cometarios-box time {
	font-size:small;
}
#cometarios-box .coment {
	display:block;
	margin-top: 20px;
	line-height: 1.8;
}
span.medio {
	color: #D2B178;
	font-weight: bold;
}
/* ========================== */




/* ====================
	ESTILOS FOOTER
==================== */
footer {
	background-color: #353535;
	border-top: 4px solid #808000;
	color: #fff;
}
.inferior {
	font-size: 90%;
	color: #666;
}
footer .izquierdo-footer,
footer .derecho-footer {
	text-align: left;
	/*outline: thin solid lightgrey;*/
}
.lista-legal,
.lista-datos {
	list-style: none;
}
.lista-legal li a {
	color: #797979;
	text-decoration: none;
	line-height: 2.5;
}
.lista-legal li a:hover {
	color: #fff;
}
.lista-datos li {
	text-indent: -25px;
	margin-left: 25px;
	margin-bottom: 25px;
}
.lista-datos li:last-child {
	margin-bottom: 0px;
}
.lista-datos li span {
	color: rgba(245,41,0,1);
}

.sociales {
	margin: 0 auto;
	text-align:center;
	padding: 1.25em 0;
}
.sociales a {
	color: rgba(153,153,153,1);
	overflow: hidden;
	text-decoration: none;
	font-size: 32px;
	display: inline-block;
	margin: 0 20px;
	line-height: 2;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.sociales a:hover {
	color: rgba(245,41,0,1);
}
/* ========================== */



/* ====================
	ESTILOS SCROLL
==================== */
.scrolltop {
	background-color: rgba(153,153,153,.5);
	background-image: url(../images/arrowa.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
	display: none;
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: fixed;
	z-index: 550;

	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.scrolltop:hover {
	background-color: rgba(245,41,0,1);
}
/* ========================== */




/* ========= MEDIA QUERYES ========= */





/* ===================================
	DISPOSITIVO PANTALLA 1200PX
================================== */
@media screen and (max-width: 1200px) {
	.galeria-videos {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.galeria-videos .caja-contenido {
		width: 86%;
	}
} /* ======== END 1200px ======== */



/* ===================================
	DISPOSITIVO PANTALLA 960PX
================================== */
@media screen and (max-width: 960px) {
	section, footer {
		padding: 3.5em 0;
	}
	nav a {
		padding: 5px 10px;
	}
	#principal .caja-flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.caja-flex div {
		padding: 1.75em 2em;
	}
	#spa {
		background: url(../images/foto-fondo-spa-960px.jpg) no-repeat center center fixed;
	}
	input {
		width: 47.5%;
	}
	#cursos-box article {
		margin-bottom: 3em;
	}
} /* ======== END 960px ======== */


/* ===================================
	DISPOSITIVO PANTALLA 768PX
================================== */
@media screen and (max-width: 768px) {
	nav a {
		padding: 5px .8em;
	}
	.contenedor-flex {
		flex-flow: column wrap;
		justify-content: center;
	  	align-items: center;
	}
	#logotipo {
		margin-bottom: 1.75em;
	}
	.caja-flex img {
		max-width: 100%;
	}
	#servicios .contenedor {
		margin-top: .5em;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#servicios .contenedor .caja-servicio {
		width: 75%;
		margin-bottom: 2.5em;
	}
	#servicios .contenedor .caja-servicio:last-child {
		margin-bottom: 0em;
	}
	.caja-servicio figure {
		width: 50%;
	}
	.caja-total {
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}
	.caja-total .columna-info {
		width: 85%;
	}
	.caja-total .columna-info:first-child {
		margin-bottom: 3.75em;
	}
	.caja-total .columna-info h3 {
		text-align: left;
		color: #000;
		padding: .5em 0;
	}
	.galeria-videos .caja-contenido {
		width: 100%;
	}
	.objetivos-box ul li .contenidos {
		align-items: flex-start;
	}
	.objetivos-box ul li .contenidos .imagenes {
		max-width: 160px;
		margin-right: 1.75em;
	}
	#cursos-box article {
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}
	#cursos-box .curso-contenido {
		width: 85%;
		margin-bottom: 3em;
	}
	#cursos-box .curso-contenido:last-child {
		margin-bottom: 0;
	}
	#contacto {
		height: 540px;
	}
	.scrolltop {
		right: 0px;
		bottom: 25px;
		width: 42px;
		height: 42px;
	}
} /* ======== END 768px ======== */


/* ===================================
	DISPOSITIVO PANTALLA 640PX
================================== */
@media screen and (max-width: 640px) {
	#banner {
		font-size: 24px;
	}
	#logotipo {
		margin-bottom: 0em;
	}
	nav {
		display: none;
	}
	p.justificado {
		text-align: left;
	}


	/* ====================
		NAV RESPONSIVE
	==================== */
	#nav-responsive {
		display: block;
		width: 100%;
		height: 50px;
		position: relative;
		background-color: rgb(76,76,0);
		color: #fff;

		-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
		box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
	}
	.nav-contenido {
		margin: auto;
		width: 86%;
	}
	#menu-barra {
		display: none;
	}
	.nav-contenido p {
		margin-bottom: 0;
		float: left;
		font-size: 20px;
		line-height: 50px;
	}
	#nav-responsive label {
		float: right;
		font-size: 32px;
		line-height: 45px;
		cursor: pointer;
	}
	.mymenu {
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0,0,0,0.85);
		z-index: 9999;

		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;

		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.mymenu li {
		display: block;
		text-align: left;
		line-height: 30px;
		padding: 15px 20px;
		border-bottom: 1px solid #fff;
	}
	.mymenu li:hover {
		background-color: rgba(255,255,255,.2);
	}
	.mymenu li a {
		text-decoration: none;
		color: #fff;
	}
	#menu-barra:checked ~ .mymenu {
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	/*==================*/
	.caja {
		margin:3% 0;
	}
	.dos-columnas {
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}
	.dos-columnas .caja-masaje,
	.dos-columnas .caja-masajefinal {
		width: 100%;
		text-align: left;
	}
	.dos-columnas .caja-masaje:first-child {
		margin-bottom: 3em;
	}
	.galeria-videos .caja-contenido p {
		font-size: 95%;
	}
	#spa {
		background: url(../images/foto-fondo-spa-640px.jpg) no-repeat center center fixed;
	}
	input, textarea {
		font-size: 16px;
	}
	input {
		width: 100%;
	}
	.botonesform {
		margin: 0 0;
	}
	.botonesform {
		margin: 0 0;
	}
	#cursos-box .curso-contenido {
		width: 100%;
	}
	.contenedor-cajauno {
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}
	.contenedor-cajauno .columna {
		width: 100%;
		margin-bottom: 2.75em;
	}
	.contenedor-cajauno .columna:last-child {
		margin-bottom: 0;
	}
	.contenedor-cajauno .columna img {
		width: 50%;
	}
	#contacto {
		height: 660px;
	}
	
	footer .izquierdo-footer,
	footer .derecho-footer {
		width: 100%;
	}
	footer .izquierdo-footer {
		padding-bottom: 1.5em;
		margin-bottom: 2em;
		border-bottom: 1px solid #777;
	}
} /* ======== END 640px ======== */



/* ===================================
	DISPOSITIVO PANTALLA 480PX
================================== */
@media screen and (max-width: 480px) {
	body {
		font-size: 1em;
	}
	#banner {
		font-size: 20px;
	}
	header {
		padding: 1.75em 0;
	}
	#servicios .contenedor .caja-servicio {
		width: 100%;
	}
	.caja-servicio figure {
		width: 70%;
	}
	.objetivos-box ul li .contenidos {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.objetivos-box ul li .contenidos .imagenes {
		max-width: 260px;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.caja-total .columna-info {
		width: 100%;
	}
	#cursos-box .curso-contenido {
		width: 100%;
	}
	br.corto {
		display: block;
	}
	footer .derecho-footer {
		margin-bottom: .5em;
	}
	.sociales a {
		font-size: 28px;
		margin: 0 15px;
	}
} /* ======== END 480px ======== */



/* ===================================
	DISPOSITIVO PANTALLA 360PX
================================== */
@media screen and (max-width: 360px) {
	.container {
		display: none;
	}
	#banner {
		font-size: 16px;
	}
	#contacto {
		height: 680px;
	}
} /* ======== END 360px ======== */