/*Inicio - Configuracao geral */
charset "iso-8859-1";
html{ overflow-y:scroll; overflow-x:hidden; margin:0px; padding:0px;}
HTML{ overflow-y:scroll; overflow-x:hidden; margin:0px; padding:0px;}
BODY{
	 margin:0px; 
	 padding:0px;
	 background:#ffffff url(../img/bg_geral.gif) center top repeat-x;
}
/* Configurando todo o site para fonte Verdana e tamanho 11 e cor cinza */
*{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#484849;
	margin:0px; 
	padding:0px; 
}


/* Tira todos os underline dos link's */
a:link, a:visited, a:active {text-decoration: none; color:#484849; font-weight:bold;}
a:hover {text-decoration: none; } /* exibe os underline quando o mouse estiver em cima do link */

a.linkAzul{
	color:#0066CC;
	text-decoration:underline;
}

/* Tira todas as bordas da imagens */
img{ border:none; }

.limpaBoth{
	float:none;
	clear:both;
}
/* Funcao para deixa o fundo transparente no IE6 */
.png{
	position:relative !important; z-index:1 !important;
	behavior:url(common/js/iepngfix.htc);
}
.btnVoltar{
	float:right;
	margin:0 30px 0 0;
}
.bgAjax{
	background:url(../img/ajaxLoad.gif) center center no-repeat;
}
/*Final - Configuracao geral */




/* Inicio - Bordas */
.bordaLateralDirTopo{background:url(../img/bl_dir_topo.gif) right top no-repeat;}
.bordaLateralEsqTopo{background:url(../img/bl_esq_topo.gif) left top no-repeat;}
.bordaLateralDirFinal{background:url(../img/bl_dir_final.gif) right top repeat-y;}
.bordaLateralEsqFinal{background:url(../img/bl_esq_final.gif) left top repeat-y;}
/* Final - Bordas */


/* Inicio - Centralizando o conteúdo */
.geral{
	background-color:#FFFFFF;
	width:1002px;
	min-height:500px;
	height:auto!important;
	height:500px;
	position:absolute;
	left:50%;
	margin-left:-501px;	
}
/* Final - Centralizando o conteúdo */

/* Inicio - Titulo Pagina */
.tituloPagina{
	background:url(../img/bg_topo.gif) center bottom no-repeat;
	margin:45px 0 0 0;
	height:95px;
}
.tituloMenor{
	height:65px;
}
/* Inicio - Titulo Pagina */
	
/* Inicio - Configuração do Menu */
.menu{
	background:url(../img/bg_topo.gif) center center no-repeat;
	height:46px;
}
.menu ul{
	margin:0px; 
	padding:8px 0 0 36px;
}
.menu li{
	padding:10px 0 5px 0;
	margin:0px; 
	padding:0x;
	float:left;
	list-style:none;
}

.menu li a			{display:block; text-indent:-9999px; width:50px; height:13px; background-position:0 0;}
.menu li a:hover	{background-position:0 -13px;}
.menu li a#home			{width:30px; background-image:url('../img/menu/menu_home.gif');}
.menu li a#aplicativos	{width:105px; background-image:url('../img/menu/menu_guia-de-aplicativos.gif');}
.menu li a#servicos		{width:89px; background-image:url('../img/menu/menu_guia-de-servicos.gif');}
.menu li a#uso			{width:79px; background-image:url('../img/menu/menu_uso-consciente.gif');}
.menu li a#aparelhos	{width:54px; background-image:url('../img/menu/menu_aparelhos.gif');}
.menu li a#vantagens	{width:89px; background-image:url('../img/menu/menu_vantagens-do-3g.gif');}
.menu li a#simulador	{width:55px; background-image:url('../img/menu/menu_simulador.gif');}
.menu li a.selecionado	{background-position:0 -13px;}

/* Posicao do link Home */
.menu .home{
	padding-right:168px;
}
/* Separador entre os itens do menu */
.menu .separador{
	background:url(../img/menu/separador_menu.gif) right 6px no-repeat;
	padding-right:15px;
	margin-right:15px;
}
/* Posicao do link Menu Vivo */
.menu .menuVivo{
	float:right;
	padding-right:37px;
	cursor:pointer;
	/*margin-left:100px;*/
}
.subMenuVivo{
	position:absolute;
	top:0px;
	right:98px;
	display:none;
	width:0px;
	border:solid 1px #CCCCCC ;
	background-color:#999999;
	height:18px;
	padding:3px 0 0 5px;
	margin-top:13px;

	/*transparent*/
	filter:alpha(opacity=0); 
	-moz-opacity: 0.0;
	opacity: 0.0;
	
	white-space:nowrap;
}
.subMenuVivo li{
	float:left;
	list-style:none;
	white-space:normal
}

/* Final - Configuração do Menu */
.logo{
	position:absolute;
	left:0px;
	text-align:center;
	width:87px;
	float:left;
	padding-top:22px;
	/*-moz-opacity:0.7;  para o FireFox */
}


/* Inicio - Configuração do Conteúdo */
	/*Inicio - Espacamento para exibir as bordas */
	.espacoBorda{
		margin:0 3px 0 3px;
	}
	/*Inicio - Espacamento para exibir as bordas */

	/*Inicio - Conteudo */
	.conteudo{
		margin-left:87px;
		padding-bottom:20px;
		min-height:500px;
		height:auto!important;
		height:500px;
	}

	.conteudoEsquerdo{
		min-height:400px;
		height:auto!important;
		height:400px;
		width:620px;
		float:left;
	}
	
	/* Espaçamento do topo - Lista de aplicativos */
	.conteudoEsquerdo .aplicativos{
		background:url(../img/guia_configuracoes/linha_divisao.jpg) left 40px no-repeat;
		padding:80px 0 0 0;
		min-height:160px;
		height:auto!Important;
		height:160px;	
	}

	.conteudoLateral{
		min-height:400px;
		height:auto!important;
		height:400px;
		width:280px;
		float:right;
	}
	.selecioneCategoria{
		width:220px;
	}	
	.selecioneCategoria .select{
		margin-top:10px;
		width:220px;
	}	
	.selecioneCategoria .select select{
		width:220px;
	}	
	
	/* Inicio - Home */
	h1.tituloDicas		{width:68px; height:23px; margin:25px 0 15px 10px; text-indent:-9999px; background:url('../img/title/title_dicas.gif') no-repeat;}
	h2.subtituloDicas	{width:395px; height:31px; margin:0 0 20px 10px; text-indent:-9999px; background:url('../img/title/subtitle_dicas.gif') no-repeat;}
	
	.conteudoHomeWrap					{width:820px; margin-bottom:20px; position:relative; background:url('../img/home/bg_home-main_top.jpg') center top no-repeat;}
	.conteudoHome						{width:790px; min-height:290px; display:inline-block; padding:30px 78px 40px 30px; position:relative; background:url('../img/home/bg_home-main_bottom.jpg') center bottom no-repeat;}
	.conteudoHome p						{margin-bottom:10px;}
	.conteudoHome .divApp				{float:left; width:260px; margin-right:260px;}
	.conteudoHome .divApp .appMarcas	{margin-top:15px; }
	.conteudoHome .divApp h3			{width:128px; height:14px; margin-bottom:15px; text-indent:-9999px; background:url('../img/title/title_guia-de-aplicativos.gif') no-repeat;}
	.conteudoHome .divServ				{float:left; width:260px;}
	.conteudoHome .divServ h3			{width:108px; height:14px; margin-bottom:15px; text-indent:-9999px; background:url('../img/title/title_guia-de-servicos.gif') no-repeat;}
	.conteudoHome .divServ li			{list-style:none; padding:5px 0 0 70px; margin-bottom:5px; height:50px;}
	.conteudoHome .divServ li a			{padding-right:15px; padding-bottom:2px; line-height:20px; background:url('../img/btn_mais_small.jpg') right 2px no-repeat;}
	.conteudoHome .divServ li.comoSms		{background:url('../img/servicos/icone_sms.jpg') no-repeat;}
	.conteudoHome .divServ li.comoInternet	{background:url('../img/servicos/icone_internet.jpg') no-repeat;}
	.conteudoHome .divServ li.comoCxpostal	{background:url('../img/servicos/icone_caixa_postal.jpg') no-repeat;}
	
	

	
	/* Final - Home */

	/* Inicio - Destaques */
	.destaques					{width:820px; display:inline-block;}
	.destaques div				{width:245px; min-height:84px; float:left; padding:20px 0 0 125px; }
	.destaques div a img		{margin:2px 0 -2px 0; display:inline;}
	.destaques .destSimulador	{background:url('../img/home/img_home_destaque01.jpg') no-repeat; width: 160px; float:left}
	.destaques .destSimulador h3{width:131px; height:11px; margin-bottom:10px; margin-top: -5px; text-indent:-9999px; background:url('../img/title/title_simulador-de-dados.gif') no-repeat;}
	.destaques .destUso			{background:url('../img/home/img_home_destaque02.jpg') no-repeat; width: 180px;}
	.destaques .destUso h3		{width:164px; height:11px; margin-bottom: 10px; margin-top: -5px; text-indent:-9999px; background:url('../img/title/title_uso-consciente.gif') no-repeat;}
	.destaques .destVantagens	{background:url('../img/home/img_home_destaque03.png') no-repeat; width: 185px;}
	.destaques .textoVantagens	{}
	.destaques .vantagens {width:164px; height: 18px; margin-bottom: 7px; margin-top: -5px; text-indent:-9999px; background:url('../img/title/title_vantagens-do-3g.gif') no-repeat;}
	/* Final - Destaques */
	
	/* Início - Vantagens do 3G*/
	.conteudo_vantagens{
		margin-left:87px;
		height:auto!important;
	}

	h1.tituloVantagens		{width:214px; height:32px; margin:25px 0 15px 10px; text-indent:-9999px; background:url('../img/title/title_vantagens_do_3g.png') no-repeat;}
	h2.subtituloVantagens	{width:502px; height:32px; margin:0 0 20px 10px; text-indent:-9999px; background:url('../img/title/subtitle_vantagnes_do_3g.png') no-repeat;}
	
	.conteudoVantagens		{width:790px; min-height:290px; display:inline-block; padding-left: 30px; padding-right: 78px;position:relative; height:autopx; background:url("../img/bottom_vantagens.png") no-repeat bottom;}
	
	
	.conteudoVantagens .divApp	{float: left;width: 450px;margin-left: -60px;padding-top: 40px;}
	.conteudoVantagens .divServ	{float:left; width:400px;}
	.conteudoVantagens .divServ  h1.pergunta_1 	{width:280px; height:49px; margin:15px 0 10px 0; text-indent:-9999px; background:url('../img/title_3g_1.gif') no-repeat;}
	.conteudoVantagens .divServ  h1.pergunta_2	{width:311px; height:47px; margin:15px 0 15px 0; text-indent:-9999px; background:url('../img/title_3g_2.gif') no-repeat;}
	.conteudoVantagens .divServ ul{list-style-image: url("../img/bullet_triangulo.png"); padding-left:20px;}
	.conteudoVantagens .divServ ul li{color: #555555;margin-top: 5px;}
	.conteudoVantagens .divServ ul li .link1{font-weight: normal; text-decoration: underline;}
	.conteudoVantagens .divServ ul li .link2{color:#0066cc;text-decoration: underline;}
	.conteudoVantagens .divServ #balao1{margin-left: 30px; margin-top: -124px; position: absolute;}
	.conteudoVantagens .divServ #balao2{margin-left: 26px; margin-top: -107px;position: absolute;}
	.conteudoVantagens .divServ #balao3{margin-left: 98px; margin-top: -131px;position: absolute;}
	.conteudoVantagens .divServ #balao4{margin-left: -122px; margin-top: -112px; position: absolute;}
	.form-background{ background:#000; position:absolute; left:0px; top:0px; display:block; z-index:999; }
	/*.bottom{background:url("../img/bottom_vantagens.png"); height: 68px; width: 860px;margin-top: 26px; margin:auto;}*/
	
	
	.vivoConexao{ width:auto; height:auto; padding:3px; padding-left:690px; margin:15px 0;}
	
	/* Fim - Vantagens do 3G*/

/* Final - Configuração do Conteúdo */

/* Inicio - Configuração do Rodapé */
.rodape{
	margin:5px 0 0 0;
	padding-right:60px;
	height:54px;
	text-align:right;
}
/* Final - Configuração do Rodapé */


/* Inicio - Barra lateral */
.bordaBarraLateralTopo{ background:url(../img/borda_lateral_topo.gif) left top no-repeat; }
.bordaBarraLateralMeio{ background:#FFFFFF url(../img/borda_lateral_meio.gif) left top repeat-y;  }
.bordaBarraLateralBase{ background:url(../img/borda_lateral_base.gif) left bottom no-repeat; }

.conteudoBarra{
	margin-top:70px;
	padding:0 15px 0 20px;
	min-height:10px;
	height:auto !important;
	height:10px;
}
	
	/* Inicio - Icones da Lateral */
	.conteudoBarra .icones{
		display:inline-block;
		min-height:10px;
		height:auto!important;
		height:10px;
	}
	.conteudoBarra .icone{
		margin:15px 0 20px 45px;
		width:150px;
		text-align:center;
		height:90px;
	}
	/* Final  - Icones da Lateral */
	
	/* Inicio - Formalario da Lateral */
	.formBarra{
		clear:both;
		background:url(../img/separador_linha.gif) center top no-repeat;
		margin:0px;
		padding:15px 0 0 0;
	}
	.formBarra form{
		margin:0px;
		padding:0px;
	}
	.formBarra .texto{
		margin:5px 0 10px 0;
	}
	.formBarra input{
		margin:5px 0 0 0;
		padding-left:5px;
		width:220px;
		border:solid 1px #999999;
		color:#CCCCCC;
	}
	.formBarra .botao{
		margin:10px 18px 0 0;
		text-align:right;
	}
	.formBarra .vivinho{
		margin:10px 0 0 0;
	}
	/* Final - Formalario da Lateral */

/* Final - Barra lateral */



/*Inicio - Veja guia de configuracao */	

	.conteudoEsquerdo select{
		width:170px !important;
	}

	/*  Fabricantes*/
	.boxFabricante{
		display:block;
		float:left;
		width:100%;
		height:79px;
		background:url(../img/guia_configuracoes/linha_divisao.jpg) left bottom no-repeat;
		margin-top:24px;
	}
	
	.boxFabricante img{
		display:block;
		float:left;
		width:auto;
		height:auto;
		margin-top:10px;
	}
	
	.boxFabricante .topo{
		margin-bottom:35px;
		display:inline-block;
		width:300px;
	}

	
	.boxFabricante select{
		display:inline-block;
		float:left;
		width:auto;
		height:auto;
		margin-top:7px;
		margin-left:12px;
	}
	
	.boxFabricante label{
		display:inline-block;
		color:#c1c1c1;
		font-size:14px;	
		font-weight:bold;
		margin-left:12px; 
/*		float:left; */
	}
	
	
	.boxAparelhos{
		display:none;
		float:left;
		width:100%;
		margin-top:24px;
	}
	.boxAparelhos .topo{
		margin-bottom:35px;
		display:inline-block;
		width:300px;
	}

	.boxAparelhos label{
		color:#c1c1c1;
		font-size:14px;	
		font-weight:bold;
		margin-left:10px;	
	}

	.boxAparelhos .imagem{
		display:block;
		float:left;
		width:auto;
		height:auto;
	}
	
	.boxAparelhos .select{
		display:block;
		float:left;
		width:auto;
		height:auto;
		margin-top:7px;
		margin-left:12px;
		clear:right;	
	}


	/* Inicio - Pagina de conheca os aplicativos */
	.paginaAplicativos{ 
		padding-top:100px;
		min-height:470px;
		height:auto !Important;
		height:470px;
			
	}
	/* Final - Pagina de conheca os aplicativos */
	
	.paginaServicos{ 
		padding-top:30px;
		min-height:470px;
		height:auto !Important;
		height:470px;
			
	}
	
	.boxAplicativos{ 
		background:url(../img/guia_configuracoes/linha_divisao.jpg) left top no-repeat;
		margin-top:40px;
		padding:40px 0 50px 0;
		width:100%;
		height:243px;
		position:relative;
		float:left;
		display:none;
		
		min-height:200px;
		height:auto !Important;
		height:200px;
	}
	.boxAplicativos .item{
		background:url(../img/passo_3.jpg) left center no-repeat;
		padding-left:40px;
		float:left;
		font-weight:bold;
		width:580px;
		line-height:33px;
		height:33px;
		margin-bottom:30px;
	}
	.boxAplicativos .item label{
		margin-left:10px;
		color:#c1c1c1;
		font-size:14px;	
	}
	.boxAplicativos .item span{
		color:#c1c1c1;
		font-size:14px;				
	}
		
	/* Inicio - Scroll de Aparelhos */
	.scrollHorizontal{
		display:inline-block;
		width:auto;
		height:155;
	}
	.scrollHorizontal .scroll{
		position:relative; 
		left:0px;
		width:540px;
		overflow:hidden;
		white-space:nowrap;	
		display:inline-block;
	}
	.scrollHorizontal .moveAnterior{height:155px; width:38px; display:block; float:left;}
	.scrollHorizontal .moveProximo{height:155px; width:38px; display:block; float:left;}
	/* Final - Scroll de Aparelhos */	

	.listaAparelhos{
		overflow:hidden;
		position:relative;
		clip:rect(0px, 420px, 155px, 0px); 
		width:540px;
		height:180px;
		float:left;
		white-space:nowrap;		
	}		
	.listaAparelhos .aparelho{
		float:left;
		height:160px;
		margin:2px 5px 2px 5px;
		width:90px;
		text-align:center; 	

	}
	.listaAparelhos .aparelho .imagem{ text-align:center; width:100%;}
	.listaAparelhos .aparelho .texto{ text-align:center; width:100%; white-space:normal;}	
	.listaAparelhos .aparelho .hover a{	
		color:#0066CC!Important;
		font-weight:bold;		
	}
	
	.listaAplicativos{
		/*display:inline-table;*/
		min-height:150px;
		height:auto !important;
		height:150px;

	}
	
	.listaAplicativos .icones{
		width:185px;
		height:150px;
		float:left;
		margin:0px;
	}
	.listaAplicativos .icones .botao{
		float:right;
		margin:0px;
		padding:0 35px 0 0;
	}
	.listaAplicativos .icones .titulo, .listaAplicativos .icones .texto{
		color:#0077cd;
		display:block;
		font-weight:bold;
		margin-bottom:12px;
		position:relative;
		text-align:center;
		top:5px;
		width:170px;
	}
	.listaAplicativos .icone{
		width:70px;
		height:70px;
		margin-left:50px;
	}
	.listaAplicativos .desabilita .icone{
		/*transparent*/
		filter:alpha(opacity=20); 
		-moz-opacity: 0.2;
		opacity: 0.2;
	}
	.listaAplicativos .desabilita .titulo{
		color:#cde4f2;
	}		
	
	/*Possiciona a imagem do aparelho que foi copiada
	e deixa ele transparente para não ser exibida*/
	.cloneImg{
		position:absolute;
		top:-3000px;
		left:0px;
		height:0px;
		width:0px;
	
		/*transparent*/
		filter:alpha(opacity=0); 
		-moz-opacity: 0.0;
		opacity: 0.0;	
	}
	
	
/*Final - Veja guia de configuracao */	

/* Inicio - Paginação */
.paginacao{
	text-align:center;
}
.paginacao .texto{
	font-weight:bold;	
}
.paginacao .ativo{
	color:#0000FF !important;
}
.paginacao img{
	vertical-align:middle;
}
/* Final - Paginação */

/* Final - Popup */



/* Inicio - Classe de estilo - Descubra seu perfil */ 
.container{
	width:100%;
	height:314px;
}
.flashPerfil{
	width:909px;
	height:366px;
}
.random{
	display:inline-block;
	float:left;
	width:256px;
	height:314px;
	padding:0px;
	margin:0 10px 0 0;
}
.random .imagem{
	text-align:center;
}
.random .texto{
	padding:0 15px 0 15px;
	min-height:70px;
	height:auto !important;
	height:90px !important;
}

.random .linhaBotao{
	padding-right:20px;
	text-align:right;
}

.random #destaque01, .random #destaque02, .random #destaque03{
	height:100%;
}

.simulador{
	width:290px;
	height:auto;
	display:inline-block;
	float:left;
	margin-left:31px;
}
.simulador .aba{
	background:url(../img/separador_simulador.gif) left 35px no-repeat;
	float:none;
	height:40px;
	padding-top:10px;
}
.simulador .aba ul, .simulador .aba li{
	margin:0px;
	padding:0px;
	list-style:none;
}
.simulador .aba ul{
	background:url(../img/aba_serapador.gif) no-repeat;
	height:25px;
}

.simulador .aba li{
	/*border-right:solid 1px #CCCCCC;*/
	text-align:center;
	float:left;
	width:48px;
	padding:6px 0 0 0;	
	height:18px;
	font-weight:bold;
}
.simulador .aba li.destaque{
	border-right:solid 0px;
	padding:3px 0 0 0;
	font-weight:bold;
	font-size:12px;
	width:48px;
	background:url(../img/aba_destaque.gif) right 1px no-repeat;
	height:40px;	
	color:#0066cc;
}
.simulador .aba li.inicio{
	border:0px;
	background:url(../img/aba_destaque.gif) right 1px no-repeat;
	width:50px;
}
.simulador .aba li.final{
	border:0px;
	background:url(../img/aba_destaque.gif) left 1px no-repeat;
	width:50px;
}
/*.simulador .guia{
	display:inline-block;
	float:left;
	width:290px;	
	height:39px;
	margin:6px 0 0 14px;
	padding:0 0 0 0;
}*/
.questao .pergunta{
	display:inline-block;
	float:left;
	width:280px;
	height:auto;
	font-weight:bold;
	color:#0066cc;
	margin: 0 0 10px 0;
	text-align:left;
}
.questao .resposta{
	width:264px;
	height:50px;
	border-top:#eae9e4 1px solid;
	display:inline-block;
	float:left;
} 
.questao .resposta .radio input{
	width:12px;
	height:50px;
	display:inline-block;
	float:left;
}
.questao .resposta .texto{
	display:inline-block;
	float:left;
	margin-left:7px;
	margin-top:7px;
	width:240px;
	height:auto;	
}
.bgDestaque{
	background-color:#FFFFCC;
}
.simulador .linhaBotao{
	float:none;
	clear:both;
	background:url(../img/separador_simulador.gif) center top no-repeat;
	padding:8px 10px 0 0;
	text-align:right;
}
/* Final - Classe de estilo - Descubra seu perfil */ 

/* Inicio - Descubra seu perfil - Detalhes */ 
.coluna01{
	width:500px;
	float:left;
}

.coluna01 p{
	margin-top:10px;
	height:20px;
}

.coluna01 .link a{
	color:#0077d0;
	font-size:14px;
	font-weight:bold;
}
.coluna01 .link img{
	margin-right:5px;
	vertical-align:middle;
}

.coluna02{
	width:400px;
	float:right;
}
.coluna02 .titulo{
	margin:40px 0 5px 0;
	font-size:18px;
}
.coluna02 .chamada{
	margin:40px 0 10px 0;
	padding-right:10px;	
	font-size:12px;	
	font-weight:bold;
}


.coluna02 .aplicativos{
	min-height:120px;
	height:auto !important;
	height:120px;
}
.coluna02 .aplicativos .icone{
	padding-top:15px;
	width:100px;
	float:left;
	text-align:center;
	vertical-align:middle;
}
.coluna02 .aplicativos .item{
	width:240px;
	float:left;

}
.coluna02 .aplicativos .item .nomeAplicativo{
	margin:8px 0 8px 0;
	color:#0077d0;
	font-size:14px;
	font-weight:bold;

}
.coluna02 .aplicativos .item .texto{
	width:280px;
}
.coluna02 .aplicativos .item .link, .coluna02 .aplicativos .item .emBreve{
	margin:8px 0 8px 0;
	vertical-align:middle;
}
.coluna02 .aplicativos .item .link a,  .coluna02 .aplicativos .item .emBreve{
	color:#0077d0;
}
.coluna02 .aplicativos .item .link img{
	margin-right:5px;
	vertical-align:middle;
}
.descubra{
	width:100%;
	float:right;
	display:inline;
	text-align:right;
}

.descubra img{
	border-top:solid 1px #F4F4F4;
}


/* Final - Descubra seu perfil - Detalhes */ 


/* Inicio - Detalhes do aplicativo */
.tituloAplicativo{
	margin:20px 0 0 0;
	height:120px;
	height:auto !important;
	min-height:120px;
}
.tituloAplicativo .icone{
	float:left;
	width:100px;
	text-align:center;
}
.tituloAplicativo .chamada{

	float:left;
	margin:10px 0 10px 20px;
	font-size:16px;
	font-weight:bold;
	color:#0077d0;
	display:inline-block;
}
.tituloAplicativo .texto{
	width:550px;
	margin-bottom:20px;
}

.iconeAplicativo .textoAplicativo{
	display:block;
	float:left;
	width:500px;
}

/* Final - Detalhes do aplicativo */



/*------------------------------------------------------------------------------------------ Formulário indique um amigo */
/* Formulário indique um amigo */
.indiqueAmigo{
	width:403px;
	height:200px;
	z-index:9999 !important;
	position:absolute;
	display:none;
	left:25%;
	top:150px;
}
.indiqueAmigoTopo{
	height:36px;
	background:url(../img/form_amigo/frm_topo.jpg) no-repeat top;	
}
.indiqueAmigoDetalhe{
	height:18px;
	background:url(../img/form_amigo/frm_detalhe.jpg) no-repeat top;	
	
}
.indiqueAmigoConteudo{
	width:403px;
	height:auto;
	background:url(../img/form_amigo/frm_fundo.jpg) repeat-y top;
}

.indiqueAmigoBase{
	height:9px;
	background:url(../img/form_amigo/frm_base.jpg) no-repeat top left;	
}

.indiqueAmigo .cxNome, .indiqueAmigo .cxEmail, .indiqueAmigo .cxAmigoNome, .indiqueAmigo .cxAmigoEmail, .indiqueAmigo label{
		width:340px;
		height:18px;
		border:1px border:#909497;
		margin-bottom:13px;
		margin-left:27px;
		color:#9a9a9a;
}

.indiqueAmigo .linhaBotao{
	float:right;
	padding: 0 0 0 0;
	margin: 8px 8px 0 0; 
}
	
.indiqueAmigo .linhaBotaoEnviar{
	float:right;
	padding: 0 0 0 0;	
	margin: 0 37px 0 0; 
}
	
.indiqueAmigo .titulo img{
	margin:12px 0 0 22px;
}
	
	
	
/* DIV transparente para destacar o formulário de envio de indicação para amigo. */
.divPop {
	top: 0; 
	left: 0; 
	z-index: 101; 
	position:absolute; 
	z-index:1997 !important; 
	width: 100%; 
	height: 100%; 
	display:none; 
}

.divPopBg {
	background-color: #ffffff; 
	top: 0; 
	left: 0; 
	z-index: 100; 
	position:absolute; 
	z-index:1996 !important; 
	width: 100%; 
	height: 100%; 
	opacity: 0.65; 
	filter:alpha(opacity=65); 
	display:none; 
}


/* ------------------------- Div Informação ---------------------------------------------------------------------- */
.infoAzul{ 
	display:none;
	height:auto;
	width:180px;
	z-index:999999;
}

.infoAzulTopo{
	background:url(../img/guia_configuracoes/boxTopo.gif) bottom left no-repeat;
	height:5px;
	width:174px;
}
.infoAzulConteudo{
	background:url(../img/guia_configuracoes/boxConteudo.gif) top left repeat;
	height:auto;
	width:164px;
	color:#FFFFFF;
	padding: 2px 5px 2px 5px;
}
.infoAzulBase{
	background:url(../img/guia_configuracoes/boxBase.gif) top left no-repeat;
	height:12px;
	width:174px;
}


/* ---------------------------------------------------- Div Especial GMAIL --------------------------------------- */
	.divGmail{
		z-index:9999 !important;
		position:absolute;
		display:none;
		left:30px;
		top:300px;
		background:#FFFFFF;
		padding:20px;
		border:solid 1px #999999;
		width:890px;
	}
	
	.divGmail .linhaBotao{
		float:right;
	}
	
/* ---------------------------------------------------- Div Especial para mensagem de erro ----------------------- */	
	.erro{
		color:#FF0000;
		font-weight:bold;
		display:none;	
		width:auto;
		margin: 10px 0 0 50px;
	}		
	
/* ---------------------------------------------------- Div Especial para confirmacao de envio de mensagem com sucesso */	
	.envioOk{
		color:#000099;
		font-weight:bold;
		display:none;	
		width:100%;
		display:inline-block;
		margin: 20px 0 20px 0;
		text-align:center;
	}

/* ------------------------------------------------- Classe para página Uso consciente -------------------------------*/	

.conteudoEsquerdoUsoConsciente{ width:98%;}
.topoUsoConsciente			{width:98%; height:250px; margin: 0px 5px 5px 5px; background: url(../img/destaque_uso_consciente.jpg) left no-repeat; padding-left:300px;}
.topoUsoConsciente	img		{margin:50px 0 10px 100px; }
.topoUsoConsciente	.img	{margin:5px 0 10px 100px ; }
.painelEsqUsoConsciente, .painelCentralUsoConsciente, .painelDirUsoConsciente {width:95%; height:auto; float:left; margin:25px 5px 5px 5px; text-align:justify;}
.UsoConsciente {width:200px; float:right; margin: 20px 5px 30px 25px; }
.conteudoEsquerdoUsoConsciente .destaqueUsoConsciente { color:#0066cc; font-size:14px;}
.conteudoEsquerdoUsoConsciente .linkUsoConsciente { background:url(../img/btn_seta_dir.jpg) left no-repeat; padding-left:20px; color:#0066cc;}
.conteudoEsquerdoUsoConsciente .pto{ background:url(../img/pto_azul.jpg) left no-repeat; padding-left:10px;}
.conteudoEsquerdoUsoConsciente .tituloUsoConsciente{ width:100%; height:50px; margin:10px 0 10px 0;}
.conteudoEsquerdoUsoConsciente .tituloUsoConsciente img{float:left;}
.conteudoEsquerdoUsoConsciente .tituloUsoConsciente p{ float:left; margin:15px 0 0 5px; }


/** class novos **/
.oque-e-vivo{ background:url(../img/oque-e-3g.gif); width:102px; height:20px; margin:65px 0 10px 0;}
.oque-e-3g{ background:url(../img/quais-sao-as-vantagens.gif); width:388px; height:20px; margin:25px 0 10px 0;}
.como-configurar{ background:url(../img/como-configurar.gif); width:360px; height:20px; margin:25px 0 10px 0;}


.link2{color:#227ad3!important;text-decoration: underline;}
