/*========== Fontes personalizadas ==========*/ @font-face {} /*========== HTML ==========*/ html { font:normal normal normal 62.5%/1.2 'Open Sans', Arial, Helvetica, sans-serif; color:#333; overflow-x:hidden;} /* 62.5% = 10px/16px em porcentagem */ body { line-height:12px; font-size: 1.4rem;} /* =12px */ .b1{background:url(../img/fundo1.jpg) center top no-repeat;} .area-btns-chamada{ position:fixed; top:43%; z-index:9999;} .fone-chamada{ display:block; vertical-align:top; background-color:#C00; color:#FFF; font-weight:600; font-size:1rem; line-height:20px; text-align:center; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; width:70px; padding:13px 4px 10px 0px; border-top-right-radius: 10px;transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s;} .fone-chamada:hover{ color:#FFF; background-color:#F00;} .email-chamada{ display:block; vertical-align:top; background-color:#666; color:#FFF; font-weight:600; font-size:1rem; line-height:20px; width:70px; padding:10px 4px 10px 0px; text-align:center; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s;} .email-chamada:hover{ color:#FFF; background-color:#333;} a { color:#333 } a:hover { color:#F00; } h1{} h2{ font-size:2.5rem; color:#c09b05; text-transform:uppercase; text-align:center; font-weight:600; margin-bottom:25px; line-height:25px;} h3{} h4{} h5{} /*========== Elementos ==========*/ header { width:100%; position:fixed; top:0px; left:0px; background-color:#FFF; z-index:9999;-webkit-box-shadow: 0px 6px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 6px 12px -9px rgba(0,0,0,0.75);} nav{} content{} footer{} #topo{padding:0px 0px;} #abre-menu{ position:fixed; z-index:9999; width:100%; top:79px; left:0px; padding:0px 0px 0px 0px; background-color:#f5f5f5;-webkit-box-shadow: 0px 9px 21px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 9px 21px -10px rgba(0,0,0,0.75); box-shadow: 0px 9px 21px -10px rgba(0,0,0,0.75);} #banner{padding:0px 0px; margin-top:79px;} #banner2{padding:0px 0px; margin-top:10px;} #banner-interno{padding:0px 0px;} #buscas{ width:100%; padding:0px 180px;} #categorias{ width:100%; padding:0px 0px;} #quem-somos{ width:100%; padding:120px 20px 50px 20px;} #faixa-busca-lista{ padding:28px 20px 15px 20px; background-color:#f7f7f7;} #destaques{ width:100%; padding:100px 20px 0px 20px;} #destaque2{ width:100%; padding:100px 20px 0px 20px !important;} #contato{ width:100%; padding:120px 20px 0px 20px;} #cont-interno2{ width:100%; padding:0px 200px;} #det-fornecedor{ width:100%; padding:0px 20px 0px 20px;} #localizacao{ width:100%; padding:120px 0px 60px 0px;} #chamada{ margin-top:80px; background:url(../img/linha-de-chamada.jpg) no-repeat center top;} #rodape{padding:70px 20px 10px 20px; border-bottom:4px solid #cf2b2b;} /*========== Margins e paddings e outros ==========*/ .titulos{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:3.5rem; line-height:38px;} .titulos span{ font-size:4.2rem; font-weight:700;} .subtitulos{ display:block; padding:90px 0px 40px 0px;} .subtitulos2{ display:block; padding:20px 0px 30px 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:2rem; line-height:25px; color:#FFF;} .titulos2{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:3.5rem; line-height:38px; color:#FFF; text-transform:uppercase;} .titulos2 span{ font-weight:bold;} .titulos3 { color:#171717; font-size:3rem; line-height:30px; } .titulos3 span{ font-weight:bold;} .cor1{color:#0c5c72;} .cor2{color:#00c184;} .cor3{color:#CC9900;} .btn{ display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF; padding:22px 50px; font-size:2rem; line-height:20px; font-weight:600; background-color:#408bb7; margin-top:5px;} .btn:hover{ background-color:#179cea; color:#FFF;} .btn-over{ display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF; padding:22px 50px; font-size:1.6rem; line-height:20px; font-weight:600; background-color:#999999; margin-top:5px;} .btn-ok{ display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF; padding:22px 50px; font-size:1.6rem; line-height:20px; font-weight:600; background-color:#00c184; margin-top:5px;} hr{ height:1px; background-color:#eaeaea; display:block; margin:60px 0px;} /*========== FORMULÁRIO VALIDAÇÃO ==========*/ .lineform .has-error { outline: #b94646; color: #b94646; background-color: #ffc8c8; } .lineform label{ font-size:1.4px; margin-top:10px; margin-bottom:10px;} .lineform input{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#FFF; padding:0px 18px; height:50px; margin-bottom:14px; font-size:1.5rem; line-height:50px; border:1px solid #CCC; -webkit-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);} .lineform textarea{ width:100%; height:180px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#FFF; padding:10px 18px; margin-bottom:10px; font-size:1.5rem; line-height:22px; border:1px solid #CCC; font-weight:normal;-webkit-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);} .lineform span{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; } .lineform select{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#FFF; padding:0px 18px; height:50px; margin-bottom:10px; font-size:1.5rem; line-height:50px; border:1px solid #CCC; font-weight:600;-webkit-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75);box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.75); color:#666;} .required input { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; } .required select { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; } .required label { color: #e94444 !important; } .required .box-select { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; } .required .url-friend .label-url-friend { border-color:#ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; } .required textarea { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; } .label-error { background: url(../img/icon-up.png) no-repeat left center; color: #e94444; font-size: 12px; padding: 2px 0 1px 21px; margin-top: 3px; display: block; } .form-login .label-error { margin-top: 3px; display: block; } .enviar{ background-color: #3e3e3e; padding: 20px 30px; color:#fff; font-size: 2rem; margin-top: 10px; display: inline-block; vertical-align: top; float: right; } .enviar:hover{background-color: #000000; padding: 20px 30px; color:#fff;} .enviando{ background-color: #bcbcbc; padding: 20px 30px; color:#000; font-size: 2rem; margin-top: 10px; display: inline-block; vertical-align: top; float: right; } .lineform3 .has-error { outline: #b94646; color: #b94646; background-color: #ffc8c8; } .lineform3 label{ margin-top:10px; margin-bottom:10px;} .lineform3 input{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#f5f5f5; padding:0px 18px 0 36px; height:50px; margin-bottom:10px; font-size:1.6rem; line-height:30px; font-weight:200;} .lineform3 textarea{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#F3F3F3; padding:10px 18px 0 36px; height:140px; margin-bottom:14px; font-size:1.6rem; line-height:24px; font-weight:200;} .lineform3 span{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; } .lineform3 select{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color:#FFF; padding:0px 18px 0 36px; height:50px; color:#666; margin-bottom:10px; font-size:1.6rem; line-height:50px; border-bottom:1px solid #c2a211; font-weight:200;} .pad-lead{ padding:10px 20px 30px 20px;} .f-usuario{ background:url(../img/f-usuario.png) 10px 13px no-repeat;} .f-empresa{ background:url(../img/f-empresa.png) 10px 14px no-repeat;} .f-funcao{ background:url(../img/f-funcao.png) 10px 14px no-repeat;} .f-mail{ background:url(../img/f-mail.png) 8px 14px no-repeat;} .f-fone{ background:url(../img/f-fone.png) 8px 14px no-repeat;} .f-celular{ background:url(../img/f-celular.png) 8px 14px no-repeat;} .f-local{ background:url(../img/f-local.png) 8px 14px no-repeat;} .f-complemento{ background:url(../img/f-complemento.png) 8px 14px no-repeat;} .f-bairro{ background:url(../img/f-bairro.png) 8px 14px no-repeat;} .f-mail{ background:url(../img/f-mail.png) 8px 14px no-repeat;} .f-estadocidade{ background:url(../img/f-estado-cidade.png) 8px 14px no-repeat;} .f-edicao{ background:url(../img/f-edicao.png) 8px 14px no-repeat;} .f-pass{ background:url(../img/f-pass.png) 8px 14px no-repeat;} .f-date{ background:url(../img/f-date.png) 8px 14px no-repeat;} .f-link{ background:url(../img/f-link.png) 8px 14px no-repeat;} /*========== Personalizações ==========*/ .radius {-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .b-esq {-webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px;} .b-dir{-webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px;} .transition{transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s;} .shadow { box-shadow:5px 3px 12px 1px #666; -moz-box-shadow:5px 3px 12px 1px #666; -webkit-box-shadow:5px 3px 12px 1px #666; } .opacity { filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; } .opacity:hover{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.0; -moz-opacity:1.0; -webkit-opacity:1.0; } .opacity2 { filter:alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; -moz-opacity:0.4; -webkit-opacity:0.4; } .opacity2:hover{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.0; -moz-opacity:1.0; -webkit-opacity:1.0; } /*========== Margins e paddings e outros ==========*/ .padd{} .paddtop{} .margbottom{} .marcador{} .margtop{ margin-top:60px; } /*==============================================*/ /*============== @código padrão ==============*/ /*==============================================*/ .area-topo{ width:100%; padding:0px 0px 0px 0px; } .logo{ padding:7px 0px 8px 4px; float:left;} .area-menu{ width:100%; text-align:right;} .menu-topo{ display:inline-block; vertical-align:top;} .menu-topo ul{ padding:0px 20px 0px 20px;} .menu-topo ul li{ display:inline-block; vertical-align:top; font-weight:400; font-size:1.5rem;} .menu-topo ul li a{ display:inline-block; vertical-align:middle; padding:38px 10px; border-bottom:4px solid #FFF;} .menu-topo ul li a:hover{ color:#CC0000; border-bottom:4px solid #C00;} .menu-mobile{ display:none; vertical-align:top;} .menu-mobile ul{ padding:30px 00px 0px 00px;} .menu-mobile ul li{ display:inline-block; vertical-align:top; padding:0px 10px; font-weight:400; font-size:1.2rem;} .menu-mobile ul li a{ padding:28px 28px 28px 28px;} .menu-mobile ul li a:hover{ color:#CC0000;} .area-btn{ position:relative; display:inline-block; vertical-align:top; background: #e3ae01; background: -moz-linear-gradient(left, #e3ae01 0%, #a89205 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #e3ae01), color-stop(100%, #a89205)); background: -webkit-linear-gradient(left, #e3ae01 0%, #a89205 100%); background: -o-linear-gradient(left, #e3ae01 0%, #a89205 100%); background: -ms-linear-gradient(left, #e3ae01 0%, #a89205 100%); background: linear-gradient(to right, #e3ae01 0%, #a89205 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ae01', endColorstr='#a89205', GradientType=1 );} .area-btn:hover{ color:#FFF; background: #f1c112; background: -moz-linear-gradient(left, #f1c112 0%, #a89205 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f1c112), color-stop(100%, #a89205)); background: -webkit-linear-gradient(left, #f1c112 0%, #a89205 100%); background: -o-linear-gradient(left, #f1c112 0%, #a89205 100%); background: -ms-linear-gradient(left, #f1c112 0%, #a89205 100%); background: linear-gradient(to right, #f1c112 0%, #a89205 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c112', endColorstr='#a89205', GradientType=1 );} .btn-anuncie-topo{ display:block; vertical-align:top; padding:30px 30px 28px 80px; color:#CCC; background:url(../img/icone-anuncio.png) 25px 28px no-repeat; text-align:left; color:#FFF; } .btn-anuncie-topo p{ font-size:1.4rem; color:#FFF;} .btn-anuncie-topo span{ font-size:2.5rem; line-height:24px; font-weight:600; color:#FFF; font-style:italic;} .btn-logado-topo{ display:block; vertical-align:top; padding:30px 30px 28px 80px; color:#CCC; background:url(../img/icone-logado.png) 25px 28px no-repeat; text-align:left; color:#FFF; } .btn-logado-topo p{ font-size:1.4rem; color:#FFF;} .btn-logado-topo span{ font-size:2.5rem; line-height:24px; font-weight:600; color:#FFF; font-style:italic;} .faixa{ position:absolute; width:1000px; height:94px; top:0px; right:-1000px; background-color: #a89205;} .box-consulta{ position:relative; display:block; padding:40px 50px 20px 50px;; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px;-moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background-color:#FFF; margin-top:-60px;-webkit-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);-moz-box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);box-shadow: 0px 7px 20px -6px rgba(0,0,0,0.75);} .titulo-busca{ font-size:2.5rem; color:#c09b05; text-transform:uppercase; text-align:center; font-weight:600; margin-bottom:25px;} .btn-busca{ display:block; line-height:50px; color:#FFF; background-color:#333; font-size:1.8rem; text-align:center; height:50px;} .btn-busca:hover{ background-color:#c4a312; color:#FFF;} .arabesco-esq{ width:76px; height:62px; background:url(../img/arabesco-esq.png) no-repeat left center; position:absolute; top:60px; left:-76px;} .arabesco-dir{ width:76px; height:62px; background:url(../img/arabesco-dir.png) no-repeat left center; position:absolute; top:60px; right:-76px;} .acomplete{ position:relative; z-index:9999;} .itens-acomplete{ width:100%; position:absolute; top:50px; left:0px; background-color:#FFF; -webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.75); box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.75);} .itens-acomplete ul{} .itens-acomplete ul li{ font-size:1.8rem; } .itens-acomplete ul li a{ display:block; vertical-align:top; padding:15px 22px; } .itens-acomplete ul li a:hover{ background-color:#FDFDFD; color:#C90;} .lista-categoria{ padding:40px 0px; text-align:center; position:relative;} .lista-categoria ul{ width:100%; padding:0px 60px;} .lista-categoria ul li{ display:inline-block; padding:0px 10px; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.7; -moz-opacity:0.7; -webkit-opacity:0.7; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s; line-height:16px;} .lista-categoria ul li:hover{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.0; -moz-opacity:1.0; -webkit-opacity:1.0;} .lista-categoria ul li p{ color:#b2910a; font-weight:600;} .lista-categoria ul li a img{ margin:0 auto;} .seta-esq{ position:absolute; top:60px; left:30px; cursor:pointer; width: 0; height: 0; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #a3a3a3 transparent transparent;} .seta-esq:hover{ border-color: transparent #d8ad00 transparent transparent;} .seta-dir{ position:absolute; top:60px; right:30px; cursor:pointer; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #a3a3a3;} .seta-dir:hover{ border-color: transparent transparent transparent #d8ad00;} .linha-divisa{ width:100%; height:1px; background-color:#E1E1E1; margin:45px 0px 20px 0px;} .slick-disabled{ display:none !important;} .titulo1{ display:block; font-size:3.6rem; line-height:30px; color:#b2910a; text-align:center; font-weight:100; text-transform:uppercase;} .span-titulo{ font-weight:bold;} .lista-destaques{ margin-top:50px; text-align:center;} .lista-destaques div{ padding-bottom:10px;} .lista-destaques img{-webkit-box-shadow: 0px 2px 13px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 13px -4px rgba(0,0,0,0.75); box-shadow: 0px 2px 13px -4px rgba(0,0,0,0.75); border:1px solid #FFF;} .lista-destaques div a{-webkit-filter: grayscale(0.5); filter: grayscale(0.5);transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s;} .lista-destaques div a:hover{-webkit-filter: grayscale(0); filter: grayscale(0);} .lista-destaques p{ color:#333333; font-size:2.2rem; line-height:25px; font-weight:600; margin-top:16px; margin-bottom:5px;} .lista-destaques span{ font-size:1.3rem; color:#666; line-height:18px;} .listitem:nth-child(3n){ margin-right:0px !important;} div.listitem2:nth-of-type(3n){ margin-right:0px !important; margin-bottom:20px !important;} .semtop{ margin-top:0px;} .area-chamada{ padding:20px 200px 100px 200px;} .btn-chamada{ display:inline-block; vertical-align:top; padding:25px 100px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; background-color:#F4F4F4; font-size:2.3rem; font-weight:bold; color:#9e8102; text-transform:uppercase;} .btn-chamada:hover{ background-color:#FFF; color:#9e8102;-webkit-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);} .infos-rod p{ display:block; color:#111111; margin-top:20px; font-weight:600; font-size:1.5rem;} .infos-rod ul{ margin-top:10px;} .infos-rod ul li{ display:inline-block; vertical-align:top; padding:2px 6px 2px 0px; line-height:20px;} .infos-rod ul li a:hover{ color:#d2b102;transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s;} .marg-news{ margin-top:30px; margin-bottom:5px;} .campo-news{ padding-left:100px; margin-top:15px; position:relative;} .chek-btn{ position:absolute; top:9px; right:10px;} .imgs-rod{} .imgs-rod ul{} .imgs-rod ul li{ display:inline-block; padding:10px;} .dir-rod{ text-align:right;} .creditos{ font-size:1.1rem;} .creditos p{ padding:2px;} .creditos span{ font-weight:bold;} .padd-rod{ padding:60px 0px 20px 0px;} .lineform-busca{ position: relative; padding:0px 100px;} .closex{ position:absolute; top:4px; right:70px;} .lineform-busca input{ width:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding:0px 0px; margin-bottom:8px; font-size:3rem; font-weight:100;} .mobile{ display:none;} .risca{ border-top: 1px solid #CCC; margin-bottom:50px;} .titulos-internos{ display:block; vertical-align:top; text-align:center; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:3rem; line-height:32px; color:#b2910a; font-weight:100; padding:50px 0px 30px 0px; text-transform:uppercase;} .titulos-internos span{ font-weight:600;} .titulos-internos-esq{ display:block; vertical-align:top; text-align:left; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1.6rem; line-height:25px; color:#333333; font-weight:100; padding:50px 0px 30px 0px; text-transform:uppercase;} .titulos-internos-esq span{ font-weight:600; color:#000;} .titulos-internos-esq i{ font-size:1.2rem; color:#b19a00;} .titulos-internos-esq i a:hover{ color:#b19a00;} .subtitulos-internos{display:block; font-size:2rem; color:#b2910a; font-weight:300; padding:14px 0px; line-height:24px;} .texto-internas{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1.4rem; line-height:24px; color:#333333;} .img-internas{ padding:20px 0px;} .bot-maior{ padding-bottom:50px;} .formc{ padding: 0 0px 50px 0px; margin-top:80px;} .formc-borda{ border:1px solid #CCC;} .infomail{ display:inline-block; margin:0 auto; padding:10px 0 20px 25px; font-size: 20px; line-height: 25px; background:url(../img/icon-email.png) 0px 17px no-repeat; color:#000000; font-weight: bold;} .infofone{ display:inline-block; margin:0 auto; padding:5px 10px 5px 25px; font-size: 17px; line-height: 20px; background:url(../img/f-fone.png) 0px 14px no-repeat; color:#000000; font-weight: bold;} .texto-informacao{display:inline-block; margin:0 auto; padding:2px 0 20px 0px; color:#858585; line-height:20px;} .textmail{ display:block; vertical-align:top; font-size:2rem; margin-bottom:15px;} .btn-envia{ text-align:right; margin-top:20px; margin-bottom:20px;} .btn-envia a{ background-color:#5d5d5d; font-size:2rem; font-weight:100; color:#FFF; padding:10px 30px;} .btn-envia a:hover{ color:#FFF; background-color:#333;} .btn-envia p{ color:#009900; font-size:2.2rem; font-weight:400;} .btn-envia-cadastro{ text-align:center; margin-top:30px;} .btn-envia-cadastro a{ color:#a27b00; background-color:#f8f8f8; padding:25px 10px; font-size:2.5rem; font-weight:400; display:block; vertical-align:top; border:1px solid #F2F2F2;} .btn-envia-cadastro a:hover{ color:#CC0; background-color:#f1f1f1;} .btn-envia-cadastro span{ display:block; vertical-align:top; border:1px solid #F2F2F2; padding:25px 10px;} .formlog{ padding: 0 400px 50px 400px;} .infomais p{ display:block; vertical-align:top; font-size:1.2rem; padding:3px 0px 3px 10px; } .infomais p a{ color:#999;} .infomais p a:hover{ color:#C90;} .btn-envia-log{ text-align:right; padding:5px 10px;} .btn-envia-log a{ color:#977c00; font-size:2.2rem; font-weight:100;} .btn-envia-log a:hover{ color:#CC0;} .formsenha{ padding: 0 200px 50px 200px;} .maps-cadastro{ height:350px;} .titulo-mapa{ color:#7e6500; text-align:left; padding:30px 10px 20px 10px;} .chekok{ position:relative;} .visto{ position:absolute; top:12px; right:10px; width:21px; height:22px; background:url(../img/f-check.png) 0px 1px no-repeat; color:#858585;} .visado{ color:#deb301; !important;} .btn-acessa{ margin-bottom:50px; display:inline-block; font-size:2.5rem; padding:10px 30px 10px 60px; line-height:35px; border:2px solid #999; color:#999999; background-color:#000000; background:url(../img/login.png) 24px 16px no-repeat;} .btn-acessa:hover{ border:2px solid #e3ae01; color:#666666; background:url(../img/login.png) 30px 16px no-repeat;-webkit-box-shadow: 0px 7px 12px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 12px -6px rgba(0,0,0,0.75); box-shadow: 0px 7px 12px -6px rgba(0,0,0,0.75);} .nome-fornecedor{display:block; font-size:4.6rem; line-height:50px; color:#b2910a; text-align:center; font-weight:100; margin-bottom:20px;} .imagens{ padding-bottom:50px;} .area-foto{ display:block; vertical-align:top; position:relative;} .area-foto ul li{} .se-controles{ display:block; vertical-align:top;} .se-e{ position:absolute; top:50%; left:20px; margin-top:-20px; cursor:pointer;} .se-d{ position:absolute; top:50%; right:20px; margin-top:-20px; cursor:pointer;} .se-zoom{ position:absolute; bottom:20px; right:20px;} .se-video{ position:absolute; top:50%; left:50%; margin-left:-64px; margin-top:-64px;} .infos-quant{ position:absolute; bottom:-20px; left:20px; padding:14px 16px; background-color:#FFF; border-left:4px solid #c2a211;-webkit-box-shadow: 0px 9px 11px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 9px 11px -9px rgba(0,0,0,0.75); box-shadow: 0px 9px 11px -9px rgba(0,0,0,0.75); font-size:1.6rem;} .se-film{ background:url(../img/se-film.png) 0px -2px no-repeat; padding:0px 0px 0px 30px;} .se-picture{ background:url(../img/se-picture.png) 0px -2px no-repeat; padding:0px 0px 0px 30px; margin-left:10px;} .box-lead{ width:100%; background-color:#FFF; border:1px solid #CCC;-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);} .tit-box-lead{ display:block; vertical-align:top; padding:20px 10px; background-color:#f8f8f8; font-size:2rem; text-align:center; border:2px solid #FFF; text-transform:uppercase; color:#666; line-height:22px;} .i-area-btns{ padding:0px 00px; margin-bottom:20px; text-align:center;} .i-tel{ background:url(../img/telefone-fornecedor.png) 26px 16px no-repeat; padding:10px 30px 10px 60px; background-color:#ceaa05; color:#FFF; font-size:2.5rem; border-bottom:4px solid #b19100; margin:5px; line-height:70px; } .i-site{ background:url(../img/site-fornecedor.png) 25px 17px no-repeat; margin:5px; padding:10px 30px 10px 60px; background-color:#5e5e5e; color:#FFF; font-size:2.5rem; border-bottom:4px solid #4a4a4a; line-height:70px; } .i-tel:hover{ background-color:#e3ba01; color:#FFF;} .i-site:hover{ background-color:#333333; color:#FFF;} .mostra-fone{ color:#c90; font-size:2.5rem; padding:0px 20px;} .detalhe-infor{ width:100%; padding:20px 10px;} .titulo-infor{ display:block; vertical-align:top; font-size:2.2rem; color:#C90; font-weight:600; padding:10px 0px 10px 30px;} .o-det{ background:url(../img/infor-det.png) 0px 4px no-repeat;} .o-info{ background:url(../img/infor-info.png) 0px 4px no-repeat;} .o-local{ background:url(../img/infor-locarion.png) 0px 4px no-repeat;} .texto-infor{ font-size:1.5rem; line-height:24px; padding-top:10px; margin-bottom:20px;} .esconde-texto{ height:130px; overflow:hidden;} .itemclick{ position:relative;} .barra-transp{ width:100%; position:absolute; bottom:0px; left:0px; min-height:91px; background:url(../img/barra-transp.png)center top repeat-x; } .barra-transp a{ padding:8px 10px; margin-top:60px; float:right; margin-right:20px; font-weight:600; border:1px solid #999; display:inline-block;} .barra-transp a:hover{ border:1px solid #C90; color:#C90;} .padleft{ padding:0px 10px;} .titulo-duvida{ display:block; vertical-align:top; background-color:#FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; line-height:25px; color:#999999; padding:15px 20px 15px 20px; border-bottom:1px solid #CC9900;} .titulo-duvida:hover{ background-color:#FFFFFF; color:#000000; border-bottom:3px solid #CC9900; padding:15px 20px 13px 20px;} .titulo-duvida.active{ background-color:#b59d00; color:#FFFFFF; border-bottom:3px solid #CC9900; padding:15px 20px 13px 20px;} .pad { padding: 25px 20px 40px;} .pad a{ color:#666666;} .pad a:hover{ color:#976f00;} .duvidas-respostas{ color: #565656; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;} .box-infos-faq{border:1px solid #CC9900; padding:20px 20px; margin-top:30px;} .a{ position:relative;} .a-ok{ position:absolute; top:0px; left:10px; color:#C30; font-size:1.2rem !important;} .seletor{ width:14px; height:14px; display:inline-block; vertical-align:top; background-color:#CCC;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px; margin:0px 4px;} .seletor:hover{ background-color:#333;} .margseletor{ display:block; vertical-align:top; margin-top:20px;} .justify{ text-align: justify; } .marg-foto{ padding: 10px 0px; } .marg-transp{ padding: 20px 0px; } .olass{ font-size: 3rem; color: #000; padding: 50px } .olass p{ font-size:2.5rem; color: #000; } /*==============================================*/ /*========== @Medias em resoluções ===========*/ /*==============================================*/ @media all and (max-width:1300px){ } @media all and (max-width:1200px){ .area-chamada{ padding:20px 100px 100px 100px;} #buscas { padding: 0px 100px;} .faixa{ display:none;} .formlog{ padding: 0 300px 50px 300px;} #cont-interno{ width:100%; padding:0px 100px;} #cont-interno2{ width:100%; padding:0px 50px;} } @media all and (max-width:1100px){ #buscas { padding: 0px 90px;} .btn-anuncie-topo{ padding: 30px 20px 30px 60px; background:none; background:url(../img/icone-anuncio3.png) 19px 24px no-repeat;} .btn-anuncie-topo p{ display:none; } .btn-anuncie-topo span{ font-size:1.8rem; line-height:20px; font-style:normal;} .btn-anuncie-topo span i{ display:none;} .btn-logado-topo{ padding: 30px 20px 30px 60px; background:none; background:url(../img/icone-logado3.png) 19px 24px no-repeat;} .btn-logado-topo p{ display:none; } .btn-logado-topo span{ font-size:1.8rem; line-height:20px; font-style:normal;} .btn-logado-topo span i{ display:none;} .logo{ width:190px;} .menu-topo ul{} .formlog{ padding: 0 180px 50px 180px;} } @media all and (max-width:1000px){ .area-chamada{ padding:20px 50px 100px 50px;} .formc{ padding: 0 50px 50px 50px;} #cont-interno2{ width:100%; padding:0px 50px;} } @media all and (max-width:960px){ .area-chamada{ padding:20px 20px 100px 20px;} .margtop{ margin-top:40px;} .lista-destaques div { padding-bottom: 40px;} .titulo-busca{ font-size:2rem;} h2{ font-size:2.5rem; color:#c09b05; text-transform:uppercase; text-align:center; font-weight:600; margin-bottom:25px;} .box-consulta{ padding:30px 30px 30px 30px;} .lineform input { margin-bottom: 10px;} .formlog{ padding: 0 160px 50px 160px;} .formsenha{ padding: 0 150px 50px 150px;} .formc{ margin-top:40px;} #cont-interno{ width:100%; padding:0px 50px;} .box-lead{ margin-top:50px;} .padleft{ padding:0px 30px;} .maps-cadastro{ height:300px;} #sou{ padding:40px 20px 50px 20px;} .area-btns-chamada{ position:fixed; top:25%; right:0px !important; z-index:9999;} .fone-chamada{-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; border-top-right-radius: 0px; padding:12px 0px 8px 4px;} .email-chamada{-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px; padding:10px 0px 10px 4px;} } @media all and (max-width:800px){ .subtitulos2 { padding: 10px 0px 30px 0px; font-size: 1.6rem;} .titulo-busca { line-height:24px; margin-bottom:15px;} h2{ font-size:2.5rem; color:#c09b05; text-transform:uppercase; text-align:center; font-weight:600; margin-bottom:25px;} #buscas{ width:100%; padding:0px 60px;} .lineform-busca input{ font-size:2.5rem;} #abre-menu{ padding:28px 0px 18px 0px;} .closex{ position:absolute; top:0px; right:70px;} .lineform-busca{ padding:0px 80px;} .formlog{ padding: 0 120px 50px 120px;} .formsenha{ padding: 0 100px 50px 100px;} } @media all and (max-width:720px){ .logo { padding: 10px 0px 0px 0px; float: none !important; margin: 0 auto;} .menu-topo ul li a{ display:inline-block; vertical-align:middle; padding:20px 10px 20px 10px; border-bottom:4px solid #FFF; font-weight: bold;} .menu-topo ul li a:hover{ color:#CC0000; border-bottom:4px solid #C00;} .dir-rod{ margin-top:40px; text-align:left;} .campo-news{ text-align:left; padding-left:0px;} .titulo1 { font-size: 3.0rem;} .area-menu{ text-align: center; } .menu-mobile{ display:none; vertical-align:top;} .menu-mobile ul{ padding:0px 00px 0px 00px;} .menu-mobile ul li{ display:inline-block; padding:0px 0px; font-weight:600; font-size:1.4rem; line-height:22px;} .menu-mobile ul li a{ padding:29px 28px 28px 28px; color:#333333; background-color:#f5f5f5; line-height:22px; } .menu-mobile ul li a:hover{color:#CC0000; background-color:#FCFCFC;} .arabesco-esq{ top:120px;} .arabesco-dir{ top:120px; } .lineform-busca{ padding:0px 70px;} .lineform-busca input{ font-size:2.0rem; margin-bottom:18px;} #abre-menu{ padding:0px 0px 0px 0px;} .closex{ position:absolute; top:3px; right:50px; display:none;} .closex img{ width:70%;} .mobile{ display:block;} .mobile ul{ background-color:#FBFBFB;} .mobile ul li a{ display:block; vertical-align:top; padding:18px 70px; font-size:1.8rem; text-transform:uppercase; border-bottom:1px solid #F4F4F4;} .mobile ul li a:hover{ background-color:#FFF; color:#CC0000;} .padbot{ padding-bottom:26px;} .bot-maior{ padding-bottom:30px;} .formc{ padding: 0 30px 50px 30px; margin-top:40px;} .titulos-internos-esq{ padding:30px 0px 20px 0px;} .formlog{ padding: 0 90px 50px 90px;} #cont-interno2{ width:100%; padding:0px 30px;} #cont-interno{ width:100%; padding:70px 10px 0px 10px;} .maps-cadastro{ height:250px;} .area-btns-chamada{ top:28%; } #dnone{ display: none; } } @media all and (max-width:600px){ .btn-chamada{font-size: 2.0rem; padding: 25px 50px;} .formlog{ padding: 0 100px 50px 100px;} .formsenha{ padding: 0 50px 50px 50px;} .i-tel{ display:block; vertical-align:top; background-image:none;padding:5px 30px 5px 30px;} .i-site{ display:block; vertical-align:top; background-image:none;padding:5px 30px 5px 30px;} .mostra-fone{ color:#c90; font-size:2.5rem; padding:20px 0px; display:block; vertical-align:top;} } @media all and (max-width:560px){ .centra{ text-align:center;} .dir-rod{ text-align:center;} .titulos2 { font-size: 2.5rem; line-height: 30px;} #buscas { width: 100%; padding: 0px 30px;} .lineform-busca{ padding:0px 40px;} .closex{ position:absolute; top:3px; right:30px;} .mobile ul li a{ padding:18px 40px;} .formlog{ padding: 0 80px 50px 80px;} } @media all and (max-width:480px){ .subtitulos2 { padding: 10px 0px 15px 0px;} .btn-chamada{font-size: 1.8rem; padding: 25px 25px;} .logo { width: 150px; padding: 12px 0px 0px 0px !important;} .menu-mobile ul li {font-size: 1.2rem;} .menu-mobile ul li a { padding: 20px 20px 20px 20px;} .btn-anuncie-topo { padding: 20px 15px 20px 37px; background: none; background: url(../img/icone-anuncio2.png) 11px 21px no-repeat; line-height: 22px;} .btn-anuncie-topo span { font-size:1.6rem;} .btn-logado-topo { padding: 20px 15px 20px 37px; background: none; background: url(../img/icone-logado2.png) 11px 21px no-repeat; line-height: 22px;} .btn-logado-topo span { font-size:1.6rem;} .menu-mobile ul li a{ padding:20px 18px 20px 18px;} #buscas { width: 100%; padding: 0px 15px;} .lineform input { margin-bottom: 7px;} .lista-destaques div { padding-bottom: 30px;} .lista-destaques { margin-top: 30px; text-align: center;} .lista-categoria { padding: 40px 0px 20px 0px; text-align: center; position: relative;} #abre-menu { padding: 18px 0px 0px 0px;} .closex{ position:absolute; top:3px; right:20px;} .closex img{ width:65%;} .lineform-busca{ padding:0px 30px;} .mobile ul li a{ padding:18px 30px;} .formc{ padding: 0 10px 30px 10px;} .btn-envia{ margin-bottom:30px;} .semtop{ margin-top:0px !important;} .formlog{ padding: 0 40px 50px 40px;} .btn-envia-log{ text-align:right;} #cont-interno2 { width: 100%; padding: 0px 20px;} .formc { padding:0px 30px 30px 30px; margin-top:30px;} .maps-cadastro{ height:200px;} .se-e{ position:absolute; top:50%; left:20px; margin-top:-20px;} .se-d{ position:absolute; top:50%; right:20px; margin-top:-20px;} #banner { padding:0px 0px; margin-top:115px;} .area-btns-chamada{ position:fixed; text-align:center; width:100%; bottom:0px; left:0px; top:auto; z-index:9999;} .fone-chamada{ width:50%; float:left; padding:13px 0px 10px 0px; display:inline-block; vertical-align:top; background-color:#C00; color:#FFF; font-weight:600; font-size:1.8rem; line-height:20px; text-align:center; margin:0px; -webkit-border-top-left-radius: 00px; -webkit-border-top-right-radius: 00px; -webkit-border-bottom-right-radius: 00px; -webkit-border-bottom-left-radius: 00px; -moz-border-radius-topleft: 00px; -moz-border-radius-topright: 00px; -moz-border-radius-bottomright: 00px; -moz-border-radius-bottomleft: 00px; border-top-left-radius: 00px; border-top-right-radius: 00px; border-bottom-right-radius: 00px; border-bottom-left-radius: 00px; } .email-chamada{ width:50%; padding:13px 0px 10px 0px; display:inline-block; vertical-align:top; background-color:#666; color:#FFF; font-weight:600; font-size:1.8rem; line-height:20px; text-align:center; margin:0px; -webkit-border-top-left-radius: 00px; -webkit-border-top-right-radius: 00px; -webkit-border-bottom-right-radius: 00px; -webkit-border-bottom-left-radius: 00px; -moz-border-radius-topleft: 00px; -moz-border-radius-topright: 00px; -moz-border-radius-bottomright: 00px; -moz-border-radius-bottomleft: 00px; border-top-left-radius: 00px; border-top-right-radius: 00px; border-bottom-right-radius: 00px; border-bottom-left-radius: 00px; } .fone-chamada img{ display:inline-block; vertical-align:top; width:12%; margin-top:5px;} .email-chamada img{ display:inline-block; vertical-align:top; width:12%; margin-top:5px;} .fone-chamada p{ display:inline-block; vertical-align:top; margin-top:1px; padding:6px 2px;} .email-chamada p{ display:inline-block; vertical-align:top; margin-top:1px; padding:6px 2px;} .creditos{ padding-bottom:100px;} #rodape { padding: 200px 20px 10px 20px;} .infomail{ font-size: 15px; } #quem-somos { width: 100%; padding: 40px 20px 50px 20px; } #contato { width: 100%; padding: 40px 20px 50px 20px; } #localizacao { width: 100%; padding: 40px 0px 50px 0px; } .menu-topo ul li { font-size: 1.4rem; font-weight: bold; } .titulos3 { color:#171717; font-size:2.5rem; line-height:30px; } #destaque2{ width:100%; padding:50px 20px 0px 20px !important;} .enviar{ float: none; display: block; } } @media all and (max-width:380px){ .margtop{ margin-top:20px;} .btn-chamada { font-size: 1.8rem; padding: 20px 25px;} .btn-anuncie-topo { padding: 20px 15px 20px 15px; background: none; background: none; line-height: 22px;} .btn-anuncie-topo span { font-size:1.5rem;} .btn-logado-topo { padding: 20px 15px 20px 15px; background: none; background: none; line-height: 22px;} .btn-logado-topo span { font-size:1.5rem;} .formlog{ padding: 0 20px 50px 20px;} .formc { padding:0px 20px 30px 20px;} .titulos-internos{ padding: 40px 0px 10px 0px;} } .menu-topo ul li { font-size: 1.3rem; } @media all and (max-width:360px){ .lineform-busca input{ font-size:1.6rem; font-weight:400;} .closex{ position:absolute; top:3px; right:10px;} .closex img{ width:55%;} .lineform-busca{ padding:0px 25px;} .mobile ul li a{ padding:18px 25px; font-size:1.6rem;} } @media all and (max-width:330px){ } @media all and (max-width:310px){ } /*========== Print ==========*/ @media print { header, footer { display:none } }