@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@media (max-width: 600px) {
.logo img{margin:10px auto;}
}
@media (min-width: 980px) {.nav-collapse.collapse {height: auto !important;overflow: visible !important;}
}
.header-gps{position: relative;z-index:99;background: #d0d4d7;padding: 5px;} /*a cor azul do fundo era #0866a9*/
.footer-g123{margin-top: 20px;background: #0866a9;padding: 10px;}
.content-gps{margin-top: 10px;float: left;width: 100%;}
.nav-gps{margin-top: -22px;}
.areapesquisa-gps{width:100%;padding: 6px;border: rgb(209, 209, 209) 1px solid;background: #eaeaea;border-radius: 5px;z-index: 0;position: relative;}
.resultadopesquisa-gps{padding: 6px;background: #f5f5f5;border-radius: 5px;z-index: 0;position: relative;}
.resultado-telefone-gps{font-size: 16px;font-weight: bold;color: #4678C5;text-align: center;}
.espaco-adsense-gps{width: 468px;height: 60px;float: right;padding: 12px 0;}
.logo{
    display: block;
    /*width: 100%;*/
}
.logo img{margin: auto;display:block;max-width: 90%;}
.espaco-adsense-lateral{float:right;}
.resultadopesquisa {width: 1000px;float: left;}/*parece que não está sendo usado*/
.letras{float: left!important;width: 9px;clear: initial!important;}

.menucidades{right: auto;left: 0;float: left;width: 960px;z-index: 9999;}
.menucidades li{float:left;}
.menucidades li a {float: left;cursor:pointer;clear: none;width: 200px;}

.footerfixo{float: left;
width: 100%;
position: relative;
padding: 10px 0;}

#divespacologocentro{
display: block;
margin-top: 0px;
transition: 1s ease;}

.menuitens{margin-left: 0px!important;
min-width: 270px!important;max-height: 300px!important;
overflow-y: scroll!important;
overflow-x: hidden!important;}

.adsensehome{display:block;width:728px;margin:50px auto 0;}
.titulopaginacontatonome{font-size: 20px;
line-height: 20px;
padding: 26px 0;
/*float: left;
color: #4678C5; cor do fonecliente*/
color: #2F5BB7;}

.imganunciante{box-shadow: 0 0 1px #000;}

.propagandahomeprincipal{width: 635px;height:400px;margin-left:-9px;margin-right:9px;float: left;}/*Não encontrei uso*/
.propagandacentro{height: auto;width: auto;padding: 5px;border: none;}
.propagandahomesecundariaweb{height: auto;width: 30%;float: left;padding: 5px;border: none;}
.propagandahomesecundariamobile{height: auto;width: 30%;float: left;padding: 5px;border: none;}
.imgprop{box-shadow: 0 0 1px black;display: block;}

#desenvolvimentologo:hover {
background-position: -30px -19px;
}
#desenvolvimentologo {
margin: 0 auto;
width: 61px;
min-height: 22px;
background: url(https://g123.com.br/img/logo.png) -31px 2px no-repeat;
display: block;text-decoration: none;
}
.pgletras a {border: 1px solid #EBEBEB;background: #F0F0F0;padding: 15px;font-size: 24px;}

.propaganda-topo {
position: relative;
display: block;
margin-bottom: 20px;
}
.img-topo {
position: relative;
left: 5px;
right: 5px;
margin: 0 auto;
}
.display-none{display:none!important;}

.ads-topo {
width: 728px;
margin: 6px auto 0;
}
.ads-logo {
width: 728px;
overflow: hidden;
top: -14px;
position: absolute;
right: 0;
}
.ads-336x280p {
float: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
height:280px;width:366px;
}
.ads-footer {
width: auto;
margin: 15px auto 10px
}
.social-facebook {
    display: block;
    height: 40px;
    background: #eaeaea;
    border: 1px solid #d1d1d1;
    border-width: 1px 0;
    margin: 0 0px 10px;
    overflow: hidden;
}
.social-facebook iframe {
    margin: 10px auto 0;
    display: block;
    width: 370px;
}
.social-facebook .facebook {
    float: left;
}
.social-facebook .googleplus {
    float: left;
    margin-top: 8px;
}
.social-facebook .social {
    margin: 0 auto;
    display: block;
    width: 670px;
}
.lista-itens .item{
    float: left;
    width: 50%;
}
.lista-itens .item.s50por{
    width: 50%;
}
.lista-itens .item a {
    display: block;
    font-size: 16px;
    padding: 6px;
}
.lista-itens .item a:hover {
    background: #eaeaea;
    border-radius: 3px;
    box-shadow: 0 0 1px #444;
    text-decoration: none;
}
.titulo-page {
    font-size: 22px;
    margin: 0 0 5px;line-height: 26px;
    padding: 10px 5px 0;
    border-bottom: 1px solid #D6D6D6;
    color: #2F5BB7;
}
.coluna-down {
    width: 240px;
    float: left;
}
.coluna-down span {
    display: block;
}
.coluna-info{
	display:block;margin-left:260px;
	position: relative;
}
.coluna-info > .descricao{border: 1px solid #D3D3D3;
line-height: 20px;

padding: 10px;margin-bottom: 10px;border-radius: 4px;color: #555;background: #F1F1F1;}
.coluna-info #form-counter-download {
    position: relative;
}
.botao-counter {
    position: absolute;
    right: 0;
    top: 120px;
}
.downloads {
    float: right;
    width: 160px;
    text-align: center;
}
.downloads > span.numero-download {
    background: #eaeaea;
    padding: 6px;
    display: block;
    border-radius: 2px;
    border: 1px solid #d1d1d1;
    font-size: 16px;
}
.downloads > span.numero-download > strong{
    font-size: 26px;
    display: block;
    width: 100%;
    text-align: center;
}
.downloads > span.ultimo-download {
    background: #EAEAEA;  padding: 6px;  display: block;  border-radius: 2px;  border: 1px solid #D1D1D1;  font-size: 16px;
    margin-top: 5px;
}
.info-parceiro {
    display: block;
    margin-right: 180px;    
}
.info-parceiro > span.nome {
    display: block;
    font-size: 22px;
    font-weight: bold;
    padding: 7px 0 0px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    /* margin-top: 18px; */
}
.info-parceiro > span.local {
    display: block;
    margin-top: 7px;
}
.info-parceiro > span.fone {
    font-size: 18px;
}
.info-parceiro > span.contato {
    font-size: 17px;
}
.info-parceiro > span.local > span.uf {
    text-transform: uppercase;
    font-weight: bold;
}
.info-parceiro > span.local > span.cidade {
    font-weight: bold;
    font-size: 18px;
}
.info-parceiro > span.complemento {
    display: block;
    margin-top: 20px;
    padding: 5px;
    background: #eaeaea;
    border: 1px solid #d1d1d1;
    color: #222;
    border-radius: 3px;
    color: #113E86;
}
.downloads > span.ultimo-mes-download {
    background: #EAEAEA;  padding: 6px;  display: block;  border-radius: 2px;  border: 1px solid #D1D1D1;  font-size: 16px;
    margin-top: 4px;
}
.downloads > span.ultimo-mes-download strong {
    display: block;
    font-size: 22px;
}
.tecnicos-empresas-g123 {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tecnicos-empresas-g123 li {
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    background: white;
}
.tecnicos-empresas-g123 li span {
    text-decoration: none;
    font-size: 17px;
}
.tecnicos-empresas-g123 li span.nomeparceiro {
    font-weight: bold;
}
.pgcidades-lista-telefone {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
.pgcidades-lista-telefone li {
    width: 50%;
    float: left;
}
.pgcidades-lista-telefone li a {
    padding: 5px;
    background: #fafafa;
    display: block;
    border: 1px solid #eaeaea;
    margin: 1px;
    text-decoration: none;
    font-size: 16px;
}
.pgcidades-lista-telefone li a:hover {
    background: rgb(0, 136, 204);
    color: white;
    border-color: rgb(0, 84, 126);
}
.pgcidades-lista-telefone.ramoatv li {
    /*width: 33.3%;*/
    min-height: 40px;
}
.t-proc-ok {
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    background: #eaeaea;
    border: 1px solid #d1d1d1;
}
.t-proc-ok a {
    display: block;
    padding: 2px;
    width: 170px;
    margin: 10px auto 0;
}
.tecnicos-empresas-g123 li.sexo-M {
box-shadow: inset 3px 0px 0 #357AE8;
}
.tecnicos-empresas-g123 li.sexo-F {
box-shadow: inset 3px 0px 0 #D14836;
}.t-proc-ok strong {
    color: #D14836;
}
.coluna-down span {
    margin-top: 10px;
    margin-bottom: 10px;
}
.caixa-download-parceiro {
    margin-top: 18px;
}
.contato-encontre-por {
    background: #F9F9F9;
    float: left;
    width: 100%;
    padding: 5px;
    margin: 0 -5px 10px;
    border: 1px solid #d1d1d1;
}
.contato-encontre-por span {
    display: block;
}
.linksobre {
    position: relative;
}
.cabecalho {
    display: block;
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
    border-width: 1px 1px 0px 4px;
    padding: 5px;
}
.cabecalho .contagem {
    float: right;
}
.cabecalho .contagem > span {
    margin-left: 15px;
}
.tecnicos-empresas-g123 li span.contagem{float:right}
.tecnicos-empresas-g123 li span.contagem .total {
    width: 127px;
    float: left;
    text-align: center;
}
.tecnicos-empresas-g123 li span.contagem .mes {width:83px;float: left;text-align: center;}
a.site.banner.topo {
    float: right;
    margin: -10px 0 0 0;
}
div.img-topo-bann {
    float: right;
    margin: -10px 0 0;
    width: auto;
}
div.img-topo-bann > a {
    float: left;
}
div.img-topo-bann > a > img {
    margin: 0;
    float: left;
    position: relative;
    top: 0;
}
@media (max-width: 600px) {
.logo img{margin: 0 auto 10px;}
}
@media (max-width: 1100px){
a.logo {margin-top:10px;}
.propaganda-topo {
    margin-bottom: 20px;
    margin-top: 10px;
}
}
@media (max-width: 650px){
	.propaganda-topo {margin-top: 10px;}
}
.area-prop-parceiros img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.area-prop-parceiros h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 17px;
}
.area-prop-parceiros a img {
    display: block;
    margin: 0 auto;
    float: none;
}
.area-prop-parceiros a {
    display: block;
}

.btninsertphone {
    float: right;
    width: 160px;
}

.manutencao-contato {
    /*float: right;*/
    width: auto;
}

form#relatarproblemafm {
    display: none;
}

form#relatarproblemafm.show {
    display: block;
}

#complemento {
    display: none;
}

#complemento.show {
    display: block;
}
#rltproblema {
    display: none;
}
#rltproblema.show {
    display: block;
}
#body {
   background-color: #F5F5F5;
}
#download-desktop {
    float: left;
    position: relative;
    padding: 5px;
}
.resultadocliente{ /*está tudo certo*/
    background-color: #d9edf7;
    /*padding: 10px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px;
    border-color: #9f9d9d/*#dddddd*/; 
    /*font-size: 14px;*/
    border-radius: 8px;
}
.resultadopar{
    background-color: #f9f9d3;
    /*padding: 10px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px;
    border-color: #9f9d9d;
    border-radius: 8px; 
}
.resultadonormal{
    background-color: #F5F5F5/*#E0EBFF*/;
    /*padding: 10px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px;
    border-color: #9f9d9d/*#dddddd*/;
    border-radius: 8px;
}
.imagem{
    padding: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.fonenomeeend{
    background-color:#E0EBFF;
    padding: 10px;
}
.nomecliente{/*está tudo certo*/
    position: relative;
    color: #AF2626;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 30px;
    padding-left: 10px;
    /* text-shadow: 1px 1px #585858; */
}
.nomeparceiro{
    color: #AF2626;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 30px;
    padding: 10px;
    /*text-shadow: 1px 1px #585858;*/
    /*margin-left: 0px;*/
}
.nomepar{
    color: #AF2626!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 30px;
    padding: 10px;
    /* text-shadow: 1px 1px #585858; */
}
.nomenormal{
    color: #3f4875; 
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 30px;
    margin-left: 0px;
}
.fonecliente{/*está tudo certo*/
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 24px;
    color: #4678C5;
    padding: 10px;
    margin-left: 0px;
}
.foneparceiro{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 24px;
    color: #4678C5;
    padding: 10px;
}
.fonenormal{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    color: #4678C5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
.endereco{/*está tudo certo*/
    display: block;
    color: #9e9e9e;
    font-size: 18px;
    padding: 6px;
}
.cidadebase{/*está tudo certo*/
    color: #606060; 
    font-size: 22px;
    /*font-weight: 500;*/
    padding: 10px;
}
.complemento{
    font-family: 'Roboto', sans-serif;
    color: #2c3773;
    padding: 15px;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.complementosimples{
    font-family: 'Roboto', sans-serif;
    color: #2c3773;
    padding: 15px;
}
.continua {
    text-align: center;
    margin-top: 10px;
    color: #333333;
    font-size: 14px;
    padding: 5px;
}
.redesocial {
    border-style: solid;
    border-width: 1px;
    border-color: #bce8f1;
    background-color: #d9edf7;
    display: block;
    margin-top: 10px; 
    margin-bottom: 10px;
    font-size: 15px;
    padding: 5px;
}
.vejaoutros {
    background-color: #eaeaea;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1)!important;    
}
.novembro-azul{
    height: 111px;
    width: 76px;
    position: fixed;
    right: 0;
    top: 0;
}
.logofixotopo{
    position: fixed;
    top: 10;
    width: 100%;
    background-color: #F5F5F5;
    box-sizing: border-box;
    padding: 10px 10px;
    /*border-bottom: 1px solid navy;*/
    margin-bottom: 10px;
}
.dia-da-mulher{
    height: 120px;
    position: fixed;
    /*width: 120px;
    left: 0;*/
    bottom: 0;
}
.dia-da-mulher-desktop{
    height: 590px;
    width: 160px;
    position: fixed;
    right: 0;
    top: 0;
}
.todos-exibidos{
    float: left;
}
.lado-a-lado{
    float: left;
    padding: 10px;
    /*ainda nao usei, a idéia é separar os botões ao final da pesquisa do texto Todos os contatos foram exibidos..*/
}
.altura-nova-botao{
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: none;
}
.download-app{
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px
}
.recentes{
  display: inline-block;
  margin: 5px 0px 5px 5px; 
  /*float: letf;*/
  color: #3c6591;    
}
.borda-recentes{
    display: inline-block;
    margin: 0px 0 5px 0px; 
    background-color: #F5F5F5/*#E0EBFF*/;
    border: solid 1px;
    border-color: #9f9d9d/*#dddddd;*/;
    border-radius: 8px;
}
.linkrecentes:hover{
  transition-duration: 0.4s;
  background: #e0eff7;
}
.texto-fone-util{
    font-size: 16px;color: #2c3773;;
}
.center-fone-util{
    text-align: center!important;
}
.letras{
  width: 70px;
}
.texto{
    font-size: 18px;
    text-align: center;
    color: #302f2f;
    display: block;
}
.borda_botao{
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    box-shadow: none;    
    padding: 6px;
}
.link:hover{
    transition-duration: 0.4s;
    background: #5ba2ca;
    color: white;
}
.scroll{
    position: relative;
    overflow: hidden;
    max-height: 75px;
}
.scroll-nome-nornal{
    position: relative;
    overflow: scroll;
    max-height: 90px;
}
.dica {
  font-size: 18px;
}

.resultadocliente:hover {
    opacity: 0.8;
    transition-duration: 0.3s;
    background-color: #eaf8ff;
    text-decoration: none;
}
.resultadopar:hover {
    /* opacity: 0.8; */
    transition-duration: 0.3s;
    background-color: #fffef0;
    text-decoration: none;
}
.resultadonormal:hover {
    /* opacity: 0.8; */
    transition-duration: 0.3s;
    background-color: #ffffff;
    text-decoration: none;
}
.wa{
    display: none;
}
.form-control-lg{border-radius: 2.3rem!important}
.fixonabase{
    /*right: 1px;*/
    position: fixed;
    width: 215px;
    left: 0px;
    bottom: 1px;
    z-index: 99999;
}
.suporte{
    position: fixed;
    width: 62px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
}
.alerta-do-golpe{
    position: fixed;
    background: #AF2626;
    color: #FFF;
    right: 0px;
    top: 200px;
    padding: 5px 5px;
    font-size: 22px;
    z-index: 9999;
}
.imagem-ajustada {
    /*width: auto;
    /*height: 600px; /* Altura fixa - eu leio o height da imagem e determino pelo php */
    /*object-fit: fill /*(padrão) → A imagem se estica para preencher todo o contêiner, podendo distorcer.*/
    /*object-fit: contain /* A imagem se ajusta dentro do contêiner sem cortes, mantendo proporção, mas pode deixar espaços vazios.*/
    /*object-fit: cover /* A imagem preenche todo o contêiner sem espaços vazios, mas pode cortar partes para manter a proporção.*/
    /*object-fit: none /* Mantém o tamanho original da imagem, sem redimensionar.*/
    object-fit: scale-down /* Funciona como none ou contain, escolhendo o menor tamanho possível.*/
}
.patrocinado{
    display: none;
}