#contactForm{
  padding: 15px;
  margin: 10px auto;
	margin-top: 20px;
  width: 550px;

  border: 1px solid rgb(200, 200, 200);
	border-radius: 10px;
}
  
  #contactForm > .divCajaFechar{
    text-align: right;
  }
    #contactForm #btnFormUser_fechar{
      color: rgb(176, 0, 0);
      font-size: 1.8em;
      cursor: pointer;
    }
    #contactForm #btnFormUser_fechar:hover{
      color: rgb(212, 0, 0);
    }


  #contactForm > .divCajaTitulo{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
  }


  .divCajaTextNome{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
    .campoTexto{
      padding: 8px;
      margin-bottom: 5px;
      box-sizing: border-box;
      width: 100%;
    }




  .divCajaBtnAceitar{
    width: 100%;
    text-align: center;
  }
    .btnForm_Aceitar {
      width: 300px;
      margin: 10px auto;
      background-color: #4caf50;
      color: #fff;
      padding: 10px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    
      animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
    }
        .btnForm_Aceitar:hover {
          background-color: #45a049;
        }






  label {
		display: block;
		margin: 1px 0;
		text-align: left;
		animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
	}

	input {
		animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
	}

	textarea{
		animation: zoomIn 500ms ease-out; /* Adiciona a animação aos inputs */
	}









  
/*------------------ANIMACOES------------------------------*/

    @keyframes zoomIn {
        0% {
          transform: scale(0);
          opacity: 0;
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
    }


/*----CARACTERISTICAS CUANDO PANTALLA CELULAR--------------------------------------*/
    @media all and (max-width: 500px) {
        #contactForm{
          width: 100%;
        }
    }