* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border:none;
}

input, img {vertical-align: middle;}

body {
	font: 11px Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif;
	background: #0193DE url(imagens/bg.gif) repeat-x top center;
	padding-bottom: 52px;
}


a, a:hover, a:active, a:visited {color:#174A51;}


.form-lateral {
	margin:0 auto;
	padding: 16px 0 16px 0;
	width:145px;
}

.form-lateral label { line-height:20px; }

input { font: 12px Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif; }

input.text {background-color: #75C5F0; height:18px;}

input.text2 {background-color: #42929D; height:18px; color: #FFF;}

input.maior { width:100px; }
input.menor { width:71px; }

input.botao {
	width:23px;
	background: url(imagens/btn_ok.gif) no-repeat center center;
	cursor:pointer;
}

input.botao_aloomail {
	width:23px;
	background: url(imagens/btn_aloomail_ok.gif) no-repeat center center;
	cursor:pointer;
}


p {
	line-height:150%;
	letter-spacing: 1.5;
	text-align: justify;
	font: 10px Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif;
}



/* DIV que envolve tudo para dar uma ajuda na hora da formatação*/
div#geral {
	width: 744px;
	_width:743px;
	margin: 0 auto;
	margin-top: 52px;
	background:  url(imagens/base-brancocima.gif) no-repeat top center;
}


/* Footer */
#footer {
	background: url(imagens/base-brancobaixo.gif) no-repeat bottom center;
}

/* TOPO */
#topo {
	position: relative;
	height: 136px;
}

#topo h1 {
	
	float: left;
	width: 170px;
	height: 77px;
	background: url(imagens/logo2.jpg) no-repeat center 1px;
	margin-top: 25px;
	margin-left:26px;
	_margin-left:14px;
}
#topo h1 a {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 162px;
	height: 77px;
}
/* FIM TOPO */


/* TOPO SERVIÇOS */
#topo #servicos {
	float: right;
	width: 514px;
	height: 123px;
	background: url(imagens/servicos.gif) no-repeat center center;
	margin-top: 13px;
	margin-right: 23px;
	_margin-right: 12px;
}


/* Botões de Serviços Disponíveis*/
#topo #servicos #botoes-servicos {
	margin: 5px 0 0 7px;
	width: 380px;
	height:78px;
}

#topo #servicos #botoes-servicos ul {height:78px;}

#topo #servicos #botoes-servicos ul li {
	padding-right:5px;
	display: inline;
	float:left;
}

#topo #servicos #botoes-servicos ul li a {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width:90px;
	height:78px;
}

#topo #servicos #botoes-servicos ul li#central_vendas  {
	background-image: url(imagens/servicos-central-vendas.gif);
	background-repeat: no-repeat;
}

#topo #servicos #botoes-servicos ul li#central_do_assinante  {
	background-image: url(imagens/servicos_central_assinante.gif);
	background-repeat: no-repeat;
}

#topo #servicos #botoes-servicos ul li#banda_larga  {
	background-image: url(imagens/servicos-banda-larga.gif);
	background-repeat: no-repeat;
}

#topo #servicos #botoes-servicos ul li#perguntas_frequentes  {
	background-image: url(imagens/servicos-perguntas-frequentes.gif);
	background-repeat: no-repeat;
}

#topo #servicos #botoes-servicos ul li#hospedagem {
	background-image: url(imagens/servicos-hospedagem.gif);
	background-repeat: no-repeat;
}


/* Formulário Aloomail*/
#topo #servicos #aloomail {
	margin: 15px 0 0 119px;
	_margin: 13px 0 0 119px;
	width: 360px;
	color: #FFF;
}


#topo #servicos #aloomail form fieldset label {
	padding-right: 5px;
}


/* FIM TOPO SERVIÇOS */




/* Limite */
#limite-geral {
	margin: 0 auto;
	padding-right:0,1em;
	width:722px;
	background-color: #FFF;
}


#limite-geral #lateral #central_assinante h2 {
	font: 11px Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif;
}
#limite-geral #lateral #central_assinante h3 {
	font: 12px Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif;
	color: #0E5C8C;
}

#limite-geral #lateral #central_assinante #saudacao_usuario {
	width:150px;
	height:38px;
	padding: 18px 0 0 18px;
	
}


/* LATERAL ESQUERDA*/
#lateral {
	width: 165px;
	display: inline;
	float: left;
	margin:0 16px;
}

#lateral div#central_assinante {
	background: url(imagens/fundo-central-assinante.gif) no-repeat top center;
}

#lateral div#produto {
	background: url(imagens/fundo-produtos.gif) no-repeat top center;
}

#lateral div#a_aloo {
	background: url(imagens/fundo-a-aloo.gif) no-repeat top center;
}

#lateral div#canais {
	background: url(imagens/fundo-canais.gif) no-repeat top center;
}

#lateral div#newsletter {
	background: url(imagens/fundo-newsletter.gif) no-repeat top center;
}

#lateral div h2 {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 165px;
	height: 30px;
}


/* Menu Lateral*/
#lateral div.menu {
	width:165px;
}

#lateral div.menu ul {
	margin:0 auto;
	padding-bottom:10px;
	width:132px;
}

#lateral div.menu ul li{
	background: url(imagens/dot.gif) no-repeat center left;
	border-bottom: 1px dotted #2C3748;
}

#lateral div.menu ul li.last {
	border-bottom: none;
}

#lateral div.menu ul li a {
	width:132px;
	margin-left:23px;
	line-height: 25px;
}


/* Newsletter*/






/* Banner Lateral */

#lateral div#banner-lateral {
	height: 352px;
	text-align:center;
}




/* FIM LATERAL ESQUERDA*/



/* Conteúdo */
#conteudo {
	margin-top: 32px;
	margin-right:10px;
	display:table;
	width: 505px;
	float:right;
}

/*Central do Assinante*/
#conteudo #central_assinante_secoes div h2 {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	height: 25px;
	border-bottom:1px dotted black;
}

#conteudo #central_assinante_secoes div#dados_cliente h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#resumo_assinatura h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#altera_dados h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#altera_plano h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#via_boleto h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#quitar_debito h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}

#conteudo #central_assinante_secoes div#suporte_online h2 {
	background: url(imagens/dados_cliente.jpg) no-repeat top left;
}


#conteudo #central_assinante_secoes div#extrato_utilizacao h2{
	background: url(imagens/extrato_utilizacao.gif) no-repeat top left;
}

#conteudo #central_assinante_secoes div#servicos_contratados h2{
	background: url(imagens/servicos_contratados.gif) no-repeat top left;
	height: 37px;
}








/* Destaques */
#conteudo #destaques  {
	height: 235px;
}

#conteudo h4 {
	font: bold 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
	color: #135F6A;
}

/* Destaques em FLASH*/
#conteudo #destaques #destaque-flash {
	float: left;
	width:281px;
	
}

/* Outras Novidades */
#conteudo #destaques #destaque-outras-novidades {
	width: 214px;
	float: right;
	margin-right:10px;
	_margin-right:4px;

}

#conteudo #destaques #destaque-outras-novidades h3 {
	background: url(imagens/header-outras-novidades.jpg) no-repeat center left;
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 174px;
	height: 30px;
	margin-top:-5px;
}

#conteudo #destaques #destaque-outras-novidades ul {
	margin-left:9px;
	
}

#conteudo #destaques #destaque-outras-novidades ul li {
	border-bottom: 1px dotted #1E90A1;
	padding:7px 0 7px 0;
}

#conteudo #destaques #destaque-outras-novidades ul li h4 span {
	background-color: #AAD7DF;
	border-right: 1px solid #2C3748;
	padding-right:4px;
}

#conteudo #destaques #destaque-outras-novidades ul li p{
	width: 205px;
	height: 34px;
	overflow: hidden;
}

#conteudo #destaques #destaque-outras-novidades ul li.last {
	border-bottom: none;
	padding-bottom:15px;
}

#conteudo #destaques #destaque-outras-novidades a {
	font: bold 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
}

/* Canais Aloo */
#conteudo #canais-aloo {
	padding:1px;
	height: 290px;
	padding-top:5px;
}

#conteudo #canais-aloo h3 {
	background: url(imagens/header-canais-aloo.jpg) no-repeat center left;
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 30px;
	padding-bottom:12px;
}

#conteudo #canais-aloo div h4 {
	padding-left:5px;
	padding-top:4px;
}

#conteudo #canais-aloo div p {
	padding-left:5px;
}
#conteudo #canais-aloo #canal-aloo-um {
	width: 150px;
	float:left;
	padding-right:8px;
	_padding-right:15px;
}

#conteudo #canais-aloo #canal-aloo-dois {
	float:left;
	width: 150px;
	padding-right:8px;
	_padding-right:15px;
}

#conteudo #canais-aloo #canal-aloo-tres p {
	margin-right:12px;
	_margin-right:0;
}

#conteudo #canais-aloo #canal-aloo-todo {
	width: 155px;
	float:left;
	padding-right:8px;
	_padding-right:13px;
}



/* Banner do Centro */
#conteudo #banner-centro {
	height: 140px;
}

#conteudo #banner-centro h3 {
	background: url(imagens/header-internet-banda-larga.jpg) no-repeat center left;
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 211px;
	height: 31px;
}

#conteudo #banner-centro img {
	padding: 5px 0 0 16px;
}

/* Planos de Hospedagem */
#conteudo #planos-hospedagem {
	height: 345px;
}



#conteudo #planos-hospedagem h3 {
	background: url(imagens/header-planos-hospedagem.jpg) no-repeat center left;
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 222px;
	height: 31px;
}


#conteudo #planos-hospedagem div {
	font: normal 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
	width: 250px;
	height: 150px;
	float:left;
	padding-bottom: 35px;
	
}

#conteudo #planos-hospedagem div.hospedagem-esquerda {
	background: url(imagens/plano1.gif) no-repeat center left;
	
}

#conteudo #planos-hospedagem div.hospedagem-esquerda2 {
	background: url(imagens/plano3.gif) no-repeat center left;
	
}

#conteudo #planos-hospedagem div.hospedagem-direita {
	background: url(imagens/plano2.gif) no-repeat center right;

}


#conteudo #planos-hospedagem div.hospedagem-direita2 {
	background: url(imagens/plano4.gif) no-repeat center right;

}

#conteudo #planos-hospedagem div h2 {
	font: bold 18px Trebuchet Ms, Tahoma, Arial, Sans-Serif;
	color: #42929D;
	margin:5px 0 0 83px;
}

#conteudo #planos-hospedagem div ul {
	width: 150px;

	margin:1px 5px 0 97px;

}

#conteudo #planos-hospedagem div ul li {
	padding:1px;
}
/* Fim Conteúdo */ 






/* Rodapé */
#rodape { 
	background: url(imagens/footer.jpg) no-repeat bottom center;
	padding: 15px 0 40px;
	_padding: 10px 0 5px;
	clear: both;
}

#rodape .limite {
	width: 700px;
	margin:  0 auto;
}

#rodape address {
	border-top: 1px solid #4E99A3;
	padding: 10px 0;
}


#rodape address span {
	float:left;
	font: normal 10px tahoma, verdana, arial, sans-serif;
	text-align: left;
	color:#137F8E;
	margin-left: 18px;
}

#rodape address a.logorodape {
	float: right;
	text-indent: -999px;
	overflow: hidden;
	background: url(imagens/logo-rodape.jpg) no-repeat left;
	width: 50px;
	height: 35px;
	margin: 5px 5px;
}

.texto_padrao {
	font-size:11px;
	text-align:justify;
	font-family:tahoma;
}


.titulo_padrao {
	font-size:14px;
	font-family:tahoma;
}


.bordaArredondada {
	width:155px;
	height:169px;
	position:relative;
	background:url("imagens/frente_canais.gif") no-repeat;
}


.imagemArredondada {
	position:absolute;
	top:9px;
	left:9px;
	width:138px;
	height:150px;
}