@charset "utf-8";

#paginas { float: left; width: 100%; padding: 20px 0;}

#titulo1 { float: left; width: 100%; padding: 20px 0 13px; margin: 0 0 18px; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;}
#titulo1 h1 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1; color: #140C09;}
#titulo1 h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1; color: #140C09;}

#titulo2 { float: left;}
#titulo2 h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; line-height: 1; color: #140C09;}
#titulo2 h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; line-height: 1; color: #140C09;}
#titulo2 h2.branco { color: #FFFFFF;}
#titulo2.mar1 { width: 100%; margin: 0 0 5px;}
#titulo2.mar2 { width: 94%; margin: 0 3% 5px;}
#titulo2.mar3 { width: 96%; margin: 0 2% 5px;}

#texto1 { float: left; width: 94%; margin: 0 3%;}
#texto1 h3 { float: left; width: 100%; margin: 20px 0 0; font-size: 1em; color: #140C09}
#texto1 h3 strong { text-transform: uppercase;}
#texto1 h3 a { font-weight: bold; color: #BF3D40;}
#texto1 h3 a:hover { text-decoration: underline;}
#texto1 h3.center { text-align: center;}

#margem { float: left; width: 100%; height: 95px;}

#anuncios { float: left; width: 100%;}
#anuncios .centralizado { float: left; width: 100%; padding: 30px 0 0; text-align: center; overflow: hidden;}
#anuncios .centralizado div { max-width: 100%;}
#anuncios .tab4 { float: left; width: 30%; margin: 0 0 20px 2.5%; text-align: center; overflow: hidden;}
#anuncios .tab4 div { max-width: 100%;}

#sociais { position: absolute; width: 40px; height: 40px; top: 200px; left: 10px; z-index: 5;}
#sociais .ico { float: left; width: 40px; height: 40px; margin: 0 0 5px; background-repeat: no-repeat; background-position: 50%;}
/*#sociais .ico.whatsapp { background-image: url("../imagens/whatsapp.png");}
#sociais .ico.instagran { background-image: url("../imagens/instagran.png");}
#sociais .ico.facebook { background-image: url("../imagens/facebook.png");}
#sociais .ico.youtube { background-image: url("../imagens/youtube.png");}*/
#sociais .ico:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#sociais .linha { float: left; width: 100%; height: 5px;}

#background { float: left; width: 70%; padding: 30px 15% 35px;}
#background h3 { float: left; width: 100%; text-transform: uppercase; font-size: 0.85em; color: #555555;}
#background img { float: left; width: 100%;}

#pop { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 10;}
#pop .fechar1 { position: fixed; width: 100%; height: 100%; z-index: 1;}
#pop .fechar2 { position: absolute; padding: 5px 10px 4px; right: -25px; top: -18px; background-color: #FFFFFF; font-weight: bold; font-size: 1.2em; color: #C10505;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; z-index: 2;}
#pop .imagem { float: left; width: 57%; padding: 7px 0.5%; margin: 100px 0 0 21%; background-color: #FFFFFF; position: relative; z-index: 2;}
#pop .imagem .img { float: left; width: 100%;}
#pop .facebook { float: left; width: 340px; padding: 7px 0.5%; margin: 50px 0 0 2%; background-color: #c10505; position: relative; z-index: 2;}

#blog { float: left; width: 100%; margin: 30px 0;}
#blog .noticias { float: left; width: 60%; margin: 0 0 0 2%;}
#blog .noticias .tab { float: left; width: 100%; margin: 15px 0 0; padding: 0 0 15px; border-bottom: 1px solid #EEEEEE;}
#blog .noticias .tab .imagem { float: left; width: 28%; position: relative;}
#blog .noticias .tab .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-position: 50%;}
#blog .noticias .tab .imagem .img { float: left; width: 100%;}
#blog .noticias .tab:hover .imagem .obs { background-color: rgba(0,0,0,0.50); background-image: url("../imagens/icoLink.png");}
#blog .noticias .tab .descricao { float: right; width: 70%;}
#blog .noticias .tab .descricao h3 { float: left; width: 100%; font-weight: bold; line-height: 1.3; font-size: 1.4em; color: #000000;}
#blog .noticias .tab .descricao h4 { float: left; width: 100%; margin: 10px 0 0; line-height: 1.3; font-size: 1em; color: #555555;}
#blog .noticias .tab .descricao h5 { float: left; width: 100%; margin: 10px 0 0; line-height: 1.3; font-size: 0.9em; color: #888888;}
#blog .noticias .tab:hover .descricao h5 { text-decoration: underline;}
#blog .videos { float: right; width: 32%; margin: 0 2% 0 0;}
#blog .videos .tab { float: left; width: 100%; margin: 15px 0 0;}
#blog .videos .tab .imagem { float: left; width: 100%; position: relative;}
#blog .videos .tab .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.40); background-image: url("../imagens/icoPlay.png"); background-repeat: no-repeat; background-position: 50%;}
#blog .videos .tab .imagem .img { float: left; width: 100%;}
#blog .videos .tab:hover .imagem .obs { background-color: rgba(0,0,0,0.80);}
#blog .videos .tab .descricao { float: right; width: 100%;}
#blog .videos .tab .descricao h3 { float: left; width: 100%; margin: 10px 0 0; text-transform: uppercase; font-weight: bold; line-height: 1.3; font-size: 1.4em; color: #000000;}
#blog .videos .tab .descricao h4 { float: left; width: 100%; margin: 5px 0 0; line-height: 1.3; font-size: 0.9em; color: #555555;}

#exibiblog { float: left; width: 94%; padding: 30px 3%;}
#exibiblog .subitulo { float: left; width: 100%;}
#exibiblog .subitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; line-height: 1.3; font-size: 1.6em; color: #140C09;}
#exibiblog .subitulo h2 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.2em; color: #555555;}
#exibiblog .esquerda { float: left; width: 30%; margin: 0 0 20px 1%;}
#exibiblog .direita { float: right; width: 66%; margin: 0 1% 0 0;}
#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%; position: relative; overflow: hidden;}
#exibiblog .imagem .img { float: left; width: 100%;}
#exibiblog .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: rgba(0,0,0,0.40); background-image: url(../imagens/icoZoom.png); background-repeat: no-repeat; background-position: 50%; z-index: 100;}
#exibiblog .imagem:hover .obs { left: 0;}
#exibiblog .compartilhar { float: left; width: 100%; padding: 9px 0 5px; margin: 10px 0 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#exibiblog .compartilhar strong { float:left; padding: 9px 5px 0 0; font-weight: normal; font-size: 0.9em; color: #555555;}
#exibiblog .compartilhar img { float: left; margin: 0 3px 3px 0;}
#exibiblog .compartilhar img:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}
#exibiblog .compartilhar a.zap2 { display: none;}
#exibiblog .descricao { float: left; width: 100%; font-size: 1em; line-height: 1.8; color: #140C09;}
#exibiblog .descricao iframe { max-width: 100%;}
#exibiblog .descricao img { max-width: 100%;}
#exibiblog .descricao strong { text-transform: uppercase;}
#exibiblog .descricao li { float: left; width: 100%; margin: 5px 0 0;}
#exibiblog .descricao a:hover { color: #FF0000;}
#exibiblog .galeria { float: left; width: 100%;}
#exibiblog .galeria .imagem { float: left; width: 23.7%; margin: 0 0 20px 1%; position: relative; overflow: hidden;}
#exibiblog .galeria .imagem .img { float: left; width: 96%; margin: 2%;}
#exibiblog .galeria .imagem .obs { position: absolute; width: 96%; height: 96%; top: 2%; left: -100%; background-color: rgba(24, 84, 154, 0.26); background-image: url(../imagens/icoZoom.png); background-repeat: no-repeat; background-position: 50%; z-index: 100;}
#exibiblog .galeria .imagem:hover .obs { left: 2%;}
#exibiblog .galeria .linha2 { float: left; width: 100%; height: 1px; display: none;}
#exibiblog .galeria .linha4 { float: left; width: 100%; height: 1px;}


#artistas { float: left; width: 96%; padding: 20px 2%;}
#artistas .item { float: left; width: 20%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#artistas .item .imagem { float: left; width: 100%;}
#artistas .item .imagem img { float: left; width: 100%;}
#artistas .item .texto { float: left; width: 100%; margin: 10px 0 0;}
#artistas .item .texto h3 { float: left; width: 100%; text-align: center; font-size: 1.1em;}
#artistas .item .texto h3 b { padding: 0 25px 0 0; background-position: 100% 50%; background-repeat: no-repeat;}
#artistas .item .texto h3 b.verificado { background-image: url('../imagens/verificado.png');}
#artistas .linha2 { display: none; float: left; width: 100%; height: 1px;}
#artistas .linha5 { float: left; width: 100%; height: 1px;}
#artistas .home { float: left; width: 94%; padding: 40px 3% 20px;}
#artistas .home .item { float: left; width: 100%;}

#pedir_senha { float: left; width: 100%; padding: 100px 0;}
#pedir_senha .auto { margin: 0 auto; width: 500px; max-width: 90%;}

#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(0 100 200);}
#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;}
#pedir_senha .nomecampo em { font-style: normal; color: rgb(200 0 0);}
#pedir_senha .campo { float: left; width: 100%; height: 50px; outline: 1px solid rgb(90 90 90 / 70%); border: 0;}
#pedir_senha .botao { padding: 20px 30px; background-color: rgb(10 100 50); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; color: rgb(255 255 255); cursor: pointer;}
#pedir_senha .botao:hover { background-color: rgb(10 80 50);}
#pedir_senha .invalida { float: left; width: 100%; margin: 10px 0 0; text-align: center; font-style: normal; color: rgb(200 0 0);}


#contato { float: left; width: 100%; padding: 20px 0;}
#contato .form { float: left; width: 40%; margin: 20px 0 0 30%;}
#contato .form .campo { float: left; width: 97.5%; height: 60px; padding: 1px 1% 0; margin: 10px 0 0; border: 1px solid #AAAAAA; font-size: 1.1em;}
#contato .form .campo:focus { border: 1px solid #0093FF;}
#contato .form .textarea { float: left; width: 97.5%; height: 130px; padding: 10px 1%; margin: 10px 0 0; border: 1px solid #AAAAAA; font-size: 1.1em;}
#contato .form .textarea:focus { border: 1px solid #0093FF;}
#contato .form .botao { float: left; padding: 15px 15px 13px; margin: 10px 0 0; background-color: #140C09; text-transform: uppercase; font-weight: bold; font-size: 1.1em; color: #ff0000; cursor: pointer;}
#contato .form .botao:hover { background-color: #ff0000; color: #140C09;}
#contato .tex { float: left; width: 94%; margin: 20px 0 0 3%;}
#contato .tex h3 { float: left; width: 100%; font-size: 1em; text-align: center;}
#contato .tex h3 strong { text-transform: uppercase; font-size: 1.2em;}


.ico-pendrive #cd .item .imagem .obs { background-image: url('../imagens/download.png');}


@media only screen and (max-width: 1000px) {
     #margem { height: 0;}

     #background { float: left; width: 94%; padding: 30px 3% 35px;}

     #blog .noticias .tab .descricao h3 { font-size: 1em;}
     #blog .noticias .tab .descricao h4 { font-size: 0.9em;}
     #blog .videos .tab .descricao h3 { margin: 6px 0 0; font-size: 1em;}
     #blog .videos .tab .descricao h4 { margin: 0;}

     #sociais { display: none; position: relative; float: left; width: 94%; top: 0; left: 0; padding: 10px 3% 8px; background-color: #140C09; border-top: 1px solid #40251A;}
     #sociais .ico { width: 33.3%; margin: 0;}

     #contato .form { width: 47%;}
     #contato .texto { width: 50%;}
}
@media only screen and (max-width: 800px) {
     #anuncios .tab4 { width: 100%; margin: 0 0 20px;}

     #exibiblog .compartilhar a.zap1 { display: none;}
     #exibiblog .compartilhar a.zap2 { display: contents;}

     #artistas .tab { width: 50%;}
     #artistas .linha2 { display: block;}
     #artistas .linha5 { display: none;}

     #pedir_senha { padding: 50px 0;}

     #contato .form { width: 100%; margin: 20px 0 0;}
     #contato .texto { width: 100%; margin: 20px 0 0;}
     #contato .texto h3 { font-size: 1em;}
}
@media only screen and (max-width: 700px) {
     #blog .noticias .tab .imagem { width: 100%;}
     #blog .noticias .tab .descricao { width: 100%; margin: 12px 0 0;}
     #blog .noticias .tab .descricao h4 { margin: 5px 0 0;}
     #blog.home .noticias { width: 96%;}
     #blog.home .videos { width: 96%;}

     #exibiblog .subitulo { margin: 0;}
	#exibiblog .esquerda { width: 98%;}
     #exibiblog .direita { float: left; width: 98%; margin: 0 0 0 1%;}
     #exibiblog .video .iframe { margin: 0;}
}
@media only screen and (max-width: 600px) {
     #titulo1 h1 { font-size: 1.5em;}
     #titulo1 h2 { font-size: 1.5em;}
     #titulo2 h2 { font-size: 1.5em;}

     #pop .imagem { width: 68%; padding: 7px 1%; margin: 100px 0 0 15%;}
}
@media only screen and (max-width: 500px) {
	#exibiblog .subitulo h1 { font-size: 1.4em;}
     #exibiblog .botoes { float: left; width: 100%;}
     #exibiblog .botoes .botao { width: 90%; padding: 17px 5% 15px; margin: 0 0 10px;}
	#exibiblog .galeria .imagem { width: 49%;}
	#exibiblog .galeria .linha2 { display: block;}
}
@media only screen and (max-width: 400px) {
     #pop .facebook { width: 80%; padding: 7px 1%;}
}