/* infografico */

@media screen{
	ul, li{ margin: 0; padding: 0; list-style: none; }
	.wrap-infografico{ width: 715px; margin:0 auto; display: table; }
	.legenda{ font: 11px 'Trebuchet MS', arial; color: #665c53; }
	.list{ width: 100%; margin-bottom: 30px; display: table; }
	.list li{ width: 187px; height: 240px; padding: 0 25px; position: relative; float: left; margin-bottom: 10px; margin-top: 136px; border-right: 1px solid #CACACA; }
	.list li strong{ font: 16px 'petrobras_sansbold', arial; color: #008542; }
	.list li p{ font: 14px 'petrobras_sansregular', arial; color: #665c53; margin: 0 0 10px 0; }
	.list li.refinarias,
	.list li.postos{ border-right: none; }
	.list li.investimentos,
	.list li.producao,
	.list li.refinarias{ height: 245px; }
	.list li.frotas,
	.list li.biocombustiveis,
	.list li.postos{ height: 165px; }

	.list li:before{ width: 238px; height: 116px; position: absolute; top: -136px; left: 0; display: block; content:""; background: url('../imgs/icones-perfil.png') no-repeat 0 0; }
	.list li.investimentos:before{ background-position: 0 0; }
	.list li.producao:before{ background-position: -238px 0; }
	.list li.refinarias:before{ background-position: -476px 0; }
	.list li.frotas:before{ background-position: 0 -116px; }
	.list li.biocombustiveis:before{ background-position: -238px -116px; }
	.list li.postos:before{ background-position: -476px -116px; }
}

@media only screen and (max-device-width : 480px) {
	.wrap-infografico{width:237px;margin:0 auto;}
	.list li{ height:auto!important;border:0; }
}
@media only screen and (max-width : 959px){}
@media only screen and (max-width : 480px){
	.wrap-infografico{width:237px;margin:0 auto;}
	.list li{height:auto!important;border:0;}
}
@media only screen and (min-width : 321px) and (max-width : 640px) and (orientation : landscape){
	*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.wrap-infografico{width:100%;margin:0 auto;}
	.list li{ height:auto!important; border:0; width:50%; }
	.list li:nth-child(odd){ clear:left; }
	.list li:nth-child(even){ clear:right; }
}
@media only screen and (max-width : 320px){
	.wrap-infografico{width:237px;margin:0 auto;}
	.list li{height:auto!important;border:0;}
}