* {
	box-sizing: border-box
}

html {
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden !important
}

body {
	margin: 0;
	min-width: 322px;
	height: 100%;
	overflow-y: scroll;
	-webkit-backface-visibility: hidden;
	overflow-x: auto;
	-webkit-backface-visibility: hidden !important
}

/* input,
select,
textarea,
button {
	outline-style: none;
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	border: 0;
	background-color: #fff
} */

select {
	appearance: menulist !important;
	-webkit-appearance: menulist !important;
	-ms-appearance: menulist !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

button {
	outline-style: none
}

h1,
h2,
h3,
h4 {
	padding: 0;
	margin: 0
}

p {
	padding: 0;
	margin: 0
}

a {
	color: inherit;
	outline: none;
	text-decoration: inherit
}

a img {
	outline: none;
	text-decoration: none
}

img {
	border: 0;
	outline: 0
}

div {
	outline: none
}

div:focus {
	outline: none
}

.alignCenter {
	*position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle
}

.id_geral {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 12px
}

.centralizar_site {
	display: inline-block;
	width: 100%;
	max-width: 1240px;
	text-align: center
}

.centralizar_site2 {
	display: inline-block;
	width: 100%;
	max-width: 900px;
	text-align: center
}

.font_roboto {
	font-family: 'Roboto', sans-serif
}

.font_noto {
	font-family: 'Source Sans Pro', sans-serif
}

.titulo_principal {
	font-weight: 900;
	font-size: 40px;
	color: #00756C
}

.conteudo_geral {
	font-size: 16px;
	font-weight: 400;
	color: #686868;
	line-height: 23px
}

.borda_branca {
	border: 1px solid #d8d8d8 !important
}

.borda_vermelha {
	border: 1px solid red !important
}

.modal {
	display: none;
	z-index: 5;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	font-family: 'Roboto', sans-serif;
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	width: 40%;
	max-width: 700px;
}

@media screen and (max-width:1470px) {
	.modal {
		display: none;
		z-index: 5;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
	}

	.modal-content {
		font-family: 'Roboto', sans-serif;
		background-color: #fefefe;
		margin: auto;
		border: 1px solid #888;
		width: 50%;
		max-width: 700px;
	}
}

@media screen and (max-width:500px) {
	.modal-content {
		margin: 0 20px;
		width: calc(100% - 40px);
	}
}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.btn {
	width: 70px;
	height: 40px;
}


#NaoEncontrado {
	width: 100%;
	height: auto;
	background-color: #fff;
	text-align: center;
	float: left;
	padding-top: 60px;
	padding-bottom: 130px;
}

#NaoEncontrado .alinhado_esquerda {
	text-align: left;
}

#NaoEncontrado .titulo_404 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 46px;
	text-align: left;
	color: #110F10;
	font-weight: 700;
	margin-bottom: 30px;
}

#Topo {
	float: left;
	width: 100%;
	height: 90px;
	text-align: center
}

#Topo .div_relacoes_investidores {
	float: right;
	padding: 5px;
	margin-top: 10px;
	background-color: #fff;
	font-size: 10px;
	color: #00756C;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 3px;
	border: 1px solid #00756C;
}

#Topo .div_relacoes_investidores:hover {
	text-decoration: underline;
	cursor: pointer;
}

#Topo .div_logo {
	float: left;
	width: 246px;
	height: 90px;
	text-align: left;
	display: table
}

#Topo .div_menu {
	float: left;
	width: calc(100% - 294px);
	text-align: right
}

#Topo .centralizar_menu {
	float: right;
	text-align: right;
	/*height:90px;*/
	display: table;
	margin-right: 20px
}

#Topo .menu {
	float: left;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
	margin-right: 40px;
	position: relative
}

#Topo .menu:last-child {
	margin-right: 0px
}

#Topo .link_menu {
	color: #686868;
	text-decoration: none
}

#Topo .link_menu:hover {
	color: #00756C;
	border-bottom: 1px solid #00756C;
	cursor: pointer
}

#Topo .div_idioma {
	float: left;
	width: 48px;
	/*height:90px;*/
	text-align: right;
	display: table
}

#Topo .icone {
	float: left;
	width: 12px;
	text-align: left;
	margin-top: 3px
}

#Topo .idioma {
	float: left;
	width: calc(100% - 12px);
	text-align: right;
	font-size: 14px
}

#Topo .link_idioma {
	color: #686868;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

#Topo .link_idioma:hover {
	text-decoration: underline
}

#Topo .MenuSub1 {
	display: none;
	float: left;
	position: absolute;
	left: -20px;
	top: 20px;
	text-align: left;
	background-color: #ffffff;
	width: 290px;
	z-index: 10 !important;
}

#Topo .MenuSubBlocoLinks {
	float: left;
	width: 100%;
	display: table;
	padding-top: 20px
}

#Topo .MenuSubLinks {
	float: left;
	width: 100%;
	display: table;
	padding-left: 15px;
	height: 45px;
	color: #686868;
	font-size: 16px;
	transition: 0.3s;
	font-weight: 400;
	font-family: 'roboto', sans-serif
}

#Topo .MenuSubLinks:hover {
	color: #00756C;
	cursor: pointer;
}

#Topo .ItemMenu1:hover .MenuSub1 {
	display: block;
}

#Topo .ItemMenu1:hover .link_menu {
	color: #00756C;
	border-bottom: 1px solid #00756C
}

#Topo .MenuSub2 {
	display: none;
	float: left;
	position: absolute;
	left: -12px;
	top: 20px;
	text-align: left;
	background-color: #ffffff;
	width: 130px;
	z-index: 10 !important;
}

#Topo .ItemMenu2:hover .MenuSub2 {
	display: block;
}

#Topo .ItemMenu2:hover .link_menu {
	color: #00756C;
	border-bottom: 1px solid #00756C
}

#Topo .MenuSub3 {
	display: none;
	float: left;
	position: absolute;
	left: -12px;
	top: 20px;
	text-align: left;
	background-color: #ffffff;
	width: 282px;
	z-index: 10 !important;
}

#Topo .ItemMenu3:hover .MenuSub3 {
	display: block;
}

#Topo .ItemMenu3:hover .link_menu {
	color: #00756C;
	border-bottom: 1px solid #00756C
}

#Topo .MenuSub4 {
	display: none;
	float: left;
	position: absolute;
	left: -12px;
	top: 20px;
	text-align: left;
	background-color: #ffffff;
	width: 202px;
	z-index: 10 !important;
}

#Topo .ItemMenu4:hover .MenuSub4 {
	display: block;
}

#Topo .ItemMenu4:hover .link_menu {
	color: #00756C;
	border-bottom: 1px solid #00756C
}

#Topo .MenuSub5 {
	display: none;
	float: left;
	position: absolute;
	left: -12px;
	top: 20px;
	text-align: left;
	background-color: #ffffff;
	width: 202px;
	z-index: 10 !important;
}

#Topo .ItemMenu5:hover .MenuSub5 {
	display: block;
}

#Topo .ItemMenu5:hover .link_menu {
	color: #00756C;
	border-bottom: 1px solid #00756C
}



#TopoMobile {
	float: left;
	width: 100%;
	text-align: center;
	display: none
}

#TopoMobile .div_logo {
	float: left;
	width: 100%;
	height: 90px;
	text-align: center;
	display: table
}

#TopoMobile .div_menu {
	float: left;
	width: 100%;
	height: 52px;
	text-align: center;
	display: table;
	background-color: #f8f8f8;
	padding: 0 12px
}

#TopoMobile .div_icone_mobile {
	float: left;
	width: calc(100% - 48px);
	text-align: left
}

#TopoMobile .div_idioma {
	float: left;
	width: 48px;
	text-align: right;
	padding-top: 4px
}

#TopoMobile .icone {
	float: left;
	width: 12px;
	text-align: left;
	margin-top: 5px
}

#TopoMobile .idioma {
	float: left;
	width: calc(100% - 12px);
	text-align: right
}

#TopoMobile .link_idioma {
	color: #686868;
	text-decoration: none
}

#TopoMobile .link_idioma:hover {
	text-decoration: underline
}

#MenuMobile {
	float: left;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none
}

#MenuMobile .fundo_escuro {
	float: left;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.40)
}

#MenuMobile .fundo_escuro_menu {
	float: left;
	width: 320px;
	height: 100%;
	background: rgb(0, 0, 0);
	text-align: left
}

#MenuMobile .centralizar {
	float: right;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0)
}

#MenuMobile .logo {
	float: left;
	width: 100%;
	height: 180px;
	text-align: center;
	display: table
}

#MenuMobile .tamanho_logo {
	width: 100%;
	max-width: 220px;
	height: 100%;
	max-height: 120px
}

#MenuMobile .menu {
	float: left;
	width: 100%;
	text-align: left;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #FFF;
	font-weight: 400;
	font-size: 18px;
	color: #FFF
}

#MenuMobile .menu:hover {
	background: rgb(0, 0, 0);
	cursor: pointer
}

#SetasBanner {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative
}

#SetasBanner .SetaCaroselAnterior {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_left_banner.png');
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

#SetasBanner .SetaCaroselProximo {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_right_banner.png');
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

#Banner {
	display: inline-block;
	width: 100%;
	max-width: 1920px !important;
	text-align: center
}

/**#Banner:before {content: ''; position:absolute; width:100%; max-width:1920px; height:100%; max-height:550px !important; background-color:#1e1916; opacity: 0.44; left:0; top:0; z-index:1}**/
#Banner .tamanho {
	max-width: 1920px;
	height: 28.6vw;
	max-height: 550px;
	object-fit: cover;
}

#Banner ul {
	padding-inline-start: 0px;
	height: 0px;
	margin-block-start: 0px;
	margin-block-end: 0px;
	-webkit-padding-inline-start: 0px;
	-webkit-margin-block-start: 0px;
	-webkit-margin-block-end: 0px;
	-moz-padding-inline-start: 0px;
	-moz-margin-block-start: 0px;
	-moz-margin-block-end: 0px;
}

#BannerMobile {
	padding: 0;
	display: none;
	width: 100%;
	max-width: 483px !important;
}

#BannerMobile .tamanho {
	max-width: 483px;
	height: 268px;
	max-height: 268px
}

#NossosProdutos {
	margin-top: 80px;
	position: relative;
	z-index: 1
}

#NossosProdutos .titulo {
	float: left;
	width: 100%;
	text-align: center
}

#NossosProdutos .subtitulo {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

#NossosProdutos .div_produtos {
	display: inline-block;
	width: calc(100% + 50px);
	max-width: 994px;
	text-align: center;
	margin: 50px 0 0 -50px
}

#NossosProdutos .blocos {
	display: inline-block;
	width: calc(33.3% - 54px);
	max-width: 298px;
	height: 355px;
	margin-left: 50px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16)
}

#NossosProdutos .icone {
	float: left;
	width: 100%;
	height: 190px;
	text-align: center;
	display: table
}

#NossosProdutos .titulo_icone {
	float: left;
	width: 100%;
	height: 64px;
	text-align: center;
	font-size: 28px
}

#NossosProdutos .h2_titulo {
	font-size: 28px
}

#NossosProdutos .div_botao {
	float: left;
	width: 100%;
	text-align: center
}

#NossosProdutos .botao {
	width: 80%;
	height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #00756c;
	background-color: transparent;
	border: 1px solid #00756c;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline-style: none;
	transition: transform .3s
}

#NossosProdutos .botao:hover {
	color: #FFF;
	background: linear-gradient(#399e68 0%, #00756c 100%);
	border: 0;
	transform: scale(1.10)
}

#Sobre {
	float: left;
	width: 100%;
	height: 605px;
	background: #F1F1F1;
	text-align: center;
}

#Sobre .centralizar_site {
	height: 100%
}

#Sobre .CentralizarSobre {
	float: left;
	width: 100%;
	display: table;
	text-align: center;
	height: 100%
}

#Sobre .div_sobre {
	float: left;
	width: calc(40% - 40px);
	height: 100%;
	display: table;
	text-align: left;
	margin-right: 40px
}

#Sobre .div_video {
	float: left;
	width: 60%;
	height: 100%;
	display: table;
	text-align: right
}

#Sobre .video {
	float: left;
	width: 100%;
	max-width: 745px;
	height: 480px;
	text-align: center;
	position: relative
}

#Sobre .class_background {
	float: left;
	width: 100%;
	max-width: 745px;
	height: 420px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

#Sobre .video_mp4 {
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

#Sobre .tamanho_video {
	width: 100%;
	max-width: 745px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Sobre .centralizar_icone {
	float: left;
	width: 100%;
	height: 420px;
	text-align: center;
	display: table
}

#Sobre .icone_play {
	width: 104px;
	height: 103px
}

#Sobre .icone {
	float: left;
	width: 100%;
	text-align: center;
	transition: transform .3s
}

#Sobre .clique {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 14px;
	font-size: 18px;
	font-weight: 500;
	color: #00756C;
	cursor: pointer;
	transition: transform .3s
}

#Sobre .clique:hover {
	text-decoration: underline;
	transform: scale(1.05)
}

#Sobre .class_icone:hover {
	transform: scale(1.05);
	cursor: pointer
}

#Sobre .titulo {
	float: left;
	width: 100%;
	text-align: left;
	color: #00756C;
	line-height: 50px
}

#Sobre .titulo_mobile {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #00756C;
	line-height: 36px;
	display: none
}

#Sobre .descricao {
	float: left;
	width: 100%;
	text-align: left;
	color: #686868;
	margin-top: 40px
}

#Sobre .div_botao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 40px
}

#Sobre .botao {
	width: 218px;
	height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #00756C;
	background-color: transparent;
	border: 1px solid #00756C;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline-style: none;
	transition: transform .5s
}

#Sobre .botao:hover {
	background-color: #00756C;
	color: #FFF;
	transform: scale(1.10)
}

#Sobre video,
iframe {
	min-height: auto !important
}

#Sobre h2 {
	font-size: 40px
}


#SetasGaleria {
	padding: 0;
	position: relative;
	background-color: #FFF;
	height: 390px
}

#SetasGaleria .SetaCaroselAnterior {
	float: left;
	width: 108px;
	height: 108px;
	background-image: url('../imagens/seta_left_responsabilidade.png');
	position: absolute;
	left: -37px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

#SetasGaleria .SetaCaroselProximo {
	float: left;
	width: 108px;
	height: 108px;
	background-image: url('../imagens/seta_right_responsabilidade.png');
	position: absolute;
	left: 20px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

#ServicosHome {
	float: left;
	width: 100%;
	text-align: center;
	height: auto;
	margin-top: 80px;
	margin-bottom: 30px;
	position: relative
}

#ServicosHome .Titulo {
	float: left;
	width: 100%;
	font-size: 40px;
	padding: 0px 12px;
	font-weight: 900;
	color: #00756C;
	margin-bottom: 60px;
	text-align: left
}

#ServicosHome .ServicosGaleria {
	display: inline-block;
	width: 100%;
	max-width: 100% !important;
	height: 400px;
	text-align: center
}

/* #ServicosHome .Galeria {float:left; text-align:center; width:100% !important} */
#ServicosHome .Galeria2 {
	display: inline-block;
	text-align: center;
	width: 100%;
}

#ServicosHome .Fundo {
	float: left;
	width: 100%;
	height: 393px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#ServicosHome .Filtro {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0, 117, 107, 0.65)
}

#ServicosHome .Infos1 {
	float: left;
	width: 100%;
	height: 127px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 30px 27px;
	background: #399E68;
}

#ServicosHome .Infos2 {
	float: left;
	width: 100%;
	height: 127px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 30px 27px;
	background: #399E68;
}

#ServicosHome .Icone {
	float: left;
	width: auto;
	height: 100%;
	display: table;
	margin-right: 20px;
	text-align: center
}

#ServicosHome .Nome {
	float: left;
	width: auto;
	height: 100%;
	display: table;
	text-align: left;
	color: #FFF;
	font-size: 28px;
	font-weight: 700
}

#ServicosHome .Botao1 {
	float: right;
	height: 100%;
	display: table;
	text-align: center
}

#ServicosHome .Botao1 input {
	width: 218px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	font-size: 16px;
	transition: 0.3s
}

#ServicosHome .Botao2 {
	float: right;
	height: 100%;
	display: table;
	text-align: center
}

#ServicosHome .Botao2 input {
	width: 218px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	font-size: 16px;
	transition: 0.3s
}

#ServicosHome .Galeria2:hover .Botao1 input {
	background: #ffffff;
	color: #399E68;
	cursor: pointer
}

#ServicosHome .Galeria2:hover .Botao2 input {
	background: #ffffff;
	color: #399E68;
	cursor: pointer
}

#ServicosHome .Galeria2:hover {
	opacity: 0.85;
	cursor: pointer
}

#ServicosHome .Galeria2.slick-current.slick-active .Infos1 {
	background-color: #00756b !important;
}

#ServicosHome h2 {
	font-size: 40px
}

#ServicosHome .SetaCaroselAnterior {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_left_banner.png');
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

#ServicosHome .SetaCaroselProximo {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_right_banner.png');
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 2;
	cursor: pointer
}

/* ===================================================== */
#Sustentabilidade {float:left; width:100%; height:auto; background:#FFF; text-align:center; margin-bottom:50px; padding:0px}
#Sustentabilidade .centralizar_site {padding:0px 12px}

/* desenvolvimento */
#Sustentabilidade .Desenvolvimento {float:left; width:100%; height:auto; display:flex; justify-content: space-between; align-items:center; margin-bottom:130px}
#Sustentabilidade .Desenvolvimento .Bloco1 {float:left; width:50%; margin-right:20px; text-align:left}
#Sustentabilidade .Desenvolvimento .Bloco1 img {width:100%;}
#Sustentabilidade .Desenvolvimento .Bloco2 {float:right; width:50%; margin-left:20px}
#Sustentabilidade .Desenvolvimento .Bloco2 .titulo {text-align:left; margin-bottom:30px; line-height:50px; width:80%}
#Sustentabilidade .Desenvolvimento .Bloco2 .texto {text-align:left}

/* compromissos */
#Sustentabilidade .Compromissos {float:left; width:100%; text-align:center; margin-bottom:80px}
#Sustentabilidade .Compromissos .BlocoPrincipal {float:left; width:calc(100% + 40px); margin-left:-40px; display:flex; flex-wrap:wrap}
#Sustentabilidade .Compromissos .Blocos {float:left; width:calc(50% - 40px); margin-left:40px; margin-bottom:40px; background:#00756C; padding:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 5px 25px rgba(0, 0, 0, 0.16) }
#Sustentabilidade .Compromissos .Blocos:first-child {background:#FFF; padding:0px; box-shadow: none; display:flex; justify-content: center; flex-direction: column;}
#Sustentabilidade .Compromissos .Blocos:last-child {background:#399E68}
#Sustentabilidade .Compromissos .Blocos .Icone {float:left; width:100%; text-align:left; margin-bottom:15px}
#Sustentabilidade .Compromissos .Blocos .Selo {float:left; width:auto; text-align:left; margin-top:25px; margin-right:15px}

#Sustentabilidade .Compromissos .Blocos .titulobloco1 {float:left; width:100%; color:#00756C; font-size:40px; line-height:50px; text-align:left; font-weight: 900;}
#Sustentabilidade .Compromissos .Blocos .subtitulobloco1 {float:left; text-align:left; width:100%; color:#686868; font-size:30px; line-height:50px; font-weight:400;}
#Sustentabilidade .Compromissos .Blocos .textobloco1 {float:left; text-align:left; width:100%; color:#686868; font-size:16px; line-height:23px; font-weight:400; margin-top:30px}

#Sustentabilidade .Compromissos .Blocos .titulobloco {float:left; width:100%; color:#FFF; font-size:28px; line-height:50px; text-align:left; font-weight: 900;}
#Sustentabilidade .Compromissos .Blocos .subtitulobloco {float:left; text-align:left; width:100%; color:#FFF; font-size:16px; line-height:23px; font-weight:400; }
#Sustentabilidade .Compromissos .Blocos .textobloco {float:left; text-align:left; width:100%; color:#FFF; font-size:16px; line-height:23px; font-weight:400;margin-top:30px}

/* programas ambientais e sociais */
#Sustentabilidade .ProgAmbientais {float:left; width:100%; background:#F1F1F1; padding:90px 0px 130px 0px; text-align:center}
#Sustentabilidade .ProgAmbientais .titulo_principal{float:left; text-align:left; width:49%; line-height:50px; margin-bottom:30px}
#Sustentabilidade .ProgAmbientais .texto_principal{float:left; text-align:left; width:100%; margin-bottom:45px}
#Sustentabilidade .ProgAmbientais .subtitulo_principal{float:left; text-align:left; width:100%; font-size:28px; margin-bottom:30px}

#Sustentabilidade .ProgSociais {float:left; width:100%; background:#FFF; padding:90px 0px 130px 0px; text-align:center}
#Sustentabilidade .ProgSociais .titulo_principal{float:left; text-align:left; width:49%; line-height:50px; margin-bottom:30px}
#Sustentabilidade .ProgSociais .texto_principal{float:left; text-align:left; width:100%; margin-bottom:45px}
#Sustentabilidade .ProgSociais .subtitulo_principal{float:left; text-align:left; width:100%; font-size:28px; margin-bottom:30px}

#Sustentabilidade .DivsProgramas {float:left; width:100%; margin-bottom:50px; text-align:left; display: flex;}
#Sustentabilidade .DivsProgramas .Btns{float:left; width:auto; padding:0px 18px; height:51px; border-radius:3px; background-color:#FFF; text-align:center; display:flex; align-items: center; justify-content: center; font-size:15px; color:#686868; font-weight:400; margin-right:8px; transition: 0.3s;}
#Sustentabilidade .ProgSociais .DivsProgramas .Btns{background-color:#F1F1F1; margin-right:5px; padding:0px 12px; font-size:14px}
#Sustentabilidade .DivsProgramas .Btns.Select{background-color:#399E68; color:#FFF}
#Sustentabilidade .DivsProgramas .Btns:hover{cursor:pointer; background:#00756C; color:#FFF}

#Sustentabilidade .BlocoConteudos {float:left; width:100%; text-align:center; display:flex; justify-content: space-between; align-items: center; transition: 0.3s; display:none}

#Sustentabilidade .BlocoImg {float:left; width:40%; position:relative}

#Sustentabilidade .IcoFlut {width:171px; height:171px; background:#399E68; border-radius:100%; position:absolute; right:0px; top:10px; display:flex; align-items: center; justify-content: center; z-index:8}
#Sustentabilidade .IcoFlut .ico2-social {width:50px}

#Sustentabilidade .ImagemPrincipal {float:left; width:380px; height:462px; border-radius:3px; background-position: center center; background-repeat: no-repeat; background-size: cover;margin-left:45px; z-index:5; position:relative}

#Sustentabilidade .ElipseFlut {position:absolute; left:0px; bottom:-40px;z-index:1; width:221px; height:221px; border-radius:100%; background:#00756C}

#Sustentabilidade .BlocoTxt {float:left; width:55%; text-align:left;}
#Sustentabilidade .BlocoTxt .titulo {float:left; width:100%; text-align:left; font-size:28px; margin-bottom:30px; line-height:34px !important}
#Sustentabilidade .BlocoTxt .texto {float:left; width:100%; text-align:left;  margin-bottom:30px}
#Sustentabilidade .BlocoTxt .TituloLogos {float:left; width:100%; text-align:left; font-size:18px; margin-bottom:20px}
#Sustentabilidade .BlocoTxt .Logotipos {float:left; width:100%; text-align:left;}
#Sustentabilidade .BlocoTxt .Logotipos img {margin-right:12px}



/* ===================================================== */


#ResultadosHome {
	float: left;
	width: 100%;
	text-align: center;
	height: auto;
	margin: 80px 0;
	padding: 0px 10px
}

#ResultadosHome .Imagem {
	float: left;
	width: 490px;
	text-align: center;
	height: 364px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
}

#ResultadosHome .Imagem:hover {
	cursor: pointer;
	opacity: 0.80;
}

#ResultadosHome .InfoImg {
	float: left;
	width: 100%;
	height: 108px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-left: 40px;
	background: rgba(57, 158, 104, 0.75);
}

#ResultadosHome .Nome {
	float: left;
	width: auto;
	height: 100%;
	display: table;
	text-align: left;
	color: #FFF;
	font-size: 28px;
	font-weight: 700;
	font-family: 'Source Sans Pro', sans-serif
}

#ResultadosHome .Icone {
	float: right;
	display: table;
	text-align: center;
}

#ResultadosHome .Infos {
	float: left;
	width: calc(100% - 590px);
	margin-left: 100px;
	height: 364px;
	display: table;
	text-align: center
}

#ResultadosHome .Titulo {
	float: left;
	width: 100%;
	font-size: 40px;
	font-weight: 900;
	color: #00756C;
	margin-bottom: 15px;
	text-align: left
}

#ResultadosHome .Texto {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #686868;
	margin-bottom: 30px;
	text-align: left
}

#ResultadosHome .SubTitulo {
	float: left;
	width: 100%;
	font-size: 28px;
	font-weight: 400;
	color: #686868;
	margin-bottom: 15px;
	text-align: left
}

#ResultadosHome .Botao {
	float: left;
	text-align: center
}

#ResultadosHome .Botao input {
	width: 218px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #00756C;
	background: transparent;
	color: #00756C;
	font-size: 16px;
	transition: 0.3s
}

#ResultadosHome .Botao:hover input {
	background: #00756b;
	color: #FFF;
	cursor: pointer
}

#ResultadosHome h2 {
	font-size: 40px
}

#MapaHome {
	background: rgba(0, 117, 107, 1);
	background: -moz-linear-gradient(left, rgba(0, 117, 107, 1) 0%, rgba(57, 158, 104, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 117, 107, 1)), color-stop(100%, rgba(57, 158, 104, 1)));
	background: -webkit-linear-gradient(left, rgba(0, 117, 107, 1) 0%, rgba(57, 158, 104, 1) 100%);
	background: -o-linear-gradient(left, rgba(0, 117, 107, 1) 0%, rgba(57, 158, 104, 1) 100%);
	background: -ms-linear-gradient(left, rgba(0, 117, 107, 1) 0%, rgba(57, 158, 104, 1) 100%);
	background: linear-gradient(to right, rgba(0, 117, 107, 1) 0%, rgba(57, 158, 104, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00756b', endColorstr='#399e68', GradientType=1);
	padding: 30px 12px;
	min-height: 490px
}

#MapaHome .div_informacoes {
	float: left;
	width: calc(100% - 686px);
	height: 400px;
	text-align: left;
	display: table;
	margin: 0px 60px 0 0
}

#MapaHome .div_mapa {
	float: left;
	width: 626px;
	text-align: right;
	position: relative
}

#MapaHome .mapa {
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer
}

#MapaHome .tamanho_mapa {
	width: 100%;
	max-width: 622px;
	height: 100%;
	max-height: 434px
}

#MapaHome .div_iframe {
	float: left;
	width: 100%;
	height: 434px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#MapaHome .titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px !important;
	color: #FFF
}

#MapaHome .h2_titulo {
	font-size: 40px
}

#MapaHome .texto {
	float: left;
	width: 100%;
	color: #FFF !important;
	text-align: left;
	margin-top: 26px
}

#MapaHome h2 {
	font-size: 40px
}



#GaleriaHome {
	background-color: #FFF;
	height: 390px;
	position: relative
}

#GaleriaHome .centralizar_titulo {
	float: right;
	width: 390px;
	height: 390px;
	text-align: right;
	margin-top: 50px;
	position: relative
}

#GaleriaHome .titulo {
	float: left;
	width: 100%;
	text-align: left
}

#GaleriaHome .h3_titulo {
	font-size: 32px
}

#GaleriaHome .texto {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px
}

#GaleriaHome .div_imagens {
	float: left;
	width: calc(60% + 30px);
	height: 390px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	margin: 48px 0 0 -30px
}

#GaleriaHome .imagem {
	float: left;
	width: 390px;
	height: 290px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	margin-left: 30px;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#ContatoHome {
	padding: 60px 12px
}

#ContatoHome .centralizar_blocos {
	float: left;
	width: 100%;
	text-align: center
}

#ContatoHome .div_trabalhe_conosco {
	float: left;
	width: calc(50% - 20px);
	max-width: 600px;
	height: 474px;
	text-align: center;
	background-image: url('../imagens/trabalhe-conosco.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	margin-right: 20px;
	position: relative
}

#ContatoHome .div_contato {
	float: left;
	width: calc(50% - 20px);
	max-width: 600px;
	height: 474px;
	text-align: center;
	background-image: url('../imagens/entre-em-contato.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	margin-left: 20px;
	position: relative
}

#ContatoHome .faixa_trabalhe_conosco {
	float: left;
	width: 100%;
	height: 186px;
	text-align: left;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	background-color: #00756c;
	opacity: 0.74;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

#ContatoHome .faixa_contato {
	float: left;
	width: 100%;
	height: 186px;
	text-align: left;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	background-color: #399e68;
	opacity: 0.74;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

#ContatoHome .div_conteudo {
	float: left;
	width: 100%;
	height: 186px;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}

#ContatoHome .div_branco {
	float: left;
	width: 186px;
	height: 186px;
	text-align: left;
	margin-left: 30px;
	background-color: #fff
}

#ContatoHome .icone {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

#ContatoHome .div_titulo_botao {
	float: left;
	width: calc(100% - 246px);
	height: 186px;
	text-align: left;
	margin-left: 30px;
	padding-right: 30px;
	display: table
}

#ContatoHome .div_titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: 900;
	font-size: 32px;
	color: #fff;
	line-height: 36px
}

#ContatoHome .h4_titulo {
	font-size: 36px
}

#ContatoHome .div_botao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 24px
}

#ContatoHome .botao {
	text-align: center;
	width: 218px;
	height: 50px;
	background-color: transparent;
	border: 1px solid #fff;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline-style: none;
	transition: transform .3s
}

#ContatoHome .botao:hover {
	background-color: #fff;
	color: #00756c;
	transform: scale(1.10)
}

#BannerInterna {
	display: inline-block;
	width: 100%;
	text-align: center
}

#BannerInterna .div_imagem {
	display: inline-block;
	width: 100%;
	max-width: 1920px;
	height: 28.6vw;
	max-height: 550px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat
}

#TituloPaginas {}

#TituloPaginas .migalha_pao {
	float: left;
	width: 100%;
	height: 60px;
	text-align: right;
	font-size: 15px;
	font-weight: 700;
	color: #00756C;
	display: table
}

#TituloPaginas .migalha_pao2 {
	float: left;
	width: 100%;
	height: 60px;
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	color: #00756C;
	display: table
}

#TituloPaginas .link_migalha_pao {
	font-weight: 400;
	color: #686868;
	text-decoration: none
}

#TituloPaginas .link_migalha_pao:hover {
	text-decoration: underline
}

#Empresa {}

#Empresa .titulo {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 50px
}

#Empresa .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px
}

#Empresa .titulos_menores {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
}

#Empresa .titulos_menores2 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 18px;
}

#Empresa .imagem {
	float: left;
	width: 100%;
	max-width: 1240px;
	height: 350px;
	text-align: center;
	margin: 40px 0 50px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Empresa .div_missao {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
	margin-top: 20px
}

#Empresa .bloco {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #f8f8f8;
	padding: 30px;
	margin-bottom: 10px;
	border-radius: 3px
}

#Empresa .icone {
	float: left;
	width: 44px;
	text-align: left
}

#Empresa .titulo_missao {
	float: left;
	width: calc(100% - 54px);
	text-align: left;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #00756C;
	display: table
}

#Empresa .h2_titulo {
	font-size: 22px
}

#Empresa .texto {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px;
	color: #686868;
	font-weight: 400
}

#Empresa .NumerosGeral {
	float: left;
	width: calc(100% + 30px);
	margin-left: -30px;
	margin-top: 20px
}

#Empresa .Numeros {
	float: left;
	width: calc(33% - 30px);
	height: 190px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 30px;
	display: table;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#Empresa .Numeros .Titulo {
	float: left;
	width: 100%;
	font-size: 37px;
	color: #FFF;
	text-align: left;
	font-weight: 700;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 4
}

#Empresa .Numeros .Texto {
	float: left;
	width: 100%;
	height: 17px;
	font-size: 14px;
	margin-top: 20px;
	text-align: left;
	color: #FFF;
	font-weight: 400;
	position: relative;
	z-index: 4
}

#Empresa .Numeros .Filtro {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.47);
	z-index: 1
}

#Empresa .NumerosGeral.SegundoBloco {
	margin-top: 30px;
	margin-bottom: 50px
}

#Empresa .GovernancaGeral {
	float: left;
	width: calc(100% + 30px);
	margin-left: -30px;
	margin-top: 40px;
	margin-bottom: 40px;
	display: flex;
}

#Empresa .Governanca {
	float: left;
	width: calc(25% - 30px);
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 30px;
	display: flex;
	position: relative;
	background: #00756C;
}

#Empresa .Governanca .Titulo {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #FFF;
	text-align: left;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 4
}

#Empresa .Governanca .Botao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px
}

#Empresa .Governanca .Botao input {
	width: 105px;
	height: 37px;
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 3px;
	font-size: 14px;
	background: transparent;
	transition: 0.3s;
}

#Empresa .Governanca .Botao input:hover {
	color: #00756C;
	background: #FFF;
	cursor: pointer
}

#Empresa .BotaoInovacao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 50px
}

#Empresa .BotaoInovacao input {
	width: 218px;
	height: 50px;
	border: 1px solid #00756C;
	color: #00756C;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
	background: transparent;
	transition: 0.3s
}

#Empresa .BotaoInovacao input:hover {
	color: #FFF;
	background: #00756C;
	cursor: pointer
}

#Empresa h1 {
	font-size: 40px
}

#Empresa h2 {
	font-size: 28px
}

#Empresa h3 {
	font-size: 18px
}

#Localizacao {
	background-color: #f1f1f1;
	padding: 60px 12px
}

#Localizacao .div_informacoes {
	float: left;
	width: calc(100% - 686px);
	height: 400px;
	text-align: left;
	margin: 70px 60px 0 0
}

#Localizacao .div_mapa {
	float: left;
	width: 626px;
	text-align: right;
	position: relative
}

#Localizacao .mapa {
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer
}

#Localizacao .tamanho_mapa {
	width: 100%;
	max-width: 622px;
	height: 100%;
	max-height: 434px
}

#Localizacao .div_iframe {
	float: left;
	width: 100%;
	height: 434px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#Localizacao .titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px
}

#Localizacao .h2_titulo {
	font-size: 32px
}

#Localizacao .texto {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 26px
}

#PremiosCertificacoes {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px 12px 20px;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	color: #686868
}

#PremiosCertificacoes .TopicoSecao {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 26px;
	margin-bottom: 50px;
	color: #00756C;
	font-weight: 900;
}

#PremiosCertificacoes .LinhaBlocos {
	width: calc(100% + 25px);
	display: inline-block;
	text-align: center;
	font-size: 0px;
	margin-left: -25px;
	margin-top: 20px
}

#PremiosCertificacoes .LinhaBlocos .ColunaBlocos1 {
	width: calc(33% - 35px) !important;
	float: left
}

#PremiosCertificacoes .LinhaBlocos .ColunaBlocos {
	width: calc(25% - 35px);
	display: inline-block;
	vertical-align: top;
	height: 260px;
	overflow: hidden;
	margin-left: 25px;
	margin-bottom: 20px;
}

#PremiosCertificacoes .LinhaBlocos .ColunaBlocos .ImagemBloco {
	width: 80%;
	display: inline-block;
	text-align: center;
	height: 140px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#PremiosCertificacoes .LinhaBlocos .ColunaBlocos .Texto1 {
	width: 100%;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	margin-top: 15px;
	color: #686868 !important;
	font-weight: 400
}

#PremiosCertificacoes .LinhaBlocos .ColunaBlocos .Texto2 {
	width: 100%;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 18px;
	margin-top: 20px;
}

#PremiosCertificacoes .titulos_menores {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
}

#PremiosCertificacoes h2 {
	font-size: 28px
}

#LinhaTempo {
	width: 100%;
	float: left;
	text-align: center;
	padding: 40px 12px 60px;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	color: #686868;
}

#LinhaTempo .titulos_menores {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
}

#LinhaTempo .BlocoTempo {
	float: left;
	width: 100%;
	background: #F8F8F8;
	padding: 40px 30px;
	margin-top: 32px
}

#LinhaTempo .Infos {
	float: left;
	width: 100%;
	margin-top: 30px
}

#LinhaTempo .AnoSel {
	float: left;
	width: 160px;
	color: #00756C;
	font-size: 65px;
	font-weight: 600;
	margin-right: 30px
}

#LinhaTempo .Textos {
	float: left;
	width: calc(100% - 190px);
	color: #686868;
	font-size: 16px;
	text-align: left;
	line-height: 26px;
	margin-top: 18px
}

#LinhaTempo .LinhaAnualPrincipal {
	float: left;
	width: 100%;
	text-align: center;
	position: relative
}

#LinhaTempo .LinhaAnual {
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 1140px;
	height: 54px;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
}

#LinhaTempo .Linhas {
	display: inline-block;
	margin-right: -4px;
	width: 71px !important;
	height: 32px;
	padding-bottom: 0px;
	border-bottom: 1px solid #399E68;
	position: relative;
	color: #686868;
	font-size: 16px;
	transition: 0.3s;
}

#LinhaTempo .Bolinha {
	position: absolute;
	left: 42%;
	bottom: -6px;
	border-radius: 24px;
	border: 1px solid #399E68;
	background: #FFF;
	width: 12px;
	height: 12px;
	transition: 0.3s
}

#LinhaTempo .Linhas:hover .Bolinha {
	background: #00756C;
	cursor: pointer
}

#LinhaTempo .Linhas:hover {
	color: #00756C;
	cursor: pointer
}

#LinhaTempo .LinhasSel {
	color: #00756C !important
}

#LinhaTempo .BolinhaSel {
	background: #00756C !important
}

#LinhaTempo .LinhaAnual::-webkit-scrollbar {
	height: 8px
}

#LinhaTempo .LinhaAnual::-webkit-scrollbar-track {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: #f1f1f1;
}

#LinhaTempo .LinhaAnual::-webkit-scrollbar-thumb {
	background-color: #bbbbbb;
	border-radius: 5px;
}

#LinhaTempo .SetaCaroselAnterior {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url('../imagens/seta_left_banner.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: -16px;
	top: 0;
	z-index: 2;
	cursor: pointer
}

#LinhaTempo .SetaCaroselProximo {
	float: left;
	width: 30px;
	height: 30px;
	background-image: url('../imagens/seta_right_banner.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	right: -16px;
	top: 0;
	z-index: 2;
	cursor: pointer
}

#LinhaTempo h2 {
	font-size: 28px
}


/*----------------InformacoesFinanceiras--------------------------*/
#InformacoesFinanceiras {
	width: 100%;
	float: left;
	text-align: center;
	padding: 30px 18px;
	background-color: #f1f1f1;
	font-family: 'Roboto', sans-serif;
	color: #686868;
	margin-bottom: 30px;
	margin-top: 15px
}

#InformacoesFinanceiras .TopicoSecao {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 26px;
	margin-bottom: 30px;
	color: #00756C;
	font-weight: 900;
}

#InformacoesFinanceiras .centralizar_select {
	float: left;
	width: 100%;
	text-align: left
}

#InformacoesFinanceiras .div_select {
	float: left;
	width: 110px;
	text-align: left;
	margin-top: 10px
}

#InformacoesFinanceiras .div_botao_select {
	float: left;
	width: 75px;
	text-align: left;
	margin-left: 8px;
	margin-top: 10px
}

#InformacoesFinanceiras .select {
	float: left;
	width: 110px;
	height: 45px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding-left: 10px
}

#InformacoesFinanceiras .botao_select {
	float: left;
	width: 75px;
	height: 45px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: transparent;
	border: 1px solid #00756c;
	font-weight: 700;
	font-size: 15px;
	color: #00756C;
	cursor: pointer;
	outline-style: none
}

#InformacoesFinanceiras .botao_select:hover {
	background-color: #00756C;
	color: #fff
}

#InformacoesFinanceiras .ResultadoFiltroRelatorio {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 30px;
	font-family: 'Roboto';
	display: none;
}

#InformacoesFinanceiras .TopicoForm {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

#InformacoesFinanceiras .TopicoForm .NomeTopicoForm {
	width: 100%;
	float: left;
	text-align: left;
	font-weight: 700;
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 20px;
	color: #00756C;
}

#InformacoesFinanceiras .TopicoForm .BlocoItemResultado {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	cursor: pointer;
}

#InformacoesFinanceiras .TopicoForm .BlocoItemResultado:last-child {
	margin-bottom: 0px;
}

#InformacoesFinanceiras .BlocoItemResultado .IconePdf {
	width: 50px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 20px;
	float: left;
	background-image: url('../imagens/pdf.svg');
}

#InformacoesFinanceiras .BlocoItemResultado .TextosPdf {
	width: calc(100% - 70px);
	float: left;
	text-align: left;
}

#InformacoesFinanceiras .BlocoItemResultado .TextosPdf .DataPdf {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 20px;
	font-weight: 700;
}

#InformacoesFinanceiras .BlocoItemResultado .TextosPdf .NomeArquivoPdf {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 18px;
}

#InformacoesFinanceiras .BlocoItemResultado .TextosPdf .NomeArquivoPdf .tamanho_arquivo {
	font-size: 13px;
}



/*----------------/InformacoesFinanceiras--------------------------*/


#Fotos {
	margin-bottom: 60px
}

#Fotos .titulo {
	float: left;
	width: 100%;
	text-align: left
}

#Fotos .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px
}

#Fotos .div_galeria {
	float: left;
	width: calc(100% + 27px);
	text-align: center;
	margin: 40px 0 0 -27px
}

#Fotos .bloco {
	display: inline-block;
	width: calc(33.3% - 30px);
	text-align: center;
	margin: 0 0 30px 27px;
	transition: transform .3s
}

#Fotos .bloco:hover {
	transform: scale(1.01)
}

#Fotos .centralizar_bloco {
	display: inline-block;
	width: 394px;
	height: 294px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative
}

#Fotos .div_legenda {
	float: left;
	width: 100%;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	background-color: #00756c;
	opacity: 0.74;
	display: none
}

#Fotos .legenda {
	float: left;
	width: calc(100% - 30px);
	text-align: left;
	padding-right: 30px;
	opacity: 1.2;
	color: #fff
}

#Fotos .icone_ampliacao {
	float: left;
	width: 30px;
	height: 100%;
	text-align: right;
	opacity: 6.0
}


/*---------------- Produtos --------------------------*/
#Produtos {
	margin-bottom: 50px
}

#Produtos .titulo_principal {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #00756C
}

#Produtos .titulo_produto {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	font-weight: 900;
	color: #00756C;
}

#Produtos .subtitulo {
	color: #00756C;
	font-size: 18px;
	font-weight: 700;
	text-align: left
}

#Produtos .descricao_produto {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	font-size: 16px;
	color: #686868;
	line-height: 23px
}

#Produtos .h1 {
	font-size: 40px
}

#Produtos .h2 {
	font-size: 28px
}

#Produtos h3 {
	font-size: 18px
}

#Produtos .BlocoGeral1 {
	float: left;
	width: 100%;
	margin-top: 40px
}

#Produtos .BlocoGeral1 .BlocoEsq {
	float: left;
	width: 50%
}

#Produtos .BlocoGeral1 .Imagem {
	float: left;
	width: 100%;
	height: 340px;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Produtos .BlocoGeral1 .BlocoDir {
	float: right;
	width: 50%
}

#Produtos .BlocoGeral1 .Linha1 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 30px;
}

#Produtos .BlocoGeral1 .Linha2 {
	float: left;
	width: 100%;
	background: #F8F8F8;
	border-radius: 3px;
	padding: 30px
}

#Produtos .BlocoGeral2 {
	float: left;
	width: 100%;
	margin-top: 80px
}

#Produtos .BlocoGeral2 .BlocoEsq {
	float: right;
	width: 50%
}

#Produtos .BlocoGeral2 .Imagem {
	float: left;
	width: 100%;
	height: 340px;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Produtos .BlocoGeral2 .BlocoDir {
	float: left;
	width: 50%
}

#Produtos .BlocoGeral2 .Linha1 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-right: 30px;
}

#Produtos .BlocoGeral2 .Linha2 {
	float: left;
	width: 100%;
	background: #F8F8F8;
	border-radius: 3px;
	padding: 30px
}


#Copersucar {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 40px 0
}

#Copersucar .centralizar {
	display: inline-block;
	width: 100%;
	max-width: 1920px;
	height: 365px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative
}

#Copersucar .centralizar_conteudo {
	float: left;
	width: 100%;
	height: 366px;
	text-align: center;
	display: table;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	padding: 0 12px
}

#Copersucar .logotipo {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#Copersucar .logotipo>img {
max-width: 200px
}

#Copersucar .texto {
	display: inline-block;
	width: 100%;
	max-width: 560px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	font-size: 16px
}

#Copersucar .link {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600
}

#Copersucar .link a {
	color: #fff;
	text-decoration: none;
}

#Copersucar .link a:hover {
	text-decoration: underline;
}

/*---------------- Produtos --------------------------*/


/*---------------- Noticias --------------------------*/
#Noticias {
	float: left;
	width: 100%;
	text-align: center;
}

#Noticias .Titulo_principal {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #00756C;
	margin-bottom: 40px
}

#Noticias .Titulo1 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 30px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #00756C
}

#Noticias .Titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 40px;
	color: #00756C;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

#Noticias .Subtitulo {
	color: #00756C;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

#Noticias .Descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin: 10px 0px;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #686868;
	line-height: 23px
}

#Noticias .h1 {
	font-size: 40px
}

#Noticias .h2 {
	font-size: 28px
}

#Noticias .LinhaDestaque {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 30px
}

#Noticias .Destaque {
	float: left;
	width: calc(100% - 425px);
	margin-right: 30px;
	text-align: center;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	transition: transform .3s
}

#Noticias .Destaque .Imagem {
	float: left;
	width: 100%;
	height: 367px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px 3px 0px 0px;
}

#Noticias .Destaque .Infos {
	float: left;
	width: 100%;
	padding: 30px
}

#Noticias .Destaque:hover {
	cursor: pointer;
	opacity: 0.80
}

#Noticias .Botao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px
}

#Noticias .Botao input {
	width: 105px;
	height: 37px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #00756C;
	color: #00756C;
	transition: 0.3s;
}

#Noticias .Botao input:hover {
	background: #00756C;
	color: #FFF;
	cursor: pointer
}

#Noticias .DestaqueMenor {
	float: left;
	width: 395px;
	text-align: center;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	margin-bottom: 30px;
	border-radius: 3px;
	transition: 0.3s
}

#Noticias .DestaqueMenor .Imagem {
	float: left;
	width: 100%;
	height: 175px;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Noticias .DestaqueMenor .Infos {
	float: left;
	width: 100%;
	padding: 20px
}

#Noticias .DestaqueMenor:hover {
	cursor: pointer;
	opacity: 0.80;
}

#Noticias .MaisNoticias {
	float: left;
}

#Noticias .BlocoMais {
	float: left;
	width: 100%;
	text-align: center;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	margin-bottom: 20px
}

#Noticias .MaisNoticias .Imagem {
	float: left;
	width: 362px;
	height: 201px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px 0px 0px 3px
}

#Noticias .MaisNoticias .Infos {
	float: left;
	width: calc(100% - 362px);
	padding-left: 40px;
	padding-right: 10px;
	height: 201px;
	display: table;
}

#Noticias .MaisNoticias .BotaoMais {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px
}

#Noticias .MaisNoticias .BotaoMais input {
	width: 218px;
	height: 50px;
	border: 1px solid #00756b;
	color: #00756b;
	font-size: 16px;
	font-weight: 700;
	border-radius: 3px;
	transition: 0.3s;
}

#Noticias .MaisNoticias .BotaoMais input:hover {
	background: #00756b;
	color: #FFF;
	cursor: pointer
}

#Noticias .Assessoria {
	float: left;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 40px
}

#Noticias .Assessoria .Infos {
	float: left;
	width: 100%;
	background: #F8F8F8;
	padding: 30px
}

#Noticias .Assessoria .Descricao {
	margin-bottom: 15px
}

#Noticias .Assessoria .Descricao:last-child {
	margin-bottom: 0px
}

#Noticias .H3 {
	font-size: 30px !important
}

#Noticias h2 {
	font-size: 28px
}

#Noticias h3 {
	font-size: 18px
}

#NoticiasDetalhes {
	float: left;
	width: 100%;
	text-align: center;
}

#NoticiasDetalhes .centralizar_site {
	max-width: 900px !important
}

#NoticiasDetalhes .Titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #00756C;
	margin-bottom: 30px;
	margin-top: 20px
}

#NoticiasDetalhes .Titulo h1 {
	font-size: 40px;
}

#NoticiasDetalhes .Texto {
	float: left;
	width: 100%;
	text-align: left;
	color: #686868;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 30px
}

#NoticiasDetalhes .Citacao {
	float: left;
	width: 100%;
	text-align: left;
	color: #686868;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	line-height: 23px;
	font-style: italic;
	margin-bottom: 30px
}

#NoticiasDetalhes .Citacao img {
	float: left;
	margin-right: 15px
}

#NoticiasDetalhes .Citacao .Txt {
	float: left;
	text-align: left;
	width: calc(100% - 51px);
	font-size: 16px
}

#NoticiasDetalhes .Imagem {
	float: none;
	display: inline-block;
	width: 85%;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 30px
}

#NoticiasDetalhes .Imagem img {
	width: auto;
	max-width: 100%;
	height: auto
}

#NoticiasDetalhes .Video {
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 30px;
	position: relative
}

#NoticiasDetalhes .Video video,
iframe {
	width: 100%;
	height: auto;
	min-height: 465px;
	position: relative
}

#NoticiasDetalhes .Video .capa {
	width: 100%;
	height: 100%;
	min-height: 465px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer
}

#NoticiasDetalhes .Compartilhar {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 90px
}

#NoticiasDetalhes .CompText {
	float: left;
	width: auto;
	font-size: 16px;
	color: #00756b;
	margin-right: 20px;
	text-align: left;
	font-weight: 700
}

#NoticiasDetalhes .CompIcones {
	float: left;
	margin-right: 15px;
	text-align: left
}

#NoticiasDetalhes .CompIcones img {
	height: 26px;
	width: 26px
}

#NoticiasDetalhes .CompIcones img:hover {
	opacity: 0.80;
}

#NoticiasDetalhes .CompIcones a {
	border: 0px;
	width: 100%;
	height: 100%;
	text-decoration: none
}

/*---------------- Noticias --------------------------*/


/*---------------- Oportunidades --------------------------*/
#Oportunidades {
	margin-bottom: 50px
}

#Oportunidades .titulo_principal {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px;
	font-weight: 900;
	color: #00756C
}

#Oportunidades .titulo_produto {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	font-weight: 900;
	color: #00756C;
}

#Oportunidades .subtitulo {
	color: #00756C;
	font-size: 18px;
	font-weight: 700;
	text-align: left
}

#Oportunidades .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	font-size: 16px;
	color: #686868;
}

#Oportunidades .descricao_produto {
	float: left;
	width: 100%;
	height: 120px;
	text-align: left;
	margin-top: 10px;
	font-size: 16px;
	color: #686868;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: auto;
	text-overflow: ellipsis;
	margin-bottom: 25px;
}

#Oportunidades .vaga {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	color: #686868;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #00756b;
	margin-bottom: 10px;
	margin-top: 12px
}

#Oportunidades .h1 {
	font-size: 40px
}

#Oportunidades .h2 {
	font-size: 18px
}

#Oportunidades .BlocoGeral1 {
	float: left;
	width: calc(100% + 20px);
	margin-left: -20px;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}

#Oportunidades .BlocoGeral1 .Blocos {
	float: left;
	min-height: 347px;
	width: calc(33.3% - 20px);
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
}

#Oportunidades .BlocoGeral1 .Botao {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 8px
}

#Oportunidades .BlocoGeral1 .Botao input {
	width: 218px;
	height: 50px;
	border: 1px solid #00756b;
	color: #00756b;
	font-size: 16px;
	font-weight: 700;
	border-radius: 3px;
	transition: 0.3s;
}

#Oportunidades .BlocoGeral1 .Botao input:hover {
	background: #00756b;
	color: #FFF;
	cursor: pointer
}

#VagaIdeal {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 20px 0 60px 0
}

#VagaIdeal .centralizar {
	display: inline-block;
	width: 100%;
	max-width: 1920px;
	height: 456px;
	text-align: center;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative
}

#VagaIdeal .centralizar_conteudo {
	float: left;
	width: 100%;
	height: 456px;
	text-align: center;
	display: table;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	padding: 0 12px
}

#VagaIdeal .subtitulo {
	display: inline-block;
	width: 100%;
	max-width: 1008px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 900
}

#VagaIdeal .texto {
	display: inline-block;
	width: 100%;
	max-width: 1008px;
	text-align: center;
	color: #fff;
	margin-top: 40px;
	font-size: 18px;
	margin-bottom: 30px
}

#VagaIdeal .Logotipos {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 10px
}

#VagaIdeal .logo {
	display: inline-block;
	width: 190px;
	margin-right: 20px;
	text-align: center;
}

#VagaIdeal .logo img {
	width: auto;
	height: auto
}

#VagaIdeal .Botao {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 8px
}

#VagaIdeal .Botao input {
	width: 218px;
	height: 50px;
	border: 1px solid #00756b;
	background: #FFF;
	color: #00756b;
	font-size: 16px;
	font-weight: 700;
	border-radius: 3px;
	transition: 0.3s;
}

#VagaIdeal .Botao input:hover {
	background: #00756b;
	color: #FFF;
	cursor: pointer
}

#Oportunidades .CarrosselPrincipal {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 40px
}

#Oportunidades .Carrossel {
	float: left;
	width: 100%;
	text-align: center
}

#Oportunidades .CarrPrincipal {
	float: left;
	text-align: center;
	width: 393px;
	background: #F8F8F8;
	padding: 40px;
	border-radius: 3px;
	min-height: 365px;
	margin: 15px;
}

#Oportunidades .Nome {
	float: left;
	color: #00756C;
	font-size: 18px;
	height: 70px;
	font-weight: 700;
	text-align: left;
	display: table;
	margin-left: 10px;
	width: calc(100% - 80px)
}

#Oportunidades .Foto {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
	border-radius: 40px;
}

#Oportunidades .descricao_produto2 {
	float: left;
	width: 100%;
	height: 200px;
	text-align: left;
	margin-top: 10px;
	font-size: 18px;
	color: #686868;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

#Oportunidades .titulo_produto2 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	font-weight: 900;
	margin-top: 20px;
	margin-top: 25px;
	color: #00756C;
}

#Oportunidades .titulo_produto2 h3 {
	font-size: 28px;
}

#Oportunidades {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative
}

#Oportunidades .SetaCaroselAnterior {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_left_banner.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: -17px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	border-radius: 30px
}

#Oportunidades .SetaCaroselProximo {
	float: left;
	width: 33px;
	height: 33px;
	background-image: url('../imagens/seta_right_banner.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: -17px;
	top: 50%;
	transform: translate(50%, -50%);
	z-index: 2;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	border-radius: 30px
}

/*---------------- Oportunidades --------------------------*/


#Responsabilidade {
	margin-bottom: 50px
}

#Responsabilidade .titulo {
	float: left;
	width: 100%;
	text-align: left
}

#Responsabilidade .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px
}

#Ambiental {
	padding: 60px 12px 50px 12px;
	background-color: #f1f1f1
}

#Ambiental .imagem {
	float: left;
	width: 100%;
	max-width: 1240px;
	height: 350px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Ambiental .titulo_geral {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	margin: 30px 0 14px 0
}

#Ambiental .h2_font {
	font-size: 32px
}

#Ambiental .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 30px
}

#Ambiental .bloco {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 45px 45px 45px 0;
	margin-bottom: 10px
}

#Ambiental .icone {
	float: left;
	width: 260px;
	text-align: center
}

#Ambiental .centralizar_descricao {
	float: left;
	width: calc(100% - 260px);
	text-align: left
}

#Ambiental .titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 18px
}

#Ambiental .h3_titulo {
	font-size: 22px
}

#Ambiental .conteudo {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 14px
}

#Ambiental .div_pdf {
	float: left;
	width: 100%;
	max-width: 560px;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Ambiental .icone_pdf {
	float: left;
	width: 36px;
	text-align: center
}

#Ambiental .titulo_pdf {
	float: left;
	width: calc(100% - 50px);
	height: 35px;
	text-align: left;
	margin-left: 14px;
	font-weight: 700;
	display: table
}

#Ambiental .centralizar_select {
	float: left;
	width: 100%;
	text-align: left
}

#Ambiental .div_select {
	float: left;
	width: 110px;
	text-align: left
}

#Ambiental .div_botao_select {
	float: left;
	width: 75px;
	text-align: left;
	margin-left: 8px
}

#Ambiental .select {
	float: left;
	width: 110px;
	height: 45px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding-left: 10px
}

#Ambiental .botao_select {
	float: left;
	width: 75px;
	height: 45px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: transparent;
	border: 1px solid #00756c;
	font-weight: 700;
	font-size: 15px;
	color: #00756C;
	cursor: pointer;
	outline-style: none
}

#Ambiental .botao_select:hover {
	background-color: #00756C;
	color: #fff
}


#Ambiental2 {
	padding: 60px 12px 50px 12px;
	background-color: #f1f1f1
}

#Ambiental2 .imagem {
	float: left;
	width: 100%;
	max-width: 1240px;
	height: 350px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Ambiental2 .titulo_geral {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	margin: 30px 0 14px 0
}

#Ambiental2 .h2_font {
	font-size: 32px
}

#Ambiental2 .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 30px
}

#Ambiental2 .bloco {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 45px 45px 45px 0;
	margin-bottom: 10px
}

#Ambiental2 .icone {
	float: left;
	width: 260px;
	text-align: center
}

#Ambiental2 .centralizar_descricao {
	float: left;
	width: calc(100% - 260px);
	text-align: left
}

#Ambiental2 .titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 18px
}

#Ambiental2 .h3_titulo {
	font-size: 22px
}

#Ambiental2 .conteudo {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 14px
}

#Ambiental2 .div_pdf {
	float: left;
	width: 100%;
	max-width: 560px;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Ambiental2 .icone_pdf {
	float: left;
	width: 36px;
	text-align: center
}

#Ambiental2 .titulo_pdf {
	float: left;
	width: calc(100% - 50px);
	height: 35px;
	text-align: left;
	margin-left: 14px;
	font-weight: 700;
	display: table
}

#Ambiental2 .centralizar_select {
	float: left;
	width: 100%;
	text-align: left
}

#Ambiental2 .div_select {
	float: left;
	width: 110px;
	text-align: left
}

#Ambiental2 .div_botao_select {
	float: left;
	width: 75px;
	text-align: left;
	margin-left: 8px
}

#Ambiental2 .select {
	float: left;
	width: 110px;
	height: 45px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding-left: 10px
}

#Ambiental2 .botao_select {
	float: left;
	width: 75px;
	height: 45px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: transparent;
	border: 1px solid #00756c;
	font-weight: 700;
	font-size: 15px;
	color: #00756C;
	cursor: pointer;
	outline-style: none
}

#Ambiental2 .botao_select:hover {
	background-color: #00756C;
	color: #fff
}


#SetasResponsabilidade {
	padding: 0;
	position: relative
}

#SetasResponsabilidade .SetaCaroselAnterior {
	float: left;
	width: 108px;
	height: 108px;
	background-image: url('../imagens/seta_left_responsabilidade.png');
	position: absolute;
	left: -40px;
	top: 28%;
	z-index: 2;
	cursor: pointer
}

#SetasResponsabilidade .SetaCaroselProximo {
	float: left;
	width: 108px;
	height: 108px;
	background-image: url('../imagens/seta_right_responsabilidade.png');
	position: absolute;
	right: -40px;
	top: 28%;
	z-index: 2;
	cursor: pointer
}

#Social {
	padding: 60px 12px 50px 12px
}

#Social .imagem {
	float: left;
	width: 100%;
	max-width: 1240px;
	height: 350px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Social .titulo_geral {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 28px;
	margin: 30px 0 14px 0
}

#Social .h2_font {
	font-size: 32px
}

#Social .descricao {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 30px
}

#Social .bloco {
	float: left;
	width: 100%;
	text-align: left;
	background-color: #f8f8f8;
	padding: 20px;
	margin-bottom: 10px
}

#Social .div_foto {
	float: left;
	width: 240px;
	text-align: center
}

#Social .div_foto2 {
	float: left;
	width: 240px;
	text-align: center
}

#Social .div_foto_mobile {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	display: none
}

#Social .foto {
	float: left;
	width: 240px;
	height: 180px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#Social .div_conteudo {
	float: left;
	width: calc(100% - 264px);
	text-align: left;
	margin-left: 24px
}

#Social .titulo {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 18px
}

#Social .h3_titulo {
	font-size: 22px
}

#Social .conteudo {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 14px
}

#Social .div_conteudo2 {
	float: left;
	width: calc(100% - 264px);
	text-align: left;
	margin-right: 24px
}

#Social .titulo2 {
	float: left;
	width: 100%;
	text-align: right;
	font-size: 18px
}

#Social .conteudo2 {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 14px
}

#Social .div_conteudo_politica {
	display: inline-block;
	width: 100%;
	max-width: 1208px;
	text-align: center;
	margin-top: 14px;
	background-color: #f8f8f8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 46px 60px
}

#Social .numero {
	float: left;
	width: 41px;
	height: 41px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: linear-gradient(to right, #00756c 0%, #399e68 100%);
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: table
}

#Social .texto_politica {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 16px
}

#Social .div_pdf {
	float: left;
	width: 100%;
	max-width: 560px;
	padding: 10px;
	background-color: #f1f1f1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Social .icone_pdf {
	float: left;
	width: 36px;
	text-align: center
}

#Social .titulo_pdf {
	float: left;
	width: calc(100% - 50px);
	height: 35px;
	text-align: left;
	margin-left: 14px;
	font-weight: 700;
	display: table
}

#Social .envolvendo {
	display: inline-block;
	width: 100%;
	max-width: 1208px;
	text-align: center
}

#Contato {
	margin-bottom: 100px
}

#Contato .titulo {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 40px
}

#Contato .bloco_informacoes {
	float: left;
	width: 440px;
	text-align: left
}

#Contato .div_informacoes {
	float: left;
	width: 100%;
	text-align: left;
	padding: 40px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: linear-gradient(to right, #00756c 0%, #399e68 100%);
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16)
}

#Contato .centralizar_informacoes {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 12px
}

#Contato .icone {
	float: left;
	width: 20px;
	text-align: left;
	margin-top: 2px
}

#Contato .informacoes {
	float: left;
	width: calc(100% - 28px);
	text-align: left;
	color: #fff;
	margin-left: 8px
}

#Contato .div_redes_sociais {
	float: left;
	width: calc(100% - 28px);
	text-align: left;
	margin: 6px 0 0 28px
}

#Contato .icones_redes_sociais {
	float: left;
	text-align: left;
	margin-right: 16px;
	transition: transform .3s
}

#Contato .icones_redes_sociais:hover {
	transform: scale(1.10)
}

#Contato .div_mapa {
	float: left;
	width: 100%;
	height: 486px;
	text-align: center;
	margin-top: 50px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
	position: relative
}

#Contato .tamanho_mapa {
	width: 100%;
	max-width: 622px;
	height: 100%;
	max-height: 434px
}

#Contato .div_iframe {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#Contato iframe {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Contato .background_mapa {
	float: left;
	width: 100%;
	height: 486px;
	text-align: center;
	background-image: url('../imagens/mapa.jpg');
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Contato .background_transparente {
	float: left;
	width: 100%;
	height: 486px;
	text-align: center;
	background-color: transparent;
	opacity: 0.76;
	backdrop-filter: blur(40px);
	--webkit-backdrop-filter: blur(40px);
	background-color: #399E68;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#Contato .iframe_mapa {
	float: left;
	width: 100%;
	height: 486px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#Contato .div_botao {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 45%;
	z-index: 2
}

#Contato .botao {
	text-align: center;
	width: 218px;
	height: 50px;
	background-color: transparent;
	border: 1px solid #fff;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline-style: none;
	transition: transform .3s
}

#Contato .botao:hover {
	background-color: #FFF;
	color: #399E68;
	transform: scale(1.10)
}

#Contato .div_formulario {
	float: left;
	width: calc(100% - 500px);
	text-align: left;
	margin-left: 60px
}

#Contato .div_formulario_mobile {
	float: left;
	width: 100%;
	text-align: left;
	display: none
}

#Contato .titulo_input {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 14px
}

#Contato .div_input {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 24px
}

#Contato .input {
	float: left;
	width: 100%;
	height: 45px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 20px
}

#Contato .select {
	float: left;
	width: 100%;
	height: 45px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	padding: 0 20px 0 20px
}

#Contato .textarea {
	float: left;
	width: 100%;
	height: 120px;
	text-align: left;
	font-weight: 400;
	color: #88888A;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	padding: 20px 0 0 20px;
	overflow: hidden;
	resize: none
}

#Contato .div_botao_formulario {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 16px
}

#Contato .botao_formulario {
	text-align: center;
	width: 218px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #00756c;
	font-weight: 700;
	font-size: 16px;
	color: #00756C;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline-style: none;
	transition: transform .3s
}

#Contato .botao_formulario:hover {
	background-color: #00756c;
	color: #fff;
	transform: scale(1.10)
}

#Rodape {
	background-color: #1E1916
}

#Rodape .centralizar_rodape {
	float: left;
	width: 100%;
	min-height: 208px;
	text-align: center;
	border-bottom: 1px solid #2E2E2E;
	display: table
}

#Rodape .div_logo {
	float: left;
	width: 33.3%;
	text-align: left
}

#Rodape .div_contato {
	float: left;
	width: 33.3%;
	text-align: left
}

#Rodape .div_redes_sociais {
	float: left;
	width: 33.3%;
	text-align: left
}

#Rodape .tamanho_logo {
	width: 224px;
	height: 126px
}

#Rodape .titulo_contato {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

#Rodape .centralizar_contato {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 14px
}

#Rodape .icone_contato {
	float: left;
	width: 20px;
	text-align: left
}

#Rodape .endereco {
	float: left;
	width: calc(70% - 30px);
	text-align: left;
	color: #fff;
	line-height: 20px;
	margin-left: 10px
}

#Rodape .privacidade {
	float: left;
	width: calc(100% - 30px);
	text-align: left;
	color: #fff;
	line-height: 20px;
	margin-left: 10px
}

#Rodape .telefone {
	float: left;
	width: calc(100% - 30px);
	text-align: left;
	line-height: 20px;
	margin-left: 10px
}

#Rodape .link_telefone {
	color: #fff;
	text-decoration: none
}

#Rodape .link_telefone:hover {
	text-decoration: underline
}

#Rodape .centralizar_redes_sociais {
	float: left;
	width: calc(100% + 20px);
	text-align: left;
	margin: 14px 0 0 -20px
}

#Rodape .icone_redes_sociais {
	float: left;
	text-align: left;
	margin-left: 20px;
	transition: transform .3s
}

#Rodape .icone_redes_sociais:hover {
	transform: scale(1.10)
}

#Rodape .copyright {
	float: left;
	width: 100%;
	height: 60px;
	text-align: center;
	display: table;
	color: #fff
}

#AvisoCookie {
	width: calc(100% - 655px);
	max-width: 1248px;
	height: auto;
	position: fixed;
	bottom: 0px;
	background: #F1F1F1;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	z-index: 99999999;
	text-align: center;
	padding: 30px 50px;
	font-family: Roboto;
}

#AvisoCookie .TextoAviso {
	text-align: left;
	font-size: 15px;
	width: calc(100% - 155px);
	height: 100%;
	float: left;
	color: #111111;
	padding-top: 15px;
	line-height: 26px;
	max-width: 860px;
}

#AvisoCookie .BlocoAviso {
	float: right;
	padding-top: 15px;
}

#AvisoCookie .BlocoAviso .AceitaAviso {
	width: 140px;
	padding: 13px 0px;
	text-align: center;
	background-color: #2EC56B;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
}

#AvisoCookie .BlocoAviso .MaisInfoAviso {
	width: 287px;
	color: #2EC56B;
	font-size: 13px;
	text-decoration: underline;
	margin-top: 15px;
}



/*----------------ORDENAR--------------------------*/
#JanelaConteudo .VincCont {
	float: left;
	width: 100%;
	border-top: 1px #ddd solid;
	margin-top: 10px;
	padding-top: 10px
}

#JanelaConteudo .VincImg {
	float: left;
	width: 120px;
	height: 100px;
	border: 1px #ddd solid;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center
}

#JanelaConteudo .VincImg img {
	max-width: 100%;
	max-height: 100%
}

#JanelaConteudo .VincTxt {
	float: left;
	width: calc(100% - 270px);
	padding: 0px 20px;
	box-sizing: border-box;
	height: 100px;
	position: relative;
	font-size: 14px
}

#JanelaConteudo .VincBotao {
	float: left;
	width: 150px;
	height: 100px;
	position: relative
}

#JanelaConteudo .VincBotao input[type=button] {
	height: 40px;
	background-color: #333;
	border: 0px;
	border-radius: 3px;
	width: 150px;
	color: #fff;
	font-size: 13px
}

#JanelaConteudo .VincBotao input[type=button]:hover {
	cursor: pointer;
	background-color: #555
}

#JanelaConteudo .BtVerde {
	background-color: #74AD1F !important
}

#JanelaConteudo .OrdTitulo {
	float: left;
	width: 100%;
	margin-bottom: 10px
}

#JanelaConteudo .OrdCatDivDefault {
	float: left;
	width: 100%
}

#JanelaConteudo .OrdCatBox {
	float: left;
	width: 100%;
	border: 1px #ddd solid;
	padding: 10px 16px;
	box-sizing: border-box;
	margin-top: 8px;
	font-size: 14px;
	border-radius: 3px;
	background-color: #fff
}

#JanelaConteudo .OrdCatBox:hover {
	border: 1px #666 solid;
	cursor: move
}

#JanelaConteudo .OrdProdImg {
	float: left;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat
}

#JanelaConteudo .OrdProdTxt {
	float: left;
	margin-left: 20px;
	width: calc(100% - 70px);
	height: 50px;
	position: relative
}

/*----------------/ORDENAR--------------------------*/

*::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

*::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: transparent;
} 

*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #00756C;
}
  
*::-webkit-scrollbar-thumb:hover {
	background-color: #00756C;
}
  
*::-webkit-scrollbar-thumb:active {
	background-color: #00756C;
}

/* =======================================================================||========================================================================================= */


/*- RESPONSIVO -*/
@media screen and (max-width:3823px) {
	#GaleriaHome .div_imagens {
		width: calc(54% + 30px)
	}
}

@media screen and (max-width:2396px) {
	#GaleriaHome .div_imagens {
		width: calc(56% + 30px)
	}
}

@media screen and (max-width:1920px) {
	#GaleriaHome .div_imagens {
		width: calc(60% + 30px)
	}
}

@media screen and (max-width:1700px) {

	#ServicosHome .Nome {
		font-size: 20px
	}

	#ServicosHome .Icone img {
		width: auto;
		height: 42px
	}

	#ServicosHome .Botao1 input {
		width: 110px;
	}

	#ServicosHome .Botao2 input {
		width: 110px;
	}
}

@media screen and (max-width:1470px) {
	#AvisoCookie {
		width: calc(100% - 250px);
	}
}

@media screen and (max-width:1366px) {
	#GaleriaHome .imagem {
		width: 310px
	}

	#GaleriaHome .div_imagens {
		width: calc(63% + 30px)
	}
}

@media screen and (max-width:1340px) {
	#SetasResponsabilidade .SetaCaroselAnterior {
		display: none
	}

	#SetasResponsabilidade .SetaCaroselProximo {
		display: none
	}

}

@media screen and (max-width:1312px) {
	#Fotos .bloco {
		width: calc(50% - 30px)
	}

	#VagaIdeal .logo {
		width: 160px;
		margin-bottom: 20px
	}

	#VagaIdeal .Logotipos {
		margin-bottom: 0px
	}
}

@media screen and (max-width:1152px) {
	#ServicosHome .Nome {
		font-size: 22px
	}

	#ServicosHome .Botao1 input {
		width: 170px;
	}

	#ServicosHome .Botao2 input {
		width: 170px;
	}
}

@media screen and (max-width:1100px) {
	#Sobre {
		padding-top: 170px;
		height: auto;
		padding: 60px 10px 30px 10px
	}

	#Sobre .div_sobre {
		width: 100%;
		margin-right: 0;
		height: auto
	}

	#Sobre .div_video {
		float: none;
		display: inline-block;
		width: 90%;
		text-align: center;
		margin-top: 50px;
		padding-bottom: 0px
	}

	#Sobre .div_video .alignCenter {
		top: unset;
		display: unset;
		vertical-align: unset
	}

	#Sobre .video {
		float: none;
		display: inline-block
	}

	#Sobre .titulo {
		display: none
	}

	#Sobre .titulo_mobile {
		display: inline
	}

	#Sobre .descricao {
		text-align: center;
		margin-top: 30px
	}

	#Sobre .div_botao {
		text-align: center
	}

	#Sobre .CentralizarSobre {
		height: auto
	}

	#AvisoCookie {
		width: 100%;
		max-width: unset;
	}
}

@media screen and (max-width:1280px) {
	#Topo {
		display: none
	}

	#TopoMobile {
		display: inline;
		margin-bottom: 1px
	}

	#TopoMobile .div_idioma {
		padding-top: 8px
	}

	#Oportunidades .SetaCaroselAnterior {
		left: 0px;
	}

	#Oportunidades .SetaCaroselProximo {
		right: 0px;
	}
}

@media screen and (max-width:1090px) {
	#Localizacao .div_informacoes {
		width: 100%;
		height: auto;
		margin: 0 0 50px 0
	}

	#Localizacao .div_mapa {
		width: 100%;
		height: 434px;
		text-align: center
	}

	#Localizacao {
		padding: 40px 12px
	}

	#MapaHome .div_informacoes {
		width: 100%;
		height: auto;
		margin: 0 0 50px 0
	}

	#MapaHome .div_mapa {
		width: 100%;
		height: 434px;
		text-align: center
	}

	#MapaHome {
		padding: 40px 12px
	}

	#GaleriaHome {
		height: 580px
	}

	#GaleriaHome .centralizar_titulo {
		width: 100%;
		margin-top: 30px;
		height: auto
	}

	#GaleriaHome .div_imagens {
		width: 100%;
		margin: 48px 0 0 0;
		top: 140px;
		height: auto
	}

	#SetasGaleria {
		height: auto
	}

	#SetasGaleria .SetaCaroselAnterior {
		top: 446px;
		left: -20px
	}

	#SetasGaleria .SetaCaroselProximo {
		top: 446px;
		left: 30px
	}

	#ResultadosHome .Imagem {
		display: inline-block;
		width: 100%;
	}

	#ResultadosHome .Infos {
		display: inline-block;
		width: 100%;
		margin: 20px 0 30px;
		height: auto
	}

	#Empresa .NumerosGeral {
		width: calc(100% + 15px);
		margin-left: -15px;
	}

	#Empresa .Numeros {
		width: calc(33% - 15px);
		margin-left: 15px;
		margin-bottom: 15px
	}

}


@media screen and (max-width:1080px) {
	#ContatoHome {
		padding: 50px 30px
	}

	#ContatoHome .div_trabalhe_conosco {
		float: none;
		display: inline-block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px
	}

	#ContatoHome .div_contato {
		float: none;
		display: inline-block;
		width: 100%;
		margin-left: 0
	}

	#PremiosCertificacoes .LinhaBlocos .ColunaBlocos {
		width: calc(33.33% - 25px);
	}
}

@media screen and (max-width:1050px) {
	#Empresa .Numeros {
		width: calc(50% - 15px)
	}

	#Noticias .Destaque {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	#Noticias .Titulo_principal {
		-webkit-line-clamp: unset;
		-webkit-box-orient: unser;
		overflow: unset;
		text-overflow: unset;
	}

	#Noticias .DestaqueMenor {
		width: calc(50% - 30px);
		margin-right: 30px;
	}

	#Noticias .DestaqueMenor:last-child {
		width: 50%;
		margin-right: 0px;
	}
}

@media screen and (max-width:1040px) {
	#Rodape .div_logo {
		width: 100%;
		text-align: center;
		margin: 40px 0
	}

	#Rodape .div_contato {
		display: inline-block;
		width: 33.33%;
		text-align: center;
		margin-bottom: 40px
	}

	#Rodape .div_redes_sociais {
		width: 33.33% !important;
		text-align: center
	}

	#Rodape .titulo_contato {
		text-align: center
	}

	#Rodape .centralizar_contato {
		text-align: center
	}

	#Rodape .centralizar_redes_sociais {
		float: none;
		display: inline-block;
		width: 100%;
		margin: 14px 0 40px 0;
		text-align: center
	}

	#Rodape .icone_redes_sociais {
		text-align: center;
		margin-left: 18px
	}


	#Rodape .centralizar_redes_sociais {
		width: 100% !important;
		display: inline-block;
		text-align: center;
		float: none;
		display: inline-block;
		text-align: center;
		float: none;
	}

	#Rodape .icone_redes_sociais {
		display: inline-block;
		float: none;
	}

	#Rodape .icone_redes_sociais:first-child {
		margin-left: 0px;
	}


}

@media screen and (max-width:1024px) {
	.titulo_principal {
		font-size: 40px;
	}

	#NossosProdutos .div_produtos {
		max-width: 900px;
	}

	#NossosProdutos .blocos {
		width: calc(33.3% - 46px);
		max-width: 298px;
		height: 345px;
		margin-left: 30px
	}
}


@media screen and (max-width:1000px) {
	#Produtos .BlocoGeral1 .BlocoEsq {
		width: 35%
	}

	#Produtos .BlocoGeral1 .BlocoDir {
		width: 65%
	}

	#Produtos .BlocoGeral2 .BlocoEsq {
		width: 35%
	}

	#Produtos .BlocoGeral2 .BlocoDir {
		width: 65%
	}

	#NoticiasDetalhes .Titulo h1 {
		font-size: 26px;
	}

	#NoticiasDetalhes .Video .capa {
		min-height: 290px
	}

	#NoticiasDetalhes .Video video,
	iframe {
		min-height: 290px
	}
}

@media screen and (max-width:980px) {
	#Contato .div_formulario {
		display: none
	}

	#Contato .div_formulario_mobile {
		display: inline
	}

	#Contato .bloco_informacoes {
		width: 100%;
		margin-top: 40px
	}

	#Contato .titulo_input {
		margin-bottom: 8px
	}

	#Contato .div_input {
		margin-bottom: 16px
	}

	#Contato .div_botao_formulario {
		margin-top: 8px
	}

}

/* @media screen and (max-width:970px) {
#Rodape .div_contato {width:40%}
} */

@media screen and (max-width:950px) {
	#Rodape .centralizar_redes_sociais {
		width: 14%
	}

	#Empresa .GovernancaGeral {
		flex-wrap: wrap;
	}

	#Empresa .Governanca {
		width: calc(50% - 30px);
	}

	#Noticias .MaisNoticias .Imagem {
		width: 264px
	}

	#Noticias .MaisNoticias .Infos {
		width: calc(100% - 264px);
		padding: 0px 10px 0px 15px
	}

	#Oportunidades .BlocoGeral1 .Blocos {
		width: calc(50% - 20px)
	}

	#Produtos .h1 {
		font-size: 32px
	}

	#Produtos .h2 {
		font-size: 24px
	}

	#Produtos h3 {
		font-size: 16px
	}

	#Noticias h2 {
		font-size: 24px
	}

	#Noticias h3 {
		font-size: 16px
	}

	#LinhaTempo h2 {
		font-size: 24px
	}

	#PremiosCertificacoes h2 {
		font-size: 24px
	}

	#Empresa h1 {
		font-size: 32px
	}

	#Empresa h2 {
		font-size: 24px
	}

	#Empresa h3 {
		font-size: 16px
	}

	#MapaHome h2 {
		font-size: 32px
	}

	#ResultadosHome h2 {
		font-size: 32px
	}

	#ServicosHome h2 {
		font-size: 32px
	}

	#Sobre h2 {
		font-size: 32px
	}

	#Oportunidades .h1 {
		font-size: 32px
	}

	#Oportunidades .h2 {
		font-size: 16px
	}

	#Oportunidades .titulo_produto2 h3 {
		font-size: 24px;
	}
}


@media screen and (max-width:890px) {
	#Fotos .div_galeria {
		width: 100%;
		margin: 40px 0 0 0
	}

	#Fotos .bloco {
		width: calc(100% - 3px);
		margin-left: 0px
	}

	#PremiosCertificacoes .LinhaBlocos .ColunaBlocos {
		width: calc(50% - 25px);
	}
}

@media screen and (max-width:850px) {
	#AvisoCookie .TextoAviso {
		width: 100%
	}

	#AvisoCookie .BlocoAviso {
		margin-top: 20px;
		width: 100%;
	}

	#AvisoCookie .BlocoAviso .AceitaAviso {
		float: right;
	}

	#AvisoCookie .BlocoAviso .MaisInfoAviso {
		float: left;
	}
}

@media screen and (max-width:810px) {
	#Social .div_foto {
		width: 100%;
		margin-bottom: 20px
	}

	#Social .div_conteudo {
		width: 100%;
		margin-left: 0
	}

	#Social .foto {
		float: none;
		display: inline-block
	}

	#Social .div_conteudo2 {
		width: 100%;
		margin-right: 0
	}

	#Social .div_foto2 {
		display: none
	}

	#Social .div_foto_mobile {
		display: inline
	}

	#Social .titulo {
		text-align: center
	}

	#Social .conteudo {
		text-align: center
	}

	#Social .titulo2 {
		text-align: center
	}

	#Social .conteudo2 {
		text-align: center
	}
}

@media screen and (max-width:800px) {
	#Produtos .div_bloco {
		padding: 30px
	}

	#Produtos .icone {
		width: 100%;
		text-align: left
	}

	#Produtos .div_conteudo {
		width: 100%;
		margin-top: 20px
	}

	#BannerInterna .div_imagem {
		height: 290px;
		background-size: cover
	}

	#Noticias .DestaqueMenor {
		width: 100% !important;
		margin: 0px !important;
		margin-bottom: 30px !important
	}

	#Noticias .Titulo1 {
		font-size: 26px
	}

	#Noticias .Subtitulo {
		-webkit-line-clamp: unset;
		-webkit-box-orient: unser;
		overflow: unset;
		text-overflow: unset;
	}

	#Noticias .Descricao {
		display: unset;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unser;
		overflow: unset;
		text-overflow: unset
	}

	#Noticias .MaisNoticias .Imagem {
		width: 100%
	}

	#Noticias .MaisNoticias .Infos {
		width: 100%;
		height: auto;
		padding: 20px
	}

	#PremiosCertificacoes .LinhaBlocos .ColunaBlocos1 {
		width: calc(50% - 35px) !important
	}
}

@media screen and (max-width:770px) {
	#Produtos .BlocoGeral1 .BlocoEsq {
		width: 100%
	}

	#Produtos .BlocoGeral1 .BlocoDir {
		width: 100%
	}

	#Produtos .BlocoGeral1 .Imagem {
		height: 230px;
		margin-bottom: 10px
	}

	#Produtos .BlocoGeral1 .Linha1 {
		padding: 5px
	}

	#Produtos .BlocoGeral1 .Linha2 {
		padding: 20px
	}

	#Produtos .BlocoGeral2 .BlocoEsq {
		width: 100%
	}

	#Produtos .BlocoGeral2 .BlocoDir {
		width: 100%
	}

	#Produtos .BlocoGeral2 .Imagem {
		height: 230px;
		margin-bottom: 10px
	}

	#Produtos .BlocoGeral2 .Linha1 {
		padding: 5px
	}

	#Produtos .BlocoGeral2 .Linha2 {
		padding: 20px
	}
}

@media screen and (max-width:768px) {
	.id_geral {
		padding: 0 30px
	}

	#Ambiental {
		padding: 40px 30px
	}

	#Social {
		padding: 40px 30px
	}

	#Ambiental .imagem,
	#Social .imagem {
		height: 40vw
	}

	#Produtos .imagem {
		height: 28vw
	}

	#NossosProdutos .blocos {
		height: 305px
	}

	#NossosProdutos .icone {
		height: 150px
	}

	#GaleriaHome .div_imagens {
		padding: 0 30px
	}
}

@media screen and (max-width:740px) {
	#Empresa .Numeros {
		padding: 22px
	}

	#Empresa .Numeros .Titulo {
		font-size: 28px
	}

	#Empresa .Governanca {
		padding: 22px
	}
}

@media screen and (max-width:720px) {
	#LinhaTempo .AnoSel {
		width: 100%;
		text-align: left;
		font-size: 52px
	}

	#LinhaTempo .Textos {
		width: 100%;
		margin-top: 20px
	}
}

@media screen and (max-width:690px) {
	#NossosProdutos .div_produtos {
		width: 100%;
		margin: 0
	}

	#NossosProdutos .blocos {
		width: calc(100% - 4px);
		margin-left: 20px;
		margin-top: 30px;
		height: 310px
	}

	#NossosProdutos .icone {
		height: 158px
	}

}

@media screen and (max-width:680px) {
	#Ambiental .icone {
		width: 100%;
		margin-bottom: 20px;
		text-align: left
	}

	#Ambiental .icone img {}

	#Ambiental .centralizar_descricao {
		width: 100%
	}

	#Ambiental .bloco {
		padding: 45px
	}

	#Rodape .div_contato {
		width: 50%;
	}

	#Rodape .div_redes_sociais {
		width: 100% !important;
	}

	#Rodape .centralizar_redes_sociais {
		width: 100% !important;
		display: inline-block;
		text-align: center;
		float: none;
		display: inline-block;
		text-align: center;
		float: none;
	}

	#Rodape .icone_redes_sociais {
		display: inline-block;
		float: none;
	}

	#Rodape .icone_redes_sociais:first-child {
		margin-left: 0px;
	}

	#Rodape .privacidade {
		display: inline-block;
		float: none;
		text-align: center;
		margin-left: 0px;
		width: 100%;
	}

	#Rodape .div_contato {
		float: none;
	}

	#ServicosHome {
		margin-bottom: 0px
	}

	#ServicosHome .ServicosGaleria {
		height: 380px;
	}

	#ServicosHome .Fundo {
		height: 350px;
	}

	#ServicosHome .Fundo {
		height: 350px;
	}

	#ServicosHome .Infos1 {
		height: auto;
		padding: 20px 15px;
	}

	#ServicosHome .Infos2 {
		height: auto;
		padding: 20px 15px;
	}

	#ServicosHome .Icone {
		display: inline-block;
		float: none
	}

	#ServicosHome .Nome {
		display: inline-block;
		float: none
	}

	#ServicosHome .Botao1 {
		width: 100%;
		margin-top: 25px
	}

	#ServicosHome .Botao1 input {
		width: 100%;
		max-width: 218px
	}

	#ServicosHome .Botao2 {
		width: 100%;
		margin-top: 25px;
	}

	#ServicosHome .Botao2 input {
		width: 100%;
		max-width: 218px
	}

	#ServicosHome .Titulo {
		font-size: 32px;
		margin-bottom: 30px
	}

	#ResultadosHome {
		margin: 30px 0px;
		padding: 0px
	}

	#ResultadosHome .Titulo {
		font-size: 32px;
	}

	#ResultadosHome .Nome {
		font-size: 18px;
	}

	#ResultadosHome .InfoImg {
		padding-left: 10px;
	}

	#ResultadosHome .Infos {
		padding: 0px 10px
	}

}

@media screen and (max-width:670px) {
	#GaleriaHome {
		height: 620px
	}

	#GaleriaHome .div_imagens {
		top: 180px
	}

	#SetasGaleria .SetaCaroselAnterior {
		top: 486px
	}

	#SetasGaleria .SetaCaroselProximo {
		top: 486px
	}
}

@media screen and (max-width:650px) {
	#NossosProdutos .blocos {
		margin-left: 0
	}

	#Sobre .centralizar_icone {
		height: 360px
	}

	#Sobre .video {
		height: 360px
	}

	#Sobre .class_background {
		height: 360px
	}
}

@media screen and (max-width:630px) {
	#Empresa .Governanca {
		width: calc(100% - 15px) !important
	}
}

@media screen and (max-width:620px) {
	#Oportunidades .BlocoGeral1 .Blocos {
		width: calc(100% - 20px);
		min-height: auto;
	}

	#Oportunidades .descricao_produto {
		display: inline;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
		overflow: unset;
		text-overflow: unset;
		height: auto;
	}

	#Oportunidades .BlocoGeral1 .Botao {
		margin-top: 15px
	}
}

@media screen and (max-width:610px) {
	#AvisoCookie .BlocoAviso .MaisInfoAviso {
		width: calc(100% - 287px)
	}
}

@media screen and (max-width:600px) {
	.titulo_principal {
		font-size: 36px
	}

	.conteudo_geral {
		font-size: 15px
	}

	#Oportunidades .titulo_principal {
		font-size: 32px
	}

	#Oportunidades .titulo_produto {
		font-size: 24px
	}

	#Oportunidades .subtitulo {
		font-size: 16px
	}

	#Oportunidades .h1 {
		font-size: 30px
	}

	#Oportunidades .h2 {
		font-size: 16px
	}

	#ContatoHome .div_trabalhe_conosco {
		height: 400px
	}

	#ContatoHome .div_contato {
		height: 400px
	}

	#ContatoHome .div_titulo {
		text-align: center
	}

	#ContatoHome .div_botao {
		text-align: center
	}

	#GaleriaHome .imagem {
		width: 440px
	}

	#Empresa .titulos_menores {
		font-size: 22px;
		margin-top: 26px
	}

	#Rodape .div_contato {
		width: 60%
	}

	#Banner {
		display: none
	}

	#BannerMobile {
		display: inline
	}

	#SetasBanner {
		display: none
	}
}

@media screen and (max-width:590px) {
	#Localizacao {
		padding: 60px 12px 0 12px;
		height: 700px
	}

	#MapaHome {
		padding: 60px 12px 0 12px;
		height: auto
	}

	#VagaIdeal .centralizar {
		height: auto;
		padding: 20px
	}

	#VagaIdeal .centralizar_conteudo {
		position: unset
	}

	#NoticiasDetalhes .Imagem {
		width: 100%
	}
}

@media screen and (max-width:576px) {
	#Rodape .centralizar_redes_sociais {
		width: 22%
	}

	#Empresa .Numeros {
		width: calc(100% - 15px)
	}
}

@media screen and (max-width:560px) {
	#Localizacao .div_iframe {
		height: 400px
	}

	#MapaHome .div_iframe {
		height: auto
	}
}

@media screen and (max-width:554px) {
	#ContatoHome .div_branco {
		display: none
	}

	#ContatoHome .div_titulo_botao {
		width: calc(100% - 30px)
	}

	#ContatoHome .div_titulo {
		font-size: 26px;
		line-height: 30px
	}

	#ContatoHome .h4_titulo {
		font-size: 30px;
		line-height: 30px
	}

	#ContatoHome .botao {
		width: 190px;
		height: 46px
	}
}

@media screen and (max-width:510px) {
	#Rodape .div_contato {
		width: 70%
	}

	#Sobre .centralizar_icone {
		height: 255px
	}

	#Sobre .video {
		height: 255px
	}

	#Sobre .class_background {
		height: 255px
	}

	#PremiosCertificacoes .LinhaBlocos .ColunaBlocos {
		width: calc(100% - 25px);
		height: auto;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:500px) {
	#Ambiental .bloco {
		padding: 30px 20px
	}

	#Social .div_conteudo_politica {
		padding: 30px 20px
	}

	#Localizacao {
		height: 640px
	}

	#Localizacao .div_iframe {
		height: 300px
	}

	#MapaHome {
		height: auto
	}

	#MapaHome .div_iframe {
		height: auto
	}
}

/* 
@media screen and (max-width:487px) {


#Rodape .div_redes_sociais{width:100% !important;}
#Rodape .centralizar_redes_sociais{width:100% !important;display: inline-block; text-align: center; float: none; display: inline-block; text-align: center; float: none;}
#Rodape .icone_redes_sociais{display: inline-block;float: none;}
#Rodape .icone_redes_sociais:first-child{margin-left:0px;}
#Rodape .privacidade{display:inline-block; float:none; text-align:center; margin-left:0px; width:100%;}

#Rodape .div_contato{float:none;}

} */

@media screen and (max-width:480px) {
	#BannerInterna .div_imagem {
		height: 180px
	}

	#GaleriaHome {
		height: 660px
	}

	#GaleriaHome .div_imagens {
		top: 220px
	}

	#SetasGaleria .SetaCaroselAnterior {
		top: 530px
	}

	#SetasGaleria .SetaCaroselProximo {
		top: 530px
	}

	#AvisoCookie .BlocoAviso {
		width: 100%;
	}

	#AvisoCookie .BlocoAviso .AceitaAviso {
		width: 100%;
	}

	#AvisoCookie .BlocoAviso .MaisInfoAviso {
		width: 100%;
	}

	#PremiosCertificacoes .LinhaBlocos .ColunaBlocos1 {
		width: calc(100% - 35px) !important
	}
}

@media screen and (max-width:460px) {
	#Localizacao {
		height: 600px
	}

	#Localizacao .div_iframe {
		height: 260px
	}

}

@media screen and (max-width:452px) {
	#Rodape .centralizar_redes_sociais {
		width: 26%
	}
}

@media screen and (max-width:450px) {
	#Fotos .centralizar_bloco {
		width: 354px;
		height: 254px
	}
}

@media screen and (max-width:440px) {
	#Rodape .div_contato {
		width: 80%
	}

	#VagaIdeal .logo {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 25px
	}
}

@media screen and (max-width:424px) {
	#Rodape .centralizar_redes_sociais {
		width: 28%
	}
}

@media screen and (max-width:410px) {
	#Fotos .centralizar_bloco {
		width: 324px;
		height: 224px
	}
}

@media screen and (max-width:400px) {

	#Sobre .descricao {
		margin-top: 20px
	}

	#Sobre .div_botao {
		margin-top: 30px
	}

	#Sobre .div_video {
		margin-top: 40px;
	}

	#Sobre .icone_play {
		width: 64px;
		height: 64px
	}

	#Sobre .class_background {
		height: 184px
	}

	#Sobre .video {
		height: 184px
	}

	#Sobre .centralizar_icone {
		height: 184px
	}

	#Sobre .clique {
		font-size: 15px
	}

	#GaleriaHome {
		height: 600px
	}

	#GaleriaHome .imagem {
		height: 260px
	}

	#SetasGaleria .SetaCaroselAnterior {
		top: 484px;
		left: -50px
	}

	#SetasGaleria .SetaCaroselProximo {
		top: 485px;
		left: -6px
	}

	#Rodape .tamanho_logo {
		width: 204px;
		height: 106px
	}

	#Rodape .centralizar_redes_sociais {
		width: 30%
	}
}

@media screen and (max-width:390px) {
	#Rodape .div_contato {
		width: 90%
	}
}

@media screen and (max-width:380px) {
	.titulo_principal {
		font-size: 32px
	}

	#NossosProdutos .subtitulo {
		margin-top: 20px
	}

	#Ambiental .titulo_pdf {
		font-size: 14px
	}

	#Social .titulo_pdf {
		font-size: 14px
	}

	#Fotos .centralizar_bloco {
		width: 294px;
		height: 194px
	}
}

@media screen and (max-width:377px) {
	#Rodape .centralizar_redes_sociais {
		width: 32%
	}
}

@media screen and (max-width:370px) {
	#Sobre .class_background {
		height: 168px
	}

	#Sobre .video {
		height: 168px
	}

	#Sobre .centralizar_icone {
		height: 168px
	}
}

@media screen and (max-width:360px) {
	#Rodape .centralizar_redes_sociais {
		width: 34%
	}
}

@media screen and (max-width:350px) {
	#Rodape .div_contato {
		width: 100%
	}

	#Fotos .centralizar_bloco {
		width: 274px;
		height: 174px
	}
}

@media screen and (max-width:344px) {
	#Rodape .centralizar_redes_sociais {
		width: 36%
	}
}

@media screen and (max-width:340px) {
	#Sobre .class_background {
		height: 150px
	}

	#Sobre .video {
		height: 150px
	}

	#Sobre .centralizar_icone {
		height: 150px
	}
}

/* Modal * /