@import url("style_mudado.css");

.topoibraol { background:url(img/centro_topo.gif) repeat-x top; width:auto; height:44px; margin-bottom:0; position: relative }
.topoibraol_esquerda { background:url(img/topo_logo.gif) no-repeat; width:437px; height:44px; margin-bottom:0 }


.topoibraol a#email {height:40px; width:125px; position:absolute; top:5px; left:280px  }
.banner {margin-top:0; background:url(img/fundo_topo.jpg) repeat-x;  width:100%; height:115px; padding: 12px 0 0 0; text-align: center; }


.miolo { background:url(img/fundo_meio.gif) no-repeat; float:left; width:517px; height:435px; margin:0 14px 0 14px; }

.miolo .destaque { display:block; background:url(img/titu_destaque.jpg) no-repeat; float:left; margin:47px 0 0 5px; width:363px; height:115px; }
.miolo .botao { background:url(img/botao_assine.jpg) no-repeat; float:left; margin:20px 0 0 10px; width:497px; height:43px; clear:left }
.miolo a#botao {height:32px; width:300px; position:absolute; top:390px; left:201px  }
.miolo .vantagens { background:url(img/vantagens.gif) no-repeat; float:left; margin:20px 0 0 30px; width:441px; height:23px; clear:left }
.miolo a#vantagens { height:32px; width:100px; position:absolute; top:561px; left:375px  }

.miolo .mais_simples { background:url(img/simples.gif) no-repeat; height:62px; width:62px; position:absolute; top:370px; left:470px  }
.miolo .mais_eficiente { background:url(img/virus.gif) no-repeat; height:67px; width:68px; position:absolute; top:430px; left:300px  }

#textos { float:left; clear:left; width:515px; height:131px; margin: 27px 0 0 5px }

.celular_img { background:url(img/celular.gif) no-repeat; width:30px; height:38px; margin-left: 6px }
.antispam_img { background:url(img/spam.gif) no-repeat; width:30px; height:38px; margin-left:6px; margin-right: 5px; }
.pastas_img { background:url(img/pastas.gif) no-repeat; width:30px; height:38px; margin-left:8px; margin-right: 5px;  }

.pastas_img, .celular_img, .antispam_img { float:left; margin-top: 8px }

.celular, .antispam, .pastas { float:left; width:120px; padding: 4px; }
.antispam { width:127px }
.miolo #textos ul li a, .miolo #textos b, .miolo #textos span { color:#175DA3; }
.miolo #textos ul li a {font-weight:bold}
.miolo #textos ul { width:110px; }
.miolo #textos ul li {list-style-image: url(img/seta.gif); margin-left: 15px;}

.coluna { float:left; width:215px; padding:7px 9px 0 0; margin-top: 0;}

/* box login */
.coluna .cxlogin { background:url(img/fundo_mail.gif) no-repeat; width:212px; height:194px; float:left; margin: 0 0 10px 16px; color:#666; position: relative }
.coluna .cxlogin .cxlogin_conteudo { padding:43px 8px 15px 8px; color:#666;  }
.coluna .cxlogin .campoTxt1, .coluna .cxlogin .campoTxt2 { height: 17px; border:1px solid #a4c4d3; margin:1px 0 5px 0; font:normal 10px verdana; padding:1px 0 }
.coluna .cxlogin .campoTxt1 { width: 139px; }
.coluna .cxlogin .campoTxt2 { width: 139px;  }
.coluna .cxlogin .btn { background:url(img/botao_entrar.gif) no-repeat; width:188px; height:20px; display:block; margin:6px 0; cursor:pointer }
.coluna .cxlogin ul li a, .coluna .cxlogin b { color:#165ca2; }
.coluna .cxlogin ul { width:190px; }
.coluna .cxlogin ul li {list-style-image: url(img/seta.gif); margin-left: 15px;}

/* box aviso spam */
.coluna .cxspam { background:url(img/fundo_direito.gif) no-repeat; width:212px; height:224px; clear: left; float:left; margin: 0 0 0 16px; position: relative  }
.coluna .cxspam .cxspam_conteudo p { padding:70px 23px 5px 20px;text-align:center; color:#FFFFFF; font-weight:bold; float:left; }
.coluna .cxspam .cxspam_conteudo_menor p{ width:200px; padding:5px 8px 10px 8px ; color:#FFFFFF; font-weight:bold; text-align: center; font-size:0.85em; _font-size:0.9em; *font-size:0.9em; font: arial; clear: left; float:left; }

.coluna .cxspam a#link_botao_spam { height:36px; width:188px; position:absolute; top:150px; left: 10px  }




/* classes com atributos para a capa */
#tudo {width:775px;}

/* link cabecalho */
.header_capa {margin-top:0}
.header_capa ul{ width:115px; padding:0; position:absolute; right:1px; top:20px }
.header_capa ul li {display:inline; color:#fff; font-size:1em; padding:0}
.header_capa ul li a {color:#fff; }
.header_capa ul li a:hover {color:#fff;text-decoration:underline }

.capa { align: center; width:100%;}