@charset "utf-8";

#site { float: left; width: 100%;}
#site .navegar { float: left; width: 100%;}

#site .letreiro { float: left; width: 100%;}
#site .letreiro b { font-weight: normal;}
#site .letreiro.m0 .centro.c02 { width: 100% !important; max-width: 100%;}
#site .letreiro.tradicional h1 { float: left; width: 100%;}
#site .letreiro.tradicional h2 { float: left; width: 100%;}
#site .letreiro.tradicional h3 { float: left; width: 100%;}
#site .letreiro.centralizado { text-align: center;}
#site .letreiro.centralizado h1 { float: left; width: 100%;}
#site .letreiro.centralizado h2 { float: left; width: 100%;}
#site .letreiro.centralizado h3 { float: left; width: 100%;}

#site .alternando .movi { float: left; width: 100%; position: relative;}
#site .alternando .movi .slides { position: relative; z-index: 1;}
#site .alternando .movi .slides, .slides > li, .flex-control-nav { float: left; width: 100%; margin: 0; padding: 0; list-style: none;}
#site .alternando .movi .slides > li { float: left; width: 100%; display: none;}
#site .alternando .movi .slides > li img { float: left; width: 100%;}
#site .alternando .movi .flex-direction-nav { display: none; padding: 0; margin: 0; font-size: 0; list-style: none;}
#site .alternando .movi .flex-direction-nav li { position: absolute; z-index: 1;}
#site .alternando .movi .flex-direction-nav li a { display: flex; background-position: 50%; background-repeat: no-repeat; cursor: pointer;}
#site .alternando .movi .flex-direction-nav li a.flex-prev { background-image: url('../../../imagens/sites/geral/alternando-seta1.png?');}
#site .alternando .movi .flex-direction-nav li a.flex-next { background-image: url('../../../imagens/sites/geral/alternando-seta2.png?'); }
#site .alternando .movi .flex-control-nav { display: none; position: absolute; z-index: 1; font-size: 0; line-height: 1;}
#site .alternando .movi .flex-control-nav li a { display: block; background-color: rgb(90 90 90); cursor: pointer;}
#site .alternando .movi .flex-control-nav li a:hover { opacity: 0.8;}
#site .alternando.c01 .flex-control-nav { display: flex; align-items: center; justify-content: center; width: 100%; bottom: -10px; left: 0; text-align: center;}
#site .alternando.c01 .flex-control-nav li { margin: 0 3px; display: inline-block;}
#site .alternando.c01 .flex-control-nav li a { float: left; width: 12px; height: 12px; border: 3px solid rgb(250 250 250); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#site .alternando.c01 .flex-control-nav li a.flex-active { width: 15px; height: 15px;}
#site .alternando.c02 .flex-control-nav { display: block; width: auto; top: 5px; right: 5px;}
#site .alternando.c02 .flex-control-nav li { margin: 5px; display: flex; justify-content: center;}
#site .alternando.c02 .flex-control-nav li a { float: left; width: 15px; height: 15px; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#site .alternando.c02 .flex-control-nav li a.flex-active { width: 18px; height: 18px;}
#site .alternando.c03 .flex-control-nav { display: flex; align-items: center; width: auto; bottom: 20px; right: 15px;}
#site .alternando.c03 .flex-control-nav li { margin: 0 4px; display: inline-block;}
#site .alternando.c03 .flex-control-nav li a { float: left; width: 12px; height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);}
#site .alternando.c03 .flex-control-nav li a.flex-active { width: 12px; height: 30px;}
#site .alternando.d01 .flex-direction-nav { display: block;}
#site .alternando.d01 .flex-direction-nav li { display: flex; align-items: center; justify-content: center; width: 45px; height: 100%; top: 0;}
#site .alternando.d01 .flex-direction-nav li.flex-nav-prev { left: 0;}
#site .alternando.d01 .flex-direction-nav li.flex-nav-next { right: 0;}
#site .alternando.d01 .flex-direction-nav li a { width: 30px; height: 30px; background-size: 20px; background-color: transparent !important;}
#site .alternando.d02 .flex-direction-nav { display: block;}
#site .alternando.d02 .flex-direction-nav li { display: flex; align-items: center; justify-content: center; width: 45px; height: 100%; top: 0;}
#site .alternando.d02 .flex-direction-nav li.flex-nav-prev { left: 0;}
#site .alternando.d02 .flex-direction-nav li.flex-nav-next { right: 0;}
#site .alternando.d02 .flex-direction-nav li a { width: 25px; height: 25px; background-size: 15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#site .alternando.d03 .flex-direction-nav { display: block;}
#site .alternando.d03 .flex-direction-nav li.flex-nav-prev { left: 50%; bottom: -24px; margin: 0 0 0 -26px;}
#site .alternando.d03 .flex-direction-nav li.flex-nav-next { right: 50%; bottom: -24px; margin: 0 -26px 0 0;}
#site .alternando.d03 .flex-direction-nav li a { width: 25px; height: 20px; background-color: rgb(90 90 90); background-size: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

#site .mapa { float: left; width: 100%; padding: 8px 0 5px; background-color: rgb(90 90 90 / 5%); border-bottom: 1px solid rgb(90 90 90 / 10%);}
#site .mapa *::-webkit-scrollbar { width: 0; height: 0;}
#site .mapa .box { float: left; width: 100%; height: 17px; overflow: auto; font-size: 0.9em; line-height: 1; display: -webkit-box;}
#site .mapa .box a { float: left;}
#site .mapa .box b { float: left; font-weight: normal;}
#site .mapa .box em { float: left; padding: 0 10px; font-style: normal;}

#site .filtro { float: left; width: 100%; margin: 11px 0; font-size: 0.9em;}
#site .filtro .horizontal { float: left; width: 100%; text-align: center;}
#site .filtro .vertical { float: left; width: 100%;}
#site .filtro .ordenar { width: 150px; height: 30px; outline: 1px solid rgb(100 100 100 / 60%);}
#site .filtro .chave { display: none; float: left; width: 100%; padding: 10px 0; margin: 11px 0 0; background-color: rgb(100 100 100 / 20%); position: relative; text-transform: uppercase;}
#site .filtro .chave i { float: left; margin: 0 0 0 15px; font-style: normal;}
#site .filtro .chave em { position: absolute; width: 20px; height: 20px; top: 50%; right: 15px; margin: -10px 0 0; background-position: 50%; background-repeat: no-repeat;}
#site .filtro .chave.abrir em { background-image: url('../../imagens/loja/filtro-chave-abrir.png');}
#site .filtro .chave.fechar em { background-image: url('../../imagens/loja/filtro-chave-fechar.png');}
#site .filtro .links { float: left; width: 100%; margin: 15px 0; outline: 1px solid rgb(100 100 100 / 20%); outline-offset: -1px;}
#site .filtro .links i { float: left; margin: 0 0 0 15px; font-style: normal;}
#site .filtro .links a { float: left; width: 100%; border-bottom: 1px solid rgb(100 100 100 / 10%);}
#site .filtro .links a.um { padding: 10px 0; font-weight: bold;}
#site .filtro .links a.um i { margin: 0 0 0 15px;}
#site .filtro .links a.dois { padding: 5px 0;}
#site .filtro .links a.dois i { margin: 0 0 0 25px;}
#site .filtro .links a.dois.ativo { background-color: rgb(100 100 100 / 20%);}
#site .filtro .links a.tres { padding: 5px 0; color: rgb(100 100 100);}
#site .filtro .links a.tres i { margin: 0 0 0 35px;}
#site .filtro .links a.tres.ativo { background-color: rgb(100 100 100 / 10%);}
#site .filtro .links a:hover { background-color: rgb(100 100 100 / 10%);}

#site .mercadoria { position: relative;}
#site .mercadoria .imagem { float: left; width: 100%; height: 200px; position: relative; overflow: hidden;}
#site .mercadoria .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; object-fit: cover;}
#site .mercadoria .detalhes { float: left; width: 100%;}
#site .mercadoria .detalhes .nome { float: left; width: 100%; margin: 10px 0 0;}
#site .mercadoria .detalhes .nome h2 { float: left; width: 100%; font-size: 1em; line-height: 1.1;}
#site .mercadoria .detalhes .preco { float: left; width: 100%; margin: 10px 0 0;}
#site .mercadoria .detalhes .preco h2 { float: left; width: 100%; margin: 3px 0 0; font-weight: bold; font-size: 1.5em; line-height: 1;}
#site .mercadoria .detalhes .preco h5 { float: left; width: 100%; text-decoration: line-through; font-size: 1em; line-height: 1;}
#site .mercadoria .detalhes .comprar { float: left; width: 100%; margin: 10px 0 0;}
#site .mercadoria .detalhes .comprar a { float: left; padding: 20px 12px; background-color: rgb(42 131 82); text-transform: uppercase; text-align: center; font-weight: bold; color: rgb(250 250 250) !important; line-height: 0;}
#site .mercadoria .detalhes .comprar a:hover { background-color: rgb(42 100 50);}


#site .simulador { float: left; width: 100%; position: relative;}
#site .simulador .nondes { float: left; width: 100%;}
#site .simulador .nondes h3 { margin: 10px 0 0;}
#site .simulador .center { text-align: center;}
#site .simulador .ocultar { display: none;}
#site .simulador .form { float: left; width: 100%;}
#site .simulador .form .c1 { float: left; width: 100%; margin: 0 0 21px;}
#site .simulador .form .c100 { float: left; width: 100%;}
#site .simulador .form .campo { float: left; width: 100%; height: 40px; padding: 0 10px; outline: 1px solid rgb(90 90 90 / 50%);}
#site .simulador .form .marque { float: left; width: 100%; margin: 5px 0 0; position: relative;}
#site .simulador .form .marque .radio { display: none;}
#site .simulador .form .marque .radio + label { float: left; width: 100%; padding: 10px; outline: 1px solid rgb(90 90 90 / 50%); cursor: pointer; opacity: 0.8;}
#site .simulador .form .marque .radio + label .nome { float: left; margin: 0 110px 0 35px; font-weight: normal; font-size: 1.1em; cursor: pointer;}
#site .simulador .form .marque .radio + label .ico { position: absolute; width: 20px; height: 20px; top: 50%; left: 10px; margin: -12px 0 0; background-image: url('../../../imagens/painel/geral/neutro-ativacao-no.png'); background-repeat: no-repeat; background-position: 50%;}
#site .simulador .form .marque .radio:checked + label { opacity: 1;}
#site .simulador .form .marque .radio:checked + label .ico { background-image: url('../../../imagens/painel/geral/neutro-ativacao-ok.png');}
#site .simulador .form .submit { float: left; padding: 11px 10px 10px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1.1em;}
#site .simulador .form .submit:hover { background-color: rgb(0 170 100);}
#site .simulador .resultado { float: left; width: 100%;}
#site .simulador .resultado .informar { float: left; width: 100%;}
#site .simulador .resultado .botao { float: left; width: 100%; padding: 20px 0; margin: 10px 0; text-align: center; line-height: 0;}
#site .simulador .resultado .botao a { padding: 20px; background-color: rgb(0 150 130); text-transform: uppercase; font-weight: bold; font-size: 1.1em; color: rgb(250 250 250);}
#site .simulador .resultado .botao a:hover { background-color: rgb(0 170 100);}
#site .simulador .naodirecionado { float: left; width: 100%; padding: 10px 0; background-color: rgb(250 250 250); text-align: center; color: rgb(90 90 90);}
#site .simulador .naodirecionado a { color: rgb(55 171 200);}
#site .simulador .naodirecionado a:hover { text-decoration: underline;}
#site .simulador .novamente { float: left; width: 100%; padding: 10px 0; background-color: rgb(250 250 250); text-align: center; color: rgb(90 90 90);}
#site .simulador .novamente a { color: rgb(55 171 200);}
#site .simulador .novamente a:hover { text-decoration: underline;}

#site .estrutura { float: left; width: 100%;}
#site .estrutura .padrao { float: left; margin: 0 2%;}
#site .estrutura .centralizado { margin: 0 auto;}
#site .estrutura .es100 { width: 96%;}
#site .estrutura .es75 { width: 71%;}
#site .estrutura .es50 { width: 46%;}
#site .estrutura .es33 { width: 29.333%;}
#site .estrutura .es25 { width: 21%;}
#site .estrutura .contes { float: left; width: 100%; margin: 0 0 21px;}
#site .estrutura .contes.galeria { width: 102%; margin: -16px 0 21px -1%;}
#site .estrutura .quadro { padding: 11px 15px;}
#site .estrutura .quadro.texto { margin-bottom: 16px;}
#site .estrutura .quadro.texto p { margin-block-start: 11px; margin-block-end: 11px;}
#site .estrutura .quadro.texto h1 { margin: 11px 0;}
#site .estrutura .quadro.texto h2 { margin: 11px 0;}
#site .estrutura .quadro.texto h3 { margin: 11px 0;}
#site .estrutura .quadro.texto h4 { margin: 11px 0;}
#site .estrutura .quadro.texto h5 { margin: 11px 0;}
#site .estrutura .quadro.texto h6 { margin: 11px 0;}
#site .estrutura .texto { margin-bottom: 0;}
#site .estrutura .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#site .estrutura .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#site .estrutura .imagem .img { float: left; width: 100%; text-align: center; font-size: 0;}
#site .estrutura .imagem .img img { max-width: 100%;}
#site .estrutura .imagem .legenda { float: left; width: 100%;}
#site .estrutura .imagem .legenda h2 { float: left; width: 100%; padding: 2px 0; margin: 3px 0 0; background-color: rgb(90 90 90 / 20%); text-align: center; font-size: 0.9em;}
#site .estrutura .botao .link { float: left; width: 100%;}
#site .estrutura .botao .link a { float: left; width: 100%; padding: 30px 2%; background-color: rgb(47 167 101); text-align: center; color: rgb(250 250 250);}
#site .estrutura .botao .link a:hover { opacity: 0.8;}
#site .estrutura .tabela .table { float: left; width: 100%; padding: 0 0 5px; margin: 0 0 5px; overflow: auto;}
#site .estrutura .tabela .table table { width: 100%; border-collapse: collapse;}
#site .estrutura .tabela .table table th { min-width: 120px; padding: 5px 10px; background-color: rgb(90 90 90 / 10%); text-align: left; font-size: 1.2em;}
#site .estrutura .tabela .table table td { min-width: 120px; padding: 5px 10px;}
#site .estrutura .tabela .table table td a { color: rgb(0 135 190);}
#site .estrutura .tabela .table table td a:hover { text-decoration: underline;}
#site .estrutura .galeria .item { float: left; width: 23%; margin: 0 1% 10px;}
#site .estrutura .galeria .item .img { float: left; width: 100%; font-size: 0;}
#site .estrutura .galeria .item .img img { float: left; width: 100%;}
#site .estrutura .galeria .item .legenda { float: left; width: 100%;}
#site .estrutura .galeria .item .legenda h2 { float: left; width: 100%; padding: 5px; margin: 3px 0 0; background-color: rgb(90 90 90 / 20%); text-align: center; font-size: 0.9em; box-sizing: border-box;}
#site .estrutura .galeria .linha2 { display: none; float: left; width: 100%; height: 1px;}
#site .estrutura .galeria .linha4 { float: left; width: 100%; height: 1px;}
#site .estrutura .linhaes { float: left; width: 100%; height: 1px;}

#site .inferiores { float: left; width: 100%;}
#site .inferiores .links { float: left; width: 100%;}
#site .inferiores .links a { float: left; width: 90%; padding: 20px 5%; margin: 5px 0; outline: 1px solid rgb(90 90 90 / 30%); text-transform: uppercase; text-align: center; font-weight: bold;}
#site .inferiores .links a:hover { background-color: rgb(90 90 90 / 10%);}

#site .editou h1 { margin: 0 0 11px; text-transform: uppercase; font-weight: bold; font-size: 2.5em; line-height: 1.2;}
#site .editou h2 { margin: 0 0 11px; text-transform: uppercase; font-weight: bold; font-size: 2em; line-height: 1.2;}
#site .editou h3 { margin: 0 0 11px; text-transform: uppercase; font-weight: bold; font-size: 1.5em; line-height: 1.2;}
#site .editou h4 { margin: 0 0 11px; font-size: 1.4em;}
#site .editou h5 { margin: 0 0 11px; font-size: 1.2em;}
#site .editou h6 { margin: 0 0 11px; font-size: 0.9em;}
#site .editou li { padding: 5px 0;}
#site .editou p { margin-block-start: 0; margin-block-end: 21px;}
#site .editou a:hover { text-decoration: underline;}
#site .editou img { max-width: 100%;}

#site .erro404 { float: left; width: 100%; padding: 41px 0 61px; position: relative;}
#site .erro404 .nome { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 5em; line-height: 1;}
#site .erro404 .numero { float: left; width: 100%; margin: 20px 0; text-align: center; font-size: 12em;}
#site .erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#site .erro404 .infor { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1;}

#site .whatsapp_flutuante { position: fixed; bottom: 8px; right: 8px; z-index: 250; fill: rgb(250 250 250);}
#site .whatsapp_flutuante svg { position: absolute; width: 60%; top: 0; left: 0; padding: 20%;}
#site .whatsapp_flutuante:hover { opacity: 0.8;}


@media only screen and (max-width: 1000px){
  #site .estrutura .padrao { margin: 0 1%;}
  #site .estrutura .es100 { width: 98%;}
  #site .estrutura .es75 { width: 98%;}
  #site .estrutura .es50 { width: 48%;}
  #site .estrutura .es33 { width: 98%;}
  #site .estrutura .es25 { width: 48%;}
  #site .estrutura .contes { margin: 0 0 14px;}
  #site .estrutura .contes.galeria { margin: -8px 0 14px -1%;}
}
@media only screen and (max-width: 800px){
  #site .estrutura .galeria .item { width: 100%;}

  #site .editou h2 { font-weight: bold; font-size: 1.5em;}
  #site .editou h3 { font-weight: bold; font-size: 1.1em;}
}
@media only screen and (max-width: 700px){
  #site .editou h1 { font-size: 1.8em;}
  #site .editou h2 { font-size: 1.3em;}
  #site .editou h3 { font-size: 1.2em;}
  #site .editou h4 { font-size: 1.1em;}
  #site .editou h5 { font-size: 1em;}
  #site .editou h6 { font-size: 0.9em;}
}
@media only screen and (max-width: 600px){
  #site .estrutura .es50 { width: 98%;}
  #site .estrutura .es25 { width: 98%;}
  #site .estrutura .galeria .item { width: 48%;}
  #site .estrutura .galeria .linha2 { display: block;}
  #site .estrutura .galeria .linha4 { display: none;}
}
@media only screen and (max-width: 500px){
  #site .erro404 .nome { font-size: 4em;}
  #site .erro404 .numero { font-size: 6em;}
  #site .erro404 .infor { font-size: 1em;}
}