@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	border:0;
	background:url(../img/back.jpg) top center no-repeat #ff7d27;
	min-width: 790px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div {
	position:absolute;
}

h1 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom:2px;
	margin-left:30px;
}

h2{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 150px;
}

img {
	border: 0;
}

#content {
	text-align:center;
	margin:auto;
	left: 50%;
	margin-left: -395px;
	width: 790px;
	height: 600px;
}

#titulo {
	z-index:1;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
	margin-top: 15px;
	padding-left: 40px;
}

#celular {
	z-index:2;
	top: 15px;
	left: 610px;
}

/* -------- CÓDIGOS DA LISTA -------- */

#lista {
	z-index:3;
	width: 100%;
	top: 130px;
	left: 0px;
	background: url(../img/back_lista.gif) no-repeat center top;
	width: 300px;
	height: 360px;
	padding-top: 10px;
	padding-left: 0px;
	margin:0;
	text-align:left;
}
#lista ol {
	margin-top: 10px;
	padding-left: 0px;
}
#lista li {
	font-size: 18px;
	color: #0b196b;
	font-weight: bold;
	line-height: 170%;
	border-bottom: 1px solid #ffab50;
}
#lista_numeros {
	float:left;
	left: 0px;
	top: 0px;
	width: 200px;;
}
#lista_numeros ol {
	list-style: none;
	margin-left: 20px;
}
#lista_musica {
	float:left;
	left: 177px;
	top: 0px;
	width: auto;
	margin-left: 0px;
}
#lista_musica ol {
	list-style: none;
	margin-left: -5px;
}
.listaArtista {
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
}
.listaMusica {
	font-size: 12px;
	color: #0b196b;
	font-weight:normal;
}

/* -------- CÓDIGO PARA ABAS DE DESTAQUES ---------- */

#abaON {
	background: url(../img/img_abaOn.gif) no-repeat center top;
	width: 227px;
	height: 68px;
	font-size: 27px;
	font-weight: bold;
	color: #f27b0e;
	text-align: center;
	float:left;
	position: relative;
	padding-top: 7px;
	text-transform:uppercase;
}
.abaOFF {
	background: url(../img/img_abaOff.gif) no-repeat center top;
	width: 70px;
	height: 45px;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	float: left;
	position: relative;
	margin-top: 23px;
}
.abaOFF a {
	text-decoration: none;
	color: #ffffff;
}
#areaAbas {
	margin:auto;
	left: 320px;
	top: 160px;
	width: 367px;
	height: 68px;
}
#textoBrancoAbaOn {
	font-size: 18px;
	color: #FFFFFF;
}
#textoCinzaAbaOn {
	font-size: 14px;
	color: #adadad;
	font-weight:normal;
	text-transform:none;
}

/* -------- CÓDIGO PARA DIVS DOS CAMPOS ---------- */

#areaCampos {
	background: url(../img/back_campos.gif) no-repeat left top;
	margin: auto;
	left: 300px;
	top: 228px;
	width: 474px;
	height: 245px;
	color: #FFFFFF;
}
#seuNumero {
	font-weight:bold;
	left: 35px;
	top: 10px;
	text-align:left;
	font-size:14px;
}
#suaOperadora {
	top:70px; 
	font-weight:bold; 
	font-size:14px;
	left: 5px;
}
#areaOperadoras {
	top:65px;
	padding-top:5px; 
	left:139px; 
	cursor:pointer;
}
#camposCelular {
	left: 140px;
	top: 12px;
}
#campoSenha {
	left: 95px;
	top: 47px;
}
#camposCelular input#ddd {
	width: 45px;
	height: 40px;
	font-size: 30px;
	padding-left:5px;
}
#camposCelular input#phone {
	width: 200px;
	height: 40px;
	font-size: 30px;
	padding-left:5px;
	margin-left: 10px;
}
#campoSenha input#password {
	width: 100px;
	height: 40px;
	font-size: 30px;
	padding-left:5px;
	margin-left: 10px;
}

#checkbox {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:10px;
	height:auto;
	left:20px;
	text-align:left;
	top:57px;
	width:230px;
}

#botaoContinuar {
	left: 130px;
	top: 85px;
}

#botaoContinuarIndex {
	left: 135px;
	top: 164px;
}

#botaoSenha {
	left: 145px;
	top:169px;
}

#area {
	border: 1px dotted #CCCCCC;
	background-color: #314097;
	left: 260px;
	top: 47px;
	height: 77px;
	width: 180px;
	padding-top: 9px;
	padding-left: 5px;
	padding-right: 5px;
	font-size:10px;
	font-weight:bold;
	line-height: 105%;
}
#erroBold {
	font-size: 14px;
	color: #ff8b1a;
	font-weight:bold;
}
#link {
	font-size: 11px;
	color: #ff8b1a;
	font-weight:bold;
}
#quadroSucesso {
	border: 1px dotted #CCCCCC;
	background-color: #314097;
	left: 260px;
	top: 12px;
	height: 93px;
	width: 180px;
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
	font-size:10px;
	font-weight:bold;
	line-height: 120%;
}
#tituloSucesso	{
	left: 15px;
	top: 15px;
	font-size: 26px;
	color: #ff8b1a;
	font-weight:bold;
}
.mensagem {
	width: 220px;
	left: 25px;
	top: 55px;
	font-weight:bold;
	line-height: 150%;
}

#operadoras {
	left: 305px;
	top: 440px;
	width: 474px;
	height: 65px;
	text-align:center;
	font-size: 14px;
	color: #ba6101;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 200%;
}

#Footer {
	height: 280px;
	width: 100%;
	top: 600px;
	background-color: #fff;
	text-align: left;
	margin: auto;
	left: 50%;
	margin-left: -50%;
	border-top: 2px solid #000;
	margin-bottom: 10px;
}

#textoTermos {
	width: 790px;
	height: auto;
	padding-top: 15px;
	line-height: 170%;
	margin:auto;
	left: 50%;
	margin-left: -395px;
}
#textoTermos li {	
	font-size: 18px;
	color: #ff8b1a;
	font-weight: bold;
	line-height: normal;
}
#listaFooter {
	color: #0b196b;
	font-weight:normal;
	font-size: 14px;
	line-height: 170%;
}
#textoTermos2 {
	font-size: 11px;
	line-height: 110%;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}
.logo {
	border: 2px solid #DDDDDD;	
}
#pass #area {
	padding: 0px;
}
#count {
	font-size: 18px;
	height: 30px;
	width:180px;
	left:0px;
	text-align:center;
	padding:0;
	margin:0;
}
#aceitoTermos {
	left: 3px;
	font-size:10px;
	color:#FFF;
	text-align:left;
	top:130px;
}
.termosIndex{top:130px;}
.termosSenha{top:97px;}
#aceitoTermos a{
	color:#FFF;
}

.txtRegulatorio{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	left:0;
	position:absolute;
	text-align:center;
	top:360px;
	width:313px;
}
	
.cmdCancelamento{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.seloGratis{
	height:77px;
	left:10px;
	position:absolute;
	top:489px;
	z-index:100;
}

/*BOTÃO NO 3º PASSO: FALE CONOSCO*/
.btnFaleConosco {
	left:316px;
	position:absolute;
	top:224px;
}