
div#body{
    background-color: black;
    position: relative; /* ajusta o div ao tamanho dos elementos*/
    color: white; /* cor da font dentro da div */
    font-weight: bold; /* peso da fonte em negrito */
    letter-spacing: 1px; /* espacamento entre as letras */
    border-radius: 15px; /* arredondamento de borda */
    left: 50%; /* DISTANCIA ENTRE A BORDA DO ELEMENTO E A DA PAGINA */
    transform: translate(-50%); /* rotacao do elemento*/
    width: 380px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;

}

fieldset#cadastro{
    width: 360px;       /* define a largura do fieldset */
    border-radius: 15px; /* arredondamento de borda */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-right: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-left: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 15px; /*DISTANCIA entre externa e o elemento externo*/


}


legend#cadastro_titulo{
    font-weight: bold; /* deixa o texto em negrito */   
}

input.cadastro{
    border-radius: 15px;
    padding-left: 6px;
}

/* CAMPO NOME */
div#cadastro_nome_completo {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_nome_completo{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 285px;   /* largura fixa  */
}

/* CAMPO EMAIL */
div#cadastro_e-mail {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_e-mail{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 275px;   /* largura fixa  */
}
/* CAMPO CELULAR */
div#cadastro_celular {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_celular{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 160px;   /* largura fixa  */
}

/* CAMPO ENDERECO */
div#cadastro_endereco {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_endereco{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 250px;   /* largura fixa  */
}

/* CAMPO COMPLEMENTO */
div#cadastro_complemento {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_complemento{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 210px;   /* largura fixa  */
}

/* CAMPO BAIRRO */
div#cadastro_bairro {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_bairro{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 275px;   /* largura fixa  */
}

/* CAMPO CIDADE */
div#cadastro_cidade {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_cidade{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 275px;   /* largura fixa  */
}

/* CAMPO MAE */
div#cadastro_mae {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_mae{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 210px;   /* largura fixa  */
}
label#label_sexo{
    font-size: 14px;
}
/* CAMPO R.G. */
div#cadastro_rg {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_rg{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 120px;   /* largura fixa  */
}

/* CAMPO EXPEDICAO */
div#cadastro_rg_expedicao {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

/* CAMPO R.G. */
div#cadastro_cpf {
    display: block; /* garante que cada div ocupe toda a largura e fique embaixo da outra */
    margin-top: 10px; /*DISTANCIA entre externa e o elemento externo*/
    margin-bottom: 10px; /*DISTANCIA entre externa e o elemento externo*/
    flex-direction: column; /* empilha verticalmente */
}

input#cadastro_cpf{
    letter-spacing: 2px; /* espacamento entre as letras */
    width: 130px;   /* largura fixa  */
}


/* BOTAO CADASTRAR */
div#button_cadastro{
    border: 0px solid red;
    margin-bottom: 5px; /*DISTANCIA entre externa e o elemento externo*/
    text-align: right; /*alinha a para a borda da direita da div */
    margin-right: 20px; /*DISTANCIA entre externa e o elemento externo*/
    margin-top: 20px; /*DISTANCIA entre externa e o elemento externo*/


}
button#cadastrar{
    border-radius: 15px;
    margin-left: 15px;
    letter-spacing: 1px;      /* ESPAÇAMENTO ENTRE AS LETRAS */
    padding: 3px;
}

submit#cadastrar{
    border-radius: 15px;
    margin-left: 15px;
    letter-spacing: 1px;      /* ESPAÇAMENTO ENTRE AS LETRAS */
    padding: 10px;
}

