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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');
@import url('https://fonts.googleapis.com/css2? family = Anton & display = swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');




.textobarra{
	
	padding : 18px 15px;
	color: #211404;
	font-family: 'Pirata One', cursive;
	font-size: 23px;
    letter-spacing: 1.8px; /* espacio entre cada letra*/
	text-decoration: none;
	font-weight: 700;
    position: relative;
	display: inline-block;
	
}

 .encajar {

  position: absolute;
left: -20px;
	 top: -90%;
	 z-index:  9999 ;

}



.ocultar {
    display: none;
}
 
.mostrar {
    display: block;
}




.letrarellenoactivaform{


  font-size: 15px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #8C0B0B;
		text-align-last: left;
  }


.letrarellenoform{


  font-size: 16px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #B00709;
text-align-last: left;
	float: left !important;
  }



.letrarellenocumple{


  font-size: 16px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #003B8B;
text-align-last: left;
	float: left !important;
  }




select {
   text-align: left;
}
option{
   text-align: left;
}

.iconito {

  color:  #9E9E9E !important;
  font-size: 210% !important;
	padding: 0;
  margin: 0;
  }



.instruccionestitulo {

  font-family: 'Acme', sans-serif;
  font-size: 21px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #CCBB9F;
  padding: 0;
  margin: 0px;
  line-height: 19px;
  letter-spacing: 1.9px;
  text-align: center;

  }


.instruccionestitulo2 {

  font-family: 'Acme', sans-serif;
  font-size: 21px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 0px;
  line-height: 19px;
  letter-spacing: 1.9px;
  text-align: center;

  }

.letrainstrucciones {

  font-family: 'Acme', sans-serif;
  font-size: 17px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #C3B6A0;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 2.2px;
  text-align: left;
  }

.letraresaltada{

  font-family: 'Acme', sans-serif;
  font-size: 19px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #D0C989;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 2.2px;
  text-align: left;
  }


.letrainstruccionesnegro {

  font-family: 'Acme', sans-serif;
  font-size: 17px;
  font-weight: 400;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #BDBDBD;
  padding: 0;
  margin: 0px;
  line-height: 19px;
  letter-spacing: 3.3px;
  text-align: center;
  }


.detectorrojo {

font-family: 'Anton', sans-serif;
  font-size: 14px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #C0C0C0;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 2.9px;
  }




.letratituloreservas {

font-family: 'Gabriela', serif;
  font-size: 24px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #AA9778;
  padding: 0;
  margin: 10px;
  line-height: 29px;
  letter-spacing: 2.9px;
  }

.letratituloreservas2 {

font-family: 'Gabriela', serif;
  font-size: 25px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 10px;
  line-height: 29px;
  letter-spacing: 2.9px;
  }


.letraopiniones {

font-family: 'Gabriela', serif;
  font-size: 14px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #5F401A;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 2.9px;
  }

.cajapie {

background: #1E1E1E;
  
  }



.letrapie {

font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #AA9778;
  line-height: 17px;
  letter-spacing: 1.8px;
  }

.letrapie2 {

font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #AA9778;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.1px;
  }

.letrapieboton {

font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.1px;
  }

.letracumple1 {

font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #3BF6F9;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.1px;
  }

.letracumple11 {

font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #F0E6A3;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.1px;
  }


.letracumple2 {

font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 10px;
  line-height: 15px;
  letter-spacing: 1.1px;
  }



.letrapie22 {

font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.1px;
  }

.letrapie2color {

font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #BDBDBD;
  padding: 0;
  margin: 10px;
  line-height: 18px;
  letter-spacing: 1.5px;
  }


.letrapie3 {

font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #AA9778;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 1.1px;
  }


.letrapie4 {

font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #9E9E9E;
  padding: 0;
  margin: 10px;
  line-height: 15px;
  letter-spacing: 1.1px;
  }




.letrapietitulo {

font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 600;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #FFFFFF;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 1.9px;
  }

.letraformulario {

font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #5F401A;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 1.9px;
  }

.letraformularioizquierda {

font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #5F401A;
  padding: 0;
  margin: 10px;
  line-height: 19px;
  letter-spacing: 1.9px;
  text-align: left;
  }

a:link { color: #AA9778}          /* color texto fijo link que va a web: color Enlaces no visitados */
a:visited { color: #AA9778; }     /* color texto fijo / color Enlaces visitados */
a:hover { color: #D4D4D4; text-decoration: none !important; }  /* El usuario esta sobre el enlace  el text decora es para que NO aparezca la raya subrrayado*/
a:hover { color: #D4D4D4; }  /* color El usuario esta sobre el enlace */
a:active { color: #FFFFFF; }        /* color Enlaces activos */



.invisible {

  color: transparent;
	 line-height: 19px;

  }




.letritaegrita {

  font-family:"Finger Paint";
  font-size: 19px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #000000;
  padding: 0;
  margin: 10px;
  line-height: 10px;
  letter-spacing: 0.4px;
  }


.letramenunegrita {

  font-family:"Finger Paint";
  font-size: 19px;
  font-weight: 800;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #000000;
  padding: 0;
  margin: 10px;
  line-height: 21px;
  letter-spacing: 0.4px;
  }



.letramenu {

  font-family:"Finger Paint";
  font-size: 16px;
	font-weight: 400;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #000000;
  padding: 0;
	margin: 0;
  line-height: 21px;
	letter-spacing: 0.4px;
  }

.nombremenu{

  font-family: "Finger Paint";
  font-weight: 800; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 24px;
  color: #000000;
  padding: 0px 0px;
  letter-spacing: 0.8px;
  line-height: 35px;
  }

.temaamarillo{

  font-family: "Finger Paint";
  font-weight: 400; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 35px;
  color: #FBD332;
  padding: 0px 0px;
  letter-spacing: 2px;
  line-height: 35px;
  }

.temanaranjo{

  font-family: "Finger Paint";
  font-weight: 400; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 35px;
  color: #EE9332;
  padding: 0px 0px;
  letter-spacing: 2px;
  line-height: 35px;
  }

.temarojo{

  font-family: "Finger Paint";
  font-weight: 400; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 35px;
  color: #D72323;
  padding: 0px 0px;
  letter-spacing: 2px;
  line-height: 20px;
  }

.temaverde{

  font-family: "Finger Paint";
  font-weight: 400; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 35px;
  color: #95DD52;
  padding: 0px 0px;
  letter-spacing: 2px;
  line-height: 35px;
  }

.textoverde{

  font-family:"Varela Round";
  font-weight: 700; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 16px;
  color: #95DD52;
  margin: 0;   /* Margin 0 y padding 0 y juntos elimina espacio entre linea y linea) en html sale line-height>*/
  padding: 0;
letter-spacing: 2px;
  line-height: 35px;
  }

.titulito {

  font-family:"Varela Round";
	font-weight: 800; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 20px;
  color: #E9E9E9;
  padding: 0px 0px;
letter-spacing: 2px;
  line-height: 20px;
  }

.subtitulito {

  font-family:"Varela Round";
font-weight: 700; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 16px;
  color: #E9E9E9;
  padding: 0px 0px;
letter-spacing: 2px;
background: #000000;
  line-height: 20px;
  }

.subtitulito2 {

  font-family:"Varela Round";
  font-size: 12px;	
	width: 100%;
	display: list-item inline;
	align-items: center;
  color: #E9E9E9;
  padding: 0px 0px;
letter-spacing: 0.3px;
background: #000000;
  line-height: 0px;
  }


.letratexto {

  font-family:"Varela Round";
  font-size: 14px;
	font-weight: 200;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #E9E9E9;
  padding: 0;
	margin: 0;
background: #000000;
  line-height: 22px;
	letter-spacing: 1px;

  }


.letrahistoria {

  font-family:"Varela Round";
  font-size: 12px;
	font-weight: 200;   /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  color: #E9E9E9;
  padding: 0;
	margin: 0;
background: #000000;
  line-height: 22px;
	letter-spacing: 1px;
  }
.letratextocentrada {

  font-family:"Varela Round";
  font-size: 11px;
	width: 100%;
	align-items: center;
	position: relative;
	color: #EFEAEA;
background: #000000;
  line-height: 0px;
	letter-spacing: 1px;
  }

.tituloempresa {

  font-family:"Varela Round";
  font-weight: 700; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 22px;
  color: #009FAB;
  margin: 0;   /* Margin 0 y padding 0 y juntos elimina espacio entre linea y linea) en html sale line-height>*/
  padding: 0;
letter-spacing: 6px;
  line-height: 20px;
  }

.precio {

  font-family:"Varela Round";
  font-weight: 700; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 20px;
  color: #000000;
  margin: 0;   /* Margin 0 y padding 0 y juntos elimina espacio entre linea y linea) en html sale line-height>*/
  padding: 0;
letter-spacing: 2px;
  line-height: 20px;
  }

.subterraza {

  font-family:"Varela Round";
  font-weight: 700; /* negrita o grosor del texto, bold: 700, normal:400 , lighter: 200-300 , bolder:800-900 (ultra bold)*/
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;   /* Margin 0 y padding 0 y juntos elimina espacio entre linea y linea) en html sale line-height>*/
  padding: 0;
letter-spacing: 2px;
  line-height: 20px;
  }

.bordeterraza {

 border: 3px solid #FFE601;
  }