body {
  margin: 0;
  padding: 0;
 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 1080px;
	 height: 2750px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #Fondo 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1080px;
	 height: 2750px;
	 z-index:1;
} 

 #IconoYouTube 
{ 
	 left: 355px; 
	 top: 2570px; 
	 position: absolute; 
	 width: 85px;
	 height: 87px;
	 z-index:2;
} 

 #IconoIG 
{ 
	 left: 232px; 
	 top: 2570px; 
	 position: absolute; 
	 width: 85px;
	 height: 87px;
	 z-index:3;
} 

 #IconoFB 
{ 
	 left: 107px; 
	 top: 2572px; 
	 position: absolute; 
	 width: 87px;
	 height: 87px;
	 z-index:4;
} 

 #comunicacion 
{ 
	 left: 542px; 
	 top: 2524px; 
	 position: absolute; 
	 width: 462px;
	 height: 188px;
	 z-index:5;
} 

 #Reglamentomayordeeda 
{ 
	 left: 128px; 
	 top: 2178px; 
	 position: absolute; 
	 width: 824px;
	 height: 56px;
	 z-index:6;
} 

 #Confirmoquetengo18ao 
{ 
	 left: 200px; 
	 top: 2092px; 
	 position: absolute; 
	 width: 406px;
	 height: 39px;
	 z-index:7;
} 

 #Heledoelreglamentoya 
{ 
	 left: 201px; 
	 top: 2038px; 
	 position: absolute; 
	 width: 676px;
	 height: 38px;
	 z-index:8;
} 

 #Contactanos 
{ 
	 left: 373px; 
	 top: 2428px; 
	 position: absolute; 
	 width: 326px;
	 height: 40px;
	 z-index:9;
} 

 #Formulario 
{ 
	 left: 79px; 
	 top: 1027px; 
	 position: absolute; 
	 width: 919px;
	 height: 748px;
	 z-index:10;
} 

 #Activelcdigodetusemp 
{ 
	 left: 213px; 
	 top: 807px; 
	 position: absolute; 
	 width: 656px;
	 height: 148px;
	 z-index:11;
} 

 #DulceT 
{ 
	 left: 57px; 
	 top: 70px; 
	 position: absolute; 
	 width: 923px;
	 height: 772px;
	 z-index:12;
} 

 #BotnEnvio 
{ 
	 left: 851px; 
	 top: 1905px; 
	 position: absolute; 
	 width: 177px;
	 height: 54px;
	 z-index:13;
} 

 #BotnVerreglamento 
{
	left: 683px;
	top: 1901px;
	position: absolute;
	width: 316px;
	height: 55px;
	z-index: 14;
} 

 #BotnCargarfactura 
{
	left: 88px;
	top: 1903px;
	position: absolute;
	width: 460px;
	height: 55px;
	z-index: 15;
} 

 #BotnHacClickAqui 
{ 
	 left: 312px; 
	 top: 2305px; 
	 position: absolute; 
	 width: 455px;
	 height: 59px;
	 z-index:16;
} 

 #info 
{ 
	 left: 535px; 
	 top: 2514px; 
	 position: absolute; 
	 width: 293px;
	 height: 53px;
	 z-index:17;
} 

 #tel 
{ 
	 left: 535px; 
	 top: 2567px; 
	 position: absolute; 
	 width: 293px;
	 height: 53px;
	 z-index:18;
} 

 #gps 
{
	left: 535px;
	top: 2664px;
	position: absolute;
	width: 450px;
	height: 53px;
	z-index: 19;
} 






/* ? ----- Formulario ----- */



input::-webkit-input-placeholder {
    color:    #006633;
    font-weight:regular;
	font-size: 14px
}
input::-moz-placeholder {
    color:    #006633;
    font-weight:regular;
	font-size: 14px
}


#input_imagen::-webkit-file-upload-button {
	color: transparent;
    font-weight:regular;
	font-size: 1px;
    display: none;
}

#form {
	left: 77px;
	top: 1030px;
	position: absolute;
	width: 940px;
	height: 1365px;
	z-index: 30;
} 

#input_nombre, #input_cedula, #input_telefono, #input_email {
    padding-left: 10px;
}

#input_nombre {
    left: 10px;
    top: 5px;
	padding-left: 10px;
    position: absolute;
    width: 440px;
    height: 45px;
    z-index: 45;
    color: #fff;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius:2px
} 


#input_cedula {
   left: 480px; 
   top: 5px; 
   padding-left: 10px;
   position: absolute;
   width: 440px;
   height: 45px;
   z-index: 45;
   color: #fff;
   background: rgba(255,255,255,0.8);
   border-color: rgba(0,0,0,0);
   border-radius:2px
} 


#input_fecha_nacimientotxt {
   left: 10px; 
   top: 90px; 
   padding-left: 10px;
   position: absolute;
   width: 160px;
   height: 45px;
   z-index: 45;
   color: #fff;
   background: rgba(255,255,255,0.8);
   border-color: rgba(0,0,0,0);
   border-radius:2px
} 



#input_nacimiento {
   left: 185px; 
   top: 90px; 
   padding-left: 10px;
   position: absolute;
   width: 268px;
   height: 47px;
   z-index: 45;
   color: #fff;
   background: rgba(255,255,255,0.8);
   border-color: rgba(0,0,0,0);
   border-radius:2px
} 


#input_genero {
    left: 480px;
    top: 90px;
	padding-left: 10px;
    position: absolute;
    width: 440px;
    height: 45px;
    z-index: 34;
    color: #5e328c;
	font-size: 18pt;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 
 

#input_telefono {
    left: 10px;
    top: 335px;
	padding-left: 10px;
    position: absolute;
    width: 910px;
    height: 45px;
    z-index: 33;
    color: #fff;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 

#input_ocupacion {
    left: 480px;
    top: 170px;
	padding-left: 10px;
    position: absolute;
    width: 440px;
    height: 45px;
    z-index: 34;
    color: #5e328c;
	font-size: 18pt;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 
 

#input_civil {
    left: 10px;
    top: 170px;
	padding-left: 10px;
    position: absolute;
    width: 440px;
    height: 45px;
    z-index: 34;
    color: #5e328c;
	font-size: 18pt;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 
 

#input_residencia {
    left: 10px;
    top: 255px;
	padding-left: 10px;
    position: absolute;
    width: 910px;
    height: 45px;
    z-index: 34;
    color: #5e328c;
	font-size: 18pt;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 
 

#input_email {
    left: 10px;
    top: 415px;
	padding-left: 10px;
    position: absolute;
    width: 910px;
    height: 45px;
    z-index: 34;
    color: #5e328c;
	font-size: 18pt;
    background: rgba(255,255,255,0.8);
    border-color: rgba(0,0,0,0);
    border-radius: 2px
} 
 


#input_receta {
    left: 10px;
    top: 490px;
    padding-left: 10px;
    position: absolute;
    width: 900px; /* Puedes ajustar el ancho según sea necesario */
    height: 250px; /* Ajusta la altura según lo que necesites */
    z-index: 34;
    color: #000;
    font-size: 18pt;
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    resize: vertical; /* Permite que el usuario ajuste la altura */
}


#input_receta::placeholder {
  color: #006633;
  font-size: 12pt;
  opacity: 1; /* Asegura que no se vea desvanecido */
}


#input_imagen {
	left: 16px;
	top: 876px;
	padding-left: 10px;
	position: absolute;
	width: 455px;
	height: 50px;
	z-index: 35;
	background-color: transparent;
	border: none;
	color: rgba(0,0,0,0);
	font-size: 100pt;
	cursor: pointer;
}

#checkbox01, #checkbox02 {
    position: absolute;
    transform: scale(2); /* Aumenta el tamaño */
    background-color: transparent; /* Fondo transparente */
    border: 2px solid white; /* Orilla blanca */
    border-radius: 0; /* Hace que el checkbox sea cuadrado */
    z-index: 36;
}

#checkbox01 {
	left: 87px;
	top: 1015px;
}

#checkbox02 {
	left: 84px;
	top: 1072px;
}

label, #num1, #num2, #respuesta {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Roboto Bold */
}

#pregunta-container {
    position: absolute;
    left: 70px; /* Ajusta esto si es necesario */
    top: 720px; /* Ajusta esto si es necesario */
    width: 300px; /* Ajusta esto si es necesario */
    height: 67px; /* Ajusta esto si es necesario */
    z-index: 38;
}

#mensaje {
    position: absolute;
    left: 40px; /* Mismo valor que el div#humano */
    top: 770px; /* Ajusta esto para que esté a la misma altura que el div#humano */
    width: 338px; /* Ajusta el ancho según sea necesario */
    height: auto; /* Permite que el alto se ajuste al contenido */
    color: #fff; /* Color del texto */
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Roboto Bold */
    z-index: 39;
}

#pregunta {
    margin: 0;
    padding: 0;
    font-size: 16px; /* Ajusta el tamaño de fuente según sea necesario */
	z-index: 39;
}

#respuesta {
    width: 40px;
    height: 20px;
	left: 100px; /* Ajusta esto si es necesario */
    background: #036D47;
    border: none;
	z-index: 39;
}

#num1, #num2 {
    background: transparent;
    border: none;
    font-size: 16px; /* Ajusta el tamaño de fuente según sea necesario */
	z-index: 39;
}


#summit {
	left: 238px;
	top: 1279px;
	padding-left: 10px;
	position: absolute;
	width: 441px;
	height: 50px;
	z-index: 35;
	background: transparent;
	border: none;
}