div.base {
  _background-image: url(_img/sustentabilidade.jpg);
  background-repeat: no-repeat;
  background-position:center 65px;
  _background-color: black;
  padding-bottom:100px;
}

div.base .loading.main .img{
	background-image:url('/tmp/cabecalho/sustentabilidade.jpg');
 }

section.padrao {
	margin-top:30px	
}

section.padrao h3{
	padding-right: 25px;
}

section.padrao.politica {
	margin-top:55px;
}

section.padrao.politica h3{
	padding-right: 35px;
}


section.padrao.politica div.right {
	margin-top:20px;
}

section.padrao.politica ul {
	margin-top:35px;
	margin-bottom:10px
}

section.padrao.politica ul li{
	float:left;
	width:50%;
	text-align: left;
	margin-bottom:25px;
	position:relative;
}

div.base.en section.padrao.politica ul li{
	width:55%;
}

section.padrao.politica ul li a{
  font-size:2.2em;
	font-weight:bolder;
	color:var(--blue);
	text-align: left;
	text-transform: uppercase;
	border-bottom:1px solid var(--blue);
	padding-bottom: 3px;
	letter-spacing: 0.1em
}

section.padrao.politica ul li a span{
	margin-top:0.5em;
	display: inline-block;
	color:var(--blue);
}

section.padrao.politica ul li p{
	font-size:2.3em;
	padding:10px 20px;
	background-color: var(--blue-lgt);
	position:absolute;
	width:96.5%;
	z-index:1;
	display:none;
}

section.padrao.politica ul li:hover a{
	background-color: var(--blue);
	color:white;
	padding:3px 10px;
	text-decoration: none
}    

section.padrao.politica ul li:hover a *{
	color:white
}    

section.padrao.politica ul li:hover p{
	display:block;
}

section.padrao a.button {
		background-color: rgb(208 215 223);
	  text-transform: uppercase;
	  float:left;
	  clear: both;
	  margin-top:30px
}

section.padrao.politica div#info{ display:none }  

section.padrao.indicadores {
	margin-top:65px;
}

section.padrao.indicadores div.right {
	margin-top:-5px;
}

section.padrao.indicadores div.column {
	width:150px!important;
	margin-top:35px!important;
	margin-right: 90px!important;
}

section.padrao.indicadores div.column:first-child{
  margin-top:54px!important;
}

div.icons img { float:left }

section.padrao.stakeholders {
	margin-top:75px; height: 300px;
}

section.padrao.onu{
	margin-top:70px;
}

section.padrao.onu h3{
	padding-right: 35px
}

section.padrao.onu div.right{
	margin-top: 20px
}
section.padrao.onu img{
	margin:0;
	margin-top:35px;
	margin-bottom: 5px;
	float:left;
}
section.padrao.sustentabilidade{
	margin-top:110px;
}
section.padrao.sustentabilidade div.right{
	margin-top:20px;
}
section.padrao.sustentabilidade div.right p{
	margin-bottom:25px;
}
section.padrao.sustentabilidade div.img{
	width: 215px; height: 129px; overflow:hidden;
}
section.padrao.sustentabilidade div.column{
	width:215px!important;
	margin-right: 60px!important;
	margin-bottom: 60px!important;
}
section.padrao.sustentabilidade span{
	display: block;
	background-color: rgb(208, 215, 223);
	text-transform: uppercase;
	font-weight: bolder;
	color: white;
	padding: 9px 5px;
	width: 215px;
	margin:5px auto;
}
section.padrao.sustentabilidade a:hover{
	 text-decoration-color: white
}
section.sustentabilidade div.left a { padding: 15px; float: left; margin-top:25px; background-color:var(--destaque); font-size:14px; width:250px  }
@media screen and (max-width: 660px) {	
  section.padrao.politica,
	section.padrao.politica div.right,
	section.padrao.indicadores,
	section.padrao.onu div.right,
	section.padrao.sustentabilidade,
	section.padrao.sustentabilidade div.right{
		margin-top:0;
	}
	section.padrao.stakeholders{
		margin-top:25px;
	}
	
	section.padrao.politica h3,
	section.padrao.onu h3,
	section.padrao.sustentabilidade h3{
		  padding: 0;
	}

	section.padrao.politica ul li a{
		  border:none; text-decoration: underline
	}
  
	section.padrao.indicadores { padding: 0 }
	
	section.padrao.indicadores div.left { width:100%!important; }
	
	section.padrao.indicadores div.right p { padding:0 15px!important;  }
	
	section.padrao.indicadores div.column{
		  width:100%!important; margin: 0 auto!important; margin-top: 30px!important;
		padding-top: 30px;
		  border-top: 1px solid #ddd
		
	}
	
	section.padrao.sustentabilidade div.column{
		  width:100%!important; margin: 10px auto!important;
	}
	
	section.padrao.sustentabilidade div.column *{ 
		  margin: 0 auto!important;
		
	}
	
	section.padrao.indicadores div.column:first-child{
	margin-top:0px!important; border: none;
  }
}