* {	box-sizing: border-box;
	width:100%;
}

body {
	width:100%;
	height:100%;
	margin: 0;
    padding: 0;
	background-color:#ffffff;
	border:none;
}

#eduardo-oyarse {
	position: absolute;
	width: 100%;
	overflow-x: hidden;
}

a:link {
	text-decoration:none important!;
}

a:visited {
	text-decoration:none important!;
}

a:active {
	text-decoration:none important!;
}

a:hover {
	text-decoration:none important!;
}























/*hasta 480px iPhone vertical*/
@media only screen and (max-width: 480px) {

	#contenedor{
		width:100%;
		max-width:480px;
		height: auto;
		margin:auto;
		background-color: #ffffff;
		border:none;		
	}


/*HEADER*/	
	header{
		width:100%;
		height:100%;
		margin:auto;
		background-color:#ffffff;
		border:none;
	}
	
	#relax360{
		width:100%;
		height:100%;
		padding-top:5%;
		padding-bottom:5%;
		overflow:hidden;
		display: flex;
  		justify-content: space-between;
		border:none;
	}
	
	#relax360-logo{
		width:50%;
		height:auto;
		margin-left:5%;
		border:none;
		border-color:#000;
	}
	
	.relax360-logo-zzz{
		width:100%;
		height:100%;
	}

	#cuenta-relax360{
		width:auto;
		height:auto;
		margin-right:5%;
		display:flex;
		align-items:center;
		border:none;
		border-color:#000;
	}

	#crea-cuenta-relax360,
	#crea-cuenta-relax360:link,
	#crea-cuenta-relax360:visited,
	#crea-cuenta-relax360:hover,
	#crea-cuenta-relax360:active {
		width:100%;
		height:auto;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:8px;
		padding-right:8px;
		font-size:3vw;
		font-family:"Arial";
		color:#fff;
		background-color:#2b0735;
		text-align:right;
		border-radius:20px;
		border:none;
		border-color:#000;
	}

	.crea-cuenta-relax360{
		text-decoration:none;
	}

/*Foto Inicial*/		
	#relax360-descanso{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin-top:auto;
		margin-bottom:10px;
		border:none;  
	}
	
	.titulo{
		width:100%;
		height:100%;
		margin:auto;
		border:none;
		border-color:#000;
	}
	
	.relax360-dormir{
    	position: absolute;
    	width:100%;
		height:45%;
		left:0px;
		top:50%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
	}
	
	#descanso-relajo{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:2.5%;
		font-size:4vw;
		font-family:"Arial";
		color:#ffffff;
		border:none;
	}

	#descanso-relajacion{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:0.5%;
		font-size:3.2vw;
		font-family:"Arial";
		color:#ffffff;
		border:none;
	}

/* Disponible en App Store */
	.flex-container-app-store{
 		display: flex;
  		justify-content: center;
		width:90%;
		height:100%;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
  		border:double;
		border-color:#fff;
	}

	.relax360-app-store{
		width:49%;
		height:auto;
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
		margin-top:0;
		border:double;
		border-color:#fff;
	}

	.relax360-appstore-izq{
		width:90%;
		height:100%;
		margin:auto;
		font-size:3.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	
	.relax360-appstore-center{
		margin:0;
		padding:0;
		border:double;
		border-color:#fff;
		text-decoration:none;
	}
	
	.relax360-appstore-der{
		width:95%;
		height:100%;
		margin:auto;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}
	
	.app-store{
		width:75%;
		margin:auto;
		border:none;
		border-color:#f00;
	}

/*Texto Bajo Foto Inicial*/
	#relax360-objetivo{
		width:100%;
		height:auto;
		margin-top:10px;
		margin-bottom:10px;
		font-size:4.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#ffffff;
	}

/*Caracteristicas de Relax360*/
	
	.flex-container {
 		display: flex;
  		justify-content: center;
		margin-top:10px;
		padding-top:10px;
		margin-bottom:10px;
  		border:double;
		border-color:#fff;
	}
	
	.caracteristica-relax360{
		width:24%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-zzz{
		width:100%;
		height:auto;
	}
	
	.logo-zzz-tamano{
		width:8vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}
	
	.logo-zzz-caracteristica{
		width:90%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	



/* Foto mano con iPhone */
	#relax360-iphone{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin:auto;
		border:none;
	}

	.relax360-iphone-ventajas{
		position: absolute;
    	width:60%;
		height:45%;
		left:3%;
		top:20%;
	}

	#relax360-iphone-ventajas-relax360{
		width:90%;
		height:auto;
		margin-left:4%;
	 	margin-top:2%;
		font-size:3.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:none;
		border-color:#000;
	}

/* Relax 360 puede ayudarte en */
	.relax360-ayuda{
		width:100%;
		height:auto;
		margin-top:30px;
		font-size:4.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	#relax360-ayuda-dormir{
		width:100%;
		height:auto;
		margin-top:1px;
		margin-bottom:10px;
		font-size:3.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Beneficios de Relax360*/
	.flex-container-beneficios {
 		display: flex;
  		justify-content: center;
		margin-top:5px;
		margin-bottom:5px;
  		border:double;
		border-color:#fff;
	}
	
	.beneficios-relax360{
		width:25%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-beneficios{
		width:100%;
		height:auto;
		margin:auto;
	}
	
	.logo-beneficios-tamano{
		width:50%;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.logo-beneficios-caracteristica{
		width:90%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

/* Frase Célebre */
	#relax360-frase{
		width:90%;
		height:auto;
		margin-top:20px;
		margin-left:5%;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto{
		width:100%;
		height:auto;
		font-size:3.8vw;
		font-family:"Times New Roman", Times, serif;
		color:#2b0735;
		text-align:center;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto-autor{
		width:90%;
		height:auto;
		margin-top:3px;
		margin-left:5%;
		font-size:3vw;
		font-family:"Arial";
		color:#2b0735;
		text-align:right;
		border:none;
		border-color:#ffffff;
	}

/* Como funciona */

	#relax360-funcionamiento{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:2.5%;
		border:double;
		border-color:#fff;
	}

	.pantalla-iphone{
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.pantalla-notebook-relax360{
		display:none;
	}

	.funcionamiento-relax360{
		width:100%;
		height:auto;
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.foto-beneficios-tamano{
		width:100%;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}

/* Mujer acostada con iPhone */
	
	.descanso-relax360{
		width:100%;
		height:100%;
		position:relative;
		margin:auto;
		margin-top:30px;
		margin-bottom:30px;
		border:none;
		border-color:#000;
	}
	
	
	.descanso-relax-fondo{
		width:100%;
	}
	
	.descanso-relax360-dormir{
    	position: absolute;
    	width:80%;
		height:auto;
		top:35%;
		left:10%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
		border:none;
		border-color:#fff;
	}
	
	.descanso-relax360-descanso{
		margin:auto;
		position:relative;
	}
	
	.descanso-relax360-descansar{
		width:95%;
		height:auto;
		margin-top:1.8vw;
		margin-bottom:1.8vw;
		margin-left:auto;
		margin-right:auto;
		font-size:3.5vw;
		font-family:"Arial";
		line-height:5vw;
		text-align:center;
		color:#fff;
		border:none;
		border-color:#fff;
	}

/* Suscripción */

	#venta{
		background-color:#fff;
		margin-top:0;
		border:double;
		border-color:#fff;
	}

	.flex-container-venta{
 		display: flex;
		flex-direction: column;
  		justify-content: space-around;
		width:80%;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}
	
	.relax360-venta{
		width:100%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-suscripcion{
		width:95%;
		height:auto;
		margin:auto;
		margin-bottom:30px;
		padding:0;
		border-radius:20px;
		background-color:#fff;
		border:solid;
		border-color:#2b0735;
	}	

	.relax-suscripcion-titulo{
		background-color:#2b0735;
		padding-top:1px;;
		padding-bottom:30px;
		border-radius:10px;
		border:none;
		border-color:#2b0735;
	}

	.relax360-planes-suscripcion{
		margin-top:20px;
		margin-bottom:10px;
		font-size:5vw;
		font-family:"Arial";
		text-align:center;
		color:#fff;
		padding:0;
		border:none;
		border-color:#2b0735;
	}
	
	.relax360-para-quien{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.5vw;
		color:#fff;
		border:none;
		border-color:#2b0735;
	}	

	.relax360-planes-suscripcion-detalle{
		width:95%;
		height:auto;
		margin:auto;
		margin-top:30px;
		padding:0;
		font-size:3.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

	.relax360-precio{
		width:95%;
		height:auto;
		margin:auto;
		margin-bottom:10px;
		padding:0;
		font-size:4vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
}

	.relax360-me-quiero-suscribir{
		width:60%;
		margin:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:30px;
		font-size:3.5vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:5vw;
		color:#fff;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
		
	}

/*Whatsapp*/

	#relax360-whatsapp{
		width:100%;
	}

	#relax360-whatsapp-flexbox{
 		display: flex;
  		justify-content: space-around;
		align-items:center;
		width:90%;
		margin-top:2px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-izquierda{
		width:80%;
		height:auto;
		padding:10px;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
	}
	
	#relax360-oculto{
		width:100%;
	}
	
	#relax360-whatsapp-conversemos{
		width:95%;
		margin:auto;
		font-size:4vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:5vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-explicacion{
		width:80%;
		margin:auto;
		font-size:3.5vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:4.5vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-derecha{
		width:25%;
		border:double;
		border-color:#fff;
	}

	.relax360-whatsapp-contacto{
		width:80%;
		height:auto;
		margin:auto;
		display:block;
	}


/*Ventajas Relax 360 */

	#relax360-ventajas{
		width:100%;
		height:100%;
		background-color:#fff;
		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-flexbox{
 		display: flex;
  		justify-content: space-around;
		flex-wrap: wrap;
		width:100%;
		margin-top:2px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-beneficios{
		width:45%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#fff;
		border-radius:20px;
		border:solid;
		border-color:#2b0735;
	}
	
	.relax360-ventajas-logo-beneficios{
		width:100%;
		background-color:#fff;
		height:auto;
		margin:auto;
	}
	
	.relax360-ventajas-logo-beneficios-tamano{
		width:20vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.relax360-ventajas-logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:10px;
		font-size:3.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:4.5vw;
		color:#2b0735;
		border-radius:20px;
		border:double;
		border-color:#fff;
	}	


/*Footer*/

	footer{
		width:100%;
		height:150px;
		background-color:#2b0735;
		border:double;
		border-color:#2b0735;
	}
	
	#footer-relax360{
		width:95%;
		margin:auto;
		border-color:#fff;
		border:none;
	}
	
	#footer-flexbox{
 		display: flex;
  		justify-content: space-between;
		width:100%;
		margin:auto;
		margin-top:20px;
  		border:none;
		border-color:#e00;
	}
		
	#footer-izquierda{
		width:70%;
		border:none;
		border-color:#FF0;
	}
	
	#footer-relax360-titulo{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:5vw;
		text-align:left;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-relax360-explicacion{
		width:100%;
		margin-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:3vw;
		margin-left:0;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-derecha{
		width:90%;
		float:left;
		border:none;
		border-color:#FF0;
	}

	#footer-relax360-direccion{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2.5vw;
		text-align:right;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#instagram-relax360{
		width:25px;
		height:25px;
		margin-top:10px;
		float:right;
		text-align:right;
	}

}





































/*entre 481px y 768px - mini iPad vertical*/
@media screen and (min-width: 481px) and (max-width: 768px) {

	#contenedor{
		width:100%;
		max-width:768px;
		height: auto;
		margin:auto;
		background-color: #ffffff;
		border:none;		
	}


/*HEADER*/	
	header{
		width:100%;
		height:100%;
		margin:auto;
		background-color:#ffffff;
		border:none;
	}
	
	#relax360{
		width:100%;
		height:100%;
		padding-top:5%;
		padding-bottom:5%;
		overflow:hidden;
		display: flex;
  		justify-content: space-between;
		border:none;
	}
	
	#relax360-logo{
		width:35%;
		height:auto;
		margin-left:5%;
		border:none;
		border-color:#000;
	}
	
	.relax360-logo-zzz{
		width:100%;
		height:100%;
	}

	#cuenta-relax360{
		width:auto;
		height:auto;
		margin-right:5%;
		display:flex;
		align-items:center;
		border:none;
		border-color:#000;
	}

	#crea-cuenta-relax360,
	#crea-cuenta-relax360:link,
	#crea-cuenta-relax360:visited,
	#crea-cuenta-relax360:hover,
	#crea-cuenta-relax360:active {
		width:100%;
		height:auto;
		padding-top:7px;
		padding-bottom:7px;
		padding-left:10px;
		padding-right:10px;
		font-size:1.6vw;
		font-family:"Arial";
		color:#fff;
		background-color:#2b0735;
		text-align:right;
		border-radius:20px;
		border:none;
		border-color:#000;
	}

	.crea-cuenta-relax360{
		text-decoration:none;
	}


/*Foto Inicial*/		
	#relax360-descanso{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin-top:auto;
		margin-bottom:10px;
		border:none;  
	}
	
	.titulo{
		width:100%;
		height:100%;
		margin:auto;
		border:none;
		border-color:#000;
	}
	
	.relax360-dormir{
    	position: absolute;
    	width:100%;
		height:45%;
		left:0px;
		top:50%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
	}
	
	#descanso-relajo{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:3%;
		font-size:3vw;
		font-family:"Arial";
		color:#ffffff;
		border:none;
	}

	#descanso-relajacion{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:1.5%;
		font-size:2.4vw;
		font-family:"Arial";
		color:#ffffff;
		border:none;
	}

/* Disponible en App Store */
	.flex-container-app-store{
 		display: flex;
  		justify-content: center;
		align-items:center;
		width:80%;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
  		border:double;
		border-color:#fff;
	}

	.relax360-app-store{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-appstore-izq{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	
	.relax360-appstore-center{
		padding:0;
		border:none;
		text-decoration:none;
	}
	
	.relax360-appstore-der{
		width:95%;
		height:100%;
		margin:auto;
		color:#000;
		border:double;
		border-color:#fff;
	}
	
	.app-store{
		width:75%;
		margin:auto;
		border:none;
		border-color:#fff;
	}

/*Texto Bajo Foto Inicial*/
	#relax360-objetivo{
		width:100%;
		height:auto;
		margin-top:20px;
		margin-bottom:10px;
		font-size:4vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#ffffff;
	}

/*Caracteristicas de Relax360*/
	
	.flex-container {
 		display: flex;
  		justify-content: center;
		margin-top:10px;
		padding-top:10px;
		margin-bottom:40px;
  		border:double;
		border-color:#fff;
	}
	
	.caracteristica-relax360{
		width:24%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-zzz{
		width:100%;
		height:auto;
	}
	
	.logo-zzz-tamano{
		width:6vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}
	
	.logo-zzz-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

/* Foto mano con iPhone */
	#relax360-iphone{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.relax360-iphone-ventajas{
		position: absolute;
    	width:60%;
		height:45%;
		left:3%;
		top:20%;
	}

	#relax360-iphone-ventajas-relax360{
		width:90%;
		height:auto;
		margin-left:4%;
	 	margin-top:2%;
		font-size:3.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:none;
		border-color:#000;
	}

/* Relax 360 puede ayudarte en */
	.relax360-ayuda{
		width:100%;
		height:auto;
		margin-top:40px;
		font-size:4vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	#relax360-ayuda-dormir{
		width:100%;
		height:auto;
		margin-top:1px;
		margin-bottom:10px;
		font-size:2.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Beneficios de Relax360*/
	.flex-container-beneficios {
 		display: flex;
  		justify-content: center;
		margin-top:20px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}
	
	.beneficios-relax360{
		width:25%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-beneficios{
		width:100%;
		height:auto;
		margin:auto;
	}
	
	.logo-beneficios-tamano{
		width:35%;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.logo-beneficios-caracteristica{
		width:90%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:2.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

/* Frase Célebre */
	#relax360-frase{
		width:90%;
		height:auto;
		margin-top:50px;
		margin-bottom:30px;
		margin-left:5%;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto{
		width:100%;
		height:auto;
		font-size:3.2vw;
		font-family:"Times New Roman", Times, serif;
		color:#2b0735;
		text-align:center;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto-autor{
		width:90%;
		height:auto;
		margin-top:5px;
		margin-left:5%;
		font-size:2.5vw;
		font-family:"Arial";
		color:#2b0735;
		text-align:right;
		border:none;
		border-color:#ffffff;
	}

/* Como funciona */

	#relax360-funcionamiento{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-bottom:5px;
		margin-left:2.5%;
		border:double;
		border-color:#fff;
	}

	.pantalla-notebook-relax360{
		display:none;
	}
	
	.pantalla-iphone{
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.funcionamiento-relax360{
		width:80%;
		height:auto;
		margin:auto;
		margin-left:10%;
		border:double;
		border-color:#fff;
	}

	.foto-beneficios-tamano{
		width:90%;
		height:auto;
  		margin-left:5%;
		border:double;
		border-color:#fff;
	}


/* Mujer acostada con iPhone */
	
	.descanso-relax360{
		width:100%;
		height:100%;
		position:relative;
		margin:auto;
		margin-top:40px;
		margin-bottom:40px;
		border:none;
		border-color:#000;
	}
	
	.descanso-relax-fondo{
		width:100%;
	}
	
	.descanso-relax360-dormir{
    	position: absolute;
    	width:80%;
		height:auto;
		top:35%;
		left:10%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
		border:none;
		border-color:#fff;
	}
	
	.descanso-relax360-descanso{
		margin:auto;
		position:relative;
	}
	
	.descanso-relax360-descansar{
		width:90%;
		height:auto;
		margin-top:1.4vw;
		margin-bottom:1.4vw;
		margin-left:auto;
		margin-right:auto;
		font-size:3vw;
		font-family:"Arial";
		line-height:4vw;
		text-align:center;
		color:#fff;
		border:none;
		border-color:#fff;
	}

/* Suscripción */

	#venta{
		background-color:#fff;
		margin-top:0;
		border:double;
		border-color:#fff;
	}

	.flex-container-venta{
 		display: flex;
  		justify-content: space-around;
		width:90%;
		margin-top:40px;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}
	
	.relax360-venta{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-suscripcion{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		border-radius:20px;
		background-color:#fff;
		border:solid;
		border-color:#2b0735;
	}	

	.relax-suscripcion-titulo{
		background-color:#2b0735;
		padding-top:1px;
		padding-bottom:30px;
		border-radius:10px;
		border:none;
		border-color:#2b0735;
	}

	.relax360-planes-suscripcion{
		margin-top:20px;
		margin-bottom:10px;
		font-size:3.5vw;
		font-family:"Arial";
		text-align:center;
		color:#fff;
		padding:0;
		border:none;
		border-color:#2b0735;
	}
	
	.relax360-para-quien{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:1.8vw;
		font-family:"Arial";
		text-align:center;
		line-height:2.8vw;
		color:#fff;
		border:none;
		border-color:#2b0735;
	}	

	.relax360-planes-suscripcion-detalle{
		width:95%;
		height:auto;
		margin:auto;
		margin-top:30px;
		padding:0;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:3.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

	.relax360-precio{
		width:95%;
		height:auto;
		margin:auto;
		margin-bottom:10px;
		padding:0;
		font-size:3.5vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:4.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
}

	.relax360-me-quiero-suscribir{
		width:60%;
		margin:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:30px;
		font-size:2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:3vw;
		color:#fff;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
		
	}

/*Whatsapp*/

	#relax360-whatsapp{
		width:100%;
	}

	#relax360-whatsapp-flexbox{
 		display: flex;
  		justify-content: space-between;
		align-items:center;
		width:90%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-izquierda{
		width:80%;
		height:auto;
		padding:10px;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
	}
	
	#relax360-whatsapp-conversemos{
		width:80%;
		margin:auto;
		font-size:3vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:4vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-explicacion{
		width:80%;
		margin:auto;
		font-size:2.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:3.2vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-derecha{
		width:25%;
		border:double;
		border-color:#fff;
	}

	.relax360-whatsapp-contacto{
		width:60%;
		height:auto;
		margin:auto;
		display: block;
	}


/*Ventajas Relax 360 */

	#relax360-ventajas{
		width:100%;
		height:100%;
		background-color:#fff;
		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-flexbox{
 		display: flex;
  		justify-content: space-around;
		flex-wrap: wrap;
		width:95%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-beneficios{
		width:45%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#fff;
		border-radius:20px;
		border:solid;
		border-color:#2b0735;
	}
	
	.relax360-ventajas-logo-beneficios{
		width:100%;
		background-color:#fff;
		height:auto;
		margin:auto;
	}
	
	.relax360-ventajas-logo-beneficios-tamano{
		width:15vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.relax360-ventajas-logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:3.5vw;
		color:#2b0735;
		border-radius:20px;
		border:double;
		border-color:#fff;
	}	


/*Footer*/

	footer{
		width:100%;
		height:25vw;
		background-color:#2b0735;
		border:double;
		border-color:#2b0735;
	}
	
	#footer-relax360{
		width:76%;
		margin:auto;
		border-color:#fff;
		border:none;
	}
	
	#footer-flexbox{
 		display: flex;
  		justify-content: space-between;
		width:100%;
		margin:auto;
		margin-top:30px;
  		border:none;
		border-color:#e00;
	}
		
	#footer-izquierda{
		width:45%;
		border:none;
		border-color:#FF0;
	}
	
	#footer-relax360-titulo{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:3.5vw;
		text-align:left;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-relax360-explicacion{
		width:100%;
		margin-top:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2vw;
		margin-left:0;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-derecha{
		width:45%;
		border:none;
		border-color:#FF0;
	}

	#footer-relax360-direccion{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2vw;
		text-align:right;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#instagram-relax360{
		width:25px;
		height:25px;
		margin-top:10px;
		float:right;
		text-align:right;
	}
}






































/*entre 769px y 1280px iPad horizontal*/
@media screen and (min-width:769px) and (max-width:1280px){

	#contenedor{
		width:100%;
		max-width:1200px;
		height: auto;
		margin:auto;
		background-color:#fff;
		border:double;
		border-color:#fff;		
	}


/*HEADER*/	
	header{
		width:100%;
		height:100%;
		margin:auto;
		background-color:#ffffff;
		border:double;
		border-color:#fff;
	}
	
	#relax360{
		width:100%;
		height:100%;
		padding-top:3%;
		padding-bottom:3%;
		overflow:hidden;
		display: flex;
  		justify-content: space-between;
		border:none;
	}
	
	#relax360-logo{
		width:30%;
		height:auto;
		margin-left:3%;
		border:none;
		border-color:#000;
	}
	
	.relax360-logo-zzz{
		width:100%;
		height:100%;
	}

	#cuenta-relax360{
		width:auto;
		height:auto;
		margin-right:3%;
		display:flex;
		align-items:center;
		border:none;
		border-color:#000;
	}

	#crea-cuenta-relax360,
	#crea-cuenta-relax360:link,
	#crea-cuenta-relax360:visited,
	#crea-cuenta-relax360:hover,
	#crea-cuenta-relax360:active {
		width:100%;
		height:auto;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:12px;
		padding-right:12px;
		font-size:1.2vw;
		font-family:"Arial";
		color:#fff;
		background-color:#2b0735;
		text-align:right;
		border-radius:20px;
		border:none;
		border-color:#2b0735;
	}

	.crea-cuenta-relax360{
		text-decoration:none;
	}

/*Foto Inicial*/		
	#relax360-descanso{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin-top:auto;
		margin-bottom:10px;
		border:double;
		border-color:#fff;  
	}
	
	.titulo{
		width:100%;
		height:100%;
		margin:auto;
		border:none;
		border-color:#000;
	}
	
	.relax360-dormir{
    	position: absolute;
    	width:100%;
		height:45%;
		left:0;
		top:50%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
	}
	
	#descanso-relajo{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:3%;
		font-size:3vw;
		font-family:"Arial";
		color:#fff;
		border:none;
	}

	#descanso-relajacion{
		width:80%;
		height:auto;
		margin-left:5%;
	 	margin-top:3%;
		font-size:1.8vw;
		font-family:"Arial";
		line-height:30px;
		color:#fff;
		border:none;
	}

/* Disponible en App Store */
	.flex-container-app-store{
 		display: flex;
  		justify-content: center;
		align-items:center;
		width:80%;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
  		border:double;
		border-color:#fff;
	}

	.relax360-app-store{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-appstore-izq{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	
	.relax360-appstore-center{
		padding:0;
		border:none;
		text-decoration:none;
	}
	
	.relax360-appstore-der{
		width:95%;
		height:100%;
		margin:auto;
		color:#000;
		border:double;
		border-color:#fff;
	}
	
	.app-store{
		width:75%;
		margin:auto;
		border:none;
		border-color:#fff;
	}

/*Texto Bajo Foto Inicial*/
	#relax360-objetivo{
		width:100%;
		height:auto;
		margin-top:50px;
		margin-bottom:30px;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Caracteristicas de Relax360*/
	
	.flex-container {
 		display: flex;
  		justify-content: center;
		margin-top:20px;
		padding-top:10px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}
	
	.caracteristica-relax360{
		width:20%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-zzz{
		width:100%;
		height:auto;
	}
	
	.logo-zzz-tamano{
		width:5vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}
	
	.logo-zzz-caracteristica{
		width:90%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	



/* Foto mano con iPhone */
	#relax360-iphone{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.relax360-iphone-ventajas{
		position: absolute;
    	width:50%;
		height:45%;
		left:5%;
		top:30%;
	}

	#relax360-iphone-ventajas-relax360{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:5%;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:none;
		border-color:#000;
	}

/* Relax 360 puede ayudarte en */
	.relax360-ayuda{
		width:100%;
		height:auto;
		margin-top:50px;
		font-size:3.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	#relax360-ayuda-dormir{
		width:100%;
		height:auto;
		margin-top:10px;
		margin-bottom:30px;
		font-size:2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Beneficios de Relax360*/
	.flex-container-beneficios {
 		display: flex;
  		justify-content: center;
		margin-top:20px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}
	
	.beneficios-relax360{
		width:25%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-beneficios{
		width:100%;
		height:auto;
		margin:auto;
	}
	
	.logo-beneficios-tamano{
		width:5vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

/* Frase Célebre */
	#relax360-frase{
		width:100%;
		height:100%;
		margin-top:50px;
		margin-bottom:50px;
		margin-left:0;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto{
		width:80%;
		height:auto;
		margin-top:0.5vw;
		margin-left:10%;
		font-size:2.5vw;
		font-family:"Times New Roman", Times, serif;
		color:#2b0735;
		text-align:center;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto-autor{
		width:70%;
		height:auto;
		margin-top:0.5vw;
		margin-left:15%;
		font-size:2vw;
		font-family:"Arial";
		color:#2b0735;
		text-align:right;
		border:double;
		border-color:#fff;
	}

/* Como funciona */
	#relax360-funcionamiento{
		width:90%;
		height:auto;
		margin-top:20px;
		margin-left:5%;
		border:double;
		border-color:#fff;
	}

	.flex-container-funcionamiento{
 		display: flex;
  		justify-content: center;
		margin-top:30px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}

	.pantalla-iphone{
		display:none;
	}

	.funcionamiento-relax360{
		width:25%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		border:double;
		border-color:#fff;
	}

	.foto-beneficios-tamano{
		width:90%;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}

	.pantalla-notebook-relax360{
		border:double;
		border-color:#fff;
	}

	.relax360-funcionamiento-ayuda{
		width:100%;
		height:auto;
		margin-top:10px;
		margin-bottom:20px;
		font-size:3.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	.funcionamiento-relax360-instrucciones-flex{
		display:flex;
		justify-content:center;
		width:95%;
		height:auto;
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.funcionamiento-relax360-foto{
		width:30%;
		margin:auto;
	}

	.funcionamiento-caracteristica-instruc{
		margin:auto;
	}

	.funcionamiento-caracteristica-instrucciones{
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		font-size:1.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.6vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	


/* Mujer acostada con iPhone */
	
	.descanso-relax360{
		width:100%;
		height:100%;
		position:relative;
		margin-top:40px;
		margin-bottom:0;
		border:none;
		border-color:#000;
	}
	
	.descanso-relax-fondo{
		width:100%;
	}
	
	.descanso-relax360-dormir{
    	position: absolute;
    	width:80%;
		height:auto;
		top:35%;
		left:10%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
		border:none;
		border-color:#fff;
	}
	
	.descanso-relax360-descanso{
		margin:auto;
		position:relative;
	}
	
	.descanso-relax360-descansar{
		width:90%;
		height:auto;
		margin-top:1.4vw;
		margin-bottom:1.4vw;
		margin-left:auto;
		margin-right:auto;
		font-size:2.2vw;
		font-family:"Arial";
		line-height:3.6vw;
		text-align:center;
		color:#fff;
		border:none;
		border-color:#fff;
	}

/* Suscripción */

	#venta{
		background-color:#fff;
		margin-top:0;
		border:double;
		border-color:#fff;
	}

	.flex-container-venta{
 		display: flex;
  		justify-content: space-around;
		width:80%;
		margin-top:40px;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}
	
	.relax360-venta{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-suscripcion{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		border-radius:20px;
		background-color:#fff;
		border:solid;
		border-color:#2b0735;
	}	

	.relax-suscripcion-titulo{
		background-color:#2b0735;
		padding-top:1px;;
		padding-bottom:30px;
		border-radius:10px;
		border:none;
		border-color:#2b0735;
	}

	.relax360-planes-suscripcion{
		margin-top:20px;
		margin-bottom:10px;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		color:#fff;
		padding:0;
		border:none;
		border-color:#2b0735;
	}
	
	.relax360-para-quien{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:1.2vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.5vw;
		color:#fff;
		border:none;
		border-color:#2b0735;
	}	

	.relax360-planes-suscripcion-detalle{
		width:95%;
		height:auto;
		margin:auto;
		margin-top:30px;
		padding:0;
		font-size:1.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:2.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

	.relax360-precio{
		width:95%;
		height:auto;
		margin:auto;
		margin-bottom:10px;
		padding:0;
		font-size:2.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
}

	.relax360-me-quiero-suscribir{
		width:60%;
		margin:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:30px;
		font-size:1.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2vw;
		color:#fff;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
		
	}

/*Whatsapp*/

	#relax360-whatsapp{
		width:100%;
	}

	#relax360-whatsapp-flexbox{
 		display: flex;
  		justify-content: space-around;
		align-items:center;
		width:65%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-izquierda{
		width:90%;
		height:auto;
		padding:10px;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
	}
	
	#relax360-whatsapp-conversemos{
		width:80%;
		margin:auto;
		font-size:2.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:3.2vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-explicacion{
		width:80%;
		margin:auto;
		font-size:1.5vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-derecha{
		width:25%;
		border:double;
		border-color:#fff;
	}

	.relax360-whatsapp-contacto{
		width:40%;
		height:auto;
		margin:auto;
		display:block;		
	}

/*Ventajas Relax 360 */

	#relax360-ventajas{
		width:100%;
		height:100%;
		background-color:#fff;
		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-flexbox{
 		display: flex;
  		justify-content: space-around;
		width:80%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-beneficios{
		width:22%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#fff;
		border-radius:20px;
		border:solid;
		border-color:#2b0735;
	}
	
	.relax360-ventajas-logo-beneficios{
		width:100%;
		background-color:#fff;
		height:auto;
		margin:auto;
	}
	
	.relax360-ventajas-logo-beneficios-tamano{
		width:10vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.relax360-ventajas-logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.6vw;
		color:#2b0735;
		border-radius:20px;
		border:double;
		border-color:#fff;
	}	


/*Footer*/

	footer{
		width:100%;
		height:15vw;
		background-color:#2b0735;
		border:double;
		border-color:#2b0735;
	}
	
	#footer-relax360{
		width:76%;
		margin:auto;
		border-color:#fff;
		border:none;
	}
	
	#footer-flexbox{
 		display: flex;
  		justify-content: space-between;
		width:100%;
		margin:auto;
		margin-top:40px;
  		border:none;
		border-color:#e00;
	}
		
	#footer-izquierda{
		width:45%;
		border:none;
		border-color:#FF0;
	}
	
	#footer-relax360-titulo{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2.2vw;
		text-align:left;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-relax360-explicacion{
		width:100%;
		margin-top:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1vw;
		margin-left:0;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-derecha{
		width:45%;
		border:none;
		border-color:#FF0;
	}

	#footer-relax360-direccion{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1vw;
		text-align:right;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#instagram-relax360{
		width:25px;
		height:25px;
		margin-top:10px;
		float:right;
		text-align:right;
	}

}






























/*sobre 1281*/
@media screen and (min-width:1281px) {

	#contenedor{
		max-width:1280px;
		height: auto;
		margin:auto;
		background-color: #ffffff;
		border:double;
		border-color:#fff;		
	}


/*HEADER*/	
	header{
		width:100%;
		height:100%;
		margin:auto;
		background-color:#ffffff;
		border:none;
	}
	
	#relax360{
		width:100%;
		height:100%;
		padding-top:3%;
		padding-bottom:3%;
		overflow:hidden;
		display:flex;
		justify-content: space-between;
		border:none;
	}
	
	#relax360-logo{
		width:35%;
		height:auto;
		margin-left:3%;
		border:none;
		border-color:#000;
	}
	
	.relax360-logo-zzz{
		width:100%;
		height:100%;
	}

	#cuenta-relax360{
		width:auto;
		height:auto;
		margin-right:3%;
		display:flex;
		align-items:center;
		border:none;
		border-color:#000;
	}

	#crea-cuenta-relax360,
	#crea-cuenta-relax360:link,
	#crea-cuenta-relax360:visited,
	#crea-cuenta-relax360:hover,
	#crea-cuenta-relax360:active {
		width:100%;
		height:auto;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:12px;
		padding-right:12px;
		font-size:1.2vw;
		font-family:"Arial";
		color:#fff;
		background-color:#2b0735;
		text-align:right;
		border-radius:20px;
		border:none;
		border-color:#000;
	}

	.crea-cuenta-relax360{
		text-decoration:none;
	}

/*Foto Inicial*/		
	#relax360-descanso{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin-top:auto;
		margin-bottom:10px;
		border:double;
		border-color:#fff;  
	}
	
	.titulo{
		width:100%;
		height:100%;
		margin:auto;
		border:none;
		border-color:#fff;
	}
	
	.relax360-dormir{
    	position: absolute;
    	width:100%;
		height:45%;
		left:0;
		top:50%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
	}
	
	#descanso-relajo{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:3%;
		font-size:3vw;
		font-family:"Arial";
		color:#fff;
		border:none;
	}

	#descanso-relajacion{
		width:80%;
		height:auto;
		margin-left:5%;
	 	margin-top:3%;
		font-size:1.8vw;
		font-family:"Arial";
		line-height:40px;
		color:#fff;
		border:none;
	}

/* Disponible en App Store */
	.flex-container-app-store{
 		display: flex;
  		justify-content: center;
		align-items:center;
		width:80%;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
  		border:double;
		border-color:#fff;
	}

	.relax360-app-store{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-appstore-izq{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	
	.relax360-appstore-center{
		padding:0;
		border:none;
		text-decoration:none;
	}
	
	.relax360-appstore-der{
		width:95%;
		height:100%;
		margin:auto;
		color:#000;
		border:double;
		border-color:#fff;
	}
	
	.app-store{
		width:75%;
		margin:auto;
		border:none;
		border-color:#fff;
	}

/*Texto Bajo Foto Inicial*/
	#relax360-objetivo{
		width:100%;
		height:auto;
		margin-top:50px;
		margin-bottom:30px;
		font-size:3vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Caracteristicas de Relax360*/
	
	.flex-container {
 		display: flex;
  		justify-content: center;
		margin-top:20px;
		padding-top:10px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}
	
	.caracteristica-relax360{
		width:20%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-zzz{
		width:100%;
		height:auto;
	}
	
	.logo-zzz-tamano{
		width:5vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}
	
	.logo-zzz-caracteristica{
		width:90%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	
	



/* Foto mano con iPhone */
	#relax360-iphone{
		width:100%;
		height:100%;
		position: relative;
		display: block;
		margin:auto;
		border:none;
	}

	.relax360-iphone-ventajas{
		position: absolute;
    	width:50%;
		height:45%;
		left:5%;
		top:30%;
	}

	#relax360-iphone-ventajas-relax360{
		width:90%;
		height:auto;
		margin-left:5%;
	 	margin-top:5%;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:none;
		border-color:#fff;
	}

/* Relax 360 puede ayudarte en */
	.relax360-ayuda{
		width:100%;
		height:auto;
		margin-top:50px;
		font-size:3.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	#relax360-ayuda-dormir{
		width:100%;
		height:auto;
		margin-top:10px;
		margin-bottom:30px;
		font-size:2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

/*Beneficios de Relax360*/
	.flex-container-beneficios {
 		display: flex;
  		justify-content: center;
		margin-top:20px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}
	
	.beneficios-relax360{
		width:25%;
		height:auto;
		border:double;
		border-color:#fff;
	}
	
	.logo-beneficios{
		width:100%;
		height:auto;
		margin:auto;
	}
	
	.logo-beneficios-tamano{
		width:5vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

/* Frase Célebre */
	#relax360-frase{
		width:90%;
		height:100%;
		margin-top:50px;
		margin-bottom:60px;
		margin-left:5%;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto{
		width:80%;
		height:auto;
		margin-top:0.5vw;
		margin-left:10%;
		font-size:2.5vw;
		font-family:"Times New Roman", Times, serif;
		color:#2b0735;
		text-align:center;
		border:double;
		border-color:#fff;
	}

	#relax360-frase-texto-autor{
		width:70%;
		height:auto;
		margin-top:0.5vw;
		margin-left:15%;
		font-size:2vw;
		font-family:"Arial";
		color:#2b0735;
		text-align:right;
		border:double;
		border-color:#fff;
	}

/* Como funciona */
	#relax360-funcionamiento{
		width:90%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:5%;
		border:double;
		border-color:#fff;
	}

	.flex-container-funcionamiento{
 		display: flex;
  		justify-content: center;
		margin-top:30px;
		margin-bottom:20px;
  		border:double;
		border-color:#fff;
	}

	.pantalla-iphone{
		display:none;
	}

	.funcionamiento-relax360{
		width:25%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		border:double;
		border-color:#fff;
	}

	.foto-beneficios-tamano{
		width:90%;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;
	}

	.pantalla-notebook-relax360{
		border:double;
		border-color:#fff;
	}

	.relax360-funcionamiento-ayuda{
		width:100%;
		height:auto;
		margin-top:10px;
		margin-bottom:20px;
		font-size:3.2vw;
		font-family:"Arial";
		text-align:center;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}

	.funcionamiento-relax360-instrucciones-flex{
		display:flex;
		justify-content:center;
		width:95%;
		height:auto;
		margin:auto;
		border:double;
		border-color:#fff;
	}

	.funcionamiento-relax360-foto{
		width:30%;
		margin:auto;
	}

	.funcionamiento-caracteristica-instruc{
		margin:auto;
	}

	.funcionamiento-caracteristica-instrucciones{
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		font-size:1.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.6vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	


/* Mujer acostada con iPhone */
	
	.descanso-relax360{
		width:100%;
		height:100%;
		position:relative;
		margin-top:40px;
		margin-bottom:40px;
		border:none;
		border-color:#000;
	}
	
	.descanso-relax-fondo{
		width:100%;
	}
	
	.descanso-relax360-dormir{
    	position: absolute;
    	width:80%;
		height:auto;
		top:35%;
		left:10%;
		background-image:url(../imagenes/fondo-gris-texto.png);
		background-repeat:repeat;
		border:none;
		border-color:#fff;
	}
	
	.descanso-relax360-descanso{
		margin:auto;
		position:relative;
	}
	
	.descanso-relax360-descansar{
		width:90%;
		height:auto;
		margin-top:1.4vw;
		margin-bottom:1.4vw;
		margin-left:auto;
		margin-right:auto;
		font-size:2.2vw;
		font-family:"Arial";
		line-height:3.6vw;
		text-align:center;
		color:#fff;
		border:none;
		border-color:#fff;
	}

/* Suscripción */

	#venta{
		background-color:#fff;
		margin-top:0;
		border:double;
		border-color:#fff;
	}

	.flex-container-venta{
 		display: flex;
  		justify-content: space-around;
		width:80%;
		margin-top:40px;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}
	
	.relax360-venta{
		width:45%;
		height:auto;
		margin-left:0;
		margin-right:0;
		border:double;
		border-color:#fff;
	}

	.relax360-suscripcion{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		border-radius:20px;
		background-color:#fff;
		border:solid;
		border-color:#2b0735;
	}	

	.relax-suscripcion-titulo{
		background-color:#2b0735;
		padding-top:1px;;
		padding-bottom:30px;
		border-radius:10px;
		border:none;
		border-color:#2b0735;
	}

	.relax360-planes-suscripcion{
		margin-top:20px;
		margin-bottom:10px;
		font-size:2.5vw;
		font-family:"Arial";
		text-align:center;
		color:#fff;
		padding:0;
		border:none;
		border-color:#2b0735;
	}
	
	.relax360-para-quien{
		width:95%;
		height:auto;
		margin:auto;
		padding:0;
		font-size:1.2vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.5vw;
		color:#fff;
		border:none;
		border-color:#2b0735;
	}	

	.relax360-planes-suscripcion-detalle{
		width:95%;
		height:auto;
		margin:auto;
		margin-top:30px;
		padding:0;
		font-size:1.5vw;
		font-family:"Arial";
		text-align:center;
		line-height:2.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
	}	

	.relax360-precio{
		width:95%;
		height:auto;
		margin:auto;
		margin-bottom:10px;
		padding:0;
		font-size:2.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2.5vw;
		color:#2b0735;
		border:double;
		border-color:#fff;
}

	.relax360-me-quiero-suscribir{
		width:60%;
		margin:auto;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:30px;
		font-size:1.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2vw;
		color:#fff;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
		
	}

/*Whatsapp*/

	#relax360-whatsapp{
		width:100%;
	}

	#relax360-whatsapp-flexbox{
 		display: flex;
  		justify-content: space-around;
		align-items:center;
		width:65%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-izquierda{
		width:90%;
		height:auto;
		padding:10px;
		background-color:#2b0735;
		border-radius:20px;
		border:none;
		border-color:#fff;
	}
	
	#relax360-whatsapp-conversemos{
		width:80%;
		margin:auto;
		font-size:2.2vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:3.2vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-explicacion{
		width:80%;
		margin:auto;
		font-size:1.5vw;
		font-family:"Arial";
		font-weight:bold;
		text-align:center;
		line-height:2vw;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#relax360-whatsapp-flexbox-derecha{
		width:25%;
		border:double;
		border-color:#fff;
	}

	.relax360-whatsapp-contacto{
		width:40%;
		height:auto;
		margin:auto;
		display:block;		
	}


/*Ventajas Relax 360 */

	#relax360-ventajas{
		width:100%;
		height:100%;
		background-color:#fff;
		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-flexbox{
 		display: flex;
  		justify-content: space-around;
		width:80%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
  		border:double;
		border-color:#fff;
	}

	.relax360-ventajas-beneficios{
		width:22%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#fff;
		border-radius:20px;
		border:solid;
		border-color:#2b0735;
	}
	
	.relax360-ventajas-logo-beneficios{
		width:100%;
		background-color:#fff;
		height:auto;
		margin:auto;
	}
	
	.relax360-ventajas-logo-beneficios-tamano{
		width:10vw;
		height:auto;
		display:block;
  		margin-left:auto;
  		margin-right:auto;		
	}
	
	.relax360-ventajas-logo-beneficios-caracteristica{
		width:95%;
		height:auto;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:1vw;
		font-family:"Arial";
		text-align:center;
		line-height:1.6vw;
		color:#2b0735;
		border-radius:20px;
		border:double;
		border-color:#fff;
	}	


/*Footer*/

	footer{
		width:100%;
		height:15vw;
		background-color:#2b0735;
		border:double;
		border-color:#2b0735;
	}
	
	#footer-relax360{
		width:76%;
		margin:auto;
		border-color:#fff;
		border:none;
	}
	
	#footer-flexbox{
 		display: flex;
  		justify-content: space-between;
		width:100%;
		margin:auto;
		margin-top:40px;
  		border:none;
		border-color:#e00;
	}
		
	#footer-izquierda{
		width:45%;
		border:none;
		border-color:#FF0;
	}
	
	#footer-relax360-titulo{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2.2vw;
		text-align:left;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-relax360-explicacion{
		width:100%;
		margin-top:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1vw;
		margin-left:0;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#footer-derecha{
		width:45%;
		border:none;
		border-color:#FF0;
	}

	#footer-relax360-direccion{
		width:100%;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1vw;
		text-align:right;
		color:#fff;
		border:none;
		border-color:#fff;
	}

	#instagram-relax360{
		width:25px;
		height:25px;
		margin-top:10px;
		float:right;
		text-align:right;
	}

}