<!--codigo css-->

body {margin:0px; background:url(/resources/images/bg-fundo1.jpg) repeat;}
body {margin:0px; background:url(/resources/images/bg-fundo1.jpg) repeat;}

h1   {margin:0px; padding:0px;}
h2   {margin:0px; padding:0px;}
h3   {margin:0px; padding:0px;}
a    {margin:0px; padding:0px; border:0px;}
p    {margin:0px; padding:0px;}      
ul   {margin:0px; padding:0px;}
li   {margin:0px; padding:0px;}
img  {border:0px;}


#geral      { position:relative; width:980px; height:auto; margin-left:auto; background:#ffffff; margin-right:auto;   }

#top        {  height:70px; background:url(/resources/images/bg-top.jpg); text-align: center; font-family: Verdana; color: #fcbb0b; font-size: 48px;}

#top p {padding-top: 5px;}

/*******************************************Menu Lateral*********************************************/
#left       { position:relative; width:247px; height:574px; background:#fff; float:left; }
  
 #logo-dcm      { position:relative; width:247px; height:157px; background:#fff; float:left; }
 #logo-dcm img  { padding:28px 0 0 38px;}
 #logo-net      { position:relative; width:247px; height:142px; background:url(/resources/images/img-net-left.jpg); float:left; }
 
 #tel-menu       { position:relative; width:237px; height:auto; background:#fff; padding:0 0 0 10px; float:left; }
  #telefone      { position:relative; width:227px; height:50px; background:url(/resources/images/img-telefone.jpg); float:left; }
  #menu-left     { position:relative; width:227px; height:auto; background:#fff; float:left; }
  .bot-menu-left { position:relative; width:227px; height:26px; background:#fbba0a; margin:3px 0 0 0; float:left; }
/*****************************************Fim Menu Lateral********************************************************/

/*****************************************Conteudo Home*******************************************************/
#conteudo   { position:relative; width:733px; height:534px; background:#fff; float:left; }
#conteudo2  { position:relative; width:733px; height:auto; background:#fff; float:left; }
 
 #area-banner   { position:relative; width:733px; height:200px; padding:10px 0px; background:#fff; float:left; }
 #banner        { position:relative; width:723px; height:200px; background:#fff; float:left; }

 #area-servicos { position:relative; width:733px; height:230px; background:#fff; float:left; }
 .servicos      { position:relative; width:183px; height:230px; background:#fff; float:left; }
 	.icones     { position:relative; width:173px; height:66px; background:#00204a; cursor:pointer; float:left; }
	.texto      { position:relative; width:165px; height:106px; padding:4px 4px; margin:9px 0 6px 0; background:#eeeded; float:left; }
	.texto h2   { font:12px Verdana; font-weight:bold;}
    .texto p    { font:10px Verdana; }
	.assine     { position:relative; width:173px; height:35px; background:#fbba0a; float:left; }
	
 #area-banner2   { position:relative; width:733px; height:65px; padding:8px 0 8px 0; background:#fff; float:left; }
 #banner2        { position:relative; width:723px; height:65px; background:#00204a; cursor:pointer; float:left; }
/******************************************Fim Conteudo Home********************************************************/

/*****************************************Paginas Internas*******************************************************/
#area-titulo    { position:relative; width:733px; height:56px; padding:10px 0px; background:#fff; float:left; }
 #titulo        { position:relative; width:703px; height:40px; padding:5px 10px; background:#00204a; float:left; }
 #titulo h1     { font:32px Arial; font-weight:bold; color:#fff;}
 
#texto-cont       { position:relative; width:530px; height:auto; padding:0px 5px 20px 5px; background:#fff; float:left; }
  #texto-cont p   { font:10px Verdana; margin:5px 0; }
#area-banner-int  { position:relative; width:193px; height:auto; background:#fff; float:left; }
 #banner-int      { position:relative; width:182px; height:auto; margin:0 0 10px 0; background:#00204a; float:left; } 
/*****************************************Paginas Internas*******************************************************/

/*******************************************Produtos*******************************************************/
#lista-produtos { position:relative; width:530px; height:400px; float:left;}
.produtos       { position:relative; width:204px; height:auto; margin:10px 25px; float:left;}
 .nome          { position:relative; width:204px; height:85px; float:left;}
 .itens         { position:relative; width:204px; height:auto; background:url(/resources/images/bkg-list-promo.jpg) repeat; float:left;}
 .itens ul      { padding:5px 10px;}
 .itens li      { padding:5px 0 0 20px; font:10px Verdana; background:url(/resources/images/bkg-promo-list.jpg) no-repeat left center; list-style:none;} 
 .valor         { position:relative; width:204px; height:60px; float:left;}
 .bot-detalhe   { position:relative; width:204px; height:43px; float:left;}
/*****************************************Fim Produtos*******************************************************/


#footer        { position:relative; width:733px; height:40px; background:#fff; float:left; }
#area-footer   { position:relative; width:723px; height:20px; padding:10px 0; font:10px Verdana; text-align:center; background:#eeeded; float:left; }

/*promo*/
.promo         		   { width:530px; padding:0; margin:0; font:10px Verdana; color:#666; position:relative; float:left;}
.promo ul     		   { padding:0; margin:10px 0; float:left;}
.promo ul li           { width:210px; padding:0; margin:10px 25px; _margin:10px 15px;  list-style:none; position:relative; float:left;}
.promo ul li img       { float:left;}
.promo ul li div       { width:204px; height:70px; background:url(/resources/images/bkg-list-promo.jpg) no-repeat; float:left;}
.promo ul li div ul    { padding:10px 0 0 30px; margin:0; float:left;}
.promo ul li div ul li { width:150px; padding:3px 0 3px 15px; margin:0; font-weight:bold; background:url(/resources/images/bkg-promo-list.jpg) no-repeat left center; list-style:none;}
.promo h2              { padding:15px 0 5px 0; margin:0; font:bold 11px Arial; color:#57AA48;}
.promo h3              { padding:5px 0 5px 0; margin:0; font:bold 11px Arial; color:#666;}
/*promo*/

/*selecoes*/
#selecoes                   { padding:0 0 20px 0; margin:0;}
#selecoes li                { padding:0; margin:0; list-style:none; position:relative; float:left;}
#selecoes li a              { padding:8px 12px; text-decoration:none; border:1px solid #ccc; font:bold 11px Arial; color:#666; float:left;}
#selecoes li a:hover        { background:#020A62; color:#fff;}
#selecoes li .selecionado   { background:#020A62; color:#fff;}
/*selecoes*/

.descricao-prod        { width:530px; padding:10px 0 20px 0; margin:0; font:10px Verdana; color:#666; position:relative; float:left;}
.img-prod              { width:530px; height:auto; padding:0 0 20px 0; }
.descricao-prod h2     { margin:10px 0px; font:bold 12px Verdana; color:#3179CE;}
.descricao-prod h3     { font:bold 12px Verdana;}  
.descricao-prod table  { margin:5px 0; font:10px Verdana; color:#111;}


/*fone*/
ul.fone                   { width:500px; padding:0 0 20px 0; margin:0; float:left;}
ul.fone li                { width:300px; padding:5px 12px; margin:0; list-style:none; background:url(/resources/images/bkg-seta.jpg) no-repeat center left; clear:both; position:relative; float:left;}

.titulo2-netfone  { clear:both;}

/*outros-canais*/
.outros-canais                  { padding:0 395px 0 0; margin:10px 0; color:#666; text-decoration:none; float:left;}
.outros-canais span             { display:none;}
.outros-canais:hover            { background:none;}
.outros-canais:hover span       { width:520px; height:135px padding:0; margin:0; background:#fff; position:absolute; border:1px solid #ccc; display:block; top:70px; left:0; z-index:100;}
.outros-canais:hover span ul    { padding:20px; margin:0; float:left;}
.outros-canais:hover span ul li { padding:0; margin:0; list-style:none; position:relative;}

/*legenda*/
.legenda          { width:240px; height:270px; padding:20px 0; margin:0; position:relative; float:left;}
.legenda li       { width:200px; padding:9px; margin:5px 0; list-style:none; position:relative; float:left;}
.legenda li ul    { padding:10px 0; margin:0;}
.legenda li ul li { padding:0; margin:0; border:none;}
.legenda img      { width:72px; height:22px;}

/*grade*/
.grade        { width:530px; padding:0; margin:0; position:relative; float:left;}
.grade li     { padding:7px 7.7px; margin:0; list-style:none; position:relative; float:left;}


/*tabela*/
#tabela             { width:500px; padding:0; margin:0; text-align:center; font-weight:bold; float:left;}
#tabela td          { width:50px; height:25px; font:9px Verdana; color:#000; font-weight: bold;}
#tabela a           { padding:0; text-decoration:none; color:#000;}
#tabela a:hover     { color:#57AA48;}
#tabela .plano      { width:50px; height:25px; background: url(/resources/images/bkg-velocidade-grande.jpg) no-repeat center;}
#tabela .plano-hd   { width:150px; height:25px; background: url(/resources/images/bkg-plano-hd.jpg) no-repeat center;}
#tabela .normal     { width:50px; background:url(/resources/images/bkg-velocidade.jpg) no-repeat center;}
#tabela .vermelho   { background:url(/resources/images/bkg-vermelho.jpg) no-repeat center; color:#fff;}
#tabela .azul       { background:url(/resources/images/bkg-azul.jpg) no-repeat center; color:#fff;}
#tabela .laranja    { background:url(/resources/images/bkg-laranja.jpg) no-repeat center; color:#fff;}
#tabela .roxo       { width:50px; background:url(/resources/images/bkg-roxo.jpg) no-repeat center; color:#fff;}
#tabela .verde      { width:50px; background:url(/resources/images/bkg-verde-florescente.jpg) no-repeat center; color:#fff;}
#tabela .verde-2    { background:url(/resources/images/bkg-verde-florescente.jpg) no-repeat center; color:#fff;}      
#tabela .marrom     { background:url(/resources/images/bkg-marrom.jpg) no-repeat center; color:#fff;}
#tabela .velocidade { width: 50px; background:url(/resources/images/bkg-verde-2.jpg) no-repeat center; color:#fff;}
.img-assine-ja      { width:60px;}


.branca {color: #FFFFFF; font-family: Arial; size: 14px;}


#area-titulo-peq    { position:relative; width:733px; height:28px; padding:10px 0px; background:#fff; float:left; margin-bottom: 20px; }
#area-titulo-peq p {size: 14px;}


#debito             {float:left;}