@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
 
.centro{ max-width:1200px; width:100%; margin:0 auto; position: relative;}
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

body{background:url(../img/bg.png) repeat-x top;}
#header{height:135px;  position:relative; width:100%; float:left; clear:both}
 .logo{ display:block; /*width:245px; height:78px;*/ max-height: 106px; /*margin: 21px 0 0;*/ float: left;} 
.phone {float: right; margin: 21px 0 0;} 

/********************** Inicio Menu *******************************/
	
#menu{ height: 48px; width:100%; float: left; background: #6f4a19 url(../img/bg-menu.png) repeat-x; top:110px; position:absolute; z-index:99; border-bottom:2px solid #fff;}
/* #menu ul{padding-left:25px;} */
#menu ul li{ float:left; height: 48px;}
#menu ul li a{ font-size:14px; display: block; height: 48px; padding: 0px 17px; font-family: 'Open Sans', sans-serif; line-height: 48px; color:#fff; font-weight:bold; } 
#menu ul li a:hover{ background: #191311;   border-bottom:none;} 
.divisor{background:url(../img/icones/divisor.png) no-repeat center; width:2px; height:38px !important}
/* #menu, #menu ul li a{-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } */
/********************** Inicio titulos *******************************/ 


/********************** Inicio Conteiner *******************************/

.conteiner{/* background:url(../img/bg/conteiner-bottom.jpg) repeat-x bottom;  */padding-bottom:21px; } 
.conteiner p {line-height: 18px;} 

#painel-home{margin: 0 0 30px;}

.coluna{width:27%; float:left; margin-top:25px;}
.coluna-2{width:46%; float:left;}
.ft{margin-top:-10px;}

.boxe-home{ float:left; width:100%; height:auto; margin-bottom:25px;}
.boxe-home h3{ color:#503008; font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; margin-bottom:5px; text-transform:uppercase}
.boxe-home p{ font-size:12px; }
 
.listahome{margin:5px auto; display:block; width:100%; max-width:440px;} 
.listahome li{float:left; width:33.33333333333333333%; text-align:center}
.listahome li strong{color:#503008; text-transform:uppercase; font-family:"Times New Roman", Times, serif; display:block; margin-top:5px;}

.sec-home {background: url(../img/bg-featured.jpg) no-repeat 50% bottom; min-height: 374px; position: relative;}
.executivos {position: absolute; left: 34%; bottom: 0; width: 31.2%;}
.colh {float: left; width: 31%;}
.coln {float: right; width: 34%;}

.tt-atuacao {text-align: center;}
.list-atuacao {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.list-atuacao li {float: left; width: 18%; margin: 0 .6%; text-align: center; padding: 0 10px; box-sizing: border-box;}

.bxc1 h2,
.coln h2 {font-family: 'Open Sans', sans-serif; font-size: 26px; text-transform: uppercase; font-weight: 600;}
.bxc1 p {font-size: 14px; padding: 5px 0 0;}
.bxc1 {padding: 20px 0 20px 60px; position: relative;}
.bxc1 img {position: absolute; left: 0; top: 20px;}

.bx-not {background: #fbeece url(../img/border-not-home.png) repeat-y 0 0; padding: 20px 20px 20px 40px; margin: 20px 0 0;}
.list-not-home li {padding: 5px 10px 10px 0; border-bottom: 1px dotted #d3af60; font-size: 14px;}
.list-not-home span {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold;}
.bnot {display: inline-block; background: #694d15; padding: 10px; text-transform: uppercase; margin: 15px 0 0; border-bottom: 3px solid #3f2e0d; color: #fff;}

.b {border: 0; border-top: 2px dotted #e1bc6a;}

.tt-atuacao {background: url(../img/bg-atuacao.png) no-repeat 50% 0; font-family: 'Open Sans', sans-serif; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 10px 0 30px; padding: 7px 0 0;}
.sec-atuacao {background: url(../img/brush-atuacao.png) no-repeat 50% bottom; padding: 0 0 60px;}
.list-atuacao p {color: #6a4e16; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 24px; padding: 10px 0 0;}

/********************** Inicio Interna *******************************/
.wrap-int {background: url(../img/bg-int.png)  repeat-x;}
.content {padding: 50px 24px 24px; background: #fff; font-size: 14px;}
.content p {padding: 18px 0 0; font-size: 14px;}

.tt {background: url(../img/bg-tt.png) repeat-x left bottom;     font-family: 'Open Sans', sans-serif; font-size: 23px; color: #58370d; font-weight: bold; text-transform: uppercase; padding: 20px 0 6px;}

.col {float: left; width: 66.9%;}
.side-serv {float: right; width: 21%;}
.side-serv img {padding: 3px; border: 1px solid #ccc;}

.topic {font-weight: bold; border-bottom: 1px dotted #d2ab65; padding: 18px 0 0;}
.list-serv {padding: 20px 0 0;}
.list-serv li {background: url(../img/square.png) no-repeat 0 5px; padding: 0 0 0 10px; margin: 0 0 5px; line-height: 18px; font-size: 14px;}


.tb-agenda {font-size: 13px; border-spacing: 2px; width: 100%; margin: 18px 0 0;}
.tb-agenda td {border: 1px solid #ccc; padding: 4px;}
.tt-td {background: #f6eddf; font-weight: bold; text-align: center;} 
.tt-td-z {background: #e8e8e8;}

.list-not {padding: 18px 0 0;}
.list-not li {position: relative; padding: 15px 0 15px 60px; border-bottom: 1px dotted #896a33;}
.list-not li:last-child {border-bottom: 0;}
.list-not li h2 {font-weight: bold;}
.list-not li p {padding: 6px 0 0;}
.data {background: #e4c373; position: absolute; padding: 8px; left: 0; top: 10px; font-weight: bold;}


.links li {float: left; list-style: none; height: 175px; width: 205px; text-align: center; margin: 10px;}
.links li table {border: 1px solid #D2D2D2; height: 120px; width: 100%; text-align: center; }
.links li table td {vertical-align: middle;}
.links li span{display:block; margin-top:10px; font-size:14px; text-align:left}

ul.box-publicacoes li { float:left; border:2px #f5efe5 solid; margin:0 15px 15px 0;}
.wrap-indicadores table {width: 100% !important;}
.wrap-indicadores tr:first-child {background: #efefef;}
.wrap-indicadores table td {background: none !important; border-top: 1px dotted #ccc; padding: 5px; font-size: 12px !important;  }

/*---------------------- Formulários --------------------*/
/*---------------------- FALE-CONOSCO -------------------*/
#form {width: 70.8%; float: left; padding: 20px 0 20px 0;}

#form label { display: block; float: left; padding: 0 0 20px 0; min-height: 50px; }

#form label span, 
#form div span {display: block; padding: 0 0 5px 0;  font-size: 14px; color: #67390c; font-weight: bold;}
#form div {font-size: 12px;}

#form .cmp,
#form select,
#form textarea {background: #FFF;  border: 1px solid #ccc; width: 100%; padding: 0;}

#form .cmp-maior {width: 100%;}
#form .cmp-menor {width: 48%;}

#form .cmp {height: 29px; }
#form select {  height: 33px;}
#form textarea { height: 199px;}

.btn-enviar {float: right; color: #fff; text-transform: uppercase; background: #7c4917; height: 30px; width: 100px; border: 0; cursor: pointer;}

.internas .ierror {color: #f00; font-size: 10px; padding: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

/*Footer Rodapé*/
#footer{ background: #291a08; height:auto; color:#FFF; padding:15px 0 0 0; border-top:8px solid #d1ac68;}
#footer address,
#footer address a { text-align: center; font-family: Arial, sans-serif; font-size:14px; color: #fff;} 
.rodape{font-family: Arial, sans-serif; font-size: 12px; display:block; width:100%; background: #191311; text-align:center; color:#fff; height:auto; padding:5px 0; margin-top:20px;}
.pratica {background: url(../img/pratica.png) no-repeat left top; float:right; height: 19px; width: 65px; margin-top:10px; position: absolute; bottom: 10px; right: 10px;} 

.tac {text-align: center;}


.tb {border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.tb td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}
.tt-tb {background: #eee;}

.tb-rwd {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
 


/********************** Responsivo *******************************/
.fr, #form .lr {float: right;}
img {max-width: 100%;}
.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }

.suport {display: none;}
/* clearfix */
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}


#menu ul li a span {
	display: none;
}

.fecharMenuMobile {
	text-align: right;
	display: none;
}

.fecharMenuMobile button {
	cursor: pointer;
	border: 0;
	background: none;
}

@media only screen and (max-width: 1200px) {

	.content {padding: 24px;}

.pull {display: block; float: right; padding: 0 40px 0 0; }
	/*.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	*/
	.off-canvas {left: 0 !important;}

	.fecharMenuMobile {
		display: block;
	}

	#menu {
		background: #fff; 
		position: fixed; 
		left: -100%; 
		top: 0;  
		z-index: 99999; 
		width: 100%; 
		height: 100%; 
		overflow-y: scroll; 
		overflow-x: hidden;
		transition-property: left; 
		transition-duration: 0.5s; 
		transition-timing-function:  ease-in-out; 
		margin: 0;  
		border-radius:0px;
		padding: 10px;
		box-sizing: border-box;

	}
	#menu ul{padding-left:0px !important}
	#menu ul li {
		width: 100%; 
		display: block; 
		float: none; 
		height: auto; 
		border-bottom: 1px solid #ddd;
	}

	#menu ul li a {
	text-align: left;
    color: #171717;
    font-size: 1.3em;
    height: auto;
    font-weight: 500;
    line-height: 45px;
    padding: 0 10px;
	} 

	#menu ul li a:hover {
		background: #fafafa;
	}	

	#menu ul li a img {
		display: none;
	}

	#menu ul li a span {
		display: inline;
	}

	/*#menu ul li a:hover{ height:auto !important; border:none; border-radius:0px; margin:0px !important; height: auto;padding:10px 5px;} 
 */

 .divisor{display:none !important;}
.barratopo{position:fixed; display: block; position: fixed; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index: 1001; background: #715316; background: linear-gradient(to top, #715316, #6a4e16); }	
.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
.barratop .suport {right: auto; left: 20px;}
.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}	
	
	body {background-position: 0 15px;}
	#header{height:auto; padding: 35px 20px 20px; width: auto; float: none;}
	.conteiner{padding:15px;}
	#footer{background-position:bottom}
	#footer address{margin-left:15px;}
	.pratica{margin-right:15px;}
	.listahome li img{width:90%;}
	}
@media only screen and (max-width: 925px) {
	.executivos {display: none;}
	.colh,
	.coln {width: 48%;}
	.sec-home {min-height: auto; background: none;}
	.pratica{display: block; float: none !important; clear: both; margin: 10px auto; position: relative;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 780px) { 



.col {float: none; width: auto;}
.side-serv {display: none;}

.tb-rwd {overflow-x: scroll;}

#form,
	#form .cmp-menor {width: 100%; float: none;}

.coluna, .coluna-2{width:100%;}
.boxe-home img { width:170px; float:left;margin: 0 15px 0 0;}
.boxe-home p { padding: 1em 0 0; }

.ft{display:none;}		
#form{width:97%}
#form textarea, #form label,#form input[type=email], #form input[type=tel], #form input[type=text]{width:100% !important; } 
#form input[type=submit]{width:100px !important; }	

	.rodape{padding:5px 15px; width:auto}

	.list-atuacao {text-align: center;}
	.list-atuacao li {width: 30%; display: inline-block; float: none; vertical-align: top; margin: 0 0 20px;}

	.phone {display: none;}
	.logo {float: none; text-align: center;width: auto;}
	.suport {display: block; right: auto; left: 10px;}
	}


@media screen and (max-width: 600px) {
	body {background-position: 0 5px;}
	.phone img {width: 130px;}

	#header {
		padding-top: 40px;
		padding-bottom: 0;
	}


	.logo {width: auto; height: auto; padding-top: 5px;}
	.logo img {width: 250px;}

	.colh,
	.coln {float: none; width: auto;}
	.tt-atuacao {font-size: 18px;}

	.list-atuacao li {width: 45%;}

	.topbnr {display: none;}

	.bxc1 h2, .coln h2 {
		font-size: 18px;
	}

	.list-atuacao p {
		font-size: 16px;
	}

	.sec-atuacao {
		padding-bottom: 20px;
	}

	.tt {
		padding-top: 0;
	}

	.links li {
		height: auto;
		margin-bottom: 20px;
	}

	.links li span {
		text-align: center;
	}

	ul.box-publicacoes li {
		display: block;
		text-align: center;
		float: none;
		margin: 0 0 20px;
	}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 470px) {
		#footer address{width:94%; margin:5px 3%; text-align:center}
		.pratica{margin-top:15px;}
		}		
		

/********************** Classes úteis *******************************/
.bt-efeito:hover, .listahome li img:hover{opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0;	clear:both;	padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#333; text-decoration: none;	border:1px solid #1a5764; line-height:20px;	padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a.anterior{margin-left:0;}
#paginacao p {padding: 0;}
#paginacao strong{background:#1a5764;border:1px solid #1a5764;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */