@font-face {

    font-family: 'neo_sansregular';

    src: url('fontes/neo_sans-webfont.eot');

    src: url('fontes/neo_sans-webfont.eot?#iefix') format('embedded-opentype'),

         url('fontes/neo_sans-webfont.woff') format('woff'),

         url('fontes/neo_sans-webfont.ttf') format('truetype'),

         url('fontes/neo_sans-webfont.svg#neo_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



body, html {COLOR: #797979; line-height: 160%; TEXT-DECORATION: none; FONT-SIZE: 14px; font-family: 'neo_sansregular', arial, verdana, sans-serif; height:100%;}



#fd_topo {

	width: 100%;

	height: 223px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/topo.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: center top;

}



#topo {

	width: 980px;

	height: 223px;

	float: left;

	display:inline;

}



#local_logo_animado {

	width: 304px;

	height: 123px;

	float: left;

	display:inline;

	margin-top: 19px;

	margin-left: 24px;

}



#logo1 {

	width: 304px;

	height: 100px;

	float: left;

	display:inline; 

	

	animation-duration: 1s;

	-webkit-animation-duration: 1s;

	-o-animation-duration: 1s;

	-moz-animation-duration: 1s;

	animation-name: animacao-logo1;

	-webkit-animation-name: animacao-logo1;

	-o-animation-name: animacao-logo1;

	-moz-animation-name: animacao-logo1;



	BACKGROUND-IMAGE: url(imagens/logo1.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: left top;

}

@keyframes animacao-logo1 {

  from {margin-top: -120px; opacity:0;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-logo1 {

  from {margin-top: -120px; opacity:0;}

  to {opacity:1;}

}

@-o-keyframes animacao-logo1 {

  from {margin-top: -120px; opacity:0;}

  to {opacity:1;}

}

@-moz-keyframes animacao-logo1 {

  from {margin-top: -120px; opacity:0;}

  to {opacity:1;}

}



#logo2 {

	width: 304px;

	height: 23px;

	float: left;

	display:inline; 

	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-logo2;

	-webkit-animation-name: animacao-logo2;

	-o-animation-name: animacao-logo2;

	-moz-animation-name: animacao-logo2;



	BACKGROUND-IMAGE: url(imagens/logo2.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: left top;

}

@keyframes animacao-logo2 {

  from {margin-top: 50px; opacity:0;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-logo2 {

  from {margin-top: 50px; opacity:0;}

  to {opacity:1;}

}

@-o-keyframes animacao-logo2 {

  from {margin-top: 50px; opacity:0;}

  to {opacity:1;}

}

@-moz-keyframes animacao-logo2 {

  from {margin-top: 50px; opacity:0;}

  to {opacity:1;}

}



#local_fone_animado {

	width: 260px;

	height: 87px;

	float: left;

	display:inline;

	margin-top: 40px;

	margin-left: 388px;

}



#fone1 {

	width: 260px;

	height: 44px;

	float: left;

	display:inline;

	cursor: pointer;

	BACKGROUND-IMAGE: url(imagens/skype.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: center top;

	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: anima_fone1;

	-webkit-animation-name: anima_fone1;

	-o-animation-name: anima_fone1;

	-moz-animation-name: anima_fone1;

}



@keyframes anima_fone1 {

  from { opacity:0; margin-top: -50px;}

  to { opacity:1;  margin-top: 0px;}

}

@-webkit-keyframes anima_fone1 {

  from { opacity:0; margin-top: -50px;}

  to { opacity:1;  margin-top: 0px;}

}

@-o-keyframes anima_fone1 {

  from { opacity:0; margin-top: -50px;}

  to { opacity:1;  margin-top: 0px;}

}

@-moz-keyframes anima_fone1 {

  from { opacity:0; margin-top: -100px; }

  to { opacity:1;  margin-top: 0px;}

}



#fone2 {

	width: 260px;

	height: 43px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/fone.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: center top;

	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: anima_fone2;

	-webkit-animation-name: anima_fone2;

	-o-animation-name: anima_fone2;

	-moz-animation-name: anima_fone2;

}

@keyframes anima_fone2 {

  from { opacity:0; margin-top: -110px;}

  to { opacity:1;  margin-top: 0px;}

}

@-webkit-keyframes anima_fone2 {

  from { opacity:0; margin-top: -110px;}

  to { opacity:1;  margin-top: 0px;}

}

@-o-keyframes anima_fone2 {

  from { opacity:0; margin-top: -110px;}

  to { opacity:1;  margin-top: 0px;}

}

@-moz-keyframes anima_fone2 {

  from { opacity:0; margin-top: -110px;}

  to { opacity:1;  margin-top: 0px;}

}





#local_menu_a {

	width: 980px;

	height: 61px;

	float: left;

	display:inline;

	margin-top: 20px;

}



#local_menu {

	width: 980px;

	height: 61px;

	float: left;

	display:inline;

	

	animation-duration: 1s;

	-webkit-animation-duration: 1s;

	-o-animation-duration: 1s;

	-moz-animation-duration: 1s;

	animation-name: animacao-menu1;

	-webkit-animation-name: animacao-menu1;

	-o-animation-name: animacao-menu1;

	-moz-animation-name: animacao-menu1;

}

@keyframes animacao-menu1 {

  from {margin-top: 30px; opacity:0;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-menu1 {

  from {margin-top: 30px; opacity:0;}

  to {opacity:1;}

}

@-o-keyframes animacao-menu1 {

  from {margin-top: 30px; opacity:0;}

  to {opacity:1;}

}

@-moz-keyframes animacao-menu1 {

  from {margin-top: 30px; opacity:0;}

  to {opacity:1;}

}



#banner_responsivo { width: 980px;}

#banner_responsivo img{ max-width: 980px; }



#banner {

	width: 980px;

	height: 264px;

	float: left;

	display:inline; 

	overflow: hidden;

	margin-top: 4px;

}



#banner_conteudo {

	width: 980px;

	height: 264px;

	float: left;

	display:inline; 



	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-banner;

	-webkit-animation-name: animacao-banner;

	-o-animation-name: animacao-banner;

	-moz-animation-name: animacao-banner;

}

@keyframes animacao-banner {

  from {margin-top: -30px;  opacity:0;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-banner {

  from {margin-top: -30px;  opacity:0;}

  to {opacity:1;}

}

@-o-keyframes animacao-banner {

  from {margin-top: -30px;  opacity:0;}

  to {opacity:1;}

}

@-moz-keyframes animacao-banner {

  from {margin-top: -30px;  opacity:0;}

  to {opacity:1;}

}



#borda_banner {

	width: 980px;

	height: 4px;

	float: left;

	display:inline; 

	margin-top: -4px;

	position: relative;

	z-index: 999;

	

	animation-duration: 6s;

	-webkit-animation-duration: 6s;

	-o-animation-duration: 6s;

	-moz-animation-duration: 6s;

	animation-name: animacao-bordabanner;

	-webkit-animation-name: animacao-bordabanner;

	-o-animation-name: animacao-bordabanner;

	-moz-animation-name: animacao-bordabanner;



	BACKGROUND-IMAGE: url(imagens/borda_banner.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: center top;

}

@keyframes animacao-bordabanner {

  from { opacity:0;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-bordabanner {

  from { opacity:0;}

  to {opacity:1;}

}

@-o-keyframes animacao-bordabanner {

  from { opacity:0;}

  to {opacity:1;}

}

@-moz-keyframes animacao-bordabanner {

  from { opacity:0;}

  to {opacity:1;}

}



#conteudo {

	width: 906px;

	height: auto;

	float: left;

	display:inline;

	padding: 20px 37px 60px 37px;

	

	BACKGROUND-IMAGE: url(imagens/conteudo.png); 

	background-repeat: repeat;

	BACKGROUND-POSITION: left top;



	animation-duration: 1s;

	-webkit-animation-duration: 1s;

	-o-animation-duration: 1s;

	-moz-animation-duration: 1s;

	animation-name: animacao-conteudo;

	-webkit-animation-name: animacao-conteudo;

	-o-animation-name: animacao-conteudo;

	-moz-animation-name: animacao-conteudo;

}

@keyframes animacao-conteudo {

  from {opacity:0; margin-top: 20px;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-conteudo {

  from {opacity:0; margin-top: 20px;}

  to {opacity:1;}

}

@-o-keyframes animacao-conteudo {

  from {opacity:0; margin-top: 20px;}

  to {opacity:1;}

}

@-moz-keyframes animacao-conteudo {

  from {opacity:0; margin-top: 20px;}

  to {opacity:1;}

}



#borda_conteudo {

	width: 980px;

	height: 4px;

	float: left;

	display:inline; 

	margin-top: 40px;



	BACKGROUND-IMAGE: url(imagens/borda_banner.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: center top;

	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-conteudointerno;

	-webkit-animation-name: animacao-conteudointerno;

	-o-animation-name: animacao-conteudinternoo;

	-moz-animation-name: animacao-conteudointerno;

}

@keyframes animacao-conteudointerno {

  from {opacity:0; margin-top: 0px;}

  to {opacity:1;}

}

@-webkit-keyframes animacao-conteudointerno {

  from {opacity:0; margin-top: 0px;}

  to {opacity:1;}

}

@-o-keyframes animacao-conteudointerno {

  from {opacity:0; margin-top: 0px;}

  to {opacity:1;}

}

@-moz-keyframes animacao-conteudointerno {

  from {opacity:0; margin-top: 0px;}

  to {opacity:1;}

}

#conteudo_interno {

	width: 906px;

	height: auto;

	float: left;

	display:inline;

	padding: 20px 37px 60px 37px;



	

	BACKGROUND-IMAGE: url(imagens/conteudo.png); 

	background-repeat: repeat;

	BACKGROUND-POSITION: left top;

	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-bordabanner;

	-webkit-animation-name: animacao-bordabanner;

	-o-animation-name: animacao-bordabanner;

	-moz-animation-name: animacao-bordabanner;

}



#depoimentos_inicial {

	width: 906px;

	height: 133px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/depoimentos_inicial.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: left top;

	margin-top: 20px;

}

#depoimentos_inicial2 {

	width: 245px;

	height: 97px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: left top;

	margin-top: 18px;

	margin-left: 20px;

	cursor: pointer;

	

	animation-duration: 0.4s;

	-webkit-animation-duration: 0.4s;

	-o-animation-duration: 0.4s;

	-moz-animation-duration: 0.3s;

	animation-name: anima_depinicial1;

	-webkit-animation-name: anima_depinicial1;

	-o-animation-name: anima_depinicial1;

	-moz-animation-name: anima_depinicial1;

}

#depoimentos_inicial2:hover {

	margin-left: 15px;

	BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2b.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: left top;



	animation-duration: 0.4s;

	-webkit-animation-duration: 0.4s;

	-o-animation-duration: 0.4s;

	-moz-animation-duration: 0.3s;

	animation-name: anima_depinicial2;

	-webkit-animation-name: anima_depinicial2;

	-o-animation-name: anima_depinicial2;

	-moz-animation-name: anima_depinicial2;

}

@keyframes anima_depinicial1 {

  from {   margin-left: 15px;}

  to {  margin-left: 20px;}

}

@-webkit-keyframes anima_depinicial1 {

  from {   margin-left: 15px;}

  to {  margin-left: 20px;}

}

@-o-keyframes anima_depinicial1 {

  from {   margin-left: 15px;}

  to {  margin-left: 20px;}

}

@-moz-keyframes anima_depinicial1 {

  from {   margin-left: 15px;}

  to {  margin-left: 20px;}

}

/* ------------------------------------ */

@keyframes anima_depinicial2 {

  from { margin-left: 20px;}

  to { margin-left: 15px; }

}

@-webkit-keyframes anima_depinicial2 {

  from { margin-left: 20px;}

  to { margin-left: 15px; }

}

@-o-keyframes anima_depinicial2 {

  from { margin-left: 20px;}

  to { margin-left: 15px; }

}

@-moz-keyframes anima_depinicial2 {

  from { margin-left: 20px;}

  to { margin-left: 15px; }

}



#depoimentos_inicial3 {

	width: 570px;

	height: 105px;

	float: left;

	display:inline;

	margin-top: 16px;

	margin-left: 30px;

	color: #ffffff;

	font-style:italic;

	line-height: 180%;

	text-shadow: 0.5px 0.5px 1px #666666;

	FONT-SIZE: 14px; 

	overflow: hidden;

	padding-right: 5px;

}



#depoimentos_interno {

	width: 871px;

	height: auto;

	float: left;

	display:inline;

	margin-bottom: 60px;

	BACKGROUND-POSITION: left top; 

	BACKGROUND-IMAGE: url(imagens/aspas.png); 

	BACKGROUND-REPEAT: no-repeat;

	padding-top: 5px;

	padding-left: 15px;

	padding-right: 30px;

	font-style:italic;	

}



#titulos1 {

	width: 245px;

	height: 25px;

	float: left;

	display:inline;

	padding-right: 30px;

	font-size: 20px;

	font-weight:normal;

	text-transform: uppercase;

	margin-top: 5px;

}

#titulos2 {

	width: 629px;

	height: 25px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/linha_titulos.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: left center;

	margin-top: 5px;

	margin-bottom: 20px;

}



#titulos3 {

	width: 145px;

	height: 25px;

	float: left;

	display:inline;

	padding-right: 30px;

	font-size: 20px;

	font-weight:normal;

	text-transform: uppercase;

	margin-top: 5px;

}

#titulos4 {

	width: 729px;

	height: 25px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/linha_titulos.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: left center;

	margin-top: 5px;

	margin-bottom: 20px;

}



#titulos5 {

	width: 360px;

	height: 25px;

	float: left;

	display:inline;

	padding-right: 30px;

	font-size: 20px;

	font-weight:normal;

	text-transform: uppercase;

	margin-top: 5px;

}

#titulos6 {

	width: 514px;

	height: 25px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/linha_titulos.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: left center;

	margin-top: 3px;

	margin-bottom: 20px;

}



#area_produtos {

	width: 280px;

	height: 255px;

	float: left;

	display:inline; 

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

	margin-bottom: 30px;

	BACKGROUND-IMAGE: url(imagens/fd_produtos.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: left top;



}



#semproduto_responsivo { width: 210px;}

#semproduto_responsivo img{ max-width: 210px; }



#produtos_img {

	width: 210px;

	height: 155px;

	float: left;

	display:inline;

	overflow: hidden;

	cursor: pointer;

	margin-left: 32px;

	margin-top: 15px;



	border-style: solid;

	border-color: transparent;

	border-width: 3px; 

	

	animation-duration: 0.5s;

	-webkit-animation-duration: 0.5s;

	-o-animation-duration: 0.5s;

	-moz-animation-duration: 0.5s;

	animation-name: anima_borda3;

	-webkit-animation-name: anima_borda3;

	-o-animation-name: anima_borda3;

	-moz-animation-name: anima_borda3;



}

#produtos_img:hover {

	border-color: #cccccc; 

	

	animation-duration: 0.5s;

	-webkit-animation-duration: 0.5s;

	-o-animation-duration: 0.5s;

	-moz-animation-duration: 0.5s;

	animation-name: anima_borda4;

	-webkit-animation-name: anima_borda4;

	-o-animation-name: anima_borda4;

	-moz-animation-name: anima_borda4;

}

@keyframes anima_borda3 {

  from {  border-color: #cccccc; }

  to {   border-color: transparent; }

}

@-webkit-keyframes anima_borda3 {

  from {  border-color: #cccccc; }

  to {   border-color: transparent; }

}

@-o-keyframes anima_borda3 {

  from {  border-color: #cccccc; }

  to {   border-color: transparent; }

}

@-moz-keyframes anima_borda3 {

  from {  border-color: #cccccc; }

  to {   border-color: transparent; }

}

/* ------------------------------------ */

@keyframes anima_borda4 {

  from { border-color: transparent; opacity:0.8;  }

  to {   border-color: #cccccc; opacity:1;}

}

@-webkit-keyframes anima_borda4 {

  from { border-color: transparent; opacity:0.8;  }

  to {   border-color: #cccccc; opacity:1;}

}

@-o-keyframes anima_borda4 {

  from { border-color: transparent; opacity:0.8;  }

  to {   border-color: #cccccc; opacity:1;}

}

@-moz-keyframes anima_borda4 {

  from { border-color: transparent; opacity:0.8;  }

  to {   border-color: #cccccc; opacity:1;}

}



#titulos_produtos {

	width: 100%;

	height: auto;

	float: left;

	display:inline; 

	color: #666666;

	font-weight:normal; 

	font-size:14px; 

	line-height: 120%;

	margin-top: 15px;

}



#empresa_img {

	width: 120px;

	height: 85px;

	float: left;

	display:inline;

	overflow: hidden;

	cursor: pointer;

	margin-left: 47px;

	margin-top: 30px;



	border-style: solid;

	border-color: #E0E0E0;

	border-width: 3px; 

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

	behavior:url(border-radius.htc);

	

	animation-duration: 0.5s;

	-webkit-animation-duration: 0.5s;

	-o-animation-duration: 0.5s;

	-moz-animation-duration: 0.5s;

	animation-name: anima_borda1;

	-webkit-animation-name: anima_borda1;

	-o-animation-name: anima_borda1;

	-moz-animation-name: anima_borda1;



}

#empresa_img:hover {

	border-color: #ED3237; 

	

	animation-duration: 0.5s;

	-webkit-animation-duration: 0.5s;

	-o-animation-duration: 0.5s;

	-moz-animation-duration: 0.5s;

	animation-name: anima_borda2;

	-webkit-animation-name: anima_borda2;

	-o-animation-name: anima_borda2;

	-moz-animation-name: anima_borda2;

}



@keyframes anima_borda1 {

  from {  border-color: #ED3237; }

  to {   border-color: #E0E0E0; }

}

@-webkit-keyframes anima_borda1 {

  from {  border-color: #ED3237; }

  to {   border-color: #E0E0E0; }

}

@-o-keyframes anima_borda1 {

  from {  border-color: #ED3237; }

  to {   border-color: #E0E0E0; }

}

@-moz-keyframes anima_borda1 {

  from {  border-color: #ED3237; }

  to {   border-color: #E0E0E0; }

}

/* ------------------------------------ */

@keyframes anima_borda2 {

  from { border-color: #E0E0E0; opacity:0.8;  }

  to {   border-color: #ED3237; opacity:1;}

}

@-webkit-keyframes anima_borda2 {

  from { border-color: #E0E0E0; opacity:0.8;  }

  to {   border-color: #ED3237; opacity:1;}

}

@-o-keyframes anima_borda2 {

  from { border-color: #E0E0E0; opacity:0.8;  }

  to {   border-color: #ED3237; opacity:1;}

}

@-moz-keyframes anima_borda2 {

  from { border-color: #E0E0E0; opacity:0.8;  }

  to {   border-color: #ED3237; opacity:1; }

}



#divisor_fotos {

	width: 906px;

	height: auto;

	float: left;

	display:inline;

	margin-bottom: 20px;

}



#local_ambiental {

	width: 100%;

	height: auto;

	float: left;

	display:inline;

	margin-bottom: 60px;

}



#ambiental_img {

	width: 170px;

	height: 130px;

	float: left;

	display:inline;

	overflow: hidden;

	

	border-style: solid;

	border-color: #F4F4F4;

	border-width: 3px; 

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	-o-border-radius: 8px;

	behavior:url(border-radius.htc);

}

#ambiental_txt {

	width: 690px;

	height: auto;

	float: left;

	display:inline;

	margin-left: 30px;

	margin-top: 50px;

}



#sistemas_video { 

	width: auto;

	height: 500px;

}



#area_contato {

	width: 350px;

	height: auto;

	float: left;

	display:inline;

	margin-top: 35px;

}

#area_contato_txt {

	width: 350px;

	height: auto;

	float: left;

	display:inline;

}

#area_contato_mapa {

	width: 127px;

	height: 110px;

	float: left;

	display:inline;

	margin-top: 35px;

	margin-left: 70px;

	BACKGROUND-IMAGE: url(imagens/google.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: center bottom;

}

#area_contato2 {

	width: 510px;

	height: auto;

	float: left;

	display:inline;

	margin-top: 35px;

	margin-left: 38px;

}



#area_orcamento {

	width: 100%;

	height: auto;

	float: left;

	display:inline;

}





#rodape {

	width: 100%;

	height: 168px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/rodape.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: center bottom;

	margin-top: -8px;

}



#rodape_sombra {

	width: 980px;

	height: 8px;

	float: left;

	display:inline;

	BACKGROUND-IMAGE: url(imagens/rodape_sombra.png); 

	background-repeat: no-repeat;

	BACKGROUND-POSITION: center top;

}



#rodape_txt {

	width: 730px;

	height: 118px;

	float: left;

	display:inline; 

	color: #EAE9E7;

	font-weight:normal; 

	font-size:14px; 

	line-height: 210%;

	margin-left: 48px;

	margin-top: 37px;

	overflow: hidden;

}



#rodape_redes {

	width: 160px;

	height: 20px;

	float: left;

	display:inline;

	margin-top: 33px;

}



#divisor {

	width: 100%;

	height: 20px;

	float: left;

	display:inline;

}

#divisor2 {

	width: 100%;

	height: 30px;

	float: left;

	display:inline;

}

#divisor3 {

	width: 100%;

	height: 50px;

	float: left;

	display:inline;

}





.cliente-txt  {color: #AEAEAE; font-size:13px; line-height: 110%; font-weight:normal;}











body{

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

background-color: #ffffff;

BACKGROUND-IMAGE: url(imagens/fundo.jpg); 

background-repeat: repeat-x;

BACKGROUND-POSITION: center 223px;

}







A:link  {COLOR:#3E4095; text-decoration:none; font-weight:normal; }

A:visited {COLOR: #3E4095; text-decoration:none; font-weight:normal; }

A:hover {COLOR: #ED3237;  text-decoration:none; font-weight:normal;  }





A.link_servicos:link  {COLOR: #3E4095; text-decoration:none; font-weight:normal; font-size:14px; line-height: 250%;}

A.link_servicos:visited {COLOR: #3E4095;  text-decoration:none; font-weight:normal; font-size:14px; line-height: 250%;}

A.link_servicos:hover {COLOR: #ED3237;  text-decoration:none; font-weight:normal; font-size:14px; line-height: 250%;}





#bt_credito{ width: 74px; height: 24px; overflow: hidden; background: url(imagens/bt_credito.png) 0px 0px no-repeat; display: block;

text-indent: 10000px; margin-left: 93px; margin-top: 80px; float: left; display:inline; cursor:pointer;}

#bt_credito:hover	{ background-position: left bottom; }









#bt_animacao {



	height: 10px;

	float: left;

	display:inline;

	padding: 24px 22px 24px 20px;

	

	COLOR: #ffffff; 

	text-decoration:none; 

	font-size:13px; 

	text-transform:uppercase;

	font-weight: normal;

	line-height: 100%;  

	text-shadow: 1px 1px 0px #000000;

	

	animation-duration: 0.4s;

	-webkit-animation-duration: 0.4s;

	-o-animation-duration: 0.4s;

	-moz-animation-duration: 0.3s;

	animation-name: anima_fdmenu;

	-webkit-animation-name: anima_fdmenu;

	-o-animation-name: anima_fdmenu;

	-moz-animation-name: anima_fdmenu;

}

#bt_animacao:hover {

	text-shadow: -1px -1px 7px #ffffff;

	BACKGROUND-IMAGE: url(imagens/linha_menu.png); 

	background-repeat: repeat-x;

	BACKGROUND-POSITION: left top;



	animation-duration: 0.4s;

	-webkit-animation-duration: 0.4s;

	-o-animation-duration: 0.4s;

	-moz-animation-duration: 0.3s;

	animation-name: anima_fdmenu2;

	-webkit-animation-name: anima_fdmenu2;

	-o-animation-name: anima_fdmenu2;

	-moz-animation-name: anima_fdmenu2;

}

@keyframes anima_fdmenu {

  from {  opacity:1; text-shadow: -1px -1px 7px #ffffff;}

  to { opacity:1; margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

}

@-webkit-keyframes anima_fdmenu {

  from {  opacity:1; text-shadow: -1px -1px 7px #ffffff;}

  to { opacity:1; margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

}

@-o-keyframes anima_fdmenu {

  from {  opacity:1; text-shadow: -1px -1px 7px #ffffff;}

  to { opacity:1; margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

}

@-moz-keyframes anima_fdmenu {

  from {  opacity:1; text-shadow: -1px -1px 7px #ffffff;}

  to { opacity:1; margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

}

/* ------------------------------------ */

@keyframes anima_fdmenu2 {

  from { opacity:1;  margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

  to { opacity:1; text-shadow: -1px -1px 7px #ffffff; }

}

@-webkit-keyframes anima_fdmenu2 {

  from { opacity:1;  margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

  to { opacity:1; text-shadow: -1px -1px 7px #ffffff; }

}

@-o-keyframes anima_fdmenu2 {

  from { opacity:1;  margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

  to { opacity:1; text-shadow: -1px -1px 7px #ffffff; }

}

@-moz-keyframes anima_fdmenu2 {

  from { opacity:1;  margin-top: 0px; text-shadow: 0.5px 0.5px 1px #B7740F;}

  to { opacity:1; text-shadow: -1px -1px 7px #ffffff; }

}







#bt_seta_esq{ width: 27px; height: 29px; overflow: hidden; background: url(imagens/esq.png) 0px 0px no-repeat; display: block;

text-indent: 10000px; margin-left: 900px; margin-top: -40px; float: left; display:inline; cursor:pointer; position: relative; z-index: 90; 	

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-seta;

	-webkit-animation-name: animacao-seta;

	-o-animation-name: animacao-seta;

	-moz-animation-name: animacao-seta; } 

#bt_seta_esq:hover	{ background-position: left bottom; }		





#bt_seta_dir{ width: 27px; height: 29px; overflow: hidden; background: url(imagens/dir.png) 0px 0px no-repeat; display: block;

text-indent: 10000px; margin-left: 935px; margin-top: -40px; float: left; display:inline; cursor:pointer; position: relative; z-index: 90;

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	-o-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	animation-name: animacao-seta2;

	-webkit-animation-name: animacao-seta2;

	-o-animation-name: animacao-seta2;

	-moz-animation-name: animacao-seta2; } 

#bt_seta_dir:hover	{ background-position: left bottom; }



@keyframes animacao-seta {

  from {margin-left: 0px;  opacity:0;}

  to {  opacity:1;}

}

@-webkit-keyframes animacao-seta {

  from {margin-left: 0px; opacity:0;}

  to {   opacity:1;}

}

@-o-keyframes animacao-seta {

  from {margin-left: 0px; opacity:0;}

  to {   opacity:1;}

}

@-moz-keyframes animacao-seta {

  from { margin-left: 0px; opacity:0;}

  to {   opacity:1;}

}



@keyframes animacao-seta2 {

  from {margin-left: 25px;  opacity:0;}

  to {  opacity:1;}

}

@-webkit-keyframes animacao-seta2 {

  from {margin-left: 25px; opacity:0;}

  to {  opacity:1;}

}

@-o-keyframes animacao-seta2 {

  from {margin-left: 25px; opacity:0;}

  to {   opacity:1;}

}

@-moz-keyframes animacao-seta2 {

  from { margin-left: 25px; opacity:0;}

  to {   opacity:1;}

}





input[type=submit] {

	font-size: 13px;

	line-height: 26px;

	height: 24px;

	color: #666666;

	background: #D1D1D1;

	padding: 0px 12px 3px 10px;

	border: none;

	cursor: pointer;

	margin-top: 10px;

	font-family: 'neo_sansregular', arial, verdana, sans-serif;

	font-style:italic;

	

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	behavior:url(border-radius.htc);

	}

input[type=submit]:hover { 

	background: #B9121A;  

	color: #ffffff;

	}

	

.InputPadrao {

	font-family: 'neo_sansregular', arial, verdana, sans-serif;

	color: #666666;

	font-size: 13px;

	text-align: left;

	border-style: double;

	border-color: #F0F0F0; 

	border-width: 2px; 

	background-color: #F0F0F0;

	border-radius: 4px;

	padding:2px 4px 2px 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	behavior:url(border-radius.htc);

}

.InputSelected {

	font-family: 'neo_sansregular', arial, verdana, sans-serif;

	color: #605343;

	font-size: 13px;

	text-align: left;

	border-style: solid;

	border-color: #E0E0E0; 

	border-width: 2px; 

	background-color: #E0E0E0;

	outline:none;

	border-radius: 4px;

	padding:2px 4px 2px 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	behavior:url(border-radius.htc);

}







/*INICIO DO MENU SERVIÇOS*/

#cssmenu ul {

  margin: 0;

  padding: 0;

}

#cssmenu li {

  margin: 0;

  padding: 0;

}

#cssmenu a {

  margin: 0;

  padding: 0;

}

#cssmenu ul {

  list-style: none;

}

#cssmenu a {

  text-decoration: none;

}

#cssmenu {

  position: relative;

  z-index: 99;

}

#cssmenu > ul > li {

  float: left;

  margin-left: 0px;

  position: relative;

}

/*MENU PRINCIPAL*/

#cssmenu > ul > li > a {



}

#cssmenu > ul > li > a:hover {



}

/*COR DO TOPO E DO RODAPE DO SUBMENU*/

#cssmenu > ul > li > ul {

  opacity: 0;

  visibility: hidden;

  padding: 6px 0 6px 0;

  background-color: #fafafa;

  text-align: left;

  position: absolute;

  top: 35px;

  left: 50%;

  margin-left: -90px;

  width: 180px;

  -webkit-transition: all .3s .1s;

  -moz-transition: all .3s .1s;

  -o-transition: all .3s .1s;

  transition: all .3s .1s;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 1.0);

  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 1.0);

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 1.0);

}



/*DISTANCIA ENTRE O MENU E A SETA*/

#cssmenu > ul > li:hover > ul {

  opacity: 1;

  top: 55px;

  visibility: visible;

}

/*SETA DO SUBMENU*/

#cssmenu > ul > li > ul:before {

  content: '';

  display: block;

  border-color: transparent transparent #fafafa transparent;

  border-style: solid;

  border-width: 10px;

  position: absolute;

  top: -20px;

  left: 50%;

  margin-left: -10px;

}

#cssmenu > ul ul > li {

  position: relative;

}

/*SUB MENU*/

#cssmenu ul ul a {

  color: #3E4095;

  font-family: 'neo_sansregular', sans-serif, verdana, arial;

  font-size: 13px;

  line-height: 120%;

  background-color: #fafafa;

  padding: 6px 8px 6px 8px;

  display: block;

  font-weight: normal;

  -webkit-transition: background-color 0.1s;

  -moz-transition: background-color 0.1s;

  -o-transition: background-color 0.1s;

  transition: background-color 0.1s;

}

#cssmenu ul ul a:hover {

  background-color: #ED3237;

}

#cssmenu ul ul ul {

  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: -16px;

  left: 206px;

  padding: 16px 0 20px 0;

  background-color: #fafafa;

  text-align: left;

  width: 180px;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);

}

#cssmenu ul ul > li:hover > ul {

  opacity: 1;

  left: 190px;

  visibility: visible;

}

#cssmenu ul ul a:hover {

  color: #f0f0f0;

}

/*TERMINO DO MENU SERVIÇOS*/







#local_menu_320 { display: none; }

#menu_responsabilidade768 { display: none; }





/* INICIO DO RESPONSIVO */



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

#container { max-width: 320px; margin: 0 auto;}



body{ BACKGROUND-IMAGE: url(imagens/fundo-320.jpg);  }



#local_menu_320 { width: 320px; margin-top: 20px; float: left; display:inline; position: relative; z-index: 999999;}



#local_menu_a { display: none; }



#topo { width: 320px; }



#local_logo_animado { margin-left: 8px; margin-top: 22px;}



#local_fone_animado { width: 320px;	height: 61px; margin-top: 17px;	margin-left: 0px; }



#fone1 { width: 177px; height: 61px; BACKGROUND-IMAGE: url(imagens/skype-320.png); }



#fone2 { width: 143px; height: 61px; BACKGROUND-IMAGE: url(imagens/fone-320.png); }



#banner { display: none; }



#bt_seta_esq{ display: none; }



#bt_seta_dir{ display: none; }



#conteudo {	width: 300px; padding: 20px 10px 60px 10px;	margin-top: 73px; }



#titulos1 {	width: 170px; margin-top: 0px; font-size: 14px; padding-right: 20px; }



#titulos2 {	width: 108px; margin-top: -2px; }



#area_produtos { width: 300px; margin-left: 10px; margin-bottom: 0px; }



#depoimentos_inicial { width: 300px; height: 250px; margin-top: 35px; BACKGROUND-IMAGE: url(imagens/depoimentos_inicial-f320.png); }



#depoimentos_inicial2 {	width: 300px; height: 48px; margin-top: 9px; margin-left: 12px; BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2-320.png);  }

#depoimentos_inicial2:hover { BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2b-320.png); }



#depoimentos_inicial3 {	width: 265px; height: 185px; margin-left: 16px; margin-top: 5px; line-height: 170%;	FONT-SIZE: 13px; }



#rodape_sombra { width: 320px; BACKGROUND-IMAGE: url(imagens/rodape_sombra-320.png); }



#rodape_txt { width: 310px; height: 105px; margin-top: 20px;	font-size:11px; margin-left: 5px;}



#rodape_redes {	margin-top: 5px; margin-left: 152px; }



#bt_credito{  margin-left: 0px; margin-top: -15px;}



#borda_conteudo { width: 320px; margin-top: 70px;}



#conteudo_interno {	width: 300px; padding: 20px 10px 60px 10px; font-size: 13px;}



#empresa_img { margin-left: 16px; margin-top: 23px; }



#divisor_fotos { width: 300px; }



#titulos3 {	width: 100px; margin-top: 0px; font-size: 14px; padding-right: 20px; }



#titulos4 { width: 178px; margin-top: -2px;}



#depoimentos_interno { width: 265px; BACKGROUND-IMAGE: url(imagens/aspas-320.png);  }



#titulos5 {	width: 280px; font-size: 16px; }

	

#titulos6 {	width: 300px; }



#ambiental_img { margin-left: 60px; }



#ambiental_txt { width: 300px; margin-left: 0px;	margin-top: 10px; text-align: center;}



#area_contato { width: 300px; height: auto; margin-top: 5px; }

	

#area_contato_txt {	width: 300px; height: auto; }

	

#area_contato_mapa { margin-top: 30px; margin-left: 90px; }



#area_contato2 { width: 300px; margin-top: 70px; margin-left: 0px; }











}

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

#container { max-width: 480px; margin: 0 auto; }



body{ BACKGROUND-IMAGE: url(imagens/fundo-320.jpg);  }



#local_menu_320 { display: none; }



#menu_responsabilidade { display: none; }



#menu_responsabilidade768 { display: inline; }



#topo { width: 480px; }



#local_logo_animado {

	width: 227px;

	height: 98px;

	float: left;

	display:inline;

	margin-top: 33px;

	margin-left: 0px;

}



#logo1 { width: 227px; height: 78px; BACKGROUND-IMAGE: url(imagens/logo1-768.png); }



#logo2 { width: 227px; height: 20px; BACKGROUND-IMAGE: url(imagens/logo2-768.png); }



#local_fone_animado { width: 159px;	height: 70px; margin-top: 46px;	margin-left: 93px; }



#fone1 { width: 159px; height: 35px; BACKGROUND-IMAGE: url(imagens/skype-768.png); }



#fone2 { width: 159px; height: 35px; BACKGROUND-IMAGE: url(imagens/fone-768.png); }



#local_menu_a {	width: 480px; margin-top: 31px;	}



#local_menu { width: 480px; }



#banner_responsivo { width: 480px;}

#banner_responsivo img{ max-width: 480px; }



#banner { width: 480px;	height: 126px; }



#banner_conteudo { width: 480px; height: 126px; }



#borda_banner { width: 480px; }



#bt_animacao {	padding: 24px 4px 24px 4px;	font-size:10px; }



#bt_seta_esq{  margin-left: 425px; margin-top: -35px; }		



#bt_seta_dir{  margin-left: 450px; margin-top: -35px; } 



#conteudo { width: 440px; padding: 20px 20px 60px 20px; }

	

#titulos1 {	width: 190px; margin-top: 0px; font-size: 16px; }



#titulos2 {	width: 217px; margin-top: 0px; }



#area_produtos { width: 280px; margin-left: 75px; margin-bottom: 0px; }



#depoimentos_inicial { width: 440px; height: 165px; margin-top: 35px; BACKGROUND-IMAGE: url(imagens/depoimentos_inicial-f480.png); }



#depoimentos_inicial2 {	width: 413px; height: 48px; margin-top: 9px; BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2-480.png);  }

#depoimentos_inicial2:hover { BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2b-480.png); }



#depoimentos_inicial3 {	width: 390px; margin-left: 25px; margin-top: 0px; line-height: 160%;	FONT-SIZE: 12px; }



#rodape_sombra { width: 480px; BACKGROUND-IMAGE: url(imagens/rodape_sombra-480.png); }



#rodape_txt { width: 470px; height: 105px; margin-top: 20px;	font-size:12px; margin-left: 5px; }



#rodape_redes {	margin-top: 5px; margin-left: 315px; }



#bt_credito{  margin-left: 0px; margin-top: -15px;}



#borda_conteudo { width: 480px; }



#conteudo_interno {	width: 440px; padding: 20px 20px 60px 20px; font-size: 13px;}



#empresa_img { margin-left: 16px; margin-top: 23px; }



#divisor_fotos { width: 440px; }



#titulos3 {	width: 110px; margin-top: 0px; font-size: 16px; }



#titulos4 { width: 298px;  margin-top: -2px; }



#depoimentos_interno { width: 405px; BACKGROUND-IMAGE: url(imagens/aspas-480.png); }



#titulos5 {	width: 280px; font-size: 16px; }

	

#titulos6 {	width: 128px; }



#ambiental_txt { width: 231px; margin-left: 30px; margin-top: 10px; }



#area_contato { width: 440px; height: auto; margin-top: 20px; }

	

#area_contato_txt {	width: 280px; height: auto; }

	

#area_contato_mapa { margin-top: 0px; margin-left: 30px; }



#area_contato2 { width: 440px; margin-top: 70px; margin-left: 0px; }







}

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

#container { max-width: 768px; margin: 0 auto;}



#local_menu_320 { display: none; }



#topo { width: 768px; }



#local_logo_animado { margin-left: 10px; }



#local_fone_animado { margin-left: 190px; }



#local_menu_a {	width: 768px; }



#menu_responsabilidade { display: none; }



#menu_responsabilidade768 { display: inline; }



#local_menu { width: 768px; }



#banner_responsivo { width: 768px;}

#banner_responsivo img{ max-width: 768px; }



#bt_animacao { padding: 24px 15px 24px 15px; }



#banner { width: 768px; height: 204px; }



#banner_conteudo { width: 768px; height: 204px; }



#bt_seta_esq{ margin-left: 710px; margin-top: -40px; }		



#bt_seta_dir{ margin-left: 740px; margin-top: -40px; }



#borda_banner {	width: 768px; }



#conteudo {	width: 694px; }



#titulos2 { width: 418px; }



#area_produtos { width: 211px;	BACKGROUND-IMAGE: url(imagens/fd_produtos768.png); }



#semproduto_responsivo { width: 180px; margin-top: 10px;}

#semproduto_responsivo img{ max-width: 180px; }



#produtos_img {	width: 180px; height: 155px;	margin-left: 13px; }



#depoimentos_inicial { width: 694px; margin-top: 10px; }



#depoimentos_inicial2 {	width: 200px; BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2-768.png); margin-top: 20px; }

#depoimentos_inicial2:hover { BACKGROUND-IMAGE: url(imagens/depoimentos_inicial2b-768.png); }



#depoimentos_inicial3 {	width: 410px; margin-left: 27px; line-height: 160%;	FONT-SIZE: 13px; }



#rodape_sombra { width: 768px; }



#rodape_txt { width: 560px;	font-size:13px; margin-left: 28px; }



#borda_conteudo { width: 768px; }



#conteudo_interno {	width: 694px; }



#empresa_img { margin-left: 38px; margin-top: 23px; }



#divisor_fotos { width: 694px; }



#titulos4 { width: 518px; }



#depoimentos_interno { width: 659px; BACKGROUND-IMAGE: url(imagens/aspas-768.png); }



#titulos6 {	width: 302px; }



#ambiental_txt { width: 485px; margin-left: 30px; margin-top: 50px; }

	

#area_contato { width: 300px; }

	

#area_contato_txt { width: 300px; }



#area_contato_mapa { margin-left: 50px; }



#area_contato2 { width: 350px;}	

	







}

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

#container { width: 980px; margin: 0 auto;}



}