@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');




/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Ubuntu', Arial, sans-serif; }

a { color:#2457a0; text-decoration:underline; }
a:hover { color:#c12749; }
input, button, textarea, select { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }

body { color:#4d4d4d; font-size:14px; font-family: Arial, Helvetica, sans-serif; background:#FFF; }
#tudo { float:left; width:100%; }
.center { position:relative; width:1000px; margin:0 auto; }


/* TOPO */
.topo { float:left; width:100%; }
.topo .logo { float:left; margin-right:70px; }
.topo .logo a { width:200px; height:150px; display:block; background:url(imagens/logo.png) 0 0 no-repeat; text-indent:-9999px; }
.topo .tel { float:left; margin:60px 70px 0 0; font-family: 'Ubuntu', Arial, sans-serif; }
.topo .tel .nome { color:#878787; font-size:16px; text-align:right; }
.topo .tel .num { color:#7caf24; font-size:25px; text-align:right;  }
.topo .busca { float:left; width:225px; margin-top:60px; }
.topo .busca .cxBusca { float:left; width:160px; height:40px; line-height:40px; padding:0 10px; border:1px #a3c16b solid; border-radius:8px 0 0 8px; background:#f2f2f2;  }
.topo .busca .cxBusca:focus { background:#fffae7; }
.topo .busca .botaoBuscar { float:left; width:42px; height:42px; background:#a3c16b url(imagens/lupa.png) center no-repeat; cursor:pointer; border-radius:0 8px 8px 0; }
.topo .busca .botaoBuscar:hover { background:#8bb734 url(imagens/lupa.png) center no-repeat;; }

/* MENU */
.menuPrincipal { position:relative; float:left; width:100%; height:65px; background:#7caf24; border-bottom:2px #FFF solid; }
.menu { float:left; font-family: 'Ubuntu', Arial, sans-serif; font-size:14px; }
.menu li { float:left; height:65px; line-height:65px; }
.menu li a { color:#FFF; padding:0 33px; display:block; text-decoration:none; }
.menu li a.prod { background:#a3c16b }
.menu li a.nov { background:#d35050; }
.menu li a:hover { background:#8bb734; }

/* VITRINE */
.vitrine { float:left; width:100%; height:500px; margin:0 auto; }
.vitrine.banner { height:250px; }

/* CONTEUDO */
.conteudo { width:1000px; margin:50px auto; }
.conteudo.margin25 { margin:25px auto; }

.destaques { float:left; width:1000px; margin-bottom:70px; }
.destaques h2 { color:#7caf24; font-size:25px; margin-bottom:25px; }
.destaques h2 strong { font-weight:500; }
.destaques .destaque { float:left; width:498px; height:402px; cursor:pointer; }
.destaques .destaque .titulo { float:left; padding:20px; position:relative; background:url(imagens/transDestaque.png); margin-top:-100px; }
.destaques .destaque .titulo h3 a { font-size:25px; color:#FFF; text-decoration:none; text-transform:uppercase; }
.destaques .destaque.mini { width:249px; height:200px; margin:0 0 2px 2px; }
.destaques .destaque.mini .titulo { float:left; padding:13px; position:relative; background:url(imagens/transDestaque.png); margin-top:-55px; }
.destaques .destaque.mini .titulo h3 a { font-size:13px; color:#FFF; text-decoration:none; }

.produtos { float:left; width:1000px; margin-bottom:70px; }
.produtos h1 { color:#7caf24; font-size:25px; margin-bottom:25px; text-transform:uppercase; }
.produtos h1 strong { font-weight:500; }
.produtos h1.detalhes { font-size:35px; margin-bottom:10px; }
.produtos h2 { color:#999; font-size:20px; margin-bottom:10px; }
.produtos .produto { float:left; width:244px; height:330px; background:#f1f5e5; border:1px #FFF solid; margin:0 4px 4px 0; }
.produtos .produto:hover { border:1px #7caf24 solid; cursor:pointer; }
.produtos .produto .dados { float:left; padding:15px; }
.produtos .produto .dados h2 a { font-size:17px; font-weight:500; text-decoration:none; color:#4d4d4d; text-transform:uppercase; }
.produtos .produto .dados h2 a:hover { text-decoration:underline; }
.produtos .produto .dados p { color:#999; font-size:13px; }

.produtos .icones { float:left; height:25px; line-height:25px; padding-right:20px; margin:30px 20px 35px 0; border-right:1px #CCC solid; }
.produtos .icones.border0 { border-right:0; }
.produtos .icones img { float:left; margin-right:7px; }
.produtos .icones a { color:#999; text-decoration:none; }
.produtos .icones a:hover { color:#7caf24; text-decoration:underline; }

.produtos .fotos { float:left; width:1000px; margin-bottom:70px; }
.produtos .fotos .foto { float:left; margin:0 2px 2px 0; }
.produtos .fotos .foto .ref { float:left; position:absolute; margin-top:-35px; padding:4px 10px; font-size:11px; color:#d9eab7; background:url(imagens/transDestaque.png); }

.produtos .info { float:left; width:1000px; margin-bottom:70px; text-align:justify; }
.produtos .info .videoDestaque { float:right; width:400px; margin:0 0 10px 40px; }
.produtos .info .videos { float:left; width:1000px; display:none; }
.produtos .info .videos .video { float:left; width:300px; height:169px; margin:0 50px 30px 0; }
.produtos .info .videos .video.margin0 { margin-right:0; }

.produtos .orcamento { float:left; width:1000px; margin-bottom:70px; }
.produtos .orcamento .cotacao { float:left; width:928px; padding:35px; border:1px #CCC solid; margin-top:30px; }
.produtos .orcamento .cotacao .imgCroqui { float:left; background:#f1f5e5; margin:10px 10px 30px 0; border:1px #cbcec1 solid; cursor:pointer; }
.produtos .orcamento .cotacao .imgCroqui .dados { padding:15px; text-align:center; }
.produtos .orcamento .cotacao .imgCroqui .dados p { color:#999; font-size:13px; margin-bottom:5px; text-transform:uppercase; }
.produtos .orcamento .cotacao .caixa { float:left; width:100%; padding:10px; border:1px #CCC solid; background:#f0f0f0; margin:5px 0 15px 0; }
.produtos .orcamento .cotacao .caixa.medio { width:50%; margin-right:10px; }
.produtos .orcamento .cotacao .caixa.menor { width:30%; margin-right:10px; }
.produtos .orcamento .cotacao .caixa.cm { width:50px; margin-right:10px; }
.produtos .orcamento .cotacao .caixa.msg { height:90px }
.produtos .orcamento .msgEnvio { float:left; width:730px; color:#7caf24; border:1px #7caf24 solid; padding:20px; margin-top:20px }
.produtos .orcamento .msgEnvio.erro { color:#d35050; border:1px #d35050 solid; }
.produtos .orcamento .msgEnvio .nome { font-size:20px; margin-bottom:7px; }

.tituloSeparador { float:left; width:100%; height:50px; line-height:50px; color:#7caf24; font-size:20px; text-transform:uppercase; }
.tituloSeparador h3 strong { font-weight:500; }
.tituloSeparador.cinza { color:#4d4d4d; }

.caminho { float:left; width:1000px; margin-bottom:30px; padding-bottom:25px; border-bottom:1px #EBEBEB solid; }
.caminho .migalhas { float:left; }
.caminho .paginaAnterior { float:right; }

.novidades { float:left; width:1000px; margin-bottom:70px; }
.novidades h1 { color:#d35050; font-size:35px; margin-bottom:10px; text-transform:uppercase; }
.novidades h2 { color:#999; font-size:20px; }
.novidades .titulo { float:left; width:358px; margin-top:60px; }
.novidades .titulo.cemPor { width:100%; margin-top:0; }
.novidades .titulo h1 { color:#d35050; font-size:25px; margin-bottom:5px; }
.novidades .titulo h2 { color:#d35050; font-size:25px; margin-bottom:5px; }
.novidades .titulo h1 strong { font-weight:500; }
.novidades .titulo h2 strong { font-weight:500; }
.novidades .titulo p { margin-left:35px; font-size:16px; }
.novidades .novDestaque { float:left; width:190px; height:190px; background:#d35050; border-radius:50%; margin-left:20px; border:2px #d35050 solid; }
.novidades .novDestaque img { width:190px; height:190px; border-radius:50%; position:relative; z-index:999;  }
.novidades .novDestaque img:hover { opacity:0.1; filter: alpha(opacity=100); }
.novidades .novDestaque .desc { padding:0 15px; position:relative; text-align:center; margin-top:-130px; color:#FFF; }


.novidades .novidade { float:left; width:475px; margin:70px 50px 0 0; }
.novidades .novidade.margin0 { margin-right:0; }
.novidades .novidade img { float:left; width:190px; height:190px; border:2px #d35050 solid; border-radius:50%; margin-right:20px; }
.novidades .novidade .dados { float:left; width:260px; margin-top:30px; }
.novidades .novidade .dados h2 a { font-size:17px; font-weight:500; text-decoration:none; color:#4d4d4d; text-transform:uppercase; }
.novidades .novidade .dados h2 a:hover { text-decoration:underline; }
.novidades .novidade .dados p { color:#999; font-size:13px; }

.novidades .info { float:left; width:1000px; text-align:justify; margin-top:40px; }
.novidades .info img { float:left; margin:0 20px 10px 0; }
.novidades .info .videoDestaque { float:right; width:480px; margin:0 0 20px 0; }

.blog { float:left; width:1000px; margin-bottom:70px; }
.blog h1 { color:#7caf24; font-size:25px; margin-bottom:25px; text-transform:uppercase; }
.blog h1 strong { font-weight:500; }
.blog h1.detalhes { font-size:35px; margin-bottom:10px; }
.blog h2 { color:#999; font-size:20px; }
.blog .lista { float:left; width:494px; height:600px; margin:2px; background:#f1f5e5; border:1px #FFF solid; }
.blog .lista:hover { border:1px #7caf24 solid; cursor:pointer; }
.blog .lista.mini { width:244px; height:400px; }
.blog .lista.right { float:right; }

.blog .lista .dados { float:left; padding:15px; }
.blog .lista .dados h2 a { font-size:17px; font-weight:500; text-decoration:none; color:#4d4d4d; text-transform:uppercase; }
.blog .lista .dados h2.maior a { font-size:23px; }
.blog .lista .dados h2 a:hover { text-decoration:underline; }
.blog .lista .dados p { color:#999; font-size:13px; }
.blog .lista .dados p.maior { font-size:16px; }
.blog .lista .dados .comentario { height:25px; line-height:25px; background:url(imagens/icoComen.png) no-repeat; padding-left:30px; margin:15px 0; }
.blog .lista .dados .comentario .saibaMais { float:right; }

.blog .icones { float:left; height:25px; line-height:25px; padding-right:20px; margin:30px 20px 35px 0; }
.blog .icones img { float:left; margin-right:7px; }
.blog .icones a { color:#999; text-decoration:none; }
.blog .icones a:hover { color:#7caf24; text-decoration:underline; }

.blog .info { float:left; width:1000px; text-align:justify; margin-bottom:70px; }
.blog .info img { float:left; margin:0 20px 10px 0; }
.blog .info .videoDestaque { float:right; width:480px; margin:0 0 20px 0; }

.blog .comentarios { float:left; width:1000px; margin-bottom:70px; }
.blog .comentarios .caixa { float:left; width:100%; padding:10px; border:1px #CCC solid; background:#f0f0f0; margin:5px 0 15px 0; }
.blog .comentarios .caixa.menor { width:30%; margin-right:10px; }
.blog .comentarios .caixa.msg { height:90px }
.blog .comentarios hr { height:1px; background:#EBEBEB; margin:40px 0; }
.blog .comentarios .comentario { float:left; width:956px; padding:20px; border:1px #EBEBEB solid; border-left:4px #7caf24 solid; margin-top:40px; }
.blog .comentarios .comentario .nome { font-size:22px; margin-bottom:7px; }
.blog .comentarios .msgEnvio { float:left; width:730px; color:#7caf24; border:1px #7caf24 solid; padding:20px; margin-bottom:20px; }
.blog .comentarios .msgEnvio.erro { color:#d35050; border:1px #d35050 solid; }
.blog .comentarios .msgEnvio .nome { font-size:20px; margin-bottom:7px; }

.default { float:left; width:1000px; margin-bottom:70px; }
.default h1 { color:#7caf24; font-size:25px; margin-bottom:10px; text-transform:uppercase; }
.default h1 strong { font-weight:500; }
.default h2 { color:#999; font-size:20px; margin-bottom:10px; }
.default li a { line-height:25px; }
.default hr { height:1px; background:#EBEBEB; margin:40px 0; }
.default p { line-height:170% }

.default .icones { float:left; height:25px; line-height:25px; padding-right:20px; margin:0 15px 35px 0;  }
.default .icones img { float:left; margin-right:7px; }
.default .icones a { color:#999; text-decoration:none; }
.default .icones a:hover { color:#7caf24; text-decoration:underline; }

.default .empresa { float:left; width:956px; padding:20px; border:1px #EBEBEB solid; border-left:4px #7caf24 solid; margin-top:60px; text-align:justify; }
.default .empresa.margin0 { margin-top:0; }
.default .empresa h3 { color:#7caf24; font-size:25px; margin-bottom:10px; text-transform:uppercase; }
.default .empresa h3.espaco { margin-top:30px; }

.default .form { float:left; width:700px; padding:35px; border:1px #CCC solid; margin-top:30px; }
.default .form .caixa { float:left; width:680px; padding:10px; border:1px #CCC solid; background:#f0f0f0; margin:5px 0 15px 0; }
.default .form .caixa.medio { width:62%; }
.default .form .caixa.menor { width:30%; margin-right:10px; }
.default .form .caixa.msg { height:90px }

.default .msgEnvio { float:left; width:730px; color:#7caf24; border:1px #7caf24 solid; padding:20px; margin-top:20px }
.default .msgEnvio.erro { color:#d35050; border:1px #d35050 solid; }
.default .msgEnvio .nome { font-size:20px; margin-bottom:7px; }

.default .videos { float:left; width:1000px; }
.default .videos .video { float:left; width:300px; height:260px; margin:0 50px 30px 0; }
.default .videos .video .dados { float:left; padding:10px; }
.default .videos .video .dados h3 { font-size:17px; font-weight:500; color:#4d4d4d; }
.default .videos .video .dados p { font-size:13px; color:#999; }
.default .videos .video.margin0 { margin-right:0; }

.default .cidades { float:left; width:300px; }
.default .cidades li { line-height:170%  }

.buscaRapida { float:left; width:950px; padding:25px; border:1px #EBEBEB solid; border-bottom:0; }
.buscaRapida img { float:left; width:70px; margin-right:20px; }
.buscaRapida img.detalhe { width:550px; margin-right:40px; }
.buscaRapida h2 a { font-size:17px; text-decoration:none; color:#4d4d4d; text-transform:uppercase; }
.buscaRapida h2 a strong { font-weight:500; }
.buscaRapida h2 a:hover { text-decoration:underline; }
.buscaRapida a.prod { color:#FFF; background:#7caf24; font-size:10px; padding:3px 8px; border-radius:10px; text-decoration:none; }
.buscaRapida a.nov { color:#FFF; background:#d35050; font-size:10px; padding:3px 8px; border-radius:10px; text-decoration:none; }
.buscaRapida a.blo { color:#FFF; background:#a3c16b; font-size:10px; padding:3px 8px; border-radius:10px; text-decoration:none; }
.buscaRapida a.cinza { color:#FFF; background:#999; font-size:10px; padding:3px 8px; border-radius:10px; text-decoration:none; }
.buscaRapida p { color:#999; font-size:13px; margin:15px 0; }





.midias { float:left; width:270px; padding:25px; background:#2c8db5; margin-bottom:70px; }
.midias h4 { color:#FFF; font-size:25px; margin-bottom:8px; }
.midias h4 strong { font-weight:500; }
.midias p { margin:0 0 20px 45px; font-size:16px; color:#FFF; }
.midias .midia { float:left; width:60px; height:60px; background:#3ea6c6; margin-left:15px; border-radius:50%; }
.midias .midia img { border-radius:50%; }
.midias .midia.marginleft { margin-left:45px; }
.midias .midia:hover { background:#277698; }

.sobre { float:right; width:580px; padding:25px; background:#eaefd8; margin-bottom:70px; }
.sobre h4 { color:#7f7f7f; font-size:25px; margin-bottom:8px; }
.sobre .imgFachada { float:right; border:2px #FFFFFF solid; }
.sobre li { margin-left:38px; padding-bottom:5px; }

/* RODAPÉ */
.rodape { float:left; width:100%; background:#efefef; padding:55px 0; }
.rodape .bloco { float:left; width:200px; margin-right:50px; }
.rodape .bloco.strong { font-weight:500; }
.rodape .bloco.width250 { width:250px; }
.rodape .bloco.margin0 { margin:0 }
.rodape .bloco h5 { color:#494949; font-size:19px; font-weight:700; margin-bottom:20px; }
.rodape .bloco hr { height:1px; background-color:#dddddd; margin:8px 0; }
.rodape .bloco a { color:#494949; text-decoration:none; }
.rodape .bloco a:hover { color:#c12749; }

.direitos { float:left; width:100%; padding:20px 0; font-size:13px; margin-bottom:40px; }
.direitos a.assinatura { font-style:italic; font-weight:700; color:#4d4d4d; }
.direitos a.prod { float:right; color:#FFF; background:#7caf24; font-size:12px; padding:3px 15px; border-radius:10px; text-decoration:none; }

/* DIVERSOS */
.clearBoth { clear:both; }
.floatRight { float:right; }
.fontSize20 { font-size:20px; }



/* COLOR */
.color666 { color:#666; }


/* BOTÕES */
.btn { float:left; padding:10px 12px; background:#f48120; border:1px #f48120 solid; color:#FFF; cursor:pointer; }
.btn:hover { background:#7caf24; border:1px #7caf24 solid; }