/* ...................... 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:#0083CB; }

a.botao 					{ background:#0083CB; color:#fff; font-size:20px; padding:5px 10px 5px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
a.botao:hover					{ background:#575252;}

::selection					{ background:#0083CB; color:#fff; }
::-moz-selection				{ background:#0083CB; 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 Logotipo ............................................................................................................................................ */

.cab							{ position:relative; height:100px; padding:0; margin:0 auto; z-index:500;  }

  .cab_rel						{ position:relative; max-width:1140px; padding:0 40px 0 40px; margin:0 auto; z-index:3000; box-sizing:border-box; }

	.cab .logotipo					{ width:336px; height:50px; /* width:396px; height:63px; */ padding:25px 0 25px 0; }
	
	.cab .logotipo_smart				{ display:none; width:269px; height:40px; padding:20px 0 20px 0;}
	
	.cab .menu					{ top:30px; right:0; height:43px; padding:0; position:absolute; }

		.menu					{ margin:0 auto; text-align:right; padding:0; list-style:none;  }
		.menu ul				{ position:relative; display:flex; justify-content: center; margin:0; padding:0; list-style:none; }
		.menu li				{ margin:0; padding:0 20px 0 0; height:40px; line-height:40px; }
		.menu li a				{ margin:0; padding:0; color:#333; font-size:16px; font-weight:300; z-index:99999; }
		.menu li a:hover			{ color:#0083CB; text-decoration:none; }
		.menu li a.ativo			{ color:#0083CB; text-decoration:none; }
		
		.menu li.cab_whats_smartphone		{ display:none; background:url(images/cab_whats.png) left center no-repeat; padding:0 0 0 43px; box-sizing:border-box;}
		.menu li.cab_whats			{ background:url(images/cab_whats.png) left center no-repeat; padding:0 0 0 43px; box-sizing:border-box;}
		
		.cab_whats_numero			{ display:inline-block; font-size:20px; line-height:33px; padding:0 10px 0 10px !important;; color:#fff !important;; background:#575656; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; height:33px;}
		
	#ico_menu					{ display:none; top:0; right:5px; position:absolute; cursor:pointer; width:31px; height:36px; background:url(images/smart_ico.png)no-repeat center center; z-index:9988; }

	#ico_fechar					{ display:none; position:absolute; right:0; top:0; height:80px; background:url(images/ico_fechar.png) center no-repeat #fff; width:50px; cursor:pointer; z-index:9999; }

	#box_menu					{ z-index:9000;}



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

	#ico_menu					{ display:block; }

	#box_menu					{ z-index:9998; position:fixed; top:0; right:-700px; min-width:70%; background:#fff; height:100%; padding:0 20px 0 20px; box-sizing:border-box; -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); }

	#ico_fechar					{ display:block; }
      
      
.cab							{ height:auto; }

	.cab .logotipo					{ display:none; }
	.cab .logotipo_smart				{ display:block; width:100%; text-align:center; margin:20px auto 20px auto; padding:0 20px 0 20px; box-sizing:border-box; }
		
	.cab .menu					{ height:100%; padding:0; position:relative; }
	
		.menu					{ text-align:left; }
		.menu ul				{ flex-direction: column; justify-content: flex-start; }
		.menu li				{ margin:0; padding:10px 0 10px 0; height:auto; line-height:120%; border-bottom: 1px solid #eee; }
		.menu li:first-child			{ border-bottom:none; }
		.menu li a				{ font-size:16px; }
		
		.menu li.cab_whats_smartphone		{ display:block; }
		.menu li.cab_whats			{ display:none; }


}


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


	.cab .logotipo					{ display:none; }
	.cab .logotipo_smart				{ display:block; width:100%; text-align:center; margin:20px auto 20px auto; padding:0; box-sizing:border-box;}
		

}


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

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

  #items_container					{ position:relative; width:100%; max-height:660px; margin:0 auto; padding:0; z-index:2; overflow:hidden; }
  
    .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:660px; height:100%; object-fit: cover; margin:0 auto; z-index:3; }





      .conteudo_slide					{ width:100%; height:130px; position:absolute; bottom:0; z-index:20; background:#0083CB; }
      
        .conteudo_slide_rel				{ max-width:1140px; 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:40px; font-weight:300; line-height:120%; }
        .conteudo_slide_rel .slide_rel_desc		{ width:100%; position:relative; display:block; font-size:18px; font-weight:500; line-height:160%; }
							

  #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					{ width:100%; padding:20px; height:auto; position:absolute; bottom:0; z-index:20; background:none; box-sizing:border-box; }
      

        .conteudo_slide_rel				{ 
						          background:#0083CB;
							  background: rgba(0, 131, 203, 0.7);
							  padding:10px;
							  -webkit-align-items: center;
							  align-items: center;
							  -webkit-justify-content: center;
							  justify-content: center;
							}
							
        .conteudo_slide_rel .slide_rel_titulo		{ font-size:18px; }
        .conteudo_slide_rel .slide_rel_desc		{ font-size:12px; line-height:140%; }

}

/* ...................... 3. categorias .............................................................................................................................................. */



.inicial_categorias					{ padding:0; margin:60px 0 60px 0; box-sizing:border-box; z-index:100; }

  .inicial_categorias_rel				{ position:relative; display:flex; align-items: center; max-width:1140px; padding:0 40px 0 40px; margin:0 auto; z-index:300; box-sizing:border-box; }
  
    .inicial_categorias_rel h2				{ flex:0 0 calc(25.0% - 20px); padding-right:20px; font-size:30px; font-weight:500; line-height:120%; color:#0083CB;  }
  
      .categorias_chamadas				{ flex:0 0 calc(75.0% - 20px); padding-left:20px; }
    
      .categorias_chamadas ul				{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; list-style:none; margin:0; padding:0;  }

      .categorias_chamadas li				{ box-sizing:border-box; }

      .categorias_chamadas li a				{ background:#fff; border: 1px solid #575656; padding:5px 10px 5px 10px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-sizing:border-box;}
      
      .categorias_chamadas li a:hover			{ background:#575656; color:#fff; }
      
      .categorias_chamadas li a.ativo			{ background:#575656; color:#fff; }



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

.inicial_categorias					{ margin:20px 0 20px 0; }

  .inicial_categorias_rel				{ flex-direction: column; padding:0 20px 0 20px; }
  
    .inicial_categorias_rel h2				{ flex:0 0 calc(100.0% - 0px); padding:0; font-size:18px; text-align:center; width:100%; }
  
      .categorias_chamadas				{ display:block; padding:0; margin:0; width:100%;}

      .categorias_chamadas ul				{ display:block; }

      .categorias_chamadas li				{ display:block; width:100%; padding:3px 0 3px 0x; font-size:14px; text-align:center; background:#0083CB; border-bottom: 1px solid #fff;}

      .categorias_chamadas li a				{ display:block; width:100%; background:none; color:#fff; border:none;  padding:0; border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

}





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

.inicial_produtos					{ padding:0; margin:0; box-sizing:border-box; z-index:200;}

  .inicial_produtos_rel					{ position:relative; max-width:1140px; padding:0 25px 0 25px; margin:0 auto; z-index:300; box-sizing:border-box; }
  
  
  .inicial_produtos_rel h3				{ font-size:30px; text-align:center; color:#0083CB; font-weight:500; margin:50px 0 50px 0; padding:0; line-height:100%; }
  
  
    .produtos_caixa					{ display:flex; width:100%; flex-wrap: wrap; justify-content: center;  margin:0; padding:0; box-sizing:border-box; }
    
    
      .proitem						{ 
							  position:relative;
							  height:200px;
							  width: calc(25% - 30px); /* 25% para exibir 4 quadros em uma linha */
							  margin: 0 15px 30px 15px;
							  padding:0;
							  -webkit-transition:all 0.3s ease; 
							  -moz-transition:all 0.3s ease; 
							  transition: all 0.3s ease;
							  box-sizing:border-box;
							  background:#fff;
							 }

							 
					 
        .proitem_foto					{ height:140px; 
							  width:100%; 
							  display: flex;
							  justify-content: center;
							  align-items: center;
							  background:#fff; 
							  box-sizing:border-box;
							  
							  
							}
							
	.proitem_foto img				{ height:140px; width:100%; object-fit: cover; }
							 

	.proitem_conteudo				{ height:60px; 
							  font-size:16px; 
							  text-align:center; 
							  color:#666666; 
							  background:#fff; 
							  padding:10px 0 10px 0; 
							  box-sizing:border-box;
							  }
	
	  .proitem_conteudo .nome			{ display:block; line-height:140%; }
	  
	  .proitem_conteudo .precototal			{ display:block; }
	  
	  
	  
@media only screen and (max-width : 900px) {
	
.inicial_produtos					{ background:#EEE; margin:40px 0 40px 0; padding:30px 0 30px 0; }
	
  .inicial_produtos_rel					{ padding:0 5px 0 5px; }
	
    .produtos_caixa					{ }
    
      .proitem						{ 
							  position:relative;
							  height:200px;
							  width: calc(50% - 30px);
							  margin: 0 15px 30px 15px;
							  padding:0;
							 }

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

  .inicial_produtos_rel					{ padding:0 20px 0 20px; }
	
    .produtos_caixa					{ }
    
      .proitem						{ 
							  position:relative;
							  height:100%;
							  width: calc(100% - 0px);
							  margin: 0 0 30px 0;
							  padding:0;
							 }
							 
					 
        .proitem_foto					{ height:100%; 
							  width:100%; 
							}
							
	.proitem_foto img				{ height:auto; max-width:100%; width:auto; }
							 

	.proitem_conteudo				{ height:auto;  }

}
	
	
/* ...................... 4. Chamada   .............................................................................................................................................. */

.inicial_chamada					{ padding:0; margin:100px 0 50px 0; box-sizing:border-box; z-index:200;}

  .inicial_chamada_rel					{ position:relative; max-width:1140px; padding:100px 40px 100px 40px; margin:0 auto; background:#0083CB; color:#fff; font-size:28px; text-align:center; font-family: 'Libre Caslon Display', serif; font-style:italic; line-height:140%; z-index:300; box-sizing:border-box; }

	
@media only screen and (max-width : 900px) {
	
.inicial_chamada					{ margin:40px 0 40px 0;}

  .inicial_chamada_rel					{ padding:30px 20px 30px 20px; font-size:20px; }

}
	
	
/* ...................... 5. Esclarecendo algumas dúvidas   .............................................................................................................................................. */

.inicial_duvidas					{ padding:0; margin:40px 0 40px 0; box-sizing:border-box; z-index:200; }

  .inicial_duvidas_rel					{ position:relative; max-width:1140px; padding:100px 40px 100px 40px; margin:0 auto; display:flex; z-index:300; box-sizing:border-box; }

  .inicial_duvidas_rel h2				{ font-size:30px; font-weight:500; line-height:120%; color:#0083CB;  }

    .duvidas_esquerda					{ flex:0 0 calc(50.0% - 20px); padding-right:20px; }
    
      .duvidas_esquerda ul				{ list-style:none; margin:0; padding:0;  }

        .duvidas_esquerda ul li				{ border-top:1px #CCE6F5 solid; padding:10px 0 10px 0; }
      
          .duvidas_esquerda ul li:first-child		{ border-top:none; }
      
          .duvidas_esquerda ul li .titulo		{ font-size:16px; font-weight:700; background:url(images/duvidas_seta.png)right center no-repeat; width:100%; cursor:pointer; }
	
          .duvidas_esquerda ul li .conteudo		{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding:0; font-size:14px; line-height:140%; }
	  
    
    .duvidas_direita					{ flex:0 0 calc(50.0% - 20px); padding-left:20px; }
    
    .duvidas_direita img				{ width:100%; }
	

@media only screen and (max-width : 900px) {
	
.inicial_duvidas					{ margin:40px 0 40px 0;}

  .inicial_duvidas_rel					{ padding:30px 20px 30px 20px; display:flex; flex-direction: column;}

  .inicial_duvidas_rel h2				{ font-size:24px; text-align:center;  }

    .duvidas_esquerda					{ flex:0 0 calc(100.0% - 0px); padding-right:0px; }

    .duvidas_direita					{ flex:0 0 calc(100.0% - 0px); padding-left:0; order: -1;}

}
	
	
	
/* ...................... 6. Portfólio   .............................................................................................................................................. */


.inicial_portfolio					{ padding:0; margin:50px 0 50px 0; background:#EBEDFE; box-sizing:border-box; z-index:200; }

  .inicial_portfolio_rel				{ position:relative; max-width:1140px; padding:100px 40px 100px 0; margin:0 auto; display:flex; z-index:300; box-sizing:border-box; }

    .inicial_portfolio_rel .portfolio_itens		{ flex:0 0 calc(75.0% - 20px); padding-right:20px; }
    
      .portfolio_itens ul				{ display:flex; justify-content: flex-start; list-style:none; }
      
        .portfolio_itens ul li				{ flex:0 0 calc(33.3% - 30px); padding:0 15px 0 15px; overflow: hidden; }
	
	.portfolio_itens ul li img			{ width:100%; height: 100%; object-fit: cover; border-radius: 10px;}
  
    .inicial_portfolio_rel .portfolio_texto		{ flex:0 0 calc(25.0% - 20px); padding-left:20px;}
    
      .portfolio_texto .subtitulo			{ font-size:20px; color:#0083CB; margin:0; padding:0; }
      
      .portfolio_texto h2				{ font-size:30px; font-weight:500; line-height:120%; margin:0; padding:10px 0 0 0; }
      
      .portfolio_texto p				{ font-size:14px; margin:0; padding:10px 0 10px 0; line-height:140%; }
      
      
@media only screen and (max-width : 900px) {
	
	
.inicial_portfolio					{ margin:0; }

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

    .inicial_portfolio_rel .portfolio_itens		{ flex:0 0 calc(100.0% - 0px); padding-right:0px; }
    
      .portfolio_itens ul				{ justify-content: center; width:100%; margin:0; padding:0; }
      
        .portfolio_itens ul li				{ flex:0 0 calc(33.3% - 30px); margin:40px 15px 0 15px; padding:0; }
    
    .inicial_portfolio_rel .portfolio_texto		{ flex:0 0 calc(100.0% - 0px); padding-left:0px; order: -1; text-align:center; }
    

}
      
/* ...................... 7. Marcas / Publicidade   .............................................................................................................................................. */


  .inicial_publicidade_rel				{ position:relative; max-width:1140px; padding:50px 40px 50px 40px; margin:0 auto; z-index:300; box-sizing:border-box; }

    .inicial_publicidade_rel h2				{ font-size:30px; color:#0083CB; font-weight:500; line-height:120%; text-align:center; margin:0 auto; padding:10px 0 0 0; }

    .inicial_publicidade_rel .subtitulo			{ font-size:20px; margin:0; padding:0; text-align:center; }
      


    .logosd						{ width:100%; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style:none; margin:40px auto; text-align:center; padding:0; box-sizing:border-box; }

      .logosd div					{ margin:0 auto; padding:0; text-align:center; vertical-align:center; list-style:none;  }

	.logosd div img					{ max-height:90px; }
  
  
  

@media only screen and (max-width : 500px) {
	
	
.inicial_publicidade					{ padding:0; margin:0; }
	
    .logosd						{ margin:40px 0 auto 0; text-align:center; padding:0; box-sizing:border-box; }

	
      .logosd div					{ padding:0 0 20px 0; }

	.logosd div img					{ max-height:60px; }
     
}
  

/* ...................... 8. Banner contato   .............................................................................................................................................. */


.inicial_duvida						{ display:block; width:100%; height:auto; margin:0 auto; padding:0; position:relative; z-index:1; background:#222;}

    .inicial_duvida_item				{ margin:0; padding:0; width:100%; overflow:hidden; background:center center no-repeat; position:relative; z-index:2; }
    

      .inicial_duvida_item img				{ width:100%; height:100%; object-fit: cover; margin:0 auto; padding:0; z-index:3; }


      .inicial_duvida_conteudo				{ width:100%; height:100%; position:absolute; bottom:0; z-index:20; }
      
        .inicial_duvida_conteudo_rel			{ max-width:1140px; 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;
							}
							
	.inicial_duvida_conteudo_rel h3			{ font-size:40px; color:#fff; font-weight:500; line-height:120%; text-align:center; margin:0 auto; padding:0; }
	
	.inicial_duvida_conteudo_rel .texto_convite	{ font-size:30px; color:#fff; font-weight:300; line-height:120%; text-align:center; margin:0 auto; padding:30px 0 30px 0;}
							

	.duvida_whats_smartphone			{ margin:0 auto; background:url(images/cab_whats.png) left center no-repeat; padding:0 0 0 43px; box-sizing:border-box;}
	
	.duvida_whats_smartphone .numero		{ display:inline-block; font-size:20px; line-height:33px; padding:0 10px 0 10px !important;; color:#fff !important;; background:#575656; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; height:33px;}
		


@media only screen and (max-width : 900px) {
	
	.inicial_duvida_conteudo_rel h3			{ font-size:16px; padding:0; }
	
	.inicial_duvida_conteudo_rel .texto_convite	{ font-size:16px; padding:15px 0 15px 0;}
			
	.duvida_whats_smartphone .numero		{ font-size:16px; }
	
     
}


 
/* ...................... 9. Rodapé   .............................................................................................................................................. */
 

.rodape							{ background:#222; width:100%; padding:0; margin:0; box-sizing:border-box; z-index:200;}

  .rodape_rel						{ display:flex; max-width:1140px; padding:60px 40px 60px 40px; margin:0 auto; box-sizing:border-box; z-index:210;}
  
  .rodape_rel h3					{ font-size:20px; font-weight:700; color:#fff; padding:0 0 20px 0; margin:0;}
  
  .rodape_rel .slogan					{ font-size:16px; font-weight:300; color:#fff; padding:20px 0 20px 0; margin:0; }
  
    .mapa_esquerda					{ flex:0 0 25%; z-index:220; }
    
    .mapa_centro					{ flex:0 0 50%; z-index:220; width:100%; text-align:center; margin:0 auto; }

    .mapa_direito					{ flex:0 0 25%; z-index:220; }


	.mapa_itens ul					{ list-style:none; padding:0; margin:0; height:auto; width:100%; position:relative; }
	.mapa_itens ul.duascolunas			{ columns: 2; }
	  
	.mapa_itens li					{ padding:0; margin:0; }
	    
	.mapa_itens li a				{ margin:0; padding:0; color:#fff; font-weight:300; }
	    
	.mapa_itens li a.ativo				{ color:#0083CB; }
	    
	.mapa_itens li a:hover				{ text-decoration:none; color:#0083CB; }
	    
	.mapa_itens li a.ativo:hover			{ color:#0083CB; }


	.rodape_redes					{ margin:0 auto; height:36px; margin:0 0 20px 0; text-align:center; position:relative; z-index:850; }
		      
	  .rodape_redes a.icon_face			{ display:inline-block; margin-right:10px; background:url(images/icone_facebook.png) center center no-repeat; width:36px; height:36px; cursor:pointer; text-indent:-9999px; }
	  .rodape_redes a:hover.icon_face		{ opacity: 0.7; }
		      
	  .rodape_redes a.icon_inst			{ display:inline-block; background:url(images/icone_instagram.png) center center no-repeat; width:36px; height:36px; cursor:pointer; text-indent:-9999px; }
	  .rodape_redes a:hover.icon_inst		{ opacity: 0.7; }
		      
	  .rodape_redes a.icon_youtube			{ display:inline-block; background:url(images/icone_youtube.png) center center no-repeat; width:36px; height:36px; cursor:pointer; text-indent:-9999px; }
	  .rodape_redes a:hover.icon_youtube		{ opacity: 0.7; }


@media only screen and (max-width : 900px) {
	
  .rodape_rel						{ flex-direction: column; padding:40px 20px 0 20px; }
     
  .rodape_rel h3					{ display:none; }
     
  .rodape_rel .slogan					{ padding:20px 0 40px 0; } 
     
    .mapa_esquerda					{ flex:0 0 100%; }
    
    .mapa_centro					{ flex:0 0 100%; margin:40px 0 40px 0; }

    .mapa_direito					{ display:none; }
     
	.mapa_itens ul					{ display:flex; justify-content: center; }
	  
	.mapa_itens li					{ padding:0 10px 0 10px; }
	  
	.mapa_itens li a				{ color:#bbb; font-size:14px; }
	    
	.mapa_itens li a.ativo				{ color:#0083CB; }
     
	.rodape_redes					{ margin:0;  }
		      
}



@media only screen and (max-width : 500px) {
	
    .mapa_centro					{ flex:0 0 100%; }
    
    .mapa_centro img					{ width:80%;}
     
}

/* ...................... 9.1 Rodapé Assinatura   .............................................................................................................................. */


.rodape_ass						{ background:#222; width:100%; padding:0 0 10px 0; margin:0; box-sizing:border-box; z-index:200;}

  .rodape_ass_rel					{ max-width:1140px; padding:0 40px 0 40px; margin:0 auto; text-align:center; box-sizing:border-box; z-index:210;}
  
    .rodape_ass_rel .risco				{ width:100%; height:1px; background-color: rgba(255, 255, 255, 0.1); margin:0 auto 30px auto; }
  
    .rodape_ass_rel h3					{ margin:0; padding:0 0 5px 0; font-size:14px; font-weight:500; color:#fff; line-height:100%; }
    
    .rodape_ass_rel address				{ margin:0; padding:0; font-size:12px; font-weight:300; color:#fff; line-height:100%; font-style:normal;  }
  
    .index						{ margin:30px auto; padding:0; font-size:12px; font-weight:300; color:#ddd; text-align:center; }
    
    .index a						{ color:#ddd; text-decoration:none; }
    
    .index a:hover					{ color:#fff; }


@media only screen and (max-width : 900px) {
	
  .rodape_ass_rel					{ padding:30px 20px 0 20px; }
  
    .rodape_ass_rel .risco				{ display:none;  }
      
    .rodape_ass_rel address				{ color:#bbb; }
  
    .index						{ font-size:11px; }
		      
}
    
    
/* ...................... 10.1 Interna Empresa   .............................................................................................................................. */
    
.interna_empresa					{ padding:0; margin:0 0 40px 0; box-sizing:border-box; z-index:200; }

  .interna_empresa_rel					{ position:relative; max-width:1140px; padding:0 0 0 40px; margin:0 auto; display:flex; justify-content: center; align-items: center; z-index:300; box-sizing:border-box; }

  .interna_empresa_rel h2				{ font-size:40px; font-weight:300; line-height:120%; color:#575555;  }
  
  .interna_empresa_rel .descricao			{ font-size:18px; margin:30px 0 30px 0; font-family: 'Libre Caslon Display', serif; font-style:italic; line-height:140%; z-index:300;}

    .interna_empresa_rel .empresa_esquerda		{ flex:0 0 calc(30.0% - 20px); padding-right:20px; }
    
    .interna_empresa_rel .empresa_direita		{ flex:0 0 calc(70.0% - 20px); padding-left:20px; }
    
      .interna_empresa_rel .empresa_direita img		{ width:100%; }
	
    
    
.interna_empresa_chamada				{ padding:0; margin:0; background:#0083CB; box-sizing:border-box; z-index:200;}

  .interna_empresa_chamada_rel				{ position:relative; max-width:1140px; padding:20px 40px 20px 40px; margin:0 auto; color:#fff; font-size:28px; text-align:center; font-family: 'Libre Caslon Display', serif; font-style:italic; line-height:140%; z-index:300; box-sizing:border-box; }

    
.interna_empresa_duvidas				{ padding:0; margin:0; background:#EBEDFE; box-sizing:border-box; z-index:200; }

  .interna_empresa_duvidas_rel				{ position:relative; max-width:1140px; padding:100px 40px 100px 40px; margin:0 auto; display:flex; z-index:300; box-sizing:border-box; }


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

.interna_empresa					{ padding:0; margin:0 0 40px 0; box-sizing:border-box; z-index:200; }

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

  .interna_empresa_rel h2				{ font-size:30px; }
  
    .interna_empresa_rel .empresa_esquerda		{ flex:0 0 calc(100% - 0px); padding-right:0px; margin-bottom:20px; text-align:center; }
    
    .interna_empresa_rel .empresa_direita		{ flex:0 0 calc(100% - 0px); padding-left:0px; }


  .interna_empresa_chamada_rel				{ padding:20px; font-size:24px; }


	
.interna_empresa_duvidas				{ margin:0;}

  .interna_empresa_duvidas_rel				{ padding:30px 20px 30px 20px; display:flex; flex-direction: column;}

  .interna_empresa_duvidas_rel h2			{ font-size:24px; text-align:center;  }

}
    

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

.cont_tarja						{ width:100%; padding:0; background:#0083CB; box-sizing:border-box; }
  .cont_tarja_rel					{ max-width:1140px; padding:20px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }
  .cont_tarja_rel h1					{ font-size:40px; margin:0; padding:0; font-weight:300; line-height:120%; color:#fff;  }
  .cont_tarja_rel h1 a 					{ color:#fff; text-decoration:none; }
  .cont_tarja_rel h1.centro				{ text-align:center; }
    
  .cont							{ max-width:1140px; padding:50px 40px 50px 40px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }
 
    .cont h1						{ font-size:40px; font-weight:700; line-height:120%; color:#0083CB;  }
    .cont h1 a 						{ color:#0083CB; text-decoration:none; }
    
    .cont h1.centro					{ text-align:center; }
    
      .cont .h1desc					{ width:60%; display:block; font-size:16px; font-weight:300; text-align:center; margin:0 auto; padding:0; }
      
      .cont .h1sub					{ display:block; color:#0083CB; font-weight:500; font-size:16px; text-align:center; margin:20px 0 0 0; padding:0; }
      
      .cont a.linkcontato				{ display:block; text-align:center; margin:0 auto; padding:0; font-size:24px; font-weight:300; text-decoration:none; }
      
      .cont_compartilhar				{ display:block; padding:0; margin:0; float:left; }

    .cont h2						{ font-size:24px; color:#0083CB; 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; }
    
    .cont .mais_botao					{ display:block; width:100%; background:#0083CB; margin-top:30px; color:#fff; text-align:center; text-transform:capitalize; padding:10px; box-sizing:border-box; }
    .cont .mais_botao:hover				{ background:#666; }
    
    
    .cont .direita					{ width:calc(33% - 20px); padding-left:20px; float:left; }
    .cont .meio						{ width:calc(34% - 20px); padding:0 10px 0 10px; float:left; }
    .cont .esquerda					{ width:calc(33% - 20px); padding-right:20px; float:left; }
    
    .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:40px 20px 40px 20px; }
    .cont.colorido					{ background:#F1EDEB; }

    .cont h1						{ font-size:30px; }
    
    .cont .direita					{ width:calc(50% - 20px); padding-left:20px; }
    .cont .meio						{ width:calc(50% - 20px); padding:0 20px 0 0; }
    .cont .esquerda					{ display:block; width:100%; margin-bottom:40px; padding-left:0; float:none;  }

    .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. Produtos - Categorias ............................................................................................................................................. */
      

.menu_categoria						{ width:100%; padding:0; background:#0083CB; box-sizing:border-box; }

  .menu_categoria_rel					{ max-width:1140px; padding:0; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }
      
  .mcategoria						{ list-style:none; height:40px; margin:0; padding:0; display:flex; justify-content: center; }

    .mcategoria li					{ margin:0; padding:0; }

      .mcategoria li a					{ padding:0 15px 0 15px; display:block; color:#fff; height:16px; line-height:40px; text-decoration:none;}

      .mcategoria li a.ativo				{ font-weight:700; }

      .mcategoria li a:hover				{ font-weight:700;  }

      
      
      
      
.cont_categoria						{ width:100%; padding:0; margin:0; background:#fff; box-sizing:border-box; }

.categoria						{ max-width:1140px; padding:40px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }

.coluna_esq						{ display:inline-block; width:25%; margin:0; padding:0; }

  .coluna_esq h3					{ font-size:24px; margin:0; padding:0 0 5px 0; font-weight:300; line-height:120%; color:#575555; }

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

  .categorias						{ list-style:none; margin:0; padding:0; }

    .categorias li					{ margin:0; padding:0; }

      .categorias li a					{ padding:8px 0 8px 0; display:block; color:#666; line-height:16px; height:16px; }

      .categorias li a.ativo				{ }

      .categorias li a:hover				{ text-decoration:none; }

	.categorias li a span				{ width:10px; height:10px; border:1px solid #ccc; display:block; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  margin-right:10px; }

	.categorias li a:hover span			{ border-color:#0083CB; }

	.categorias li a.ativo span			{ border-color:#0083CB; background:#0083CB; }
	
          .categorias ul				{ list-style:none; margin:0; padding:0; }
      
          .categorias ul li a				{ margin:0; padding:5px 0 5px 15px; }

  form.filtro						{ margin:0; }

    form.filtro select					{ width:100%; height:30px; line-height:30px; border-color:#ccc; background:#fff; margin:0; padding:0; }


.coluna_dir						{ display:inline-block; width:calc(75% - 44px); padding:0 0 0 40px; vertical-align:top; }

  .coluna_dir h1					{ font-size:40px; color:#0083CB; line-height:130%; font-weight:700; margin:0; padding:0 0 20px 0;  }

	
.produto						{ width:100%; margin:0; padding:0; }  

  .produto ul						{ margin:0; padding:0; list-style:none; display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
    
    .produto li						{ flex:0 0 calc(33.3% - 30px); height:100%; margin: 0 15px 30px 15px; padding:0; }
    
    .produto li a 					{ display:block; width:100%; padding:0; height:100%; background:#fff; box-sizing:border-box;}

    .produto li a .foto					{ height:140px; width:100%; display: flex; justify-content: center; align-items: center; background:#fff;  box-sizing:border-box; }
    
    .produto li a .foto img				{ object-fit: cover; height:140px; width:100%; }

    .produto li a .nome					{ display:block; padding:10px; line-height:140%; text-align:center; box-sizing:border-box; }
    
.cab_menusmart						{ display:none; }
.smart_menu_categorias					{ display:block; }
    
    
@media only screen and (max-width : 900px) {


.menu_categoria						{ display:none; }

.categoria						{ padding:0;  }

.cab_menusmart						{ position:relative; display:block; width:100%; height:40px; background:#0083CB; }

#menusmart_ico						{ position:absolute; top:0; left:20px; height:40px; line-height:40px; padding-left:40px; color:#fff; background:url(images/icone_todosdepto.png) left center no-repeat; cursor:pointer;}
#menusmart_ico:hover					{ color:#fff; }

.smart_menu_categorias					{ display:none; padding:20px 0 20px 0; }

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

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

}



@media only screen and (max-width : 600px) {
    
    .produto li						{ flex:0 0 calc(50.0% - 20px); margin:0 10px 20px 10px;  }

}


/* ...................... 12. Produtos - Produto ............................................................................................................................................. */

.cont_produto 						{ max-width:1140px; padding:50px 40px 50px 40px; margin:0 auto; position:relative; box-sizing:border-box; z-index:200; }
.cont_produto h1					{ font-size:40px; margin:0; padding:0; font-weight:700; line-height:120%; color:#0083CB;  }
.cont_produto .sub_categoria				{ font-size:14px; font-weight:500; }
.cont_produto .compartilhar				{ display:block; padding:0; margin:0 0 20px 0; }

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

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


/* ...................... 12.0. Texto ............................................................................................................................................. */

.item_info						{ display:flex; width:100%; justify-content: flex-start; align-items: stretch; }

  .item_info h2						{ font-size:24px; font-weight:500; margin:0; padding:0; line-height:100%; }
  
  .item_info h3						{ font-size:24px; font-weight:500; margin:50px 0 0 0; padding:0; line-height:100%; }
  
  .item_info .texto 					{ margin:0; padding:0; font-size:14px; }
  
  .item_info .item_esq					{ flex:0 0 calc(50% - 20px); padding:0; margin-right:20px;  }
  
  .item_info .item_dir					{ flex:0 0 calc(50% - 20px); margin-left:20px; padding:0; }


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

.item_info						{ flex-direction: column; align-items: flex-start; }
	
  .item_info .item_esq					{ flex:0 0 calc(100% - 0px); padding:0; margin-right:0px; margin-bottom:40px; }
  
  .item_info .item_dir					{ flex:0 0 calc(100% - 0px); margin-left:0px; padding:0; }
	
	
}


/*....................... 12.1. Produtos - Fotos .....  */

    .item_fotos						{ display:block; width:100%; margin:0 auto 50px auto; background:#fff; box-sizing:border-box;}

/*....................... 12.1. Produtos - Foto unico (criada pois a ferramenta slick falha quando imagem unica no celular para carregar ) .....  */



    .campos_fotos_unico					{ display:flex; width:100%; margin:0 auto; background:#fff; margin:10px 0 10px 0;}
    .campos_fotos_unico img				{ max-width:100%; width:auto; height:auto; margin:0 auto; }


/* ...................... 12.2. Produtos - Fotos (slick) ............................................................................................................................................. */



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


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

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

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

    #campos_fotos .slider 			{ display:flex; max-width:700px; margin:0 auto; }
	
}
    
    
    #campos_fotos .slider.slider-for		{ flex:0 0 calc(100%); 
						min-height:450px;
						max-height:450px;
						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 20px; }

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

    #campos_fotos .slider.slider-nav		{ 
						-webkit-align-items: center;
						 align-items: center;
						min-height:150px; 
						max-height:150px; 
						height:auto; 
						width: calc(100% - 30px);
						margin:0 auto; 
						}
    
    #campos_fotos .slider.slider-nav div 	{ display:block;}
    
    #campos_fotos .slider.slider-nav div img	{ height:100px; width:100px; object-fit: cover;}	
    
    
    /* Setas medidas e cores */
    #campos_fotos .slick-prev			{ width: 15px; height: 25px; }
    
    #campos_fotos .slick-next			{ width: 15px; height: 25px; }
  
    #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; }
  


.carousel						{ display:flex; max-width:1060px; justify-content: center; margin:0; padding:0; box-sizing:border-box;}


/*....................... 12.3. Produtos - Formulario Contato .....  */



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

.contato input[type=text]					{ width:100%; height:40px; margin:0 0 10px 0; padding:0 5px 0 5px; border:1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#fff; font-size:14px; font-style:normal; color:#444; box-sizing:border-box;}

.contato select							{ width:100%; height:40px; margin:0 0 10px 0; padding:0 5px 0 5px; border:1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#fff; font-size:14px; font-style:normal; color:#444; box-sizing:border-box;}

.contato textarea						{ width:100%; height:60px; margin:0 0 10px 0; padding:10px 5px 0 5px; border:1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#fff; font-size:14px; font-style:normal; color:#444; box-sizing:border-box;}

.contato input[type=button]					{ display:block; background-color:#2A4297; margin:10px 0 0 0; padding:0 10px 0 10px; color:#fff; height:30px; line-height:30px; font-size:14px; border:none; cursor:pointer; }

.contato input[type=button]:hover				{ opacity:0.5; }

.contato input[type=submit]					{ display:inline-block; font-style:normal; text-transform:uppercase; background-color:#0083CB; margin:0; padding:0 20px 0 20px; color:#fff; height:40px; line-height:40px; font-size:14px; border:none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; cursor:pointer; }

.contato input[type=submit]:hover				{ opacity:0.5; }

.botao_enviar_whatsapp						{ display:inline-block; background:url(images/icon_whats.png) left 10px center no-repeat rgba(40, 214, 102, 0.8); color:#fff; font-size:14px; text-align:center; text-transform:uppercase; margin-left:20px; padding:0 60px 0 60px; height:40px; line-height:40px; border:none; text-decoration:none; box-sizing:border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; cursor:pointer;}
.botao_enviar_whatsapp:hover					{ background:url(images/icon_whats.png) left 10px center no-repeat rgba(40, 214, 102, 0.5); color:#fff; }



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

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

 #lightgallery .caixa						{ margin:0 0 15px 15px; padding:0; position:relative; flex:0 0 calc(25% - 15px); border:1px solid #0083CB; box-sizing:border-box; }

  #lightgallery .caixa:hover					{ border-color:#900A00; }

    #lightgallery .caixa a					{ position:relative; display:block; text-align:center; }

      #lightgallery .caixa 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; }

	#lightgallery .caixa span.foto img			{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; }
*/


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

 #lightgallery a						{ margin:0 0 15px 15px; padding:0; position:relative; flex:0 0 calc(25% - 15px); border:1px solid #0083CB; box-sizing:border-box; }

  #lightgallery a:hover						{ border-color:#666; }

    #lightgallery a.lg-item					{ position:relative; display:block; text-align:center; }

      #lightgallery a span.foto					{ display:flex; align-items: center; justify-content: center; height:200px; width:100%; padding:10px; box-sizing:border-box;  }

	#lightgallery a span.foto img				{ object-fit: cover; width:100%; height:100%; }


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

 #lightgallery a						{ flex:0 0 calc(50% - 15px); }

}

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

#lightgallery {
    display: block;
}

#lightgallery a {
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    border: none;
}

#lightgallery a:hover {
    border-color: #666;
}

#lightgallery a span.foto {
    display: block;
    height: auto;
    height:100%;
    padding:0;
}

#lightgallery a span.foto img {
    width: 100%;
}


}