.aba-cabecalho { display: none; }
.aba-lista-item { display: inline; cursor:pointer; }

.aba-corpo { 
	clear: both;
	/*zoom: 1;*/ 
}
.aba-corpo:before,
.aba-corpo:after {
    content: "";
    display: table;
} 
.aba-corpo:after { clear: both; }

.aba-cabecalho-ativo:focus,
.aba-lista-item-ativo:focus { outline: none !important; }

.aba-lista {
	padding: 0;
	border-bottom: 1px solid #ddd; 
	padding-bottom: 13px; 
	line-height: 100%;
}
.aba-lista-item {
	color: #fff;
	background: #4da0d6;
	border-bottom: 1px solid #ddd;
	padding: 11px 20px;
	margin-left: 10px;
	-webkit-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
}
.aba-lista-item:hover { background: #ddd; }
.aba-lista-item-ativo, 
.aba-lista-item-ativo:hover {
	color: #4da0d6;
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.aba-painel { margin-bottom: 50px; }



@media (max-width: 769px) {
	.aba-lista-item {
		padding: 10px 10px;
		margin-left: 6px;
	}
	.aba-lista-item-ativo, 
	.aba-lista-item-ativo:hover { font-size: 1.3em; }
}	


@media (min-width: 768px) {
	.aba-painel-fechar { display: block !important; }
}


@media (max-width: 767px) {
	.aba-lista { display: none;}
	.aba-cabecalho { display: block; cursor: pointer; }
	.aba-painel-fechar { display: none; }

	.aba-cabecalho {
		color: #4da0d6;
		padding: 8px; 
		border: 1px solid #ccc; 
		background: #fff;
		position: relative;
		margin-bottom: 20px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
	
	.aba-cabecalho span { 
		font-size: 0.7em;
		display: block; 
	}

	.aba-cabecalho:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 40%;
		width: 0; 
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #a2bfc6;
	}
	.aba-cabecalho:hover,
	.aba-cabecalho-ativo,
	.aba-cabecalho-ativo:hover { 
		color: #fff;
		border: 1px solid #a2bfc6; 
		background: #4da0d6; 
	}
	.aba-cabecalho-ativo:after {
		border-bottom: 6px solid #fff;
		border-top:0;
	 }
}