* { margin: 0; padding: 0; } body { font-family: Calibri, Arial, sans-serif; font-size: 13px; color: #333; line-height: 20px; } ul li, ol li { list-style-position: inside; } .linknegritoverdewp { color: #3b7e71; font-weight: bold; } a { color: #333; text-decoration: none; } a:hover { color: #3b7e71; } a.linknegrito { font-weight: bold; margin-right: 15px; } a.linkverde { color: #3b7e71; } a.linknegritoverde { color: #3b7e71; font-weight: bold; } a:link img, a:visited img, a:hover img { border: 0; } br { clear: both; } /* --- COMUNS --- */ .font10 { font-size: 10px; } .font11 { font-size: 11px; } .fonteaverde, .fonteverdeb { color: #3b7e71; } .fontebranca { color: #fff; } .fonteverdeb, .fontebrancab { font-weight: bold; } .subtitulo, .subtitulomaior { font-size: 14px; font-weight: bold; color: #3b7e71; } .subtitulobranco, .subtitulobrancomaior { font-size: 14px; font-weight: bold; color: #fff; } .subtitulomaior, .subtitulobrancomaior { font-size: 18px; } .box, .boxcinza { padding: 10px; background: #e4edeb; border: #b1cbc6 solid 1px; border-radius: 2px; } .boxcinza { background: #f2f2f2; border: #ccc solid 1px; } .borda { border: #b1cbc6 solid 1px; } .bordatop { border-top: #b1cbc6 solid 1px; } .bordaright { border-right: #b1cbc6 solid 1px; border-bottom: #b1cbc6 solid 1px; } .bordarights { border-right: #b1cbc6 solid 1px; } .bordabottom { border-bottom: #b1cbc6 solid 1px; } .bordaleft { border-bottom: #b1cbc6 solid 1px; border-left: #b1cbc6 solid 1px; } .bordalefts { border-left: #b1cbc6 solid 1px; } .margintop5 { margin-top: 5px; } .margintop10 { margin-top: 10px; } .margintop15 { margin-top: 15px; } .margintop20 { margin-top: 20px; } .margintop30 { margin-top: 30px; } .marginbottom5 { margin-bottom: 5px; } .marginbottom10 { margin-bottom: 10px; } .marginbottom15 { margin-bottom: 15px; } .marginbottom20 { margin-bottom: 20px; } .marginbottom30 { margin-bottom: 30px; } .fleft { float: left; } .fright { float: right; } .aligncenter { text-align: center; } .alignright { text-align: right; } .cursorpointer { cursor: pointer; } .veiculoimg { max-width: 100px; _width: 100px; max-height: 75px; _height: 75px; } .veiculoimggrande { max-width: 575px; _width: 575px; max-height: 431px; _height: 431px; } .veiculoimggaleria { max-width: 150px; _width: 150px; max-height: 113px; _height: 113px; } .veiculoimgminiatura { max-width: 130px; _width: 130px; max-height: 52px; _height: 52px; } .veiculoimgminiaturacapa { max-width: 100px; _width: 100px; max-height: 75px; _height: 75px; } .veiculoimgminiaturalista { max-width: 100px; _width: 100px; max-height: 75px; _height: 75px; } .banner, .bannersb { margin-bottom: 10px; line-height: 0; border: #ccc solid 1px; text-align: center; } .banner, .bannersb { border: none; } .banner-pesquisa-desktop{ margin: 10px 0 25px 0; padding: 20px 18px; border: 1px solid #ccc; border-radius: 4px; } .banner-title { position: absolute; transform: translate(0px, -9px); font-size: 9px; text-transform: uppercase; } /* --- BTS --- */ a.bt, a.btalt, a.btbranco, a.btverde, a.btdestaque { padding: 7px 11px; background: #eee; background: linear-gradient(#fff, #eee); font-weight: bold; border: #d5d5d5 solid 1px; border-radius: 2px; } a.btalt { border: #eee solid 1px; } a.btbranco { background: #fff; } a.btverde { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } a.btdestaque { background: #ccdcd9; border: a3beb9 solid 1px; } a.bt:hover, a.btalt:hover, a.btbranco:hover, a.btverde:hover, a.btdestaque:hover { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } a.btalt:hover { background: #e4edeb; color: #333; border: #e4edeb solid 1px; } a.btverde:hover { opacity: 0.75; } .btenviar { width: 100px !important; height: 35px; background: #eee; background: linear-gradient(#fff, #eee); cursor: pointer; } .btenviar:hover { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } input.btpop { width: 100px; height: 35px; background: #eee; background: linear-gradient(#fff, #eee); border: 0; cursor: pointer; } input.btpop:hover { background: #e4edeb; } /* --- TOPO --- */ header { height: 150px; border-bottom: #b1cbc6 solid 1px; display: flex; align-items: center; justify-content: center; } #topo { margin: auto; width: 980px; } #topo li { display: inline; } #logo { width: 195px; float: left; } nav.topo, nav.usuario { height: 50px; float: right; } nav.topo { text-align: right; } nav.usuario { margin-left: 3px; text-align: right; } nav.topo ul, nav.usuario ul { padding-top: 15px; } #usuarioesq { margin: 0 10px 0 7px; padding-top: 18px; font-weight: bold; line-height: 14px; float: left; } #usuariodir { float: left; } #usuariodir li ul { display: none; } #usuariodir li:hover ul { display: block; position: absolute; left: 50%; margin-left: 363px; padding: 0; } #usuariodir li:hover #btopcoes { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } #usuariodir li ul a { display: block; padding: 6px; width: 115px; background: #eee; background: linear-gradient(#fff, #eee); font-weight: bold; text-align: right; line-height: 11px; border-bottom: #d5d5d5 solid 1px; } #usuariodir li ul a:hover { background: #3b7e71; color: #fff; border-bottom: #3b7e71 solid 1px; } /* --- BUSCA R�PIDA --- */ #buscarapidainfos { position: absolute; top: 360px; left: 50%; margin-left: -465px; width: 550px; background: url(imgs/boxseta.png) no-repeat; background-position: 49px 0; } #buscarapidainfosin { margin-top: 20px; padding: 15px; background: #fbf7aa; font-size: 14px; line-height: 17px; border-radius: 3px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); } #buscarapida { margin: 14px auto 20px; width: 980px; height: 59px; background: url(imgs/bg_buscarapida.jpg) no-repeat; } #buscarapida fieldset { float: left; } #buscatopo, #buscadireta { margin-top: 12px; float: left; } #buscatopo { margin-left: 80px; } #buscadireta { margin-left: 20px; } input.topobusca, input.toponumero { margin-right: 4px; font-size: 14px; border: #fff solid 1px; float: left; } input.topobusca { width: 550px; } .box-somente-black-topo { background-color: #fffd41; border-radius: 4px; padding: 7px 5px 6px 5px; margin-right: 4px; display: flex; } .box-somente-black-topo.lateral { padding: 7px 5px 5px 5px; line-height: 12px; } .box-somente-black-topo label { padding-top: 2px!important; font-weight: 700; text-transform: uppercase; } .box-somente-black-topo.avancado { display: inline-block; padding: 9px 5px 10px 5px; } .box-somente-black-topo input[type=radio], .box-somente-black-topo input[type=checkbox] { display: block; /* Esconde os inputs */ } .box-somente-black-topo input[type=radio]+label, .box-somente-black-topo input[type=checkbox]+label { height: 20px; padding: 0 10px; background-image: url(http://www.webcis.com.br/images/imagens-noticias/checkbox/ico-master.webp); background-repeat: no-repeat; background-position: 0 0; } .box-somente-black-topo input[type=checkbox]+label { background-position: 0 -60px; /* Muda a posição do background só no checkbox */ } .box-somente-black-topo input[type=radio]:checked+label { background-position: 0 -30px; } .box-somente-black-topo input[type=checkbox]:checked+label { background-position: 0 -90px; } .box-somente-black-topo.lateral input[type=checkbox]+label { display: flex; align-items: flex-end; } .box-somente-black-topo.lateral{ border: 1px solid #222; width: 126px; } .img-logo-black-estoque{ position: absolute; width: 40%; right: 0; top: -15px; z-index: 200; } .img-logo-black-estoque-lista{ position: absolute; width: 15%; right: 0; top: -15px; z-index: 200; } .img-logo-black-capa{ width: 40%; } .form-fotos{ position: relative; display: block; } .img-logo-black-detalhe{ position: absolute; bottom: -55px; z-index: 10; } .box-desconto-black{ position: absolute; font-weight: 700; color: #fff; width: 100px; bottom: -8px; right: 35px; z-index: 20; text-align: center; display: flex; justify-content: center; align-items: center; } .box-infos-adicionais{ position: absolute; bottom: -10px; right: 0; font-size: 80%; text-align: -webkit-right; font-weight: 700; } .box-infos-adicionais-lista{ position: absolute; bottom: -10px; left: 175px; font-size: 85%; text-align: -webkit-right; font-weight: 700; display: inline-flex; } .info-adicional{ background-color: red; color: #fff; width: fit-content; padding: 3px 4px; border-radius: 20px; margin-bottom: 3px; line-height: normal; } .info-adicional-lista{ background-color: red; color: #fff; width: fit-content; padding: 3px 4px; border-radius: 20px; margin-right: 3px; line-height: normal; } input.toponumero { width: 87px; } input.bttopobuscar, input.bttopoir, input.btajuda { height: 35px; background: #eee; background: linear-gradient(#fff, #eee); border: 0; cursor: pointer; } input.bttopobuscar:hover, input.bttopoir:hover, input.btajuda:hover { background: #e4edeb; } input.bttopobuscar { width: 76px; } input.bttopoir { width: 30px; } input.btajuda { width: 70px; margin-left: 4px; } /* --- PRINCIPAL --- */ #principal { margin: auto; width: 980px; } section#lateralesq { width: 160px; float: left; } section#conteudo { margin-left: 10px; width: 575px; float: left; } section#lateraldir { margin-left: 10px; width: 225px; float: left; } article { margin: auto; width: 575px; } article p { margin-bottom: 20px; } #titulo, #titulo h1, #titulo h2, #titulo h3 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #3b7e71; line-height: 12px; } /* MEGA FEIRÃO */ .conteudo-mega-feirao { font-size: 15; } .conteudo-mega-feirao a { font-weight: bold; color: #3b7e71; } .logo-mega-feirao { margin-left: auto; margin-right: auto; display: block; } .titulos-pag-mega-feirao { font-weight: bold; color: #3b7e71; } .indent-mega-feirao { margin-left: 10px; } .titulo-torcendo { font-weight: bold; color: #3b7e71; font-size: 18px; } /* --- RODAP� --- */ footer { padding: 20px 0; background: #3b7e71; color: #fff; } footer a { color: #fff; } footer a:hover { color: #fff; text-decoration: underline; } #rodape { margin: auto; width: 980px; } #rodape ul { list-style: none; } #rodape1, #rodape2, #rodape3, #rodape4 { width: 244px; min-height: 160px; float: left; } #rodape3{ width: 488px !important; } #rodape4 { width: 235px; text-align: right; border: 0; } .rodapetitulo { font-size: 18px; font-weight: bold; color: #fff; } #rodapeaviso { background: #eee; border-top: #fff solid 1px; } #rodapeavisoin { margin: auto; padding: 20px 0; width: 980px; line-height: 18px; } /* --- LATERAL ESQUERDA --- */ #busca fieldset { margin-bottom: 3px; } #busca a { font-weight: bold; } legend.legendmenor { margin-left: 6px; } input.busca, select.busca, input.buscamenor, input.buscamenorm, select.buscamenor, select.buscamenorm { padding: 6px; } input.busca { width: 124px; } select.busca { width: 138px; } input.buscamenor, input.buscamenorm { width: 52px; float: left; } input.buscamenorm { margin-left: 6px; } select.buscamenor, select.buscamenorm { width: 66px; float: left; } select.buscamenorm { margin-left: 6px; } input.btbuscar { width: 100px; height: 35px; background: #eee; background: linear-gradient(#fff, #eee); cursor: pointer; } input.btbuscar:hover { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } #menuesq { margin-top: 10px; } #menuesq ul { list-style: none; } /* --- LATERAL DIREITA --- */ #ramconteudo { margin-bottom: 10px; padding: 10px 10px 0; width: 203px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #d70000; line-height: 18px; border: #ccc solid 1px; } #ramconteudo a, #ramconteudo a:hover img { color: #fff; text-decoration: none; border: 0; } #ramtitulo { margin: 15px 0; padding: 10px; background: url(imgs/bg_ram.jpg); font-size: 15px; color: #fff; text-align: center; } #ramveiculo { margin-bottom: 10px; } #ramveiculo:hover { background: #efefef; } #ramveiculoesq { width: 102px; float: left; } #ramveiculodir { display: table; margin-left: 6px; width: 95px; height: 56px; float: left; } #ramveiculotexto { display: table-cell; margin-top: -5px; vertical-align: middle; } /* --- CNS SHOPPING --- */ #shopping { margin: 10px auto; width: 980px; background: #f5decc; } #shopping a { font-weight: bold; color: #f3804a; } #shopping a:hover { color: #333; } #shoppingtopo { background: #f2f2f2; height: 60px; border-bottom: #e4b798 solid 1px; } #shoppingtopoesq { margin: 5px 0 0 10px; width: 200px; float: left; } #shoppingtopodir { margin-left: 60px; width: 710px; float: left; } #shoppingtopodir fieldset { margin-top: 10px; float: left; } #shoppingtopodir fieldset.radiogroup { margin-top: 22px; width: 202px; } input.shoppingtopobusca { margin-right: 4px; padding: 10px; width: 382px; font-size: 14px; float: left; } input.btshoppingtopobuscar { width: 90px; height: 39px; background: #fff; cursor: pointer; } input.btshoppingtopobuscar:hover { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } #shoppingconteudo { padding: 10px; font-size: 12px; } #shoppingesq { width: 250px; float: left; } #shoppingdir { width: 708px; float: left; } #shoppingtitulo { margin-bottom: 12px; font-size: 24px; font-weight: bold; color: #f3804a; line-height: 14px; } .shoppingfone { font-size: 14px; font-weight: bold; color: #f3804a; } #shoppingproduto { margin-right: 10px; width: 169px; text-align: center; line-height: 16px; float: left; } #shoppingproduto:last-child { margin: 0; } #shoppingproduto img { margin-bottom: 2px; } .shoppingprodutonome { display: block; margin-bottom: -10px; font-size: 14px; color: #333; } .shoppingprodutovalor { font-size: 16px; line-height: 0px; } #shoppingrodape { padding: 5px 10px; height: 30px; line-height: 30px; background: #f2f2f2; font-size: 14px; border-top: #e4b798 solid 1px; } #shoppingrodape a { color: #333; } #shoppingrodape a:hover { color: #f3804a; } /* --- OFERTA DIA --- */ .oferta-dia { margin: 30px auto 10px; width: 980px; height: 537px; background-color: #60ac9e; padding: 25px; } .etiqueta-oferta-dia{ position: absolute; margin-top: -38px; margin-left: 10px; z-index: 1000; } .glide *{ box-sizing: unset; } .glide__slide{ background-image: url(./imgs/ofertas-dia/bg-desktop.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } .glide__arrow{ border: none; background-color: none; box-shadow: none; text-shadow: none; } .glide__arrow--left{ left: -25px; } .glide__arrow--right{ right: -30px; } .glide__bullets{ bottom: -20px; } .capa-oferta-dia{ width: 50%; height: 398px; } .capa-oferta{ width: 100%; padding: 25px 0 0 30px; box-shadow: 22px 22px 0px -15px #60ac9e; max-height: 367px; } .infos-opcionais{ position: absolute; margin-top: -135px; margin-left: 40px; display: grid; height: 112px; } .infos-opcionais img{ display: block; margin-bottom: 5px; align-self: flex-end; } .infos-baixo{ font-family: 'Rubik', sans-serif; position: absolute; color: #fff; display: flex; list-style: none; margin-top: -25px; margin-left: 40px; } .etiqueta-ano, .etiqueta-cambio, .etiqueta-km{ background-color: #ff0e32; position: relative; padding: 6px 15px; text-align: center; margin-right: 10px; text-transform: uppercase; font-weight: 700; font-size: 190%; transform: skew(-20deg); } .infos-baixo p{ transform: skew(20deg); } .titulo-anuncio{ float: right; margin-top: -360px; margin-right: 20px; width: 43%; } .linha-titulo{ font-family: 'Oswald', sans-serif; color: #fff; font-size: 270%; line-height: 45px; text-align: center; text-shadow: rgba(50 50 50 / 60%)4px 4px 3px; text-transform: uppercase; } .preco-de-por{ font-family: 'Oswald', sans-serif; float: right; width: 43%; margin-top: -255px; text-transform: uppercase; } .preco-de-por p{ position: absolute; } .preco-de-oferta{ margin-top: -110px; margin-left: 100px; font-weight: 700; color: #ff0e32; text-decoration-line: line-through; font-size: 190%; } .preco-de-oferta span{ font-size: 70%; font-weight: 600; } .preco-por-oferta{ margin-top: -70px; margin-left: 75px; font-weight: 700; color: black; font-size: 230%; } .preco-por-oferta span{ font-size: 60%; font-weight: 600; } .bt-whatsapp-oferta{ margin-top: -112px; width: 35%; float: right; } .footer-ofertas{ bottom: 0; } .footer-ofertas:hover{ color: #333; } .footer-ofertas-dados { float: left; padding: 24px 0 0 10px; } .dados-veiculo{ position: absolute; margin-top: -85px; text-transform: uppercase; list-style: none; width: 383px; margin-left: 4px; } .dados-veiculo li:before{ content: "\2022"; color: #ff0e32; font-weight: 700; display: inline-block; width: 10px; } .cor-dados:before{ content: "\2022"; color: #ff0e32; font-weight: 700; display: inline-block; width: 10px; margin-left: 10px; } .footer-ofertas-dados img{ display: block; max-width: 100%; height: auto; } .footer-ofertas-endereco{ float: right; margin-left: -32px; margin-right: 11px; margin-top: 0; } .footer-ofertas-endereco img{ display: block; max-width: 100%; height: auto; } .logo-revenda{ border-radius: 5px; position: absolute; margin-top: -57px; margin-left: 65px; } .endereco-loja{ position: absolute; font-size: 14px; font-weight: 500; width: 410px; margin-top: -50px; margin-left: 150px; } /* --- CLOUD TAGS --- */ #tagclouds { margin: 0 auto 10px; width: 980px; } #tagcloudsin { padding: 10px; background: #eee; } #tagcloudsin a { color: #3b7e71; text-decoration: none; } #tagcloudsin a:hover { color: #333; } .tagCloud1 { font-family: Verdana, Arial; font-size: 11px; font-style: italic; } .tagCloud2 { font-family: Verdana, Arial; font-size: 16px; } .tagCloud3 { font-family: Arial, Verdana; font-size: 22px; font-style: italic; } .tagCloud4 { font-family: Arial, Verdana; font-size: 22px; font-weight: bold; } .tagCloud5 { font-family: Arial, Verdana; font-size: 32px; font-weight: bold; } /* --- BANNERS FLUTUANTE --- */ #bannerflutuante { position: absolute; top: 296px; left: 40%; margin-left: -125px; width: 440px; height: 350px; background: #fff; line-height: 0; text-align: right; z-index: 100; } #bannerflutuante .fechar { position: absolute; right: 0; } /* --- CAPA --- */ #capaesq { width: 423px; float: left; } #capadir { margin-left: 10px; width: 225px; float: left; } #capadir #banner { text-align: center; } /* --- PESQUISA / VE�CULOS --- */ table th { padding: 6px; background: #3b7e71; font-weight: bold; color: #fff; } table td { padding: 8px 0; line-height: 14px; border-bottom: #d8d8d8 solid 1px; } table.listaimagem td { padding: 0 4px 0 0; height: 75px; } table tr:nth-child(even) { background: #f2f2f2; } table tr { transition: background ease-out 120ms; } table tr:hover { background: #e4edeb; } #veiculo, #veiculocapa { padding-top: 10px; width: 191px; height: 180px; text-align: center; line-height: 14px; float: left; transition: background ease-out 120ms; } #veiculo:hover, #veiculocapa:hover { background: #e4edeb; } #veiculocapa { width: 141px; height: 150px; } #veiculoimg { height: 117px; } #veiculocapaimg { margin-bottom: 10px; height: 75px; position: relative; } table a:visited, #veiculo a:visited, #veiculocapa a:visited { color: #551a8b; font-weight: bolder !important; } /* --- PESQUISA CONTROLES --- */ #opcoes { margin-bottom: 30px; padding: 10px; } #opcoes1, #opcoes2, #opcoes3 { font-weight: bold; float: left; } #opcoes1 { width: 235px; } #opcoes2 { padding-top: 9px; width: 240px; text-align: center; } #opcoes3 { padding-top: 9px; width: 78px; } #opcoes1 select { font-size: 12px; } #opcoes2 input { margin-right: 3px; background: none; vertical-align: -3px; } a.btlista, a.btlistafotos, a.btgaleria { display: block; margin-left: 10px; width: 16px; height: 16px; float: right; } a.btlista { background: url(imgs/icones/pesquisa_lista.png) no-repeat; } a.btlistafotos { background: url(imgs/icones/pesquisa_lista_imagem.png) no-repeat; } a.btgaleria { padding: 0; background: url(imgs/icones/pesquisa_grade.png) no-repeat; } /* --- AN�NCIO --- */ #anunciotopoesq { width: 570px; float: left; } #anunciotopodir { width: 84px; float: left; } .btfav, .btfavselected, .btfavlista, .btproposta { display: block; margin-left: 8px; width: 20px; height: 20px; float: left; } .btfav:hover, .btfavselected:hover, .btfavlista:hover, .btproposta:hover { background-position: bottom; } .btfav { background: url(imgs/icones/favoritos.png) no-repeat; } .btfavselected { background: url(imgs/icones/favoritos_selected.png) no-repeat; } .btfavlista { background: url(imgs/icones/favoritos_lista.png) no-repeat; } .btproposta { background: url(imgs/icones/proposta.png) no-repeat; } #anunciotitulo h1 { font-size: 26px; font-weight: bold; line-height: 30px; color: #3b7e71; text-align: center; margin-top: 30px; margin-bottom: 10px; } #anunciotitulo h2 { font-size: 17px; font-weight: normal; line-height: 20px; color: #333333e6; text-transform: uppercase; } #subtituloanuncio{ display: flex; margin-top: 10px; padding-top: 5px; border-top: 1px solid #8d8d8da6; margin-bottom: 25px; } #subdetalhes{ list-style: none; color: #fff; font-weight: 600; text-transform: uppercase; display: inline-flex; width: 491px; } #subdetalhes li{ background-color: #3b7e71; border-radius: 10px; width: fit-content; padding: 0 9px; font-size: 12px; margin-right: 5px; } #anunciomin { margin: 10px 0 3px; line-height: 0; } #anuncio { margin-bottom: 15px; } #anuncioesq { width: 245px; float: left; } #anunciodir { margin-left: 10px; width: 320px; float: left; } #anuncioesq li { list-style: none; } #anunciovoltar { margin: 15px 0 10px; } #favok { display: none; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -225px; padding: 20px 0; width: 450px; background: #3b7e71; font-size: 14px; color: #fff; text-align: center; z-index: 101; } #favokfechar { position: absolute; top: 0; right: 0; cursor: pointer; } .titulo-valores-pagamentos { text-transform: uppercase; font-weight: 700; color: #3b7e71; font-size: 14px; margin-bottom: 5px; } .item-opcional { text-align: center; margin-right: 15px; display: inline-block; font-weight: 700; font-style: italic; } .item-opcional img { margin-right: -1px; } .box-foto-cns{ display: flex; justify-content: center; margin-bottom: 10px !important; } /*box valores normal*/ .box-valores-pagamentos-normal { background-color: #e4edeb; padding: 20px 10px; text-align: center; color: #3b7e71; border: #b1cbc6 solid 1px; border-radius: 2px; margin-bottom: 20px; } .box-valores-pagamentos-normal .box-valor, .box-preco-especial, .box-financiamento { text-align: left; display: inline-block; width: 32.62%; position: relative; vertical-align: middle; } .box-valores-pagamentos-normal .box-financiamento { padding-left: 30px; margin-left: 15px; border-left: 1px solid #b1cbc6; } .box-valores-pagamentos-normal .box-valor-simples { text-align: center; } .box-valores-pagamentos-normal .subtitulos-valores-pagamentos { font-weight: 700; font-size: 16px; } .box-valores-pagamentos-normal .preco { font-size: 29px; font-weight: 700; } .box-valores-pagamentos-normal .preco-troca { font-size: 13px; margin-top: 5px; } .box-valores-pagamentos-normal .preco-de { color: #96bdb6; /*color: #f44336;*/ font-size: 21px; } .box-valores-pagamentos-normal .preco-de span { padding-right: 13px; color: #3b7e71; font-weight: 700; } .box-valores-pagamentos-normal .preco-por { font-weight: 700; font-size: 21px; } .box-valores-pagamentos-normal .box-financiamento span { text-transform: uppercase; } .box-valores-pagamentos-normal .box-financiamento p { margin-bottom: 0 } /*box valores participantes*/ .box-valores-pagamentos-participantes { background-color: #18171c; padding: 5px; text-align: center; color: #fff; border-radius: 2px; margin-bottom: 20px; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); } .box-valores-pagamentos-participantes .conteudo-valores-precos { border: #fffd41 dashed 2px; padding: 20px 10px; } .box-valores-pagamentos-participantes .box-valor, .box-preco-especial, .box-financiamento { text-align: left; display: inline-block; width: 40%; position: relative; vertical-align: middle; } .box-valores-pagamentos-participantes .box-preco-especial img { vertical-align: middle; } .box-valores-pagamentos-participantes .preco-por img { vertical-align: middle; } .box-valores-pagamentos-participantes .preco { vertical-align: middle; } .box-valores-pagamentos-participantes .box-financiamento { padding-left: 30px; margin-left: 15px; border-left: 2px solid rgb(255 255 255 / 24%); font-size: 15px; } .box-valores-pagamentos-participantes .box-valor-simples { text-align: center; } .box-valores-pagamentos-participantes .subtitulos-valores-pagamentos { font-weight: 700; font-size: 18px; color: #fffd41; } .box-valores-pagamentos-participantes .preco { font-size: 29px; font-weight: 700; color: #fffd41; } .box-valores-pagamentos-participantes .preco-troca { font-size: 13px; margin-top: 5px; margin-left: 21px; } .box-valores-pagamentos-participantes .preco-de { color: red; font-size: 22px; margin-bottom: 3px; text-shadow: 1px 1px 1px rgb(0 0 0 / 16%); } .box-valores-pagamentos-participantes .preco-de span { padding-right: 13px; font-weight: 700; } .box-valores-pagamentos-participantes .preco-por { font-weight: 700; font-size: 25px; color: #fffd41; } .box-valores-pagamentos-participantes .box-financiamento span { text-transform: uppercase; } .box-valores-pagamentos-participantes .box-financiamento p { margin-bottom: 0 } /* --- AN�NCIO PROPOSTA --- */ #propostaerro { margin: 5px 0 10px; padding: 20px; background: #fbf7aa; font-size: 14px; font-weight: bold; line-height: 16px; text-align: center; } #proposta fieldset { height: 46px; } #proposta fieldset.textarea { height: 126px; } #proposta input, #proposta textarea { width: 535px; } #proposta textarea { height: 90px; } #proposta fieldset.fieldmenor, #proposta fieldset.fieldmenorm { float: left; } #proposta fieldset.fieldmenorm { margin-left: 9px; } #proposta input.campomenor { width: 253px; } #codigo1 { width: 78px; float: left; } #codigo2 { width: 125px; float: left; } #codigo1 input { padding: 6px; width: 59px; height: 26px; font-size: 20px; } /* --- FAVORITOS --- */ #favorito { margin-bottom: 10px; } #favoritoesq { width: 110px; min-height: 75px; line-height: 0; float: left; } #favoritodir { width: 443px; float: left; } #favoritovalor { width: 360px; float: left; } #favoritoremover { padding-top: 10px; width: 83px; text-align: right; float: left; } /* --- REVENDAS --- */ #revenda { margin-bottom: 10px; } #revenda1 { width: 303px; float: left; } #revenda2 { width: 250px; text-align: center; float: left; } #revenda2 img { float: right; } #revenda .maisveiculos { margin: 10px 0 5px; } .mensagem-revenda-desktop{ background-color: #3b7e71; color: #fff; padding: 15px; font-weight: 700; font-size: 27px; text-align: center; margin-top: 10px; line-height: 34px; } .mensagem-anuncio-desktop{ background-color: #3b7e71; color: #fff; padding: 15px; font-weight: 700; font-size: 27px; margin-bottom: 20px; text-align: center; line-height: 34px; } /* --- LISTAS --- */ #listatitulo { margin: 20px 0 10px; } #lista ul { list-style: none; } #lista a:hover { color: #3b7e71; } #listacidades { text-align: right; } #topbuscas ol li { margin-bottom: 8px; font-size: 15px; color: #3b7e71; } .trabalhelista li { text-indent: 15px; } .trabalhelista li span { margin-left: -15px; } /* --- MINHA CONTA --- */ #minhacontatitulo { margin-bottom: 10px; padding: 8px; background: #3b7e71; font-size: 16px; font-weight: bold; color: #fff; text-align: center; } #minhacontaesq, #minhacontadir { width: 258px; float: left; } #minhacontadir { margin-left: 15px; } #minhaconta input { width: 240px; } #minhaconta select { width: 258px; } /* --- CADASTRO --- */ .asterisco-cadastro { color: red; } #cadastroconcluido { margin-bottom: 15px; padding: 10px; font-size: 11px; line-height: 16px; background: #eee; } #cadastroconcluidoborda { border: #d5d5d5 solid 1px; } #cadastroconcluidobarra { height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; background: url(imgs/barra.jpg); } #cadastro input { width: 300px; } #cadastro select { width: 314px; } #cadastrosubtitulo { margin-bottom: 10px; } /* --- FORMUL�RIOS --- */ form { line-height: 16px; } fieldset { margin-bottom: 5px; border: 0; } fieldset:last-child { margin: 0; } legend { font-weight: bold; } input, select, textarea, button.btenviar { padding: 8px; background: #fff; font-family: Calibri, Arial, sans-serif; font-size: 14px; color: #333; border: #d5d5d5 solid 1px; border-radius: 2px; } select { background: #fff; height: 34px; } .formpadrao input, .formpadrao select, .formpadrao textarea { background: #eee; background: linear-gradient(#fff, #eee); } input.checkbox { margin: 5px 0; padding: 0; width: 15px !important; background: none; vertical-align: -3px; border: 0; } input.radio { margin-right: 2px; padding: 0; background: none; width: 15px !important; vertical-align: -2px; } /* --- FORMUL�RIO EM 2 COLUNAS --- */ #formesq, #formdir { width: 271px; float: left; } #formdir { margin-left: 11px; } legend.form2legendmenor { margin-left: 11px; } input.form2 { width: 253px; height: 16px; } select.form2 { width: 271px; } input.form2menor, input.form2menorm { width: 112px; height: 16px; float: left; } input.form2menorm { margin-left: 11px; } select.form2menor, select.form2menorm { width: 130px; float: left; } select.form2menorm { margin-left: 11px; } /* --- PAGINA��O --- */ #paginacao { margin: 15px 0; text-align: center; } #paginacao a, #paginacao a:hover, .pgatual { padding: 6px 10px; font-weight: bold; border: #d5d5d5 solid 1px; } .pgatual, #paginacao a:hover { background: #3b7e71; color: #fff; border: #3b7e71 solid 1px; } /* --- ALERTA --- */ #alerta { position: fixed; right: 10px; width: 300px; text-align: right; line-height: 0; } #alertaconteudo { padding: 20px; background: #ffcc00; text-align: center; line-height: 16px; } #alertatitulo { margin-bottom: 10px; font-size: 18px; font-weight: bold; } /* --- ERRO --- */ #erro { position: absolute; top: 50%; left: 50%; margin-top: -105px; margin-left: -180px; padding: 50px 20px; width: 360px; background: #fbf7aa; font-size: 14px; font-weight: bold; line-height: 16px; text-align: center; z-index: 999; } #errofechar { position: absolute; top: 0; right: 0; cursor: pointer; } /* Nova Capa */ #conteudo.body-capa, #conteudo.body-capa article, #conteudo.body-capa #caixa, #conteudo.body-capa #caixa #conteudos, #conteudo.body-capa #caixa #conteudos li { width: 810px; } #conteudo.body-capa #veiculocapa { width: 279px; height: 294px; padding: 10px 4px 4px 4px; } #conteudo.body-capa #capaesq { width: 575px; overflow: hidden; } #conteudo.body-capa #veiculocapaimg { height: auto; } #conteudo.body-capa .veiculoimgminiaturacapa { width: auto; max-width: 96%; max-height: 194px; border: 1px solid #d0d0d0; } .modelo-capas { margin-bottom: 3px; display: inline-block; font-size: 16px; font-weight: 700; height: 42px; } .valor-capas { font-size: 18px; margin-top: 3px; display: inline-block; font-weight: 700; color: #3b7e71; } .valor-capas-de { color: red; font-size: 12px; font-weight: 700; margin-top: 3px; } .valor-capas-por { font-size: 18px; display: inline-block; font-weight: 700; color: #3b7e71; } .loja-capas { font-weight: 700; margin-top: 3px; display: inline-block; } /* AR */ @import url('https://fonts.googleapis.com/css?family=Oxygen'); #logo-autoreporter { text-align: center; } #logo-autoreporter img { width: 140px; } #box-ar { width: 960px; margin: 20px auto; background: #EEEEEE; padding: 20px 10px; overflow: hidden; font-family: 'Oxygen', sans-serif; } #box-lancamentos { display: inline-block; clear: both; width: 100%; margin-top: 10px; } #box-curtinhas { clear: both; display: inline-block; width: 100%; margin-top: -40px; } #box-ar h2 { border-bottom: 2px solid #ED3237; display: block; margin-bottom: 15px; font-size: 15px; } #box-ar h3 { font-weight: normal; } #box-ar h2 span { background-color: #ED3237; padding: 10px 20px; color: #FFF; display: inline-block; border-radius: 2px 2px 0 0; } #box-ar img { max-width: 100%; height: auto; } #box-ar a:hover { color: #ED3237; } #box-ar #box-lancamentos .galeria { width: 470px; } #box-ar #box-lancamentos .galeria, #box-ar #box-curtinhas .curtinha { position: relative; float: left; display: inline-block; } #box-ar #box-lancamentos .galeria .item { position: relative; margin-bottom: 15px; } #box-ar #box-lancamentos .galeria:nth-child(even) { margin-right: 15px; } #box-ar #box-curtinhas .curtinha:nth-child(even) { margin-bottom: 15px; } #box-ar #box-lancamentos .galeria h3, #box-ar #box-curtinhas .curtinha h3 { position: absolute; bottom: 10px; left: 10px; margin-right: 10px; background: rgba(15, 15, 15, 0.7); padding: 5px 7px; color: #FFF; } #box-ar .banner-iframe.ARC { height: 45px; overflow: hidden; } #box-ar #box-curtinhas .noticia { margin-bottom: 10px; float: left; display: inline; width: 305px; } #box-ar #box-curtinhas .noticia:nth-child(odd) { margin: 0 15px; } #box-ar #box-curtinhas .noticia img { float: left; display: inline-block; width: 150px; margin-right: 15px; } #box-ar .adquira { font-weight: bold; color: #6b6b6b; } /* Proposta na lateral */ #lateraldir #proposta .fieldmenorm { margin: 0; } #lateraldir #proposta fieldset { height: auto; width: 195px; display: block; margin-bottom: 5px; } #lateraldir #proposta input, #lateraldir #proposta textarea, #lateraldir #proposta button { width: 100%; margin: 2px 0 0; padding: 5px 3px; } #lateraldir #proposta legend { width: 100%; } /* Honeypot */ #honeypot-div, #honeypot-div * { display: none; } .g-recaptcha { transform: scale(0.71); margin-left: -40px; } .banner-LDR { border: 1px solid #ccc !important; } /* css estoque capas participantes da promo��o */ .box-estoque-capas-participantes { width: 272px; height: 329px; padding: 4px 4px 4px 4px; line-height: 14px; float: left; transition: background ease-out 120ms; border-radius: 4px; background-color: #f5f5f5; margin-bottom: 15px; cursor: pointer; position: relative; } .logo-feirao-capas { position: absolute; top: 0; left: 8px; } .box-estoque-capas-participantes:nth-child(even) { margin-left: 15px; } .box-estoque-capas-participantes .veiculoimgminiaturacapa { border-radius: 4px; width: auto; max-width: 100% !important; max-height: 202px !important; border: 1px solid #d0d0d0; } .box-estoque-capas-participantes:hover { background-color: #e4edeb; } .box-estoque-capas-participantes .modelo-capas { margin-bottom: 6px; } .box-dados-estoque-capas { width: 152px; display: inline-block; } .logo-promocao-capas { position: absolute; right: 10px; bottom: 5px; } /* css estoque capas normal */ .box-estoque-capas-normal { width: 270px; height: 345px; padding: 4px 4px 4px 4px; line-height: 14px; float: left; transition: background ease-out 120ms; border-radius: 4px; border: 1px solid #e4e4e4; margin-bottom: 15px; cursor: pointer; position: relative; } .box-estoque-capas-normal:nth-child(even) { margin-left: 15px; } .box-estoque-capas-normal .veiculoimgminiaturacapa { border-radius: 4px; width: auto; max-width: 100% !important; max-height: 202px !important; border: 1px solid #d0d0d0; } .box-estoque-capas-normal:hover { background-color: #e4edeb; } .box-estoque-capas-normal .modelo-capas { margin-bottom: 6px; } .box-estoque-capas-normal .box-dados-estoque-capas { float: left; width: 60%; } /* -------------------- ETOQUE LISTA COM FOTO -------------------- */ /* css promoçaoo detalhes veÃculo */ .box-loja-participante-detalhes { text-align: center; } .participante-detalhe { margin-top: -49px; } /*css estoque normal promoção*/ .estoque-normal { border-radius: 4px; margin-bottom: 20px; color: #3b7e71; padding: 10px; border: 1px solid #b1cbc6; position: relative; } .estoque-normal:hover { background-color: #e4edeb; } .box-dados-estoque-normal { float: left; width: 383px; margin-left: 10px; line-height: normal; box-sizing: border-box; position: relative; } .box-preco-estoque { text-align: right; font-weight: 700; margin-top: -12px; position: absolute; right: 10px; } .box-preco-estoque .preco-estoque-de { color: red; font-size: 14px; margin-bottom: -6px; } .box-preco-estoque .preco-estoque-por { font-size: 26px; } /* css promoção estoque */ .estoque-participante { border-radius: 4px; margin-bottom: 15px; background-color: #f5f5f5; color: #3b7e71; padding: 10px; border: 2px solid #111016; position: relative; } .estoque-participante:hover { background-color: #fff; } .logo-feirao-lista { position: absolute; right: -2px; top: -2px; border-radius: 0 4px 4px 0; } .box-foto-lista-foto { height: 120px; overflow: hidden; border-radius: 4px; width: 160px; float: left; } .img-estoque { border-radius: 4px; max-width: 100%; height: auto; max-height: 100%; display: block; margin-right: auto; margin-left: auto; } .box-dados-estoque { float: left; width: 275px; margin-left: 10px; line-height: normal; padding-right: 10px; box-sizing: border-box; position: relative; } .marca-estoque { font-size: 17px; font-weight: 700; } .modelo-estoque { margin-bottom: 3px; font-size: 16px; } .preco-estoque-normal { text-align: right; font-weight: 700; font-size: 26px; margin-top: 8px; } .cidade-estoque { text-align: right; display: block; } /* -------------------- ETOQUE LISTA SEM FOTO -------------------- */ /* estoque lista participante */ .estoque-lista-participante { background: #f2f2f2; margin-bottom: 5px; } /* estoque lista não participante */ .estoque-lista-normal { height: 74px; background-color: transparent !important; } /*-------------------- estoque card participante --------------------*/ .estoque-card-participante { position: relative; } .etiqueta-black-estoque-card { margin-left: auto; margin-right: auto; display: block; margin-top: 3px; } .estoque-card-participante:hover .participante-card { display: block; position: absolute; z-index: 9999; bottom: 0; } .estoque-card-participante:hover { background: url("imgs/fogo-card.jpg") !important; color: rgb(0 0 0 / 0%) !important; } .estoque-card-participante:hover .box-img-card { border-color: #111016 !important; } .estoque-card-participante:hover .box-preco-black-card { display: block; position: absolute; text-align: center; width: 100%; } .preco-de-card { display: block; color: red; font-size: 18px; margin-top: 9px; } .preco-por-card { display: block; font-size: 23px; font-weight: 700; color: #fffd41; text-shadow: 2px 2px 2px #000; } .estoque-card-participante:hover .box-de-por { display: none; } .estoque-card-participante .ano-card { background-color: red; } .estoque-card-participante:hover .ano-card { display: none; } .estoque-card-participante:hover .ano-cor-km-card { opacity: 0; } .estoque-card-participante:hover .box-img-card { border: 1px solid #5c9e91; background-color: #111016; } .estoque-card-participante:hover .box-img-card img { opacity: .9; } .participante-card { display: none; } .box-preco-black-card { display: none; } /* -------------------- estoque card --------------------*/ .estoque-card { display: inline-block; width: 179px; border-radius: 4px; margin-bottom: 30px; color: #3b7e71; padding: 2px; border: 1px solid #b1cbc6; margin-left: 5px; position: relative; } .estoque-card:hover { background-color: #e4edeb; } .ano-card { position: absolute; background-color: #3b7e71; border-radius: 20px; color: #fff; top: -9px; left: 5px; padding: 1px 5px; font-size: 11px; font-weight: 700; line-height: normal; z-index: 1; } #conteudo>article>a:nth-child(3n)>.estoque-card { margin-left: 0; } .box-img-card { height: 126px; border-radius: 4px; position: relative; } .img-estoque-card { margin-left: auto; max-width: 94%; height: auto; max-height: 100%; margin-right: auto; display: block; border-radius: 4px; margin-top: 5px; } .etiqueta-transparente { margin: 4px auto; height: 4px; } .modelo-estoque-card { text-align: center; font-weight: 700; line-height: normal; margin-top: 4px; font-size: 12px; height: 40px; overflow: hidden; margin-bottom: -2px; } .ano-cor-km-card { display: inline-block; width: 49%; font-size: 11px; height: 26px; line-height: normal; } .ano-cor-km-card span { color: #fff; } .estoque-card:hover .ano-cor-km-card span { color: #e4edeb; } .preco-estoque-card { font-weight: 700; font-size: 17px; } /* preços de por */ .box-de-por { position: absolute; width: 51%; bottom: 0; right: 5px; text-align: right; } .preco-estoque-card-de { font-weight: 700; font-size: 11px; margin-bottom: -7px; color: red; } .preco-estoque-card-por { font-weight: 700; font-size: 15px; } /* Lista de revendas promoção */ .lista-revendas .revenda-nao-participante { margin-bottom: 10px; display: block; background-color: #e0e0e0; border-radius: 4px; padding: 5px; } .lista-revendas .revenda-participante { background-color: #407e71; display: block; color: #fff; border-radius: 4px; margin-bottom: 10px; padding: 5px; font-weight: 700; text-shadow: 1px 1px 1px rgb(0 0 0 / 37%); } .lista-revendas .revenda-participante:hover { color: #fff !important; opacity: 0.75; } .lista-revendas .revenda-participante .nome-telefone, .box-chamada-promocao, .box-logo-revendas { display: inline-block; vertical-align: middle; } .lista-revendas .revenda-participante .nome-telefone { width: 280px; } .lista-revendas .revenda-participante .box-chamada-promocao { text-align: center; width: 222px; } .chamada-promocao { line-height: normal; margin-bottom: 2px; } .lista-revendas .revenda-participante .box-chamada-promocao .etiqueta-participante { background-color: #f7c004; border-radius: 50px; color: #313131; text-align: center; display: inline-block; padding: 2px 12px; text-shadow: none; } .lista-revendas .revenda-participante .box-logo-revendas { text-align: right; } .lista-revendas .revenda-participante .box-logo-revendas { height: 49px; } .lista-revendas .revenda-participante .box-logo-revendas img { width: 55px; } /* Botão Whatsapp Loja */ .seletor-whatsapp .link-botao-whatsapp { display: none; } .seletor-whatsapp .link-botao-whatsapp:first-child { display: block; text-decoration: none; } .box-whatsapp { background-color: #f3eded; border-radius: 5px; max-width: 313px; border: 1px solid #d0d0d0; position: fixed; z-index: 9999; bottom: 40px; right: 50px; padding: 6px 10px 10px 10px; cursor: pointer; } .chamada-whatsapp { color: #454545; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 10px; margin-bottom: 0; } .botao-whatsapp { background: rgba(27, 215, 65, 1); background: -moz-linear-gradient(top, rgba(27, 215, 65, 1) 0%, rgba(27, 215, 65, 1) 50%, rgba(22, 196, 57, 1) 50%, rgba(27, 215, 65, 1) 100%); background: -webkit-linear-gradient(top, rgba(27, 215, 65, 1) 0%, rgba(27, 215, 65, 1) 50%, rgba(22, 196, 57, 1) 50%, rgba(27, 215, 65, 1) 100%); background: -o-linear-gradient(top, rgba(27, 215, 65, 1) 0%, rgba(27, 215, 65, 1) 50%, rgba(22, 196, 57, 1) 50%, rgba(27, 215, 65, 1) 100%); background: linear-gradient(to bottom, rgba(27, 215, 65, 1) 0%, rgba(27, 215, 65, 1) 50%, rgba(22, 196, 57, 1) 50%, rgba(27, 215, 65, 1) 100%); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.53); border-radius: 40px; font-size: 18px; padding: 10px 13px; font-weight: 700; } .botao-whatsapp img { vertical-align: middle; width: 29px; } .bt-fecha-whats { position: absolute; right: -8px; color: #fff; background-color: #3b7e71; border-radius: 30px; padding: 2px 0 0 0; width: 22px; height: 20px; line-height: normal; top: -12px; cursor: pointer; text-align: center; } .bt-fecha-whats:hover { background-color: #ff1b1b; } .icone-whats { background-color: #7cda43; border-radius: 30px; padding: 6px 6px 4px 6px; position: fixed; bottom: 35px; right: 30px; line-height: normal; cursor: pointer; display: none; } .icone-whats img { width: 40px; } .some-whats { display: none; } .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ font-size: 18px; font-weight: 700; color: #3b7e71; } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 3% auto; /* 15% from the top and centered */ padding: 0 20px 20px 20px; width: 480px; /* Could be more or less, depending on screen size */ background-image: url(./imgs/modal-whatsapp/bg-whatsapp.png); border-radius: 10px; } /* Modal Header */ .modal-header{ margin: 0 -20px; padding: 5px 15px; background-color: #008268; color: #fff; border-radius: 10px 10px 0 0; } .modal-header p{ display: flex; align-items: center; } .modal-header p img{ margin-right: 10px; } /* Modal Body */ .modal-body { text-align: center; margin: 10% 0 15% 0; color: #111; font-weight: 700; font-size: 25px; line-height: initial; } /* Perguntas Modal */ .item-conversao { padding: 6px 12px; background-color: #008268; color: #fff; width: fit-content; border-radius: 40px; font-weight: 600; display: inline-block; margin-right: 5px; cursor: pointer; margin-bottom: 10px; font-size: 15px; max-width: 42%; text-align: center; } /* Chat Modal WhatApp */ .chat-fake{ margin-top: 10px; display: flex; } .input-conversao{ border: none !important; border-radius: 10px; width: 90%; padding: 3px 16px; margin-right: 10px; color: #111; font-size: 14px; } .box-whats-modal{ width: 10%; } .btn-whatsapp{ background: none; border: none; cursor: pointer; } /* The Close Button */ .close { color: #fff; float: right; font-size: 28px; font-weight: bold; background-color: #00aa89; padding: 6px 9px 6px 8px; border-radius: 30px; margin-top: 7px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } /* Video Reels */ .box-reels{ border: 1px solid #ddd; padding: 5px; border-radius: 5px; display: inline-flex; max-width: 100%; } .conteudo-reels{ width: 49%; padding: 10px 10px 10px 15px; text-align: center; } .conteudo-reels p{ font-size: 100%; line-height: normal; text-align: center; font-weight: 500; color: #333; background-color: #f6eeed; margin-top: 200px; margin-bottom: 20px; padding: 10px; } .sociais-link{ text-align: center; font-size: 14px; border-radius: 5px; color: #fff !important; margin-bottom: 15px; margin-right: 5px !important; } .sociais-link:hover{ color: #111 !important; } .sociais-link:last-child{ margin-bottom: 0; } /*---------- banner sonoro ----------*/ .box-banner-audio-desktop { width: 200px; height: 250px; background-image: url("https://www.carrosnaserra.com.br/v3/imgs/imgs-sonoro/gif-sdp-desktop.gif"); margin-left: 12px; margin-bottom: 10px; } .box-banner-audio-desktop:hover { background-image: url("https://www.carrosnaserra.com.br/v3/imgs/imgs-sonoro/sound.gif"); background-repeat: no-repeat; } .aviso-golpe{ background-color: #f30000; color: #fff; font-size: 19px; padding: 10px; margin-bottom: 15px; display: flex; align-items: center; line-height: normal; } .aviso-golpe .part1{ font-size: 30px; width: 20%; margin-right: 10px; border-right: 2px solid #fff }