body, html 
{
  height: 100%;
  margin: 0;
/*  font-family: 'PoorRich', cursive;*/
  font-size: 14px;
  overflow:hidden; 
  background-size:100% 100%;
  background-color:#000;
    
}

header
{
	position:absolute;
	top: 0;
	left:0;
	width: 100%;
	height: auto;
	box-shadow: 1px 1px 5px #000;
	background-color: #311c25;
	z-index: 1000;
}

	#textopiebajo{
		bottom:175px;
		right: 40px;
		position:relative;
		position:fixed !important;
		height: 60px;
		width: 25%;
		z-index:9;
		text-align:right;
		color: #000;
		padding: 0 0 0 0;
	}

#menu
{
	width: 80%;
	height: auto;
	/*padding-top: 0.5em;
	padding-bottom: 0.5em;*/
	margin: 0px;
	text-align:center;
}

#menu ul a
{
	padding-left:1em;
	padding-right: 1em;
	font-family: 'PoorRich', cursive;
}

#menu #menu_horizontal
{
		
}
	
#menu_vertical
{
	visibility:hidden;
}

#principal_section 
{	
 overflow-y:scroll;
 margin-top: 4%;
 margin-left: 1%;
 height: 90%;
 width: 100%;
}

#principal_section article 
{
	display:inline-block;
	width:25%;
	/*border: 1px solid #3F0;*/		
}

#principal_section article a
{
	text-decoration:none;
}

#principal_section article a img
{  	
	float:left;
	/*border: 1px solid #FF0000;*/
	margin-bottom:-10%;		
	width: 95%;
	padding: 2%;
}

.textofotoizq{

  	position:relative;	
	z-index:9;
	text-align:left;
	color: #FFF !important;
	font-size: 24px;
	margin-left: 5%;
	text-decoration:none;
	/*border: 1px solid #000;*/

}


[data-rellax] {
	will-change: transform, opacity;
	backface-visibility: hidden;
}

[data-rellax-container] {
	overflow: hidden;
}

[data-rellax-container] [data-rellax] {
	transition: opacity .3s ease-out;
	opacity: 0;
}

.js [data-rellax-container] [data-rellax] {
	opacity: 1;
}


.borde {
}

.borde2 {
    color: #FFF;
    text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000,
    1px 1px 0 #000;
}


.principal
{
	position: relative;
    opacity: 1;
    /* Create the parallax scrolling effect */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
   	background-image: url("imagenes/lust2.jpg");
    min-height: 100%; 
}


.secundaria
{
	position: relative;
    opacity: 1;
    /* Create the parallax scrolling effect */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
   	background-image: url("imagenes/secundaria2019v2.jpg");
    min-height: 100%; 
}



.caption  /*MENSAJE MASAJE NEREIDAS (HOJA INDEX).*/
{
  position: absolute;
  top: 10%;
  left: 10%;
  height: 30%
  text-align: left;
  font-size: 100px;
  color: #FFF;
  
}


.contactotexto
{
	position: absolute;
	font-family: 'PoorRich';
    top: 10%;
    left: 5%;
	color: #FFF;
	font-size:2em;
	opacity: 1;
	/*border: 1px solid #999; /*lila por defecto*/
}

.contactolistaposicion
{
	margin-top:0.5em;
}

#telefono
{
	/*font-family: 'Varela Round', sans-serif;*/
	font-family: 'PoorRich', cursive;
	font-size: 2.5em;
}

#masajes {
  position: absolute;
  font-size:0.8em;
}


@font-face {
font-family: 'PoorRich';
   src: url('fonts/fontrich.eot');
   src: url('fonts/fontrich.eot?#iefix') format('embedded-opentype'),
        url('fonts/fontrich.woff') format('woff'),
        url('fonts/fontrich.ttf') format('truetype'),
        url('fonts/fontrich.svg#adlerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/********************** EMPEZAMOS PANTALLA  ********************************************/
/*******************  ------------- PORTRAIT   -------------------  *******************/
/****TELEFONOS *****/
@media screen and (max-width:400px) and (orientation: portrait)
{
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 3em;
	  color: #FFF;
	  visibility: hidden;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.1em;
		color:#0F3;
    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-family: 'PoorRich', cursive;
		font-size:1.8em;
	}
	
	#principal_section 
	{		
		 margin-top: 12%;	
	}
	
	#principal_section article 
	{
		display:inline-block;
		width:33%;
		/*border: 1px solid #3F0;*/		
	}

	#principal_section article a img
	{
		margin-bottom:-20%;	
		margin-left:-4%;
		padding: 5%;
	}

	
	.textofotoizq
	{
  		font-size: 1.6em;
		margin-left: 5%;
    	/*border: 1px solid #000;*/
	}	
	
	/** CONTACTO **/
	
	.contactotexto
	{
		top: 28%;
		left: 8%;
		color: #FFF;
		font-size:0.8em;
		opacity: 1;
		/*border: 1px solid #3F0;*/
		
	}
	
	.contactolistaposicion
	{
		margin-top: 1em;
	}
	
	.capanumtelf
	{
		margin-top: 0.5em;
	}
		
	
	#telefono
	{
		/*font-family: 'Varela Round', sans-serif;*/
		font-family: 'PoorRich', cursive;
		font-size: 1.6em;
	}
}

		/**** TABLETS  *****/
@media screen and (min-width: 400px) and (max-width:600px) and (orientation: portrait)
{	
	.caption {
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 3em;
	  color: #FFF;
	  visibility: hidden;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.6em;
		color:#0F3;
    	 
	}
	
	#menu  ul a
	{			
	
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-family: 'PoorRich', cursive;
		font-size:1.8em;
	}
	
	#principal_section 
	{	
	
	 margin-top: 12%;
	
	
	}
	
	#principal_section article 
	{
		display:inline-block;
		width:33%;
			
	}

	#principal_section article a img
	{
		margin-bottom:-20%;	
		margin-left:-4%;
		padding: 5%;
	}

	
	.textofotoizq
	{
  		font-size: 1.7em;
		margin-left: 5%;

	}
		
	.contactotexto
	{
		top: 11%;
		left: 8%;
		color: #FFF;
		font-size:1.2em;
		opacity: 1;
	}
			
	#telefono
	{
		
		font-family: 'PoorRich', cursive;
		font-size: 1.6em;
	}
	
	
}

		/**** TABLETS HD *****/
@media screen and (min-width: 600px) and (orientation: portrait)
{	
	.caption {
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 3em;
	  color: #FFF;
	  visibility: hidden;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.3em;
		color:#0F3;
    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-family: 'PoorRich', cursive;
		font-size:1.8em;
	}
	
	#principal_section 
	{		
	  margin-top: 12%;	
	}
	
	#principal_section article 
	{
		display:inline-block;
		width:33%;			
	}

	#principal_section article a img
	{
		margin-bottom:-20%;	
		margin-left:-4%;
		padding: 5%;
	}

	
	.textofotoizq
	{
  		font-size: 2.5em;
		margin-left: 5%;
	}
		
	.contactotexto
	{
		top: 11%;
		left: 8%;
		color: #FFF;
		font-size:1.2em;
		opacity: 1;
	}
			
	#telefono
	{		
		font-family: 'PoorRich', cursive;
		font-size: 1.6em;	
	}
	
/*	#iconomapa
	{
		position:absolute;
		top:14.6%;		
		left: 57%;
		z-index: 100;
		border:#FF0 1px;
		width: 2em; height: 2em;
	}
	
	#iconotelefono
	{
		position:absolute;
		top:18.6%;
		left:37%; /*35*/
	/*	z-index: 100;
		border:#FF0 1px;
		width: 1.4em; height: 1.4em;
	}*/
	.capanumtelf
	{
		margin-top:0.3em;
	}
}
/************************* -----------------   LANDSCAPE ------------------------- ******************************/

/*TELEFONOS borde amarillo*/

@media screen and (max-width:650px) and (orientation: landscape) 
{	
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 8%;
	  left: 10%;
	  text-align: left;
	  font-size: 50px;
	  color: #FFF;
	}
	
	#menu_horizontal
	{
		visibility:hidden;	
	}
		
	#menu_vertical
	{
   	   visibility:visible;
	}
	
	#menu_vertical
	{	
		position: absolute;			
		left: 86.5%;	 
		width: 13%;
		height: 100%;		
		font-size:1em;    	 
	}

	#menu_vertical ul
	{
		margin-top: 110%;
		list-style: none;
		margin-left: -35%;
	}


	#menu_vertical ul li
	{
		margin-top: 2em;
		margin-bottom: 2em;
		margin-left: 0em;
	}
	
	#menu_vertical ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-size:1em;
		/*border: 1px solid #FF0;*/
	}
	
	#principal_section 
	{	
	 	margin-top: 1%;
		width:85%;
		height: 95%;	
	}
	
	#principal_section article 
	{
		display:inline-block;
		width:25%;			
	}


	#principal_section article a img
	{
		margin-bottom:-22%;	
		margin-left:-4%;
		padding: 5%;
	}

	.textofotoizq
	{
  		font-size: 1.5em;
		margin-left: 5%;
	}
	
}


/*borde naranja MOVIL alta resolucion..*/	
@media screen and (min-width:650px) and (max-width:900px) and (orientation: landscape) 
{	
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 8%;
	  left: 10%;
	  text-align: left;
	  font-size: 50px;
	  color: #FFF;

	}
	
	#menu_horizontal
	{
		visibility:hidden;	
	}
		
	#menu_vertical
	{
   	   visibility:visible;
	}
	
	#menu_vertical
	{	
		position: absolute;			
		left: 83%;	 
		width: auto;
		height: 100%;		
		font-size:1.2em;    	 
	}

	#menu_vertical ul
	{
		margin-top: 75%;
		list-style: none;
		margin-left: -18%;
	}


	#menu_vertical ul li
	{
		margin-top: 2em;
		margin-bottom: 2em;
		margin-left: 0em;
	}
	
	#menu_vertical ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-size:1.1em;
	   /* border: 1px solid #F90;*/
	}
	
	#principal_section 
	{	
	 	margin-top: 1%;
  	    margin-left:2.4%;
		width:85%;
		height: 95%;	
	}
	
	#principal_section article 
	{
		display:inline-block;
		margin-right:6%;
		width:25%;		
		border: 1px solid #000;
	}


	#principal_section article a img
	{
		margin-bottom:-22%;	
		margin-left:6%;
		padding-left:: 15%;
		padding-right: 35%;
		padding-top:: 5%;
		padding-bottom:: 5%;
	}

	.textofotoizq
	{
  		font-size: 2.5em;
		margin-left: 5%;
	}
	

}







/*borde marron tablet alta resolucion..*/	
@media screen and (min-width:900px) and (max-width:1100px) and (orientation: landscape) 
{	
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 8%;
	  left: 10%;
	  text-align: left;
	  font-size: 50px;
	  color: #FFF;

	}
	
	#menu_horizontal
	{
		visibility:hidden;	
	}
		
	#menu_vertical
	{
   	   visibility:visible;
	}
	
	#menu_vertical
	{	
		position: absolute;			
		left: 88%;	 
		width: auto;
		height: 100%;		
		font-size:1.2em;    	 
	}

	#menu_vertical ul
	{
		margin-top: 110%;
		list-style: none;
		margin-left: -18%;
	}


	#menu_vertical ul li
	{
		margin-top: 2em;
		margin-bottom: 2em;
		margin-left: 0em;
	}
	
	#menu_vertical ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	.contactotexto
	{
		font-size:1.3em;
	   /* border: 1px solid #600;*/
	}
	
	#principal_section 
	{	
	 	margin-top: 1%;
		margin-left:5%;
		width:85%;
		height: 95%;	
	}
	
	#principal_section article 
	{
		display:inline-block;
		margin-right:6%;
		width:25%;		
		border: 1px solid #000;
	}


	#principal_section article a img
	{
		margin-bottom:-22%;	

		padding: 5%;
	}

	.textofotoizq
	{
  		font-size: 2.5em;
		margin-left: 5%;
	}
	

}

/******************************************************************/
/*verde */
@media screen and (min-width: 1279px) and (max-height:721px) and (orientation: landscape)
{	

.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 100px;
	  color: #FFF;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.2em;    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	#menu_horizontal
	{
		visibility:visible;	
	}
		
	#menu_vertical
	{
   	   visibility:hidden;
	}
	
	.contactotexto
	{
		/*border: 1px solid #F6F;*/
		font-size:2em;
	}

}

/******************************************************************/
/*rojo pantala 4:3 de 15 pulgadas verde*/
@media screen and (min-width: 1280px) and (max-height:1024px) and (orientation: landscape)
{	

.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 100px;
	  color: #FFF;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.2em;    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	#menu_horizontal
	{
		visibility:visible;	
	}
		
	#menu_vertical
	{
   	   visibility:hidden;
	}
	
	.contactotexto
	{
		/*border: 1px solid #C00;*/
		font-size:2em;
	}
}


/*PANTALLA DE HASTA 1799 PX DE ANCHO. verde*/
@media screen and (min-width:1281px) and (max-width:1799px) and (orientation: landscape)
{	
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 100px;
	  color: #FFF;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.2em;    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	#menu_horizontal
	{
		visibility:visible;	
	}
		
	#menu_vertical
	{
   	   visibility:hidden;
	}
	
	.contactotexto
	{
		/*border: 1px solid #0C0;*/
		font-size:2em;
	}
	

	
}

/*monitores de 1920 borde azul.*/
@media screen and (min-width:1800px) and (max-width: 2559px) and (orientation: landscape)
{	
	.caption 
	{
	  position: absolute;
	  top: 70%;
	  left: 60%;
	  text-align: left;
	  font-size: 100px;
	  color: #FFF;	  
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.2em;    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	#menu_horizontal
	{
		visibility:visible;	
	}
		
	#menu_vertical
	{
   	   visibility:hidden;
	}
	
	.contactotexto
	{
		/*border: 1px solid #700;*/
		font-size:3em;
	}
	

}


/*monitores de gran tamaño*/
@media screen and (min-width: 2560px) and (orientation: landscape)
{	
	.caption 
	{
	  position: absolute;
	  left: 0;
	  top: 10%;
	  left: 10%;
	  text-align: left;
	  font-size: 100px;
	  color: #FFF;
	}
	
	#menu
	{
		width: auto;
		height: auto;
		margin: auto;
		vertical-align:central;
		text-align:center;
		font-size:1.2em;    	 
	}
	
	#menu  ul a
	{			
		color: #fff;
		text-decoration:none;
		font-family: 'PoorRich', cursive;
	}
	
	#menu_horizontal
	{
		visibility:visible;	
	}
		
	#menu_vertical
	{
   	   visibility:hidden;
	}
	
	.contactotexto
	{
		/*border: 1px solid #36F;*/
		font-size:3em;
	}

}

/******************************************************************/