@charset "utf-8";

#exibiartista { float: left; width: 100%; padding: 21px 0;}
#exibiartista .lado1 { float: left; width: 35%;}
#exibiartista .lado2 { float: left; width: 65%;}
#exibiartista .foto { display: flex; justify-content: center; float: left; width: 100%;}
#exibiartista .foto img { max-width: 80%;}
#exibiartista .nomesi { float: left; width: 100%;}
#exibiartista .nomesi h1 { float: left; width: 100%; font-size: 3em; color: #FFF041;}
#exibiartista .numeros { display: flex; float: left; width: 100%; padding: 20px 0; margin: 0 0 11px; background-color: #0000005D; color: #FFFFFF;}
#exibiartista .numeros .nun { float: left; width: 100%; text-align: center;}
#exibiartista .numeros .nun h2 { font-size: 2em;}
#exibiartista .numeros .nun h3 { text-transform: uppercase; font-size: 1em; color: #FFF041;}

#exibiblog { float: left; width: 70%; padding: 30px 0 0; margin-left: 15%;}
#exibiblog h1 { float: left; width: 100%; font-weight: bold; font-size: 3em; color: #FFFFFF; line-height: 1;}
#exibiblog h2 { float: left; width: 100%; margin: 8px 0 0; font-size: 1.3em; color: #FFFFFF;}
#exibiblog .compartilhar { float: left; width: 100%; padding: 9px 0 5px; margin: 10px 0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; color: #000000;}
#exibiblog .compartilhar strong { float:left; padding: 9px 5px 0 0; font-weight:normal; font-size:0.9em; color:#FFFFFF;}
#exibiblog .compartilhar img { float: left; margin-right: 3px; margin-bottom: 3px; opacity:0.7;}
#exibiblog .compartilhar img:hover { opacity: 1;}
#exibiblog .compartilhar .zap { display: none;}
#exibiblog .video { float: left; width: 100%;}
#exibiblog .video .iframe { position: relative; width: 100%; padding-bottom: 55%; margin: 8px 0; 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%; color: #FFFFFF;}
#exibiblog .texto iframe { max-width: 100%;}
#exibiblog .texto img { max-width: 100%;}

#exibicds { float:left; width: 100%; padding: 5px 0 70px;}
#exibicds h1 { float: left; width: 100%; margin: 5px 0 0; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #FFFFFF; line-height: 1;}
#exibicds .lado1 { float: left; width: 28%;}
#exibicds .lado2 { float: right; width: 70%;}
#exibicds .lado2 .la2a { float: left; width: 50%;}
#exibicds .lado2 .la2b { float: right; width: 48%; margin-top: 20px;}
#exibicds .lado2.semvideo h1 { margin: 5px 0 0; text-align: left; line-height: 1.2; color: #FFF041;}
#exibicds .lado2.semvideo .la2b { display: none;}
#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%; background-color: rgba(0,0,0,0.20); outline: 0;}
#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 .compartilhar { float: left; width: 100%; text-align: center;}
#exibicds .compartilhar img { margin: 0 2px; opacity:0.7;}
#exibicds .compartilhar img:hover { opacity: 1;}
#exibicds .compartilhar .zap { display: none;}
#exibicds .baixarcd { display: flex; align-items: center; justify-content: center; float:left; width: 100%; padding: 15px 0; margin: 20px 0; background-color: #FFF041; text-align: center; font-size: 1.2em; color: #000000;}
#exibicds .baixarcd:hover { background-color: #AAAAAA;}
#exibicds .baixarcd strong { margin-left: 7px; text-transform: uppercase; font-size: 1.2em;}
#exibicds .contagens { float: left; width: 100%; margin: 18px 0;}
#exibicds .contagens .nuns { width: 48%; position: relative;}
#exibicds .contagens .nuns .campo { float: left; width: 100%; padding: 10px 0 8px; background-color: #111111; text-align: center; font-weight: bold; color: #FFF041; outline: 0; border: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#exibicds .contagens .nuns .nome { float: left; width: 100%; padding: 2px 0; background-color: #0000005D; text-align: center; font-weight: normal; font-size: 0.9em; color: #FFF041; outline: 0;}
#exibicds .contagens .nuns.um { float: left;}
#exibicds .contagens .nuns.dois { float: right;}

#exibicds .cnc { float: left; width: 100%;}
#exibicds .cnc .nuns { width: 48%; position: relative; padding: 8px 0; background-color: #0000005D;}
#exibicds .cnc .nuns .campo { float: left; width: 100%; height: 35px; background-color: transparent; text-align: center; font-weight: bold; color: #FFF041; padding: 0; margin: 0; border: 0; outline: 0;}
#exibicds .cnc .nuns .botao { position: absolute; width: 100%; height: 100%; top: 0; background-color: transparent; background-position: 50%; background-repeat: no-repeat; cursor: pointer; font-size: 0; padding: 0; margin: 0; border: 0; outline: 0;}
#exibicds .cnc .nuns .ico { position: absolute; top: 13px; right: 10px; font-size: 25px; color: #FFF041;}
#exibicds .cnc .nuns .ico.fa-thumbs-down { top: 16px;}
#exibicds .cnc .nuns.um { float: left;}
#exibicds .cnc .nuns.dois { float: right;}

#exibicds .video { float: left; width: 100%;}
#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 .inscreva { float: left; width: 100%; padding: 15px 50px; margin-top: 5px; box-sizing: border-box; background-color: #CC0000; background-image: url('../imagens/icoCanal.png'); background-repeat: no-repeat; background-position: 10px 50%; text-align: center; font-weight: bold; font-size: 1.1em; color: #FFFFFF;}
#exibicds .video .inscreva:hover { background-color: #AA0000;}
#exibicds .linha { float: left; width: 100%; height: 20px;}

#exibicds .tabmusicas { float: left; width: 40%; padding: 20px 2%; background-color: #0000005D;}
#exibicds .tabmusicas .nomefaixas { float: left; width: 100%; font-size: 2em; color: #FFFFFF;}
#exibicds .tabmusicas .musicas { float: left; width: 100%; max-height: 320px; 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 10px 5px; margin: 0 0 2px; text-transform: uppercase; font-size: 0.9em; box-sizing: border-box; border-radius: 10px;}
#exibicds .tabmusicas .musicas li:hover { background-color:#111111;}
#exibicds .tabmusicas .musicas .jp-playlist-item { font-size: 1em; color:#FFF041; outline: 0;}
#exibicds .tabmusicas .musicas .jp-playlist-current { background-color:#111111; color: #FFFFFF;}
#exibicds .tabmusicas .musicas a { float: left; width: 81%; padding: 5px 0 0; text-decoration:none; font-size:1em; color: #000000; display:block;}
#exibicds .tabmusicas .musicas .baixar { display: flex; align-items: center; justify-content: center; float: right !important; width: 30px; height: 30px; padding: 0; color:#FFF041}
#exibicds .tabmusicas .musicas .baixar:hover { color:#FFFFFF}
#exibicds .tabmusicas .musicas .tocar { display: flex; align-items: center; justify-content: center; position: absolute; width: 30px; height: 30px; top: 8.5px; right: 44px; color:#FFF041}
#exibicds .tabmusicas .musicas .tocar:hover { color:#FFFFFF}
#exibicds .tabmusicas .mostrar { float: left; width: 100%; margin-top: 15px;}
#exibicds .tabmusicas .mostrar b { padding: 11px 15px 10px 18px; cursor: pointer;}
#exibicds .tabmusicas .mostrar .mais { float: left; width: 100%; padding: 8px 0; text-align: center;}
#exibicds .tabmusicas .mostrar .mais b { background-color: #FFF041;}
#exibicds .tabmusicas .mostrar .menos { float: left; width: 100%; padding: 8px 0; text-align: center;}
#exibicds .tabmusicas .mostrar .menos b { background-color: #000000; color: #FFF041;}
#exibicds .tabmusicas .mostrar .esconder { display: none;}


#exibicds .comentarios { padding: 20px 2%; background-color: #0000005D;}
#exibicds .comentarios .apresenta { float: left; width: 100%;}
#exibicds .comentarios .apresenta h2 { float: left; width: 100%; font-weight: bold; font-size: 2em; color: #FFFFFF;}
#exibicds .comentarios .apresenta h3 { float: left; width: 100%; font-size: 1.1em; color: #555555;}
#exibicds .comentarios .add { float: left; width: 100%;}
#exibicds .comentarios .add .c1 { float: left; width: 100%;}
#exibicds .comentarios .add .c2 { float: left; width: 48%; margin: 20px 0 0;}
#exibicds .comentarios .add .c2.a { float: left;}
#exibicds .comentarios .add .c2.b { float: right;}
#exibicds .comentarios .add .nomecampo { float: left; width: 100%; font-weight: bold; font-size: 1em; color: #FFF041;}
#exibicds .comentarios .add .nomecampo em { font-style: normal; color: #EE0000;}
#exibicds .comentarios .add .campo { float: left; width: 95.2%; height: 50px; padding: 1px 2%; border: 1px solid #555555; background-color: #1717173D; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #CCCCCC; outline: 0;}
#exibicds .comentarios .add .campo:focus { border: 1px solid #888888;}
#exibicds .comentarios .add .textarea { float: left; width: 97.5%; height: 130px; padding: 15px 1%; border: 1px solid #555555; background-color: #1717173D; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #CCCCCC; outline: 0;}
#exibicds .comentarios .add .textarea:focus { border: 1px solid #888888;}
#exibicds .comentarios .add .botao { float: left; width: 100%; height: 50px; padding: 2px 0 0; margin: 10px 0 0; background-color: #FFF041; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.1em;color: #000000; cursor: pointer; border: 0; outline: 0;}
#exibicds .comentarios .add .botao:hover { background-color: #AAAAAA;}
#exibicds .comentarios .lista { float: left; width: 100%; padding: 20px 0 0; margin: 20px 0 0; border-top: 2px dashed #CCCCCC;}
#exibicds .comentarios .lista .tab { float: left; width: 100%; margin: 20px 0 0; position: relative;}
#exibicds .comentarios .lista .tab .ico { position: absolute; width: 60px; height: 60px; top: 0; left: 0; background-color: #CCCCCC; background-image: url("../imagens/icoUser.png"); background-repeat: no-repeat; background-position: 50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#exibicds .comentarios .lista .tab .comentario { padding: 0 0 0 70px;}
#exibicds .comentarios .lista .tab .comentario h2 { float: left; width: 100%; line-height: 1.2; font-weight: bold; font-size: 1.5em; color: #FFFFFF;}
#exibicds .comentarios .lista .tab .comentario h3 { float: left; width: 100%; margin: 10px 0; font-size: 1em; color: #AAAAAA;}
#exibicds .comentarios .lista .tab .comentario h4 { float: left; width: 100%; font-size: 0.9em; color: #AAAAAA;}
#exibicds .comentarios .lista .tab .comentario h5 { float: left; font-size: 1em; color: #0815A3; cursor: pointer;}
#exibicds .comentarios .lista .tab .comentario h5:hover { text-decoration: underline; color: #00086A;}
#exibicds .comentarios .lista .tab .comentario linha { float: left; width: 100%; height: 1px; margin: 20px 0 0; background-color: #555555;}
#exibicds .comentarios .lista .tab.resposta { float: right; width: 90%;}
#exibicds .comentarios .lista .sucesso { float: left; width: 98%; padding: 14px 1% 10px; background-color: #CDF1DA; text-transform: uppercase; text-align: center; font-size: 1em; color: #38403B;}
#exibicds .comentarios .lista .erro { float: left; width: 98%; padding: 14px 1% 10px; background-color: #F7B9B9; text-transform: uppercase; text-align: center; font-size: 1em; color: #AD5959;}
#exibicds .comentarios .lista .vazio { float: left; width: 100%; font-style: italic; font-size: 1em; color: #AAAAAA;}
#exibicds .comentarios .lista .novo { float: left; width: 100%;}
#exibicds .comentarios.complay { float: right; width: 50%;}
#exibicds .comentarios.semplay { float: left; width: 96%;}

@media only screen and (max-width: 1100px) {
	#exibicds .video .you .ins { margin: 6px 0 0 4px; font-size: 1em;}
}
@media only screen and (max-width: 1000px) {
	#exibiblog { width: 90%; margin-left: 5%;}

	#exibicds h1 { font-size: 1.5em;}
	#exibicds .lado1 { float: left; width: 38%;}
	#exibicds .lado2 { float: right; width: 60%;}
	#exibicds .lado2 .la2a { width: 100%;}
	#exibicds .lado2 .la2b { width: 100%;}
	#exibicds .lado2 h1 { margin: 10px 0 0;}
	#exibicds .lado2.semvideo h1 { margin: 20px 0 10px; text-align: center;}
	#exibicds .contagens { margin: 10px 0;}
	#exibicds .linha { height: 15px;}
	#exibicds .tabmusicas { width: 96%; margin: 0 0 20px;}
	#exibicds .comentarios.complay { float: left; width: 96%;}
}
@media only screen and (max-width: 900px) {
	#exibiartista .lado1 { width: 100%;}
	#exibiartista .lado2 { width: 100%;}
	#exibiartista .nomesi { margin: 21px 0 0;}
	#exibiartista .nomesi h1 { text-align: center; font-size: 2em;}

	#exibiblog .compartilhar .zap { display: block;}
	#exibicds .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) {
	#exibiblog .compartilhar strong { display: none;}
}
@media only screen and (max-width: 600px) {
	#exibiblog { padding: 5px 0 0;}
	#exibiblog h1 { font-size: 1.5em;}

	#exibicds .comentarios .add .c2 { float: left; width: 100%; margin: 20px 0 0;}
}
@media only screen and (max-width: 600px) {
	#exibicds .lado1 { float: left; width: 100%;}
	#exibicds .lado2 { float: right; width: 100%;}
}