/**Default**/
body{
	background-color:#fff;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
h4{
	margin:0px;
}

h3{
	margin:0px;
}

h2{
	margin:0px;
}

h1{
	margin:0px;
}

/**Layout**/
#site{
	text-align:center;
	left: 50%;
	width:900px;
	padding-left:0px;
	height:600px;
	position: absolute;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:-450px;/**aqui coloca-se o eixo de referencia da imagem no seu meio, assim mantendo o espaçamento left:50%, a imagem sempre estará centralizado na tela**/
	/** left:440px; centraliza a imagem, deixando-a auto ajustável sempre no centro da tela**/
	z-index:1; /**deixa uma posição a frente **/
	top:19px;
}

#siteradio{
	text-align:center;
	left: 50%;
	width:700px;
	padding-left:0px;
	height:302px;
	position: absolute;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:-350px;/**aqui coloca-se o eixo de referencia da imagem no seu meio, assim mantendo o espaçamento left:50%, a imagem sempre estará centralizado na tela**/
	/** left:440px; centraliza a imagem, deixando-a auto ajustável sempre no centro da tela**/
	z-index:0; /**deixa uma posição a frente **/
	top:19px;
}

#topo{
width:900px;
height:220px;

}
	 
#miolo{
	width:900px;
	height:380px;
	position: absolute;
}

#topinho{
	position:absolute;
	left:15px;
	top:20px;
	width:327px;
	height:79px;
	z-index:2;
}

/**Concluido**/
#concluido{
	background-image:url('../img/bg_concluido.jpg');
	background-repeat:no-repeat;
	width:747px;
	padding:5px;
	padding-left:20px;
	height:557px;
	position:relative;
}
#concluido #mensagem{
	position:absolute;
	left:115px;
	top:21px;
	font-style:italic;
	text-align:center;
	color:#265160;
}
#concluido #texto2{
	position:absolute;
	color:#282828;
	font-weight:bold;
	font-style:italic;
	font-size:10pt;
}
#concluido #texto1{
	position:absolute;
	color:#282828;
	font-weight:bold;
	font-style:italic;
	font-size:10pt;
}
#concluido #texto1{
	left:194px;
	top:194px;
}
#concluido #texto2{
	left:323px;
	top:327px;
}
#concluido #ico1{
	position:absolute;
	left:345px;
	top:212px;
}
#concluido #ico2{
	position:absolute;
	left:345px;
	top:327px;
}
#mensagem h1{
	font-size:40pt;
	color:white;
}
#mensagem h3{
	font-size:22pt;
	color:white;
	
}

/**Conteudo**/
/**Conteudo**/
#conteudo{
	/**background-image: url('../img/bg.jpg');**/
	background-repeat:no-repeat;
	width:900px;
	/**padding-left:20px;**/
	left: 50%;
	height:300px;
	position: absolute;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:-350px;/**aqui coloca-se o eixo de referencia da imagem no seu meio, assim mantendo o espaçamento left:50%, a imagem sempre estará centralizado na tela**/
	/**left:109px;  centraliza a imagem, deixando-a auto ajustável sempre no centro da tela**/
	z-index:0; /**deixa uma posição a frente **/
	top:0px;
}
#conteudoradio{
	/**background-image: url('../img/bg.jpg');**/
	background-repeat:no-repeat;
	width:700px;
	/**padding-left:20px;**/
	left: 50%;
	height:302px;
	position: absolute;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:-350px;/**aqui coloca-se o eixo de referencia da imagem no seu meio, assim mantendo o espaçamento left:50%, a imagem sempre estará centralizado na tela**/
	/**left:109px;  centraliza a imagem, deixando-a auto ajustável sempre no centro da tela**/
	z-index:0; /**deixa uma posição a frente **/
	top:0px;
}
#conteudo #logo{
	position:absolute;
	z-index:9999;
	right:20px;/**right e top determinam a posição da div no espaço**/
	top:522px
}
#conteudo h1{
	font-size:20pt;
	color:#00FF8A;
	font-weight:bold;
	text-align: left;
	padding-left:10px;
}
#conteudo h2{
	font-size:28pt;
	font-weight:bold;
	color: white;
	text-align: left;
	padding-left:10px;
}
#conteudo h3{
	font-size:18pt;
	color:#b9ffff;
	text-align: left;
}
#etapas .etapa{
	height:49px;
	margin-bottom:10px;
	padding:5px;
	padding:15px;
	font-style:italic;
	font-weight:bold;
}

/**Etapas**/
#etapas{
	position:absolute;
	left: 31px;
	top: 172px
}
#etapas .atual{
	background-image:url('../img/etapa.gif');
	font-size:13.5pt;
	width:260px;
}

#etapas .desabilitada{
	background-image:url('../img/etapa.gif');
	margin-left:33px;/**chegando os botoes para a direita**/
	width:226px;
	color:#414141;
}
#etapas .numero{
	font-size:28pt;
	color:#33cc99;
	font-weight:normal;
}

#frame{
	position:absolute;
	left:347px;
	top:157px;
}

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

#areaCampos {
	background: url(../img/back_campos.gif) no-repeat left top;
	height: 192px;
	color: #FFFFFF;
	position:absolute;
	padding:0px 7px 7px 7px;
	left: 369px; 
	width: 404px;
	z-index:2;
	top: 22px; 
}
#seuNumero {
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	left: 30px;
	top: 0px;
	text-align:left;
	font-size:15pt;
	margin-bottom:4px;
	color:  black;
	z-index:30;
}

#itens_menu{
	position:absolute;
	z-index:10;
	left:-9px; 
	top: 0px; 
	width: 437px; 
	height: 48px;
}

#seuNumeroTxt {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:5px;
	font-style: normal;
	text-align:left;
	font-size:11px;
	/**line-height:90%;**/
	color: black;
	position:absolute; 
	left: 39px; 
	top: 38px;
	text-align:left;
	
}

#seuNumeroTxt2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:5px;
	font-style: normal;
	text-align:left;
	font-size:11px;
	/**line-height:90%;**/
	color: black;
	position:absolute; 
	left: 39px; 
	top: 38px;
	text-align:right;
	
}


#seuNumeroTxtCampos {
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align:left;
	font-size:10px;
	line-height:90%;
	color: black;
	margin-top:2px;
	width:80px;
	left: 9px;
	top: 80px
}
#suaOperadora {
	top:70px; 
	font-weight:bold; 
	font-size:13px;
	left: 5px;
	text-align: right;
	margin-top:5px;
	color:gray;
}
#areaOperadoras {
	top:65px;
	padding-top:5px; 
	left:141px; 
	cursor:pointer;
	text-align:center;
}
#camposCelular {
	position: absolute;	
	text-align:left;
	top: 12px;
	border-color:#d1cd00;
}

#camposOperadora select#ope {
	position: absolute;	
	text-align:left;
	top: 12px;
	height:20px;
	font-size:12px;
	padding-left:3px;
	margin-left:5px;
	width: 144px;
/**	border:1px solid #d1cd00;   /**#00FF8A;**/

}

	
#campoSenha {
	text-align:center;
}
#camposCelular input#ddd {
	width:25px;
	height:20px;
	font-size:18px;
	padding-left:3px;
/**	border:1px solid #d1cd00; **/


}
#camposCelular input#phone {
	width:100px;
	height:20px;
	font-size:18px;
	padding-left:3px;
	margin-left:5px;
/**	border:1px solid #d1cd00; **/

}
#campoSenha input#password {
	width:80px;
	height:20px;
	font-size:18px;
	padding-left:5px;
	margin-top:7px;
	margin-bottom:7px;
}
#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 {
	position:absolute;
	left: 5px;
	top: 90px;
	width:47px;
	margin-top:10px;
	margin-bottom:5px;
	z-index:50;
	height: 29px;
}
#botaoSenha {
	left: 45px;
	top:91px;
}
#errorMsgTitle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size:14px;
	margin-top:5px;
	color:  red;
}
#errorMsgTxt {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:black;
	line-height:110%;
}
.destaque {
	color:black;
	font-weight:bold;
}

# destaque a{
	color:  black;
}

# destaque2 {
	color:#008000;
}


#luzBotao {
	
	z-index:3;
}

#destaque_final{
color:  black;
font-weight:bold;
font-size:12pt;
}	

#destaque_final2{
color:  black;
font-weight:bold;
font-size:10pt;
}	

#successMsgTxt2 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	color: black;
	/**line-height:120%;**/
	/**border-bottom:1px #ccc solid;**/
	/**border-top:1px #ccc solid;**/
	/**padding-top:2px;**/
	/**padding-bottom:2px;**/
	/**margin-top:5px;**/
	position:absolute; 
	left: 2px; 
	top: 66px;
}

/**Operadoras**/
#operadoras{
	position:absolute;
	left: 235px; 
	top: 104px;
	font-style:italic;
	color:#0060B6;
	
}
#operadoras h2{
	font-size:10pt;
	color:  gray;
	text-align: left;
}

#operadoras h3{
	font-size:12pt;
	color: gray;
	text-align: left;
}
/**#operadoras h5{
	color: black;
	font-size:12pt;
}**/


#operadoras h4{
	font-size:10pt;
	color: gray;
	text-align: left;

}
#operadoras #preco{
	display:block;
	font-size:10px;
	color:  gray;
	text-align: left;

}

/**Rodape**/

#passos{
	position:absolute;
	color: #00FF8A;
	font-size:8pt;
	text-align:left;
	height: 226px;
}

#passos h1{
color: #00FF8A;
font-size:8pt;
}

#passos h3{
 font-size:10pt;
 color: #00FF8A;
 text-align:center;
}


#rodape{
 position:absolute;
 width: 851px;
 left: 5px;
 top: 425px;
}

#fundo{
	background-image: url('../img/modulo_fundo.jpg');
	background-repeat:repeat-x;
	width:100%;
	z-index:0;
	height:340px;
}

#rodape h3{
	color: black;
	font-style:italic;
	font-weight:bold;
	font-size:16pt;	
}
#rodape ul{
	list-style:decimal;
}
#rodape li{
	color: black;
	font-style:italic;
	font-weight:bold;
	font-size:14pt;	

}
#rodape .texto{
	color:#000;
	font-weight:normal;
	font-style:normal;
	font-size:12pt;	

}
#info{
	font-size:11px;
 	text-align:justify;	
}

#info a{
	color:#0060B6;
	text-decoration:none;
}


/**Flash**/
#flashcontent{
	position:absolute;
	left:539px;
	top:140px;
}
#flashcontent2{
	position:absolute;
	left:540px;
	top:120px;
}






.visible {
	display: block;
}

.invisible {
	display: none;
}
.logo {
	border: 2px solid  white;	
}