#margem { height: 70px;}

#whatsapp { display: none; padding: 10px 0 8px; text-align: center;}
#whatsapp .posiciona { gap: 10px;}
#whatsapp .ico { width: 22px; height: 22px; background-image: url('../imagens/icoTop5.png'); background-size: 100%;}
#whatsapp .nun { line-height: 1;}

#estilos { padding: 11px 0 0; white-space: nowrap;}
#estilos * { scrollbar-width: none;}
#estilos *::-webkit-scrollbar { display: none;}
#estilos .conteudo { gap: 20px;  overflow: auto;}
#estilos .botoes { display: flex; gap: 5px;}
#estilos .botoes .link { float: left; padding: 7px 12px 6px; background-color: #E9E6DC; text-transform: uppercase;}
#estilos .botoes .link:hover { background-color: #000000; color: #FFFFFF;}
#estilos .whatsapp .ico { left: 0; top: -2px; width: 22px; height: 22px; background-image: url('../imagens/icoTop5.png'); background-size: 100%;}
#estilos .whatsapp .nun { margin: 0 0 0 25px; line-height: 1;}
#estilos .whatsapp .nun b { font-size: 1.1em;}
#estilos .whatsapp .nun span { font-size: 0.9em;}

#banners { padding: 11px 0 0;}
#banners .pequenos { margin: 20px 0 0;}

#recomendados { padding: 41px 0 0;}
#recomendados .conteudo { gap: 10px; grid-template-columns: repeat(3, 1fr);}

#comlado .esquerda { float: left; width: 65%;}
#comlado .direita { float: right; width: 30%;}

#topcd { padding: 41px 0 0;}
#topcd .conteudo { gap: 5px; grid-template-columns: repeat(2, 1fr);}
#topcd .tab { gap: 10px;}
#topcd .tab .imagem { width: 55px; height: 55px;}
#topcd .tab .imagem span { display: none; width: 35px; height: 35px; background-color: #FdB50A; font-weight: bold;}
#topcd .tab .texto h2 { font-size: 1.1em;}
#topcd .tab .texto h3 { font-size: 1em;}
#topcd .tab:hover { background-color: #E9E6DC;}
#topcd .tab:hover .imagem img { display: none;}
#topcd .tab:hover .imagem span { display: flex;}

#baixados { padding: 41px 0  21px;}
#baixados .conteudo { gap: 5px; grid-template-columns: repeat(1, 1fr);}
#baixados .tab { gap: 10px;}
#baixados .tab .imagem { width: 55px; height: 55px;}
#baixados .tab .imagem b { width: 25px; height: 25px; left: -8px; bottom: -8px; border: 3px solid #FFFFFF; background-color: #FdB50A; font-size: 0.9em;}
#baixados .tab .imagem span { display: none; width: 35px; height: 35px; background-color: #FdB50A; font-weight: bold;}
#baixados .tab .texto h2 { font-size: 1.1em;}
#baixados .tab .texto h3 { font-size: 1em;}
#baixados .tab:hover { background-color: #E9E6DC;}
#baixados .tab:hover .imagem img { display: none;}
#baixados .tab:hover .imagem b { display: none;}
#baixados .tab:hover .imagem span { display: flex;}

#playlist { padding: 21px 0;}
#playlist .conteudo { gap: 10px; grid-template-columns: repeat(4, 1fr);}

@media only screen and (max-width: 1000px){
	#margem { height: 0;}
	#whatsapp { display: block;}
	#estilos .whatsapp { display: none;}
	#comlado .esquerda { width: 100%;}
	#comlado .direita { width: 100%;}

}
@media only screen and (max-width: 700px){
	#estilos { padding: 11px 0 0;}
	#banners { padding: 11px 0 0;}
	#recomendados { padding: 21px 0 0;}
	#topcd { padding: 21px 0 0;}
	#baixados { padding: 21px 0 0;}

	#banners .pequenos { margin: 8px 0 0;}

	#topcd .conteudo { grid-template-columns: repeat(1, 1fr);}
	#topcd .tab { background-color: #E9E6DC;}
	#baixados .tab { background-color: #E9E6DC;}

	#playlist .conteudo { grid-template-columns: repeat(2, 1fr);}
}