/* -----------------------------------*/
/* -------------- reset --------------*/
/* -----------------------------------*/
html, body, div, span, applet, object, iframe, 
p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins,img, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%;vertical-align:baseline;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;line-height:1.4;}
body{line-height:1; font-family: 'Open Sans', sans-serif; font-size:14px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
a:active{ext-decoration:none}
input, textarea, select{font-family: 'Open Sans', sans-serif; font-size:14px;}
input[type="radio"]{border:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
img{vertical-align:middle}
textarea{resize:none;}
.extend{clear:both;height:0;line-height:0;width:0;font-size:0px;}
.left{text-align:left;}
.right{text-align:right}
.center{text-align:center}
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.just{text-align:justify}
/* -----------------------------------*/
/* ----------- Tipografia ------------*/
/* -----------------------------------*/
body {font-family: 'Open Sans', sans-serif;background:url(../imagens/bg_body.png);}
.texto, .texto a {font-family: 'Open Sans', sans-serif;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-family: 'Open Sans', sans-serif;}
/* -----------------------------------*/
/* -------------- Global -------------*/
/* -----------------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; line-height: 1.2;font-weight:normal}
dl, menu, ol, ul {margin:0; padding:0}
p, pre {margin: 0}
a {transition: 0.2s all;}
a:hover {transition:0.2s all; text-decoration:none}
.container {max-width:980px; margin: auto}
.bg-parallax{width: 100%; min-height: 100%; height: 100%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
.texto{padding:40px 0;}
.texto, .texto a {line-height: 1.6; font-size: 14px;color:#2B3D46}
.texto a {text-decoration:underline;}
.texto b {font-weight:700;}
.texto h2,
.texto h3 {font-size:16px;padding:8px 0 15px;color:#B14345;font-weight:800}
.texto h2 {font-size:24px;}
.texto ul, .texto ol {padding:0 0 0 22px !important; display:table}
.texto p {padding:0 0 20px 0}
.texto img{max-width:100%;height:auto !important}
.wrap{padding:50px 0}
.btn{display:inline-block;padding:10px 12px;color:#2D393F;font-weight:bold;background:#FFBF47;font-size:12px;text-transform:uppercase}
.btn:hover{color:#FFBF47;background:#2D393F;}
.video-responsivo {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.video-responsivo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#paginacao{text-align:center;padding:15px 0 15px 0;border-top:1px solid #C7C7CC;}
#paginacao a{display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px 0 3px;font-size:14px;vertical-align:middle !important;border-radius:50px;color:#2B3D46;text-decoration:none !important;cursor:default;}
#paginacao a.pgAnt, #paginacao a.pgPro{color:#999}
#paginacao a.pgItem{cursor:pointer;border:1px solid #adafb2;color:#2B3D46;}
#paginacao a.pgItem:hover,
#paginacao a.pgAtual{background:#ffbf47}
.wrap{padding:50px 0;}
h1.tit{font-size:32px;font-weight:800;color:#2B3D46;text-transform:uppercase}
h1.tit span{font-size:18px;font-weight:normal;color:#757779;}
h2.tit{font-size:32px;font-weight:800;color:#2B3D46;text-transform:uppercase}
h2.tit span{font-size:18px;font-weight:normal;color:#757779;}
/* -----------------------------------*/
/* ----------- cabecalho -------------*/
/* -----------------------------------*/
#cabecalho{background:#FFF;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); z-index: 9; position: relative;}
#cabecalho .logo{text-align:center;padding:20px 0;}
#cabecalho .menu-a{background:#F3F4F7;padding:10px 20px;border-radius:0 0 20px 20px;line-height:1.2}
#cabecalho .menu-a,
#cabecalho .menu-a a{color:#65696F;font-size:12px;}
#cabecalho .menu-a a b{font-size:18px;}
#cabecalho .menu-a a:hover{color:#ffc20e}
#cabecalho .menu-a .border-left{padding-left:15px;border-left:1px solid #E3E3EE;min-height:41px;}
#cabecalho .menu-a .border-left.trabalhe{line-height:41px;padding-right:15px;}
#cabecalho .menu-a .border-left.trabalhe a{font-size:14px;font-weight:bold}
#cabecalho .menu-a .redes a{display:inline-block;width:24px;height:24px;background-position:left top}
#cabecalho .menu-a .redes a.facebook{background-image:url(../imagens/ico_facebook.png)}
#cabecalho .menu-a .redes a.linkedin{background-image:url(../imagens/ico_linkedin.png)}
#cabecalho .menu-a .redes a.youtube{background-image:url(../imagens/ico_youtube.png)}
#cabecalho .menu-a .redes a:hover{background-position:left bottom;}
#cabecalho .menu-a .rel-ens{padding:0 10px}
#cabecalho .menu-a .rel-ens a{font-weight:normal !important;font-size:12px !important;line-height:41px;}
#cabecalho .menu-b{padding:10px 0}
#cabecalho .menu-b > ul{text-align:right;}
#cabecalho .menu-b > ul > li{display:inline-block;list-style:none;vertical-align:top;text-align:left;}
#cabecalho .menu-b > ul > li.borda-right{border-right:1px solid #E3E3EE;}
#cabecalho .menu-b > ul > li > a{display:inline-block;line-height:40px;font-size:15px;font-weight:800;color:#2B3D46;padding:8px 30px;text-transform:uppercase}
#cabecalho .menu-b > ul > li > a.ativo,
#cabecalho .menu-b > ul > li:hover > a{color:#ffc20e}
#cabecalho .menu-b > ul > li > a span{font-size:12px;font-weight:normal}
#cabecalho .menu-b > ul > li > a img{float:left}
#cabecalho .menu-b > ul > li.duplo > a{line-height:17px;background:url(../imagens/ico_seta_baixo.png) bottom center no-repeat;}
#cabecalho .menu-b > ul > li.seta > a{background:url(../imagens/ico_seta_baixo.png) bottom center no-repeat;}
#cabecalho .menu-b > ul > li.interno > a{min-width: 140px;background:url(../imagens/ico_seta_frente.png) right center no-repeat;padding-right:10px;margin-right:10px}
#cabecalho .menu-b > ul.concreto > li > a{padding:8px 20px;}
#cabecalho .menu-b > ul > li ul.submenu{position:absolute;display:none;padding-top:10px;}
#cabecalho .menu-b > ul > li ul.submenu li{list-style:none;background:#2B3D45;}
#cabecalho .menu-b > ul > li ul.submenu li a{display:block;color:#FFF;padding:15px;font-size:12px;width:170px;font-weight:normal;text-transform:uppercase;}
#cabecalho .menu-b > ul > li ul.submenu li a:hover{background:#ffc20e}
#cabecalho .menu-b > ul > li:hover ul.submenu{display:block}
/* -----------------------------------*/
/* ------------- rodape --------------*/
/* -----------------------------------*/
#rodape{background:#2B3D45;}
#rodape .direitos{background:#25363D;padding:20px 0}
#rodape .direitos .certoweb{display:inline-block;float:right;width:78px;height:15px;background-image:url(../imagens/logo_certoweb.png);background-position:left top}
#rodape .direitos .certoweb:hover{background-position:left bottom}
#rodape .conteudo{padding:40px 0}
#rodape .logo{padding:0 0 40px 0}
#rodape .txt{color:#DDE5E9;font-size:12px;line-height:1.4}
#rodape .txt h3{font-size:12px;font-size:18px;color:#DDE5E9;padding-bottom:10px}
#rodape .txt h3 b{font-weight:800;}
#rodape .txt b{font-size:18px;}
#rodape .redes li{display:inline-block;line-height:39px;list-style:none; vertical-align: middle;padding:0 5px 0 0}
#rodape .redes li a{display:inline-block;line-height:39px;height:50px;background-position:left top}
#rodape .redes li a:hover{background-position:left bottom;}
#rodape .redes li a.facebook{width:50px;background-image:url(../imagens/ico_facebook_g.png);}
#rodape .redes li a.linkedin{width:50px;background-image:url(../imagens/ico_linkedin_g.png);}
#rodape .redes li a.youtube{width:50px;background-image:url(../imagens/ico_youtube_g.png);}
/* -----------------------------------*/
/* ------- conteudo principal --------*/
/* -----------------------------------*/
.faixa-cores .cor{height:10px;}
.faixa-cores .cor-1{background:#B24445;}
.faixa-cores .cor-2{background:#284E8D;}
.faixa-cores .cor-3{background:#88A23D;}
.faixa-cores .cor-4{background:#D2A92A;}
.titulo-paginas{padding-bottom:50px;}
.titulo-paginas h1,
.titulo-paginas h2{font-size:32px;font-weight:800;color:#2B3D46;text-transform:uppercase}
.titulo-paginas h1 span,
.titulo-paginas h2 span{font-size:18px;font-weight:normal;color:#757779;}
.titulo-paginas .btn{padding:15px 17px;}
.grid-4 .item{padding:0 30px 50px 0;line-height:1.4}
.grid-4 .item .data a{color:#89959B;font-size:14px;display:block;padding:10px 0 0}
.grid-4 .item h3 a{color:#2B3D46;font-size:16px;display:block;padding:5px 0;min-height:50px;}
.grid-4 .item .descricao a{color:#89959B;font-size:14px;display:block;padding:10px 0 30px;min-height:80px}
#header-pagina{height:170px;background:url(../imagens/bg_titulo_paginas.jpg) center center;}
#header-pagina header h1,
#header-pagina header h1 span,
#header-pagina header h2,
#header-pagina header h2 span{font-size:32px;padding-top:60px;font-weight:800;color:#2B3D46;text-transform:uppercase}
#header-pagina header h1 span,
#header-pagina header h2 span{font-weight:normal;color:#757779;}
#header-pagina header{height:160px;text-align:center;}
#sobre .chamada{color:#2B3D46;font-size:24px;padding-top:40px;line-height:1.2}
#sobre .chamada b{color:#B14345;font-weight:800}
#sobre .img-sobre{float:right;max-width:450px}
#sobre .img-sobre img{padding:20px 30px;}
.cont{padding:0 30px;}
#sobre .missao-visao-valores{border-top:1px solid #C7C7CC;padding:40px 0;}
#sobre .missao-visao-valores .item{padding-right:40px;}
#sobre .missao-visao-valores .item h2 span{font-size:32px;}
#sobre .missao-visao-valores .item .texto{padding-top:30px;}
.galeria-imagens{border-top:1px solid #C7C7CC;padding:40px 0;}
.galeria-imagens h2{padding-bottom:10px;}
.galeria-imagens .owl-theme .item{padding:10px;text-align:center}
.galeria-imagens .owl-theme .item img{border-radius:10px;}
.galeria-videos{border-top:1px solid #C7C7CC;padding:40px 0;}
.galeria-videos h2{padding-bottom:20px;}
.galeria-videos .item{padding:0 20px 20px 0;}
.menu-responsivo{float:right;display:inline-block;padding:40px;}
#menu{display:none;}
#menu ul li{display:block;list-style:none;background: #2B3D45;}
#menu ul li.tit a{font-weight:800;padding-left:15px;color: #ffc20e;font-size:18px;}
#menu ul li a{display:block;padding:15px 25px;color:#FFF;font-size:14px;text-transform:uppercase;}
#menu ul li a.ativo{background:#ffc20e;color:#FFF}
#menu ul li a:hover{background:#ffc20e;color:#FFF}
#novidades .exibe .imagem {float: right;padding: 0 0 25px 30px;}
#novidades .exibe .imagem img{border-radius:20px;}
#novidades .exibe .data{font-weight:bold;color:#B14345;padding-bottom:10px;}
#novidades .exibe h1{font-weight:800;color:#2B3D46;font-size:32px;}
#compartilhe{text-align:center;padding:40px 0;border-bottom:1px solid #C7C7CC;}
#compartilhe header h3{font-size:24px;color:#2B3D46;padding-bottom:15px;}
#compartilhe header h3 b{color:#B14345}
.formulario select,
.formulario input[type=text],
.formulario input[type=file],
.formulario textarea{padding: 15px; border-radius: 0; margin-bottom: 10px; border:none;background:#F1F1F4;box-shadow:none;font-size:14px;}
.formulario .arquivo{padding: 15px 0px !important;}
.formulario input[type=text]:focus, 
.formulario input[type=file]:focus,
.formulario textarea:focus {background:#FFF;} 
.formulario .btn{width:100%;padding:15px 0;text-align:center}
.formulario .ajuda{color:#999;font-size:12px;}
#trabalhe-conosco header h2{font-weight:800;color:#2B3D46;font-size:32px;}
#trabalhe-conosco header h2 span{font-weight:normal;}
#trabalhe-conosco .texto{padding:0 0 40px 0}
#sobre-cimento .imagens{background:#FFBF47}
#sobre-cimento .galeria-videos,
#sobre-cimento .galeria-imagens {border-top: none;padding: 0;}
#supremo-cimento #header-pagina .texto{padding:20px 0 10px;font-size:13px;}
#supremo-cimento .lista-produto a {display: block;}
#supremo-cimento .lista-produto .imagem{height:260px}
#supremo-cimento .lista-produto .imagem img{max-height:260px;max-width:100%}
#supremo-cimento .lista-produto h2 a{font-weight: 800; color: #B14345; font-size: 28px; padding:20px 0 10px 0;}
#supremo-cimento .lista-produto h3 a{color: #2B3D46; font-size: 16px}
#supremo-cimento .lista-produto .item{padding:40px 20px; opacity: 0.8; transition: 0.2s all;}
#supremo-cimento .lista-produto .item:hover{opacity: 1}
.exibe-produto h1{font-weight: 800; color: #2B3D46; font-size: 32px;}
.exibe-produto h2{font-weight: 800; color: #2B3D46; font-size: 20px; padding-top: 5px}
.exibe-produto h3{font-size: 32px; color: #00A9A5; padding-bottom: 10px;text-transform:uppercase}
.exibe-produto .descricao {padding: 20px 0}
.exibe-produto .indicacao {padding-bottom: 40px}
.exibe-produto .indicacao .texto{padding:0px;}
.exibe-produto .indicacao h3{color:#B14345;font-weight:800;text-decoration:underline;font-size:14px;}
.exibe-produto .download {padding-bottom: 40px}
.exibe-produto .download .item{padding: 10px 0 20px 0; padding: 20px;background:#F1F1F4}
.exibe-produto .download .item h5 {color: #B14345; font-size: 16px;padding-bottom:5px;font-weight:bold}
.exibe-produto .download .item h6 {color: #2B3D46; font-size: 12px;font-weight: normal;padding-bottom:10px}
.exibe-produto .imagem-full img{max-height:350px;padding:40px 0 0 0}
.exibe-produto .galeria-videos .item{padding-right:0px}
.exibe-produto .titulo-paginas{padding:40px 0 0 0;}
.exibe-produto .titulo-paginas h2,
.exibe-produto .titulo-paginas h2 span{font-size:32px}
.localizacao h1 {font-size: 32px; font-weight: 800; color:#B14345}
.localizacao .img-loc{padding-top: 40px;}
.localizacao .img-loc img{border-radius:20px}
.localizacao .texto p{padding:0 0 5px;}
.localizacao iframe{width:100% !important;border:2px solid #88A23D !important; }
.localizacao .exibe{padding-right:30px;}
.menu-lateral.pure-u-md-8-24{background:url(../imagens/bg_menu_lateral.png) right repeat-y}
.menu-lateral.pure-u-md-8-24 nav{padding-left:30px;}
.menu-lateral .wrap{padding-right:10px}
.menu-lateral ul li a{display: block; padding: 10px 20px; line-height: 1.5; color: #2B3D46;font-weight:bold; margin-bottom: 1px;}
.menu-lateral ul li a.ativo,
.menu-lateral ul li a:hover {background: #FBC537;}
.menu-lateral ul li a span {float: right;font-size: 16px;margin-top: -3px;}
.menu-lateral ul li ul{background: #F1F1F3;display:none}
.menu-lateral ul li ul li a{font-weight:normal}
.menu-itens-interna{display:block;font-size:18px;margin-top:10px;display:none;padding:20px}
.exibe-servico h1{font-weight: 800; color: #B14345; font-size: 32px;}
.exibe-servico h2{font-weight: 800; color: #B14345; font-size: 20px; padding-top: 5px}
.exibe-servico .imagem{padding: 40px 0 0 0;}
.exibe-servico .imagem img{border-radius:20px}
.exibe-servico h3{font-size: 32px; color: #00A9A5; padding-bottom: 10px;text-transform:uppercase}
.exibe-servico .indicacao {padding-bottom: 40px}
.exibe-servico .indicacao .texto{padding:0px;}
.exibe-servico .indicacao h3{color:#B14345;font-weight:800;text-decoration:underline;font-size:14px;}
.exibe-servico .download {padding-bottom: 40px}
.exibe-servico .download .item{padding: 10px 0 20px 0; padding: 20px;background:#F1F1F4}
.exibe-servico .download .item h5 {color: #B14345; font-size: 16px;padding-bottom:5px;font-weight:bold}
.exibe-servico .download .item h6 {color: #2B3D46; font-size: 12px;font-weight: normal;padding-bottom:10px}
#obras .item-obra h2{font-weight:800;color:#B14345}
#obras .item-obra .texto{padding:10px 0px}
.chamada-concreto{background-image:url(../imagens/bg_pagina_concreto.jpg);margin-bottom:-10px}
.chamada-concreto header h2{font-size:32px;font-weight:bold;color:#2B3D46}
.chamada-concreto header h2 span{font-weight:normal;}
.concreto-faixa{background:#EDEEF3;}
.concreto-faixa .container{padding:10px 0}
.concreto-faixa ul li{display:inline-block;padding-right:10px;}
.concreto-faixa ul li div.item,
.concreto-faixa ul li > a{display:block;background:#858D9A url(../imagens/ico_seta_frente_10.png) right center no-repeat;border:1px solid #858D9A;border-radius:10px;}
.concreto-faixa ul li div.item,
.concreto-faixa ul li div.item a,
.concreto-faixa ul li > a{text-transform:uppercase;color:#FFF;font-size:16px;line-height:1.2;min-height:40px;}
.concreto-faixa ul li div.item,
.concreto-faixa ul li > a{padding:15px 32px 15px 22px;}
.concreto-faixa ul li div.item img,
.concreto-faixa ul li > a img,
.concreto-faixa ul li div.item span,
.concreto-faixa ul li > a span{float:left}
.ls-nav-next, 
.ls-nav-prev{z-index:2 !important}
.acoes-ambientais .exibe h1 {font-weight: 800;color: #B14345;font-size: 32px;line-height:1.2}
/*------------------------------------*/
/* ----------- responsivo ------------*/
/* -----------------------------------*/
.n-full {display: none !important;}
img.responsiva {width: 100%;}
img.responsiva-2 {width: 90%;}
img.responsiva-3 {max-width:100%;}
@media (max-width: 1279px) {
	.n-xl {display: none !important;}
	.y-xl {display: block !important;}
	.center-xl {text-align: center;}
	.right-xl {text-align: right;}
	.left-xl {text-align: left;}
}
@media (max-width: 1023px) {
	.n-lg {display: none !important;}
	.y-lg {display: block !important;}
	.center-lg {text-align: center;}
	.right-lg {text-align: right;}
	.left-lg {text-align: left;}
	.container{max-width:95%;}
	.bg-parallax {background-attachment: scroll;}
	#cabecalho .menu-b > ul > li > a {padding: 8px 10px;}
	#cabecalho .menu-b > ul.concreto > li > a{padding:8px 6px;font-size:14px}
	#cabecalho .menu-a a b {font-size: 16px;}
	#cabecalho .logo {padding: 30px;text-align:left}
	#cabecalho .menu-a {padding: 10px 15px;}
	#novidades .exibe .imagem{max-width:350px;}
	.concreto-faixa ul li div.item,
	.concreto-faixa ul li{padding-right:0;}
	.concreto-faixa ul li div.item,
	.concreto-faixa ul li > a{padding:10px 20px 10px 10px;font-size:14px;min-height:35px}
	.concreto-faixa ul li div.item img,
	.concreto-faixa ul li > a img{max-width:35px}
}
@media (max-width:767px) {
	.n-md {display: none !important;}
	.y-md {display: block !important;}
	.center-md {text-align: center !important;}
	.right-md {text-align: right !important;}
	.left-md {text-align: left !important;}
	#cabecalho .logo img{max-width:120px;}
	#cabecalho .container{max-width:100%}
	#cabecalho .menu-a{border-radius:0px;padding:7px 0}
	#cabecalho .faixa-cores{max-width:95%;margin:auto}
	#cabecalho .logo{padding: 20px 30px;}
	#novidades .exibe .imagem{max-width:inherit;float:none;padding:0 0 40px 0;}
	.menu-lateral .wrap{padding:0}
	.localizacao .exibe{padding-right:0;}
	.menu-lateral.pure-u-md-8-24 nav{padding-left:0;}
	.menu-lateral.pure-u-md-8-24{background:none;}
	#menu-lateral{display:none;background:#f3f4f7}
	.concreto-faixa ul li{width:49%;}
	.concreto-faixa ul li div.item a{font-size:13px;}
	.concreto-faixa ul li div.item,
	.concreto-faixa ul li > a{font-size:13px;padding:7px 20px 7px 7px;}
	#sobre .img-sobre{float:none;text-align:center}
}
@media (max-width:567px) {
	.n-sm {display: none !important;}
	.y-sm {display: block !important;}
	.center-sm {text-align: center !important;}
	.right-sm {text-align: right !important;}
	.left-sm {text-align: left !important;}
	#header-pagina header{height:130px;}
	#header-pagina{height:140px;}
	#header-pagina header h1,
	#header-pagina header h1 span,
	#header-pagina header h2,
	#header-pagina header h2 span{padding-top:30px}
	.concreto-faixa ul li{width:99%;}
	.grid-4 .item{text-align:center;padding-right:0px;}
}