@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
html, body, h1, p, a, div, section, img { margin: 0; padding: 0; border:0; text-decoration:none;}
/* Basic */
body {font: 62.5%; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:16px;}
.clear{clear:both;}

#pop{display:block;position:absolute;padding:10px;max-width: 90%; z-index: 9999;position:absolute;top:10%; right: 20%; margin: 0 auto;}
#pop .fechar{ padding: 5px; background: #faa731; color: #FFF; float: right; }
#pop p{ padding: 15px; background: #faa731; color: #000; max-width:500px; text-align:justify;}

.extrabanner{width:100%; height:400px; float:left;}
.extrabanner img{display: none;}
.servicoBanner{width:100%; float:left;}
.servicoBannerm{width:100%; float:left; display: none;}
@media screen and (max-width: 1000px){
.servicoBanner{display: none;}
.servicoBannerm{display: block;}
}
@media screen and (max-width: 800px){
.extrabanner{width:100%; height:auto; float:left;}
.extrabanner img{display: block; width: 100%;}
}

/* --------------------------- TOPO ------------------------------*/
.topo{width:100%; float:left; background:#FFF;}
.topo .meio{max-width:1024px; padding:15px 10px; margin:0 auto; text-align:center;}
.topo .logo{ max-width: 100%; margin: 0 auto;display:inline-block; vertical-align:bottom;}
.topo .logo img{ max-width: 100%; }

.topo .whatsapp{ max-width: 100%; margin: 0 auto; padding: 5px 0; display:inline-block; vertical-align:bottom;}
.topo .whatsapp span{ padding: 5px 10px; background: #017a35; color: #FFF; font-size: 22px; border-radius: 5px;}


.topo .dropdowns{text-align:center; display:inline-block; vertical-align:bottom; width:50%;}
.topo .dropdowns ul{padding:0; margin: 0; width:100%; text-align:center;}
.topo .dropdowns ul li{list-style:none; display:inline-block;padding:0; margin: 0;}
.topo .dropdowns ul li a{padding:7px 15px; color:#017a35; text-align:center; font-size:18px;}
.topo .dropdowns ul li ul{width:230px; background: hsla(146,98%,24%,0.85); padding:5px; z-index: 999; border-radius: 5px; margin-left: -51%;}
.topo .dropdowns ul li ul li{width:100%;} 
.topo .dropdowns ul li ul li a{display:block; color: #FFF; padding:5px 10px; border-bottom:1px solid #FFF;}
.topo .dropdowns ul li ul li a:hover{background:#FFF; color: #017a35;}
@media screen and (max-width: 1000px){
.topo .dropdowns ul li a{padding:7px 5px; }
}
@media screen and (max-width: 750px){
.topo .dropdowns{float: right; width: 100%; margin:0; text-align: center;}
.topo .dropdowns ul{padding:0; width:100%; text-align: center;}
.topo .dropdowns ul li ul{border: 0; padding: 0 ; margin-left: 0;}
.topo .logo{ width: 100%;}
.topo .logo img{ max-width: 100%; margin:15px auto; float:none; display:block; }
.topo p{ width: 100%; text-align:center; margin-top:5px;}
.topo p span{display:inline-block; text-align:right; font-size:14px; padding:3px 0; color:#FFF;}
.topo form{width:100%; margin-top:0;}

}
@media screen and (max-width: 700px){
.topo .logo{ max-width: 100%; margin:0 auto; float:none; display:block; }
.topo .toggleMenu{width:100%; padding:10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background:#017a35; color:#FFF;}
.topo .dropdowns {margin: 5px;}
.topo .dropdowns ul{float:right; padding:0; width:100%; background:#017a35;}
.topo .dropdowns ul li{float:right; padding:0; width:100%;}
.topo .dropdowns ul li:first-child{ border-top:1px solid #CCC;}
.topo .dropdowns ul li.sep{display: none;}
.topo .dropdowns ul li a{padding:7px 10px; color:#FFF; text-align:left; font-weight: 400; font-size:16px; background:#017a35; border-bottom: 1px solid #CCC;}
.topo .dropdowns ul li a:hover{ border-bottom: 1px solid #FFF; color:#FFF;}
.topo .dropdowns ul li ul{width:100%;}
.topo .dropdowns ul li ul li a{color: #017a35; background: #FFF;display:block;margin-top:0;padding:10px;box-shadow: none; font-size:16px;}
}

/* --------------------------- MENU ------------------------------*/
.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a  {margin: 0; padding: 0;}
.dropdowns a {text-decoration: none;}
.toggleMenu {display:  none;}
.nav {list-style: none; *zoom: 1;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none;}
.nav li { position: relative;}
.nav > li {}
.nav > li > a {display: block;}
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;position: relative;z-index:100;}
.nav li li li a {z-index:200;}
@media screen and (max-width: 450px) {
.active {display: block;}
.nav > li {float: none;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
}

/* --------------------------- BANNER ------------------------------*/
.bnMapa{width: 100%; height: 400px; float: left; margin: 0 auto;}
.bnMapa iframe{width: 100%; height: 400px; float: left; margin: 0 auto;}

.banner{width:100%; float:left; padding:0; margin:0; text-align:center;}
.banner .b1{display:block; }
.banner .b2{display:none;}
.banner p{ float:right; color: #faa731; font-size:24px; text-align:center; padding:20px; width:100%; position:absolute; z-index:9999; max-height:100px; top: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.banner p strong{ color: #FFF; font-size:46px; }
.banner .flex-active-slide p .t1{ animation-duration: 2s; animation-name: slidein3;}
.banner .flex-active-slide p .t2{ animation-duration: 2s; animation-name: slidein;}
@media screen and (max-width: 1050px){
.banner p{font-size:26px; }
.banner ul li.imagem{width:100%; height:auto; float:left; text-align:center;}
.banner .flex-active-slide p .t1{ animation-duration: 2s; animation-name: slidein4;}
.banner .flex-active-slide p .t2{ animation-duration: 2s; animation-name: slidein2;}
}
@media screen and (max-width: 800px){
.banner{width:100%; float:left; padding:0; margin:0; text-align:center;}
.banner .b1{display:none;}
.banner .b2{display:block;}
}
@media screen and (max-width: 700px){
.banner p{ display:none; }
.banner .flex-active-slide p{display:none; animation-name:none; }
}
@keyframes slidein {
  from { display: none; font-size:0;}
  to { display: block; font-size:24px;}
}
@keyframes slidein2 {
  from { display: none; font-size:0;}
  to { display: block; font-size:16px;}
}
@keyframes slidein3 {
  from { display: none; font-size:0;}
  to { display: block; font-size:46px;}
}
@keyframes slidein4 {
  from { display: none; font-size:0;}
  to { display: block; font-size:20px;}
}

/* --------------------------- CAROUSEL ------------------------------*/
.carousel{width:100%; text-align:center; float:left; background:#017a35; padding:50px 10px; box-sizing: border-box;}
.carousel h2{ color:#FFF; font-size:36px; margin: 0 auto; width: auto; max-width: 1024px;  background:url(../imagens/bg_title_branco.jpg) repeat-x center center; text-align: center;}
.carousel h2 span{ color:#FFF; font-size:36px; margin: 0 auto; width: auto; background: #017a35; padding: 10px 20px;}
.carousel .faixa_imagens{ max-width: 1024px; padding:10px 0 0; margin:0 auto; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.carousel .faixa_imagens .box{width:25%; text-align:center; padding:0; margin:20px 20px 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.carousel .faixa_imagens .box img{max-width:80%; margin:0 auto; border-radius:50%;}
.carousel .faixa_imagens .box a{color:#FFF;}
.carousel .faixa_imagens .box a h3{font-size:18px;color:#FFF; font-weight:400; line-height:20px; padding:10px; margin:0; height:60px; width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
@media screen and (max-width: 750px){
.carousel .faixa_imagens{max-width:80%;}
}
@media screen and (max-width: 750px){
.carousel h2{font-size:26px;}
}
@media screen and (max-width: 600px){
.carousel .faixa_imagens{max-width:70%; }
}

/* --------------------------- esocial ------------------------------*/
.esocial{width:100%; float:left; background:#000; padding:20px 0; border-top: 5px solid #017a35; border-bottom: 5px solid #017a35;}
.esocial .meio{max-width:1024px; padding:5px 10px; margin:0 auto; text-align:center;}
.esocial .meio .b1{padding: 10px; display: inline-block; box-sizing: border-box; width: 25%; vertical-align: middle;}
.esocial .meio .b1 img{max-width: 100%;}
.esocial .meio .b1 a{display: inline-block; padding: 10px; background: #017a35; color: #FFF; border-radius: 5px;}
.esocial .meio .b2{padding: 10px; display: inline-block; box-sizing: border-box; width: 50%; vertical-align: middle;}
.esocial .meio .b2 p{color: #FFF; text-align: justify;}
@media screen and (max-width: 700px){
	.esocial .meio .b1,.esocial .meio .b2{width: 100%;}
}
/* --------------------------- HOME cesta basica ------------------------------*/
.homeEmp{width:100%; float:left; background:#FFF; padding:20px 0;}
.homeEmp .meio{max-width:1024px; padding:5px 10px; margin:0 auto; text-align:center;}
.homeEmp .meio h2{ color:#017a35; font-size:36px; margin: 0 auto; width: auto;  background:url(../imagens/bg_title.jpg) repeat-x center center; text-align: center;}
.homeEmp .meio h2 span{ color:#017a35; font-size:36px; margin: 0 auto; width: auto; background: #FFF; padding: 10px 20px;}
.homeEmp .meio .coluna{display: inline-block; padding: 10px; box-sizing: border-box; width: 50%; text-align: justify; vertical-align: top;}
@media screen and (max-width: 700px){
	.homeEmp .meio .coluna{width: 100%;}
}

/* --------------------------- EMPRESA ------------------------------*/
.empresa2{width:100%; float:left; padding:0;}
.empresa2 .meio{max-width:1024px; padding:20px 10px; margin:0 auto;color: #FFF;}
.empresa2 .meio p{color: #FFF;}

.empresa{width:100%; float:left; padding:0;}
.empresa .meio{max-width:1024px; padding:20px 10px; margin:0 auto;}
.empresa .meio h1{font-size:30px; font-weight:400; color:#666; padding:10px 0 0 0; margin: 0; text-align:left;}
.empresa .meio h2{font-size:18px; font-weight:400; color:#666; padding:0 0 10px; margin: 0; text-align:left;}
.empresa .meio img{max-width:50%; float:left; padding:0 10px 10px 0;}
.empresa .meio txt{text-align:justify;}
.empresa .meio .txtQ{padding: 10px 30px; width: 100%; float: left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.empresa .meio a.laudo{padding:5px 10px; display:inline-block; background:#333; color:#FFF;}
.empresa .meio a.laudo:hover{ background:#046735;}
.empresa .meio .city{display:inline-block; padding:5px; margin:0.5%; width:32.33%; box-sizing: border-box; color:#000;}
.empresa .meio .city:hover{text-decoration:underline;}
.empresa .meio .boximg{ width: 100%; float: left; margin: 15px 0; text-align: center;}
.empresa .meio .boximg img{ display: inline-block;}
@media screen and (max-width: 550px){
.empresa .meio img{max-width:100%; width:100%; float:left; padding:10px 0;}
}

/* --------------------------- SERVIÇO ------------------------------*/
.servico{width:100%; float:left; padding:10px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.servico .menuL{width:20%; height: 100%; padding:20px 10px; margin:0; float: left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.servico .menuL h2{font-size: 26px; font-weight: 300;}
.servico .menuL ul{list-style: none; padding: 0; margin: 0;}
.servico .menuL ul li{display: block;}
.servico .menuL ul li a{display: block; padding: 5px; text-transform:uppercase; color:#017a35; text-align:left; font-weight: 400; font-size:16px; background: url(../imagens/bg_botao.png); border: 1px solid #e1e1e1;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.servico .conteudo{float: left; margin: 0; width: 80%; padding: 5px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.servico .conteudo h1{font-size: 46px; font-weight: 300; padding: 20px 0;}
.servico .conteudo .img1{float: left; margin: 0 15px 15px 0; max-width: 50%;}
.servico .conteudo .imagens{float: left; width: 100%; }
.servico .conteudo .imagens a{color: #000;}
.servico .conteudo .imagens h2{background: #f4f4f4; float: left; margin: 0; font-weight: 300; width: 100%; font-size: 16px; padding: 10PX; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.servico .conteudo .imagens .boximg{display: inline-block; vertical-align: top; width: 25%; padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.servico .conteudo .imagens .boximg .img{width:100%; height: 200px; text-align:center;}
.servico .conteudo .imagens .boximg .img img{max-width:100%; max-height:100%; margin:0 auto;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.servico .conteudo .imagens .boximg img{width: 100%;}
@media screen and (max-width: 1100px){
.servico .menuL{width:30%;}
.servico .conteudo{width:70%;}
.servico .conteudo .imagens .boximg{width: 33.33%;}
.servico .conteudo .imagens .boximg .img{height: 170px;}
}
@media screen and (max-width: 800px){
.servico .menuL{width:100%;}
.servico .conteudo{width:100%;}
.servico .conteudo h1{font-size: 26px;}
}
@media screen and (max-width: 700px){
.servico .conteudo .imagens .boximg{width: 50%;}

}
@media screen and (max-width: 500px){
.servico .conteudo .img1{float: left; margin:10px auto; max-width: 100%;width: 100%;}
.servico .conteudo .imagens .boximg{width: 100%;}
.servico .conteudo .imagens .boximg .img{height: auto;}
.servico .conteudo .imagens .boximg .img img{max-width:100%; max-height:100%; margin:0 auto;position: inherit;top: auto;transform: none; }
}
.produtos{width:100%; float:left; padding:0;}
.produtos .meio{max-width:1024px; padding:10px; margin:0 auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.produtos .meio h2{font-weight:400; margin:2px 0; font-size:14px; padding:5px; cursor:pointer; border:1px solid #ccc; display:block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.produtos .meio p{font-size:18px; font-weight:300; color:#666; padding:20% 0; text-align:center;}
.produtos .meio .sbox{width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; display:none;}
.produtos .meio .box{width:23%; margin:1%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; list-style:none; display:inline-block; border:1px solid #666;}
.produtos .meio .box .boximg{width:100%; height:200px; float:left; text-align:center;}
.produtos .meio .box img{max-width:100%; max-height:100%; margin:0 auto; padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.produtos .meio .box h3{font-weight:400; float:left; text-align:center; color:#666; background:#e1e1e1; font-size:14px; padding:10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
line-height:22px; height:64px; width:100%; margin:0;
}
@media screen and (max-width: 800px){
.produtos .meio .box{width:31.33%;}
}
@media screen and (max-width: 600px){
.produtos .meio .box{width:48%;}
}
@media screen and (max-width: 450px){
.produtos .meio .box{width:98%;}
}
/* --------------------------- HOME - PRODUTOS - FOTOS ------------------------------*/
.prod{width:100%; float:left; padding:0;}
.prod .meio{max-width:1024px; padding:10px; margin:0 auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.prod .meio h1{ color:#017a35; font-size:36px; margin: 15px auto; width: auto;  background:url(../imagens/bg_title.jpg) repeat-x center center; text-align: center;}
.prod .meio h1 span{ color:#017a35; display: inline-block; margin: 0 auto; width: auto; background: #FFF; padding: 10px 20px;}


.prod .meio .txt{text-align: justify; text-align: left; }
.prod .meio .imgp{max-width: 50%; float: right; padding:0 0 10px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }

.prod .meio .bt{padding:5px 10px; border-radius: 5px; margin: 10px 0 20px; color:#FFF; text-align:left; font-weight: 400; font-size:16px; background:#017a35;}
.prod .meio .bt:hover{ border-bottom: 1px solid #faa731; color:#faa731;}
@media screen and (max-width: 800px){
.prod .meio h1{ font-size:20px;}
}
@media screen and (max-width: 600px){
.prod .meio .imgp{width: 100%; max-width: 100%; float: none; display: block; padding:10px 0; margin: 0;}
.prod .meio .txt{text-align: justify; text-align: left; padding: 10px; }
}

/* --------------------------- CONTATO ------------------------------*/
.contato{width:100%; float:left; padding:10px 15px; box-sizing: border-box;}
.contato .meio{max-width:1024px; padding:40px 0; margin:0 auto;}
.contato .meio h2{ color:#017a35; font-size:36px; margin: 0 auto; width: auto;  background:url(../imagens/bg_title.jpg) repeat-x center center; text-align: center;}
.contato .meio h2 span{ color:#017a35; font-size:36px; margin: 0 auto; width: auto; background: #FFF; padding: 10px 20px;}
.contato .meio p{width:98%; float:left; padding:18px 0; font-size: 18px; box-sizing: border-box;color:#666; text-align: center;}
.contato .box1{width:50%; float:left; padding:0; min-height:360px; margin:0px 0;}
.contato .box1 .sbox{width:500px; float:right; padding:15px;}
.contato .box1 .sbox input{width:98%; float:left; padding:10px; border:1px solid #CCC; box-sizing: border-box;margin:1%; border-radius: 5px; color:#333;}
.contato .box1 .sbox input.menor{width:48%; }
.contato .box1 .sbox textarea{width:98%; float:left; padding:10px; border:1px solid #CCC; box-sizing: border-box; border-radius: 5px; margin:1%; color:#333;}
.contato .box1 .sbox img{height:35px; float:left; margin:5px;}
.contato .box1 .sbox input.button_enviar{background:#017a35; color:#FFF; font-weight:300; font-size:16PX; border:0; cursor:pointer;}
.contato .box2{width:50%; float:left; padding:15px 0; min-height:360px; text-align:center;}
.contato .box2 img{display:block; margin: 0 auto;}
.contato .box2 iframe{ border:  1px solid #CCC; border-radius: 5px;}
.contato .box2 .line{display:block; color:#000; margin: 15px auto; text-align: left;}
.contato .box2 .line span{display: inline-block; padding: 5px 10px; vertical-align: middle; width: 75%;}
.contato .box2 .line img{display: inline-block; padding: 5px 10px; vertical-align: middle;}
@media screen and (max-width: 1050px){
.contato .box1 .sbox{width:100%; max-width:500px; float:right; padding:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	
}
@media screen and (max-width: 800px){
.contato .meio h2{font-size:26px; text-align:center;}
.contato .box1 .sbox{ float:none; margin:0 auto;}
.contato .box1{width:100%; text-align:center;}
.contato .box2{width:100%;}
}
/* --------------------------- RODAPE ------------------------------*/
.news{width:100%; float:left; padding:0; text-align:center; background:url(../imagens/detalhe_rodape.png) center bottom no-repeat; height:200px;}
.news .meio{max-width:1024px; padding:10px 0; margin:0 auto;}
.news .meio h2{font-size:18px; color:#666;}
.news .meio input{padding:5px;}
.news .meio input.botao{padding:5px; background:#333; color:#FFF; border:2px solid #333; cursor:pointer;}
@media screen and (max-width: 500px){
.news{height:270px;}
.news .meio input{width:85%; margin:1% auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
}

/* --------------------------- RODAPE ------------------------------*/
.rodape{width:100%; float:left; padding:0; text-align:center; background:#000;}
.rodape .meio{max-width:1024px; padding:30px 5px; margin:0 auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.rodape .meio .b1{ padding: 10px; width: 50%; display: inline-block;vertical-align: middle; box-sizing: border-box;}
.rodape .meio .social{ padding: 10px; width: 25%; display: inline-block;vertical-align: middle; box-sizing: border-box; text-align: right;}
.rodape .meio .social a{ color: #FFF; font-size: 20px;}
.rodape .meio .b2{ padding: 10px; width: 50%; display: inline-block;vertical-align: middle; box-sizing: border-box;}
.rodape .menurod {padding:0; margin: 10px 0; width:100%; text-align:right;}
.rodape .menurod li{list-style:none; display:inline-block;padding:0; margin: 0;}
.rodape .menurod li a{padding:10px 15px; text-transform:uppercase; color:#FFF; text-align:center; font-size:16px;}
.rodape .menurod li a:hover{ background:#FFF; color:#007cc4;}

.rodape .rod{width: 100%; padding: 10px; box-sizing: border-box; border-top: 1px solid #FFF; margin-top: 15px;}
.rodape .rod p{ float: left; color: #FFF;}

.rodape .meio img{ float: left;}
.rodape .meio img.trip{ float: right;}

@media screen and (max-width: 700px){
.rodape .meio .b1,.rodape .meio .b2,.rodape .meio .social{width: 100%; text-align: center;}
.rodape .rod p{ float: none; text-align: center;}
.rodape .meio img{ float: none; display: block; margin: 5px auto; padding: 10px;}
.rodape .meio img.trip{ float: none; display: block; margin: 5px auto; padding: 10px;}
.rodape .menurod {vtext-align:center;}
}