/* HTML RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* GERAL */

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
.bold {font-weight:bold}
#conteudo-centralizado {width: 904px; margin:20px auto; text-align:left; position:relative; padding-bottom:60px}
#busca-menu {position:relative; float:left; z-index:998}
html, body {height:100%}
#canvas {position:relative; min-height:100%}
* html #canvas {height:100%}
#content {height:100%}

/* INICIO - HEADER */

#bloco-header {position: relative; width:100%; margin:0 auto}
#bloco-header.deslogado {background-image:url(../imagens/bg-box-header-deslogado.gif); background-repeat:repeat-x; height:307px;}
#bloco-header.logado {background-image:url(../imagens/bg-box-header-logado.gif); background-repeat:repeat-x; height:307px}

/* FIM - HEADER */

/* INICIO - LOGO */

h1#logo-pt1 {width:76px; height:82px; position:absolute; top:41px; left:20px}
h1#logo-pt1 a.parte1 {background-image:url(../imagens/logo_som-na-linha_pt1.png); display:block; width:76px; height:82px; position:relative; float:left}
h1#logo-pt1 a span {display:none}
h1#logo-pt2 {width:333px; height:29px; position:absolute; top:41px; left:96px}
h1#logo-pt2 a.parte2 {background-image:url(../imagens/logo_som-na-linha_pt2.png); display:block; width:333px; height:29px; position:relative; float:left}
h1#logo-pt2 a span {display:none}

/* FIM - LOGO */

/* INICIO - BLOCO LOGIN */

#bloco-login-busca {width:904px; height:112px; position:relative; margin:0 auto; z-index:100; text-align:left}
#box-login {position:absolute; background-image:url(../imagens/bg-box-login.png); width:318px; height:92px; top:10px; right:23px; display:none}
#input-numero-senha {background-color:#FFFFFF; position:absolute; width:257px; height:25px; left:6px; padding-top:5px; border-top:1px solid #BE2157; border-bottom:1px solid #BE2157}
input.login {width:113px; border:1px solid #E6E6E6; background-color:#F6F6F6; float:left; margin:3px 5px 0 0}
input.celular {height:14px; padding-top:3px}
input.senha {height:14px; padding-top:3px}
#seu-oi {position:absolute; top:29px; left:11px}
#senha {position:absolute; top:29px; left:131px}
.bt-entrar {position:absolute; top:43px; left:251px}
#opcoes-login {position:absolute; width:100%; top:67px; left:7px}
input.login {font-size:.6em; color:#666666}
.checkbox-lembrar-senha {position:absolute; top:0; left:0; width:100%}
.lembrar-senha {position:absolute; top:4px; left:20px}
.nova-senha {position:absolute; top:4px; right:98px}
#box-login-logado {position:absolute; background-image:url(../imagens/bg-box-login-logado.png); width:318px; height:69px; top:15px; right:23px; display:none}
#box-login-logado p.seu-oi {position:absolute; top:18px; left:15px; display:block}
#box-login-logado p.trocar-senha {position:absolute; top:35px; left:15px; display:block}
#seu-oi span, #senha span {font-size:.7em; color:#333333; font-weight:bold}
.lembrar-senha {color:#000000; font-size:.6em}
.nova-senha a {color:#DC2464; font-size:.6em}
.nova-senha a:hover {color:#F6699B}
#box-login-logado p {font-size:.7em}
#box-login-logado a {color:#DC2464}
#box-login-logado a:hover {color:#F6699B}
#box-login-logado p.bt-sair {position:absolute; top:15px; right:15px; width:41px; height:20px}
#box-login-logado p.bt-sair a {display:block; background-image:url(../imagens/bt-sair.png); width:41px; height:20px}
#box-login-logado p.bt-sair a span {display:none}

/* FIM - BLOCO LOGIN */

/* INICIO - IMAGEM DESTAQUE DESLOGADO */

#imagem-destaque {position:relative; height:160px; width:903px; margin:10px auto 0; background-color:#E34D59; background-position:center; background-repeat:no-repeat}
#bloco-destaque {width:960px; position:relative; margin:0 auto}
#bloco-destaque.home {background-image:url(../imagens/destaque-home.jpg); background-repeat:no-repeat; background-position:0px 88px; width:960px; height:307px}
a.saiba-mais {position:absolute; display:block; background-image:url(../imagens/bt-saiba-mais.png); background-repeat:no-repeat; width:87px; height:26px; bottom: 25px; left:30px}
a.saiba-mais span {display:none}

/* FIM - IMAGEM DESTAQUE DESLOGADO */

/* INICIO - MENU USUARIO LOGADO */

#menu-logado {position:relative; height:33px; width:100%; background-color:#E34D76}
#itens {width:904px; height:33px; margin:0 auto; position:relative}
#menu-logado ul {position:absolute; top:9px; left:50%; margin-left:-336px}
#menu-logado ul li {float:left; margin-right:26px; background-repeat:no-repeat}
#menu-logado ul li span {display:none}
#menu-logado ul li a {display:block; height:15px}
#menu-logado ul li.pag-inicial a {width:111px}
#menu-logado ul li.pag-inicial {background-image:url(../imagens/menu_pag-inicial.gif); width:111px}
#menu-logado ul li.pag-inicial:hover {background-position:0px -20px}
#menu-logado ul li.minhas-musicas a {width:119px}
#menu-logado ul li.minhas-musicas {background-image:url(../imagens/menu_minhas-musicas.gif); width:119px}
#menu-logado ul li.minhas-musicas:hover {background-position:0px -20px}
#menu-logado ul li.config a {width:114px}
#menu-logado ul li.config {background-image:url(../imagens/menu_config.gif); width:114px}
#menu-logado ul li.config:hover {background-position:0px -20px}

#logoff {position:absolute; width:155px; top:4px; right:0; display:block}
#logoff p {font-size:10px; color:#FFF; text-align:left; line-height:1.2em}
#logoff p a {color:#FFF}

/* FIM - MENU USUARIO LOGADO*/

/* INICIO - BOX BUSCA */

#box-busca {width:173px; height:38px; background-image:url(../imagens/bg-box-busca.png); background-repeat:no-repeat; margin-bottom:10px}
#box-busca input.busca {position:relative; top:9px; left:10px; width:120px; height:17px; padding:2px 2px 0px; float:left; border:1px solid #E1E1E1; font-size:.7em; color:#666666}
#box-busca .bt-busca {position:relative; top: 9px; left:14px}

/* FIM - BUSCA */

/* INICIO - CONTEUDO */

#box-conteudo {width:726px; background-repeat:no-repeat; position:relative; float:left; left:20px; margin-bottom:40px; text-align:left; z-index:50}
#box-conteudo.listagem {background-image:url(../imagens/bg01-listagem.png); background-position:400px 0px; min-height:160px;}
#box-conteudo.caixa-musica {background-image:url(../imagens/bg-caixa-musica.png); background-position:550px 0px;}
#box-conteudo.configuracoes {background-image:url(../imagens/bg-config.png); background-position:380px 0px;}
#box-conteudo.senha {background-image:url(../imagens/bg-senha.png); background-position:387px 0px;}
#box-conteudo.ajuda {background-image:url(../imagens/bg-ajuda.png); background-position:380px 0px;}
#box-conteudo.principal {width:744px; margin-left:20px; margin-top: 20px;}
h2.interna {font-size:1.1em; font-weight:bold; color:#DC2464; border-bottom:2px dotted; padding:10px 10px}
p.intro {font-size:.8em; color:#333333; padding:20px 10px; line-height:1.6em}
p.termo-uso{font-size:.8em; color:#333333; padding:20px 0px 0px 10px; line-height:1.6em}
p.normal {font-size:.8em; color:#333333; padding:20px 10px; line-height:1.6em}
span.introextra {color:#333333; line-height:1.6em; font-weight:bold;}
td.artista {width:210px}
td.artista-config-basica {width:230px}
td.player {width:75px}
td.carrinho {width:80px}
td.deletar {width:170px; text-align:center}
td.musica-padrao {width:110px}
td.paginaatual {font-size: 0.6em; text-align:center;}
table.listagem {font-size:.8em; width:697px; margin:0px 0px 10px 10px}
tr.titulo td {font-weight:bold; color:#DC2464; border-bottom:1px dotted #CCCCCC; padding:8px 5px}
tr.midia td {color:#333333; border-bottom:1px dotted #CCCCCC; height:30px; padding:5px 10px 0px 5px;}
tr.midia td li {margin-bottom:10px}
.midia span.valor {font-size:.8em; color:#FFFFFF; font-weight:bold; background-image:url(../imagens/bg-carrinho.png); background-repeat:no-repeat; display:inline-block; line-height:14px; width:50px; height:15px; padding-left:3px; position:relative; float:left}
a.carrinho {text-decoration:none; position:relative; top:3px; display:inline-block}
img.player {position:relative; top:3px}
img.deletar {position:relative; top:5px}
img.adicionar-musicas {margin-left:15px}
img.confirmar-musica-padrao {margin-left:592px}
input.musica-padrao {position:relative; top:3px; left:42px}
#bloco-pergunta {position:relative; left:10px; width:697px; margin-bottom:10px}
#bloco-pergunta a.pergunta {display:block; background-color:#F3F3F3; border:1px solid #E6E6E6; font-size:.8em; color:#DC2464; font-weight:bold; padding:8px 10px; text-decoration:none}
#bloco-pergunta .resposta p {font-size:.8em; padding:10px 10px 30px; line-height:1.3em; color:#666666; border-left:1px solid #E6E6E6;  border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6}
#box-conteudo #no-media {display:none}
#box-conteudo #no-media p.normal a {color:#DC2464}

#box-conteudo.caixa-musica a.bt-MaisMusica {float:left}
#box-conteudo.caixa-musica a.bt-CancelaSelecao {float:right}

/* FIM - CONTEUDO */

/* INICIO - BOX DE TOPS */

#bloco-boxtop {position:relative; width:348px; margin:0 auto}
#bloco-boxtop.baixo {background-image:url(../imagens/bg-box-tops-miolo.gif);height:33px; top:-1px}
#bloco-boxtop.borda {left:-1px}
#bloco-boxtop.bordabaixo {left:-1px; top:-1px}
#bloco-boxtop.geral {border-left:1px #dadada solid; border-right:1px #dadada solid}
#bloco-boxtop.titulo {background-image:url(../imagens/bg-box-tops-titulo.gif); height:35px}
#bloco-midia {background-image: url(../imagens/bg-box-tops-midia.png); height:46px; width:325px; position:relative; left:13px}
#bloco-midia.topo {height:6px}
#buy {position:absolute; top:26px; right:10px}
#play {position:absolute; top:8px; right:10px}
#play div.index {float:left; width:14px; overflow:hidden}
#play img {float:left}
td div.index {float:left; width:14px; overflow:hidden; position:relative; top:3px}
td img.borda {position:relative; top:3px}
td.playerflash {padding-left:25px!important}
#titulo-categoria {position:absolute; top:2px; left:13px; width:325px; font-size:1.1em}
a.vejamais {top: 10px; position:absolute; top:5px; right:10px}
a.tops {color:#333; text-decoration:none}
a:hover.tops {color:#dc2464; text-decoration:underline}
span.artista {position:absolute; top:24px; font-size:0.7em; color:#666666; margin-left:36px; height:15px; display:block; line-height:1.4em}
span.musica {position:absolute; top:8px; font-weight: bold; font-size:0.9em; color:#333333; margin-left:5px}
span.titulo {color:#dc2464; position:absolute; top:5px; left:37px; font-weight:bold}
#boxprincipal {float:left; margin-right:10px; width:350px; z-index:60}

/* FIM - BOX DE TOPS */

/* INICIO - MENU DE CATEGORIAS */

#menu-categorias {width:173px; background: url(../imagens/borda-top-menu.png) top center no-repeat; z-index:999}
#menu-categorias .inner {background: url(../imagens/borda-bottom-menu.png) bottom center no-repeat;padding:5px 0; z-index:1010}
#menu-categorias ul#primary-nav {text-align:left; background:#f5f5f5; border-left: solid 1px #ccc; border-right:solid 1px #ccc; height:100%; margin:0; padding:5px 0; z-index:1015}
#menu-categorias ul#primary-nav li {position:relative; border-bottom:1px dotted #ccc; z-index:1020}
#menu-categorias ul#primary-nav li ul {position: absolute; left: 171px; top: 0; display: none; width:173px; background:#f5f5f5; border:solid 1px #dc2464; z-index:1000!important}
#menu-categorias ul#primary-nav li ul li {z-index:1999}
#menu-categorias ul#primary-nav li:hover ul {display:block}

#menu-categorias ul#primary-nav li a {font-size:.8em; color:#333; text-decoration:none; display:block; padding: 10px; line-height:8px; height:8px; font-weight:bold}
#menu-categorias ul#primary-nav li ul li.no-border {border-left:none}
#menu-categorias ul#primary-nav li ul li a {font-weight:normal; color:#000!important;line-height:3px; height:3px; font-size:.7em}
#menu-categorias ul#primary-nav li a:hover, #menu-categorias ul#primary-nav a.selecionado {color:#fff!important; background:#dc2464}
#menu-categorias ul#primary-nav li.ultimo-li {border-bottom:none}

#menu-categorias ul#primary-nav li.menuparent:hover, #menu-categorias ul#primary-nav li.over { background-color: #dc2464;}
#menu-categorias ul#primary-nav li.menuparent:hover a {color: #fff}

/* FIM - MENU DE CATEGORIAS */

/* INICIO - CONFIGURACOES AVANCADAS */

#bloco-boxtop-configuracoes {width:697px; left:10px; position:relative}
#bloco-boxtop-configuracoes.baixo {background-image:url(../imagens/bg-box-tops-miolo.gif);height:33px; top:-1px; border-left:1px #dadada solid; border-right:1px #dadada solid; left:10px;}
#bloco-boxtop-configuracoes.borda {left:10px;}
#bloco-boxtop-configuracoes.bordabaixo {left:10px; top:-1px;}
#bloco-boxtop-configuracoes.titulo {background-image:url(../imagens/bg-box-tops-titulo.gif); height:31px; border-left:1px #dadada solid; border-right:1px #dadada solid; left:10px;}
#titulo-categoria2 {position:relative; top:2px; left:8px; width:325px; font-size:0.9em;}
#titulo-categoria3 {position:relative; left:8px; width:325px; font-size:0.7em;}
table.listagem2 {font-size:.8em; width:667px; margin:0px 0px 10px 10px}
table.listagem3 {font-size:.8em; width:310px; margin:0px 0px 10px 10px}
span.titulo-menor {color:#dc2464; position:absolute; top:5px; left:6px; font-weight:bold; color:#666666;}
a.deletar {text-decoration:underline; color:#dc2464;}
a:hover.deletar {text-decoration:none; color:#a32952;}
a.novogrupo {margin-left: 516px; position:absolute; top:4px;}
img.icodeletar {position:relative; top:2px; margin-right:5px;}
td.adicionarligador {width:115px;}
td.grupo {width:190px}
td.grupomusica {width:190px}
td.icodeletar {width:90px}
td.ligador {width:260px;}
td.selecao-grupo {width:20px}
.bt-associar {top: 7px; position:relative; left:10px;}
.deletarligador{margin-right:10px; display:block; line-height:30px;}
.deletargrupo{margin-left:3px;}
td.nomemusica {width:295px}
input.config-msisdn {vertical-align:middle; font-size:.9em; color:#666666; width:113px; height:22px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:3px 5px 0 10px; padding-top:4px; padding-bottom:4px; position:relative; left:90px;}
input.config-grupo {vertical-align:middle; font-size:.9em; color:#666666; width:170px; height:22px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:3px 5px 0 10px; padding-top:4px; padding-bottom:4px; position:relative; left:40px;}
#config-ligador {margin-left:10px; font-size:.7em; color:#333333; font-weight:bold; width:90px; position:relative; padding-bottom:5px;}
#config-grupo {margin-left:10px; font-size:.7em; color:#333333; font-weight:bold; width:40px; position:relative; padding-bottom:5px;}
form.config-ligador{height:100px;}
#bloco-pop-cxmusica {width:328px; left:10px; position:relative}
#bloco-pop-cxmusica.borda {left:10px;}
#bloco-pop-cxmusica.bordabaixo {left:10px; top:-1px;}
#bloco-pop-cxmusica.baixo {background-image:url(../imagens/bg-box-bottom-miolo-ligador.gif); height:20px; top:-1px; border-left:1px #dadada solid; border-right:1px #dadada solid; left:10px;}
#bloco-pop-cxmusica.titulo {background-image:url(../imagens/bg-box-tops-titulo-menor.gif); height:20px; border-left:1px #dadada solid; border-right:1px #dadada solid; left:10px; width:328px; left:10px; position:relative}
.criargrupo { margin-left:75px;}
p.intropop {font-size:.8em; color:#333333; line-height:1.6em; font-weight:normal; margin-bottom:20px;}
.bt-criargrupo {top: 1px; position:relative; left:110px;}
.bt-criarcontato {top: 5px; position:relative; left:10px}
#fecharpop {position:relative; top: 6px; text-align:center}
form#adicionar-ligador {padding-top:10px;}
form#adicionar-ligador p {height:30px; line-height:30px; clear:both; font-size:0.7em; font-weight:bold;}
form#adicionar-ligador p input {width:100px; color:#666; font-size:0.9em; height:24px}
form#adicionar-ligador p label {width:62px; display:block; text-align:right; margin-right:10px}
form#adicionar-ligador p input,form#adicionar-ligador p label {float:left}

/* FIM - CONFIGURACOES AVANCADAS */

/* INICIO - NOVA SENHA */

#erro.novasenha {border: #ab0900 solid 1px; width: 695px; margin-bottom: 20px; margin-left: 10px; font-size:.7em; padding: 10px 0 10px 10px; background-color:#fecbbf;}
#mensagem.naologado {margin:10px; padding:10px; background-color:#F6F6F6; border:1px solid #E6E6E6}
#mensagem.erro {margin:5px 20px 10px; padding:5px; background-color:#FFE6E6; border:1px solid #FF3333; display:none}
#checkmensagem.erro {margin:5px 20px 10px; padding:5px; background-color:#FFE6E6; border:1px solid #FF3333; display:none}
#subCheckmensagem.erro {margin:5px 0px 10px; padding:5px; background-color:#FFE6E6; border:1px solid #FF3333; display:none}
span.mensagem {color:#FF3333; font-size:.65em; line-height:1.4em}
#sucesso.novasenha {border: #70a011 solid 1px; width: 695px; margin-bottom: 20px; margin-left: 10px; font-size:.7em; padding: 10px 0 10px 10px; background-color:#f0f7db;}
#seu-novo-oi {margin-left:10px; font-size:.7em; color:#333333; font-weight:bold}
span.digiteoi {vertical-align:middle;}
span.errosenha { margin-left: 10px; font-weight: bold; position:relative; top: -6px; color:#ab0900;}
span.sucessosenha { margin-left: 10px; font-weight: bold; position:relative; top: -6px; color:#70a011;}
.bt-enviarsenha {vertical-align:middle}
input.msisdn {vertical-align:middle; font-size:.9em; color:#666666; width:113px; height:20px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:5px 5px 0 0; padding-top:4px; padding-bottom:4px;}
input.codigo {vertical-align:middle; font-size:.9em; color:#666666; width:170px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:0 5px 0 10px; padding-top:4px; padding-bottom:4px; height:10px}
a.reenviar {color:#DC2464; font-size:.9em; text-decoration:underline; font-weight:normal; position:relative; top:6px; margin-left:126px;}
a:hover.reenviar {color:#F6699B; text-decoration:underline; font-weight:normal; position:relative; top:6px; margin-left:126px;}

/* FIM - NOVA SENHA */

/* INICIO - TROCAR SENHA */

#trocasenha {margin-left:10px; font-size:.7em; color:#333333; font-weight:bold; width:150px; position:relative; padding-bottom:5px;}
span.senhas {position: absolute; right:0px; line-height:1.2em}
input.senhas {vertical-align:middle; font-size:.8em; color:#666666; width:170px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:3px 5px 5px 10px; padding-top:4px; padding-bottom:4px; position:relative; left:150px;}
.bt-confirmarsenha {padding-top:10px; padding-left:160px;}
p.intro-msg {font-size:.8em; color:#333333; padding:20px 10px; line-height:1.6em; font-weight:bold;}

/* FIM - TROCAR SENHA */

/* INICIO - RODAPE */

#footer {width:100%; border-top: 1px solid #ccc; height:45px; bottom:0; left:0; text-align:center; background-color:#FFFFFF; clear:both; position:absolute}
#footer ul.bloco-rodape {width:420px; margin: 0 auto; margin-top:15px}
#footer ul li a span {display:none}
#footer ul li.itemrodape {float:left; background-repeat:no-repeat}
#footer ul li.ajuda {background-image: url(../imagens/ajuda-off.gif); width:71px; height:16px; margin-right:35px;}
#footer ul li.ajuda:hover {background-image: url(../imagens/ajuda-on.gif)}
#footer ul li.ajuda a {width:71px; height:16px; display:block}
#footer ul li.termos {background-image: url(../imagens/termos-uso-off.gif); width:134px; height:16px; margin-right:35px;}
#footer ul li.termos:hover {background-image: url(../imagens/termos-uso-on.gif)}
#footer ul li.termos a {width:134px; height:16px; display:block}
#footer ul li.home {background-image: url(../imagens/pag-inicial-off.gif); width:137px; height:16px}
#footer ul li.home:hover {background-image: url(../imagens/pag-inicial-on.gif)}
#footer ul li.home a {width:137px; height:16px; display:block}

/* FIM - RODAPE */

/* POPs */

#pop {width:100%; height:100%; text-align:left}
#pop #header {width:auto; background-color:#DC2464; padding:10px 20px; margin-bottom:10px}
#pop h1 {background-image:url(../imagens/oi-som-na-linha_pop.png); background-repeat:no-repeat; display:block; width:243px; height:16px}
#pop h1 span {display:none}
#pop p.intro {font-size:.8em; padding:15px 20px 5px; line-height:1.3em; font-weight:bold; color:#333333}

#pop.cancel {text-align:center}
#pop.cancel #content {text-align:left; height:auto;}
#pop.cancel #content h2 {margin-bottom:10px; padding-left:20px} 
#pop.cancel p {font-size:.8em; margin:2px 20px}
#pop.cancel p strong {font-weight:bold}
#pop.cancel #medialist p.nome {font-size:.8em; font-weight:bold; color:#DC2464; margin:0}
#pop.cancel #medialist p.artista {font-size:.7em; margin:0}
#pop.cancel #medialist {padding:5px 10px}
#pop.cancel #medialist .cadamedia {padding:10px; background:#f6f6f6; margin-bottom:1px}
#pop.cancel #footer {border:none; position:relative!important}
#pop.cancel #footer a.bt-confirma-cancel {margin-top:10px; display:block}
#pop.cancel #footer p.fechar {color:#DC2464; font-size:.7em; margin-top:20px}
#pop.cancel #footer p.fechar a {color:#DC2464; text-decoration:underline}
#pop.cancel #footer p.fechar a:hover {text-decoration:none}

#pop.cancel.erro #msg-erro {background:#ffcccc; padding:20px 10px; margin:0 20px}
#pop.cancel.erro #msg-erro p {background: url(../imagens/icone_falha.png) top left no-repeat; height:30px; padding:5px 0 0 35px}
#pop.cancel.erro #msg-erro p.tente-novamente {background:none; margin-top: 10px; height:auto; padding-top:0}

#pop.cancel.sucesso #msg-sucesso {background:#eaf5e5; padding:20px 10px; margin:0 20px}
#pop.cancel.sucesso #msg-sucesso p {background: url(../imagens/icone_sucesso.png) top left no-repeat; height:19px; padding-left:35px}

#pop.cancel.sucesso-parcial #msg-sucesso-parcial {background:#ffffcc; padding:20px 10px; margin:0 20px}
#pop.cancel.sucesso-parcial #msg-sucesso-parcial p {background: url(../imagens/icone_alerta.png) top left no-repeat; height:29px;  padding:5px 0 0 45px}

#pop.cancel.sucesso-parcial #msg-sucesso-parcial p.media-list {background:none; padding:0; margin:20px 0 5px 10px; height:auto}
#pop.cancel.sucesso-parcial #msg-sucesso-parcial ul {font-size:.7em; background:#fff; padding:10px 5px 3px 10px}
#pop.cancel.sucesso-parcial #msg-sucesso-parcial ul li {margin-bottom:10px}
#pop.cancel.sucesso-parcial #msg-sucesso-parcial ul li strong {font-weight:bold; color:#DC2464}

#pop.cancel.sucesso-parcial #msg-sucesso-parcial p.tente-novamente {background:none; margin:10px 0 0 0; padding-left:10px; height:auto}




#pop #info-media {margin:10px 10px 20px; padding:10px; background-color:#F6F6F6; border:1px solid #DDD}
#pop #info-media p.nome {font-size:1em; font-weight:bold; color:#DC2464; margin-bottom:8px}
#pop #info-media p.artista {font-size:.7em; margin-bottom:8px}
#pop #info-media p.preco {font-size:.7em}
#pop #preenche-msisdn {position: relative}
#pop p.mais-info {font-size:.8em; padding:10px 20px 5px; line-height:1.4em; color:#333333}
#pop p.confirmar-compra {font-size:.75em; padding:0 20px 0 20px; line-height:1.4em; color:#333333; font-weight:bold}
#pop p.msisdn-pop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; float:left; margin:0 28px 5px 0}
#pop input.msisdn-compra {height:25px; border:1px solid #C5C5C5; background-color:#F6F6F6; float:left; padding:3px 2px 2px 4px; font-size:.75em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px}
#pop input.ddd-compra {width:50px; margin-right:5px}
#pop input.numero-compra {width:120px}
#pop a.bt-prosseguir {background-image: url(../imagens/bt-prosseguir.png); background-repeat:no-repeat; display:block; width:94px; height:27px}
#pop a.bt-prosseguir span {display:none}
#pop a.bt-comprar {background-image: url(../imagens/bt-assinar.png); background-repeat:no-repeat; display:block; width:68px; height:20px; margin-left:20px}
#pop a.bt-comprar span {display:none}
#pop a.bt-enviar {background-image: url(../imagens/bt-enviar.png); background-repeat:no-repeat; display:block; width:65px; height:20px}
#pop a.bt-enviar span {display:none}
#pop a.bt-enviar2 {background-image: url(../imagens/bt-enviar2.png); background-repeat:no-repeat; display:block; width:65px; height:30px}
#pop a.bt-enviar2 span {display:none}
#pop #lockOkBtn {margin:10px 0px 0px 20px}
#pop #lockOkBtnContato {margin:10px 0px 10px 20px; float:left; clear:both; width:10px;}
.confirmar-centralizado {margin-left:20px}
.instrucoes {padding:5px 20px}
#botoes-compra-ok {text-align:center}
#botoes-compra-ok a.caixa-de-musica {background-image:url(../imagens/bt-caixa-de-musica.png); background-repeat:no-repeat; width:109px; height:20px; display:inline-block; margin:0 auto}
#botoes-compra-ok a.configurar {background-image:url(../imagens/bt-configurar.png); background-repeat:no-repeat; width:81px; height:20px; display:inline-block; margin:0 auto}
#botoes-compra-ok a span {display:none}
span.nome {font-size:.7em; font-weight:bold; color:#333333; margin-right:10px;}
span.nome2 {font-size:.7em; font-weight:bold; color:#333333; line-height:20px;}
input.criargrupo-pop {width:170px; height:20px; border:1px solid #E6E6E6; background-color:#F6F6F6; font-size:.7em;}
#config-contato {float:left; margin-top:10px;}
#config-contato-grupo {float:left; margin-top:10px;}
input.config-contato {vertical-align:middle; font-size:.7em; color:#666666; width:113px; height:22px; border:1px solid #E6E6E6; background-color:#F6F6F6; margin:0 0 0 60px; padding-top:4px; padding-bottom:4px;}
span.grupoexistente {font-size:.7em; color:#333; margin:0 0 0 60px; padding-top:4px; padding-bottom:4px; font-weight:bold;}
#check-termo {padding:5px 0; margin-top:20px}
#check-termo p {margin:0 16px 5px}
#check-termo input {float:left}
#check-termo span {float:left; font-size: .65em; display:table; margin-top:2px; line-height:1em; margin-left:5px; color:#333; width: 290px}
#check-termo span a {color:#333}
#check-termo span a:hover {color:#DC2464}
.exemplo-msisdn {float:left}
.exemplo-msisdn p {padding-top: 5px; font-size: 0.6em}
#pop #transparencia-pop {background:url(../imagens/transp-branco.png); position:absolute; top:0; left:0; height:280px; width:347px; display:none}
#pop #transparencia-pop img.loader {position:absolute; left:155px; top:75px}

#pop #info-envio-pin p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.65em; padding:0 20px}

#pop #block-pin {margin:0 20px; display:none}
#pop #block-pin p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; line-height:1.3em}
#pop #block-pin span.msisdn {font-weight:normal; color:#666}
#pop #block-pin a {font-size:0.8em; font-weight:bold; color:#DC2464; font-weight:normal}
#pop #block-pin p.insira-pin {margin-top:15px}
#pop #block-pin input.pin-compra {height:25px; width:120px; border:1px solid #C5C5C5; background-color:#F6F6F6; float:left; padding:3px 2px 2px 4px; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top:5px}
#pop #block-pin p.insira-pin a {margin-top:16px; margin-left:5px; position:absolute; font-weight:normal}
#pop #block-pin a.bt-enviar {background:url(../imagens/bt-assinar2.png) no-repeat; width:71px; height:27px; display:block; margin-top:15px}
#pop #block-pin a.bt-enviar span {display:none}
#pop #block-pin p1 {padding-left:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; line-height:3.3em}

#pop 
/* FIM - POPs */

/* INICIO - PAGINACAO */
#paginacao {text-align:center; margin-left:10px}
#paginacao img {float:left; margin:0px 1px}
#paginacao span.pagina {float:left; display:block; background-color:#EFEFEF; padding:5px 6px; border:1px solid #E3E3E3; font-size:.8em;  margin:0px 1px}
#paginacao span.ativo {background-color:#DC2464; color:#FFFFFF; border-color:#BE2157}
#paginacao a {text-decoration:none; color:#000000}
#paginacao span:hover {background-color:#DC2464; border-color:#BE2157; cursor:pointer}
#paginacao span:hover a {color:#FFFFFF}

/* FIM - PAGINACAO */

/* INICIO - PRE-CONFIG */

.tipo-config {float: left; width:350px; margin-left:10px}
.tipo-config .titulo {color:#DC2464; border:1px solid #DFDFDF; background-color:#EFEFEF; font-weight:bold; font-size:14px; padding:8px}
.tipo-config .texto {font-size:12px; padding:8px; color:#333; line-height:1.5em}
.tipo-config a {font-size:12px; margin-left:8px; color:#DC2464; text-decoration:underline}

/* FIM - PRE-CONFIG */