/*Abas de conteúdos promocionais*/
.aba-portal-ativa, .aba-portal-ativa:hover, .aba-portal-inativa, .aba-portal-inativa:hover{
	background:#005D9D;
	font-size:12px;
	font-weight:bold;
	color:#FFF !important;
	padding:6px 10px 6px 10px;
	margin-right:-8px;
	border-left:1px solid #AAAAAA
}
.aba-portal-inativa, .aba-portal-inativa:hover{
	background:#E8E8E8;
	color:#666666 !important;
}
.conteudo-aba-portal{
	padding:15px 0px 10px 10px;
	border-top-width:3px;
	border-top-color:#DADADA;
	border-top-style:solid;
	margin-top:6px;
	.position:relative;
	.margin-top:6px;
}
/*Para tamanhos menores de tela, vamos dobrar a altura das abas e limitar a largura*/
@media all and (max-width: 600px) {
	.aba-portal-ativa, .aba-portal-ativa:hover, .aba-portal-inativa, .aba-portal-inativa:hover{
		max-width:80px;
		min-height:50px;
		display:block;
		margin-right:0px;
		padding-right:22px;
		margin-bottom:10px;
		float:left;
	}
	.conteudo-aba-portal{
		margin-top:62px;
	}
}
@media all and (max-width: 500px) {
	.aba-portal-inativa{
		margin-right:-20px;	
	}
	.aba-portal-inativa:hover{
		margin-right:0px;	
	}
}
@media all and (max-width: 400px) {
	.aba-portal-inativa{
		margin-right:-40px;	
	}
	.conteudo-aba-portal{
		padding-left:0px;
	}
}
@media all and (max-width: 330px) {
	.aba-portal-inativa{
		margin-right:-60px;	
	}
}