/* 520px */

@charset "utf-8";

body{

        background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
        background: #fff;
}



h4{
font-family: "Trebuchet MS", Sans-serif;
font-weight: 200;
font-size: 1.0em; /*16 pixels*/
line-height: 1.8em; /*24 pixels*/
color:#000000;
margin-left: 5px;
text-decoration: none;
}

h4 :link, a:visited { 
text-decoration:none;
color: #000000;
}

h4 :hover {
text-decoration:none; 
color: #000000;
}

h5{
font-family: "Arial", Sans-serif;
font-size: 0.875em;
color: #000000;
text-decoration: none;
font-weight: normal;
/*    text-align: center; */
padding-top: 10px;
margin-bottom: 10px;
height: 50px;
background: #E6E9ED;
padding-left: 30px;
}




/*-------------------------------------------------------------*/
header{
    display: block;
    background: #003366;
    width:100%;
    text-align: center;
}

.wrap {
   background: url(../imagens/superior_520.jpg) no-repeat center top;
   width:520px;
   height: 66px;
   margin: 0 auto;

}

.fundo {
width: 520px;
background-color: #0030B8;
}



.bannerfundo {

background: url(../imagens/fundo_banner_2_520.jpg) center center;    
width: 100%;
height: 156px;
margin: 0 auto;
}

.bannercontato {
 background: url(../imagens/fundo_banner_3.jpg) no-repeat center center; 
 width: 100%;
 height: 156px;
 margin: 0 auto;
}

.bannertop {
   width: 520px;
   height: 156px;
   margin: 0 auto;
}

div.background0 {
   width: 200px;
   height: 20px;
   float: left;
}
div.background00 {
   height: 7px;
   background: #ED7600;
}

div.background1 {
   height: 1px;
   background: #fff;
   border: 1px solid #fff;
}

div.background2 {
   height: 5px;
   background: #fff;
   border: 1px solid #fff;
}


tarja_menu{
    display: block;
    background: #ED7600;
    width:100%;
    height: 50px;
    left: 0;
    z-index: 2000;
}


/*BANNER
-------------------------------------------------------------*/
/* Easy Slider */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
    }

#banner
{
    position: relative;
    width: 520px;
    height: 156px;
z-index: 300;
    
}

#banner img
{
    width: 520px;
    height: 156px;
    border: 0px;
}

	#slider linha, #slider li,
	#slider2 linha, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 520px;
		height: 156px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:25px;
		height:25px;
		position:absolute;
		left: 5px;
		top: 65px;
		}

	
	#nextBtn, #slider1next{ 
		left:490px;
		}

														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:25x;
		height:25px;
		background:url(../imagens/banner/btn_prev.png) no-repeat 0 0;	
		}
    	
	#nextBtn a, #slider1next a{ 
		background:url(../imagens/banner/btn_next.png) no-repeat 0 0;	
		}	

		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:68px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/* // Easy Slider // */


/*-------------------------------------------------------------*/
.principal {
clear:both;
background: #fff;
width: 520px;
height: auto;
margin: 0 auto;
}

.principal_menu {
clear:both;
background: #fff;
width: 520px;
height: 1550px;
margin: 0 auto;
}

.principal_home {
clear:both;
width: 520px;
height: 380px;
margin: 0 auto;
background: #fff;
}


.principal_contato {
clear:both;
width: 520px;
height: 605px;
margin: 0 auto;
background: #fff;
}


.principal_empresa {
clear:both;
background: #fff;
width: 520px;
height: 650px;
margin: 0 auto;
}

.principal_servicos {
clear:both;
background: #fff;
width: 520px;
height: 1080px;
margin: 0 auto;
}


.principal_produtos {
clear:both;
background: #fff;
width: 570px;
height: 930px;
margin: 0 auto;
}

.principal_freiem {
clear:both;
background: #fff;
width: 520px;
height: 2820px;
margin: 0 auto;
}
.principal_unioes {
clear:both;
background: #fff;
width: 520px;
height: 698px;
margin: 0 auto;
}

.tarja_pdf_unioes {
width: 250px;
height: 40px;
float: left;
}


.tarja_pdf_unioes2 {
width: 500px;
height: 40px;
float: left;
}

.ladoinfo_unioes {
background: #fff;
width: 520px;
height: 175px;
float: left;
}

.ladoinfo_unioes2 {
background: #fff;
width: 520px;
height: auto;
float: right;
}

.titulo_unioes{
width: 510px;
height: 25px;
padding-left: 5px;
float: left;
background: url(../imagens/linha_horz2.jpg) repeat-x;
}

.texto_unioes {
width:505px;
height: 190px;
font-family: "Arial", Sans-serif;
font-size: 0.938em;
line-height: 1.5em; /*24 pixels*/
color:#000;
float: left;
padding-left: 10px;
}

.texto_unioes2 {
width:260px;
height: 20px;
font-family: "Arial", Sans-serif;
font-size: 0.938em;
line-height: 1.5em; /*24 pixels*/
color:#000;
float: right;
}

.tarja_foto_unioes {
  background: #fff;
   width: 250px;
   height: 150px;
   float: left;

   margin-left: 1px;
}
.tarja_foto_unioes img{
    width: 250px;
    height: 150px;
}

.titulo_pdf_unioes {
font-family: "Arial", Sans-serif;
font-size: 0.875em;
font-weight: bold;
color:#000;
   float: left;
padding-top: 5px;
   width: 210px;
   height: 50px;
}

.logo_pdf_unioes {
   background: url(../imagens/pdf.gif) no-repeat center top;
   width:32px;
   height: 32px;
   float: left;
   padding-left: 3px;
}

.principal_tarja {
background: #fff;
clear:both;
width: 520px;
height: 57px;
margin: 0 auto;
}

.ladomenu {
background: #fff;
width:520px;
height: 43px;
float: left;
}

.ladomenu_home {
background: #fff;
width:150px;
height: 350px;
float: left;
}


.ladomenu_empresa {
background: #fff;
width:150px;
height: 460px;
float: left;
}

.ladomenu_contato {
background: #fff;
width:510px;
height: 280px;
float: left;
}

.ladomenu_tarja {
background: #fff;
width: 520px;
height: 37px;
margin: 0 auto;
}



.titulo_central {
width: 300px;
height: 50px;
font-family: "Arial", Sans-serif;
font-weight: normal;
font-size: 0.875em;
color:#000;
float: left;
background: #fff;
}

.tarja_pdf {
background: #fff;
width: 510px;
height: 60px;
float: left;
}



.logo_pdf {
   background: url(../imagens/pdf.gif) no-repeat center top;
   width:32px;
   height: 32px;
   float: left;
   padding-left: 30px;
}

.titulo_pdf {
font-family: "Arial", Sans-serif;
font-size: 0.875em;
font-weight: bold;
color:#000;
float: right;
padding-top: 5px;
   width: 430px;
   height: 40px;
}

.ladoinfo {
background: #fff;
width: 360px;
height: 400px;
float: right;
background: url(../imagens/linha_vertical.jpg) repeat-y;
}


.ladoinfo_empresa {
background: #fff;
width: 368px;
height: auto;
float: right;
background: url(../imagens/linha_vertical_520.jpg) repeat-y; 
}

.ladoinfo_contato {
width: 380px;
height: 300px;
   float: left;
}


.ladoinfo_produtos {
width: 520px;
height: 400px;
float: right;
}

.ladoinfo_detalhes {
background: #fff;
width: 520px;
height: auto;
float: right;
}

.ladoinfo_tarja {
background: #E6E9ED;
width: 510px;
height: 35px;
float: left; 
}

.ladoinfo_tarja2 {
background: #E6E9ED;
width: 510px;
height: 35px;
float: left; 
}

.ladoinfo_tarja3 {
background: #E6E9ED;
width: 510px;
height: 60px;
float: left; 
}


.servicosesq {
width: 310px;
height: auto;
float: left; 
padding-left: 10px;

}

.servicosdir {
background: #fff;
width: 510px;
height: auto;
padding-right: 15px;
float: right; 
}

.texto_informa {
width:500px;
height: 45px;
font-family: "Arial", Sans-serif;
color: #ED7600;
font-size: 1.125em;
line-height: 1.2em;
letter-spacing: 0.01em;
padding-left: 30px;
float: left;
}

.titulo_produtos {
width:518px;
height: 55px;
font-family: "Arial", Sans-serif;
color: #ED7600;
font-size: 1.375em;
line-height: 1.2em;
letter-spacing: 0.01em;
padding-left: 5px;
float: left;
}

.titulo_produtos2 {
width:350px;
height: 35px;
font-family: "Arial", Sans-serif;
color: #ED7600;
font-size: 1.375em;
line-height: 1.2em;
letter-spacing: 0.01em;
padding-left: 15px;
float: left;
}

.titulo_detalhes{
width: 510px;
height: 50px;
font-family: "Arial", Sans-serif;
color: #ED7600;
font-size: 1.000em;
line-height: 1.2em;
letter-spacing: 0.01em;
padding-left: 5px;
padding-top: 10px;
float: left;
/* background: url(../imagens/linha_horz.jpg) repeat-x; */
}

.titulo_detalhes_2 { 
width: 510px;
height: 55px;
font-family: "Arial", Sans-serif;
color: #ED7600;
font-size: 1.000em;
line-height: 1.2em;
letter-spacing: 0.0em;
padding-left: 5px;
float: left;
/* background: url(../imagens/linha_horz.jpg) repeat-x; */
}

.empresa {
background: #fff;
clear:both;
width:150px;
height: 200px;
margin: 0 auto;
}

.telemail {
background: #fff;
clear:both;
width: 320px;
height: 300px;
float: left;
padding-left: 30px;
}

.telemail2 {
background: #fff;
clear:both;
width: 320px;
height: 300px;
float: left;
padding-left: 30px;
}

.foto_empresa {
background: url(../imagens/foto_empresa_520.png) no-repeat center top;
clear:both;
width:150px;
height: 145px;
float: right;
margin-top: 75px;
}

.foto_contato1 {
background: url(../imagens/foto_contato1.png) no-repeat center top;
clear:both;
width:150px;
height: 190px;
float: left;
}


.foto_contato2 {
background: url(../imagens/foto_contato2.png) no-repeat center top;
clear:both;
width:150px;
height: 190px;
float: left;
}

.texto_empresa {
font-family: "Arial", Sans-serif;
font-size: 0.875em; /*14 pixels*/
color:#000;
float: left;
text-indent: 40px;
padding-left: 15px;
}

.texto_emp {
font-family: "Arial", Sans-serif;
font-size: 0.813em;
color:#000;
float: left;
padding-left: 5px;
}

.texto_empresanor {
font-family: "Arial", Sans-serif;
font-size: 0.875em; /*14 pixels*/
color:#000;
float: left;
padding-top: 0px;
padding-left: 3px;
}

.texto_detalhes {
width:500px;
height: auto;
font-family: "Arial", Sans-serif;
font-size: 0.938em;
line-height: 1.8em; /*24 pixels*/
color:#000;
float: right;
}

.texto_detalhes0 {
background: #fff;
width:510px;
height: auto;
font-family: "Arial", Sans-serif;
font-size: 0.938em;
line-height: 1.8em; /*24 pixels*/
color:#000;
float: right;
}



.texto_detalhes2 {
width:380px;
height: 380px;
font-family: "Arial", Sans-serif;
font-size: 0.938em;
line-height: 1.5em; /*24 pixels*/
color:#000;
float: left;
}

.texto_inicio {
width: 15px;
height: 15px;;
font-family: "Arial", Sans-serif;
font-size: 1.250em;
color:#000;
float: left;
margin-left: -15px;
}

.tarja_logo {
   width: 510px;
   height: 100px;
   float: left;
   margin-top: 10px;
   background: #fff;
}


.tarja_logo2 {
   background: #fff;
   width: 520px;
   height: 150px;
   margin: 0 auto;
}

.selo_wpt_power {
        background: url(../imagens/selo_wpt_power_800.jpg) no-repeat ;
	width: 130px;
	height: 140px;
   float: left; 
}

.selo_duns {
        background: url(../imagens/logos/selo_duns.png) no-repeat ;
	width: 130px;
	height: 100px;
float: right;
}

.logo_coremo {
   background: url(../imagens/logos/logo_coremo_520.png) no-repeat center top;
   width:160px;
   height: 60px;
   float: left;

}



.logo_warner {
   background: url(../imagens/logos/logo_warner_520.png) no-repeat center top;
   width:170px;
   height: 70px;
   float: left;
   padding-left: 0px;
}

.logo_wichita {
   background: url(../imagens/logos/logo_wichita_520.png) no-repeat center top;
   width:123px;
   height: 70px;
   float: left;
   padding-left: 0px;
}

.logo_eaton {
   background: url(../imagens/logos/logo_eaton_520.gif) no-repeat center top;
   width: 170px;
   height: 70px;
   float: left;
   padding-left: 0px;
}

.logo_ompi {
   background: url(../imagens/logos/logo_ompi_520.png) no-repeat center top;
   width: 175px;
   height: 100px;
   float: left;
   padding-left: 0px;
}


.logo_ompi2 {
   background: url(../imagens/logos/logo_ompi2.png) no-repeat center top;
   width: 185px;
   height: 42px;
   float: left;
   padding-left: 0px;
}


.logo_girol {
   background: url(../imagens/logos/logo_girol.png) no-repeat center top;
   width: 295px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_girol2 {
   background: url(../imagens/logos/logo_girol2.png) no-repeat center top;
   width: 185px;
   height: 45px;
   float: left;
   padding-left: 0px;

}


.logo_wpt {
   background: url(../imagens/logos/logo_wpt_520.png) no-repeat center top;
   width: 170px;
   height: 70px;
   float: left;
   padding-left: 0px;
}

.logo_wpt_power {
   background: url(../imagens/logos/logo_wpt_power.png) no-repeat center top;
   width: 200px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_nexen {
   background: url(../imagens/logos/logo-nexen_520.png) no-repeat center top;
   width: 170px;
   height: 70px;
   float: left;
}


.logo_merobel {
   background: url(../imagens/logos/logo_merobel_520.png) no-repeat center top;
   width: 170px;
   height: 70px;
   float: left;
   padding-left: 0px;
}

.logo_binder {
   background: url(../imagens/logos/logo_binder_800.png) no-repeat center top;
   width: 180px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_comintec {
   background: url(../imagens/logos/logo_comintec_520.png) no-repeat center top;
   width: 170px;
   height: 70px;
   float: left;
   padding-left: 0px;
}


.logo_formsprag {
   background: url(../imagens/logos/logo_formsprag_520.png) no-repeat center top;
   width: 160px;
   height: 75px;
   float: left;
   padding-left: 0px;
}
.logo_marland {
   background: url(../imagens/logos/logo_marland_520.png) no-repeat center top;
   width: 160px;
   height: 75px;
   float: left;
   padding-left: 0px;
}
.logo_stieber {
   background: url(../imagens/logos/logo_stieber_520.png) no-repeat center top;
   width: 150px;
   height: 75px;
   float: left;
   padding-left: 0px;
}

.logo_stromag {
   background: url(../imagens/logos/logo_stromag.png) no-repeat center top;
   width:200px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_clutch {
   background: url(../imagens/logos/logo_industrial_clutch.png) no-repeat center top; 
   width:250px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_twiflex {
   background: url(../imagens/logos/logo_twiflex.png) no-repeat center top; 
   width:250px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_svendborg {
   background: url(../imagens/logos/logo_svendborg.png) no-repeat center top; 
   width:250px;
   height: 100px;
   float: left;
   padding-left: 0px;
}

.logo_redex_andantex {
   background: url(../imagens/logos/logo_redex_andantex.png) no-repeat center top; 
   width:250px;
   height: 55px;
   float: left;
   padding-left: 0px;
}

.titulo_empresa_m {
font-family: "Arial", Sans-serif;
font-size: 1.250em;
color:#003366;
text-align: right;

}

.titulo_empresa {
font-family: "Arial", Sans-serif;
font-size: 0.875em;
color:#003366;
text-align: right;
}

.tarja_seta {
   background: url(../imagens/tarja_seta_produto_520.jpg) no-repeat center top;
   width:520px;
   height: 30px;
   margin: 0 auto;
}

.tarja_seta_produtos {
   background: url(../imagens/tarja_seta_produto_520.jpg) no-repeat center top;
   width: 520px;
   height: 30px;
   margin: 0 auto;
}

.tarja_produtos {
   background: url(../imagens/tarja_produtos.png) no-repeat center top;
   width:720px;
   height: 37px;
   margin: 0 auto;
}

.tarja_foto {

   float: left;
   margin-top: 0px;
   margin-left: 10px;
}

.tarja_foto img {
   width: 310px;
   height: 310px;
    border: 0px;
}





.distribuidor {
   width: 245px;
   height: 630px;
   background-color: #fff;
   border-radius: 12px;
   border: 2px solid #296DC0;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   margin: 0 auto;
   margin-top: 75px;
}

.distribuidor_texto {
   font-family: "Arial", Helvetica, sans-serif;
   color: #000;
   font-weight:bold;
   font-size: 1.250em; /* 20px ÷ 16px = 0.875em */
   line-height: 1.1em; /* 60px ÷ 60px = 1em */
   width: 225px;
   height: 70px;
   margin: 0 auto;
   text-align: center;
   padding-top: 10px;
}


.tarja_distribuidor {
   background: url(../imagens/ilu_1.png) no-repeat center top;
   width: 172px;
   height: 546px;
   padding-top: 1px;
   margin: 0 auto;
}






/*-------------------------------------------------------------*/
#content {
  width: 518px;
  height: 3710px;
  margin: auto;
  background: #fff;
}

#content_unioes {
  width: 518px;
  height: 620px;
  margin: auto;
  background: #fff;
}

#content2 {
  background: #fff;
  width: 778px;
  height: 310px;
float: right;
}

#content3 {
  background: #fff;
  width: 520px;
  height: 320px;
  margin: auto;
}

/*
=========================
Image Gallery - imagens
=========================
*/

div.produtos {
    background: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 192px;
    height: 285px;
    padding-right: 35px;
    padding-left: 30px;
    margin-top: 20px;
}

div.produtos2 {
    background: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 192px;
    height: 295px;
    padding-right: 28px;
    margin-top: 20px;
}


div.catalogo {
    background: #fff;
    background: url(../imagens/img_20.png) no-repeat center top; 
    margin: 0px;
    padding: 0px;
    float: left;
    width: 704px;
    height: 190px;
    margin-top: 20px;
}

div.img {
    background: #fff;
    margin: 0px;
    padding: 0px;
    width: 192px;
    height: 212px;
    margin: 0 auto;
    text-align: center;
}
div.img2 {
    background: #fff;
    margin: 0px;
    padding: 0px;
    width: 192px;
    height: 195px;
    margin: 0 auto;
    text-align: center;
}

div.img3 {
    background: #fff;
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: 150px;
    float: left;
    padding-right: 5px;
    margin-top: 10px;
    padding-left: 10px;
    border: 1px solid #fff;
}



div.img img {
    display: inline;
    margin: 0px;
    padding: 2px;
}

div.img:hover {
     /*  border: 1px solid #fff;*/
}

div.desc {
 /* background: url(../imagens/tarja_desc2.png) no-repeat center top; */
    text-align: center;
    width: 192px;
    height: 65px;
    font-family: "Arial", Helvetica, sans-serif;
    color: #000;
    font-weight: normal;
    font-size: 1.063em;
    line-height: 1.1em;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
background-color: #E6E9ED;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

div.desc:hover {
    background-color: #fff;
    color: #000;
}

div.desc:link {
color: #000;
}



div.desc2 {
 /* background: url(../imagens/tarja_desc2.png) no-repeat center top; */
    text-align: center;
    width: 192px;
    height: 85px;
    font-family: "Arial", Helvetica, sans-serif;
    color: #000;
    font-size: 0.938em;
    font-weight: bold;
    line-height: 1.1em;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
background-color: #E6E9ED;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

div.desc2:hover {
    background-color: #fff;
    color: #000;
}

div.desc2:link {
color: #000;
}
/*FOOTER-------------------------------------------------------------*/

#footer{
        clear:both;
	width:100%;
        margin: 0 auto;
	height: 150px;
        background-color: #14252F;
}

.footeresq{
	width:80%;
	height: 120px;
        margin: 0 auto;
        border: 1px;
        padding-top: 20px;
        text-align: center;
}


.footer_company {
        font-family: 'Arial', Sans-serif;
        font-size: 0.938em; /* 15px ÷ 16px = 0.875em */
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-top: 10px;
	color: #FFF;
	padding-bottom: 10px;
        margin: 0 auto;
}


.footer_endereco {
        font-family: 'Arial', Sans-serif;
        font-size: 0.938em; /* 15px ÷ 16px = 0.875em */
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	width: 90%;
	height: 20px;
	color: #fff;
	margin-top: 5px;
	padding-bottom: 10px;
	margin-right: 10px;
        margin: 0 auto;
}
.footer_tel {
        background: url(../imagens/phone.png) no-repeat ;
        font-family: 'Arial', Sans-serif;
        font-size: 0.938em; /* 15px ÷ 16px = 0.875em */
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	width: 330px;
	height: 20px;
        margin: 0 auto;
	color: #fff;
	margin-top: 5px;
}


.footer_mail {
        background: url(../imagens/mail.png) no-repeat ;
        font-family: 'Arial', Sans-serif;
        font-size: 0.938em; /* 15px ÷ 16px = 0.875em */
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	width: 470px;
	height: 20px;
	color: #fff;
	margin-top: 5px;
	padding-bottom: 10px;
	padding-left: 40px;
        margin: 0 auto;
}

 
/*HOVER ZOOM-------------------------------------------------------------*/
.hoverzoom {
	position: relative;
    width: 185px;
    overflow: hidden;
}

.hoverzoom img {
 width: 100%;
	border-radius: 2px;
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover > img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}


.hoverzoom catalogo {
       width: 192px; 
	border-radius: 2px;
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

.hoverzoom .retina{
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    

    text-align: center;
    padding: 0px;
 
    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
    opacity: 1;

    
}
.hoverzoom .retina p {
	color: #fff;
}
.hoverzoom .retina a {
	display: block;
	width: 100px;
	background: #ED7600;
	border: 1px solid #59afd4;

	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 5px 5px;
	margin: 56px auto 0;
   font-family: "Arial", Helvetica, sans-serif;
   color: #FFF;
   font-weight:bold;
   font-size: 1.125em;
   line-height: 1.1em;
}









/* MENU LATERAL INICIO ------------------------------------


--------------------
<caminho class="listaNav">
*/


.botao {
display: block;
 
background: #F3F3F3;
width: 200px;
float: left;
z-index: 1000;
}
       
.titulo_menu {
clear:both;
/* background: #125170; */
height: 33px;
margin: 0 auto;
font-family: "Arial", Sans-serif;
font-weight: normal;
font-size: 1.375em;
letter-spacing: 0.1em;
color:#000;
text-align: left;
padding-top: 6px;
background: url(../imagens/linha_horz.jpg) repeat-x;

}


.titulo_menu2 {
clear:both;
background: #E4E4E4;
/* background: #C4CBD5; */

font-family: "Arial", Sans-serif;
font-size: 1.063em;
font-weight: bold;
color: #004A86;
text-align: center;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 6px;
margin-left: 10px; 
border-bottom: 1px solid #004A79;
text-align: left;
}


.botao caminho {
font-family: "Arial", Arial, Sans-serif;
font-size: 0.938em;
font-weight: normal;
color: #000;
padding: 0;
list-style: none;
border-bottom: 1px solid #004A79;
text-align: left;
list-style-type: none;
text-decoration: none;
}
       
linha {
        display: block;
	
/* background: #E6E9ED; */
	color: #000;
	text-decoration: none;
	padding-top: 2px;
        padding-bottom: 3px;
        margin-left: 10px;      
        list-style: none;	
        border-bottom: 1px solid #004A79;
}


       
a {
text-decoration: none;
	color: #000;
}
       
a:hover {
color: #004A86;



}
       
botao-toggle {
	display: none;
}
       
.fotoXXXXX {
    width: 80%;
    float: right;
}

/*Media Queries*/
@media only screen and (max-width: 800px) {
.conteudo {
	 max-width: 100%;
	 margin: 0;
}
  
.botao {
    width: 200px;
    position: absolute;
    left: 0;
}
	       
.botao caminho {
    margin: 0;
    background: #444;
        font-size: 75%; /* 12 */
}		
	       
linha {
    margin-left: 10px;
    padding: 0;
    display: block;
}
       			
linha a {
   padding: 0.5em 0 0.5em 0;
   display: block;
   color: #000;
}
  
.botao-toggle {
    position: absolute;
    top: 0;
    right: -56px;
    font-family: "Arial", Arial, Sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    color: #FFF;
    cursor: pointer;
    width: 50px;
    height:  24px;
    z-index: 1000;
    display: block;
    background: #000;
    padding: 12px 6px 6px 6px;
}
  
.foto X{
   width: 100%;
   position: relative;
   float: none;
}
}


/* MENU LATERAL FIM  ------------------------------------*/











/*
MENU_HORIZONTAL_COM_SUBMENU_VERTICAL_RESPONSIVO
AUTHOR: Osvaldas Valutis, www.osvaldas.info*/

canvas {
	-ms-touch-action: double-tap-zoom;
}
 [hidden] {
display: none;
}
a {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
sup, sub {
	font-size: 75%;
	line-height: 0;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
pre {
	display: block;
	overflow: auto;
}
code {
	font-family: 'Courier New', Courier, monospace;
}
ul, ol {
	list-style: none;
}
table {
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: hide;
}
img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea {
	-webkit-appearance: none;
}
button, input, select, textarea {
	vertical-align: baseline;
*vertical-align: middle;
	-webkit-border-radius: 0;
}
button, input {
	line-height: normal;
*overflow: visible;
}
table button, table input {
*overflow: auto;
}
button, input[type='button'], input[type='reset'], input[type='submit'] {
	cursor: pointer;
	-webkit-appearance: button;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration {
display: none;
}
input[type='search'] {
	-webkit-appearance: textfield;
}
input[type='radio'] {
	-webkit-appearance: radio;
}
input[type='checkbox'] {
	-webkit-appearance: checkbox;
}
input::-ms-clear {
display: none;
}
input[type='password']::-ms-reveal {
display: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cleaner {
	height: 0;
	line-height: 0;
	clear: both;
}

/*End RESET*/

a {
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
a, a:hover {
	text-decoration: none;
}
#nav {
	width: 520px; /* 1000 */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	/* position: absolute;*/
        margin: 0 auto;
	 /*top: 25%; */
	left: 50%;
        z-index: 5000;
}

#nav > a {
	display: none;
}
#nav li {
	position: relative;
}
#nav li a {
	color: #fff;
	display: block;
}
#nav li a:active {
	background-color: #c00 !important;
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul {
	height: 2.5em; /* 60 */
	background-color: #ED7600;
}
#nav > ul > li {
	width: 17.6%;
	height: 125%;
	float: left;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
}
#nav > ul > li > a {
	height: 100%;
	font-size: 1.250em; /* 24 */
	line-height: 2.667em; /* 40 (24) */
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: 1px solid #cc470d;
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
	background-color: #cc470d;
}
/* second level */

#nav li ul {
width: 220%; /* MUDE 180%  PARA 80% */
	background-color: #cc470d;
	display: none;
	position: absolute; 
	top: 105%;
        z-index: 4000; 
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	font-size: 1.0em; /* 20 */
	border-top: 1px solid #ED7600;
	padding: 1.25em; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
	background-color: #ED7600;
}
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
	width: 100%;
	position: static;
	margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
html {
	/*font-size: 80%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto;
        font-size: 80%; /* 12 */
}
#nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ED7600;
	position: relative;
}
#nav > a:before, #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
}
/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block;
}
#nav > ul > li {
	width: 100%;/* MUDE 100%  PARA 90% */
	float: none;
}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #cc470d;
}
/* second level */

#nav li ul {
	position: static;
	padding-left: 1.25em; /* 20 */
	padding-top: 0;
        font-size: 130%; /* 12 */
}
}

/* FIM MENU_HORIZONTAL_COM_SUBMENU_VERTICAL_RESPONSIVO */


/* FORMULARIO IBICIO  ------------------------------------*/

formContato {
      width: 100%;
  }

  .formContato input {
      width: 90%;
      margin-left: 10px;
      margin-right: 10px;
  }

  .formContato textarea {
      width: 90%;
      margin-left: 10px;
      margin-right: 10px;
  }

  .botaoContato {
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 1px;
  }

  .pgContato input {
      padding-left: 20px;
      color: #000;
      font-size: 1.125em;
      background-color: #E9E9E9;
      border: 1px solid #E9E9E9;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      height: 30px;
      width: 260px;
      float: left;
      margin-bottom: 10px;
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
  }

  .pgContato textarea {
      padding-left: 20px;
      color: #000;
      font-size: 18px;
      background-color: #E9E9E9;
      border: 1px solid #E9E9E9;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      height: 100px;
      width: 265px;
      float: left;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc; 
  }

  .botaoContato {
      border-radius: 4px;
      color: #fff;
      padding: 2px 40px;
      height: 30px;
      margin-top: 18px;
      opacity: 0.9;
      margin-bottom: 20px;
      cursor: pointer;
      background: rgb(237,118,0);
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, rgb(237,118,0) 0%, rgb(237,118,0) 20%, rgb(237,118,0) 93%, rgb(237,118,0) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,118,0)), color-stop(20%,rgb(237,118,0)), color-stop(93%,rgb(237,118,0)), color-stop(100%,rgb(237,118,0)));
      background: -webkit-linear-gradient(top, rgb(237,118,0) 0%,rgb(237,118,0) 20%,rgb(237,118,0) 93%,rgb(237,118,0) 100%);
      background: -o-linear-gradient(top, rgb(237,118,0) 0%,rgb(237,118,0) 20%,rgb(237,118,0) 93%,rgb(237,118,0) 100%);
      background: -ms-linear-gradient(top, rgb(237,118,0) 0%,rgb(237,118,0) 20%,rgb(237,118,0) 93%,rgb(237,118,0) 100%);
      background: linear-gradient(to bottom, rgb(237,118,0) 0%,rgb(237,118,0) 20%,rgb(237,118,0) 93%,rgb(237,118,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a21b1b', endColorstr='#a21b1b',GradientType=0 );
      display: inline-block;
      border: none;
      border-bottom: 1px solid #500707;
      border-right: 1px solid #500707;
  }

  .botaoContato:hover {
      opacity: 1.0;
      transition: 1s;
  }


/* FORMULARIO FIM  ------------------------------------*/