#infoarte{
	max-width: 1280px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 50px;
	padding: 0 1%;
}
#infoarte #colunas{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#infoarte #colunas .box{
	width: 26.6%; /*340px em relacao a 1280px*/
	float: left;
}
#infoarte #colunas .box:nth-child(2){
	width: 46.8%; /*600px em relacao a 1280px*/
	position: relative;
}
#infoarte #colunas .box h1,
#infoarte #graficos .graf h1{
	text-transform: uppercase;
	font: 16px/16px 'StagGl Book', 'Georgia';
	color: #303030;
	padding: 0 0 5px;
	margin: 0 0 23px;
	border-bottom: 1px solid #d7d7d7;
	width: 100%;
}
#infoarte #colunas .box h4{
	color: #a6a5a5;
	text-align: center;
	margin: 8px 0 15px;
	padding: 0;
	font: 12px 'StagGl Light', 'Georgia';
}
#infoarte #colunas .box:nth-child(2) h1 {
	width: 56.6%; /*340px em relacao a 600px*/
	margin: 0 auto; 
	text-align: center;
}
#infoarte #colunas .box .coluna{
	width: 47.1%; /*160px em relacao a 340px*/
	float: left;
}
#infoarte #colunas .box .coluna:nth-child(2){
	margin-right: 5.8%; /*20px em relacao a 340px*/
}
#infoarte #colunas .box .coluna h2,
#infoarte #colunas .box #tooltip h3{
	font: 17px/17px OGloboCondensedSemibold, Arial, Tahoma;
	color: #303030;
	margin: 0;
	padding: 0;
}
#infoarte #colunas .box .coluna p{
	margin: 12px 0 0;
	padding: 0;
	color: #6c6c6c;
	font: 13px/16px "Trebuchet MS", Arial;
}
#infoarte #colunas .box:first-child .coluna p{
	min-height: 180px;
}
#infoarte #colunas .box:nth-child(3) .coluna p{
	min-height: 145px;
}
#infoarte #colunas .box .svg{
	position: absolute;
	top: 50px;
	left: 10px;
	width: 100%;
	z-index: 1;
}
#infoarte #colunas .box #tooltip{
	position: absolute;
	left: 50px;
	z-index: 2;
	max-width: 46.3%; /*278px em relacao a 600px*/
	height: auto;
	overflow: hidden;
	border: 1px solid #818181;
	border-radius: 5px;
	background-color: #fff;
	padding: 16px 2.8%; /*15px em relacao a 278px*/
	display: none;
	-webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 15px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 15px 0px rgba(0, 0, 0, 0.2);
}
#infoarte #colunas .box #tooltip p{
	font: 11px/16px "Trebuchet MS", Arial;
	color: #a0a0a0;
	margin-top: 10px;
}
#infoarte #graficos{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
}
#infoarte #graficos .graf{
	width: 46.8%; /*600px em relacao a 1280px*/
	float: left;
}
#infoarte #graficos .graf:first-child{
	margin-right: 6.25%;
}
#infoarte #graficos .graf .situacao{
	width: 46.5%; /*280px em relacao a 600px*/
	height: auto;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #d7d7d7;
}
#infoarte #graficos .graf .situacao:nth-child(2){
	margin-right: 6.6%;
}
#infoarte #graficos .graf .situacao h5{
	font: 17px OGloboCondensedSemibold, Arial;
	color: #303030;
}
#infoarte #graficos .graf .situacao h5 span{
	font-family: OGloboCondensedLight, Arial;
}
#infoarte #graficos .graf .situacao .circ{
	margin-top: 15px;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 35px;
}
#infoarte #graficos .graf .situacao .circ .total{
	font: 14px/15px "Trebuchet MS", "Georgia";
	position: absolute;
	z-index: 2;
}
#infoarte #graficos .graf .situacao .circ .total span{
	font-weight: bold;
	font-size: 20px;
}
#infoarte #graficos .graf:first-child .situacao .circ .total.verm{
	color: #bf1e2e;
	left: 0;
	top: 10px;
	text-align: left;
	display: none;
}
#infoarte #graficos .graf:first-child .situacao .circ .total.azul{
	color: #0e76bc;
	right: 0;
	top: 10px;
	text-align: right;
	display: none;
}
#infoarte #graficos .graf .situacao .circ .total.preto{
	color: #303030;
	left: 38%;
	bottom: 12px;
	text-align: center;
}
#infoarte #graficos .graf:last-child .situacao .circ .total.azul{
	left: 0;
	top: 10px;	
	text-align: left;
	color: #0e76bc;	
	display: none;
}
#infoarte #graficos .graf:last-child .situacao:nth-child(2) .circ .total.verm{
	right: 0;
	top: 10px;
	text-align: right;
	color: #bf1e2e;
	display: none;
}
#infoarte #graficos .graf .situacao .circ .total.ind{
	color: #58585b;
	left: 36%;
	top: 0;
	text-align: center;
	display: none;
}
#infoarte #graficos .graf .situacao .circ #assentos{
	width: 100%;
}
#infoarte #graficos .graf .situacao .circ #assentos .ativo{
	display: none;
}
#infoarte #graficos .graf:last-child .situacao.choco .circ .total.azul{
	top: 0;
}
#infoarte #graficos .graf:last-child .situacao.choco .circ .total.verm{
	bottom: 0;
	right: 0;
	text-align: right;
	color: #bf1e2e;
	display: none;
}
#infoarte #graficos .graf:last-child .situacao.choco{
	border-bottom: 0;

}
#infoarte #graficos .graf:last-child .situacao.choco .circ{
	padding-bottom: 20px;	
	margin-top: 31px;
}
#infoarte #graficos .graf .situacao .circ #camara_hoje,
#infoarte #graficos .graf .situacao .circ #camara_futuro,
#infoarte #graficos .graf .situacao .circ #senado_hoje{
	margin-bottom: -3px;
}


@media all and (max-width: 970px){
	#infoarte #colunas .box:nth-child(2) h1{
		width: 65%;
	}
	#infoarte #colunas .box .coluna p{
		margin-bottom: 30px;
	}
}
@media all and (max-width: 640px){
	#infoarte #colunas .box{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#infoarte #colunas .box:nth-child(2){
		min-height: 400px;
	}
	#infoarte #colunas .box:nth-child(2) h1,
	#infoarte #graficos .graf,
	#infoarte #graficos .graf .situacao{
		width: 100%;
	}
	#infoarte #graficos .graf .situacao{
		margin-bottom: 40px;
	}
	#infoarte #graficos .graf .situacao:nth-child(2){
		margin-right: 0;
	}
	#infoarte p{
		text-align: left;
	}
}