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


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


.formainstrucciones{

background-color: #707070;	   
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 12px;
border: 30px solid #707070;
	
  }

.btn-cumple {/* boton rojo enviar*/
 
    background-color: #FFFFFF;
	border-color: #000000; /* borde del boton del mismo color*/
font-size: 20px;
  font-weight: 700
}

.btn-cumple:hover {   /* boton rojo  enviar; cuando paso el mouse por arriba*/
 
    background-color: #FBF38A;
	border-color: #EBFDB2;
font-size: 20px;
  font-weight: 700

}


.btn-cumple:focus {   /* boton rojo  enviar; cuando paso el mouse por arriba*/
 
    background-color: #658A97;
	border-color: #FFFFFF;
	   font-weight: 700;

}






.btn-primary {/* boton rojo enviar*/
 
    background-color: #B70C0C;
	border-color: #B70C0C; /* borde del boton del mismo color*/
   
}

.btn-primary:hover {   /* boton rojo  enviar; cuando paso el mouse por arriba*/
 
    background-color: #560000;
	border-color: #560000;
}



.btn-primary2 {/* boton rojo enviar*/
 
    background-color: #FFFFFF;
	border-color: #12B9AF; /* borde del boton del mismo color*/
   
}

.btn-primary2:hover {   /* boton rojo  enviar; cuando paso el mouse por arriba*/
 
    background-color: #DBE12A;
	border-color: #DBE12A;
}

.btn-success {   /* segundo boton borrar*/
 
    background-color: #B87F30;
	border-color: #B87F30; /* borde del boton del mismo color*/
   
}

.btn-success:hover {   /* boton borrar  cuando paso el mouse por arriba*/
 
    background-color: #835920;
	border-color: #835920;
}



.formaformulario {

background-color: #8A1D1D;	   
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 22px;
border-top: 45px solid #8A1D1D;   /* color dela huincha arriba de la tabla del formularioa*/
}

.formulariocumple {

background-color: #980000;	   
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 22px;
border-top: 45px solid #8A1D1D;   /* color dela huincha arriba de la tabla del formularioa*/
}

.formulariomenu {

background-color: #054268;	   
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 22px;
border-top: 45px solid #C4A856;   /* color dela huincha arriba de la tabla del formularioa*/
}

.formaformulariocard {

background-color: #434D4D;	   
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 22px;
border-top: 45px solid #A8FF84;    /* color dela huincha arriba de la tabla del formularioa*/
}


.letraizquierda {

text-align: left;
align-items: left;
align-content: left;
justify-content: left;

  }





.raya {
      width: 1px; /* Line width */
      background-color: #4BE770; /* Line color */
      height: 80%; /* Override in-line if you want specific height. */
      float: left; /* Causes the line to float to left of content. 
        You can instead use position:absolute or display:inline-block
        if this fits better with your design */
    }




.letraformulario2{

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


.letraformulariorelleno{

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

.letraformulariorelleno :hover{

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

.coloricono :hover{
color: #EB20D7 !important;
  }

.centrarcuadro {  /* para dar un tamaño al mapa google dentro de una div */
    margin: 0;
	padding: 0;
    width: 50% ;
	height: 50% ;
    }




   .recapcentrado  {    /* para que el recapcha se centre  */
                        transform: scale(0.62);
	   text-align: center;
  align-items: center;
  justify-content: center;
	   width: 100px;
  height: 100px;
                       }

   .gwd-reCAPTCHA_2, #rc-imageselect   {
                        transform: scale(0.84);
                        transform-origin: 0 0;
                       }