/* MUSICAS */
.musicas { width: 100%; height: auto ; position: relative; z-index: 100; list-style-type: none; padding:0px; }
.musicas ul { list-style-type: none; width: 100%; height: auto; position: relative; clear: both; }
.musicas ul li { width: 96%; margin: 0px 2% 2px 2%; height: auto; position: relative; clear: both; }
.musicas ul li .nomes { width: 400px; padding-left: 10px; font-size: 14px; font-weight: 400; color: #601324; text-align: left; font-family: 'Source Sans Pro'; line-height: 30px; }
.musicas ul li .nomes span { color: #918e8e; font-size: 13px; padding-left: 10px; }
.musicas ul li .player { width: 300px; height: 26px; padding-top: 3px; }

.musicas ul li .down { float: right; margin: 3px 3px 3px 7px; width: auto; padding: 5px 10px; font-size: 12px; font-weight: 400; border:#601324 1px solid; color: #601324; font-family: 'Source Sans Pro'; line-height: 12px; }
.musicas ul li .down:hover { background-color: #601324; color: #ffffff; } 

.musicas ul li.zum { background-color: #f4f1f0; }
.musicas ul li.zois { background-color: #fadcdc; }

@media screen and (max-width: 1024px) {
	.musicas ul li { width: 96%; margin: 0px 2% 2px 2%; padding-bottom: 10px; height: auto; line-height: 30px; }
	.musicas ul li .nomes { width: 100%; float: none; clear: both; text-align: center; margin: 0 auto }
	.musicas ul li .player { float: none; clear: both; text-align: center; margin: 0 auto }
	.musicas ul li .down { float: none; clear: both; }
}