@charset "utf-8"; 

#paginas { float: left; width: 100%; min-height: 400px; padding: 0 0 50px;}
#paginas .titulo { float: left; width: 100%; padding: 5px 0;}
#paginas .titulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 3em;}
#paginas .titulo em { float: left; width: 100px; height: 5px; margin-left: 2px; background-color: #000000;}
#paginas .texto { float: left; width: 100%; padding: 10px 0 0;}
#paginas .texto h5 { float: left; width: 100%; line-height: 1.8; font-size: 1em;}
#paginas .texto h5 strong { text-transform: uppercase;}
#paginas .texto h5 em { color: #EE0000;}
#paginas .texto h5.centralizado { text-align: center;}

#index { float: left; width: 100%;}
#index .subtitulo { float: left; width: 100%; margin-bottom: 25px;}
#index .subtitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
#index .subtitulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
#index .subtitulo b { float: left; margin: 0 20px 0 0;}
#index .subtitulo strong { float: left; padding: 4px 5px 0; margin: 10px 0 0; line-height: 1; font-size: 15px; font-weight: normal; color: #000000; cursor: pointer;}
#index .subtitulo strong.ativo { font-weight: bold; font-size: 17px; color: #CD0000;}
#index .subtitulo strong:hover { color: #CD0000;}
#index .subtitulo em { float: left; width: 100%; height: 2px; background-color: #795548;}
#index .destaques { float: left; width: 100%; padding: 30px 0 0;}
#index .lancamentos { float: left; width: 100%; padding: 10px 0 50px;}
#index .maisdownloads { float: left; width: 100%; padding: 0 0 20px;}
#index .maisplays { float: left; width: 100%; padding: 0 0 20px;}
#index .pendrive { float: left; width: 100%; padding: 50px 0;}
#index .fundo { float: left; width: 100%; position: relative;}
#index .fundo .tabela { float: left; width: 100%; position: relative;}
#index .fundo .slides { float: left; width: 100%;}
#index .fundo .slides, .slides > li, .flex-control-nav { margin: 0; padding: 0; list-style: none;}
#index .fundo .slides > li { display: none; -webkit-backface-visibility: hidden;}
#index .fundo .flex-control-nav { display: none;}
#index .fundo .flex-direction-nav { position: absolute; top: 11px; right: 0; list-style: none; margin: 0;}
#index .fundo .flex-direction-nav a { width: 25px; height: 25px; position: absolute; top: 0; z-index: 10; cursor: pointer; font-size: 0; display: block;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#index .fundo .flex-direction-nav a:before { width: 25px; height: 25px; font-size: 0; display: inline-block; content: '\f001'; background-image: url(../imagens/seta3.png);}
#index .fundo .flex-direction-nav a.flex-next:before { content: '\f002'; background-image:url(../imagens/seta4.png); }
#index .fundo .flex-direction-nav .flex-nav-prev { float: left; margin-left: 10px;}
#index .fundo .flex-direction-nav .flex-nav-next { float: right;}
#index .fundo .flex-direction-nav .flex-prev { left: 0; outline: 0;}
#index .fundo .flex-direction-nav .flex-next { right: 0; outline: 0;}
#index .destaques .subtitulo { margin-bottom: 10px;}
#index .destaques .fundo .flex-direction-nav { display: none;}
#index .destaques .intes3 { float: left; width: 100%; margin: 0 0 15px;}
#index .destaques .intes3 .tab { width: 32%;}
#index .destaques .intes3 .tab.ta1 { float: left;}
#index .destaques .intes3 .tab.ta2 { float: left; margin-left: 2%;}
#index .destaques .intes3 .tab.ta3 { float: right;}
#index .destaques .intes3 .tab img { float: left; width: 100%;}

#index .coletaneas { float: left; width: 100%;}
#index .coletaneas .subtitulo { margin-bottom: 10px;}
#index .coletaneas .tab { width: 32% !important;}
#index .mp3 { float: left; width: 100%; margin: 30px 0 0;}
#index .mp3 .subtitulo { margin-bottom: 10px;}
#index .mp3 .tab { width: 32% !important;}

#artistas { float: left; width: 100%;}
#artistas .index { float: left; width: 100%;}
#artistas .index .tab { float: left; width: 100%;}
#artistas .index .tab .img { float: left; width: 30%;}
#artistas .index .tab .img img { float: left; width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#artistas .index .tab .nome { float: left; width: 70%; margin: 10px 0 0;}
#artistas .index .tab .nome h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em;}
#artistas .index .tab .nome a { float: left; width: 100%; margin: 10px 0 0; text-align: center;}
#artistas .index .tab .nome a b { padding: 10px 20px 8px; background-color: #DDDDDD; text-transform: uppercase; font-weight: normal; color: #555555; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#artistas .index .tab .nome a:hover b { background-color: #008739; color: #FFFFFF;}
#artistas .index .linha { float: left; width: 80%; height: 1px; margin: 10px 10%; border-bottom: 2px dotted #BBBBBB;}
#artistas .index .mais { float: left; width: 100%; padding: 12px 0 10px; margin: 10px 0 0; background-color: #008739; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.1em; color: #FFFFFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#artistas .index .mais:hover { background-color: #006b2d;}

#artistas .pag { float: left; width: 100%;}
#artistas .pag .tab { float: left; width: 18%; padding: 10px 0 25px; margin: 5px 1%;}
#artistas .pag .tab .img { float: left; width: 90%; margin: 0 5%;}
#artistas .pag .tab .img img { float: left; width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#artistas .pag .tab .nome { float: left; width: 90%; margin: 12px 5% 0;}
#artistas .pag .tab .nome h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em;}
#artistas .pag .tab .nome a { float: left; width: 100%; margin: 10px 0 0; text-align: center;}
#artistas .pag .tab .nome a b { padding: 10px 20px 8px; background-color: #DDDDDD; text-transform: uppercase; font-weight: normal; color: #555555; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#artistas .pag .tab .nome a:hover b { background-color: #008739; color: #FFFFFF;}
#artistas .pag .linha2 { float: left; width: 100%; height: 1px; display: none;}
#artistas .pag .linha5 { float: left; width: 100%; height: 1px;}

#cmm { float: left; width: 100%; padding: 30px 0;}
#cmm .lado1 { float: left; width: 65%;}
#cmm .lado2 { float: right; width: 30%;}

#topmusicas { float: left; width: 100%;}
#topmusicas .tab { float: left; width: 100%; padding: 25px 0; margin: 0 0 5px; background-color: #EAE8DA; position: relative;}
#topmusicas .tab .nun { position: absolute; width: 20px; top: -10px; left: -10px; padding: 10px 0; background-color: #EE0000; line-height: 0; text-align: center; font-weight: bold; font-size: 1em; color: #FFFFFF; z-index: 5; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#topmusicas .tab .img { position: absolute; width: 50px; height: 50px; top: 50%; left: 5px; margin: -25px 0 0;}
#topmusicas .tab .img img { float: left; width: 50px;}
#topmusicas .tab .nome { float: left; margin: 0 0 0 65px; text-transform: uppercase; font-size: 0.9em; color: #555555;}


#cds { float: left; width: 100%;}
#cds .tab { width: 15%; position: relative;}
#cds .tab.ta1 { float: left;}
#cds .tab.ta2 { float: left; margin-left: 2%;}
#cds .tab.ta3 { float: left; margin-left: 2%;}
#cds .tab.ta4 { float: left; margin-left: 2%;}
#cds .tab.ta5 { float: left; margin-left: 2%;}
#cds .tab.ta6 { float: right;}
#cds .tab .img { float: left; width: 100%;}
#cds .tab .img img { float: left; width: 100%;}
#cds .tab .obs { position: absolute; padding: 4px 9px 2px; top: -11px; left: -11px; border: 5px solid #FFFFFF; background-color: #EB1D20; font-weight: bold; font-size: 1em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#cds .tab h3 { float: left; width: 100%; height: 45px; margin: 8px 0 0; border-bottom: 1px solid #CCCCCC; font-size: 0.9em; color: #CD0000;}
#cds .tab h4 { float: left; width: 100%; height: 45px; margin: 10px 0 0; font-size: 0.9em; color: #CD0000;}
#cds .tab h5 { float: left; width: 100%; padding: 0 0 10px; border-bottom: 1px solid #CCCCCC; font-size: 0.9em; color: #555555;}
#cds .linha2 { float: left; width: 100%; height: 1px; display: none;}
#cds .linha6 { float: left; width: 100%; height: 1px;}
#cds.margin { margin-top: 30px;}
#cds.margin .tab { margin-bottom: 20px;}

#cds.download-geral { display: none;}
#cds.download-mes { display: block;}
#cds.download-semana { display: none;}
#cds.download-dia { display: none;}

#cds.play-geral { display: none;}
#cds.play-mes { display: block;}
#cds.play-semana { display: none;}
#cds.play-dia { display: none;}

#estourados { float: left; width: 100%; padding: 15px 0 0;}
#estourados .fundo { float: left; width: 96%; padding: 20px 2%; background-color: #990000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#estourados .subtitulo { margin-bottom: 0;}
#estourados .subtitulo h2 { color: #FFFFFF;}
#estourados .tab { float: left; width: 100%;}
#estourados .tab .imagem { float: left; width: 100%;}
#estourados .tab .imagem .img { float: left; width: 100%;}
#estourados .tab .texto { float: left; width: 100%;}
#estourados .tab .texto h3 { float: left; width: 100%; margin: 15px 0 0; font-size: 0.9em; color: #CD0000;}

#carrosel { float: left; width: 96%; padding: 20px 2% 15px; position: relative; background-color: #FFFFFF; z-index: 1;}
#carrosel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#carrosel .owl-carousel.owl-loaded { display: block;}
#carrosel .owl-carousel.owl-loading { opacity: 0; display: block;}
#carrosel .no-js .owl-carousel { display: block;}
#carrosel .owl-stage-outer { position: relative; overflow: hidden;}
#carrosel .owl-stage-outer .owl-item { float: left; position: relative;  -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;}
#carrosel .owl-stage-outer .owl-item .item { float: left; width: 100%;}
#carrosel .owl-nav { position: absolute; top: 0; right: -2%;}
#carrosel .owl-nav button { position: absolute; width: 23px; top: -58px; padding: 11px 0 16px; background-color: #550000; font-size: 2em; line-height: 0; color: #FFFFFF; cursor: pointer; border: 0; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#carrosel .owl-nav button.owl-prev { right: 26px;}
#carrosel .owl-nav button.owl-next { right: 0;}
#carrosel .owl-nav button:hover { background-color: #330000;}
#carrosel .owl-nav button.disabled { background-color: #FFFFFF; color: #AAAAAA;}
#carrosel .owl-nav button.disabled:hover { background-color: #FFFFFF;}
#carrosel .owl-dots { display: none;}

#background { float: left; width: 100%; margin: 116px 0 20px; position: relative; overflow: hidden;}
#background img { float: left; width: 100%;}

#banners { float: left; width: 70%; position: relative; overflow: hidden; z-index: 50;}
#banners .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#banners .slides > li { display: none; -webkit-backface-visibility: hidden;}
#banners .slides > li img { float: left; width: 100%;}
#banners .flex-control-nav { display: none;}
#banners .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
#banners .flex-direction-nav a { position: absolute; width: 40px; height: 60px; top: 44%; z-index: 10; display: block; cursor: pointer; font-size: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#banners .flex-direction-nav a:before { width: 40px; height: 60px; display: inline-block; content: '\f001'; background-image:url(../imagens/seta1.png);}
#banners .flex-direction-nav a.flex-next:before { content: '\f002'; background-image:url(../imagens/seta2.png); }
#banners .flex-direction-nav .flex-prev { left: 0; opacity: 0; outline: 0;}
#banners .flex-direction-nav .flex-next { right: 0; opacity: 0; outline: 0;}
#banners:hover .flex-direction-nav .flex-prev { left: 25px; opacity: 1;}
#banners:hover .flex-direction-nav .flex-next { right: 25px; opacity: 1;}

#singles { float: left; width: 87%; padding: 40px 6.5%; margin: 30px 0; background-color: #EAE8DA;}
#singles .subtitulo { width: 98%; margin: 0 1% 8px;}
#singles .tab { float: left; width: 23%; height: 60px; padding: 10px 0 8px; margin: 5px 1%; background-color: #FFFFFF; position: relative;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#singles .tab .capa { position: absolute; width: 60px; top: 10px; left: 10px;}
#singles .tab .capa img { float: left; width: 100%;}
#singles .tab .detalhes { float: left; margin: 0 10px 0 80px; line-height: 1;}
#singles .tab .detalhes strong { font-weight: normal; color: #555555;}
#singles .tab .detalhes b { position: absolute; bottom: 5px; right: 5px; padding: 3px 4px 1px; background-color: #000000; font-weight: normal; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#singles .tab:hover .detalhes b { background-color: #990000;}
#singles.pag { margin: -20px 0 0;}

#tvestacao { float: left; width: 100%; padding: 10px 0 0;}
#tvestacao.index { float: left; width: 100%; padding: 50px 0; background-color: #990000;}
#tvestacao .subtitulo { float: left; width: 100%; margin-bottom: 15px;}
#tvestacao .subtitulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 3em; color: #FFFFFF;}
#tvestacao .subtitulo em { float: left; width: 100%; height: 2px; background-color: #800000;}
#tvestacao .vili { float: left; width: 100%; position: relative;}
#tvestacao .vili .video { float: left; width: 68%; background-color: #FFFFFF;}
#tvestacao .vili .video .iframe { position: relative; width: 98%; padding-bottom: 55%; margin: 8px 0 8px 1%; overflow: hidden;}
#tvestacao .vili .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#tvestacao .vili .lista { position: absolute; width: 30%; height: 100%; right: 0; overflow: auto;}
#tvestacao .vili .lista .tab { float: left; width: 90%; padding: 8px 3%; margin: 0 0 5px; background-color: #550000;}
#tvestacao .vili .lista .tab img { float: left; width: 30%;}
#tvestacao .vili .lista .tab h3 { float: right; width: 65%; margin: 5px 0 0; color: #D08D8D;}

#noticias { float: left; width: 100%; padding: 10px 0 0;}
#noticias.index { padding: 50px 0 20px; background-color: #ECECEC;}
#noticias .subtitulo { float: left; width: 100%; margin-bottom: 15px;}
#noticias .subtitulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
#noticias .subtitulo em { float: left; width: 100%; height: 2px; background-color: #550000;}
#noticias .tab { position: relative; overflow: hidden;}
#noticias .tab.ta1 { float: left; width: 49%;}
#noticias .tab.ta2 { float: left; width: 24%; margin-left: 2%;}
#noticias .tab.ta3 { float: right; width: 24%;}
#noticias .tab.ta4 { float: left; width: 24%; margin-left: 2%; margin-top: 10px;}
#noticias .tab.ta5 { float: right; width: 24%; margin-top: 10px;}
#noticias .tab .obs { float: left; width: 100%; background-color: rgba(0,0,0,0.8); position: absolute; bottom: 0; z-index: 10; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
#noticias .tab .obs h3 { float: left; width: 96%; padding: 10px 2%; font-size: 1em; color: #FFFFFF;}
#noticias .tab .img { float: left; width: 100%;}
#noticias .tab.ta1 .obs h3 { padding: 20px 2%; font-weight: bold; font-size: 1.7em;}
#noticias .linha5 { float: left; width: 100%; height: 30px;}
#noticias .margem { float: left; width: 100%; height: 30px;}

#sociais { float: left; width: 100%; padding: 30px 0 90px; background-color: #FFFFFF;}
#sociais .nome { float: left; width: 100%; padding: 8px 0 5px; margin: 0 0 15px; background-color: #EEEEEE; border: 1px solid #DDDDDD; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3em; color: #444444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#sociais .lado1 { float: left; width: 65%; margin: 0 2%;}
#sociais .lado1 a { float: left; width: 31.333%; padding: 14px 0 11px; margin: 0 1% 5px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#sociais .lado1 a.instagram { background-color: #000000; color: #FFFFFF;}
#sociais .lado1 a.facebook { background-color: #3A5897; color: #FFFFFF;}
#sociais .lado1 a.youtube { background-color: #BB0106; color: #FFFFFF;}
#sociais .lado1 a.whatsapp { background-color: #008739; color: #FFFFFF;}
#sociais .lado1 a.tiktok { background-color: #161618; color: #FFFFFF;}
#sociais .lado1 a.spotify { background-color: #64d15e; color: #FFFFFF;}
#sociais .lado2 { float: right; width: 27%; margin: 0 2%;}
#sociais .lado2 a { float: left; width: 48%; margin: 0 1% 5px;}
#sociais .lado2 a img { float: left; width: 100%;}

#videos { float: left; width: 100%;}
#videos .tab { float: left; width: 21%; margin: 20px 2% 0 0;}
#videos .tab img { float: left; width: 100%;}
#videos .tab h3 { float: left; width: 100%; margin-top: 10px; font-weight: bold; text-align: center; font-size: 1em; color: #222222;}
#videos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#videos .linha4 { float: left; width: 100%; height: 1px;}

#contato { float: left; width: 100%; padding: 10px 0;}
#contato .infor { float: left; width: 42%; margin-top: 28px; line-height: 1.5; font-size: 1.1em;}
#contato .infor img { float: left; max-width: 96%; border: 5px solid #FFFFFF; margin: 0 0 15px;}
#contato .infor h5 { float: left; width: 100%; line-height: 1.5; font-size: 1.1em;}
#contato .infor h5 strong { text-transform: uppercase; font-size: 1.2em;}
#contato .infor h5 a { color: #129A94;}
#contato .infor h5 a:hover { text-decoration: underline;}
#contato .form { float: right; width: 50%; padding: 0 0 0 4%; margin-top: 25px; border-left: 4px solid #EFEBEB;}
#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: 25px;}
#contato .form .c1.bottom10 { margin-bottom: 10px;}
#contato .form .c2a { float: left; width: 48%; margin-bottom: 25px;}
#contato .form .c2b { float: right; width: 48%; margin-bottom: 25px;}
#contato .form .todos { float: left; background-color: #FFFFFF; border: 1px solid #AAAAAA; font-family: 'Yantramanav', Arial; font-size: 1.1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0;}
#contato .form .campo { width: 98%; height: 55px; padding: 0 1%; 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;}

#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%;}




#exibiartista { float: left; width: 100%; margin: 125px 0 0;}
#exibiartista .nome { float: left; width: 100%; display: none;}
#exibiartista .nome h1 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em;}

#exibiartista .foto { float: left; width: 100%; text-align: center;}
#exibiartista .foto img { border: 5px solid #FFFFFF; max-width: 90%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

#exibiartista .nuns { float: left; width: 100%; background-color: #CCCCCC;}
#exibiartista .nuns .item { float: left; width: 33.33%; padding: 10px 0 8px; text-align: center;}
#exibiartista .nuns .item b { float: left; width: 100%; text-transform: uppercase; font-weight: normal; color: #555555;}
#exibiartista .nuns .item strong { float: left; width: 100%; font-size: 1.2em; color: #222222;}




#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;}

#comentarios { padding: 20px 2% 0; background-color: #FFFFFF; position: relative;}
#comentarios .apresenta { float: left; width: 100%;}
#comentarios .apresenta h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em; color: #000000;}
#comentarios .add { float: left; width: 100%;}
#comentarios .add .c1 { float: left; width: 100%;}
#comentarios .add .c2 { float: left; width: 35%; margin: 12px 0 0;}
#comentarios .add .c2.a { float: left;}
#comentarios .add .c2.b { float: left; margin: 12px 0 0 5%;}
#comentarios .add .c2.c { float: right; width: 20%;}
#comentarios .add .c3 { float: left; width: 100%; margin: 12px 0 0;}
#comentarios .add .nomecampo { float: left; width: 100%; font-size: 0.9em; color: #000000;}
#comentarios .add .nomecampo em { font-style: normal; color: #EE0000;}
#comentarios .add .campo { float: left; width: 95.2%; height: 30px; padding: 1px 2%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .campo:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .escolha { float: left; width: 100%; height: 34px; padding: 1px 2%; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .escolha.p { float: left; width: 38%;}
#comentarios .add .escolha.g { float: right; width: 60%;}
#comentarios .add .escolha:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .textarea { float: left; width: 97.5%; height: 40px; padding: 15px 1%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .textarea:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .botao { float: left; width: 100%; height: 55px; padding: 2px 0 0; margin: 10px 0 0; background-color: #129A94; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.2em;color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#comentarios .add .botao:hover { background-color: #0A7A75;}

#comentarios .lista { float: left; width: 100%; border-top: 2px dashed #CCCCCC;}
#comentarios .lista .tab { float: left; width: 100%; margin: 20px 0 0; position: relative;}
#comentarios .lista .tab .ico { position: absolute; width: 60px; height: 60px; top: 0; left: 0; background-color: #ECECEC; background-image: url("../imagens/comentario-masculino.png"); background-repeat: no-repeat; background-position: 50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#comentarios .lista .tab .ico.Feminino { background-color: #ECECEC; background-image: url("../imagens/comentario-feminino.png");}
#comentarios .lista .tab .comentario { padding: 0 0 0 70px;}
#comentarios .lista .tab .comentario h2 { float: left; width: 100%; line-height: 1.2; font-weight: bold; font-size: 1.5em; color: #282E2F;}
#comentarios .lista .tab .comentario h3 { float: left; width: 100%; margin: 10px 0; font-size: 1em; color: #282E2F;}
#comentarios .lista .tab .comentario h4 { float: left; width: 100%; font-size: 0.9em; color: #555555;}
#comentarios .lista .tab .comentario h5 { float: left; font-size: 1em; color: #0815A3; cursor: pointer;}
#comentarios .lista .tab .comentario h5:hover { text-decoration: underline; color: #00086A;}
#comentarios .lista .tab .comentario linha { float: left; width: 100%; height: 1px; margin: 20px 0 0; background-color: #9A2812;}
#comentarios .lista .tab.resposta { float: right; width: 90%;}

#comentarios .sucesso { float: left; width: 98%; padding: 14px 1% 10px; margin: 12px 0 0; background-color: #CDF1DA; text-transform: uppercase; text-align: center; font-size: 1em; color: #38403B;}
#comentarios .erro { float: left; width: 98%; padding: 14px 1% 10px; margin: 12px 0 0; background-color: #F7B9B9; text-transform: uppercase; text-align: center; font-size: 1em; color: #AD5959;}
#comentarios .vazio { float: left; width: 100%; margin: 12px 0 0; font-style: italic; font-size: 1em; color: #555555;}
#comentarios .aviso { float: left; width: 100%;}

#comentarios .paginacao { cursor: pointer; padding: 10px 20px 8px; margin: 12px 0 0; color: #222222; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#comentarios .paginacao.avancar { float: right; background-color: #8FDDBD;}
#comentarios .paginacao.recuar { float: left; background-color: #ECA1A1;}
#comentarios .paginacao.avancar:hover { background-color: #7ac0a3;}
#comentarios .paginacao.recuar:hover { background-color: #d38b8b;}

#comentarios .rolagem { float: left; width: 100%; height: 1px;}

#comentarios .espacao { float: left; width: 100%; position: relative; padding: 0 0 10px; margin: 20px 0 10px;}
#comentarios .loader { position: absolute; width: 104%; height: 100%; display: none; top: 0; left: -2%; z-index: 50; background-color: rgba(0,0,0,0.30); background-image: url("../imagens/loader.gif"); background-position: 50%; background-repeat: no-repeat;}

#comentarios.comvideo { float: right; width: 58%;}
#comentarios.semvideo { float: left; width: 96%;}

#paginacao { float: left; width: 100%; margin: 0 0 30px; line-height: 4; text-align: center;}
#paginacao .nun { padding: 15px 15px 14px; background-color: #FFFFFF; border: 1px solid #AAAAAA; font-weight: bold; font-size: 1.2em; color: #222222;}
#paginacao .nun.ativo { background-color: #E93337; border: 1px solid #E93337; color: #FFFFFF;}
#paginacao .nun.desativa { background-color: #CCCCCC; border: 1px solid #CCCCCC; color: #222222;}
#paginacao .nun.desativa:hover { background-color: #CCCCCC; border: 1px solid #CCCCCC; color: #222222;}
#paginacao .nun:hover { background-color: #000000; border: 1px solid #000000; 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) {
	#singles { width: 98%; padding: 20px 1%;}
	#singles .tab { width: 48%;}

	#noticias .tab.ta1 { float: left; width: 49%; margin-top: 0;}
	#noticias .tab.ta2 { float: right; width: 49%; margin-left: 0; margin-top: 0;}
	#noticias .tab.ta3 { float: left; width: 49%; margin-top: 15px;}
	#noticias .tab.ta4 { float: right; width: 49%; margin-left: 0; margin-top: 15px;}
	#noticias .tab.ta5 { float: left; width: 49%; margin-top: 15px;}
	#noticias .tab.ta1 .obs h3 { padding: 10px 2%; font-weight: normal; font-size: 1em;}
	#exibiblog { width: 90%; margin-left: 5%;}
	#exibicds { padding: 0;}
	#exibicds .lado1 { width: 38%;}
	#exibicds .lado2 { width: 60%;}
	#exibicds .tabmusicas { width: 60%;}

	#sociais .lado1 { width: 92%; margin: 0 4%;}
	#sociais .lado1 a { width: 48%;}
	#sociais .lado2 { float: left; width: 92%; margin: 20px 4% 0;}

	#noticias.index { padding: 20px 0;}

	#artistas .pag .tab { width: 48%}
	#artistas .pag .linha2 { display: block;}
	#artistas .pag .linha5 { display: none;}
}
@media only screen and (max-width: 900px) {
	#background { margin: 120px 0 20px;}
	
	#tvestacao .vili .video { width: 100%;}
	#tvestacao .vili .lista { float: left; width: 100%; height: 200px; margin-top: 20px; position: relative;}
	#tvestacao .vili .lista .tab { width: 44.5%; padding: 8px 2%; margin: 0 0 7px 1%;}
	
	#exibiblog .compartilhar .zap { display: block;}

	#exibiartista { margin: 120px 0 0;}
	
	#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) {
	#singles { margin: 10px 0 30px;}

	#cmm .lado1 { width: 100%;}
	#cmm .lado2 { float: left; width: 100%;}

	#cds .tab { width: 48%; margin-bottom: 20px;}
	#cds .tab.ta1 { float: left;}
	#cds .tab.ta2 { float: right; margin-left: 0;}
	#cds .tab.ta3 { float: left; margin-left: 0;}
	#cds .tab.ta4 { float: right; margin-left: 0;}
	#cds .tab.ta5 { float: left; margin-left: 0;}
	#cds .tab.ta6 { float: right;}
	#cds .linha2 { display: block;}
	#cds .linha6 { display: none;}

	#index .coletaneas .tab.ta2 { float: left; margin-left: 2%;}
	#index .coletaneas .tab.ta3 { float: left; margin-left: 2%;}
	#index .coletaneas .tab h3 { height: 65px;}

	#index .mp3 .linha2 { display: none;}
	#index .mp3 .tab.ta2 { float: left; margin-left: 2%;}
	#index .mp3 .tab.ta3 { float: left; margin-left: 2%;}
	#index .mp3 .tab h3 { height: 65px;}

	#videos .tab { width: 46%;}
	#videos .linha2 { display: block;}

	#contato .infor { width: 100%; margin-top: 0;}
	#contato .form { width: 100%; margin-top: 20px;}
	#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) {
	#comentarios { margin: 20px 0 0;}

	#exibiartista .nuns .item { width: 100%; border-bottom: 1px solid #AAAAAA;}

	#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;}

	#comentarios.comvideo { float: left; width: 96%;}
}
@media only screen and (max-width: 600px) {
	#estourados { padding: 10px 0;}
	#index .lancamentos { padding: 10px 0 0;}
	#index .maisdownloads { padding: 0;}
	#index .maisplays { padding: 0;}
	#index .pendrive { padding: 10px 0 0;}
	#index .fundo .flex-direction-nav { top: 0;}
	#paginas .titulo h1 { font-size: 2em;}
	#index .subtitulo h1 { font-size: 1.4em;}
	#index .subtitulo h2 { font-size: 1.4em;}
	#index .subtitulo strong { margin: 4px 0 0;}
	#exibiblog h1 { font-size: 1.4em;}
	#tvestacao .subtitulo h2 { font-size: 1.4em;}
	#noticias .subtitulo h2 { font-size: 1.4em;}
	#noticias .sociais h2 { font-size: 1.4em;}
	#tvestacao .vili .lista .tab { width: 96%; margin: 0 0 7px 0;}
	#exibiblog { padding: 5px 0 0;}
	#comentarios .add .c2 { float: left; width: 100%; margin: 20px 0 0;}
	#comentarios .add .c2.b { margin: 20px 0 0;}
	#comentarios .add .c2.c { width: 100%;}
}
@media only screen and (max-width: 550px) {
	#noticias .tab.ta1 { width: 100%;}
	#noticias .tab.ta2 { width: 100%; margin-top: 15px;}
	#noticias .tab.ta3 { width: 100%;}
	#noticias .tab.ta4 { width: 100%;}
	#noticias .tab.ta5 { width: 100%;}
	#contato .form .c2a { width: 100%;}
	#contato .form .c2b { width: 100%;}
}
@media only screen and (max-width: 500px) {
	#singles .tab { width: 98%; margin: 2px 1%;}

	#index .subtitulo b { width: 100%; margin: 0}

	#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;}

	#artistas .pag .tab { width: 100%; margin: 5px 0;}
}
@media only screen and (max-width: 400px) {
	#background { margin: 0 0 20px;}
	#exibiartista { margin: 0;}
}
@media only screen and (max-width: 350px) {
	#paginas .titulo h1 { font-size: 1.4em;}
	#videos .tab { width: 100%; margin: 20px 0 0;}
}