@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'NeoSansAir';
	src: url('neo_sans.eot?#iefix') format('embedded-opentype');
	src: local("Neo Sans"), url(neo_sans.ttf) format("truetype");
}

html, body {
	width:100%;
	height:auto;
	min-height:100%;
	margin:0px;
	border:0px;
	padding:0px;
	font-family:'NeoSansAir', Arial, Helvetica, sans-serif;
}
a {
	color:inherit;
	text-decoration:none;
	padding:10px 0px;
}
#popup {
	position:fixed;
	width:100%;
	height:100%;
	background:center center no-repeat rgba(255,255,255,0.8);
	z-index:999999999999999999;
	cursor:pointer;
}
.linha {
	position:relative;
	width:100%;
	height:auto;
}
.centro {
	position:relative;
	width:100%;
	max-width:980px;
	padding:0px 20px;
	box-sizing:border-box;
	height:auto;
	margin:0px auto;
	font-size:0px;
	text-align:center;
}
.col {
	position:relative;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.col1 {
	width:100%;
}
.col2 {
	width:50%;
}
.col3 {
	width:33.333333%;
}
.col3-1 {
	width:33.333333%;
}

.col3-2 {
	width:66.666666%;
}

.celula {
	box-sizing:border-box;
	height:auto;
	font-size:14px;
}

#cab {
	background-color:#023fa3;
}
#ban {
	height:500px;
	font-size:0px;
	white-space:nowrap;
	overflow:hidden;
}
.banner-item {
	position:relative;
	left:0px;
	width:100%;
	height:100%;
	background: center center no-repeat;
	display:inline-block;
	cursor:pointer;
}
#ban .celula {
	height:100%;
	white-space:normal;
}
.ban-cont {
	position:absolute;
	right:0px;
	bottom:40px;
	width:100%;
	max-width:470px;
	height:auto;
}
.ban-text {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
	background-color:#f1592a;
	color:#FFF;
	font-size:16px;
}
.ban-text span {
	font-size:34px;
	font-weight:bold;
}
.ban-text-item {
	padding:15px;
	display:none;
	cursor:pointer;
}
.ban-text-item:first-child {
	display:block;
}
.ban-bols {
	position:relative;
	width:auto;
	height:35px;
	margin-top:14px;
	text-align:left;
}
.ban-bols-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33px;
	height:33px;
	border:2px #FFFFFF solid;
	border-radius:18px;
	margin-right:14px;
	cursor:pointer;
}
.ban-bols-item:hover, .ban-bols-item-sel {
	background-color:#FFF;
}
.ban-seta {
	position:absolute;
	bottom:0px;
	right:0px;
	width:auto;
	height:35px;
}
.ban-seta-item {
	position:relative;
	display:inline-block;
	width:35px;
	height:35px;
	background: center center no-repeat #f1592a;
	cursor:pointer;
}
.ban-seta-item:hover {
	background-color:#666;
}
.ban-seta-esq {
	background-image:url(../_img/seta-esq.gif);
}
.ban-seta-dir { 
	margin-left:14px;
	background-image:url(../_img/seta-dir.gif);
}
#con {
	margin-top:20px;
}
.pag-titulo {
	font-size:26px;
	margin-bottom:10px;
	font-weight:bold;
}
.pag-titulo span {
	color:#0084B7;
}
.pag-titulo-linha {
	font-size:26px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	margin-top:20px;
}
.titulo-linha {
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	margin-top:20px;
}
.texto {
	text-align:left;
}
.titulo-linha2 {
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}
#blog .celula {
	padding: 0px 10px;
}
#blog .titulo-linha {
	text-align:left;
	font-weight:bold;
	font-size: 32px;
	margin-top: 0px !important;
	margin-bottom:10px;
	border-bottom:0;
	margin-top:20px;
}
#blog .pag-texto {
	text-align:left;
	font-size: 18px;
	line-height: 28px;
	padding: 0px;
}
#blog .img-item {
	height: 220px;
	background: center center no-repeat;
    background-size: cover;
}
#blog .blog-item {
	margin-top: 40px;
}
#blog .redes{
	text-align: left;
	font-size: 20px;
	margin: 20px 0px;
}
#blog .redes img{
	vertical-align: middle;
}
.texto2 {
	text-align:center;
}
.texto2 span {
	font-size:22px;
	color:#0084B7;
}
.pag-texto {
	padding:0px 20px;
	box-sizing:border-box;
}
#contato {
	position:relative;
	width:100%;
	font-size:0px;
	margin-bottom:30px;
}
#contato form {
	margin:0px;
	padding:0px;
	border:0px;
}
#contato input, #contato textarea {
	width:100%;
	height:28px;
	background-color:#bdd9f4;
	border:0px;
	outline:none;
	box-sizing:border-box;
	padding:5px 10px;
	margin-bottom:10px;
	font-family:'NeoSansAir', Arial, Helvetica, sans-serif;
}
#contato input[type='submit'] {
	background-color:#023fa3;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
}
#contato input[type='submit']:hover {
	background-color:#999;
}
#contato textarea {
	height:90px;
}

#contato ::-webkit-input-placeholder {
    color:#000;
}
#contato :-moz-placeholder {
    /* FF 4-18 */
    color:#000;
}
#contato ::-moz-placeholder {
    /* FF 19+ */
    color:#000;
}
#contato :-ms-input-placeholder {
    /* IE 10+ */
    color:#000;
}
#gases img {
	height:90px;
	max-width:90px;
}
#gases .gas-box {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:47%;
	box-sizing:border-box;
	min-width:280px;
	font-size:0px;
}
.gas-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33%;
	min-width:90px;
	max-width:110px;
	height:auto;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:20px;
	cursor:pointer;
}
.gas-bol {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:80px;
	height:80px;
	border-radius:40px;
	color:#FFF;
	font-size:26px;
	line-height:80px;
	font-weight:bold;
	background-color:#023fa3;
}
#des {
	margin-top:20px;
	background:url(../_img/des-fundo-1.gif) center center;
}
#des .col {
	height:385px;
	text-align:left;
	padding:26px 32px;
}
#des1 {
	background:#eeac04;
}
#des1 .col {
	height:385px;
	text-align:left;
	padding:26px 32px;
}
.des-titulo {
	width:auto;
	max-width:270px;
	font-size:36px;
	color:#FFF;
}
.des-texto {
	position:absolute;
	bottom:26px;
	box-sizing:border-box;
	width:auto;
	max-width:270px;
}
.des-botao {
	width:176px;
	height:26px;
	color:#FFF;
	margin-top:10px;
	font-weight:bold;
	padding-left:10px;
	line-height:26px;
	background:url(../_img/seta-dir.gif) 170px center no-repeat;
	cursor:pointer;
}
.des-botao:hover {
	background-color:#666;
}
#des-amarelo {
	width:auto;
	margin-left:50%;
	padding:0px 32px;
}
	
#pss {
	margin-top:30px;
}
#pss .celula {
	height:auto;
	margin-bottom:20px;
}
#pss .pss-item {
	position:relative;
	width:auto;
	padding:15px;
	text-align:left;
	color:#FFF;
	margin:0px;
}
.pss-item span {
	font-size:22px;
	font-weight:bold;
}
.pss-botao {
	width:90px;
	height:26px;
	color:#FFF;
	margin-top:10px;
	font-weight:bold;
	line-height:26px;
	background:url(../_img/seta-dir.gif) 80px center no-repeat;
	cursor:pointer;
}
.pag-item {
	padding:5px;
	text-align:center;
	border-bottom:1px #000000 solid;
	cursor:pointer;
}
.pag-item:hover {
	background-color:#CCC;
}

#rod {
	background-color:#023fa3;
}
#rod .celula {
	padding:20px;
	padding-bottom:50px;
	background-color:#023fa3;
}
#topo {
	background:center center repeat-x;
	background-size: cover;
}

#topo .celula {
	height:198px;
	box-sizing:border-box;
	color:#FFF;
	padding-top:140px;
	font-size:36px;
}
#tit .celula {
	padding:0px 20px;
}
#tit .pag-texto {
	max-width:600px;
	display:inline-block;
	text-align:center;
}
#out .celula {
	padding:0px 20px;
	margin-top:50px;
}
.whats-flu {
	position: fixed;
	text-align: right;
	width: 940px;
	max-width: 90%;
	top: 15px;
	z-index: 99999;
}
.whats-flu div {
	position: relative;
    display: inline-block;
    background: url(../_img/redes-sociais-wa.jpg) center center no-repeat #0aab00;
    background-size: 70%;
    width: 40px;
    height: 40px;
    border-radius: 25px;
	box-shadow: -5px 5px 5px rgb(0 0 0 / 30%);
}

}

/*  INICIO DO CSS RESPONSIVO  */

.mobile {
	display:none;
}
.pc {
	display:inline-table;
}
.quadro {
	height: 400px !important;
}


@media only screen and (max-width: 880px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:50%;
	}
	.col3 {
		width:33.333333%;
	}
	.col3-1 {
		width:33.333333%;
	}
	.col3-2 {
		width:66.666666%;
	}
	
	.mobile {
		display:none;
	}
	.pc {
		display:inline-table;
	}
	
	#ban {
		height:400px;
	}
	.quadro {
		height: 350px !important;
	}
		
}

@media only screen and (max-width: 600px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:100%;
	}
	.col3 {
		width:50%;
	}
	.col3-1 {
		width:100%;
	}
	.col3-2 {
		width:100%;
	}
	
	.mobile {
		display:inline-table;
	}
	
	.pc {
		display:none;
	}
	#des {
		background:url(../_img/des-fundo-2.gif) center center repeat-x;
	}
	#des-amarelo {
		margin-left:0%;
		padding-left:0px;
	}
	#tit .celula {
		padding:0px;
	}
	#out .celula {
		padding:0px;
		margin-top:0px;
	}
	#topo .celula {
		height:80px;
		padding-top:30px;
	}	
	.quadro {
		height: 300px !important;
	}
}

@media only screen and (max-width: 520px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:100%;
	}
	.col3 {
		width:50%;
	}
	.col3-1 {
		width:100%;
	}
	.col3-2 {
		width:100%;
	}
	
	.mobile {
		display:inline-table;
	}
	
	.pc {
		display:none;
	}
	#popup {
		background-size:contain;
	}
	.quadro {
		height: 250px !important;
	}
	
}