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

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
@import url(https://fonts.googleapis.com/css?family=Cookie); 
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Pacifico'); /** para saludos navidad **/


/* CORONAVIRUS */

.coronavirus {
	width: 100%;
	height: auto;
	background-color:#D64B00;
	padding:20px;
	overflow: hidden;
	box-sizing: border-box;
}

.coronavirust1 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#fff;	
}

.coronavirust2 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:gold;	
}

.coronavirust3 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	text-decoration:none;
	line-height: 1.2;
	color:cornsilk;	
}

*{
    margin:0;
    padding:0;
}

body{
	
    /** background-image:url(../images/fondo_invitaciones2.jpg);
    background-color: #1E88E5;
	background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed; */
	
	 
	
	

}

.contenedor{
	max-width: 450px;
	margin-left: 400px;
	overflow: hidden;
	box-sizing: border-box;
	
}

nav{
    width:100%;
    height:15px;
    background:#FFF;
    position:fixed;
    z-index:999;
}


.fondo_imagen{
    width:100%;
    height:230px;
    margin:0px;
	text-align: center;
 position:relative;
	z-index: 0;
	overflow:hidden;
	box-sizing: border-box;
	

}


.foto_principal{
width: 100%;
	height: auto;

	
}

/*****************************/
/* TEXOTOS APPS NUEVOS 2020 */
/*****************************/

.titulo-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}

.subtitulo-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1.2em;
  font-weight: bold;
  line-height: 2.5;
  color:#333;
}


.texto-app-info {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}

.item-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}

.myButton {
	box-shadow: 0px 0px 0px 0px #fce2c1;
	background-color:#ffc477;
	border-radius:28px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:24px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}




/* # LOGO FLOTANTE
*****************************************/


.logo{
		width:25%;
	height:auto;
	border-radius: 100%;
	float: left;
	margin-right: 10px;

}




		



.div_blanco{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	padding:20px 0px 10px 12px;


}



.div_blanco_navidad{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	margin-top: -15px;
	padding:0px 0px 10px 12px;


}



/* # LOGO 
*****************************************/

.logo-nuevo{

	position: relative;

}

.medida_logo{

	text-align: center;
	margin-top: 600px;
	margin-left:65px;
	z-index:9999999;
	position:absolute;
	
	z-index:9999999;
	width:200px;
height:200px;
border-radius: 100%;
border-color:#ff8000;
border-width:5px;
border-style:solid;
-webkit-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
}


.logo{
	width:17%;
	height:auto;
	border-radius: 100%;

}

.siweb{
	display:block;

}

.noweb{
	display:none;

}
	
	.titulo_salon{
  width: 80%;
  font-family: 'Comfortaa', cursive;
  font-size:1.1em;
  font-style:normal;
  line-height: 1.3;
  color:#333;
		padding-top: 10px;
}

	.titulo_seccion{
  width: 90%;
  font-family: 'Comfortaa', cursive;
  font-size:1.1em;
  font-style:normal;
  line-height: 1.3;
  color:#FF6700;
		padding-top: 10px;
}
	
		.bajada_salon{
  width: 100%;
  font-family: 'Comfortaa', cursive;
  font-size:0.9em;
  font-style:normal;
  line-height:1.1;
  color:#333;
		padding-top: 4px;

  
}
	
	
			.bajada_salon2{
  width: 100%;
  /*font-family: 'Comfortaa', cursive;*/
  font-family: 'Open Sans', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height:1.3;
  color:#333;
		padding: 10px 0px 0px 0px;
	}
	
  .saludo{
  width: 100%;
  font-family: 'Comfortaa', cursive;
  font-size:1em;
  font-style:normal;
  line-height:1.5;
  color:#333;
		padding-top: 15px;

  
}


  .saludo_bienvenida{
  width: 100%;
  font-family: 'Pacifico', cursive;
  font-size:1.8em;
  font-style:normal;
  line-height:1.5;
  color:#333;
  padding: 10px;
  /* padding-top: 15px; */
	  overflow: hidden;
	  box-sizing: border-box;
	  

  
}

  .bajada_navidad{
  width: 100%;
  font-family: 'Pacifico', cursive;
  font-size:1.4em;
  font-style:normal;
  line-height:1;
  text-align:center;
  color:#333;
  padding: 10px;
	 overflow: hidden;
	  box-sizing: border-box;
	  

  
}

.decorado-tarjeta{
	position:fixed;
	top: 0px;
	z-index:999999;}

.papanoel{
	width: 100%;
	height: auto;
	/** float: left; **/
	margin-right: 10px;
}


.papanoel-folleto{
	display: block;
	width: 250px;
	height: auto;
	position: fixed;
	left: 0px;
	bottom: -20px;
	z-index: 9999;
	
}


	
	
	.boton_DETALLE{
	width:80%;
	float: left;
	padding:8px 10px 8px 10px;
	margin: 10px 10px 0px 25px;
	color:#fff;
	background-color:#fe5a01;
	 font-family: 'Comfortaa', cursive;
	font-size:0.9em;
	font-weight: normal;
	text-transform: none;
		border-radius: 5px;
	
	text-align:center;
	text-decoration: none;
	
}	
	

	.icono_whats{
		width: 15px;
		height: 15px;
	}
	
	
	
	
	
	
	.datos_salon{
	width: 100%;
	height: auto;
	margin-top: 0px;
	overflow:hidden;
	box-sizing: border-box;
	padding:10px 0px 5px 12px;

	}
		
	.datos_salon2{
	width: 100%;
	height: auto;
		margin-top: 0px;
	overflow:hidden;
	box-sizing: border-box;

	padding:10px 0px 5px 12px;
	
	}
	

.infoServicios {
  width: auto;
  font-family: 'Comfortaa', cursive;
  font-size:2.3em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
  padding: 20px 0px 0px 10px;
	text-align: center;
  
}
	
	
	
	
	
	
	
	
	
	.info_salon{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #F5F5F5;
	padding: 20px 0px 50px 0px;
	margin-top: 20px;
}




.iconos_primero{
		width: 23%;
		height: 30px;
		float: left;
	background-color: #FF6700;
	/*
		background-color: #e5e5e5;
	*/
		margin: 3px 3px 3px 5px;
	text-align: center;
	padding: 5px 0px 1px 0px;
		
		
	}

	.iconos{
		width: 23%;
		height: 30px;
		float: left;
		background-color: #FF6700;
	/*
		background-color: #e5e5e5;
	*/
		margin: 3px 3px 3px 3px;
		text-align: center;
	padding: 5px 0px 1px 0px;
		
		
	}

	
.imagen_boton{
		width: 23px;
		height: 23px;
	font-size: 1.5em;
	color: #fff;
	}
	
.grupo_fijo
{

		background-color: #fff;
	width: 450px;
		
		
		
	}
	
	
	.icono_encuesta{
		border-radius:100px;
		padding:  3px 3px 3px 3px;
	margin-right:10px;
	text-align:center;
	background-color:#0189df;
	color:#FFF;
	}



.footer{
	width: 100%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
	padding-top:20px;
	text-align: center;
	vertical-align:middle;
	background-color: #424242;
	}
	
.textofooter{
	 font-family: 'Comfortaa', cursive;
	 text-decoration:none;
  font-size:0.9em;
  font-style:normal;
  line-height:0.2;
  color:#fff;
	}
	
/** NOVEDADES ***/

#contenedor{
	max-width: 50%;
	margin-left: 320px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #EEEEEE;
	
	
}

#recuadro{

	background-color: #fff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px;
	
}

.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:2.2em;
	font-style:normal;
	line-height: 1.4;
	color:#2962FF;	
}

.Bajada{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#414141;	
	padding-top:5px;
}

.Bajada_texto{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#414141;
	margin-top: 15px;
	margin-bottom: 15px;
}

.texto{
	
	width: auto;
	font-family: 'arial', cursive;
	font-size:1.2em;
	font-style:normal;
	line-height: 1;
	color:#414141;	
padding-top: 15px;
}


.whats{
	width:97%;
	height:auto;
	background-color:#00887a;
	color:#fff;
	font-family: "Oswald", sans-serif;
	font-size:1.3em;
	font-style:normal;
	line-height: 1.4;
	text-align:center;
	padding:5px;
	}

.whats2{
	width:97%;
	height:auto;
	
	color:#666;
	font-family: "Oswald", sans-serif;
	font-size:1.3em;
	font-style:normal;
	line-height: 1.4;
	text-align:center;
	padding:5px;
	}
	
	.icon_whats{
	width:18px;
	height:18px;

	}

.espacio_gris{
	width:100%;
	height:20px;
	background-color:#EEEEEE;
	
}



.boton_beneficio{
	display:block;
	width:190px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:73px;
	

}	



.sibeneficio{
	width:95%;
	display:block;
	background:#F5F5F5;
	text-align:center;
	padding:10px 5px 10px 5px;
	}
	
	
	.nobeneficio{
	display:none;
	}
	
	.img-flayers{
	width:98%;	
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:45px;
		
		}

/* Mostrar Precios y Texto por Covid19 */

.simostrar-precio{display:block;}
.nomostrar-precio{display:none;}

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


		
/*****************************/
/* NUEVA GALERIA 2020 */
/*****************************/
.grupo_fotos{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	margin-top: 30px;
	padding-left: 7px;

}


.foto{
	width: 47%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	float: none;
	margin-right:5px;
	margin-bottom: 5px;
	

}

.boton_whats{
	display: block;
	width: 70px;
	height: 70px;
	position: fixed;
	right: 15px;
	bottom: 50px;
	z-index: 9999;
	
}	

/* Recuadro Info Uso App
*****************************************/
.info-uso-app{
	width: 95%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	margin: 3px;
	padding: 20px;
	margin-bottom: 20px;
    border-width: thin;
    border-style: solid;
    border-color: rgb(177, 177, 177);
	border-radius: 5px;
}

/* Recuadro Info Precio y Condiciones
*****************************************/
.recuadro-precioycondiciones{
	width:90%;
	height:auto;
	background-color:#fafbfd;
	float:left;
	
	border-color:#f8f8ff;
	border-style:solid;
	border-radius:3px;
	
	
	padding:10px !important;
	margin-right: 7px;
	margin-top:5px;
	margin-bottom: 20px;
	
	font-family: 'Comfortaa', cursive;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.6;
  color:#fff;
  text-align:center;
  
  

	}

	.recuadro-servicios{
		width:90%;
		height:auto;
		
		float:left;
		
		border-color:#f8f8ff;
		border-style:solid;
		border-radius:3px;
		
		
		padding:10px !important;
		margin-right: 7px;
		margin-top:5px;
		margin-bottom: 20px;
		
	  font-size:0.9em;
	  font-style:normal;
	  line-height: 1.6;

	  
	  
	
		}

#espaciado-vertical{
/* Espaciado Vertical entre el Nombre y la Barra del Logo en los Recibos. */
height: 30px;

}
		


/* # 
*****************************************/
@media screen and (max-width: 1024px){
	
	
.contenedor{
	max-width: 450px;
	margin-left: 250px;
	
}		
	
	
}







/* # PARA CELULARES 400
*****************************************/
@media screen and (max-width: 768px){


.contenedor{
	max-width: 100%;
	margin-left: 0px;
	
}	
	
	

/* # LOGO 
*****************************************/


.logo{
	width:25%;
	height:auto;
	border-radius: 100%;

}
	
	.titulo_salon{
  width: 80%;
  font-family: 'Comfortaa', cursive;
  font-size:1.1em;
  font-style:normal;
  line-height: 1.3;
  color:#333;
		padding-top: 10px;

  
}
	
	
	.boton_DETALLE{
	width:80%;
	float: left;
	padding:8px 10px 8px 10px;
	margin: 10px 10px 0px 25px;
	color:#fff;
	background-color:#fe5a01;
	 font-family: 'Comfortaa', cursive;
	font-size:0.9em;
	font-weight: normal;
	text-transform: none;
		border-radius: 5px;
	
	text-align:center;
	text-decoration: none;
	
}	
	

	.icono_whats{
		width: 15px;
		height: 15px;
	}
	
	
	.datos_manualidades{
	width: 97%;
	height: auto;
	margin-left: 5px;
	overflow:hidden;
	box-sizing: border-box;
	padding:10px 0px 20px 12px;
	background-color:#F4F6F6;

	}	
	
	
	
	.datos_salon{
	width: 100%;
	height: auto;
		margin-top: 0px;
	overflow:hidden;
	box-sizing: border-box;
	padding:10px 0px 5px 12px;

	}
		
	.datos_salon2{
	width: 100%;
	height: auto;
		margin-top: 0px;
	overflow:hidden;
	box-sizing: border-box;

	padding:10px 0px 5px 12px;
	
	}
	

.infoServicios {
  width: auto;
  font-family: 'Comfortaa', cursive;
  font-size:2.3em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
  padding: 20px 0px 0px 10px;
	text-align: center;
  
}
	
	
	
	
	
	
	
	
	
	.info_salon{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #F5F5F5;
	padding: 20px 0px 50px 0px;
	margin-top: 20px;
}




.iconos_primero{
		width: 23%;
		height: 30px;
		float: left;
	background-color: #FF6700;
	/*
		background-color: #e5e5e5;
	*/
	margin: 3px 3px 3px 5px;
	text-align: center;
	padding: 5px 0px 1px 0px;
	

		
		
	}

	.iconos{
		width: 23%;
		height: 30px;
		float: left;
		background-color: #FF6700;
	/*
		background-color: #e5e5e5;
	*/
		margin: 3px 3px 3px 3px;
		text-align: center;
	padding: 5px 0px 1px 0px;
		
		
	}

	
.imagen_boton{
		width: 23px;
		height: 23px;
	font-size: 1.5em;
	color: #fff;
	}
	
.grupo_fijo
{

		background-color: #fff;
	width: 100%;
	
		
		
		
	}

	

/** NOVEDADES **/
	#contenedor{
	max-width: 100%;
	margin-left: 0px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #EEEEEE;
	padding: 5px;
	
	
}

#recuadro{

	background-color: #fff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 40px;
	
}



.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:2em;
	font-style:normal;
	line-height: 1.4;
	color:#2962FF;	
}

.Bajada{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.4em;
	font-style:normal;
	line-height: 1.4;
	color:#414141;	
}

.Bajada_texto{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.3em;
	font-style:normal;
	line-height: 1.4;
	color:#414141;
	margin-bottom: 10px;
}

.texto{
	
	width: auto;
	font-family: 'Comfortaa', cursive;
	font-size:0.9em;
	font-style:normal;
	line-height: 1.3;
	color:#414141;	
	padding-top: 15px;
	
	margin-bottom: 10px;
}

#espaciado-vertical{
	/* Espaciado Vertical entre el Nombre y la Barra del Logo en los Recibos. */
	height: 85px;

	
	}

	
}