@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { float: left; width: 100%; height: auto; position: relative; }
header #informacao_dados { padding: 5px 0px; float: left; width: 100%; height: auto; position: relative; background-color: #1F0981; }
header #informacao_dados a { color: #FFFFFF; font-size: 16px; font-family: var(--font-regular); }
header #informacao_dados a img { float: left; margin: 2px 5px 2px 0px; }
header #informacao_dados .coluna_01 { float: left; width: 295px; height: auto; position: relative; }
header #informacao_dados .coluna_02 { float: right; width: 225px; height: auto; position: relative; }

header #logo_menu { padding: 18px 0px; float: left; width: 100%; height: auto; position: relative; background-color: #FFFFFF; }
header #logo_menu .coluna_01 { float: left; width: 270px; height: auto; position: relative; }
header #logo_menu .coluna_02 { float: right; width: 743px; height: auto; position: relative; }
header #logo_menu .coluna_02 #topo_menu { width: 568px; height: auto; float: left; position: relative; padding-top: 27px; }
header #logo_menu .coluna_02 #topo_menu ul { float: left; width:100%; height: auto; position: relative; margin: 0px; list-style:none; padding-right: 0px!important; }
header #logo_menu .coluna_02 #topo_menu ul li { float: left; width:auto; height: auto; padding: 0px; margin: 0px; }
header #logo_menu .coluna_02 #topo_menu ul li a { font-size: 16px; font-family: var(--font-regular); font-weight: bold; border-bottom: 4px solid #FFFFFF; padding: 0px 0px 0px; color: #000000; margin: 0px 14px; transition: 0.7s ease; -webkit-transition: 0.5s ease; float: left; position: relative; width: auto; height: auto; }
header #logo_menu .coluna_02 #topo_menu ul li a:hover { color: #1F0981; border-bottom: 4px solid #1F0981; }
header #logo_menu .coluna_02 #topo_menu ul li a.sel { color: #1F0981; border-bottom: 4px solid #1F0981; }
header #logo_menu .coluna_02 #topo_menu ul li a.menu_primeiro { margin-left: 0px; }
header #logo_menu .coluna_02 #topo_menu ul li a.menu_ultimo { margin-right: 0px; }

header #logo_menu .coluna_02 #topo_redes { width: 110px; height: auto; float: right; position: relative; padding-top: 22px; }
header #logo_menu .coluna_02 #topo_redes .icone_redes_meio { position: relative; margin: 0px 5px; }

header #menu_categorias { padding: 0px; float: left; width: 100%; height: auto; position: relative; background: transparent linear-gradient(180deg, #1F0981 0%, #003E7E 100%) 0% 0% no-repeat padding-box; }
header #menu_categorias a.lk_categorias { min-height: 132px; width: 14.28%; height: auto; position: relative; float: left; background-color: transparent; padding: 30px 0px 28px; color: #FFFFFF; text-align: center; line-height: 1.1em; }
header #menu_categorias a.lk_categorias:hover { background-color: #C20E1A; }
header #menu_categorias a.lk_categorias span { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-bottom: 5px; }
header #menu_categorias a.lk_categorias span img { width: auto; height: 30px; position: relative; text-align: center; }
header #menu_categorias a.lk_todas { background-color: #C20E1A; }
header #menu_categorias a.lk_todas:hover { background-color: #000000; }

#main section#conteudo { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; }

#home_animacao_letras { width: 100%; height: auto; float: left; position: relative; padding: 12px 0px; background-color: #C20E1A; }
#home_animacao_letras p { color: #FFFFFF; font-weight: bold; }
#home_animacao_letras p span { width: auto; position: relative; height: auto; padding: 0px 12px; }

#home_tipo_balcao .cards_tipo_balcao { width: 31.33%; height: auto; position: relative; float: left; margin: 0px 1% 40px; }

.card_produtos { width: 23%; height: auto; position: relative; float: left; margin: 0px 1% 25px; padding: 20px 12px; display: block; text-align: center; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_produtos .produto_foto { width: 100%; height: 212px; position: relative; float: left; background-position: center center; background-size: auto 95%; background-repeat: no-repeat; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_produtos .produto_descricao { text-align: center; width: 100%; height: auto; position: relative; float: left; padding: 16px 0px; background-color: #FFFFFF; }
.card_produtos .produto_descricao .produto_marca { color: #0A7EF7; font-size: 12px; text-align: center; }
.card_produtos .produto_descricao .produto_titulo { color: #000000; font-weight: bold; text-align: center; padding: 5px 0px 18px; line-height: 1.1em; }
.card_produtos .produto_descricao .produto_link { font-size: 10px; font-family: var(--font-regular); line-height: 20px; color: var(--cor-textos); font-weight: normal; background-color: #FFFFFF; border: 1px solid #0A7EF7; padding: 2px 18px; margin: 1px 7px; width: auto; height: auto; float: none; position: relative; text-align: center; text-decoration: none; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; display: inline-block; }
.card_produtos .produto_descricao .produto_link:hover { color: #FFFFFF; background: transparent linear-gradient(90deg, #0A7EF7 0%, #803669 64%, #89315F 69%, #C20E1A 100%) 0% 0% no-repeat padding-box; }

.card_produtos:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius: 0px; }
.card_produtos:active { color: #000; }
.card_produtos:active:after { background: transparent; }
.card_produtos:hover:before { opacity: 1; }
.card_produtos:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #FFFFFF; left: 0; top: 0; border-radius: 0px; }

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.card_produtos:hover .produto_link { color: #FFFFFF; background: transparent linear-gradient(90deg, #0A7EF7 0%, #803669 64%, #89315F 69%, #C20E1A 100%) 0% 0% no-repeat padding-box; }
.card_produtos:hover .produto_foto { background-size: auto 100%; }

#home_especialista { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; background: url(../image/fundo_fale_especialista.png) no-repeat center bottom transparent; }
#home_especialista .coluna_01 { width: auto; height: auto; float: left; position: relative; padding: 95px 0px 0px; opacity: 0; }
#home_especialista .coluna_02 { width: auto; height: auto; float: right; position: relative; padding: 0px 0px; opacity: 0; }

#home_sobre_a_empresa { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px 80px; }
#home_sobre_a_empresa .coluna_01 { width: 506px; height: auto; float: left; position: relative; padding: 0px 0px 0px; }
#home_sobre_a_empresa .coluna_02 { width: 600px; height: auto; float: right; position: relative; padding: 30px 0px 0px; }
#home_sobre_a_empresa .coluna_02 a.link_saiba_mais { margin: 1px 30px 1px 0px; }

a.card_marcas { width: 125px; height: auto; position: relative; margin: 0px 7px 15px; display: inline-block; border: 1px solid #B1B1B0; }
a.card_marcas:hover { border-color: #C20E1A; }

#home_montamos_seu_projeto { width: 100%; height: auto; float: left; position: relative; padding: 25px 0px; background: url(../image/fundo_montagem_personalizado.png) no-repeat center bottom #C20E1A; background-size: cover; }
#home_montamos_seu_projeto h2 { color: #FFFFFF; text-align: center; font-size: 30px; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }

.card_produtos_usados { width: 23%; height: auto; position: relative; float: left; margin: 0px 1% 25px; padding: 20px 12px; display: block; text-align: center; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_produtos_usados .produto_foto { width: 100%; height: 212px; position: relative; float: left; background-position: center center; background-size: auto 95%; background-repeat: no-repeat; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_produtos_usados .produto_descricao { text-align: center; width: 100%; height: auto; position: relative; float: left; padding: 16px 0px; background-color: #FFFFFF; }
.card_produtos_usados .produto_descricao .produto_marca { color: #000000; font-size: 12px; text-align: center; }
.card_produtos_usados .produto_descricao .produto_titulo { color: #000000; font-weight: bold; text-align: center; padding: 5px 0px 5px; line-height: 1.1em; }
.card_produtos_usados .produto_descricao .produto_valor { color: #C20E1A; font-size: 20px; font-weight: bold; text-align: center; padding: 5px 0px 22px; line-height: 1.1em; }
.card_produtos_usados .produto_descricao .produto_link { font-size: 10px; font-family: var(--font-regular); line-height: 20px; color: var(--cor-textos); font-weight: normal; background-color: #FFFFFF; border: 1px solid #0A7EF7; padding: 2px 18px; margin: 1px 7px; width: auto; height: auto; float: none; position: relative; text-align: center; text-decoration: none; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; display: inline-block; }
.card_produtos_usados .produto_descricao .produto_link:hover { color: #FFFFFF; background: transparent linear-gradient(90deg, #0A7EF7 0%, #803669 64%, #89315F 69%, #C20E1A 100%) 0% 0% no-repeat padding-box; }

.card_produtos_usados:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius: 0px; }
.card_produtos_usados:active { color: #000; }
.card_produtos_usados:active:after { background: transparent; }
.card_produtos_usados:hover:before { opacity: 1; }
.card_produtos_usados:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #FFFFFF; left: 0; top: 0; border-radius: 0px; }

.card_produtos_usados:hover .produto_link { color: #FFFFFF; background: transparent linear-gradient(90deg, #0A7EF7 0%, #803669 64%, #89315F 69%, #C20E1A 100%) 0% 0% no-repeat padding-box; }
.card_produtos_usados:hover .produto_foto { background-size: auto 100%; }

footer { float: left; height: auto; position: relative; width: 100%; padding-top: 80px; background-color: #1F0981; }
footer a { color: #FFFFFF; text-align: left; }
footer p.sub_titulos { color: #FFFFFF; text-align: left; font-weight: bold; padding-bottom: 10px; }
footer p img { float: left; height: 20px; width: auto; position: relative; margin: 1px 10px 1px 0px; }

footer #logo_formas_pagamento { float: left; height: auto; position: relative; width: 100%; padding: 0px; background-color: transparent; }
footer #logo_formas_pagamento .coluna_01 { text-align: left; float: left; height: auto; position: relative; width: 33%; padding: 0px; background-color: transparent; }
footer #logo_formas_pagamento .coluna_02 { text-align: center; float: left; height: auto; position: relative; width: 34%; padding: 0px; background-color: transparent; }
footer #logo_formas_pagamento .coluna_03 { text-align: right; float: left; height: auto; position: relative; width: 33%; padding: 0px; background-color: transparent; }
 
footer #rodape_contatos { float: left; height: auto; position: relative; width: 100%; padding: 50px 0px 80px; background-color: transparent; }
footer #rodape_contatos .coluna_01 { text-align: left; float: left; height: auto; position: relative; width: 24%; padding: 0px; background-color: transparent; }
footer #rodape_contatos .coluna_02 { background: url(../image/rodape_traco_telefones.png) no-repeat center 38px transparent; text-align: left; float: left; height: auto; position: relative; width: 24%; padding: 0px; background-color: transparent; }
footer #rodape_contatos .coluna_02 a { width: auto; height: auto; position: relative; float: left; padding-bottom: 10px; }
footer #rodape_contatos .coluna_03 { text-align: left; float: left; height: auto; position: relative; width: 20%; margin-left: 11%; padding: 0px; background-color: transparent; }
footer #rodape_contatos .coluna_04 { text-align: left; float: right; height: auto; position: relative; width: 15%; padding: 0px; background-color: transparent; }
footer #rodape_contatos .coluna_04 a { width: auto; height: auto; position: relative; float: left; }
footer #rodape_contatos .coluna_04 a.rodape_redes_icone_meio { margin: 0px 10px; }

footer #rodape_direitos { border-top: 1px solid #FFFFFF; float: left; height: auto; position: relative; width: 100%; padding: 15px 0px; background-color: transparent; }
footer #rodape_direitos p { text-align: center; font-size: 12px; color: #FFFFFF; }

#content_titulo { background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: transparent; width: 100%; height: auto; float: left; position: relative; padding: 210px 0px; }

.card_vantagens { margin: 20px 55px; width: 198px; height: auto; position: relative; display: inline-table; text-align: center; }
.card_vantagens p { font-size: 18px; text-align: center; line-height: 1.2em; min-height: 70px; }

#pronta_entrega_pre_venda { float: left; height: auto; position: relative; width: 100%; background-color: #EFEFEF; }
#pronta_entrega_pre_venda p { text-align: center; }
#pronta_entrega_pre_venda p.titulo { font-size: 20px; font-weight: bold; padding: 8px; }
#pronta_entrega_pre_venda .coluna_01 { float: left; height: auto; position: relative; width: 45%; padding: 0px; text-align: center; }
#pronta_entrega_pre_venda .coluna_02 { float: right; height: auto; position: relative; width: 45%; padding: 0px; text-align: center; }

#contato_interno { float: left; height: auto; position: relative; width: 100%; background-color: #EFEFEF; }
#contato_interno p { text-align: left; }
#contato_interno p.titulo { font-size: 20px; font-weight: bold; padding: 8px 0px; }
#contato_interno .coluna_01 { float: left; height: auto; position: relative; width: 45%; padding: 0px; text-align: center; }
#contato_interno .coluna_02 { float: right; height: auto; position: relative; width: 45%; padding: 0px; text-align: center; }
#contato_interno .coluna_02 p { padding: 0px 5px 5px; }
 
#card_titulo { float: left; height: auto; position: relative; width: 100%; background-color: #1F0981; padding: 80px 0px; }
#card_titulo p.titulo { color: #FFFFFF; font-size: 35px; font-weight: bold; text-align: left; }
#card_titulo p.titulo img { float: left; height: 30px; width: auto; position: relative; margin: 11px 15px 10px 0px; }
#card_titulo p.subtitulo { color: #FFFFFF; font-size: 20px; font-weight: normal; text-align: left; padding-left: 45px; }

#card_dados_lista_produtos { padding: 60px 0px; float: left; height: auto; position: relative; width: 100%; background-color: #EFEFEF; }
#card_dados_lista_produtos .coluna_01 { float: left; height: auto; position: relative; width: 33.33%; text-align: left; }
#card_dados_lista_produtos .coluna_02 { float: left; height: auto; position: relative; width: 33.33%; text-align: center; }
#card_dados_lista_produtos .coluna_02 p { text-align: center; }
#card_dados_lista_produtos .coluna_03 { float: left; height: auto; position: relative; width: 33.33%; text-align: right; }

#card_dados_pesquisa_formulario { padding-top: 40px; margin-top: 40px; float: left; height: auto; position: relative; width: 100%; background-color: transparent; border-top: 1px solid #1F0981; }

#produto_interna_titulo_fotos { width: 100%; height: auto; position: relative; float: left; }
#produto_interna_titulo_fotos .coluna_01 { width: 45%; height: auto; position: relative; float: left; }
#produto_interna_titulo_fotos .coluna_02 { width: 45%; height: auto; position: relative; float: right; }

/* TROCA COR SVG */
/* header #logo_redes #redes a.topo_icones svg .a { fill:#fafdff; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #logo_redes #redes a.topo_icones svg .b { fill:#272524; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #logo_redes #redes a.topo_icones:hover .a { fill:#D00022; }
header #logo_redes #redes a.topo_icones:hover .b { fill:#fafdff; } */

/* MENU PADRAO */

/* BLOG PADRAO */
/* .blog { width: 31.33%; height: auto; float: left; position: relative; margin: 14px 1%; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.blog:hover { box-shadow: 0px 8px 16px #0000003D; -webkit-box-shadow: 0px 8px 16px #0000003D; } 
.blog a.foto { background-repeat: no-repeat; background-position: center top; background-size: auto 100%; opacity: 1; width: 100%; height: 260px; float: left; position: relative; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-size: 0px; transition: 0.7s ease; -webkit-transition: 0.5s ease; text-decoration: none; }
.blog a.foto:hover { opacity: 0.5; text-decoration: none; }
.blog .descricao { padding: 30px 25px; background-color: #FFFFFF; width: 100%; height: auto; float: left; position: relative; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
.blog .descricao p.titulo { color: #272524; font: normal normal normal 24px/29px 'Roboto-Bold'; text-align: left; }
.blog .descricao p.titulo_categoria { padding: 6px 0px 20px; color: #7B7C80; font: normal normal normal 16px/19px 'Roboto-Regular'; text-align: left; }
.blog .descricao a.blog_saiba_mais { color: #D00022; font: normal normal normal 16px/19px 'Roboto-Regular'; text-align: left; }
.blog .descricao a.blog_saiba_mais .seta_blog { margin: 0px 0px 0px 10px; } */

/* EXEMPLO COLUNA 1 E 2 */
/* #exemplo { width: 100%; height: auto; float: left; position: relative; padding: 85px 0px; background: url(../image/bg_sindicalize_fundo.jpg) no-repeat center top #D00022; }
#exemplo .coluna_1 { padding-top: 47px; width: 275px; height: auto; float: left; position: relative; text-align: left; }
#exemplo .coluna_2 { width: 750px; height: auto; float: right; position: relative; text-align: left; } */



/* EXEMPLO DE RODAPE COM COLUNAS */
/* footer #endereco_redes { padding: 54px 0px 74px; float: left; height: auto; position: relative; width: 100%; background-color: #FFFFFF }
footer #endereco_redes .coluna_1 { width: 288px; height: auto; float: left; position: relative; text-align: left; padding: 0px 2px 0px 0px; }
footer #endereco_redes .coluna_1 a.link_rodape svg .a { fill:#fafdff; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_1 a.link_rodape svg .b { fill:#272524; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_1 a.link_rodape:hover .a { fill:#D00022; }
footer #endereco_redes .coluna_1 a.link_rodape:hover .b { fill:#fafdff; }
footer #endereco_redes .coluna_1 a.link_rodape svg.svg_com_texto { float: left; margin: 0px 15px 0px 0px; }

footer #endereco_redes .coluna_2 { width: 288px; height: auto; float: left; position: relative; text-align: left; }
footer #endereco_redes .coluna_2 a.link_rodape svg .a { fill:#fafdff; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_2 a.link_rodape svg .b { fill:#272524; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_2 a.link_rodape:hover .a { fill:#D00022; }
footer #endereco_redes .coluna_2 a.link_rodape:hover .b { fill:#fafdff; }
footer #endereco_redes .coluna_2 a.link_rodape svg.svg_com_texto { float: left; margin: 0px 15px 0px 0px; }
footer #endereco_redes .coluna_2 a.link_rodape span { float: left; margin: 11px 0px 0px; }

footer #endereco_redes .coluna_3 { width: 288px; height: auto; float: left; position: relative; text-align: left; }
footer #endereco_redes .coluna_3 a.footer_icones svg .a { fill:#fafdff; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_3 a.footer_icones svg .b { fill:#272524; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer #endereco_redes .coluna_3 a.footer_icones:hover .a { fill:#D00022; }
footer #endereco_redes .coluna_3 a.footer_icones:hover .b { fill:#fafdff; }
footer #endereco_redes .coluna_3 a.footer_icones svg.espaco_entre_eles { margin: 0px 0px 0px 4px; }

footer #endereco_redes .coluna_4 { width: 195px; height: auto; float: left; position: relative; text-align: left; }
footer #endereco_redes .coluna_4 a.link_saiba_mais_vermelho { float: left; margin: 0px; } */

/* EXEMPLO DESENVOLVIMENTO INOVE */
/* footer #desenvolvido_inove { padding: 15px 0px; text-align: center; float: left; height: auto; position: relative; width: 100%; background-color: #7B7C80; }
footer #desenvolvido_inove a { color: #FEFAFA; }
footer #desenvolvido_inove img { margin: -5px 0px -5px 13px; } */


/* EXEMPLO DE COLUNA ESQUERDA E DIREITA PADRAO */
/* #coluna_padrao_esquerda { width: 520px; float: left; height: auto; position: relative; }
#coluna_padrao_direita { width: 560px; float: right; height: auto; position: relative; } */