/* ...................... GERAL ................................................................................................................................................ */

html						{ height:100%; width:100%; -webkit-text-size-adjust:none; text-size-adjust:none; }

body						{ margin:0; padding:0; height:100%; width:100%; background:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:16px; line-height:160%; color:#666; z-index:1; }

form						{ margin:0; padding:0; }

  fieldset					{ margin:0; padding:0; border:none; }

input, textarea, select, option			{ font-family:'Roboto', arial; outline:0; }

img						{ border:none; }

a						{ color:#666; text-decoration:none;  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

a:hover						{ color:#F2CB3F; }

::selection					{ background:#F2CB3F; color:#fff; }
::-moz-selection				{ background:#F2CB3F; color:#fff; }

.clear						{ clear:both; }

body li.clear					{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

.invisivel					{ display:none; }

.tudo						{ margin:0 auto; min-height:100%; width:100%; position:relative; }

* html .tudo					{ height:100%; }

.smart_ocultar					{ display:block; }


/* ...................... 1. CABECALHO Superior ............................................................................................................................................ */

.cab_sup							{ height:40px; padding:0; margin:0; background:#444; box-sizing:border-box; z-index:2000;}

  .cab_sup_rel							{ position:relative; max-width:1260px; display:flex; align-items:center; padding:0 30px 0 30px; margin:0 auto; height:40px; z-index:3000; box-sizing:border-box; }
  
  .cab_sup_rel .cab_sup_esquerda				{ flex:0 0 25%; font-size:14px; color:#fff; margin:0; padding:0; }

  .cab_sup_rel .cab_sup_direita					{ flex:0 0 75%; text-align:right; }


    .cab_sup_rel .cab_sup_direita ul				{ list-style:none; padding:0; margin:0; font-size:14px; color:#B8B8B8;}
      
    .cab_sup_rel .cab_sup_direita ul li				{ display:inline-block; padding-left:25px; }
    
    .cab_sup_rel .cab_sup_direita ul li a 			{ color:#fff; text-decoration:none;}
    
    .cab_sup_rel .cab_sup_direita ul li a:hover			{ color:#F2CB3F; }

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

.cab_sup							{ display:none; }

}

/* ...................... 1. CABECALHO Logotipo ............................................................................................................................................ */

.cab								{ height:111px; padding:0; box-sizing:border-box; z-index:6000;}

  .cab_rel							{ max-width:1260px; margin:0 auto; position:relative; height:111px; z-index:7000;}

    .cab_rel .logo						{ position:absolute; top:20px; left:30px; display:block; width:302px; height:71px; }
    
      .cab_rel .logo img					{ width:302px; height:71px; }


        .cat_todas_desktop					{ display:block; }
	
	.cat_todas_desktop .categorias				{ position:absolute; top:35px; right:670px; }

	  .categorias_item					{ display:block; height:40px; line-height:40px; margin:0; background:url(images/ico_cat_todos.png)0 center no-repeat; padding:0 0 0 31px; z-index:8; cursor:pointer; }
	

        .busca_caixa						{ display:block; }
	.busca_smart						{ display:none; }

	.busca							{ position:absolute; top:35px; right:260px; }
	
	  .formbusca						{ display:block; height:40px; width:360px; margin:0; background:#fff; border:1px solid #eee; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:8; }
	
	  .formbusca fieldset					{ position:relative; }
	
	  .formbusca input[type=text]				{ position:absolute; left:30px; width:300px; line-height:38px; background:transparent; font-size:16px; margin:0; border:none; }
	
	  .formbusca input[type=submit]				{ position:absolute; right:10px; top:0; border:none; height:40px; width:25px; background:url(images/icone_lupa.png) center center no-repeat; margin:0; cursor:pointer; }
	
	  .formbusca input[type=submit]:hover			{ opacity: 0.7; }


    .cab_rel .menu						{ position:absolute; top:35px; right:30px; box-sizing:border-box; z-index:7100; }

      .menu_rel							{ width:100%; margin:0; position:relative; z-index:7200; height:40px; }
	      
	#caixa_menu						{ z-index:9000;}

	.navbar							{ list-style:none; padding:0; margin:0; position:relative; font-size:16px; font-weight:400; text-transform:uppercase; height:40px; line-height:40px; z-index:8400; }
		
	  .navbar li.smart					{ display:block; }    
	  .navbar li						{ padding:0; margin:0 0 0 40px; float:left; box-sizing:border-box; background:#fff; }        
	  .navbar li a						{ display:block; padding:0; color:#333; }
	  .navbar li a.ativo					{ color:#F2CB3F; }
	  .navbar li a:hover					{ text-decoration:none; color:#F2CB3F;}      
	  .navbar li a.ativo:hover				{ text-decoration:none; color:#F2CB3F;}
	  
		   
	#menu_ico						{ display:none; right:10px; position:absolute; cursor:pointer; }
	
	#b_fechar						{ display:none; position:absolute; right:20px; top:20px; height:20px; background:url(images/ico_fechar.png) right no-repeat; width:20px; cursor:pointer; z-index:9000; }
	


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


	#menu_ico						{ display:block; top:28px; width:27px; height:23px; background:url(images/smart_ico.png)no-repeat; }
	
	#b_fechar						{ display:block; }

        .busca_caixa						{ display:none; }
	.busca_smart						{ display:block; padding:20px 0 20px 0; }

	.busca							{ position:relative; top:0; left:0; }

	  .formbusca						{ width:100%; }
	
	  .formbusca input[type=text]				{ left:20px; font-size:14px; }

    .cab_rel .logo						{ position:relative; top:20px; left:0; margin:0 auto; }
    
        .cat_todas_desktop					{ display:none; }

    .cab_rel .menu						{ display:block; position:absolute; top:0; right:50px; width:auto; height:auto;  }

  .menu_rel							{ height:auto;}
    
	#caixa_menu						{ position:fixed; top:0; right:-600px; min-width:50%; background:#fff; height:100%; padding:20px 20px 0 20px; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
 
	.navbar							{ padding:0; margin:0; height:auto; width:100%; position:relative; top:40px; right:auto; height:40px; line-height:40px; }
	  .navbar li.smart					{ display:none; } 
	  .navbar li						{ padding:0; margin:0; float:none; border-bottom:1px solid #eee;  }
	  .navbar li:last-child					{ float:none; }   
	  .navbar li a						{ float:none; margin:0; padding:0; color:#333; border-bottom:none; }
	  .navbar li a.ativo					{ border-bottom:none; color:#F2CB3F; }
	  .navbar li a:hover					{ border-bottom:none; color:#F2CB3F; }
	  .navbar li a.ativo:hover				{ border-bottom:none; color:#F2CB3F; }
	      
	  .navbar li.navblog a 					{ color:#F2CB3F;}
	  .navbar li.navblog a:hover				{ color:#333; }
	      
	  .redes						{ display:inline-block; margin-top:0; }
	  
}
	

	
/* ...................... 2. Banner ............................................................................................................................................... */

#demo_container						{ display:block; width:100%; max-height:500px; margin:0 auto; padding:0; position:relative; z-index:1; }

  #items_container					{ position:relative; width:100%; max-height:500px; margin:0 auto; padding:0; z-index:2; overflow:hidden; background:#fff; }
  
    .slide_item						{ margin:0; padding:0; width:100%; overflow:hidden; background:center center no-repeat; position:relative; z-index:3; }
    
    .slide_item img					{ width:100%; max-height:500px; height:100%; object-fit: cover; margin:0 auto; z-index:3; }

      .conteudo_slide					{ width:100%; height:100%; min-height:100%; position:absolute; top:0; z-index:20;  }
      
        .conteudo_slide_rel				{ max-width:1260px; color:#fff; margin:0 auto; 
							  height: 100%;
							  padding:0 40px 0 40px;
							  min-height: 100%;
							  display: -webkit-flex;
							  display: flex;
							  -webkit-align-items: left;
							  align-items: left;
							  flex-direction: column;
							  -webkit-justify-content: center; 
							  justify-content: center; 
							  box-sizing:border-box;
							}
							
        .conteudo_slide_rel .slide_rel_titulo		{ width:100%; position:relative; display:block; font-size:50px; font-weight:700; line-height:120%; text-shadow: black 0.1em 0.1em 0.1em; }
        .conteudo_slide_rel .slide_rel_desc		{ width:50%; position:relative; display:block; font-size:24px; font-weight:500; line-height:160%; text-shadow: 0.1em 0.1em 0.2em black; }
							

  #nav1 						{ margin:0; padding:0; list-style:none; position:absolute; bottom:40px; left:50%; z-index:999; transform:translate(-50%,0); }
    #nav1 li 						{ float:left; margin:0 10px 0 0; padding:0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }
      #nav1 a 						{ width:10px; height:10px; background-color:#fff; display:block; margin:1px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; transition: all 0s ease; }
      #nav1 li:not(.activeSlide):hover			{ margin:-1px 9px 0 -1px; }
      #nav1 li:not(.activeSlide):hover a		{ width:12px; height:12px; }
      #nav1 li.activeSlide 				{ border:2px solid #fff; margin:-3px 7px 0 -3px; }


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


#demo_container						{ height:100%; padding:0; }

  #items_container					{ position:relative; margin:0 auto; z-index:2; overflow:hidden; }

        .conteudo_slide_rel				{ 
							  -webkit-align-items: center;
							  align-items: center;
							  -webkit-justify-content: center;
							  justify-content: center;
							}
							
        .conteudo_slide_rel .slide_rel_titulo		{ font-size:30px; text-align:center; }
        .conteudo_slide_rel .slide_rel_desc		{ width:80%; text-align:center; line-height:140%; }

}


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


#nav1 							{ bottom:10px;  }

        .conteudo_slide_rel				{ 
							  -webkit-align-items: center;
							  align-items: center;
							  -webkit-justify-content: center;
							  justify-content: center;
							}
							
        .conteudo_slide_rel .slide_rel_titulo		{ font-size:24px; text-align:center; }
        .conteudo_slide_rel .slide_rel_desc		{ display:none; }

}
 
  
  
/* ...................... 2.1 Todas as Categorias - Smartphone ............................................................................................................................................... */

.cat_todas						{ display:none; }
  
  
@media only screen and (max-width : 960px) {

.cat_todas						{ display:block; background:url(images/ico_cat_todos.png)20px center no-repeat #F2CB3F; padding:0 20px 0 51px; height:40px; line-height:40px;  box-sizing:border-box;}
.cat_todas a 						{ color:#000; }
  
  #categorias_smart_ico					{ display:block; margin:0; padding:0; cursor:pointer;}
  
}
  
.cat_background						{ display:none; position:absolute; background:#EEEEEE; height:100%; width:auto; padding:60px; z-index:9000; box-sizing:border-box;}
  
	
	#cat_fechar					{ position:absolute; top:20px; right:20px; height:20px; width:20px; background:url(images/ico_fechar.png) right no-repeat; padding:0; margin:0; cursor:pointer; z-index:9100; }
  
	.cat_background h2				{ font-size:40px; font-weight:300; margin:0; padding:0 0 40px 0; }
  
	.cat_back ul					{ list-style:none; margin:0; padding:0; }

	.cat_back li					{ display:block; padding:0 0 0 10px; margin:0 0 5px 0; border-left:3px solid #eee;  }
	.cat_back li:hover				{ border-left:3px solid #F2CB3F;  }
  
	.cat_back li a					{ font-size:16px; color:#444; }
  
	.cat_back li a:hover				{ color:#000; }
	.cat_back li a:hover span 			{ display:block; width:5px; height:auto; }
  
  
@media only screen and (max-width : 960px) {

.cat_background						{ display:none; position:absolute; top:111px; height:100%; width:100%; padding:60px 20px 60px 20px; }
  
  
}
  
  

/* ...................... 3. Destaques - Produtos Inicial .............................................................................................................................................. */

.inicial_produtos					{ padding:0; margin:0; background:#EEE; box-sizing:border-box; z-index:2000;}

.inicial_produtos_interno				{ padding:0; margin:0; background:#EEE; box-sizing:border-box; z-index:2000;}

  .inicial_produtos_rel					{ position:relative; max-width:1260px; display:flex; padding:60px 30px 120px 30px; margin:0 auto; z-index:3000; box-sizing:border-box; }
  
  .inicial_produtos_rel.interno				{ display:block; padding:60px 30px 60px 30px; }
  
  .inicial_produtos_rel.interno h2			{ position:relative; padding:0 0 40px 0; margin:0; display:block; font-size:40px; font-weight:300; color:#000; text-align:center; }

  
    .inicial_produtos_rel .inicial_cat			{ flex:0 0 calc(25.0% - 20px); margin-right:20px; }
    
      .cat_item ul					{ list-style:none; margin:0; padding:0; }
    
      .cat_item li					{ display:block; margin:0; padding:0 0 10px 0;  }
	  
      .cat_item li a					{ font-size:16px; color:#444; }
	  
      .cat_item li a:hover				{ color:#000 }

  
    .inicial_produtos_rel .inicial_pro			{ flex:0 0 calc(75.0% - 20px); margin-left:20px; }
  
    .inicial_produtos_rel h1				{ font-size:40px; margin-top:0; font-family:'Roboto Condensed', sans-serif; font-weight:700; color:#444; }
    .inicial_produtos_rel h1.mais			{ margin-top:40px; }

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

.inicial_produtos					{ padding:0; }

  .inicial_produtos_rel					{ flex-direction: column; padding:40px 20px 0 20px; }

  .inicial_produtos_rel.interno h2			{ font-size:30px; line-height:100%; }

    .inicial_produtos_rel .inicial_cat			{ display:none; flex:0 0 calc(100.0% - 0px); margin-right:0px; }

    .inicial_produtos_rel .inicial_pro			{ flex:0 0 calc(100.0% - 0px); margin-left:0px; }

    .inicial_produtos_rel h1				{ font-size:30px; padding:0; font-weight:500; text-align:center; }

    .inicial_produtos_rel h1.mais			{ margin-top:20; }

}
  
  
  
  
    .proitens						{ display:flex; width:100%; flex-flow: row wrap; justify-content: flex-start; margin:0; padding:0; box-sizing:border-box; }
    
    .carousel						{ display:flex; max-width:1260px; justify-content: space-between; margin:0; padding:0; box-sizing:border-box; }
    
      
      
      .proitem						{ 
							  flex:0 0 calc(33.3% - 20px);
							  position:relative;
							  height:440px;
							  box-sizing:border-box;
							  padding:0;
							  margin:10px;
							  -webkit-transition:all 0.3s ease; 
							  -moz-transition:all 0.3s ease; 
							  transition: all 0.3s ease;
							  box-sizing:border-box;
							 }
							 
      .proitem.rel					{ 
							  padding:0 10px 0 10px;
							  margin:0;
							}
							 
      .proitem:hover					{ 
							-webkit-box-shadow:0px 0px 10px 5px #777 ;
							-moz-box-shadow:0px 0px 10px 5px #777 ;
							box-shadow:0px 0px 10px 5px #777 ; 
							}
							
      .proitem.rel:hover				{ 
							-webkit-box-shadow:0px 0px 0px 0px #777 ;
							-moz-box-shadow:0px 0px 0px 0px #777 ;
							box-shadow:0px 0px 0px 0px #777 ;
							}
							
	.proitem a .proitem_mais			{ display:none; }
	.proitem:hover a .proitem_mais			{ display:block; color:#444; height:35px; line-height:35px; background:#ddd; padding:0 10px 0 10px; box-sizing:border-box;}
	
					 
        .proitem_foto					{ height:220px; 
							  width:100%; 
							  display: flex;
							  justify-content: center;
							  align-items: flex-start;
							  padding:10px; 
							  background:#fff; 
							  box-sizing:border-box;
							}
							
	.proitem_foto img				{ position:relative; object-fit:cover; height:200px; max-width:100%; width:100%; z-index:250;}
	.proitem_preco					{ position:relative; background:#F2CB3F; margin-top:-20px; height:40px; font-size:14px; font-weight:700; line-height:40px; color:#444; text-align:center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index:300;}
							 

	.proitem_conteudo				{ 
							  margin-top:-20px;
							  height:185px; 
							  font-size:16px; 
							  text-align:left; 
							  color:#666666; 
							  background:#fff; 
							  padding:40px 10px 20px 10px;
							  box-sizing:border-box;
							}
	
	  .proitem_conteudo .nome			{ display:block; font-size:16px; font-weight:700; color:#444;}
	  
          .proitem_conteudo ul				{ display:flex; flex-flow: row wrap; align-items: stretch; list-style:none; margin:0; padding:0; }
    
          .proitem_conteudo li				{ width:50%; font-size:14px; line-height:100%; margin:0; padding:10px 10px 10px 0; box-sizing:border-box; }
	  
	  .proitem_conteudo li span			{ display:block; padding-bottom:5px; font-weight:700; }


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

      .proitem						{ 
							  flex:0 0 calc(50% - 20px);
							 }

}

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

    .proitens						{ flex-direction: column; }

      .proitem						{ 
							  flex:0 0 calc(100% - 0);
							  margin:0 0 40px 0;
							 }

}
  

/* ...................... 4. Inicial - campanha publicidade tratorex   .............................................................................................................................................. */

.inicial_campanha					{ width:100%; }

.inicial_campanha_rel					{ max-width:1260px; padding:0 30px 0 30px; margin:-70px auto 0 auto; text-align:center; box-sizing:border-box; }

.inicial_campanha_rel .campanha_desktop			{ display:block; }
.inicial_campanha_rel .campanha_mobile			{ display:none; }

.inicial_campanha_rel img				{ width:100%; }
	  

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

.inicial_campanha_rel					{ padding:40px 20px 0 20px; margin:0 auto;  }

.inicial_campanha_rel .campanha_desktop			{ display:none; }
.inicial_campanha_rel .campanha_mobile			{ display:block; }
	  
.inicial_campanha_rel .campanha_mobile img		{ width:100%; }
	  
}

	  
/* ...................... 5. Inicial - chamada Matrex   .............................................................................................................................................. */
	  
	  
.inicial_titulo						{ width:100%; }

.inicial_titulo_rel					{ max-width:1260px; padding:100px 30px 50px 30px; margin:0 auto; text-align:center; box-sizing:border-box; }	  
	  
  .inicial_titulo_rel h1				{ font-size:40px; color:#444; font-weight:700; }
  
  .inicial_titulo_rel span				{ display:block; font-size:16px; font-weight:300; }
	  

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


.inicial_titulo_rel					{ padding:40px 20px 0 20px;  }	

  .inicial_titulo_rel h1				{ font-size:30px; color:#444; font-weight:700; }

	
}

	  
/* ...................... 6. Inicial - publicidade Matrex   .............................................................................................................................................. */
	  
	  
.inicial_pub						{ width:100%;  }

.inicial_pub_rel					{ max-width:1260px; padding:0 30px 0 30px; margin:0 auto; background:url(images/matrex_publicidade.jpg)right center no-repeat; height:316px; box-sizing:border-box; }	  
.inicial_pub_rel img					{ display:none;}
	  
  .inicial_pub_rel h1					{ display:inline-block; background:#F2CB3F; padding:20px; font-size:40px; color:#444; font-weight:700; }
  
    .inicial_pub_rel ul					{ list-style:none; margin:0; padding:0; }
    
    .inicial_pub_rel li					{ font-size:16px; padding:0 0 0 20px; }
	  
	  
@media only screen and (max-width : 900px) {


.inicial_pub						{ width:100%; padding:0 0 20px 0; margin:40px 0 40px 0; box-sizing:border-box; background:#F2CB3F;}

.inicial_pub_rel					{ padding:0; margin:0 auto; background:none; height:auto; }	  
.inicial_pub_rel img					{ display:block; width:100%; padding:0; margin:0; }
	 
  .inicial_pub_rel h1					{ display:block; padding:0 20px 0 20px; font-size:30px; text-align:center; }
	
    .inicial_pub_rel li					{ font-size:16px; padding:0; text-align:center; }
	
}
	  
	  
/* ...................... 7. Blog   .............................................................................................................................................. */
	  
.blog							{ width:100%; padding:0; margin-top:100px; box-sizing:border-box; z-index:2000; }

  .blog_rel						{ max-width:1260px; padding:0 30px 0 30px; margin:0 auto; text-align:center; box-sizing:border-box; }
	  
    .blog_rel h1					{ font-size:40px; color:#444; font-weight:700; }
    .blog_rel span					{ display:block; font-size:16px; font-weight:300; }
	  
	  
    .blog_itens						{ display:flex; width:100%; margin:50px 0 0 0; padding:0; }
	  
    .blog_itens .blogitem				{ flex:0 0 calc(50.0% - 20px); margin-right:20px; box-sizing:border-box; }
    .blog_itens .blogitem:last-child			{ margin-left:20px; }
	  
      .blogitem .blogitem_img				{ width:100%; }
      
      .blogitem .blogitem_img img			{ width:100%; min-height:300px; max-height:300px; object-fit: cover;}
      
      
      .blogitem .blogitem_des				{ text-align:left; }
      
      .blogitem .blogitem_des h3			{ display:block; margin:0; padding:10px 0 20px 0; font-size:30px; line-height:120%; font-weight:700; color:#444; }  
	
      .blogitem .blogitem_des .resumo			{ display:block; font-size:16px; line-height:160%; font-weight:500; }	
	
      .blogitem .blogitem_des .resumo a.lermais		{ color:#373435; }
	
      .blogitem .blogitem_des .resumo a.lermais:hover	{ color:#F2CB3F; }




@media only screen and (max-width : 900px) {
	
	
.blog							{ margin-top:60px; }

  .blog_rel						{ padding:0 20px 0 20px; }
	 
    .blog_rel h1					{ font-size:30px; }

    .blog_itens						{ display:flex; flex-direction: column; width:100%; margin:30px 0 0 0; padding:0; }
	  
    .blog_itens .blogitem				{ flex:0 0 calc(100.0% - 0px); margin-right:0px; margin-bottom:40px; }
    .blog_itens .blogitem:last-child			{ margin-left:0; }
    
      .blogitem .blogitem_des h3			{ padding:5px 0 5px 0; font-size:20px;  }  
	
      .blogitem .blogitem_des .resumo			{ font-size:16px; line-height:120%;  }	
	
    
}

/* ...................... 8. Inicial Parceiros  .............................................................................................................................................. */


.inicial_publicidade					{ padding:0; margin-top:60px; box-sizing:border-box; z-index:2000;}

  .inicial_publicidade_rel				{ position:relative; max-width:1260px; padding:0 30px 0 30px; margin:0 auto; z-index:3000; box-sizing:border-box; }


    .logosd						{ display:flex; flex-flow:row wrap; align-items:center; justify-content:center; list-style:none; margin:0 auto; padding:0; text-align:center; box-sizing:border-box; }

      .logosd div					{ flex:0 0 calc(25% - 20px); margin:0 auto; padding:0 10px 0 10px; list-style:none; }

	.logosd div img					{ max-width:240px; }
  
  
@media only screen and (max-width : 900px) {
	
.inicial_publicidade					{ margin-top:0; }

  .inicial_publicidade_rel				{ padding:0 20px 0 20px; }
	
.logosd							{ padding:20px 0 10px 0; margin:0; }

      .logosd div					{ flex:0 0 calc(33.3% - 20px); margin:0; padding:0;  }
      
	.logosd div img					{ max-width:90%; }
     
}

@media only screen and (max-width : 500px) {
	
.logosd							{ padding:20px 0 10px 0; }

      .logosd div					{ flex:0 0 calc(50% - 20px); margin:0; }
      
	.logosd div img					{ max-width:90%; }
     
}
  
  
/* ...................... 9. Inicial - vendedor   .............................................................................................................................................. */
	  
	  
.inicial_vendedor					{ width:100%; background:#F2CB3F; }

.inicial_vendedor_rel					{ max-width:1260px; padding:70px 30px 70px 30px; margin:0 auto; box-sizing:border-box; }	  
	  
.inicial_vendedor_rel span				{ font-size:40px; height:60px; line-height:60px; font-weight:500; color:#000; }
	  
.inicial_vendedor_rel a 				{ float:right; height:60px; line-height:60px; background:#373435; color:#fff; font-size:40px; font-weight:500;  text-transform:uppercase; text-align:center; padding:0 60px 0 60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.inicial_vendedor_rel a:hover				{ background:#000; }


@media only screen and (max-width : 900px) {
	
.inicial_vendedor_rel					{ padding:30px 20px 30px 20px; text-align:center; }

.inicial_vendedor_rel span				{ display:block; font-size:24px; height:auto; line-height:120%; text-align:center; }

.inicial_vendedor_rel a 				{ float:none; display:inline-block; height:40px; line-height:40px; font-size:24px; margin-top:20px; padding:0 30px 0 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

}


 
/* ...................... 10. Rodapé   .............................................................................................................................................. */
 

/* ...................... 10.1 Newsletter   .............................................................................................................................................. */
 

.inicial_news						{ background:#373435; width:100%; padding:0; margin:0; box-sizing:border-box; z-index:2000;}

  .inicial_news_rel					{ max-width:1260px; padding:0 30px 0 30px; margin:0 auto; box-sizing:border-box; z-index:2100;}
  
    .cadastrese						{ width:100%; display:flex; align-items:center; justify-content: flex-start; padding:50px 0 50px 0; position:relative; box-sizing:border-box;}

    .cadastrese .cad_titulo				{ padding:0 10px 0 10px; font-size:40px; font-weight:500; text-transform:uppercase; color:#EBEBEB; }
      
        .cad_form					{ margin:0; padding:0; }
	
        .cad_form input[type=email]			{ border:none; border-bottom: 1px solid #9B9A9A; text-align:left; width:300px; height:39px; line-height:39px; color:#fff; background:#373435; padding:0; margin:0 30px 0 30px; box-sizing:border-box; }

        .cad_form input[type=submit]			{ border:none; border: 1px solid #9B9A9A; height:40px; font-weight:400; line-height:40px; background:#373435; color:#fff; padding:0 20px 0 20px; margin:0; cursor:pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-sizing:border-box; }
       
        .cad_form input[type=submit]:hover		{ background:#000; }
  
  
@media only screen and (max-width : 900px) {

.inicial_news						{ background:#fff; }
	
  .inicial_news_rel					{ max-width:1260px; padding:0 20px 0 20px; margin:0 auto; }
	
    .cadastrese						{ flex-direction: column; padding:30px 0 30px 0;  }

    .cadastrese .cad_titulo				{ padding:0; font-size:30px; color:#373435; }
      
        .cad_form					{ width:100%; margin:20px auto 0 auto; padding:0; text-align:center; }
      
        .cad_form input[type=email]			{ border-bottom: 1px solid #eee; width:100%; color:#bbb; background:#fff; padding:0; margin:0;  }

        .cad_form input[type=submit]			{ border: 1px solid #373435; background:#fff; color:#373435; padding:0 20px 0 20px; margin:20px 0 0 0; }
       

}
  
  
/* ...................... 10.2 Restante   .............................................................................................................................................. */

.inicial_rodape						{ background:#373435; width:100%; padding:0; margin:0; box-sizing:border-box; z-index:2000;}

  .inicial_rodape_rel					{ max-width:1260px; padding:0 30px 0 30px; margin:0 auto; box-sizing:border-box; z-index:2100;}
  
    .riscorodape					{ height:1px; opacity:0.1; background:#9B9A9A; width:100%; }
  
    .rodape_colunas					{ display:flex; align-items: flex-start; width:100%; padding:50px 0 50px 0; margin:0; position:relative; }
    .rodape_colunas h2					{ color:#fff; font-weight:300; text-transform:uppercase; }
  
  
      .rodape_colunas .colu_categorias			{ flex:0 0 calc(75% - 20px); margin-right:20px; }
    
        .mapacat_item ul				{ column-count:3; list-style:none; margin:0; padding:0; }
    
        .mapacat_item li				{ display:block; margin:0; padding:0; }
	  
        .mapacat_item li a				{ font-size:14px; margin:0; padding:0; color:#fff; }
	  
        .mapacat_item li a:hover			{ color:#F2CB3F; }
    
    
      .rodape_colunas .colu_infos			{ flex:0 0 calc(25% - 20px); margin-left:20px; }
        .mapa_texto					{ font-size:14px; color:#B8B8B8; }
	.mapa_texto a 					{ color:#fff; }
	.mapa_texto a:hover				{ color:#F2CB3F; }
	
	
        .infos_link ul					{ list-style:none; margin:0; padding:0; }
        .infos_link li					{ display:block; height:36px; margin:15px 0 15px 0; padding:0; font-size:14px; line-height:140%; }
	.infos_link li .info_ico			{ display:block; width:100%; padding:0 0 0 46px; color:#B8B8B8; }
	.infos_link li .info_ico.fone			{ background:url(images/ico_tel.png)left top no-repeat;}
	.infos_link li .info_ico.skype			{ background:url(images/ico_skype.png)left top no-repeat;}
	.infos_link li .info_ico.whats			{ background:url(images/ico_whatsapp.png)left top no-repeat;}
	.infos_link li .info_ico.email			{ background:url(images/ico_email.png)left top no-repeat;}
	.infos_link li .info_ico a 			{ color:#fff;}
	.infos_link li .info_ico a:hover		{ color:#F2CB3F; }
	
  
    .rodape_assinatura					{ display:flex; width:100%; color:#B8B8B8; padding:50px 0 50px 0; margin:0; position:relative; }
  
      .rodape_assinatura .colu_empresa			{ flex:0 0 calc(50% - 20px); margin-right:20px; font-size:14px; }
      .rodape_assinatura .colu_empresa span		{ color:#fff; }
    
      .rodape_assinatura .colu_index			{ flex:0 0 calc(50% - 20px); margin-left:20px; font-size:12px; text-align:right; }
  
  
@media only screen and (max-width : 900px) {


  .inicial_rodape_rel					{ padding:30px 20px 30px 20px; }
  
    .riscorodape					{ display:none; }
  
    .rodape_colunas					{ flex-direction: column; align-items: center; padding:0;  }
    .rodape_colunas h2					{ color:#fff; margin:0; padding:0; text-align:center; }
  
      .rodape_colunas .colu_categorias			{ display:none; flex:0 0 calc(100% - 0); margin-right:0; }
    
      .rodape_colunas .colu_infos			{ flex:0 0 calc(100% - 0); margin:0; }
        .mapa_texto					{ display:block; text-align:center; }
 
 
        .infos_link ul					{ margin:50px 0 0 0; }


    .rodape_assinatura					{ flex-direction: column; text-align:center; padding:0; margin:0; }
  
      .rodape_assinatura .colu_empresa			{ flex:0 0 calc(100% - 0); margin:30px 0 0 0; line-height:120%; }
    
      .rodape_assinatura .colu_index			{ flex:0 0 calc(100% - 0); margin:0; text-align:center; }
  

}
    
    
    
/* ...................... 11. Interno - Geral ............................................................................................................................................. */

.cont_tarja						{ width:100%; padding:0; background:#F7F7F7; box-sizing:border-box; }

  .cont							{ max-width:1260px; padding:30px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }
 
    .cont h1						{ font-size:40px; color:#000; font-weight:300; line-height:130%; margin:0; padding:0; }
    .cont h1 a 						{ text-decoration:none; }
    
    .cont h1.centro					{ text-align:center; }
    
    .cont h2						{ font-size:24px; color:#A5CD39; font-weight:700; margin:0; padding:30px 0 10px 0; }
    .cont h3						{ font-size:20px; color:#666; font-weight:500; margin:0; padding:20px 0 5px 0; }
    .cont h4						{ font-size:20px; color:#A6CE39; font-weight:500; margin:20px 0 0px 0; padding:0;  }

    .cont p						{ padding:0; margin:0 0 10px 0; }

    .foto_principal					{ float:right; max-width:40%; margin:0 0 20px 20px; }
    
    .video_principal					{ float:right; width:50%; margin:0 0 20px 20px; }
    
  .subit						{ list-style:none; margin:30px 0 30px 0; padding:0; }

    .subit li						{ margin:0; }
    .subit li:last-child				{ border:none; }

      .subit li a					{ display:block; color:#444; margin:0; padding:0; padding:10px 0 10px 0; border-bottom:1px solid #eee; }
      .subit li a.ativo					{ color:#D91921; }
      .subit li a:hover					{ color:#D91921; }

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

  .cont							{ padding:20px; }
  
    .cont.colorido					{ background:#F1EDEB; }

    .cont h1						{ font-size:30px; }
    
    .foto_principal					{ max-width:60%;  }
    
    .video_principal					{ width:50%; }
    
}
 
 @media only screen and (max-width : 700px) {

    .cont h1						{ font-size:30px; }
    .cont h2						{ padding:10px 0 5px 0; }
    .cont h3						{ padding:10px 0 5px 0; }

    .cont .direita					{ width:100%; margin-bottom:20px; padding-left:0; }
    .cont .meio						{ width:100%; margin-bottom:20px; padding:0; }
    .cont .esquerda					{ width:100%; margin-bottom:20px; padding-left:0; float:none;  }

    .foto_principal					{ float:none; max-width:100%; margin:0 0 20px 0; }
    
    .video_principal					{ float:none; width:100%; margin:20px 0 20px 0; }
    
}
 
/* ...................... 11.1 Interno / Diretorio ............................................................................................................................................. */


  .diretorio						{ padding:0; margin:0 auto; list-style:none; height:30px; line-height:30px; font-size:12px; }
  
        .diretorio ul					{ margin:0 auto; text-align:center; }
  
	.diretorio li					{ margin:0 auto; padding:0 10px 0 13px; display:inline-block; background:url(images/diretorio_seta.png) left center no-repeat; }
	
	.diretorio li:first-child			{ padding-left:0; background:none; }
	
	.diretorio li a					{ margin:0; padding:0; color:#666; text-decoration:none; }
	
	.diretorio li a:hover				{ color:#F2CB3F; }
    
    



/* ...................... 12. Contato ............................................................................................................................................. */

.confirma							{ display:block; clear:both; padding:10px; background:#24BFD7; color:#fff; font-size:14px; text-align:center; margin:10px auto 15px auto; position:relative; z-index:4; }

.contato h3							{ color:#000; font-size:16px; margin:0; padding:0; line-height:120%; text-transform:uppercase; font-weight:500; }

.contato span							{ font-size:20px; font-weight:300; display:block; margin:0 0 30px 0; }

.contato span a 						{ text-decoration:none; font-size:20px; font-weight:300;}

.contato span a.comochegar					{ display:block; text-transform:uppercase; font-size:14px; font-weight:700; color:#F2CB3F; }

.contato							{ display:flex; width:100%; }

.contato .dir							{ flex:0 0 calc(50%); margin:0; padding:0; }

.contato .esq							{ flex:0 0 calc(50% - 40px); margin-right:40px; padding:0;  }

.contato .esq p							{ padding:0 0 20px 0; }


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

.contato span a 						{ text-decoration:none; font-size:18px; font-weight:300;}

.contato							{ display:block; margin:40px 0 40px 0; }

.contato .dir							{ flex:0 0 calc(100%); }

.contato .esq							{ flex:0 0 calc(100%); margin-right:0; }

}

     
   
  
/* ...................... 13. Interna - Blog ............................................................................................................................................... */
  
.blog_cont					{ display:flex; align-items: flex-start; width:100%; margin:20px 0 0 0; }
  
  .blog_cont .blog_materia			{ flex:0 0 calc(75% - 20px); margin-right:20px; box-sizing:border-box; }
      
    .blog_materia ul				{ margin:0; padding:0; list-style:none; }
      
      .blog_materia li				{ width:100%; padding:0; margin:20px 0 50px 0; box-sizing:border-box; }

      .blog_materia li .blog_titulo		{ margin:0; padding:0; font-size:36px; line-height:120%; font-weight:300; color:#000; }  
      
      .blog_materia li .blog_data		{ background:url(images/ico_lapis.png) left center no-repeat; font-size:14px; padding:5px 0 5px 22px; margin:0 0 10px 0; }
      
      .blog_materia li .blog_foto		{ max-height:250px; padding:0; margin:0; display: flex; align-items: center; overflow:hidden; border-radius:10px; box-sizing:border-box; }
      
      .blog_materia li .blog_foto.oficial	{ max-height:100%;  }
      
        .blog_materia li .blog_foto img		{ width:100%; }
    

      
      .blog_materia li .blog_resumo		{ margin-top:20px; display:block; font-size:16px; line-height:160%; }	
	
      .blog_materia li .blog_resumo a.lermais	{ font-weight:500; color:#373435; }
      
      .blog_materia li .blog_resumo a.lermais:hover	{ color:#F2CB3F;}
      
      
      .blog_materia li .blog_texto		{ margin:20px 0 20px 0; display:block; font-size:16px; line-height:160%; }	
      
      
      .carregar_blog				{ margin:0 auto; text-align:center;}
      
        a.leiamais_todos			{ display:inline-block; background:#373435; color:#fff; font-size:20px; height:40px; line-height:40px; text-align:center; margin:0 auto; padding:0 20px 0 20px;  border:none; text-decoration:none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  box-sizing:border-box; cursor:pointer; }
        
	a.leiamais_todos:hover			{ background:#000; }
	
	
      .comentarios				{ list-style:none; margin:20px 0 0 0; padding:0; border-top:1px dashed #E3E0DD; font-size:12px; }

	.comentarios li				{ margin:0; padding:10px 0 10px 170px; border-bottom:1px dashed #ccc; position:relative; min-height:50px; }

	.comentarios li .autor			{ color:#666; position:absolute; width:170px; top:10px; left:0; }

	.comentarios li .autor i		{ font-style:italic; color:#666; }

	.comentarios li p			{ margin:0; padding:0 0 20px 0; }

	.comentarios li ul			{ list-style:none; margin:20px 0 0 0; padding:0; border:1px dashed #ccc; }

	.comentarios li ul li			{ border:none; min-height:80px; }

	.comentarios li ul li .autor		{ left:10px; }
	
	

      
    .blog_cont .blog_destaques			{ flex:0 0 calc(25% - 20px); margin-left:20px; padding:20px 10px 20px 10px; background:#fff; border-radius: 10px; box-sizing:border-box; text-align:left; }
  
      .item_chamadas				{ width:100%; list-style:none; margin:0; padding:0; }

      .item_chamadas li				{ margin:0; padding:20px 0 20px 0; border-bottom:1px solid #ddd; }
	    
      .item_chamadas li img			{ width:100%; padding:0;  }
	    
      .item_chamadas li .titulo			{ font-size:16px; line-height:140%; }

      .item_chamadas li .descricao		{ display:block; color:#666; font-size:14px; padding:0; }
			
      .item_chamadas li .data			{ display:block; color:#666; font-size:12px; padding:0; margin:0; }
	    
      .item_chamadas li a			{ text-decoration:none; }

      
  

/* ...................... 13. Interna - Blog Comentários   .............................................................................................................................. */
  
.confirma					{ border:1px dashed #000; padding:10px; margin:10px 0 20px 0; color:#000; font-weight:700; font-size:14px; text-align:center; background:#fff; }
  
.formulario					{ position:relative; }
  
  .form_direita					{ width:calc(50% - 10px); padding-left:10px; float:left;  }
  
  .form_esquerda				{ width:calc(50% - 10px); padding-right:10px; float:left;  }

 
    .formulario input[type=text]		{ display:block; width:100%; height:40px; line-height:40px; font-style:italic; text-transform:uppercase; margin:0 0 10px 0; padding:0 0 0 10px; background:#fff; border:1px solid #E3E0DD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  box-sizing:border-box; }
    .formulario select				{ display:block; width:100%; height:40px; line-height:40px; font-style:italic; text-transform:uppercase; margin:0 0 10px 0; padding:0 0 0 10px; background:#fff; border:1px solid #E3E0DD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  box-sizing: border-box; }
      
    .formulario textarea			{ display:block; width:100%; height:90px; font-size:13px; font-style:italic; text-transform:uppercase; margin:0 0 10px 0; padding:10px 0 0 10px; background:#fff; border:1px solid #E3E0DD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  box-sizing: border-box; }
     
    .formulario input:focus			{ border-color:#000; } 
     
    .formulario input[type=submit]		{ display:block; background:#000; color:#fff; font-size:20px; height:40px; line-height:40px; text-align:center; text-transform:uppercase; margin:0; padding:0 20px 0 20px; border:none; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-sizing:border-box; cursor:pointer; }
    .formulario input[type=submit]:hover	{ background:#222; }
      
    .formulario #msg				{ display:none; height:30px; line-height:30px; color:#000; font-size:14px; margin:10px 0 10px 0; }
      

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

.blog_cont					{ display:flex; flex-direction: column-reverse; align-items: stretch; width:100%; margin:20px 0 0 0; }
	
  .blog_cont .blog_materia			{ flex:1; margin-right:0; width:100%;   }
  
    .blog_cont .blog_destaques			{ display:none; }
	
}
      
     


/* ...................... 14. Produtos - Produto ............................................................................................................................................. */

  
.item_info						{ display:flex; width:100%; justify-content: flex-start; align-items: stretch; }
  
  .item_info .item_esq					{ flex:0 0 calc(50% - 20px); padding:0; margin-right:20px;  }
  
    .item_info .item_esq h2				{ font-size:30px; color:#000; font-weight:300; line-height:130%; margin:0; padding:30px 0 0 0; }
  
    .item_info .item_esq .estatistica_caixa			{ text-decoration:none; display:flex; justify-content: space-between; padding:5px 10px 0 10px; font-size:12px; background:#F7F7F7; border:none; margin:20px 0 20px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }
  
    .item_info .item_esq .estatistica_caixa .ico_mais		{ padding-right:10px; margin:0; background:url(images/est_mais.png) center left no-repeat; width:21px; height:21px; }
  
    .item_info .item_esq .estatistica_caixa .ico_olho		{ padding:0; margin:0 10px 0 20px; background:url(images/est_olho.png) center left no-repeat; width:34px; height:21px; }
  
    .item_info .item_esq .estatistica_caixa .ico_ultimo		{ display:block; }

    .item_info .item_esq .estatistica_caixa .ico_grafico	{ padding:0; margin:0 0 0 20px; background:url(images/est_grafico.png) center left no-repeat; width:34px; height:21px; }

    .item_info .item_esq .grafico_caixa			{ padding:20px 0 20px 0; margin:0; box-sizing:border-box;  }
  

  
  
  
  .item_info .item_dir					{ flex:0 0 calc(50% - 20px); margin-left:20px; padding:0; }
  
    .item_info .item_dir h1				{ text-transform:lowercase; font-size:40px; color:#000; font-weight:300; line-height:130%; margin:0; padding:0; }
  
    .item_info .item_dir .compartilhar			{ color:#000; font-weight:700; }
  
    .item_info .item_dir .opcoes			{ width:100%; list-style:none; padding:0; margin:40px 0 40px 0; position:relative; box-sizing:border-box; }

      .item_info .item_dir .opcoes ul			{ display:flex; width:100%; margin:0; padding:0; list-style:none; color:#000; font-size:16px; }
		
      .item_info .item_dir .opcoes li			{ width:100%; margin:0; padding:0; }
  
      .item_info .item_dir .opcoes li .op_titulo	{ font-weight:300; padding:0; margin:0; line-height:100%; }
      .item_info .item_dir .opcoes li .op_texto		{ font-weight:500; padding:0; margin:0; line-height:100%; display:block; }
  
    .item_info .item_dir .descricao			{ margin:0 0 40px 0; }
  
    .item_info .item_dir .preco				{ font-size:30px; line-height:110%; color:#444; margin:40px 0 40px 0; font-weight:700; }
    
    
	a.select_item					{ text-decoration:none; font-size:24px; font-weight:300; color:#000; display:block; padding:10px; background:#F7F7F7; border:1px solid #E3E0DD; margin:0 0 20px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }

	a.select_item:hover				{ opacity: 0.9; color:#000; }
	  
	a.select_item.ativo				{ opacity: 0.9; color:#000; }
	  
	a.select_item.ativo:hover			{ opacity: 0.9; color:#000; }
    
	#campo_orcamento				{ display:none; }

  

.item_avaliacao						{ margin:40px 0 20px 0;}

.item_avaliacao h3					{ font-size:20px; border-bottom:1px solid #F1EDEB; padding:0; margin:10px 0 20px 0; font-weight:400; color:#211E1F; text-transform:uppercase; }


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

.item_info						{ flex-wrap: wrap;}

  .item_info .item_esq					{ flex:0 0 calc(100% - 0px); margin:0 0 20px 0; }
  

    .item_info .item_esq .estatistica_caixa .ico_ultimo		{ display:none; }
    
    .item_info .item_esq .estatistica_caixa .ico_grafico	{ display:none; }
  
  
  
  
  
  .item_info .item_meio					{ flex:0 0 calc(50% - 10px); }
  
  .item_info .item_dir					{ flex:0 0 calc(50% - 10px); }

    .item_info .item_dir h1				{ font-size:30px; line-height:100%; }

    .item_info .item_dir .opcoes			{ margin:20px 0 20px 0; }

    .item_info .item_dir .descricao			{ margin:0 0 20px 0; }

    .item_info .item_dir .preco				{ margin:20px 0 20px 0; }

}


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

.item_info						{ flex-direction: column; }

  .item_info .item_esq					{ flex:0 0 calc(100% - 0px); margin:0 0 20px 0; }
  
  .item_info .item_meio					{ flex:0 0 calc(100% - 0px); margin:20px 0 20px 0; }
  
  .item_info .item_dir					{ flex:0 0 calc(100% - 0px); margin:0 0 20px 0; }
  
    .item_info .item_dir .ajuda				{ margin:20px 0 20px 0; }

}
    
/* ...................... 14.1. Produtos - Fotos (slick) ............................................................................................................................................. */



    #campos_fotos .slider 			{ display:flex; max-width:500px; margin:0 auto; }


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

    #campos_fotos .slider 			{ display:flex; max-width:400px; margin:0 auto; }
	
}



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

    #campos_fotos .slider 			{ display:flex; max-width:300px; margin:0 auto; }
	
}
    
    
    #campos_fotos .slider.slider-for		{
    
						{ flex:0 0 calc(100%); 
						min-height:400px;
						max-height:400px;
						height:auto;
						display: -webkit-flex;
						display: flex;
						overflow:hidden;
						-webkit-align-items: center;
						 align-items: center;
						-webkit-justify-content: center;
						 justify-content: center;
						}
}
						

						

    #campos_fotos .slider.slider-for img	{ max-width:100%; width:auto; max-height:400px; height:auto; margin:0 auto; }						
    
    #campos_fotos .slick-slide 			{ margin: 0px 10px; }

    #campos_fotos .slick-slide img 		{ width: 100%; }

    #campos_fotos .slider.slider-nav		{ height:50px; width:100%; margin:10px auto; }
    
    #campos_fotos .slider.slider-nav div 	{ display:block;}
    
    #campos_fotos .slider.slider-nav div img	{ height:50px; width:50px; object-fit: scale-down; }	
    
    
    /* Setas medidas e cores */
    #campos_fotos .slick-prev			{ width: 23px; height: 43px; }
    
    #campos_fotos .slick-next			{ width: 23px; height: 43px; }
  
    #campos_fotos .slick-prev:before		{ content: url('js/slick/voltarelemento_menor.png'); opacity: .20; }

    #campos_fotos .slick-next:before		{ content: url('js/slick/Irelemento_menor.png'); opacity: .20; }
    
    #campos_fotos .slick-prev			{ left: -30px; }
    
    [dir='rtl'] #campos_fotos .slick-prev	{ right: -30px; left: auto; }
    
    #campos_fotos .slick-next			{ right: -30px; }
    
    [dir='rtl'] #campos_fotos .slick-next 	{ right: auto; left: -30px; }

    #campos_fotos .slick-prev:hover,
    #campos_fotos .slick-prev:focus,
    #campos_fotos .slick-next:hover,
    #campos_fotos .slick-next:focus		{color: transparent; outline: none; background: transparent; }
    
    #campos_fotos .slick-prev:hover:before,
    #campos_fotos .slick-prev:focus:before,
    #campos_fotos .slick-next:hover:before,
    #campos_fotos .slick-next:focus:before	{ opacity: 1;}
    

    /* Miniaturas das fotos */
    #campos_fotos .slick-slide 			{ transition: all ease-in-out .3s; opacity: .5;  }
    
    #campos_fotos .slick-active 		{ opacity: .5; }

    #campos_fotos .slick-current 		{ opacity: 1; }
  
  
  

/* ...................... 15. Produtos - Categorias ............................................................................................................................................. */
      
.cont_categoria						{ width:100%; padding:0; margin:0; background:#fff; box-sizing:border-box; }

.categoria						{ display:flex; max-width:1260px; padding:30px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }

.coluna_esq						{ flex:0 0 calc(25.0% - 20px); margin-right:20px; }

  .coluna_esq h3					{ font-size:20px; color:#221E1F; font-weight:400; margin:0; padding:0 0 5px 0; }

  .coluna_esq .bloco					{ margin-bottom:30px; background:#F1EDEB; padding:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-sizing:border-box; }

  .coluna_esq .bloco form select 			{ width:100%; padding:10px; background:#F1EDEB; border:none; border-bottom:#CCC 1px solid;}

.coluna_dir						{ flex:0 0 calc(75.0% - 20px); margin-left:20px; }

  .resultado						{ font-size:12px; margin:0; padding:0; }
    
  .resultado ul						{ margin:0; padding:0; }
  
  .resultado li						{ margin:0; padding:0 10px 0 13px; display:inline-block; background:url(images/diretorio_seta.png) left center no-repeat; }
  
  .resultado li:first-child				{ background:none; padding:0 10px 0 10px; }
  
  .resultado li.registros				{ float:right; font-weight:700; }
    
    
@media only screen and (max-width : 900px) {


.categoria						{ padding:0; flex-direction: column; }

.coluna_esq						{ display:block; width:100%; background:#373435; margin:0; padding:20px 20px 0 20px; box-sizing:border-box;  }

  .coluna_esq h3					{ color:#fff; }
	
.coluna_dir						{ display:block; width:100%; margin:0; padding:20px; vertical-align:top; box-sizing:border-box;}

}


  
   
 
/* ...................... galeria de fotos ...................................................................................................................................... */


.minigal						{ list-style:none; margin:30px 0 0 -15px; padding:0; display:flex; width:100%; flex-flow:row wrap; align-items:stretch; }

  .minigal li						{ margin:0 0 15px 15px; padding:0; position:relative; flex:0 0 calc(20% - 15px); border:1px solid #EBE2DB; box-sizing:border-box; }

  .minigal li:hover					{ border-color:#900A00; }

    .minigal li a					{ position:relative; display:block; text-align:center; }

      .minigal li span.foto				{ height:100px; background:center no-repeat; background-size:cover; display:block; width:100%; padding:10px; box-sizing:border-box; line-height:80px; text-align:center; }

	.minigal li span.foto img			{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; }

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

  .minigal li						{ flex:0 0 calc(25% - 15px); }

}

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

  .minigal li						{ flex:0 0 calc(50% - 15px); }

}

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

  .minigal li						{ flex:0 0 calc(100%); }
  
        .minigal li span.foto				{ height:300px; background-size:auto; padding:10px; line-height:100%; }

}

 
 
	

/* ...................... banner popup ................................................................................................................................................. */
  
	#popup					{ display:block; position:absolute; min-height:100%; width:100%; z-index:9997;
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.65+100 */
						background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
						}

	.poptexto				{ position:fixed; top:50%; left:50%; margin:0 0 0 -200px; width:400px; height:610px; background:#fff; z-index:9998;}
	
	.popimagem				{ position:fixed; top:20%; left:50%; margin:0 0 0 -200px; width:400px; height:610px; z-index:9998;}
	.popimagem img				{ width:100%; }
	
		.revecada			{ padding:50px 20px 20px 20px; line-height:140%; text-align:center; font-size:20px; }
		  .revecada .titulo		{ display:block; color:#E2635B; font-weight:700; text-transform:uppercase; padding-bottom:20px; }
		    .revecada a			{ color:#E2635B; }			
		    .revecada a:hover		{ color:#000; }
    
	.popfechar				{ position:fixed; top:20%; left:50%; margin:0 0 0 -200px; width:400px; z-index:9999; }	
		.popfechar a.fechar		{ position:absolute; top:5px; right:5px; height:30px; width:30px; line-height:30px; background:#313B5F; color:#fff; text-align:center; font-weight:700; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; cursor:pointer; z-index:9999;}			
		.popfechar a.fechar:hover	{ background:#000; }
	    
	    
	/* ...................... banner popup SMART .............................................................................................................................................. */
  
	@media only screen and (min-device-width : 320px) and (max-device-width : 959px) and (orientation:portrait) {

	.popimagem				{ position:relative; top:10%; left:0; margin:0; width:100%; height:auto;}
	
	.popfechar				{ position:relative; top:10%; left:0; margin:0; width:100%; }	
	
	}

	
	@media only screen and (min-device-width : 320px) and (max-device-width : 959px) and (orientation:landscape) {

	.popimagem				{ position:relative; top:10%; left:0; margin:0; width:100%; height:auto;}
	
	.popfechar				{ position:relative; top:10%; left:0; margin:0; width:100%; }	
  
	}

/* WhatsApp */

a.linkWhats					{ position:fixed; width:60px; height:60px; bottom:90px; right:20px; z-index:9000;}
.imgWhats					{ animation-name: zoomWhats; animation-duration: 1s; -webkit-animation-name: zoomWhats; -webkit-animation-duration: 1s; }
   
@-webkit-keyframes zoomWhats 			{ from {width:0px;} to {width:60px;} }