@charset "utf-8";

#paginas { float: left; width: 100%; min-height: 200px;}
#paginas .titulo { float: left; width: 100%; padding: 5px 0;}
#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: #33004F;}
#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;}

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

#mensagens { float: left; width: 50%; margin: 0 25%;}
#mensagens .enviar { float: left; width: 100%;}
#mensagens .enviar .todos { float: left; width: 100%; display: none;}
#mensagens .enviar .c1 { float: left; width: 100%; margin: 15px 0 0;}
#mensagens .enviar .nomecampo { float: left; width: 100%; padding: 0 0 1px; font-style: italic; color: #FFFFFF;}
#mensagens .enviar .textarea { float: left; width: 95.5%; height: 20px; padding: 20px 2%; border: 1px solid #999999; outline: 0; font-family: 'Yantramanav', sans-serif; font-size: 1em;}
#mensagens .enviar .textarea.g { height: 100px;}
#mensagens .enviar .textarea:focus { border: 1px solid #00C3FF; -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
#mensagens .enviar .campo { float: left; width: 95.5%; height: 50px; padding: 1px 2% 0; border: 1px solid #999999; outline: 0; font-family: 'Yantramanav', sans-serif; font-size: 1em;}
#mensagens .enviar .campo:focus { border: 1px solid #00C3FF; -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
#mensagens .enviar .escolha { float: left; height: 52px; padding: 1px 2% 0; border: 1px solid #999999; outline: 0; font-family: 'Yantramanav', sans-serif; font-size: 1em;}
#mensagens .enviar .escolha.p { width: 25%;}
#mensagens .enviar .escolha.g { width: 50%; margin: 0 0 0 2%;}
#mensagens .enviar .escolha:focus { border: 1px solid #00C3FF; -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
#mensagens .enviar .file { color: #FFFFFF;}
#mensagens .enviar .botao { float: left; padding: 15px 25px; margin: 20px 0 0; background-color: #058B58; font-size: 1.2em; color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#mensagens .enviar .botao:hover { background-color: #02613D;}
#mensagens .enviadas { float: left; width: 100%; margin: 30px 0 0;}
#mensagens .enviadas .tab { float: left; width: 100%; min-height: 70px; padding: 0 0 30px; margin: 15px 0; border-bottom: 3px dotted rgb(255 255 255 / 40%); position: relative;}
#mensagens .enviadas .tab .foto { position: absolute; width: 70px; top: 0; left: 0;}
#mensagens .enviadas .tab .detalhes { float: left; margin: 0 0 0 80px;}
#mensagens .enviadas .tab .detalhes h3 { font-size: 1em; color: #0A7EC2;}
#mensagens .enviadas .tab .detalhes h3 b { font-weight: normal; color: #E5433E;}
#mensagens .enviadas .tab .detalhes h4 { margin: 5px 0; font-size: 1.1em; color: #FFFFFF;}
#mensagens .enviadas .tab .detalhes h5 { color: #AAAAAA;}

#mentopo { float: left; width: 100%; margin: 177px 0 1px; position: relative;}
#mentopo .tab { height: 50px; position: relative; display:inline-block;}
#mentopo .tab .foto { float: left; width: 50px;}
#mentopo .tab .detalhes { margin: 0 25px 0 55px;}
#mentopo .tab .detalhes h3 { font-size: 0.95em; color: #ffe500;}
#mentopo .tab .detalhes h3 b { font-weight: normal; color: #E5433E;}
#mentopo .tab .detalhes h4 { margin: 5px 0 0; font-size: 1em; color: #FFFFFF;}
#mentopo .tab .detalhes h5 { display: none;}

#mentopo .botoes { float: left; width: 100%; padding: 15px 0 10px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.1em;}
#mentopo .botoes a { padding: 0 0 0 27px; background-position: 0 50%; background-repeat: no-repeat; color: #ffe500;}
#mentopo .botoes a.nova { background-image: url('../imagens/men-nova.png?d=3');}
#mentopo .botoes a.mais { background-image: url('../imagens/men-mais.png?d=3');}
#mentopo .botoes a:hover { text-decoration: underline; color: #FFFFFF;}
#mentopo .botoes b { margin: 0 10px;}

#nm { position: absolute; width: 100%; height: 1px; top: 90px; left: 0;}

#publidade { float: left; width: 94%; margin: 0 3% 12px; text-align: center;}
#publidade strong { float: left; width: 100%; margin: 0 0 2px; text-transform: uppercase; font-weight: normal; font-size: 0.9em; color: #999999;}
#publidade img { max-width: 100%;}
#publidade img.m { display: none;}

#index { float: left; width: 100%;}
#index .subtitulo { float: left; width: 100%; margin-bottom: 10px;}
#index .subtitulo h2 { float: left; width: 98%; padding: 13px 1% 8px; background-color: #ffe500; text-transform: uppercase; font-weight: bold; font-size: 1.5em; color: #33004F; -webkit-border-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 2px; border-radius: 2px; border-bottom-left-radius: 0;}
#index .subtitulo em { float: left; width: 100%; height: 2px;}
#index .recomendados { float: left; width: 100%; padding: 30px 0 0; position: relative;}
#index .maisbaixadas { float: left; width: 100%; padding: 10px 0 0;}
#index .maisouvidos { float: left; width: 100%; padding: 30px 0 0;}
#index .playlist { float: left; width: 100%; padding: 30px 0 0;}
#index .paredao { float: left; width: 100%; padding: 30px 0 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: 16px; 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 .recomendados .intes4 { float: left; width: 100%;}
#index .recomendados .intes4 .tab { width: 22%; overflow: hidden;}
#index .recomendados .intes4 .tab.ta1 { float: left;}
#index .recomendados .intes4 .tab.ta2 { float: left; margin-left: 4%;}
#index .recomendados .intes4 .tab.ta3 { float: left; margin-left: 4%;}
#index .recomendados .intes4 .tab.ta4 { float: right;}
#index .recomendados .intes4 .tab h3 { font-family: 'aller_displayregular', Arial; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; height: auto;}
#index .recomendados .tabela { float: left; width: 100%; position: relative;}
#index .recomendados .slides { float: left; width: 100%;}
#index .recomendados .slides, .slides > li, .flex-control-nav { margin: 0; padding: 0; list-style: none;}
#index .recomendados .slides > li { display: none; -webkit-backface-visibility: hidden;}
#index .recomendados .flex-control-nav { display: none;}
#index .recomendados .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
#index .recomendados .flex-direction-nav a { position: absolute; width: 30px; height: 30px; top: 42%; 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;}
#index .recomendados .flex-direction-nav a:before { width: 30px; height: 30px; display: inline-block; content: '\f001'; background-image: url(../imagens/seta5.png);}
#index .recomendados .flex-direction-nav a.flex-next:before { content: '\f002'; background-image: url(../imagens/seta6.png); }
#index .recomendados .flex-direction-nav .flex-prev { left: 0; opacity: 0; outline: 0;}
#index .recomendados .flex-direction-nav .flex-next { right: 0; opacity: 0; outline: 0;}
#index .recomendados:hover .flex-direction-nav .flex-prev { left: 35px; opacity: 1;}
#index .recomendados:hover .flex-direction-nav .flex-next { right: 35px; opacity: 1;}

#artistas { float: left; width: 100%; padding: 15px 0 0;}
#artistas .subtitulo { position: relative;}
#artistas .subtitulo .mais { position: absolute; top: 10px; right: 10px; padding: 10px 30px 7px 15px; background-color: #FFFFFF; background-image: url(../imagens/seta4.png); background-position: 95% 50%; background-repeat: no-repeat; text-transform: uppercase; font-weight: bold; color: #424242; line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#artistas .subtitulo .mais:hover { background-color: #EEEEEE;}
#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 { float: left; width: 100%; margin: 12px 0 0; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #FFFFFF;}
#artistas .tab:hover h3 { color: #AAAAAA;}
#artistas .linha2 { float: left; width: 100%; height: 1px; display: none;}
#artistas .linha5 { float: left; width: 100%; height: 1px;}

#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%; position: relative;}
#cds .tab .img img { float: left; width: 100%;}
#cds .tab .img .nun { position: absolute; padding: 4px 9px 2px; top: 38%; left: -17px; border: 4px solid #FFFFFF; background-color: #33004F; font-weight: bold; font-size: 1em; color: #FFFFFF; z-index: 100;}
#cds .tab .img .obs { position: absolute; width: 100%; height: 100%; right: 100%; background-color: rgba(255, 187, 0, 0.61); background-image: url(../imagens/icoDownobs.png); background-repeat: no-repeat; background-position: -250% 50%; z-index: 100;}
#cds .tab:hover .img .obs { right: 0; background-position: 50% 50%; }
#cds .tab h3 { float: left; width: 100%; margin: 15px 0 0; font-size: 0.9em; color: #FFFFFF;}
#cds .tab h3 strong { font-size: 1.1em;}
#cds .tab:hover h3 { text-decoration: underline;}
#cds .tab h4 { float: left; width: 100%; margin: 5px 0; font-size: 1em; color: #AAAAAA;}
#cds .tab h5 { float: left; width: 100%; padding: 0 0 10px; font-size: 0.9em; color: #AAAAAA;}
#cds .tab .bordab { padding: 0 0 8px; border-bottom: 1px solid #CCCCCC; }
#cds .linha2 { float: left; width: 100%; height: 1px; display: none;}
#cds .linha6 { float: left; width: 100%; height: 1px;}
#cds.margin { margin-top: 15px;}
#cds.margin .tab { margin-bottom: 20px;}

#lancamentos { float: left; width: 100%; padding: 15px 0 0;}
#lancamentos .tab { float: left; width: 10%;}
#lancamentos .tab .img { float: left; width: 100%; position: relative;}
#lancamentos .tab .img img { float: left; width: 90%; margin: 5%;}
#lancamentos .tab .img .obs { position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; display: none; background-color: rgba(0, 0, 0, 0.9);}
#lancamentos .tab .img .obs b { float: left; width: 90%; margin: 5%; text-align: center; font-size: 0.9em; color: #FFFFFF; line-height: 1;}
#lancamentos .tab .img .obs em { float: left; width: 90%; margin: 0 5%; background-color: #8E0026; text-align: center; font-weight: bold; font-style: normal; font-size: 1em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#lancamentos .tab:hover .img .obs { display: block;}
#lancamentos .linha10 { float: left; width: 100%; height: 1px;}
#lancamentos .linha5 { float: left; width: 100%; height: 1px; display: none;}

#estourados { float: left; width: 100%; padding: 15px 0 0;}
#estourados .fundo { float: left; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#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: #FFFFFF;}

#carrosel { float: left; width: 100%; position: relative; 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: 9px; right: 9px;}
#carrosel .owl-nav button { position: absolute; width: 23px; top: -58px; padding: 11px 0 16px; background-color: #222222; 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: #000000;}
#carrosel .owl-nav button.disabled { background-color: #222222; color: #555555;}
#carrosel .owl-nav button.disabled:hover { background-color: #222222;}
#carrosel .owl-dots { display: none;}

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

#minis { float: left; width: 100%;}
#minis .tab { float: left; width: 50%;}
#minis .tab img { float: left; width: 98%; margin: 1%;}

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

#noticias { float: left; width: 100%;}
#noticias.index { padding: 30px 0 0;}
#noticias .tab { width: 47%; padding: 12px 1%; margin-bottom: 20px; background-color: #FFFFFF;}
#noticias .tab.ta1 { float: left;}
#noticias .tab.ta2 { float: right;}
#noticias .tab .img { float: left; width: 40%;}
#noticias .tab .img img { float: left; width: 100%;}
#noticias .tab .texto { float: right; width: 58%;}
#noticias .tab .texto h3 { float: left; width: 100%; padding: 0 0 5px; margin: 10px 0 10px; border-bottom: 1px solid #CCCCCC; font-weight: bold; font-size: 1.5em; color: #444444;}
#noticias .tab:hover .texto h3 { border-bottom: 1px solid #33004F; color: #33004F;}
#noticias .tab .texto h4 { float: left; width: 100%; line-height: 1.7; font-size: 0.9em; color: #555555;}
#noticias .linha2 { float: left; width: 100%; height: 1px;}

#contato { float: left; width: 100%; padding: 10px 0;}
#contato .infor { float: left; width: 100%; text-align: center; line-height: 1.5; font-size: 1em;}
#contato .infor h5 { float: left; width: 100%; line-height: 1.5; font-size: 1.1em; 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;}

#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: 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:#555555;}
#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%;}
#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; text-align: center; font-weight: bold; font-size: 2em; color: #FFFFFF;}
#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;}
#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 { float:left; width: 100%; padding: 15px 0 11px; margin: 0 0 20px; background-color: #33004F; text-align: center; font-size: 1.2em; color: #FFFFFF;}
#exibicds .baixarcd:hover { background-color: #000000;}
#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: 98%; padding: 10px 0 8px; margin: 0 0 10px;  background-color: transparent; border: 1px solid #CCCCCC; text-align: center; color: #000000; outline: 0;}
#exibicds .contagens .nuns .nome { float: left; width: 100%; padding: 5px 0; background-color: #000000; text-align: center; font-weight: normal; font-size: 0.9em; color: #FFFFFF; outline: 0;}
#exibicds .contagens .nuns .setinha { position: absolute; width: 10px; height: 10px; top: 31px; left: 5px; background-image: url(../imagens/setinha.png);}
#exibicds .contagens .nuns.um { float: left;}
#exibicds .contagens .nuns.dois { float: right;}
#exibicds .cnc { float: left; width: 100%; margin: 0 0 18px;}
#exibicds .cnc .nuns { width: 46%; position: relative; padding: 8px 0; border: 1px solid #CCCCCC;}
#exibicds .cnc .nuns .campo { float: left; width: 60%; height: 35px; background-color:transparent; text-align: center; color: #000000; padding: 0; margin: 0; border: 0; outline: 0;}
#exibicds .cnc .nuns .botao { float: left; width: 40%; height: 35px; 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 .botao.curtir { background-image: url('../imagens/curtir.png');}
#exibicds .cnc .nuns .botao.ncurtir { background-image: url('../imagens/ncurtir.png');}
#exibicds .cnc .nuns:hover { border: 1px solid #000000;}
#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 .you { float: left; width: 96%; padding: 12px 2% 10px; background-color: #CC0000; margin-top: 5px;}
#exibicds .video .you .ico { float: left;}
#exibicds .video .you .ins { float: left; margin: 5px 0 0 4px; font-weight: bold; font-size: 1.1em; color: #FFFFFF;}
#exibicds .video .you:hover { background-color: #AA0000;}
#exibicds .linha { float: left; width: 100%; height: 20px;}
#exibicds .tabmusicas { float: left; width: 40%; padding: 20px 2%; background-color: #FFFFFF;}
#exibicds .tabmusicas .nomefaixas { float: left; width: 100%; font-size: 2em;}
#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 1% 5px; margin: 0 0 2px; border-bottom: 1px solid #CCCCCC; text-transform: uppercase; font-size: 0.9em;}
#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; width: 81%; 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: 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: #33004F; color: #FFFFFF;}
#exibicds .tabmusicas .mostrar .mais b { background-color: #33004F; color: #FFFFFF;}
#exibicds .tabmusicas .mostrar .menos { float: left; width: 100%; padding: 8px 0; text-align: center;}
#exibicds .tabmusicas .mostrar .menos b { background-color: #000000; color: #33004F;}
#exibicds .tabmusicas .mostrar .esconder { display: none;}
#exibicds .comenteface { padding: 20px 2%; background-color: #FFFFFF;}
#exibicds .comenteface.complay { float: right; width: 58%;}
#exibicds .comenteface.semplay { float: left; width: 96%;}

#comentarios { padding: 20px 2%;}
#comentarios .apresenta { float: left; width: 100%;}
#comentarios .apresenta h2 { float: left; width: 100%; font-weight: bold; font-size: 2em; color: #FFFFFF;}
#comentarios .apresenta h3 { float: left; width: 100%; font-size: 1.1em; color: #555555;}
#comentarios .add { float: left; width: 100%;}
#comentarios .add .c1 { float: left; width: 100%;}
#comentarios .add .c2 { float: left; width: 48%; margin: 20px 0 0;}
#comentarios .add .c2.a { float: left;}
#comentarios .add .c2.b { float: right;}
#comentarios .add .nomecampo { float: left; width: 100%; font-weight: bold; font-size: 1em; color: #FFFFFF;}
#comentarios .add .nomecampo em { font-style: normal; color: #EE0000;}
#comentarios .add .campo { float: left; width: 95.2%; height: 50px; padding: 1px 2%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #000000; outline: 0;}
#comentarios .add .campo:focus { border: 1px solid #04DCFF;}
#comentarios .add .textarea { float: left; width: 97.5%; height: 130px; padding: 15px 1%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #000000; outline: 0;}
#comentarios .add .textarea:focus { border: 1px solid #04DCFF;}
#comentarios .add .botao { float: left; width: 100%; height: 50px; padding: 2px 0 0; margin: 10px 0 0; background-color: #7FC133; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.1em;color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#comentarios .add .botao:hover { background-color: #6FAC29;}
#comentarios .lista { float: left; width: 100%; padding: 20px 0 0; margin: 20px 0 0; 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: #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;}
#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: #FFFFFF;}
#comentarios .lista .tab .comentario h3 { float: left; width: 100%; margin: 10px 0; font-size: 1em; color: #AAAAAA;}
#comentarios .lista .tab .comentario h4 { float: left; width: 100%; font-size: 0.9em; color: #AAAAAA;}
#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: #E2A5B6;}
#comentarios .lista .tab.resposta { float: right; width: 90%;}
#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;}
#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;}
#comentarios .lista .vazio { float: left; width: 100%; font-style: italic; font-size: 1em; color: #AAAAAA;}
#comentarios .lista .novo { float: left; width: 100%;}
#comentarios.complay { float: right; width: 50%;}
#comentarios.semplay { 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;}

#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;}
#alerta .msg { float: left; width: 90%; padding: 15px 5% 12px; text-align: center; font-size: 1em;}
#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;}
#alerta .fechar:hover { color: rgba(0, 0, 0, 0.8);}

#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) {
	#noticias .tab { width: 98%;}
	#noticias .tab .img { width: 20%;}
	#noticias .tab .texto { width: 78%;}
}
@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) {
	#mensagens { width: 100%; margin: 0;}
	#nm { top: 0;}

	#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 .comenteface.complay { width: 96%; margin-top: 20px;}
	#exibicds .comentarios.complay { width: 96%; margin-top: 20px;}
	#exibicds .linha { height: 15px;}

	#exibicds .tabmusicas { width: 96%; margin: 0 0 20px;}
	#comenteface.complay { float: left; width: 96%;}
	#comentarios.complay { float: left; width: 96%;}
}
@media only screen and (max-width: 900px) {
	#noticias .titulo h2 { font-size: 2em;}
	#noticias .tab .img { width: 25%;}
	#noticias .tab .texto { width: 73%;}

	#exibiblog .compartilhar .zap { display: block;}
	#exibicds .compartilhar .zap { display: block;}
}
@media only screen and (max-width: 800px) {
	#index .recomendados .intes4 .tab { width: 48%; margin-bottom: 20px;}
	#index .recomendados .intes4 .tab.ta1 { float: left;}
	#index .recomendados .intes4 .tab.ta2 { float: right; margin-left: 0;}
	#index .recomendados .intes4 .tab.ta3 { float: left; margin-left: 0;}
	#index .recomendados .intes4 .tab.ta4 { float: right;}
	#index .recomendados .flex-direction-nav { display: none;}

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

	#exibiblog { width: 100%; margin-left: 0;}

	#exibicds .tabmusicas .musicas .tocar { top: 8px;}
	#exibicds .tabmusicas .musicas .jp-playlist-item { font-size: 0.8em;}

	#contato .form { width: 100%; margin: 20px 0 0;}
}
@media only screen and (max-width: 700px) {
	#mentopo { margin: 12px 0 0;}

	#publidade img.d { display: none;}
	#publidade img.m { display: block;}

	#index { padding: 10px 0 0;}

	#index .recomendados { padding: 10px 0;}
	#index .maisbaixadas { padding: 10px 0;}
	#index .maisouvidos { padding: 10px 0;}
	#index .maisbaixadas { padding: 10px 0;}
	#index .playlist { padding: 10px 0;}
	#index .paredao { padding: 10px 0;}

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

	#tvcentral.index { padding: 10px 0 0;}
	#noticias.index { padding: 10px 0;}

	#lancamentos { padding: 0;}
	#lancamentos .tab { width: 20%;}
	#lancamentos .linha5 { display: block;}

	#tvcentral .tab { width: 98%; padding: 10px 1%; margin: 5px 0 30px;}

	#noticias .tab { width: 94%; padding: 12px 3%;}
	#exibiblog .compartilhar strong { display: none;}
}
@media only screen and (max-width: 600px) {
  #estourados { padding: 30px 0 20px;}
	#index .recomendados { padding: 10px 0 0;}
	#index .maisbaixadas { padding: 10px 0 0;}
	#index .maisouvidos { padding: 10px 0 0;}
	#index .playlist { padding: 10px 0 0;}
	#index .paredao { padding: 10px 0 0;}

	#index .fundo .flex-direction-nav { top: 0;}

	#paginas .titulo h1 { font-size: 2em;}
	#index .subtitulo h2 { font-size: 1.4em;}
	#tvcentral .subtitulo h2 { font-size: 1.4em;}

	#exibiblog { padding: 5px 0 0;}
	#exibiblog h1 { font-size: 1.4em;}

	#noticias .tab .img { width: 40%;}
	#noticias .tab .texto { width: 58%;}

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

	#noticias .tab .img { width: 100%;}
	#noticias .tab .texto { width: 100%; margin-top: 10px;}
}