@charset "utf-8";

/* CSS Document */



html, body, #wrap 

{

height: 100%;

margin:0px;

background: url("imagens/mascara-banner.png") repeat scroll 0 0 transparent;

/*font-family:'PT Sans',sans-serif;*/
font-family:'Pathway Gothic One',sans-serif; 

font-size:16px;

color:#FFF;

}



body > #wrap 

{
 

height: auto; 

min-height: 100%;



}



#main 

{

	position:relative;

	padding-bottom:160px;

	background:transparent;





}  /* deve ser a mesma altura do rodapé */



#main2 

{

	position:relative;

	padding-bottom:160px;

	background:url(imagens/bg.jpg) repeat-x top #242424;





}  /* deve ser a mesma altura do rodapé */



@media (max-width: 967px) 
{
#header {
    background: url("imagens/bg-menu.png") repeat scroll 0 0 transparent;
    height: 400px;
    left: -381px;
    position: fixed;
    top: 40px;
    z-index: 100;
    display:none;
}
}


@media (min-width: 968px) 
{
#header {
    background: url("imagens/bg-menu.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: -281px;
    position: fixed;
    top: 0px;
    z-index: 100;
}
}

@media (max-width: 967px) 
{
.botaoMenu {
    background: url("imagens/icone-menu.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 80px;
    position: fixed;
    top: 40px;
    width: 80px;
    z-index: 100;
    display:none;
}
}

@media (min-width: 968px) 
{
.botaoMenu {
    background: url("imagens/icone-menu.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 80px;
    position: fixed;
    top: 0px;
    width: 80px;
    z-index: 1000;
}
}
.separaMenu {
    background: url("imagens/separa-menu.png") repeat-x scroll 0 0 transparent;
    height: 1px;
    margin-left: 30px;
    width: 221px;
    margin-top:45px;
}

#logo {
    margin-bottom: 20px;
    margin-top: 20px;
}

#logo {
   
    display: block;
    height: 180px;
    margin-bottom: 24px;
    margin-left: 30px;
    margin-top: 21px;
    width: 221px;
}
#logoDireita {
    background: url("imagens/logo-fade.png") no-repeat scroll 0 0 transparent;
    height: 176px;
    position: absolute;
    right: 26px;
    top: 20px;
	left:50%;
	margin-left:-110px;
    width: 227px;
    z-index: 100;
}
#menu a.linkMenu {
    color: #FFFFFF;
    display: block;
    font-size: 21px;
    height: 47px;
    line-height: 47px;
    overflow: hidden;
    padding: 0px 30px;
    text-transform: uppercase;
    width: 220px;
    left:00px;

}

#menu a:hover {
    background: none repeat scroll 0 0 #c1aa5e;
}

#menu .sem-hover a:hover {
    background: transparent;
}



#footer {

position: fixed;

bottom: 0px; /* A mesma altura do rodapé, o valor deve ser negativo */

height: 105px;

clear:both;

color:#999999;

z-index:999;

background-position:top;

width:100%;

font-size:12px;

background-color:#232426;

background-repeat:repeat-x;

}



/*headerBaixo {
    color: #A0A0A1;
    font-size: 12px;
    line-height: 18px;
    margin: 20px 0 20px 30px;
    text-align: left;
    width: auto;
    display:inline-block;
}*/

#headerBaixo {
 color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    margin: 390px 0 20px 10px;
    position: absolute;
    text-align: left;
    width: 280px;
}


#banner

{

	position:relative;

	width:100%;

}



#banner2

{

	position:relative;

	width:100%;

}


@media (max-width: 967px) 
{

.linha-footer
{
position:relative; left:0%; margin-left:45px; width:100%; padding-top:15px; padding-bottom:0px;
}
@media (min-width: 968px) 


.linha-footer
{
position:relative; left:50%; margin-left:-470px; width:950px; padding-top:15px; padding-bottom:0px
}
}









@media (max-width: 967px) 

.info_central_center

{

	position:relative;

	left:50%;

	margin-left:-475px;

	width:950px;

}



#maximage .mc-image img
{
 max-width:100%;
}


@media (max-width: 967px) 
{
#div-popup
{
diplay:none;
}


.info_central_center_info

{

	position:relative;

	margin:2%;

	text-align:justify;

	width:96%;

}

}
@media (min-width: 968px) {
.info_central_center_info

{

	position:relative;

	left:50%;

	margin-left:-222px;

	width:709px;

}
}


@media (min-width: 968px) {
.img-caixa-empresa
{
position: absolute; background:url(imagens/image_bg1.png) no-repeat bottom right; z-index:99; width:352px; height:340px; left:50%; margin-left:227px;
}
}
@media (max-width: 967px) {
.img-caixa-empresa
{
position: absolute; background:url(imagens/image_bg1.png) no-repeat bottom right; z-index:99; width:352px; height:340px; left:50%; margin-left:227px;
}
}



@media (min-width: 968px) {
.title-empresa
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:50%; top:75px; margin-left:-22px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;"
}
}
@media (max-width: 967px) {
.title-empresa
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:0%; top:75px; margin-left:-22px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;"
}
}

@media (min-width: 968px) 
{
.img-produto-bg3
{
position: absolute; background:url(imagens/image_bg3.png) no-repeat bottom right; z-index:99; width:389px; height:300px; left:50%; margin-left:115px;
background-size:100%;
}
}

@media (max-width: 967px) 
{
.img-produto-bg3
{
position: absolute; background:url(imagens/image_bg3.png) no-repeat bottom right; z-index:99; width:389px; height:300px; left:25%; margin-left:15px;
background-size:50%;
top:-70%;
}
}





@media (min-width: 800px) and (max-width: 967px) 
{

.img-caixa-produtos
{
position:relative; width:100%; height:230px; top:100px; margin-bottom:132px;
}
}

 @media (min-width: 680px) and (max-width:  799px) 
{
.img-caixa-produtos
{
position:relative; width:100%; height:220px; top:100px; margin-bottom:132px;
}
}

 @media (max-width:  679px) 
{
.img-caixa-produtos
{
position:relative; width:100%; height:180px; top:100px; margin-bottom:132px;
}

}


@media (min-width: 968px) 
{
.img-caixa-produtos
{
position:relative; width:100%; height:300px; top:100px; margin-bottom:132px;
}
}


@media (max-width: 967px) {

.title-produtos
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:0%; top:14px; margin-left:-16px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;"
}
}
@media (min-width: 968px) 
{
.title-produtos
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:52%; top:14px; margin-left:-160px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;"
}
}


@media (min-width: 968px) 
{
.title-contato
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:44%; top:17px; margin-left:-65px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;
}
}
@media (max-width: 967px) 
{
.title-contato
{
position: absolute; z-index:109; width:300px; height:20px; font-size:50px; color:#FFF; left:04%; top:17px; margin-left:-5px; text-align:right; font-weight:bold; font-family: 'Pathway Gothic One',sans-serif;
}
}

@media (max-width: 967px) 
{
.caixa-formulario
{
width:90%; display:inline-block;
margin:3%;
}
.caixa-fone
{
width:100%; display:inline-block; vertical-align:top;
}
}

@media (min-width: 968px) 
{
.caixa-formulario
{
width:50%; display:inline-block;
}
.caixa-fone
{
width:45%; display:inline-block; vertical-align:top;
}
}



.caixamenu

{

	position:absolute;

	width:225px;

	top:178px;

	left:22px;

}



.banner1

{

	position:absolute;

	height:8px;

	background-color:#151515;

	top:0px;

	width:100%;

	z-index:2;

}





a:link {

	color: #fff;

	text-decoration:none;

}

a:visited {

	color: #333;	text-decoration:none;



}

a:hover {

	color: #FFF;	text-decoration:none;



}

a:active {

	color: #333;	text-decoration:none;



}







a.lateral:link {

	color: #333;

	text-decoration:none;

}

a.lateral:visited {

	color: #333;	text-decoration:none;



}

a.lateral:hover {

	color: #FFF;	text-decoration:none;



}

a.lateral:active {

	color: #333;	text-decoration:none;



}



@media (min-width: 968px) {

.barralogo

{

	width:229px;

	height:551px;

	position:fixed;

	z-index:199;

	top:0px;

	margin-left:-500px;

	background:url(imagens/barralogo.png) no-repeat top center;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	left:50%;

}


.menu-mobile
{
display:none;	
}

}

@media (max-width: 967px) {

.barralogo

{

	width:229px;

	height:551px;

	position:fixed;

	z-index:199;

	top:0px;

	margin-left:-500px;

	background:url(imagens/barralogo.png) no-repeat top center;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	left:50%;
        display:none;

}

.menu-mobile
{
display:block;	
}

}



.hoverhome

{

	width:236px;

	height:211px;

	position:absolute;

	background:none;

	z-index:99;

	

}



.hoverhome:hover

{

	background:url(imagens/hover.png) no-repeat center center;

}





.hoverhome2

{

	width:176px;

	height:150px;

	position:absolute;

	background:none;

	z-index:99;



	

}



.hoverhome2:hover

{

	background:url(imagens/hover2.png) no-repeat center center;

}

.conteudoHome {
    display: none;
}
#content {
    position: relative;
    z-index: 30;
}
.content {
    background: url("imagens/bg-paginas.png") repeat scroll 0 0 transparent;
    float: left;
    height: auto;
    margin-top: 120px;
    padding: 40px 60px;
    width: 860px;
}
.antesContent {
    margin-left: -980px;
    opacity: 0;
}
.carregaContent {
    margin-left: -490px;
    opacity: 0;
}
.carregadoContent {
    margin-left: 0;
    opacity: 1;
}
#conteudoPaginas, #conteudoPaginas p {
    color: #444444;
    
    line-height: 30px;
    text-align: justify;
}
#conteudoPaginas img {
    height: auto !important;
    max-width: 100%;
}
#conteudoPaginas iframe {
    max-width: 100%;
}
#conteudoPaginas strong {
    color: #85682F;
    font-family: 'RalewayThin',tahoma;
    font-size: 28px;
    font-weight: normal;
    line-height: 36px;
    padding-left: 20px;
}
.fonte16 p{ font-size: 18px;}
.fonte12 p{ font-size: 12px;}
.none { display:none;}



@media (max-width: 967px) {
.referencia {float: none;font-size: 19px;font-weight: normal; padding-bottom: 30px;  padding-left: 30px;padding-right: 20px;padding-top: 10px; text-align: justify; color:#444; }
.prodright{display: inline-block; font-size: 13px; letter-spacing: 0px; color: rgb(163, 163, 163); width:89%; padding-left:2%;}
.prodleft{  display: inline-block;  float: left; font-size: 13px; letter-spacing: 0px; color: rgb(163, 163, 163); width:89%;}
}
@media (min-width: 968px) {
.referencia {float: none;font-size: 19px;font-weight: normal; padding-bottom: 30px;  padding-left: 30px;padding-right: 20px;padding-top: 10px; text-align: justify; color:#444; }
.prodright{display: inline-block; font-size: 13px; letter-spacing: 0px; color: rgb(163, 163, 163); width:29%; padding-left:2%;}
.prodleft{  display: inline-block;  float: left; font-size: 13px; letter-spacing: 0px; color: rgb(163, 163, 163); width:69%;}
}


.contact-grid input[type="text"], .contact-grid textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin: 1em 0;
    outline: medium none;
    padding: 1em;
    width: 100%;
}
.contact-grid textarea {
}
.send-in input[type="submit"] {
    background: #c1aa5e;
    border: medium none;
    color: #FFFFFF;
    font-size: 100%;
    outline: medium none;
    padding: 0.4em 0.2em;
    text-align: center;
    width: 150px;
}
.send-in input[type="submit"]:hover {
    background: none repeat scroll 0 0 #CACACA;
}
.contact-form {
    padding: 1em 0 3em;
}


@media (max-width: 967px) {
.fones-contatos
{
position:relative; width:90%; display:inline-block;vertical-align:top;
}
.emails-contatos
{
position:relative; width:90%; display:inline-block
}
}
@media (min-width: 968px) {
.fones-contatos
{
position:relative; width:33%; display:inline-block;vertical-align:top;
}
.emails-contatos
{
position:relative; width:48%; display:inline-block
}
}

@media (max-width: 967px) {
.caixa-do-produto{
width: 90%;
text-align:center;
float:left;
display: inline-block;
}
}
@media (min-width: 968px) {
.caixa-do-produto{
width: 31%;
text-align:center;
float:left;
display: inline-block;
}
}