/* Author - www.ellosdesign.com.br */

a{color:inherit; text-decoration:none;}
img{border:none;}
::selection {background: #333;color: #FFFFFF;}
::-moz-selection {background: #333;color: #FFFFFF;}
p.preto::selection {background: #333; color: #FFFFFF;}
p.preto::-moz-selection {background: #333;color: #FFFFFF;}
body{ text-align:center;  margin:auto; background-image:url(../img/bg2.png)}
#geral{ width:980px; height:auto; margin:auto;  }
#conteudo{ float:left; width:980px; height:auto;  padding-bottom:5px;  margin-top:30px;  }
#conteudo_home{ float:left; width:980px; height:auto;  padding-bottom:5px;  margin-top:15px;  }
#central_home{ float:left; width:950px; height:auto;  padding-bottom:5px;  margin-top:10px;background-color:#FFF;padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;  }

header{ float:left; width:100%; height:120px;  padding-top:0.8%; padding-bottom:1.5%; border-top:4px #d35a2f solid; border-bottom:1px #ddd solid; background-color:#fff}
#header_interna{ margin:auto; width:980px; height:auto; background-color:#fff;}
#logo{ float:left; width:150px; height:auto; }
.redes_sociais{ float:left; height:auto; padding-bottom:10px; padding-top:15px; margin-left:190px;  }
.rede_social{ float:left; width:35px; height:auto; margin-right:7px;}
.rede_social3{ float:left; width:35px; height:auto; }

.telefonetopo{ float:left; width:auto; height:auto; margin-left:330px; margin-top:8px;}

.logo{float:left; width:400px; height:93px; margin-top:40px; text-align:left}


.telefone_topo{ float:left; width:430px; height:auto;font-family: 'Oswald', sans-serif;  font-size:17px; color:#333; text-align:right; margin-left:140px; margin-top:32px; }
#menu{ float:left;width:490px; height:auto; margin-left:340px; margin-top:20px; }



/*Menu*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;z-index:100; 
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 40px;
  font-family: 'Dosis', sans-serif, sans-serif; text-transform:uppercase;width:auto;
}


#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both; 
   
}
#cssmenu a {
 
  color: #fff;
  display: inline-block;
font-family: 'Dosis', sans-serif;
  font-size: 16px;
  line-height: 35px; 
  padding: 0 17px;  
  text-decoration: none;
   
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:first-child > a { 

}

.active{ float:left; border-bottom:1px #d35a2f solid}



#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block; background-color:#FFF; 
  
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background-color:#FFF;

  filter: none;
  font-size: 14px;font-family: 'Dosis', sans-serif;
  display: block;
  line-height: 120%;
  padding: 7px;margin-top:0px;
   text-align:left; color:#333	

}



.has-sub:hover{

 }

#cssmenu .has-sub ul li a:hover {
 
 color:#fff;
 text-align:left; margin-top:0px;
background-color:#f46422}
#cssmenu .has-sub .has-sub:hover > ul {
background-color:#ba9e84;
  
  filter: none;
  font-size: 13px;font-family:'Dosis', sans-serif
  display:block;

  padding: 0px;margin-top:0px;
   text-align:left;
   color:#fff;
}


/* Gray */
#cssmenu, 
#cssmenu > ul > li > ul > li a:hover{
}
#cssmenu {}
.color{ color:#009de4}
#cssmenu > ul > li > a{color:#333;}

#cssmenu > ul > li > a:hover{color:#333; border-bottom:1px #d35a2f solid}

/*Fim menu*/




#banner{ float:left; width:100%; height:350px; margin-bottom:15px;margin-top:18px;   }
#banner_interno{ margin:auto; width:980px; height:350px;}


#conteudo_home{ float:left; width:980px; height:auto; margin-top:15px;  }


.caixa_home{ float:left; width:270px; height:392px; margin-bottom:30px;  margin-right:35px; 
padding:15px; border-radius:10px; border:1px #DDDDDD solid;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

   }	
.caixa_home3{ float:left; width:270px; padding:15px; height:392px;
border-radius:10px;border:1px #DDDDDD solid;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

   }	
.foto_caixa{ float:left; width:270px; height:220px;}
.foto_caixa:hover{  cursor:pointer;opacity:0.85;	-moz-opacity: 0.85;	filter: alpha(opacity=85);}  
.titulo_caixa{ float:left; width:270px; height:30px; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px; margin-top:10px; color:#222; font-weight:normal}   
.txt_caixa{ float:left; width:270px; height:70px; font-family:arial; font-size:13px; text-align:justify; line-height:20px; color:#333; margin-bottom:5px}
.txt_caixa3{ float:left; width:270px; height:70px; font-family:arial; font-size:13px; text-align:justify; line-height:20px; color:#333}
.leiamais_caixa{ float:left; width:auto; padding-left:15px; padding-top:12px; padding-bottom:12px; padding-right:15px; border-radius:2px;  font-family: 'Dosis', sans-serif; text-transform:uppercase; color:#fff; font-size:15px; margin-top:5px; text-align:center;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d35a2f+0,ce6844+100 */
background: #d35a2f; /* Old browsers */
background: -moz-linear-gradient(top,  #d35a2f 0%, #ce6844 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d35a2f), color-stop(100%,#ce6844)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d35a2f 0%,#ce6844 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d35a2f 0%,#ce6844 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d35a2f 0%,#ce6844 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d35a2f 0%,#ce6844 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d35a2f', endColorstr='#ce6844',GradientType=0 ); /* IE6-9 */

}
.leiamais_caixa:hover{ cursor:pointer; background-color:#005903; border-radius:2px;}


/*Footer*/
.back-to-top {position: fixed;	bottom: 1em;right: 0px;text-decoration: none;	color: #FFF;font-size: 12px;padding: 0.5em;	display: none;			font-family:'Dosis', sans-serif;	}
.back-to-top:hover {	  cursor:pointer;opacity:0.85;	-moz-opacity: 0.85;	filter: alpha(opacity=85);}	
.bloco2_footer{ float:left; width:640px; height:auto; }
#barra_footer{ float:left; width:100%; height:40px; background-color:#111; margin-top:30px;}
#barra_footer_interna{ margin:auto; width:980px;height:40px; background-color:#111;}
.txt_footer_esquerda{ float:left; width:400px; height:auto; text-align:left; color:#fff;font-family: Arial ; font-size:12px; margin-top:15px; color:#fff;}
.txt_footer{ float:left; width:500px; height:auto; text-align:right; color:#fff;font-family:Arial ; font-size:12px; margin-top:15px; color:#fff; margin-left:80px;}


.alinhamento_box{ margin:auto; width:980px; height:auto; margin-top:2px; margin-bottom:30px;}
.caixa_parceiros{ float:left; width:100%; 	 height:auto; margin-top:10px; margin-bottom:10px; }
.marca_home{  float:left; width:110px; height:100px; background-color:#fff }
.slider3{ float:left; width:980px;}


.pr_pags{float:left; width:940px; height:auto; padding:20px; background-color:#fff; margin-bottom:10px}
.titulos{float:left; width:940px; height:auto; font-family:'Dosis', arial, sans-serif; font-size:24px; text-transform:uppercase; text-align:left; color:#D35A2F; font-weight:normal; margin-top:-1px}
.foto_pags{float:left; width:450px; border:1px #ccc solid; border-radius:5px; padding:5px; height:auto; margin-right:15px}
.foto_pags_e{float:left; width:450px; height:auto; margin-right:15px}
.txt_pags{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-align:justify; line-height:18px}
.txt_pagsempresa{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-align:justify; line-height:18px; float:left; width:470px; margin-top:-12px;}

.espaco{ float:left; width:900px; height:00px;}

.esquerda_contato{float:left; width:500px; height:auto; margin-right:40px}
.direita_contato{float:left; width:400px; height:auto;}
.campo_formulario{ float:left; width:250px; text-align:left; margin-top:20px; height:auto;  }
.format_form{ width:230px; height:32px; border-radius:5px; background-color:#fff; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px}
.mensagem{ float:left; width:500px; text-align:left; margin-top:20px; height:auto; }
.format_form2{ width:480px; height:180px;border-radius:5px; background-color:#fff; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px}
.enviar{ float:left; width:500px; height:auto; text-align:left; margin-top:15px;}
.btenviar{ width:110px; height:40px; border:none; background-color:#D35A2F;font-family:'Dosis', sans-serif; font-size:16px; text-transform:uppercase; color:#fff; cursor:pointer;border-radius:5px;}
.font_form{ width:300px; height:auto; text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin-bottom:3px; float:left}
p{ font-family:Arial, Helvetica, sans-serif; color:#444; text-align:left; font-size:13px}
.mapa{float:left; width:400px; height:300px; border:2px solid #ccc}


#esquerda_produto{float:left; width:250px; height:auto; margin-right:20px; }
.categorias{float:left; width:230px; height:auto; text-align:left; font-family:'Dosis', arial, sans-serif; color:#fff; background-color:#222; font-size:16px; text-transform:uppercase; padding:10px; margin-bottom:20px;}
.item_categoria{float:left; width:230px; height:auto; padding-bottom:15px;  font-family:'Dosis', arial, sans-serif;  text-align:left; font-size:15px; color:#222; border-bottom:1px dotted #ccc; margin-bottom:10px; text-transform:uppercase; margin-top:5px;}
.link_catalogo{color:#333;}
.link_catalogo:hover{color:#555; cursor:pointer; text-decoration:underline}
#direita_produto{float:left; width:670px; height:auto;}
.caixa_produto{float:left; width:200px; height:280px; margin-left:23px; margin-bottom:25px;}
.foto_produto{float:left; width:180px; height:180px; border:1px solid #ccc; padding:10px; margin-bottom:10px}
.foto_produto:hover{ 
box-shadow: -1px -1px 1px #D35A2F, 1px 1px 1px #D35A2F;
-webkit-box-shadow: -1px -1px 1px #D35A2F, 1px 1px 1px #D35A2F;
-moz-box-shadow: -1px -1px 1px #D35A2F, 1px 1px 1px #D35A2F;
cursor:pointer}
.tit_produto{float:left; width:200px; height:35px; font-family:'PT Sans', arial, sans-serif; font-size:13px; text-align:left; margin-bottom:5px}
.carro_produto{float:left; width:200px; height:40px; font-family:'PT Sans'Arial, Helvetica, sans-serif; font-size:13px; text-align:left; font-weight:bold}
.tit_direita{float:left; width:600px; height:auto; font-family:'Dosis', arial, sans-serif; text-align:left; text-transform:uppercase; color:#D35A2F; font-weight:normal; margin-left:23px; font-size:18px; margin-bottom:20px;}
.titulo_produto{float:left; width:670px;  height:auto; font-family:'Dosis', arial, sans-serif; font-size:24px; text-transform:uppercase; text-align:left; color:#D35A2F; font-weight:normal; margin-bottom:30px}
.carro_produto_pag{float:left; width:450px; height:auto; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#333}
.voltar{float:right; width:auto; height:auto;}
.link_voltar{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
.link_voltar:hover{color:#888; cursor:pointer; text-decoration:underline}
.segura_conteudo{float:left; width:450px; height:auto;}
.segura_conteudo2{float:left; width:440px; height:auto;; margin-top:15px}
.bt_orcamento{float:left; width:auto; height:auto; font-family:'Dosis',arial, sans-serif; font-size:16px; text-transform:uppercase; color:#fff; background-color:#D35A2F; padding:10px; border-radius:2px}
.txt_pagp{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; text-align:justify; line-height:18px; width:450px; height:auto; float:left;}