@charset "utf-8";
/* CSS Document */

/*
cor marrom escuro - #6e100e; 
cor marrom médio - #71100f;
cor marrom claro - #871412;
*/

*{border:none; resize:none; box-sizing:border-box; outline:none;}
a{text-decoration:none;}
body{margin:0; padding: 0;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 300;}
p, li{font-family: 'Archivo Narrow', sans-serif;}
/* ul{ width: 100%; } */
.largura-site{width: 98%; max-width: 1000px; margin: 0 auto;}

.circulo-jur, .bt-equipe, .util, .bot-noticias, .contato, button {transition: all 300ms; -webkit-transition:all 300ms;}

#faixa-menu{width:100%; background:#6e100e; overflow:hidden;}
#menu{display:flex; list-style:none; padding:0; }
#menu li{flex-grow:1; text-align:center; position:relative; cursor:pointer;}
#menu li:before{content:""; position: absolute; width: 100%; height: 0; background:#871412; transition:all 300ms; bottom: 0; left: 0;}
#menu li a{display:block; font-family: 'Oswald', sans-serif; color:#ffffff; font-weight: 300; font-size: 18px; line-height: 80px; position:relative; z-index:10; text-transform:uppercase;}
#menu li:hover:before{height: 100%; background:#871412;}

nav{width:100% !important;}
#control-nav{display: none;}
.control-nav{display: none;}
.control-nav-close{display: none;}

#logo{width:100%; max-width:218px; margin:0 auto; padding:15px 0;}
#slogan{width:96%; max-width:500px; margin:0 auto; text-align:center; border-top:3px solid #871412; border-bottom:3px solid #871412; font:300 30px 'Oswald', sans-serif; text-transform:uppercase; color:#333333; padding:10px 0;}
#slogan span{color:#71100f; }

#banner{ width:100%; min-height: 495px; position:relative; margin-top:30px;}
#banner img{ object-fit: cover; height: 495px; }
#banner:before{position: absolute; content: " "; width: 100%; height: 100%; background: rgba(99,79,70,0.2); top: 0; left: 0; z-index: 900;}

#contato-home{width:60%; margin:0 auto; padding:10px; background:#FFFFFF; position:relative; top:-60px; z-index:999; text-align:center;  border-bottom:5px solid #871412;}
#contato-home h1{color:#71100f; margin:0; }
#contato-home p{font:300 40px 'Oswald', sans-serif; color:#871412; margin:0;}

#faixa-blocos{background: #6e100e;}
.faixa-blocos{display: flex; justify-content: space-between; flex-wrap: wrap;}
.bl-home{width: 23%; text-align:center; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;}
.bl-home h2, .bl-home p {color:white; width: 100%;}
.circulo-jur{background: rgba(255,255,255,0.4); border-radius: 50%; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; } 
.circulo-jur:hover{background: rgba(255,255,255,0.8);} 
.icon-jur{color: #71100f; font-size: 40px !important;} 

#fd-conteudo{width:100%; background-image:url(../imagens/textura.png); padding:30px 0;}
.txt-blocos{display:flex; justify-content:space-between; flex-wrap:wrap;}
.colunas{width:48%; padding:20px 0;}
.txt-blocos h1{color:#333333; margin:0; width:100%;} 
.txt-blocos .marg{margin-bottom: 25px;} 
.txt-blocos h1 span{color:#71100f;} 
.txt-blocos p{color: #333333; text-align: justify; margin: 4px 0;}
.txt-blocos .txtprincipal{line-height: 22px; margin: 24px 0;}
.txt-blocos .subtitulos{font-weight: bold; margin-top: 15px;}
.img01{background:url(imagens/img-home.jpg) center; min-height: 240px;}
.bt-equipe{width: 100%; line-height: 50px; background:#71100f; color: #ffffff !important; display: block; text-align: center; margin-top: 20px; font-family: 'Archivo Narrow', sans-serif; font-size: 16px; }
.bt-equipe:hover{background:#871412;}
.fd-textos-conteudo{background:#e8e3dd;}

.corpo-juridico{background: #ffffff; margin-top: 25px; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; padding: 10px;}
.cj{width: 45%; padding: 10px; border:1px solid #871412; margin: 10px 0;}
.cj .fotoadv{width: 100%; min-height: 50px;}
.corpo-juridico h3{background: #71100f; color: #ffffff; text-align: center; line-height: 35px; }
.contato{padding-top: 15px; color: #71100f; font-family: 'Archivo Narrow', sans-serif; font-size: 16px; display: inline-block; }
.contato:hover{color: #333333;}

#fd-utilitarios{width:100%; background:#871412; padding:20px 0; }
#utilitarios{display:flex; justify-content:space-between; flex-wrap:wrap;}
.util{width:23%; background:#6e100e; text-align:center;}
.util:hover{background:#71100f;}
.util:hover h2, .util:hover p{color:#ffffff;}
.util h2{color:#ffffff; text-transform: uppercase; }
.util p{color:#ffffff; width: 90%; margin: 20px auto 35px; }

#noticias{display: flex; flex-wrap: wrap;}
#noticias h1{width: 100%; color:#71100f;}
.notUni{flex: 1 472px; margin: 30px 10px;}
.notUni .tituloNot{font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 18px; line-height: 36px;}
.notUni .data{background: #871412; color: #ffffff; padding: 10px; text-align: center; margin-right: 10px; font-size: 14px;}
.notUni .descricao{color: #333333; font-size: 14px;}
.bot-noticias{background: #6e100e; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px; line-height: 28px; padding: 10px; display: inline-block; }
.bot-noticias:hover{background: #71100f;}
.linha {border-top: 1px solid #6e100e; width: 100%; margin: 10px 0 20px; text-align: right; align-self: flex-end;}

#mapa iframe { pointer-events: none; }

.divformulario { font-family: sans-serif; }
.divformulario *:not(.fa) { font-family: inherit; }

#formcontato { width: 100%; }
#formcontato input, #formcontato textarea { width: 100%; resize: none; padding: 10px; margin: 2px 0; border-radius: 3px; border: 1px solid #ddd; color: #999; }
#formcontato input:focus, #formcontato textarea:focus { color: #333; }
#formcontato button { background: #6e100e; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px; line-height: 28px; padding: 10px; display: inline-block; cursor: pointer;}
#formcontato button:hover { background: #71100f; }
#formcontato #loading { font-size: 12px; }

#result { padding: 15px; margin: 20px 0; display: none; border-radius: 3px; }
.error { color: #a94442; background-color: #f2dede; border: 2px solid #ebccd1; }
.success { color: #3c763d; background-color: #dff0d8; border: 2px solid #d6e9c6; }

.rodape{width:100%; background:#6e100e; padding:30px 0; text-align:center; color: #ffffff;}

@media screen and (max-width:999px){
    .cj{width: 49%;}    
}

@media screen and (max-width:767px){
    .bl-home{width: 48%;}
    .colunas{width:100%;}
    .util{width:49%; margin: 10px 0;}
    .cj{width: 100%;}

    nav{width: 100%; height: 100%; position: fixed; z-index: 10000; top: 0; right: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .9); -webkit-transform: translate(100%, 0); transform: translate(100%, 0);  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    #menu {width: 50%; flex-direction: column; position: relative; z-index: 1000; background: none;}
    #menu a{line-height: 45px !important;}
    
    .espaco-menu{ padding-right: 10px; align-items: center; justify-content: space-between; width: 100%;}
    .control-nav {display: block; cursor: pointer; color: #ffffff; padding: 20px; margin-bottom: 0 !important;}
    .control-nav-close {width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 0; color: rgb(255, 255, 255); opacity: 0; -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    #control-nav:checked ~ .control-nav{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
    #control-nav:checked ~ nav .control-nav-close{opacity: 1; z-index: 1000; display: block;}
    #control-nav:checked ~ nav{-webkit-transform: translate(0, 0); transform: translate(0, 0);}        
}

@media screen and (max-width:599px){
    #contato-home{width:90%;}
}

@media screen and (max-width:479px){
    .bl-home{width: 100%;}
    .util{width:100%;}
}