.online { width: 950px; height: auto; margin: 30px auto;}
.online li { float: left; height: 450px; list-style-type: none; margin: 5px; padding: 15px 5px; text-align: center; width: 215px;}

.ativa { width: 100%; height: auto; clear: both; padding-top: 50px; }
.ativa img { float: left; padding: 0px 20px 20px 0px; }
.ativa .informa { width: 580px; height: auto; color: #3d5dc6; font-size: 18px; font-family: 'Raleway'; font-weight: 700; text-align: left; float: right; }
.ativa .informa p { color: #000000; font-size: 14px; font-family: 'Raleway'; font-weight: 500; line-height: 22px; text-align: left; padding-top: 30px; }
.ativa .edicao { width: 200px; height: 36px; display: inline-block; margin-bottom:20px; margin-top: 30px;  background: #3d5dc6; text-align: center; font-family: 'Raleway', sans-serif; font-weight: 700; color: #ffffff; font-size: 12px; line-height:36px; }

.prev4 { background-image:url(../img/setam1.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px; left: 50%; margin-left: -510px; background-repeat: no-repeat; width: 19px; height: 300px; margin-top: 160px; position: absolute; } 
.next4 { background-image:url(../img/setam2.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px; right: 50%; margin-right: -500px; background-repeat: no-repeat; width: 19px; height: 300px; margin-top: 160px; position: absolute; }

@media screen and (max-width: 1024px) {
	.ativa { width: 94%; height: auto; clear: both; padding: 50px 3% 0px 3%; }
	.ativa img { float: none; width: auto; max-width: 100%; }
	.ativa .informa { width: 100%; text-align: center; }
	.ativa .informa p { text-align: center; }
	.prev4 { left: inherit; right:15px; margin-left: inherit; z-index: 2000; }
	.next4 { left: inherit; right:15px; margin-right: inherit; z-index: 2000;  }
}