*{padding:0; margin: 0; font-size: 18px; text-decoration: none; list-style: none; background-color: black; color:#fdc419; 
    text-align: center; display:flexbox;}

body{background-color:black}
label{font-size: 12px;}

#geral{max-width: 1200px; height: auto; overflow: hidden; margin: auto; background-color:black;}

p{line-height: 40px;}

/*-------TOPO DO SITE--------------*/

#topo{width: 100%; height: 100px; float:left; background-color: black;}
.logo{width:160px; float:left; margin:20px 20px 20px 0px;}
.links_top{width: auto;float:right; height: auto; margin: 40px 5px; padding-right: 10px; color:aquamarine; background-color:black; font-size: 16px;}
.links_top:hover{color:#fdc419}


/*-------FIM DO TOPO DO SITE--------------*/


/*------- INÍCIO DO MENU DO SITE ---------*/

#menu{ width: 100%; height: 40px; float: right ;background-color: black ;padding:auto; margin-bottom: 20px;}
.links_menu{width:100%; text-align:center; vertical-align: center; align-items: center;padding-left: 140px;}
.links_menu li a{width: auto; float:left; height:auto; color:aquamarine; background-color: black; padding: 6px 13px; font-size: 24px;}
.links_menu li a:hover{color:#fdc419}


/*------- FIM DO MENU DO SITE ---------*/


/*-------- INICIO DO CONTEÚDO DO SITE-------------*/

#conteudo{width: 96%; min-height: 700px; background-color:black;}
h1{font-size: 45px; color:#fdc419; padding: 20px 10px 20px 10px; }
h3{font-size: 30px; color: white; padding: 10px 10px 20px 10px;}
h4{font-size: 30px; color: #fdc419;padding: 20px 10px 20px 10px;}


/*-------- FIM DO CONTEÚDO DO SITE-------------*/


/*-------- INICIO DO RODAPÉ DO SITE-------------*/

#rodape{ width: 30%; height: auto; float: left; background-color:black; margin: 30px 30%; color:aquamarine; 
    padding: 5px; text-align: center; align-items: center;}
.rodape_logo{width: 80px; vertical-align: center; float: left; padding: 20px 2px 20px 30px; margin: auto;}
.rodape_line{color:aquamarine ;vertical-align: center; float: left; margin-left: 20%; height: auto; padding:10px 2px 10px 1px; 
    margin: 15px 1px 15px 15px; vertical-align: center;}
.rodape_line:hover{color: #fdc419;}



/*-------- FIM DO RODAPÉ DO SITE-------------*/

/*--------- INICIO FORMULARIO PESQUISA ------*/

#pesquisa{width: 90% ;max-width: 1200px; height: auto; overflow: hidden; margin: auto; background-color:black;}
.form {align-items: center; margin-left: 5em; margin-right: 5em;}
.field{width: 95%; margin-bottom: 1em; padding: 1px; border-color: #fdc419; }
.labeltitle{font-size: 25px;color:white; letter-spacing: 0.1em; margin-bottom: 1em; margin-top: 2em; padding: 3px 20px; 
    line-height:40px; text-align: right;}
.radio{size: 25; color:#fdc419; letter-spacing: 0.1em; padding: 5px 100px; margin: 8px; line-height: 30px; font-size: 20px; 
    display:block; align-items: left; 
    text-align: left; display: inline-flexbox;}
strong{color:#fdc419; font-weight: bold;}
.enviar1{text-align: center;padding:3px}
.enviar{ color:white; font-size: 18px; font-style: oblique;
    border-color: #fdc419; margin: 4px; padding: 4px; border: 2px 2px 2px 2px; align-items: center; font-weight: bold;
     text-align: center;}
.enviar:hover{border-width: 2px; border-color: aquamarine;}
button:hover{transform: scale(1.1) ;}
#rp3{margin: 20px; font-size: 25px;; background: rgb(35,37,39);}
option{font-size: 18px; color:aquamarine; background-color: black;}
select{color:aquamarine; font-size: 25px; line-height: 30px;margin: 10px; padding:5px;}
select:hover{color:#fdc419;}
.radio:hover{text-transform: uppercase; color:aquamarine;}
.estadosuf{text-align: left;}
select:hover{background-color: rgb(39, 34, 34);}
select .estadosuf:hover{color:#fdc419;}
form fieldset:hover{border: 2px solid aquamarine;}
input{size: 25px;}
.boxtext{font-size: 12px; size:auto}



/*--------- FIM DO FORMULARIO PESQUISA ------*/


/*--------- INÍCIO DO CONTEÚDO DA PÁGINA SOBRE ---------------*/

#sobre{width: 96%; min-height: 700px; background-color:black;}
.post_fb{width: 50%;}
.p2{font-size: 25px; padding: 10px; margin: 10px; line-height: 1.7em;}



/*----------- FIM DO CONTEÚDO DA PÁGINA SOBRE ----------------*/

/* APARELHOS MÓVEIS */

@media	(max-width:	770px)	{


    #geral{width: 95%; height: auto; overflow: hidden; margin: auto; background-color:black;}
    #menu{ width: 96%; height: 20px; float: right ;background-color: black ;padding:auto; margin-bottom: 20px;}
    #conteudo{width:auto; height: auto; background-color:black;}
    #pesquisa{ width: 96% ;max-width: 1200px; height: auto; overflow: hidden; margin: auto; background-color:black;}
    .form {align-items: center; margin-left: 5em; margin-right: 5em; width: 100%;}
    #rodape{ width: 96%; height: auto; float: left; background-color:black; margin: 4px; color:aquamarine; }
    h1{ font-size:25px;padding: 20px 5px 10px 5px;; line-height: 25px;}
    h3{font-size: 19px; color: white; padding: 8px 5px 10px 5px;line-height: 25px;}
    h4{font-size: 19px; color: #fdc419;padding: 20px 5px 10px 5px;line-height: 25px;}
    .p2{font-size: 20px; padding: 10px; margin: 5px; line-height: 30px;}
    .field{width: 96%; margin-bottom: 1em; padding: 1px; border-color: #fdc419; }
    .labeltitle{font-size: 12px;color:white; letter-spacing: 0.1em; margin-bottom: 1em; margin-top: 2em; padding: 1px; line-height:10px;}
    .links_menu{width:100%; text-align:center; vertical-align: center; align-items: center;padding-left: 15px;}
    .links_menu li a{width: auto; float:left; height:auto; color:aquamarine; background-color: black; padding: 6px 5px; font-size: 12px;}
    .links_top{width: auto;float:right; height: auto; margin: 10px 3px; padding: 20px 5px 20px 3px; color:aquamarine; background-color:black; 
        font-size: 12px;}
    .logo{width:100px; float:left; margin:20px 20px 20px 0px;}
    select{color:aquamarine; font-size: 15px; line-height: 30px;margin: 10px; padding:5px;}
    .rodape_logo{ padding: 10px 2px 20px 30px; margin: auto;}
    .rodape_line{height: auto; padding:3px 1px 3px 1px; margin: 5px 1px 5px 5px; font-size: 8px;}
    .radio{size: 5; color:#fdc419; letter-spacing: 0.1em; padding: 6px 2px; margin: 8px; line-height: 30px; font-size: 10px;}
    .post_fb{width: 80%;}
    #rp7 {width:25%; font-size: 10px;}
    fieldset div label label input{font-size: 10px; size:10px;}
    .boxtext{font-size: 10px; size:10px;}
    body{width:100%;}
    input{size: 14px;}
    strong{font-size:14px;}
    .enviar{ font-size: 11px;}

}