/*
azul oficial #1569b4
azul claro #0095da
azul escuro #0a2d6d
azul bem escuro #001337

preto #2e2f33
cinza claro #f5f5f5
outro cinza #f7f9fa
outro cinza #7f7f7f
*/
header{	z-index:98;	width:100%; margin:0 auto; padding:0; background-color:#FFFFFF}

.central { width:95%; margin:0 auto; max-width:1200px; box-sizing: border-box; clear:both}
.central_roda { width:95%; margin:0 auto; max-width:1200px; box-sizing: border-box; clear:both}
.central_contato { width:95%; margin:0 auto; max-width:1200px; box-sizing: border-box; clear:both}
.central_maior { width:95%; margin:0 auto; max-width:1225px; box-sizing: border-box; clear:both}
.slides { width:95%; margin:0 auto; max-width:1190px; box-sizing: border-box; clear:both}

.espaco{ clear:both; height:40px}
.espaco_P{ clear:both; height:20px}

.topo_cima{ border-bottom:1px solid #f5f5f5; float:right; padding-bottom:10px; font-size:10pt; color:#1569b4; box-sizing:border-box;}
.topo_cima_telefone{ float:right;  box-sizing:border-box; padding-right:5px}
.topo_cima_mail{ float:right; box-sizing:border-box; padding-right:5px}
.topo_cima_cadeado{ float:right; box-sizing:border-box; background-size:12px; background-image:url(../images/cadeado.gif); background-position:left; background-repeat:no-repeat; padding-left:15px}
.topo_cima a{color:#1569b4;}

.topo { width:98%; margin:0 auto; max-width:1225px; box-sizing: border-box; }
.lateral_logo{box-sizing: border-box; float:right; margin-top:2%; }
.logo{box-sizing: border-box; float:left; text-align:left; padding-top:30px; padding-bottom:30px; width:25%;}
.logo_img{ width:100%}

.page{ box-sizing: border-box; margin:0; padding:0px;}

/*//////////MENU//////////////////////////////*/
.menu{ list-style:none; border:0; text-decoration:none; margin:0; clear:both; margin-top:40px}
.menu li{ position:relative; float:left;}
.menu li a{ color:#1569b4;font-size:12pt; text-transform:uppercase; font-weight:300; display:block; border:0; margin:0; padding:14px; padding-left:30px; padding-right:0}
.menu li a:hover{ color:#0a2d6d;}
.menu_link_restrito{ display:none}

/*BANNER*/
.banner_computador{  border:0; margin:0; padding:0}
.banner_mobile{ display:none;}

.banner{ box-sizing:border-box; margin-bottom:-30px; padding-bottom:0px}
.banner_img{ background-position:center; background-repeat:no-repeat; background-size:cover}
.banner_img_mask{ background-image:url(../images/bannerX.png); background-repeat:repeat-y; padding-bottom:100px; background-size:55%}
.banner_base{ box-sizing: border-box;  width:95%; margin:0 auto; max-width:1225px;  clear:both}
.banner_infos{ box-sizing:border-box; padding-right:50%; padding-top:25%; padding-left:0; padding-bottom:0px; text-align:left}
.banner_titulo{ color:#FFF; font-size:32pt; font-weight:900; margin-bottom:20px; height:90px}
.banner_texto{ color:#FFF; font-size:15pt; line-height:150%; margin-bottom:20px; height:80px}
.banner_botao{ float:left; background-color:#1569b4; font-size:15pt; max-width:350px; clear:both; margin-top:10px; color:#FFF; padding:20px; text-align:center; border:0; cursor:pointer}
.banner_botao:hover{ background-color:#0a2d6d}


/*QUEM HOME*/
.quem_home{ margin:0; padding:0; clear:both; padding-top:50px; padding-bottom:50px; box-sizing:border-box; width:100%; overflow:hidden; background-color:#FFFFFF; width:95%; margin:0 auto;}
.quem_home_esquerda{ box-sizing:border-box; width:50%; float:left; padding-top:30px; padding-bottom:30px; box-sizing:border-box;
 opacity: 0; transform: translateX(-100%); transition: transform 2s, opacity 1s;}
.quem_home_esquerda.visivel { opacity: 1; transform: translateX(0);}
.quem_home_direita{ box-sizing:border-box; width:50%; float:left;  box-sizing:border-box; height:300px;
 opacity: 0; transform: translateX(100%); transition: transform 2s, opacity 1s; max-width:600px}
.quem_home_direita.visivel { opacity: 1; transform: translateX(0);}

.quem_home_interno{ box-sizing:border-box; max-width:620px; width:100%; padding-right:50px; float:right; text-align:left}
.quem_home_subtitulo{  font-size:15pt; font-weight:300; margin-bottom:20px; width:70%; color:#0a2d6d}
.quem_home_titulo{  font-size:32pt; font-weight:900; margin-bottom:20px;}
.quem_home_texto{ font-size:16pt; line-height:150%; text-align:justify; margin-bottom:20px; color:#858688}
@media screen and (max-width: 1200px) {
	.menu li a{font-size:12pt;padding:14px; padding-left:20px; padding-right:0; padding-top:8px}
	.quem_home_interno{ padding-left:30px; padding-top:10px}
	.quem_home_titulo{  font-size:28pt;}
	.banner_infos{ padding-right:40%; padding-top:20%;}

 }
 
/*ESTATISTICAS*/
.estatisticas_base{ background-color:#0a2d6d}
.estatistica_box{ width:25%; float:left; padding:20px; text-align:center; margin:0 auto; box-sizing:border-box; margin-top:20px; margin-bottom:40px; color:#FFFFFF;}
.estatistica_texto { font-size:13pt}
.estatistica_numero { font-size:50pt; font-weight:900}
@media screen and (max-width: 1200px) {
	.estatistica_box{ width:50%; margin:0 auto; text-align:center}
	.estatistica_texto { width:80%; margin:0 auto; text-align:center}
	.estatistica_numero {text-align:center}
}

/*SERVIÇOS*/
.solucoes_base{ background-repeat:no-repeat; background-size:cover }
.solucoes_mask_azul{  background-image:url(../images/azul_50.png);}
.solucoes_mask_gradiente{background-image:url(../images/bg_dif.png); background-repeat:repeat-y; background-size:100% auto; padding-top:70px; padding-bottom:70px}

.solucoes_subtitulo{ font-size:15pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase; color:#FFF}
.solucoes_titulo{ font-size:32pt;  font-weight:900; text-align:center; width:50%; margin:0 auto; margin-bottom:30px; color:#FFF}
.solucoes_texto{ font-size:15pt;  font-weight:300; text-align:center; width:65%; margin:0 auto; margin-bottom:30px; color:#FFF}

.solucoes_box{ width:24%; box-sizing:border-box; float:left; margin-bottom:8px; margin-right:1%}
.solucoes_box_home{  box-sizing:border-box;}
.solucoes_box_interna{ box-sizing:border-box; padding:30px; overflow:hidden; border:0px solid #999; border-radius: 10px; text-align:left; font-size:12pt; background-color:#001337;
 background: linear-gradient(to top, #001337, #0a2d6d); /* Opcional: */ background: -webkit-linear-gradient(top, #001337, #0a2d6d); background: -moz-linear-gradient(top, #001337, #0a2d6d); }
.solucoes_box_interna_home{ margin:20px; margin-bottom:40px; box-sizing:border-box; padding:30px; overflow:hidden; border:1px solid #FFF; border-radius: 10px; text-align:left; font-size:12pt;}
.solucoes_box_icon{ height:40px; width:100%; background-image:url(../images/icon_branco.png); background-size:auto 100%; background-position:left; background-repeat:no-repeat; margin-bottom:20px}
.solucoes_box_titulo{ height:80px; overflow:hidden; font-size:16pt; font-weight:900; color:#FFF}
.solucoes_box_subtitulo{ height:160px; overflow:hidden; font-size:12pt; margin-bottom:20px; margin-top:10px; font-weight:300; color:#FFF}
.solucoes_box_saiba{ font-size:11pt; font-weight:700; color:#FFF}
.solucoes_box_saiba::after { content: " →"; font-weight: normal; /* opcional: pode ajustar o peso da seta */}

.servicos_esquerda {width:100%;	float:left; box-sizing:border-box}
.servicos_direita {width:50%; float:right; box-sizing:border-box; padding-left:3%;}
.servicos_slogan{font-size:16pt; margin-bottom:20px; margin-top:20px; font-weight:300; color:#1569b4; text-align:justify}
.servicos_resumo{font-size:16pt; margin-bottom:20px; font-weight:700; text-align:justify}


/*PRODUTOS HOME*/
.produtos_home_central {  display: flex;  width:95%; margin:0 auto; max-width:1200px;  
	justify-content: space-between; /* mantém esquerda e direita separadas */
  	align-items: center; /* centraliza verticalmente */
}
.produtos_home_base{ background-color:#0a2d6d; padding-top:50px; padding-bottom:50px}
.produtos_home_esquerda{ box-sizing:border-box; width:50%; text-align:left}
.produtos_home_titulo{ font-size:75pt; font-weight:200; text-transform:uppercase; margin-bottom:10px; margin-left:-10px; color:#0095da}
@media screen and (max-width: 1300px) {
	.produtos_home_titulo{ font-size:60pt;}
}
.produtos_home_subtitulo{ font-size:15pt;  font-weight:700; padding-bottom:20px; color:#FFF}
.produtos_home_texto{ font-size:15pt;  font-weight:300; color:#FFF}
.produtos_home_direita{ box-sizing:border-box; width:50%; display: flex; 
	justify-content: flex-end; /* joga o botão para a direita */ align-items: center; /* centraliza verticalmente dentro da área */}


/*PRODUTOS MARCAS HOME*/
.marca_home{ margin:0; padding:0; clear:both; padding-top:50px; padding-bottom:0px; text-align:center; box-sizing:border-box; width:100%; overflow:hidden; background-color:FFF}
.marca_home_linha{ border-bottom:1px solid #7f7f7f; width:100%; height:1px}
.marca_home_titulo{ color:#7f7f7f; text-align:center; width:300px; background-color:#FFF; text-transform:uppercase; padding-bottom:70px; display:block; margin: 0 auto; margin-top:-12px;}

.logo_marca{float:left; height:80px; width:180px; margin:10px; margin-bottom:75px; background-position:center; background-size: 70% auto; background-origin: border-box; background-repeat:no-repeat; border:0px solid #2e2f33; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); transition: 0.5s linear}
.logo_marca:hover{-webkit-filter: grayscale(0); filter: none; transition: 0.2s linear; background-size: 75% auto;}

/*DEPOIMENTOS*/
.depo_home_central {  display: flex;  width:95%; margin:0 auto; max-width:1200px;  
	justify-content: space-between; /* mantém esquerda e direita separadas */
  	align-items: center; /* centraliza verticalmente */
}
.depo_home_base{ background: #0a2d6d;padding-top:50px; padding-bottom:50px; background: linear-gradient(to right, #0a2d6d, #0095da);
  /* Opcional: compatibilidade extra com navegadores bem antigos */
  background: -webkit-linear-gradient(left, #0a2d6d, #0095da); background: -moz-linear-gradient(left, #0a2d6d, #0095da); }
.depo_home_esquerda{ box-sizing:border-box; width:50%; text-align:left}
.depo_home_titulo{ font-size:75pt; font-weight:200; text-transform:uppercase; margin-bottom:10px; margin-left:-10px; color:#0095da}
@media screen and (max-width: 1300px) {
	.depo_home_titulo{ font-size:60pt; }
}
.depo_home_subtitulo{ font-size:15pt;  font-weight:700; padding-bottom:20px; color:#FFF}
.depo_home_texto{ font-size:15pt;  font-weight:300; color:#FFF}
.depo_home_direita{ box-sizing:border-box; width:40%; align-items: center; }
.depo_home_botao{ font-size:11pt; font-weight:400; color:#FFF}
.depo_home_botao::after { content: " →"; font-weight: normal; /* opcional: pode ajustar o peso da seta */}

.depo_box_home{ padding:20px; margin-bottom:0px; color:#FFF}
.depo_box_interno_home{ text-align:left; background-color:#FFFFFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:10%; border:0px; box-sizing:border-box; height:230px; line-height:150%; color:#969392; font-size:12pt;}
.depo_box_separa_home{ clear:both; height:10px;}

.depo_box_set{ margin-top:-1px; width: 0; height: 0; border-left: 30px solid transparent;  border-right: 30px solid white; border-top: 0px solid transparent; border-bottom: 30px solid transparent;}
.depo_foto{  width:70px; height:70px; background-color:#FFF; background-position:center; background-size:cover; background-repeat:no-repeat; 
border:1px solid #f5f5f5; -moz-border-radius:100px;	-webkit-border-radius:100px; border-radius:100px; float:left; box-sizing:border-box; margin-top:5px}
.depo_infos{ float:left; box-sizing:border-box; margin-top:20px; padding-left:15px;}
.depo_nome{ font-size:14pt; font-weight:700; text-align:left;}
.depo_bairro{ font-size:12pt; font-weight:400; text-align:left;}

.depo_foto_g{  width:150px; height:150px; background-color:#FFF; background-position:center; background-size:cover; background-repeat:no-repeat; 
border:1px solid #f5f5f5; -moz-border-radius:100px;	-webkit-border-radius:100px; border-radius:100px; float:left; box-sizing:border-box; margin-top:10px; margin-right:20px; margin-bottom:30px}
.depo_texto{ font-size:12pt; font-weight:300; text-align: justify; color:#969392; padding-top:20px; padding-bottom:20px}




/*BLOG*/
.blog_base{ padding-top:50px; padding-bottom:50px}
.blog_subtitulo{ font-size:15pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase; color:#7f7f7f}
.blog_titulo{ font-size:32pt;  font-weight:900; text-align:center; width:70%; margin:0 auto; margin-bottom:30px; }

.box_evento{ text-align:left; font-size:12pt;}
.box_evento_home{box-sizing:border-box; margin:20px; margin-bottom:40px}
.box_evento_interna{ width:100%; box-sizing:border-box; margin:0 auto; padding:0px; background-color:#FFF; height:500px; overflow:hidden; border:1px solid #f5f5f5}

.evento_infos{ padding:10px}
.evento_data{ color:#FFF; text-align:center; position:absolute; padding:5px; left:0%; top:0%; font-size:10pt; font-weight:400; background-image:url(../images/50.png); margin:0 auto; font-size:8pt}
.evento_nome{ height:70px; margin-top:10px; overflow:hidden; text-align:left; font-size:12pt; margin-bottom:5px; font-weight:700; color:#1569b4}
.evento_resumo{ text-align:justify; font-size:11pt; color:#858585; line-height:150%}
.foto_evento{ width:100%; height:270px; border:0px; margin:0 auto; border:0; background-position:center; margin-bottom:10px; background-size:cover; text-align:center; position: relative;}

/*MISSÂO*/
.dados_fundo{ background-color:#0a2d6d; clear:both; background-image:url(../images/bg_topo_10.png); padding-top:40px; padding-bottom:40px; color:#FFFFFF;}
.dados{ box-sizing:border-box; width:33.33%; float:left; line-height:150%; text-align:justify; text-overflow: ellipsis; font-weight:300}
.esq{  padding-right:40px}
.dir{ padding-left:40px}
.meio{ padding-left:20px; padding-left:20px}

/*RODAPE*/
.roda_divide{ box-sizing:border-box; width:25%; float:left; margin:0 auto; text-align:left; padding-top:70px; padding-bottom:70px; padding-right:20px}
.roda_logo{box-sizing:border-box; width:25%; float:right; margin:0 auto; text-align:center; padding-top:70px; padding-bottom:70px;}
.roda_logo_img{max-width:230px; padding-bottom:10px}
.roda_titulo{ font-weight:900; font-size:16pt; padding-bottom:10px; text-transform:uppercase}
.roda_dados{ font-size:12pt; min-height:40px; margin-bottom:20px; clear:both}
.roda_tele{ font-size:14pt; font-weight:900; clear:both}
.rede{box-sizing:border-box; margin:0 auto; display:inline-block; width:22px}
.link_roda{ font-size:10pt; color:#FFF}
.roda_slogan{ font-weight:400; font-size:10pt; padding:10px; margin-bottom:20px}
.roda_quadrado {display: inline-block; width: 15px; height: 15px; background-color: #1569b4; margin-right: 10px; }

.bloco{box-sizing:border-box; line-height:150%; text-align:justify; font-size:16pt;  margin:0px; padding-top:5px;  font-weight:300; }
.bloco_comfotos {box-sizing:border-box; line-height:150%; text-align:justify; font-size:16pt; font-weight:300; margin:0px; padding-top:5px; width:60%; float:left;  }
.bloco_fotos {box-sizing:border-box; width:40%; float:right; padding-left:3%}

.coluna{column-count: 2;   column-gap: 50px; text-align:justify}
.coluna_3{column-count: 3;   column-gap: 30px; text-align:left; font-size:10pt}

.bloco_contato_esq {width:50%;	float:left; box-sizing:border-box}
.bloco_contato_dir {width:40%;	float:right; background-color:#FFF; padding:50px; box-sizing:border-box; border:1px solid #999; margin-top:50px}

.mapa{-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:100%; margin-bottom:20px; height:350px; border:0; float:left; overflow:hidden}
.mapa_titulo{ margin-bottom:20px}


/*OBJETOS EM COLUNAS*/
.container {  display: grid; grid-template-columns: repeat(3, 1fr); /* 3 colunas iguais */ gap: 40px; /* espaço entre as colunas e linhas */}
.container_2 {  display: grid; grid-template-columns: repeat(2, 1fr); /* 3 colunas iguais */ gap: 60px; /* espaço entre as colunas e linhas */}
.box { padding: 0px;  text-align: center;}


/*PRODUTOS*/
.produtos_menu {float:left; width:20%; border:1px solid #1569b4; margin-top:5px; font-size:10pt; box-sizing:border-box; border-radius: 0px; }
.produtos_principal {float:left; width:80%; box-sizing:border-box; padding-left:2%}

/*////BUSCA*/
.busca_box{ width:98%; border:0; margin-right:1%; margin-left:1%; height:40px; box-sizing: border-box; overflow:hidden; padding:0}
.busca_botao_box{float:right; width:20%}
.busca_form_box{ float:left; width:80%}
.busca_form{ font-size: 10pt; padding:11px; color:#000; border: 0px; width:100%; background-color:#FFF}
.busca_botao{ width:50px; background-color:#FFF; border: 0px solid #000; cursor:pointer; height:40px; background-image:url(../images/busca.png); background-position:center; background-repeat:no-repeat; background-size:30px; float:right}

/*BOX PRODUTOS*/
.box_produto{width:25%; float:left; margin:0 auto; margin-bottom:10px; text-align:center;}
.box_produto_home{ width:100%; margin:0 auto; margin-bottom:40px; text-align:center;}
.box_produto_interna{margin:5px; padding:10px; text-align:center; border:1px solid #cdcfd4;}
.produto_marca{ height:20px; overflow:hidden; font-size:8pt; font-weight:300; color:#999; text-transform:uppercase}
.produto_nome{ height:120px; overflow:hidden; font-size:14pt; font-weight:300; color:#0a2d6d}
.produto_foto{ height:220px; width:100%; margin:0 auto; display:flex; justify-content:center; align-items:center}

.caminho_produto{ font-size:10pt; padding-top:10px; padding-bottom:10px}
.produto_detalha_foto{ width:50%; float:left; background-color:#FFFFFF}
.produto_detalha_info{ width:50%; float:right; padding-left:1%; box-sizing:border-box; text-align:justify}
.produto_detalha_info_total{ width:100%; float:left}
.produto_detalha_titulo {}

.produto_slide{ background-size:auto 100%; background-repeat:no-repeat; background-position:center; height:350px}
.produto_thumb{margin:2px; box-sizing:border-box; margin-bottom:20px; padding:5px;}