.clear{clear:both !important}
body{text-align:left;font-family:Arial;color:#666666;background:url(../_images/bg-header.jpg) repeat-x}
.nobb{border-bottom:none! important}
.pl30{padding-left:30px! important}
.w460{width:460px! important}
.nopt{padding-top:0!important}
.noborder{border:none! important}

/* -- botao assine ja -- */
.linkassine1{text-indent:-9999px; display:block; width:152px; height:36px; background:url(../_images/bt-assineja.png) no-repeat center center; position:absolute; top:335px; left:132px}
.linkassine2{text-indent:-9999px; display:block; width:152px; height:36px; background:url(../_images/bt-assineja.png) no-repeat center center; position:absolute; top:333px; left:219px}
/* -- botao assine ja -- */


/* -- header -- */
#bg-footer{width:100%;background:url(../_images/bg-footer.jpg) repeat-x center bottom;}
#main{width:988px;margin:auto}
#header{float:left;height:101px;width:988px}
#header h1 a{background:url(../_images/logo-bigmail.png) no-repeat;display:inline;float:left;font-size:0;height:88px;margin:0px 10px 0 0;text-indent:-15000px;width:265px;}
#menu{position:relative;background:url(../_images/bg-menu.gif) repeat-x scroll 0 0 transparent;float:left;margin-bottom:13px;width:988px;z-index:0;}
#menu ul{clear:both;height:30px;width:988px;z-index:999}
#menu ul li{float:left}
#menu ul li a{float:left;height:15px;padding:8px 10px;background:#026096;color:#ffffff;font:bold 12px Arial;text-decoration:none}
body#index a#in, body#planos a#pl, body#planos a#pl, body#dicas-ajuda a#dicas, body#instalar a#inst, body#fale-conosco a#fale, #menu ul li {background:#ffffff;color:#026096;border-right:1px solid #04a3ff;font:bold 12px Arial;text-decoration:none}
#menu ul #drop{position:absolute;display:none;height:auto;width:150px;left:590px;top:170px;overflow-x:hidden;overflow-y:auto;}
#menu ul #drop a{display:block;color:#026096;padding:8px 10px;font-size:12px;text-decoration:none}
#menu ul #drop a.active{color:#026096;padding:8px 10px;}
#menu ul #drop {color:#026096;padding:8px 10px;text-decoration:underline}
#menu .caixa-select{float:right;widht:auto;margin:0;}
#menu .caixa-select p{background:url(_imagens/outros-servicos.jpg) no-repeat;margin:8px 10px 0 0;width:98px;height:17px;float:left;text-indent:-50000px;}
#menu #conteudo-select{position:absolute;display:none;background:#026096;height:auto;width:150px;left:372px;*left:372px;top:31px;overflow:auto;overflow-x:hidden;z-index:9999}
#menu #conteudo-select a{width:150px;font:bold 12px Arial;padding:8px 10px;background:#026096;color:#ffffff;display:block;text-decoration:none;text-indent:0;border-bottom:1px solid #e40c00;border-right:none! important}
#menu #conteudo-select {background:#E40C00;color:#fff}

/* -- fim - header -- */

/* -- breadcrumb -- */
#breadcrumb{width:100%;float:left;border-bottom:1px solid #EEEEEE;padding-bottom:4px;margin-bottom:20px}
#breadcrumb ul{float:left}
#breadcrumb ul li{color:#999999;float:left;line-height:22px;padding-right:5px;vertical-align:bottom}
#breadcrumb ul li a{color:#333333;font:12px arial;text-decoration:none}
#breadcrumb ul li a strong{color:#026096;font:16px arial}
/* -- fim - breadcrumb -- */

/* -- index.html -- */
#destaque{background:url(../_images/bg-destaque.jpg?v=2) no-repeat;height:423px; position:relative}
#destaque h2, #destaque .subtitle, #destaque h3, #destaque .preco{text-indent:-15000px}
#destaque p{margin:58px 0 0 30px;font-size:14px; text-indent:-15000px}
#destaque ul{text-indent:-15000px}
#destaque .bt-assine-premium{display:block;width:155px;height:55px;margin:30px 0 0 140px;background-position:0 0;text-indent:-15000px;z-index:99999}
.selo{position:relative}
.selo .teste{position:absolute;width:196px;height:195px;bottom:203px;left:540px;background: url(../_images/selo-destaque.png) no-repeat;text-indent:-15000px;}
.selo .teste .bt-teste{position:absolute;width:85px;height:30px;top:124px;left:54px;display:block;}

.planos{float:left;margin-top:20px}
.planos 	.plus{float:left;margin-right:20px;width:484px;height:158px;background:url(../_images/bg-plus.gif) no-repeat;text-indent:-15000px}
.planos 	.plus .bt-assine-plus{float:left;width:155px;height:55px;margin:40px 0 0 140px;background-position:0 0}
.planos 	.essencial .bt-assine-essencial{float:left;width:155px;height:55px;margin:40px 0 0 140px;background-position:0 0}
.planos 	.essencial{float:right;width:484px;height:158px;background:url(../_images/bg-essencial.gif) no-repeat;text-indent:-15000px}

#info{float:left;margin:40px 0;}
#info h2{margin-bottom:12px;font:18px Arial;color:#026096}
#info h3{margin-bottom:20px;font:14px Arial}
#info h4{font:bold 14px Arial;line-height:20px}
#info p{font:14px Arial;color:#666666;line-height:20px}
#info ul li{line-height:20px;font-size:14px;list-style-type:none}
#info a.links{font:bold 12px Arial;color:#026096}
#info .coluna1{float:left;width:320px;padding-right:38px;border-right:1px solid #f0f0f0}

#info .left{float:left;width:308px;padding-right:55px;border-right:1px solid #f0f0f0}
#info .left img{float:left;margin-top:5px}
#info .left ul li.ic1, #info .left ul li.ic2, #info .left ul li.ic3, #info .left ul li.ic4, #info .left ul li.ic5, #info .left ul li.ic6, #info .left ul li.ic7, #info .left ul li.ic8{width:235px;height:28px;margin-bottom:5px;padding-left:40px;line-height:25px;background:transparent url(../_images/icones.gif) no-repeat; list-style-type:none}
#info .left ul li.ic1{background-position:0px 0px;margin-bottom:18px;line-height:20px}
#info .left ul li.ic2{background-position:0 -44px;}
#info .left ul li.ic3{background-position:0 -71px;height:24px;}
#info .left ul li.ic4{background-position:0 -98px;}
#info .left ul li.ic5{background-position:0 -129px}
#info .left ul li.ic6{background-position:0 -161px}
#info .left ul li.ic7{background-position:0 -191px}
#info .left ul li.ic8{background-position:0 -220px}
.backup{float: left;width:310px;margin-top:20px}
.backup h2{margin-bottom:12px;font:18px Arial;color:#026096}
.backup p{font:14px Arial;color:#666666;line-height:20px}
.backup a.links{font:bold 12px Arial;color:#026096}
#balao{position:relative}
#saibamais{position:absolute;width:310px; bottom:-56px; *bottom:20px; left:215px; z-index:9999;}
#balao_top{width:310px; height:5px; background:transparent url(../_images/balao_top.png) no-repeat; overflow:hidden;}
#balao_middle{padding:15px;width:310px; background:transparent url(../_images/balao_middle.png) repeat-y;}
#balao_middle p{width:290px; font:12px Arial;line-height:16px;color:#333}
#balao_bottom{width:310px; height:12px; background:transparent url(../_images/balao_bottom.png) no-repeat;}
#info .left .links{margin-top:10px;color:#026096;font:bold 12px Arial}
#info .coluna2{float:right;width:548px;padding:0 0px 0 67px}
#info .coluna2 ul{padding-left:15px;margin-bottom:20px}

#info{float:left;margin-top:40px;}
#info h2{margin-bottom:12px;font:18px Arial;color:#026096}
#info p{font:14px Arial;color:#666666;line-height:20px}
#info ul li{line-height:20px;font-size:14px;list-style-type:none}

#info .right{float:right;width:560px;padding-left:55px}
#info .right ul{margin:20px 0}
#info .right ul li{float:left;line-height:20px;padding-left:10px;width:100%;background:url(../_images/bullet.gif) no-repeat scroll left 8px transparent;}

/* -- fim index.html -- */

/* -- planos.html -- */

#planos .tabela-planos{width:988px;height:670px;background: url(../_images/tabela-planos.jpg) no-repeat;text-indent:-15000px;position:relative}
#planos .tabela-planos .bt-assineja-premium{position:absolute;width:150px;height:45px;top:590px;left:360px;background-position:0 -5px}
#planos .tabela-planos .bt-assineja-plus{position:absolute;width:150px;height:45px;top:590px;left:569px;background-position:0 -5px}
#planos .tabela-planos .bt-assineja-essencial{position:absolute;width:150px;height:45px;top:590px;left:772px;background-position:0 -5px}
#planos .saiba-mais{margin-top:45px;}
#planos .saiba-mais h2{margin-bottom:20px;text-transform:uppercase}
#planos .saiba-mais h4{font:bold 16px;line-height:22px}
#planos .saiba-mais p{margin-bottom:20px;font-size:14px;line-height:20px}

/* -- fim planos.html -- */

/* -- dicas.html -- */

#dicas h3 { width:100%; font-size:21px; padding:3px 0 20px 0; text-transform:uppercase; font-weight:normal; background-color:#FFF !important; float:left; color:#026096;}

#main #dicas #linha-abas{width:100%;margin-top:15px;float:left;font-size:18px;line-height:20px}
#main #dicas #linha-abas .abas{margin-right:5px;float:left;padding:5px 7px;color:#bbbbbb;background-color:#f6f6f6;text-transform:uppercase;text-decoration:none;}
#main #dicas #linha-abas .abas:hover,#main #dicas #linha-abas a.ativo{color:#666666;background-color:#f0f0f0;}
#main #dicas #conteudo{float:left;width:100%;padding:20px 0;background-color:#f0f0f0}
#main #dicas #itens{float:left;width:470px;padding:0 0px 10px 0px;}
#main #dicas #itens ul{margin:0;padding:0;background-color:#f0f0f0}
#main #dicas #itens li{width:475px;float:left;overflow:hidden;margin:0;padding:0;font-size:14px;border-bottom:1px solid #e8e8e8;}
#main #dicas #itens li a{float:left;width:475px;padding:10px 0 10px 10px;color:#666;text-decoration:none;line-height:20px;}
#main #dicas #itens li a:hover,#main #dicas #itens li a.ativo{float:left;width:475px;padding:10px 0 10px 10px;background-color:#026096;color:#ffffff;font:14px Arial;line-height:20px;}
#main #dicas #caixa-resposta{float:left;margin: 0 0 0 20px;padding-left:15px;width:445px;line-height:20px;color:#666666;font-size:14px;border-left:1px solid #e8e8e8}
#main #dicas #caixa-resposta strong.titulo{display:block;color:#026096;font:bold 14px Arial;margin:0 0 10px;}
#main #dicas #caixa-resposta ul{margin:10px 0 20px;padding-left:10px;float:left;width:100%;padding:0;background:none !important;list-style:none;}
#main #dicas #caixa-resposta ul li{padding-left:10px;margin-bottom:10px;float:left;width:100%;line-height:20px}            
#main #dicas #caixa-resposta ol li{margin:0 0 10px 30px;list-style-type:decimal;line-height:22px}
#main #dicas #caixa-resposta a.links{font:bold 12px Arial;color:#026096}
#main #dicas #caixa-resposta p{margin:20px 0;line-height:20px}
/* -- fim dicas.html -- */

/* -- instalar.html -- */
#main #instal-config{width:100%}
#main #instal-config #linha-abas{width:100%;margin-top:15px;float:left;font-size:18px;line-height:20px}
#main #instal-config #linha-abas .abas{margin-right:5px;float:left;padding:5px 7px;color:#bbbbbb;background-color:#f6f6f6;text-transform:uppercase;text-decoration:none;}
#main #instal-config #linha-abas .abas:hover,#main #instal-config #linha-abas a.ativo{color:#666666;background-color:#f0f0f0;}
#main #instal-config #conteudo{float:left;width:100%;padding:20px 0;background-color:#f0f0f0}
#main #instal-config #itens{float:left;width:485px;padding:0 10px 10px 0px;border-right:1px solid #e8e8e8}
#main #instal-config #caixa-resposta{float:left;margin: 0 0 0 21px;width:445px;line-height:20px;color:#666666;font-size:14px;}
#main #instal-config .instalar{padding-left:15px;font:14px Arial;line-height:20px}
#main #instal-config .instalar h2{margin:5px 0 15px;font-size:20px;color:#026096;text-transform:uppercase}
#main #instal-config .instalar .passos .left{float:left;margin-right:20px;width:325px}
#main #instal-config .instalar .passos .right{float:right;width:530px}
#main #instal-config .instalar .sep{float:left;width:885px;margin:35px;border-top:1px solid #cecece}

/* -- instalar.html -- */

/* -- atendimento+contatoconosco.html -- */
#fale{float:left;}
#fale h2{margin:15px 0 20px;font-size:20px;color:#333;text-transform:uppercase}
#fale p{font-size:14px;line-height:20px}
#fale .links{font:bold 12px Arial;color:#026096}
#fale h3{margin-bottom:30px;}
#fale #left{float:left;height:295px;width:493px; border-right: 1px solid #F0F0F0;}
#fale #right{float:right;width:400px;padding-left:40px}
#fale #right .assinar{margin-bottom:25px}
#fale #right ul li{width:300px;background: url("../_images/bullet.gif") no-repeat scroll left 8px transparent; float: left; line-height: 16px; margin-bottom: 10px; padding-left: 10px;font-size:14px} 

/* -- fim fale+conosco.html-- */

/* -- footer -- */
#footer{width:988px;}
#footer .barra{border-top:1px solid #f0f0f0;height:25px;}
#footer h3{font:bold 12px Arial;color:#333333;margin-bottom:5px}
#footer p{font:12px Arial;color:#666666;line-height:22px}
#footer .forma-pagto{float:left;width:255px;margin-right:55px}
#footer .forma-pagto .credito{background: url(../_images/cartoes-pagto.gif) no-repeat scroll 107px 2px;width:240px;height:30px}
#footer .debito{float:left;width:275px;margin-right:55px}
#footer .frase-legal{float:left;width:340px}
#footer .frase-legal p{font:11px Arial; color:#666666}

	/* AJUSTES */
.nobd{border:0 !important}
.nopdl{padding-left:0 !important}
	
#footer .barra-superior ul li a{color:#026096}
#footer .barra-inferior{background:#026096}	
#footer .barra-superior{clear:both;padding:0 0 8px 0;width:988px;border-bottom:1px solid #efefef}
#footer .barra-superior ul{float:left}
#footer .barra-superior ul li{float:left}
#footer .barra-superior ul li a{float:left;display:inline;padding:0 8px;border-right:1px solid #CCC;font:bold 14px arial}
#footer .barra-superior a.rss{float:right;display:inline;padding-left:20px;height:16px;font:bold 14px arial;color:#666;background-position:-88px -65px}
#footer .barra-center{clear:both;padding:20px 0 8px 0;width:988px;height:16px}
#footer .barra-center ul{float:left}
#footer .barra-center ul li{float:left}
#footer .barra-center ul li a{float:left;display:inline;padding:0 8px;border-right:1px solid #ccc;font:bold 14px arial;color:#026096;text-decoration:none}
#footer .links{float:left;margin-bottom:15px;width:988px}
#footer .links ul{float:left;margin-right:50px}
#footer .links ul li{padding:3px 0}
#footer .links ul li h5{font:bold 14px arial}
#footer .links ul li a{font:11px arial}
#footer .links ul li a.todos{font:bold 11px arial;text-decoration:underline}
#footer .barra-inferior{clear:both;margin-bottom:20px;padding:8px 10px;height:14px}
#footer .barra-inferior ul{float:left}
#footer .barra-inferior ul li{float:left}
#footer .barra-inferior ul li a{float:left;display:inline;padding:0 8px;border-right:1px solid #FFF;font:11px arial;color:#FFF;text-decoration:none}
#footer .barra-inferior p{float:right;font:11px arial;color:#fff}
#footer .barra-inferior p a{font:11px arial;color:#fff;text-decoration:none}

/* -- fim footer -- */




