.head-materia h2{
	margin: 25px auto 35px;
	width: 942px;
}
#infoarte{
	max-width: 942px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 50px;
}
#infoarte #topoinfo #mobile{
	width: 100%;
	text-align: center;
}
#infoarte #topoinfo #mobile img{
	width: 154px;
	margin-bottom: 15px;
}
#infoarte #topoinfo #mobile img.legenda{
	margin: 20px 0;
	float: left;
}
/*#infoarte #topoinfo #mobile .imgMeio{
	margin: 0;
}
#infoarte #topoinfo #mobile .imgMeio, 
#infoarte #topoinfo #mobile .ultimaImg{
	width: 100%;
}*/
#infoarte #topoinfo #desktop .primeiraImg{
	width: 32%;
}
#infoarte #topoinfo #desktop .imgMeio{
	margin: 0 3%;
}
#infoarte #topoinfo #desktop .imgMeio, 
#infoarte #topoinfo #desktop .ultimaImg{
	width: 16%;
}
#infoarte #topoinfo #explicacao{
	width: 24%;
	font: 14px/18px Arial, Tahoma, sans-serif;
	color: #272425;
	text-align: left;
	float: left;
	margin: 30px 20px 0 0;
}
#infoarte #topoinfo #explicacao span{
	font-weight: bold;
}
#infoarte #frames{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
#infoarte #frames .frame{
	/*max-width: 440px;*/
	width: 46%;
	float: left;
	margin-right: 6%;
	/*margin-right: 60px;*/
	margin-top: 50px;
}
#infoarte #frames .frame:nth-child(2n){
	margin-right: 0;
}
#infoarte #frames .frame h1{
	font: 24px/24px OGloboCondensedBold, Arial, Tahoma, sans-serif;
	color: #1b1a1a;
	margin-bottom: 20px;
	text-transform: uppercase;	
	text-align: left;
}
#infoarte #frames .frame p{
	font: 14px/18px Arial, Tahoma, sans-serif;
	color: #272425;
	margin: 0 0 20px; 	
	height: 50px;
	text-align: left;
}
#infoarte #frames .frame .graf{
	height: 610px;
	border: 1px dotted #ddd;
}
#infoarte #frames .frame .graf #footer{
	display: none;
}
#infoarte #frames .frame p.fonte{
	font: 12px/16px Arial, Tahoma, sans-serif;
	color: #272425;
	margin: 20px 0 0; 	
	text-align: left;
}


@media all and (max-width: 640px){

#infoarte #topoinfo #explicacao{
	width: 100%;
}
#infoarte #frames .frame{
	width: 100%;
	margin-right: 0;
}

}