@charset "utf-8";

#paginas { float: left; width: 100%; min-height: 200px;}
#paginas .titulo { float: left; width: 100%; margin: 11px 0 21px;}
#paginas .titulo h1 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2.5em; color: #FFFFFF;}
#paginas .titulo em { float: left; width: 10%; height: 5px; margin-left: 45%; background-color: #FFF041;}
#paginas .texto { float: left; width: 100%; padding: 10px 0 0;}
#paginas .texto h5 { float: left; width: 100%; line-height: 1.8; font-size: 1em; color: #FFFFFF;}
#paginas .texto h5 strong { text-transform: uppercase;}
#paginas .texto h5 em { color: #EE0000;}
#paginas .texto h5.centralizado { text-align: center;}

#espacamento { float: left; width: 100%; height: 90px;}

#app-top { display: none; float: left; width: 100%;}
#app-top .botao { display: flex; gap: 10px; align-items: center; justify-content: center; float: left; width: 100%; padding: 10px; background-color: #FFFFFF; box-sizing: border-box; cursor: pointer;}
#app-top .botao i { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #1eddfd;}

#app-pag { display: flex; justify-content: center; float: left; width: 100%; padding: 71px 0;}
#app-pag .conteudo { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 240px;}
#app-pag .icone { font-size: 0;}
#app-pag .icone img { width: 152px; outline: 5px solid #FFFFFF;}
#app-pag .botao { display: flex; gap: 10px; align-items: center; justify-content: center; float: left; width: 100%; padding: 10px; background-color: #FFFFFF; box-sizing: border-box; cursor: pointer;}
#app-pag .botao i { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #1eddfd;}

#background { float: left; width: 100%; position: relative;}
#background img { float: left; width: 100%;}

#men-pag { float: left; width: 50%; margin: 0 25%;}
#men-pag .enviar { float: left; width: 100%;}
#men-pag .enviar .todos { float: left; width: 100%; display: none;}
#men-pag .enviar .c1 { float: left; width: 100%; padding: 0 5px; margin: 2px 0; box-sizing: border-box;}
#men-pag .enviar .c2 { float: left; width: 50%; padding: 0 5px; margin: 2px 0; box-sizing: border-box;}
#men-pag .enviar .textarea { float: left; width: 100%; height: 80px; padding: 20px 2%; border: 1px solid #999999; outline: 0; font-family: 'Yantramanav', sans-serif; font-size: 1.2em; box-sizing: border-box; border-radius: 12px;}
#men-pag .enviar .textarea:focus { border: 1px solid #00C3FF; -webkit-box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%); -moz-box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%); box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%);}
#men-pag .enviar .textarea.g { height: 200px;}
#men-pag .enviar .campo { float: left; width: 100%; height: 60px; padding: 10px; background-color: #FFFFFF; border: 1px solid #999999; outline: 0; font-family: 'Yantramanav', sans-serif; font-size: 1.2em; box-sizing: border-box; border-radius: 12px;}
#men-pag .enviar .campo:focus { border: 1px solid #00C3FF; -webkit-box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%); -moz-box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%); box-shadow: 0 5px 10px -5px rgb(5 5 5 / 40%);}
#men-pag .enviar .foto { float: left; width: 100%; padding: 15px; margin: 11px 0 0; background-color: #171717; box-sizing: border-box; border-radius: 12px;}
#men-pag .enviar .foto .instrucao { float: left; width: 100%; font-size: 1.2em; color: #FFFFFF;}
#men-pag .enviar .foto .instrucao em { font-style: normal; color: #E5433E;}
#men-pag .enviar .foto .file { margin: 7px 0 0; color: #FFFFFF;}
#men-pag .enviar .botao { float: left; padding: 15px 25px; margin: 11px 0 0; background-color: #058B58; font-weight: bold; font-size: 1.2em; color: #FFFFFF; cursor: pointer; border: 0; outline: 0; border-radius: 10px;}
#men-pag .enviar .botao:hover { background-color: #02613D;}
#men-pag .enviadas { float: left; width: 100%; margin: 30px 0 0;}
#men-pag .enviadas .tab { display: flex; float: left; width: 100%; min-height: 60px; padding: 12px 0; border-bottom: 3px dotted #FFF04133; position: relative; box-sizing: border-box;}
#men-pag .enviadas .tab .foto { display: flex; align-items: center; justify-content: center; float: left; width: 55px; height: 55px; background-color: #FFFFFF; border-radius: 10px;}
#men-pag .enviadas .tab .foto img { max-width: 50px; max-height: 50px;}
#men-pag .enviadas .tab .foto i { font-size: 30px;}
#men-pag .enviadas .tab .detalhes { float: left; margin: 0 0 0 15px;}
#men-pag .enviadas .tab .detalhes h3 { font-size: 1.4em; color: #FFFFFF; line-height: 1;}
#men-pag .enviadas .tab .detalhes h4 { font-size: 1em; color: #FFF041; line-height: 1;}
#men-pag .enviadas .tab .detalhes h5 { margin: 8px 0 0; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#men-pag .alerta { float: left; width: 100%; margin: 20px 0 5px; position: relative; background-color: #FFE08A; color: #000000; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#men-pag .alerta .msg { float: left; width: 90%; padding: 15px 5% 12px; text-align: center; font-size: 1em;}
#men-pag .alerta .fechar { position: absolute; width: 10px; height: 10px; top: 5px; right: 5px; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.5); cursor: pointer;}
#men-pag .alerta .fechar:hover { color: rgba(0, 0, 0, 0.8);}

#men-top { float: left; width: 100%; padding: 10px 0; background-color: #0000005D;}
#men-top .tab { display: inline-flex; vertical-align: top; position: relative; height: 90px; padding: 10px; border: 1px solid #FFF04129; background-color: #FFF0411A; box-sizing: border-box;}
#men-top .tab .foto { display: flex; align-items: center; justify-content: center; float: left; width: 65px; height: 65px; background-color: #FFFFFF;}
#men-top .tab .foto img { max-width: 50px; max-height: 50px;}
#men-top .tab .foto i { font-size: 30px;}
#men-top .tab .detalhes { flex: 1; float: left; margin: 0 0 0 15px;}
#men-top .tab .detalhes h3 { font-size: 1.4em; color: #FFFFFF; line-height: 1;}
#men-top .tab .detalhes h4 { font-size: 1em; color: #FFF041; line-height: 1;}
#men-top .tab .detalhes h5 { margin: 8px 0 0; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#men-top .nova { display: flex; justify-content: center; gap: 10px; float: left; width: 100%;}
#men-top .nova a { color: #FFF041;}
#men-top .nova a:hover { color: #FFFFFF;}

#artistas { float: left; width: 100%; padding: 15px 0 0;}
#artistas .tab { float: left; width: 18%; margin: 0 1% 20px;}
#artistas .tab img { float: left; width: 100%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#artistas .tab h3 { display: flex; align-items: center; justify-content: center; gap: 5px; float: left; width: 100%; margin: 12px 0 0; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#artistas .tab h3 em { width: 20px; height: 20px; background-image: url('../imagens/verificado.png'); background-repeat: no-repeat;}
#artistas .tab:hover h3 { color: #AAAAAA;}
#artistas .linha2 { float: left; width: 100%; height: 1px; display: none;}
#artistas .linha5 { float: left; width: 100%; height: 1px;}

#videos { float: left; width: 100%; padding: 15px 0 0;}
#videos .tab { width: 46.2%; padding: 15px 1.5%; margin: 5px 0 15px; background-color: #FFFFFF; position: relative; overflow: hidden;}
#videos .tab.ta1 { float: left;}
#videos .tab.ta2 { float: right;}
#videos .tab .video { float: left; width: 100%;}
#videos .tab .video .iframe { position: relative; width: 100%; padding-bottom: 55%; overflow: hidden;}
#videos .tab .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#videos .tab h3 { float: left; width: 100%; padding: 20px 0 0; text-align: center; font-size: 1.2em; color: #555555;}
#videos .tab h3:hover { text-decoration: underline;}
#videos .linha2 { float: left; width: 100%; height: 1px;}

#noticias { float: left; width: 100%; padding: 15px 0 0;}
#noticias .conteudo { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; float: left; width: 100%;}
#noticias .tab { display: flex; gap: 10px; float: left; width: 100%; padding: 20px; background-color: #0000005D;}
#noticias .tab .img { width: 200px;}
#noticias .tab .img img { float: left; width: 100%;}
#noticias .tab .detalhes { flex: 1;}
#noticias .tab .detalhes h3 { font-size: 1.5em; color: #FFFFFF; line-height: 1.1;}
#noticias .tab .detalhes h4 { margin: 7px 0 0; font-size: 1em; color: #FFFFFF80;}
#noticias .tab:hover { transform: scale(1.02);}

#contato { float: left; width: 100%; padding: 15px 0 0;}
#contato .infor { float: left; width: 100%; text-align: center; line-height: 1.5; font-size: 1em;}
#contato .infor h3 { float: left; width: 100%; line-height: 1.5; font-size: 1.1em; color: #FFFFFF;}
#contato .infor h4 { display: flex; align-items: center; justify-content: center; gap: 5px; float: left; width: 100%; font-size: 1.2em; color: #FFFFFF;}
#contato .form { float: left; width: 50%; margin: 20px 0 0 25%;}
#contato .form .nomecampo { float: left; width: 100%; padding: 0 0 2px; font-size: 1.3em;}
#contato .form .nomecampo em { margin-left: 0; color: #FF0000; font-style: normal;}
#contato .form .c1 { float: left; width: 100%; margin-bottom: 10px;}
#contato .form .c2a { float: left; width: 48%; margin-bottom: 10px;}
#contato .form .c2b { float: right; width: 48%; margin-bottom: 10px;}
#contato .form .todos { float: left; background-color: #FFFFFF; border: 1px solid #AAAAAA; font-family: 'Yantramanav', Arial; font-size: 1.1em; outline: 0;}
#contato .form .campo { width: 98%; height: 55px; padding: 2px 1% 0; font-size: 1.1em;}
#contato .form .textarea { width: 98%; height: 120px; padding: 10px 1%;}
#contato .form .botao { padding: 17px 15px 16px; background-color: #097749; text-transform: uppercase; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer; outline: 0; border: 0;}
#contato .form .botao:hover { background-color: #05442A;}

#pedir_senha { float: left; width: 100%; padding: 50px 0;}
#pedir_senha .auto { margin: 0 auto; width: 500px; max-width: 90%;}
#pedir_senha .bloco { float: left; width: 100%; padding: 20px; background-color: #0000005D; box-sizing: border-box; color: #FFFFFF;}
#pedir_senha .informacao { float: left; width: 100%;}
#pedir_senha .informacao h1 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em;}
#pedir_senha .informacao h2 { float: left; width: 100%; text-align: center; font-size: 1.2em;}
#pedir_senha .informacao h3 { float: left; width: 100%; margin: 31px 0 0; text-align: center; font-size: 1.2em;}
#pedir_senha .informacao h3 a { color: rgb(136 196 255);}
#pedir_senha .informacao h3 a:hover { text-decoration: underline;}
#pedir_senha .c1 { float: left; width: 100%; margin: 21px 0 0;}
#pedir_senha .c100 { float: left; width: 100%; margin: 10px 0 0; text-align: center;}
#pedir_senha .nomecampo { float: left; width: 100%; margin: 0 0 2px; font-size: 1.2em;}
#pedir_senha .campo { float: left; width: 100%; height: 70px; padding: 10px; font-size: 1.2em; box-sizing: border-box; outline: 0; border: 0;}
#pedir_senha .botao { padding: 20px 30px; background-color: #FFF041; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; color: #000000; cursor: pointer; border: 0;}
#pedir_senha .botao:hover { background-color: #ff751f;}
#pedir_senha .invalida { float: left; width: 100%; margin: 10px 0 0; text-align: center; font-style: normal; color: rgb(255, 138, 138);}

#paginacao { float: left; width: 100%; margin: 0 0 30px; line-height: 4; text-align: center;}
#paginacao .numero { padding: 15px 15px 14px; background-color: #FFFFFF; font-weight: bold; font-size: 1.2em; color: #222222;}
#paginacao .numero.ativo { background-color: #FFF04152; color: #FFFFFF;}
#paginacao .numero.desativa { background-color: #CCCCCC; color: #222222;}
#paginacao .numero.desativa:hover { background-color: #CCCCCC; color: #222222;}
#paginacao .numero:hover { background-color: #FFF041; color: #FFFFFF;}
#paginacao .numero.ativo:hover { background-color: #FFF04152; color: #FFFFFF;}

#loader { position: fixed; width: 100%; height: 100%; display: none; top: 0; left: 0; background-color: rgba(0,0,0,0.30); background-image: url("../imagens/loader.gif"); background-position: 50%; background-repeat: no-repeat; z-index: 120;}

@media only screen and (max-width: 1200px) {
	#espacamento { height: 0;}
}
@media only screen and (max-width: 1000px) {
	#men-pag { width: 100%; margin: 0;}
	#noticias .conteudo { grid-template-columns: 1fr;}
}
@media only screen and (max-width: 800px) {
	#contato .form { width: 100%; margin: 20px 0 0;}
}
@media only screen and (max-width: 700px) {
	#artistas .tab { width: 48%;}
	#artistas .linha2 { display: block;}
	#artistas .linha5 { display: none;}

	#videos .tab { width: 98%; padding: 10px 1%; margin: 5px 0 30px;}
}
@media only screen and (max-width: 600px) {
	#paginas .titulo h1 { font-size: 2em;}
	#videos .subtitulo h2 { font-size: 1.4em;}
	#noticias .tab { flex-direction: column; gap: 15px;}
	#noticias .tab .img { width: 100%;}
}
@media only screen and (max-width: 550px) {
	#contato .form .c2a { width: 100%;}
	#contato .form .c2b { width: 100%;}
}
@media only screen and (max-width: 350px) {
	#paginas .titulo h1 { font-size: 1.4em;}
}