@charset "utf-8"; 

#exibiblog { float: left; width: 70%; padding: 30px 0 0; margin-left: 15%;}
#exibiblog h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #222222;}
#exibiblog h2 { float: left; width: 100%; font-size: 1.2em; color: #555555;}
#exibiblog .compartilhar { float: left; width: 100%; padding: 8px 0; margin: 10px 0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; color: #000000;}
#exibiblog .compartilhar strong { float:left; padding: 7px 5px 0 0; font-weight:normal; font-size:0.9em; color:#555555;}
#exibiblog .compartilhar img { float:left; width:30px; margin-right: 3px; margin-bottom: 3px; opacity:0.7;}
#exibiblog .compartilhar img:hover { opacity: 1;}
#exibiblog .compartilhar .zap { float: left; max-width: 98%; display: none;}
#exibiblog .compartilhar .zap img { width: auto; max-width: 100%; margin-right: 0;}
#exibiblog .video { float: left; width: 100%;}
#exibiblog .video .iframe { position: relative; width: 98%; padding-bottom: 55%; margin: 8px 0 8px 1%; overflow: hidden;}
#exibiblog .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibiblog .imagem { float: left; width: 100%;}
#exibiblog .imagem img { float: left; max-width: 100%;}
#exibiblog .texto { float: left; width: 100%;}
#exibiblog .texto iframe { max-width: 100%;}
#exibiblog .texto img { max-width: 100%;}

#exibicds { float:left; width: 100%; padding: 20px 0 60px;}
#exibicds h1 { float: left; width: 100%; font-weight: bold; font-size: 2em; color: #222222;}
#exibicds .lado1 { float: left; width: 28%;}
#exibicds .lado2 { float: right; width: 70%;}
#exibicds .baixarcd { float:left; width: 100%; padding: 8px 0; background-color: #990000; text-align: center; font-size: 1.2em; color: #FFFFFF;}
#exibicds .baixarcd:hover { background-color: #550000;}
#exibicds .baixarcd .des { margin-left: 7px;}
#exibicds .capa { float:left; width: 100%; margin: 5px 0; position: relative; cursor: pointer;}
#exibicds .capa .imagem { float:left; width: 100%;}
#exibicds .capa .obs { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.20);}
#exibicds .capa .obs img { opacity: 0.5;}
#exibicds .capa:hover .obs { background-color: rgba(0,0,0,0.50);}
#exibicds .capa:hover .obs img { opacity: 1;}
#exibicds .descricao { float: left; width: 100%;}

#exibicds .sociais { float: left; width: 100%; padding: 12px 0 11px; margin: 10px 0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;}
#exibicds .sociais .compartilhar { float: left; margin-right: 40px;}
#exibicds .sociais .compartilhar strong { float:left; padding: 7px 5px 0 0; font-weight:normal; font-size:0.9em; color:#555555;}
#exibicds .sociais .compartilhar img { float:left; width:30px; margin-bottom: 3px; margin-right: 3px; opacity:0.7;}
#exibicds .sociais .compartilhar img:hover { opacity: 1;}
#exibicds .sociais .compartilhar .zap { float: left; max-width: 98%; display: none;}
#exibicds .sociais .compartilhar .zap img { width: auto; max-width: 100%; margin-right: 0;}
#exibicds .sociais .forminteragir { float: left;}
#exibicds .sociais .forminteragir .botao { float:left; width: 30px; height: 30px; background-color: rgba(0,0,0,0.00); cursor: pointer; font-size: 0; outline: 0; border: 0;}
#exibicds .sociais .forminteragir .botao.curtir { background-image: url(../imagens/icoCurtir.png);}
#exibicds .sociais .forminteragir .botao.ncurtir { background-image: url(../imagens/icoNcurtir.png);}
#exibicds .sociais .forminteragir .abre { float: left; margin: 5px 0 0 5px;}
#exibicds .sociais .forminteragir .fecha { float: left; margin: 5px 0 0 5px;}
#exibicds .sociais .forminteragir .campo { float: left; width: 50px; padding: 8px 0 0; background-color: #FAFAFA; font-weight: bold; color: #555555; border: 0; outline: 0;}
#exibicds .sociais .forminteragir .error { display: none;}

#exibicds .contagens { float: right; margin-top: 1px;}
#exibicds .contagens.mobile { display: none;}
#exibicds .contagens .nuns { float: left; padding: 5px; border: 1px solid #000000; margin-left: 5px; text-align: center; font-size: 0.9em;}
#exibicds .contagens .nuns .campo { width: 65px; background-color: rgba(0,0,0,0.00); text-align: center; color: #000000; border: 0; outline: 0;}
#exibicds .contagens .nuns .campo { width: 65px; background-color: rgba(0,0,0,0.00); text-align: center; color: #000000; border: 0; outline: 0;}
#exibicds .contagens .nuns .nome { padding: 5px; border-left: 1px solid #000000; font-weight: normal; color: #000000;}

#exibicds .tabmusicas { float: right; width: 70%; padding: 20px 0;}
#exibicds .tabmusicas .musicas { float: left; width: 100%; max-height: 300px; overflow: auto;}
#exibicds .tabmusicas .musicas.expandindo { height: auto; max-height: 10000px; }
#exibicds .tabmusicas .musicas::-webkit-scrollbar { display: none;}
#exibicds .tabmusicas .musicas .faixas { float:left; width: 100%; padding: 0 0 10px;}
#exibicds .tabmusicas .musicas ul { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0;}
#exibicds .tabmusicas .musicas li { position: relative; overflow: hidden; padding: 8px 1% 5px; margin: 0 0 2px; border-bottom: 1px solid #CCCCCC;}
#exibicds .tabmusicas .musicas li:hover { background-color:#DEDEDE;}
#exibicds .tabmusicas .musicas .jp-playlist-item { font-size: 1em; color:#000000; outline: 0;}
#exibicds .tabmusicas .musicas .jp-playlist-current { background-color:#DEDEDE;}
#exibicds .tabmusicas .musicas a { float:left; padding: 5px 0 0; text-decoration:none; font-size:1em; color: #000000; display:block;}
#exibicds .tabmusicas .musicas .baixar { float: right !important; width: 30px; height: 30px; background: url("../play/imagens/icoDown1.png"); padding: 0; font-size: 0;}
#exibicds .tabmusicas .musicas .tocar { position: absolute; width: 30px; height: 30px; top: 8.5px; right: 44px; background: url("../play/imagens/icoTocar1.png");}
#exibicds .tabmusicas .mostrar { float: left; width: 100%; margin-top: 15px;}
#exibicds .tabmusicas .mostrar b { padding: 5px 20px 4px 23px; cursor: pointer;}
#exibicds .tabmusicas .mostrar .mais { float: left; width: 100%; padding: 8px 0; text-align: center;}
#exibicds .tabmusicas .mostrar .mais b { border: 2px solid #990000; color: #990000;}
#exibicds .tabmusicas .mostrar .menos { float: left; width: 100%; padding: 8px 0; text-align: center;}
#exibicds .tabmusicas .mostrar .menos b { border: 2px solid #EE0000; color: #EE0000;}
#exibicds .tabmusicas .mostrar .esconder { display: none;}
#exibicds .linha { float: left; width: 100%; height: 1px;}
#exibicds .video { float: left; width: 35%;}
#exibicds .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibicds .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibicds .video .you { float: left; width: 96%; padding: 10px 2%; background-color: #990000; margin-top: 5px;}
#exibicds .video .you .ico { float: left;}
#exibicds .video .you .ins { float: left; padding: 4px 0 0; margin-left: 4px; font-size: 1.2em; color: #FFFFFF;}

@media only screen and (max-width: 1150px) {
	#exibicds .contagens { float: left; width: 100%; padding: 12px 0 0; margin: 12px 0 0; border-top: 1px solid #AAAAAA;}
	#exibicds .contagens .nuns { margin-left: 0; margin-right: 5px;}
}
@media only screen and (max-width: 1000px) {
	#exibiblog { width: 90%; margin-left: 5%;}
	#exibicds { padding: 0;}
	#exibicds .lado1 { width: 38%;}
	#exibicds .lado2 { width: 60%;}
	#exibicds .tabmusicas { width: 60%;}
}
@media only screen and (max-width: 900px) {
	#exibiblog .compartilhar .zap { display: block;}

	#exibicds .sociais .compartilhar { width: 100%; padding: 0 0 8px; margin: 0 0 8px; margin-right: 0; border-bottom: 1px solid #AAAAAA;}
	#exibicds .sociais .compartilhar .zap { display: block;}
}
@media only screen and (max-width: 800px) {
	#exibiblog { width: 100%; margin-left: 0;}

	#exibicds .tabmusicas .musicas .tocar { top: 8px;}
	#exibicds .tabmusicas .musicas .jp-playlist-item { font-size: 0.8em;}
}
@media only screen and (max-width: 700px) {
	#exibicds .lado1 { width: 48%;}
	#exibicds .lado2 { width: 50%;}
	#exibicds .tabmusicas { width: 100%;}
	#exibicds .sociais .compartilhar strong { display: none;}
	#exibicds .video { width: 100%;}

	#exibiblog .compartilhar strong { display: none;}
}
@media only screen and (max-width: 600px) {
	#exibiblog h1 { font-size: 1.4em;}
	#exibiblog { padding: 5px 0 0;}
}
@media only screen and (max-width: 500px) {
	#exibicds .lado1 { width: 100%;}
	#exibicds .lado2 { width: 100%; margin-top: 20px;}
	#exibicds .contagens { padding: 12px 0; border-bottom: 1px solid #AAAAAA;}
	#exibicds .contagens.descktop { display: none;}
	#exibicds .contagens.mobile { display: block;}
}