/*=========== RESET ==========*/

* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; box-sizing: border-box;

font-family: 'Raleway', sans-serif;}

body {color: #777;}

a {text-decoration: none;}

ul {list-style: none;}

img {max-width: 100%;}

/*=========== CONTAINER ==========*/

.container {width: 100%; float: left; padding: 1% 4%; text-align: center;}

.direita {float: right;}

.esquerda {float: left;}

.bloco{width: 100%; margin: auto;}







/*=========== COLORS ==========*/



.bg_degrade {background: url(../img/fundo_1.jpg) repeat-x;}



/* .bg_degrade {background-image: linear-gradient(to bottom, #FFF 70px, #2B3425 71px, #8CA87C 179px, #FFF  180px);} */

.bg-azul {background-color: #2B3425; }

.bg-branco {background-color: #FFF; }

.bg-verde {background-color: #8CA87C;}

.bg-verde-d {background-image: linear-gradient(to bottom, #003040, #005F73); }

.bg-azul-d {background-image: linear-gradient(to bottom, #8CA87C, #A7C396);}

.azul {color: #2B3425; }

.azulE {color: #3E55BE; }

.verde {color: #2B3425;}

.verdeE {color: #003040;}

.branco {color: #fff;}

.border {border: 1px solid #2C276C;}

/*=========== HELPERS ==========*/

.b {font-weight: bold;}

.radius {border-radius: 7px;}

.alinhae {text-align: left;}

.alinhad {text-align: right;}

.espacod {padding-right: 30px;}

.espacob {padding-bottom: 10px;}

.quebra {white-space: nowrap;}

.both {clear: both; }

.w98 {width: 98%;}

.w48 {width: 98%; }

.w66 {width: 98%; }

.w33 {width: 98%; }

.padding {padding: 5px;}

.padding10 {padding: 10px;}

.font-peq {font-size: 9px;}

.font-med {font-size: 14px;}

.font-gra {font-size: 18px;}

.hide {display: none;}

.mostrar-arquivo { padding: 20px 10px; margin: 10px 0px;  cursor: pointer; color: #000; }

.mostrar-arquivo:hover { color: #222; }

.mais { background:url(../img/mais.png) no-repeat 0 0 ; display:block; width:25px; height:25px;  float: left; margin-top: -5px; padding-right: 5px; }

/* CABECALHO */

.cabecalho { width: 100%; float: left;}

.logo {margin-top: 1px; width: 210px; height: 60px; float: left; background: url(../img/logo.png) #fff center center/200px no-repeat; cursor: pointer; font-size: 0;}

.destaque { margin:8px 2px 0 8px; float:right; width: auto; font-size: 0.7em; }

.destaque img {margin: 0px 2px 0 0; width: 20px;}

.btn-menu {width: 50px; height: 50px; float: right; text-align: center; border-radius:56px; cursor: pointer; border: 2px #003040 solid; margin:1px 0 0 3px; }

/* MENU */

.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,20,0,0.9); top: 0; left: 0; z-index:9999;}

.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}

.menu ul {width: 100%; float: left; text-align: center;}

.menu li {padding: 1.5%;}

.menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}

.menu li a:hover {text-decoration: none; }

/* BANNER */

.banner {width: 100%; float: left; padding-bottom: 10px; }

.banner a img {width: 100%; height: auto;}

.dimensao-bloco-destaque {width: 100%; height: auto; overflow: hidden; }

.destaque-principal-banner { width: 100%; height: auto; }

.destaque-slider {width:30px; height:180px; position: absolute; cursor:pointer; z-index: 999; }

#next {	background: url(../img/setad.png); float: left;  margin: 4% 0 0 36%; visibility: hidden;}

#next:hover { background: url(../img/setad.png) 0 -180px;	}

#prev { background: url(../img/setae.png) no-repeat; float:left; margin: 4% 0 0 -38%; visibility: hidden;}

#prev:hover { background: url(../img/setae.png) 0 -180px;}

.conteudo-banner {float: left; }

.titulo-slider {font-size: 2em;	margin: 1.5% 30% 0 0; color:#EEE; padding: 2%;  }

.titulo-slider a{color:#FFF; }

.texto-banner {margin: 2% 0 0 2%; width: 60%; font-size: 1.1em;}

.saiba-mais {font-size: 1.4em;	color:#FFF; padding: 10px; background: #F80; margin: 2% 0 0 24%; float: left; }



/* CONTEUDO */

a {color: #2B3425;  }

a:hover {color: #8CA87C; }



.servico {width: 100%; height: 250px; margin-bottom: 3%;}

.servico img {border-radius: 7px 7px 0 0;}

.conteudo {text-align: left; width: 100%;}

.lateral { padding: 0 0 10px 10px; float: left; width: 100%; }

.inner {float: left;}

.inner h1 {font-size: 0.9em; font-weight: 700; }

.inner-meio { background: #FFF; padding: 1%; float: left; width: 98%; min-height:200px; margin: 0 0 10px 0;}

.noticias {margin-top: 10px; line-height: 1.2em; font-size: 0.8em;  clear: both;}

.noticias a {font-size: 1.2em;}

.registros {clear: both;}

.imgmini {padding: 1%; float: left; }

.h2 {color: #2B3425; font-size:22px; font-weight:900;}

.inner-meio input, .inner-meio select,  .inner-meio textarea { font-size: 0.8em; border: 1px solid #00335A; color: #0373B7; width: 100%; border-radius: 7px; padding: 10px;}

.inner-meio input[type="radio"], .inner-meio input[type="checkbox"] { width: 20px !important;}



.inner-meio button { border-radius: 15px; padding: 15px; font-weight: 900;  cursor: pointer; }

.but {width: auto !important; color: #FFF !important;}

table tr:nth-child(odd) {  background-color: #EEE;}

.descricao {font-size: 14px; text-align: justify;}

.aba-servicos {position: relavive; height: 280px; }

.aba-servicos section {height: 230px; font-weight: bold; line-height: 19px;}

.servico-button  {position: absolute; z-index: 99; margin: 236px 0 0 0; border-radius: 0 10px 0 10px; float: right; font-size: 17px;}

.servico-button:hover {background: #6AE; color: #FFF; }

/*ABAS*/

.abas {position: relative; }

.aba {display: inline; }

.aba a  {float: left; padding: 0.5em 1em; background: linear-gradient(#DDD, #CCC); border-width: 1px; border-style: solid; border-color: #CCC #CCC #FFF; border-top-right-radius: 8px; border-top-left-radius: 8px; font-size: 0.7em; height: 35px;}

.aba:not(:target) a {border-bottom: 0 none;}

.aba:target a, a:hover {background: white;}

.conteudo-aba {position: absolute; width: 100%; left: 0; top: calc(2em + 9px); /* altura do link + bordas */ z-index: -2; border: 1px solid #CCC; background-color: white; border-radius: 0 8px 8px 8px; padding: 10px;  font-size: 0.8em;}

.aba:target .conteudo-aba {z-index: -1;}

.icone_ext { float: left; display:block; width: 40px; height: 40px; }

/* RODAPÉ */

.rodape {width: 100%; float: left; }

.linha {width: 100%; height:2px; margin:10px 0 0 0; display:block;}

.notas {width: auto; margin: 5px 10px 0 0; white-space: nowrap; font-size: 13px;}

.nota {width: 95px; float: left; margin: 5px 10px 0 0;}

.icone2 { display:block; width:27px; height:27px;  float: left; margin-top: -5px;}

.end { background:url(../img/icones.png) no-repeat 0 0 ; height:80px; }

.mail { background:url(../img/icones.png) no-repeat -27px 0 ;}

.tel { background:url(../img/icones.png) no-repeat -54px 0 ;}

.facebook { background:url(../img/icones.png) no-repeat -108px 0 ;}

.instagram { background:url(../img/icones.png) no-repeat -135px 0 ;}

/* TAG */

.taginteractive { width:120px; font-size:8px; text-align:center; margin: 20px 0 0 0; }

.taginteractive a { color:#FFF; font-weight:100;}

.taginteractive a:hover { background-color: #056;}



/* ========== MOBILE FIRST ==========*/

/* SMALL DEVICES - SMARTPHONES */

@media screen and (min-width: 480px) {

.logo {width: 275px; height: 50px; background: url(../img/logo.png) center center/255px #FFF no-repeat; margin-top: 5px;}

.btn-menu {width: 56px; height: 56px; margin:5px 0 0 15px; }

.destaque { margin:15px 3px 0 15px; font-size: 1em; }

.destaque img {margin: -3px 3px 0 0; width: 20px; }

.btn {font-size: 2em;}

.servico {width: 48%; float: left; margin: 1%;}

.taginteractive { float:right;  font-size:12px;}

.tagby {font-size:10px;}

}

/* SMALL DEVICES - TABLETS*/

@media screen and (min-width: 768px) {

.aba a  { font-size: 15px; }

.conteudo-aba {top: calc(35px); font-size: 17px;}

.destaque { margin:14px 3px 14px 20px; font-size: 20px; }

.destaque img {margin: 0px 3px 0 16px; width: 50px; }

.img-inner  {display: block;}

.noticias {font-size: 0.9em; }

.lateral {width: 48%;}

.servico {width: 31%; }

.descricao {min-height: 170px; font-size: 1.2em;}

.inner {width: 98%; }

.w98 {width: 99%;}

.w66 {width: 64%; margin-right: 3%;}

.w48 {width: 48.5%; margin-right: 1%;}

.w33 {width: 32%; margin-right: 1%;}



}

/* MEDIUM DEVICES - TABLETS & DESKTOPS*/

@media screen and (min-width: 900px) {

.logo {width: 330px; height: 90px; background: url(../img/logo.png) #fff center center/320px no-repeat; margin-top: 0px;}

.btn-menu {display: none;}

.btn-close {display: none;}

.menu {width: auto; height: 30px; float: right; display: block !important; background: rgba(0,0,0,0); position: static; margin-top: 11px; }

.menu li {padding: 0; float: left;}

.menu li a {color: #FFF; font-size: 15px; padding: 2px 7px; font-weight:500;  }

.menu li a:hover, .menu-active {border: none; background: url(../img/menu-h.png) center #8CA87C  !important;   }

.formulario {width: 60%;}

.font-peq {font-size: 11px;}

.notas { font-size: 16px; margin: 15px 20px 0 0; }

}

/* LARGE DEVICES - WIDE SCREENS*/

@media screen and (min-width: 1020px) {

.container {width: 100%; float: left; padding: 0px 10px; text-align: center;}

.menu li a {padding: 12px; }

.bloco{width: 990px;}

.banner a img {height: 300px;}

.lateral {width: 320px;}

#next {	margin: 60px 0 0 460px; visibility: visible;}

#prev { margin: 60px 0 0 -490px; visibility: visible;}

.inner {width: 350px; }

.inner-meio {width: 100%; min-height:500px; margin:0 0 0 0;}

.descricao {min-height: 330px;}

}