/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #007BC1;
  --cor_2: #78BFE9;
  --cor_3: #BA9E60;
}
body {background-image: url(../images/bgsite.jpg); background-attachment: fixed;}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: var(--cor_2);}

.line {width: 260px; height: 20px; background-color: var(--cor_1); border-bottom: 10px solid var(--cor_2);}
p {color: #212121; line-height: 30px;}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; padding: 80px 0;  background-image: url(../images/mapa.png); display: table; background-position: bottom center;}
header h2 {text-align: center; color: var(--cor_3); font-size: 1.4em; padding-bottom: 30px;}
header h3 {padding-top: 60px; color: var(--cor_3); font-size: 2em;}
header .logo-brasil {width: 140px; height: 200px; position: absolute; left: 20px; top: 30px; background-image: url(../images/brasil.png);}
header .logo {width: 600px; height: 200px; margin-top: 80px;}
header .direita {padding-top: 60px;}
/*********************************************************/
.servicos {width: 100%; display: table; padding: 80px 0;}
.servicos h1 {color: var(--cor_2); font-size: 2em; padding-bottom: 20px;}
/*********************************************************/
.contato {width: 100%; display: table; padding: 60px 0;}
.contato h1 {color: var(--cor_2); font-size: 2em; padding-bottom: 20px;}

.contato .quadro {width: 100%; display: table; border-bottom: 10px solid var(--cor_2);}
.contato .esquerda {width: 35%;}
.contato .direita {width: 60%;}
.contato iframe {width: 100%; height: 350px;}

.contato .dados li {display: flex; line-height: 30px; color: #212121; padding-bottom: 10px;}
.contato .dados i {padding: 5px 10px 0 0; color: var(--cor_1);}

.contato .social li {display: inline-block; padding-right: 15px; font-size: 1.6em;}
.contato .social li:hover {color: #333;}

/*********************************************************/
footer {width: 100%; text-align: center; padding: 15px 0; background-color: var(--cor_1); display: table;}
footer p {color: #fff; font-size: 0.9em;}
footer a {color: #fff;}
footer a:hover {color: var(--cor_3);}
/*********************************************************/
.legislacao {width: 100%; display: table; padding: 60px 0;}
.legislacao .quadro {width: 70%; margin: auto; background-color: #fff; border-radius: 10px; padding: 20px; border-bottom: 10px solid var(--cor_1);}
.legislacao li {width: 100%; padding: 10px; display: table; border-bottom: 1px dashed #ccc;}
.legislacao li:hover {background-color: #f9f9f9;}
.legislacao i {color: var(--cor_1);}
.legislacao .nome {width: 88%; float: left;}
.legislacao .acesso {width: 10%; float: right; text-align: center; }
/*********************************************************/
.formulario {width: 100%; display: table; padding: 60px 0;}
.formulario .input {width: 100%; padding: 20px; border: 1px solid #f9f9f9; background-color: #efefef; border-radius: 10px; font-family: var(--font_p);}
.formulario .inputtext {width: 100%; height: 140px; resize: none; padding: 20px; border: 1px solid #f9f9f9; background-color: #efefef; border-radius: 10px; font-family: var(--font_p);}
/*********************************************************/