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

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-BoldItalic.eot');
	src: url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
		url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-Italic.eot');
	src: url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-Italic.woff') format('woff'),
		url('fonts/CenturyGothic-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic.eot');
	src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic.woff') format('woff'),
		url('fonts/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Franklin Gothic';
	src: url('fonts/FranklinGothic-Medium.eot');
	src: url('fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/FranklinGothic-Medium.woff') format('woff'),
		url('fonts/FranklinGothic-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Franklin Gothic';
	src: url('fonts/FranklinGothic-Medium_1.eot');
	src: url('fonts/FranklinGothic-Medium_1.eot?#iefix') format('embedded-opentype'),
		url('fonts/FranklinGothic-Medium_1.woff') format('woff'),
		url('fonts/FranklinGothic-Medium_1.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-Bold.eot');
	src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-Bold.woff') format('woff'),
		url('fonts/CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


.fundo {background-color:#ffffff; margin: 0px 0px 0px 0px;}
#pulalinha { clear:both;}
#geral { width:980px; margin:0 auto;   }
#geral2 { width:950px; margin:0 auto; padding-left:15px; padding-right:15px;   }
h2 { font-family:"Century Gothic", Arial; font-size:22px; }
h3 { font-family:"Century Gothic", Arial; font-size:20px; }
h1 { font-family:"Century Gothic", Arial; font-size:26px; }
.mar {margin-left:20px;}
.tx {font-family:Arial; font-size:15px; color:#343434; text-align:justify; line-height:23px; } 
.efeito_borda:hover {box-shadow: inset 0 0 0 25px #53a7ea; transition:all 0.3s ease;  }
.efeito_alfa:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); -webkit-opacity:0.65; transition:all 0.3s ease;}
#efeito_cor{ width:295px; height:201px; position:absolute; z-index: 1000; opacity:0;  background-color:rgba(134,0,2,0.58); transition:all 0.3s ease; }
#efeito_borda{ width:460px; height:240px; position:absolute; z-index: 1000; opacity:0;  box-shadow: inset 0 0 0 25px #6e4c7c; transition:all 0.3s ease;}
#efeito_mouse{ width:306px; height:230px; position:absolute;  opacity:0; background-color:rgba(109,55,130,0.58); background-color:rgba(0,160,63,0.8);   background-image:url(imagens_site/mouse.png); transition:all 0.3s ease;}
#efeito_mouse2{ width:225px; height:175px; position:absolute;  opacity:0; background-color:rgba(109,55,130,0.58); background-color:rgba(0,160,63,0.75);   background-image:url(imagens_site/mouse2.png); transition:all 0.3s ease;}

#cabecalho-cima {float:left; width:100%; height:45px; background-color:#444444; }
#cabecalho-cima a {float:left; font-family:Arial; font-size:14px; color:#ffffff; text-decoration:none; letter-spacing:0.4px; }
#cabecalho-cima a:hover {color:#2abb67;}
#cabecalho-cima-email {float:left; margin-top:15px;   }
#cabecalho-cima-email a {margin-top:-2px; margin-left:5px;  }

#cabecalho-cima-fone {float:right; margin-top:15px; margin-right:50px;  }
#cabecalho-cima-midia {float:right; margin-top:15px;}
#cabecalho-cima img {float:left; margin-right:5px;}

	
#cabecalho {float:left; width:100%; height:117px; background-image:url(imagens_site/fundo.png);}
#transparencia_teste {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); -webkit-opacity:0.65;}
#cabecalho-logo {float:left; width:275px; height:71;  margin-top:23px; }
#cabecalho-whatsapp {float:right; width:211px; height:55px;  margin-top:33px; margin-right:20px; background-image:url(imagens_site/whatsapp.png); background-repeat:no-repeat; background-position:top;  }
#cabecalho-whatsapp-tx {float:left; font-weight:bold; font-family:"Century Gothic", Arial; font-size:18px; color:#008f3b; margin-top:6px; margin-left:64px;  }


#area-menu {float:left; width:100%; height:56px; background-color:#008250; box-shadow: 0px 3px 4px rgba(0,0,0,0.33); z-index:97; position:absolute;}
#menu {float:right; height:56px; width:90%;  }
	#menu ul {float:left;  width:100%; margin:0; padding:0; list-style:none;     }
	#menu ul li a{ float:left; text-decoration:none; font-family:"Century Gothic", Arial; font-size:16px; color:#f2f2f2; padding-top:18px;  padding-bottom:17px; padding-left:30px; padding-right:30px;     }
	#menu ul li a:hover{ color:#ffffff; background-color:#059447; transition:all 0.3s ease; }
	
	#menu ul li ul{ float:left; margin-left:238px; padding:0px; top:56px; display:none; width:230px; position:absolute; z-index:99; }
	#menu ul li:hover ul{float:left; display:block;}	
	#menu ul li ul li { float:left; display:inherit; padding:0px; margin:0;   }
	#menu ul li ul li a { width:215px; background-color:#FFFFFF;  padding:6px;  font-size:14px; color:#292929; font-weight:normal;}
	#menu ul li ul li a:hover { color:#ffffff; text-decoration:none; transition:all 0.3s ease;}


#slideshow {margin:0 auto; margin-top:55px;  }


#empresa {float:left; width:100%; margin-top:-3px;  background-color:#f4f4f4;}
#empresa-img {float:left; width:425px; margin-top:85px; margin-right:30px; margin-bottom:30px;}
#empresa-direita {float:right; width:450px; margin-top:85px;}
#empresa-titulo {float:right; width:100%; margin-top:-23px; color:#343434; font-weight:normal;}
.empresa-linha{margin-top:-8px;}
#empresa-tx {float:left;margin-top:10px;}
#linha {float:left; width:100px; height:3px;  background-color:#00a859;}
#empresa-bt {float:left;margin-top:10px;}


#produtos { float:left; width:950px;  margin-top:15px;  }
#produtos-area {float:left; width:302px; margin-top:10px; }
#produtos-tit {float:left; width:302px;  font-family:"Century Gothic", Arial; font-size:26px;  color:#343434; }
#produtos-img {float:left; overflow:hidden; width:302px; height:220px;   margin-top:8px; }

#produtos-img a:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); -webkit-opacity:0.65; transition:all 0.3s ease;}

.p-todos {background-color:#00a859; }
.p-todos:hover {color:#ffffff !important;  background-color:#059447; }

#area-mensagem {float:left; width:100%; height:296px; margin-top:70px; background-color:#00944e; background-image:url(imagens_site/img-baixo.jpg); background-repeat:no-repeat; background-position:center;}

#rodape_fundo {float:left; width:100%;   background-color:#242424; }

#internas-cabecalho { float:left; width:100%; margin-top:90px; }
#internas-titulo h1 { color:#343434; }
#internas-titulo-linha {width:200px; height:3px;  background-color:#00a859;}
#internas-conteudo { width:950px; margin-top:60px;}
#internas-img {float:left;   overflow:hidden; width:390px; height:300px; margin-bottom:30px;margin-right:40px;}
#internas-img-borda{float:left; width:390px; height:250px; box-shadow: inset 0 0 0 10px #d4d4d4; position:absolute; z-index:90; }


#area-formulario { float:left; width:950px; }

#formularios {
width:500px;
margin-left:0px;
margin-top:8px;
padding: 12px; /* A distância entre os objetos e a borda */
-webkit-border-radius:5px; /* Definição do raio, ângulo do nosso campo do formulário */
border-radius: 5px; /* Definição do raio, ângulo do nosso campo do formulário */
color:#2A2A2A;
font-family:arial; /* Fonte a ser usada */
font-size:16px; /* Tamanho da fonte no botão */
border:1px solid #878787;
}
#formularios::-webkit-input-placeholder {color:#353535;} 
#formularios:-moz-placeholder  {color:#353535;} 
#formularios::-moz-placeholder  {color:#353535;} 
#formularios:-ms-input-placeholder  {color:#353535;} 


#formularios2 {
float:left;
width:315px;
margin-top:8px;
padding: 12px; /* A distância entre os objetos e a borda */
-webkit-border-radius:5px; /* Definição do raio, ângulo do nosso campo do formulário */
border-radius: 5px; /* Definição do raio, ângulo do nosso campo do formulário */
color:#2A2A2A;
font-family:arial; /* Fonte a ser usada */
font-size:16px; /* Tamanho da fonte no botão */
border:1px solid #878787;
}
#formularios::-webkit-input-placeholder  {color:#353535;} 
#formularios:-moz-placeholder  {color:#353535;} 
#formularios::-moz-placeholder  {color:#353535;} 
#formularios:-ms-input-placeholder  {color:#353535;} 

#nume {float:left; width:30px; margin-left:5px; margin-top:8px; padding:13px; font-size:15px; font-family:arial; color:#006C06; font-weight:bold; background-color:#E3E3E3;-webkit-border-radius:5px; border-radius: 5px;}

#internas-img-produto {float:left; background-color:#968A8A;   overflow:hidden; width:330px; height:250px; margin-bottom:40px;margin-right:50px;}

.j {text-align:justify;}
.c {color:#363636;}


#portfolio-imagem {float:left; overflow:hidden;  width:225px; height:175px; margin-left:10px; margin-top:20px;}
#portfolio-imagem :hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65); -webkit-opacity:0.65; transition:all 0.3s ease;}


#paginacao a {font-family:Arial; font-size:15px; color:#2F2F2F;}
#paginacao a {padding:10px;  font-family:Arial; font-size:15px; color:#ffffff; background-color:#585858; border-radius:5px; text-decoration:none;}
#paginacao a:hover { background-color:#3E3E3E; color:#ffffff; }




















#midia {float:right; margin-top:20px;}
#midia img { margin-left:3px;}










































#area3_info {float:left; width:780px; margin-top:13px;}
#area3_line {float:left; margin-top:-30px;}
#area3_line2 {float:left; margin-top:-35px; margin-left:17px;}

#area3_tit {float:left; width:295px;  font-family:"Century Gothic", Arial; font-size:20px; font-weight:bold; color:#333333; }







.tabela {font-family:Arial; font-size:14px; color:#1e1e1e; text-align:justify; line-height:22px; color:#ffffff;}

#contato_tx {width: 700px;margin:0 auto; margin-top:30px; font-family:Arial; font-size:14px; color:#1e1e1e;  line-height:26px;}
#contato_tx a {font-size:18px; font-weight:bold; color:#820002; text-decoration:none;}
#contato_tx a:hover { background-color:#820002; color:#ffffff; }














#portfolio { width:950px; }
#portfolio_titulo { width:930px; margin-left:13px;  font-family:"Century Gothic", Arial;font-size:15px; color:#6c6c6c;}




#servicos_conteudo {float:left; width:100%; margin-top:30px;  }
#servicos_imagem {float:left; margin-right:30px; margin-bottom:15px; }
#servicos_img {width:430px; height:192px; overflow:hidden; border:6px solid #e3e3e3; }

#video {  width:480px; height:360px; border:15px solid #EFEFEF; }
#caixa_cinza {float:left;  width:950px; margin:0; height:40px; border:1px solid #e3e3e3; background-color:#f4f4f4;}



#noticias_img {float:left; overflow:hidden;  width:295px; height:201px; margin-right:30px; margin-bottom:15px; }
#noticias_titulo {float:left; width:610px; font-family:Arial; font-weight:bold; font-size:24px; color:#1e1e1e;}
#noticias_data {float:left; margin-top:8px; margin-bottom:8px; width:610px;  font-family:Arial;  font-size:12px; color:#9c9c9c; }
#noticias_tx { font-family:Arial; font-size:14px; color:#1e1e1e; text-align:justify; line-height:22px; text-decoration:none;  }
#noticias_bt { float:left; margin-top:8px;  width:300px;}
#noticias_midia{ float:right; margin-top:8px; width:125px; }
#noticias_linha{ float:left; margin-bottom:15px; width:100%; height:1px;  background-color:#e7e7e7;}



#noticias_titulo2 {float:left; width:610px; font-family:Arial; font-weight:bold; font-size:26px; color:#1e1e1e;}
#noticias_linha2{  margin-bottom:15px; width:80%; height:1px;  background-color:#e7e7e7;}
#videoh {  width:560px; height:360px; border:15px solid #EFEFEF; }





#ftarea { width:850px; height:500px;
padding: 6px; 
margin-top:10px;
background-color:#FFFFFF;
-webkit-border-radius:3px;
border-radius: 3px; 
border:1px solid #bebebe;
color: #000; font-family:arial; font-size:14px; 
}


