/* -----------------------------------*/
/* ----------- Tipografia ------------*/
/* -----------------------------------*/

body {font-family: Arial, Helvetica, sans-serif;}
.texto, .texto a {font-family: Arial, Helvetica, sans-serif;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-family: Arial, Helvetica, sans-serif;}

/* -----------------------------------*/
/* -------------- Global -------------*/
/* -----------------------------------*/

html {font-size: 100,01}
body {font-size: 14px; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; line-height: 1.1}
dl, menu, ol, ul {margin:0; padding:0}
address {font-style: normal;}
a.pure-button {padding: .5em 0}
a:hover {transition:0.2s all; text-decoration:none}
.opct:hover {opacity: 0.8}
.fright {float: right; }
.fleft {float:left; }
.container {max-width:980px; margin: auto}
.duas-colunas {-moz-column-width: 400px; -moz-column-gap: 60px; -webkit-column-width: 400px; -webkit-column-gap: 60px; column-width:400px; column-gap: 60px}
.caps {text-transform: uppercase;}
.bg-parallax {width: 100%; max-width: 1920px; min-height: 100%; position: relative; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed;}
.link-mapa {display:none}
.overlay {width: 100%; height: 450px; top: 450px; margin-top: -450px; background: rgba(0, 0, 0, 0); position: relative;}
.pure-g [class *="pure-u"],
.pure-g-r [class *="pure-u"] {font-size: 14px;}
.texto, .texto a {font-weight: normal; line-height: 1.6; font-size:14px; color:#252D35 !important; }
.texto a:hover {opacity:0.75}
.texto b {font-weight:bold;}
.texto ul, .texto ol {padding:0 0 0 22px !important; display:table}
.texto img{vertical-align:middle;padding:0 10px 10px 10px}
.texto p {padding:0 0 8px 0}
.fontw300 {font-weight: 300}
.fontw400 {font-weight: 400}
.fontw500 {font-weight: 500}
.fontw600 {font-weight: 600}
.fontw700 {font-weight: 700}
.fontw800 {font-weight: 800}
.font11 {font-size: 11px !important}
.font12 {font-size: 12px !important}
.font14 {font-size: 14px !important}
.font16 {font-size: 16px !important}
.font18 {font-size: 18px !important}
.font20 {font-size: 20px !important}
.font22 {font-size: 22px !important}
.font24 {font-size: 24px !important}
.font28 {font-size: 28px !important}
::-webkit-input-placeholder {color: #253742;}
:-moz-placeholder {color: #253742;}
::-moz-placeholder {color: #253742;}
:-ms-input-placeholder {color: #253742;}
fieldset input[type=text]{margin: 0 0 5px 0; padding: 14px 10px; border-radius: 0px; transition:0.2s all;}
fieldset textarea {height: 199px; border-radius: 0px; transition:0.2s all;}
nav.clearfix {border-bottom: 0; display:none; }  
nav.clearfix ul {display: none; height: auto; background:#404040;} 
nav.clearfix ul li a{color:#FFF; display:block; line-height:45px; padding-left: 30px}
nav.clearfix ul li a:hover,
nav.clearfix ul li a.ativo{text-decoration:none; background:#292929}
nav.clearfix a#pull {display: block; background-color: #292929; width: 100%; height:50px; line-height:50px; position: relative; color:#FFF; text-align:left;}  
nav.clearfix a#pull span {padding-left: 60px}
nav.clearfix a#pull:hover {text-decoration:none}
nav.clearfix a#pull span:before {content:""; background:url(../imagens/nav-icon.png) no-repeat; width: 50px; height: 20px; display: inline-block; position: absolute; top: 14px; margin-left: -30px} 
#paginacao{text-align:center;padding:15px 0 15px 0;border-top-style:solid;border-top-width:2px;}
#paginacao a{display:inline-block;height:26px;line-height:26px;width:26px;margin:0 3px 0 3px;font-size:14px;vertical-align:middle !important;border-radius:4px;color:#333333;text-decoration:none !important;cursor:default;}
#paginacao a.pgAnt, #paginacao a.pgPro{color:#999}
#paginacao a.pgItem{cursor:pointer;border:1px solid #FFF;color:#333333;}
#paginacao a.pgItem:hover,
#paginacao a.pgAtual{border:1px solid #E3E3E3;box-shadow:0 0 5px #E3E3E3;}
	

/* -----------------------------------*/
/* ----------- Cabeçalho -------------*/
/* -----------------------------------*/

#cabecalho {border-top: 4px solid #2980B9; min-height: 100px; box-shadow: 0px 0px 10px #888;}
#cabecalho #logo {padding: 10px 0 0 0;}
#cabecalho #menu ul {float:right; color: #373737; padding: 33px 20px 0 0;}
#cabecalho #menu ul li {float:left; margin:0 2px 0 2px;}
#cabecalho #menu ul li a{padding:10px 10px 10px 10px; display:block; color:#555; text-transform: uppercase; font-size: 12px; font-weight: bold}
#cabecalho #menu ul li a:hover, #menu ul li a.ativo{background:#f6f6f6; border-radius:5px; color: #F27E29;}
#cabecalho .fone{color:#FFFFFF;padding:25px 12px 10px 12px; border-radius: 0 0 4px 4px; min-height: 55px; background: #2980B9}
#cabecalho .fone2{padding:10px 12px 10px 12px;}


/* -----------------------------------*/
/* ------------- Rodapé --------------*/
/* -----------------------------------*/

#rodape .top {background: #404040; border-top: 9px solid #2980B9; padding: 25px 0; color: #DEDEDE; line-height: 1.5}
#rodape a {color: #DEDEDE;}
#rodape h4 {color: #3C9EDD; font-size: 16px; padding-bottom: 10px}
#rodape address {padding-right: 40px}
#rodape ul.preto {float:right;}
#rodape ul.preto li{float:left; margin:0 8px 8px 0;}
#rodape ul.preto li a{display:block;width:36px;height:36px;border-radius:5px; background-color: #2980B9;}
#rodape ul.preto li a:hover {opacity: 0.8}
#rodape ul.preto li a.facebook{background-image:url(../imagens/ico_facebook_fff.png);}
#rodape ul.preto li a.google{background-image:url(../imagens/ico_googleplus_fff.png);}
#rodape ul.preto li a.twitter{background-image:url(../imagens/ico_twitter_fff.png);}
#rodape ul.preto li a.linkedin{background-image:url(../imagens/ico_linkedin_fff.png);}
#rodape .bottom {background: #292929; color: #DEDEDE;}
#rodape .direitos {font-size: 12px; padding-top: 20px}
#rodape .bottom .assinatura {padding: 12px 0}
#rodape .bottom .assinatura a{float: right; display: block; background: url(../imagens/logo_certo.png) top left; width: 68px; height: 25px; transition: background-position .25s ease-in;}
#rodape .bottom .assinatura a:hover {background-position: bottom left}

/* -----------------------------------*/
/* ------- Conteúdo Principal --------*/
/* -----------------------------------*/

#barra-info {border-top-width:9px; border-top-style:solid; box-shadow:0px 0px 10px #888; position:relative; background-color: #404040;}
#barra-info p {color:#FFFFFF; padding:20px 0 20px 0; text-shadow:1px 1px 0 #000; line-height:36px; max-width:750px; margin:auto; font-style:italic; font-size:24px; text-align:center}
.col-g {padding: 40px 0}
.tit-princ {font-size: 24px; color: #373737; border-left: 10px solid #2980B9; padding-left: 20px; line-height: 38px;}
.col-g .item {padding: 40px 15px 0 15px; transition: 0.2s all;}
.col-g .item:hover {opacity: 0.8}
.col-g .item a {display: block;}
.col-g .item h3{display: table;width:100%}
.col-g .item h3 .tit {font-size: 16px; color: #F27E29; line-height: 1.2;font-weight: bold;padding-bottom:15px;display: table-cell;height: 55px;vertical-align: middle;}
.col-g .item .descr {line-height: 1.4; font-size: 12px; padding-top: 15px; height: 54px; overflow: hidden; color: #666;}
.col-g .item.item-img .descr {height: 80px; padding-left: 5px;}
.col-g .item.item-img .imagem img {border-left: 2px solid #2980B9;}
.bt {background: #2980B9; padding: 9px 0; font-size: 12px; color: #FFFFFF !important; text-align: center; border-radius: 4px; display: block;}
#inicial #produtos,
#inicial #servicos {border-bottom: 1px solid #EAEAEA;}
#header-tit {min-height: 90px; background-color: #2980B9;}
#header-tit .bg {min-height: 90px; background: url(../imagens/bg_faixa_topo.png) center top repeat-x;}
#header-tit .tit-pag {color: #FFF; text-shadow: 1px 1px 1px #333; margin: auto; font-size: 24px; font-weight: bold; line-height: 75px; padding-left: 20px;}
#main {padding: 30px 0 50px 0;}
#main .main-prop {border-right: 1px solid #E3E3E3; padding-right: 25px}
.border1bottom {border-bottom: 1px solid #E3E3E3}
#sobre .item1 {padding-bottom: 20px}
#sobre .item2 {padding: 30px 0 20px 0}
#sobre .item3 {padding: 20px 0 25px 0; background: #F6F6F6; margin-top: 25px}
#sobre .item3 .cont {padding: 0 25px}
#sobre .item3 h3 {border: none;padding: 0}
#sobre .item3 .texto {font-size: 12px}
#sobre .galeria {padding: 30px 0}
#owl-gal{padding-top:30px;}
#owl-gal .item {padding: 0 5px}
#menu-dir {padding-left: 25px; padding-top: 20px}
#menu-dir h4 {color: #F27E29!important; font-size: 15px; font-weight: bold;}
#midias-lateral ul.branco {padding:10px 0 30px 0;height:36px;}
#midias-lateral ul.branco li {float:left; margin:0 8px 8px 0;}
#midias-lateral ul.branco li a {display:block; width:36px; height:36px; border-radius:5px; background-color: #2980B9;}
#midias-lateral ul.branco li a:hover {opacity: 0.8}
#midias-lateral ul.branco li a.facebook {background-image:url(../imagens/ico_facebook_fff.png);}
#midias-lateral ul.branco li a.google {background-image:url(../imagens/ico_googleplus_fff.png);}
#midias-lateral ul.branco li a.twitter {background-image:url(../imagens/ico_twitter_fff.png);}
#midias-lateral ul.branco li a.linkedin {background-image:url(../imagens/ico_linkedin_fff.png);}
#menu-esq {width:100%;}
#menu-categoria {border-radius:5px; background:#F0F4F7; border:1px solid #FFFFFF; box-shadow:0px 0px 3px #C9C9C9; padding:5px 0 5px 0;}
#menu-categoria ul li {line-height:1.6; border-bottom:2px solid #E0E9F0; list-style:none; transition: all 0.2s;}
#menu-categoria ul li a {display:block; text-decoration:none; padding:8px 5px 8px 15px; transition: all 0.2s;}
#menu-categoria ul .borda{border-top:1px solid #FFFFFF;}
#menu-categoria ul li.tit {border-bottom:2px solid #2980B9;background-image:-webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(242,242,245) 100%);}
#menu-categoria ul li.tit a {color:#373737; padding:8px 5px 8px 8px;}
#menu-categoria ul li.tit a:hover {background:#FFFFFF;}
#menu-categoria ul li a:hover, #menu-categoria ul li.ativo a {color:#FFFFFF; background:#2980B9;}
#menu-categoria .degrade li {background-image:-webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(242,242,245) 100%);}
#compartilhe {padding:20px 0;}
.tit-repete {color: #F27E29!important;font-size: 15px;font-weight: bold;}
#endereco {line-height: 1.2}
#contato #endereco h4,
#contato #contato-lateral h4 {padding-bottom: 5px}
#contato .formulario{padding:20px 0 50px 0}
#contato .formulario .ajuda {color:#999999}
#contato .formulario ul li{list-style:none}
#contato .formulario ul li label{display:block;padding:5px 0 8px 0;font-size:14px;color:#333;}
#contato .formulario ul li input[type=text],
#contato .formulario ul li textarea{font-size:14px; width: 100%;padding: .5em .6em;}
#contato .formulario ul li .tel{width:200px !important;}
object[type^='application/gas-events-uni'] {    display: none;}