body{
 margin:0px;
 padding:0px;
 font-family:Arial, Verdana, sans-serif;
}

img{
 border:none;	
}

#container{		
 width:980px;
 margin:0px auto 0px auto;	
 padding:0px;
}

#topo{
 background:url(img/bg_topo_assinet.jpg) no-repeat top left;	
 width:980px;
 height:162px;
 margin:0px;
 padding:0px;	
}

#primeira{ 
 float:right;
 width:500px;
 height:16px;
 padding:5px 10px;
 font-size:14px;
 font-style:italic;
 text-align:right;	
 color:#FFFFFF;
}

#logo{
 float:left;
 height:162px;
 width:300px;
 padding:0px 20px;	
}

#menu{
 float:left;
 width:500px;
 height:40px;	
 margin:50px 20px 0px 100px;
 text-align:center;
}
#menu ul{
 margin:5px;
 padding:0px;	
}
#menu ul li{
 margin:0px;
 padding:0px;
 list-style:none;
 display:inline;	
}
#menu ul li a{
 background:#4DACDB;
 padding:7px 5px;
 font-size:16px;
 font-weight:bold;	
 color:#FFFFFF;
 text-decoration:none;
}
#menu ul li a:hover{
 background:#003366;	
}
.alternativo{
 display:none;	
}

#esquerda{
 float:left;
 width:675px;
 margin:0px;
 padding:10px 0px;	
}

#banner{
 float:left;	
 width:675px;
 height:192px;
 padding:0px;	
}

#boxassinante{
 float:left;
 width:320px;
 margin:10px 20px 10px 0px;	
}

#boxassinante h2{
 color:#439ECE;	
}

#boxassinante h3, #boxassinante h3 a{
 font-size:13px;	
 text-decoration:none;
 color:#439ECE;	
}

#boxwebmaster{
 float:left;
 width:320px;
 margin:10px 0px;	
}

#boxwebmaster h2{
 color:#82AA2F;	
}

#boxassinante h2 img, #boxwebmaster h2 img{
 vertical-align:middle;	
}

#boxassinante h3, #boxwebmaster h3{
 margin:0px;
 padding:0px;	
}

#boxassinante ul, #boxwebmaster ul{
 margin:0px;
 padding:10px;
 font-size:13px;
 color:#666666;
 border:1px solid #EBEBEB;	
}

#boxassinante ul li, #boxwebmaster ul li{
 margin:0px 0px 15px 0px;
 padding:0px;
 list-style:none;	
}

#boxassinante p, #boxwebmaster p{
 margin:5px 0px 2px 0px;
 padding:0px;
}

#boxassinante p a, #boxwebmaster p a{
 margin:0px;
 padding:0px;
 font-size:13px;
 color:#666666;
 text-decoration:none;
}

#boxassinante p a:hover, #boxwebmaster p a:hover{
 text-decoration:underline;	
}

#boxwebmaster h3, #boxwebmaster h3 a{
 font-size:13px;	
 text-decoration:none;
 color:#82AA2F;	
}

#direita{
 float:left;	
 width:300px;	
 margin:0px;
 padding:10px 0px 10px 5px;
}

#boxlogin{
 float:left;
 background:#FFFFFF;
 padding:0px 0px 5px 0px;
 margin:0px 0px 10px 0px;
 width:298px;
 border:1px solid #CCCCCC;
 font-size:12px;	
}

#boxlogin a{
 text-decoration:none;
 font-weight:bold;	
 color:#2E9DD4;	
}

#boxlogin a:hover{
 text-decoration:underline;	
}

#boxlogin h2{
 background:#2E9DD4;
 font-size:16px;
 color:#FFFFFF;	
 margin:0px;
 padding:4px 5px;
}

#boxlogin form{
 margin:10px 10px 5px 10px;
 padding:0px;	
 color:#666666;
}

.flogin{
 width:220px;	
 border:1px solid #CCCCCC;
 margin:0px 0px 5px 0px;
 vertical-align:middle;	
}

.fsenha{
 width:150px;	
 border:1px solid #CCCCCC;
 margin:0px 0px 5px 0px;
 vertical-align:middle;	
}

.blogin{
 background:#2E9DD4;
 border:1px solid #2E9DD4;
 font-size:11px;
 font-weight:bold; 
 color:#FFFFFF;	
 vertical-align:top;
}

#boxvantagens{
 background:#EEF7FB;	
 width:290px;
 padding:5px;
 margin:10px 0px;
 font-size:15px;	
 color:#666666;
}
#boxvantagens h2{
 color:#439ECE;
 margin:0px;	
 padding:5px 0px 10px 10px;
}
#boxvantagens ul{
 margin:0px;
 padding:0px;	
}
#boxvantagens ul li{
 margin:0px 0px 5px 10px;
 padding:0px;	
 list-style:none;	
}

#boxseguranca{
 background:#F5FAED;	
 width:290px;
 padding:5px;
 margin:10px 0px;
 font-size:15px;
 color:#666666;	
}
#boxseguranca h2{
 color:#82AA2F;
 margin:0px;	
 padding:5px 0px 10px 10px;
}
#boxseguranca ul{
 margin:0px;
 padding:0px;	
}
#boxseguranca ul li{
 margin:0px 0px 5px 10px;
 padding:0px;	
 list-style:none;	
}

.botoes{
 width:300px;
 margin:10px 0px; 
 text-align:center;	
}

#rodape{
 float:left;
 background:url(img/bg_rodape_assinet.jpg) repeat-x top left;
 width:960px;
 padding:10px;
 margin:0px;	
}

#rlogo{
 float:left;
 width:250px;
 margin:0px 10px 0px 0px;	
}

#rmenu{ 
 float:left;
 width:650px;
 font-size:12px;
 padding:10px 0px;
 color:#ffffff;	
}
#rmenu ul{
 margin:0px;
 padding:0px;	
 
}
#rmenu ul li{
 list-style:none;	
 margin:0px;
 padding:0px;
 display:inline;	
}
#rmenu a{
 text-decoration:none;	
 color:#ffffff;
 margin:0px 3px;	
}
#rmenu a:hover{
 text-decoration:underline; 	
}

#copyright{
 float:left;
 width:450px;
 margin:70px 0px 0px 0px;
 padding:0px;
 font-size:12px;
 color:#FFFFFF;	
}

#eprimer{
 float:left;
 width:250px;
 margin:50px 0px 0px 0px;
 font-size:12px;	
}
#eprimer a{ 
 text-decoration:none;	
 color:#FFFFFF;	 
}
#eprimer span{
 font-weight:bold;
 margin:10px 0px 0px 0px;	
 display:block;	
}
#eprimer img{
 float:right;	
}

#interna{
 float:left;	
 width:998px;
 font-size:12px; 
 color:#666666;	
}

#interna p{
 color:#666666;	
}

#location{
 width:100%;	
 display:block;
 font-size:11px; 
 color:#666666;
 padding-top:5px;
 padding-bottom:5px;
}

#location a{
 font-weight:bold;	
 color:#1984B8;	
}

.erro{
 width:500px;	
 padding:20px;
 border:2px solid #CCCCCC;
 font-size:15px; 
 font-weight:bold;
 color:#666666;	
 margin:10px auto;
 text-align:center;
}

.erro h4{
 color:#C62A03;	
}

.erro img{
 vertical-align:middle;
 margin:0px 10px 0px 0px;	
}

.ok{
 width:500px;	
 padding:20px;
 border:2px solid #CCCCCC;
 font-size:15px;
 font-weight:bold;
 color:#666666;	
 margin:10px auto;
 text-align:center;
}

.ok h4{
 color:#82AA2F;	
}

.ok img{
 vertical-align:middle;
 margin:0px 10px 0px 0px;	
}

.atencao{
 width:500px;	
 padding:20px;
 border:2px solid #CCCCCC;
 font-size:15px;
 font-weight:bold;
 color:#666666;	
 margin:10px auto;
 text-align:center;
}

.atencao h4{
 color:#C62A03;	
}

.atencao img{
 vertical-align:middle;
 margin:0px 10px 0px 0px;	
}

.azul h1{
 font-size:30px;
 color:#439ECE;	
}

.azul h2{
 font-size:24px;
 color:#439ECE;	
}

.azul h3{
 font-size:18px;
 color:#439ECE;	
}

.azul a{
 font-size:12px;
 font-weight:bold;
 color:#439ECE;	
}

.verde h1{
 font-size:30px;
 color:#82AA2F;	
}

.verde h2{
 font-size:24px;
 color:#82AA2F;	
}

.verde h3{
 font-size:18px;
 color:#82AA2F;	
}

.verde a{
 font-size:12px;
 font-weight:bold;
 color:#82AA2F;	
}

.barracinza{
 float:left;
 background:#666666;
 width:100%;
 height:1px;
 overflow:hidden;
 margin:5px 0px;
 padding:0px;	
}

.barraazul{
 float:left;
 background:#7DBCDD;
 width:100%;
 height:1px;
 overflow:hidden;
 margin:5px 0px;
 padding:0px;	
}

.barraverde{
 float:left;
 background:#82AA2F;
 width:100%;
 height:1px;
 overflow:hidden;
 margin:5px 0px;
 padding:0px;	
}

#interna form{
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;	
}

#interna form input{
 margin:5px 0px 10px 0px;
 vertical-align:middle;	
}

.ftxt{
 width:300px;
 border:1px solid #CCCCCC;	
}

.farea{
 width:500px;
 height:120px;
 border:1px solid #CCCCCC;	
 margin:5px 0px 10px 0px;
}

.botao{
 background:#439ECE;
 color:#ffffff;
 font-weight:bold;
 border:none;
 padding:4px 8px;
 text-transform:uppercase;	
}

.mstatus{
 padding:7px 10px;	
 font-weight:bold;
 color:#000000;	
}

.mstatus img{
 vertical-align:middle;
 margin:0px 7px 0px 0px;	
}

/*PAGAMENTO*/

#pagamento{	
 background:url(img/bg_pagamento_assinet.jpg) no-repeat top left;	
 width:522px;
 height:500px;
 margin:0px auto;	
}
#pagamento form{
 margin:0px;
 padding:0px;	
 font-size:13px;
 color:#666666;
}
#pagamento img{
 vertical-align:middle;	
}

#pgtopo{
 float:left;
 width:522px;
 height:184px;	
}
#pglogo{
 float:left;
 width:255px;
 padding:0px 10px;
 margin:0px;	
}
#pgcliente{
 float:left;	
 width:230px;
 height:134px;
 padding:50px 0px 0px 0px;
 margin:0px;
 text-align:center;	
}

#pgassinando{
 float:left;	
 width:480px;
 margin:0px;
 padding:20px;
 font-size:25px;
 color:#666666;
 text-align:center;
 border-bottom:1px dotted #666666;	
}
#pgassinando a{
 text-decoration:none;
 font-weight:bold;
 color:#1680B4;
 display:block;	
}
#pgassinando a:hover{
 text-decoration:underline;	
}

#pgassinet{
 float:left;
 margin:0px;
 padding:20px;
 font-size:13px;
 color:#666666;	
}
#pgassinet a{
 text-decoration:none;	
 font-weight:bold;	
 color:#1680B4;	
}

#pgplanos{
 float:left;	
 width:502px;
 padding:10px;
 margin:0px;	
 border-bottom:1px dotted #666666; 
}
#pgplanos h2{
 margin:0px;
 padding:0px 0px 10px 0px;
 font-size:18px;
 color:#1680B4;	
}

.rdplano{
 float:left;	
 vertical-align:middle;
 margin:10px 20px 0px 0px;	
}

.pgazul{
 float:left;
 background:#F1FAFE;
 width:480px;
 padding:5px 10px;
 border:1px solid #CCCCCC;	
}

.pgazulplano{
 float:left;
 width:190px;	
}
.pgazulplano h4{
 margin:0px;
 padding:4px 0px;
 font-size:13px;
 color:#1680B4;	
}
.pgazulplano p{
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;	
}

.pgazulvalor{
 float:left;	
 width:80px;
 font-size:18px;
 font-weight:bold;
 padding:10px;
 color:#1680B4;	
}

.pgazulperiodo{
 float:left;
 margin:0px;
 padding:10px;
 font-size:12px;
 color:#666666;	
}
.pgazulperiodo span{
 font-weight:bold;	
 color:#1680B4;	
}

.pgcinza{
 float:left;
 background:#F1F8E4;
 width:480px;
 padding:5px 10px;
 margin:10px 0px 0px 0px;
 border:1px solid #CCCCCC;	
}

.pgcinzaplano{
 float:left;
 width:190px;	
}
.pgcinzaplano h4{
 margin:0px;
 padding:4px 0px;
 font-size:13px;
 color:#82AA2F;	
}
.pgcinzaplano p{
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;	
}

.pgcinzavalor{
 float:left;	
 width:80px;
 font-size:18px;
 font-weight:bold;
 padding:10px;
 color:#82AA2F;	
}

.pgcinzaperiodo{
 float:left;
 margin:0px;
 padding:10px;
 font-size:12px;
 color:#666666;	
}
.pgcinzaperiodo span{
 font-weight:bold;	
 color:#82AA2F;	
}

.pgvermelho{
 float:left;
 background:#FAECE2;
 width:480px;
 padding:5px 10px;
 margin:10px 0px 0px 0px;
 border:1px solid #CCCCCC;	
}

.pgvermelhoplano{
 float:left;
 width:190px;	
}
.pgvermelhoplano h4{
 margin:0px;
 padding:4px 0px;
 font-size:13px;
 color:#CC0000;	
}
.pgvermelhoplano p{
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;	
}

.pgvermelhovalor{
 float:left;	
 width:80px;
 font-size:18px;
 font-weight:bold;
 padding:10px;
 color:#CC0000;	
}

.pgvermelhoperiodo{
 float:left;
 margin:0px;
 padding:10px;
 font-size:12px;
 color:#666666;	
}
.pgvermelhoperiodo span{
 font-weight:bold;	
 color:#CC0000;	
}

#pgpessoais{
 float:left;	
 width:502px;
 padding:10px;
 border-bottom:1px dotted #666666;	
}
#pgpessoais h2{
 font-size:18px;	
 color:#1680B4;
 margin:0px;
 padding:0px 0px 10px 0px;	
}

.fptxt{
 background:url(img/bg_form.jpg) repeat-x top left #ffffff;	
 width:250px;
 border:1px solid #cccccc;
 margin:2px 4px 5px 5px;
 vertical-align:middle;
 padding:4px;
 color:#333333;	
}

.fmtxt{
 background:url(img/bg_form.jpg) repeat-x top left #ffffff;		
 border:1px solid #cccccc;
 margin:2px 4px 5px 5px;
 vertical-align:middle;
 padding:4px;
 color:#333333;	
}

.data{
 background:url(img/bg_form.jpg) repeat-x top left #ffffff;
 width:50px;
 padding:0px;
 margin:2px 4px 5px 5px;
 color:#333333;	
 vertical-align:middle;
 border:1px solid #CCCCCC;
}

#pgformas{
 float:left;
 width:522px;
 margin:0px;
 padding:10px;	 
}
#pgformas h2{
 margin:0px;
 padding:0px 0px 10px 0px;
 font-size:24px;
 color:#1680B4;	
}
#pgformas h3{
 margin:0px;
 padding:10px 0px;
 font-size:16px;
 color:#666666;	
}

#cartao{
 float:left;
 margin:0px;
 padding:0px;	
}

.pgcartao{
 float:left;
 background:#F1FAFE;
 border:1px solid #CCCCCC;	
 padding:5px;
 margin:0px 10px 0px 0px;
}

.pgcartaoinfo{
 float:left;
 width:170px;
 font-size:12px;
 color:#666666;	
}
.pgcartaoinfo h4{
 margin:0px;
 padding:2px 0px 4px 0px;	
 font-size:13px;
 color:#1680B4;	
}
.pgcartaoinfo p{
 margin:0px;
 padding:0px;	
}

.pgcartaoliberacao{
 float:left;
 font-size:12px;
 color:#666666;	
 padding:10px;
}
.pgcartaoliberacao span{
 font-weight:bold;	
 color:#1680B4;	
}

#boleto{
 float:left;
 margin:10px 0px 0px 0px;
 padding:0px;	
}

.pgboleto{
 float:left;
 background:#F1FAFE;
 border:1px solid #CCCCCC;	
 padding:5px;
 margin:0px 10px 0px 0px;
}

.pgboletoinfo{
 float:left;
 width:170px;
 font-size:12px;
 color:#666666;	
}
.pgboletoinfo h4{
 margin:0px;
 padding:2px 0px 4px 0px;	
 font-size:13px;
 color:#82AA2F;	
}
.pgboletoinfo p{
 margin:0px;
 padding:0px;	
}

.pgboletoliberacao{
 float:left;
 font-size:12px;
 color:#666666;	
 padding:10px;
}
.pgboletoliberacao span{
 font-weight:bold;	
 color:#82AA2F;	
}

#cartaoinfo{
 float:left;
 width:502px;
 padding:10px;	
}
#cartaoinfo h2{
 font-size:17px;	
 color:#1680B4;	
}

.observacao{
 float:left;
 width:432px;	
 font-size:10px;
 padding:0px 0px 5px 5px;
 margin:-2px 0px 0px 0px;
 color:#1680B4;	
}

#boletoinfo{
 float:left;
 width:502px;
 padding:10px;
 font-size:12px;
 color:#666666;	
 border-bottom:1px dotted #666666;
}
#boletoinfo h2{
 font-size:17px;
 color:#82AA2F;	
}
#boletoinfo ul{
 margin:10px;
 padding:0px;	
}

#legais{
 float:left;
 width:502px;
 padding:10px;
 margin:0px;
 font-size:13px;
 color:#666666;	
}
#legais h2{
 font-size:18px;	
 color:#1680B4;
 margin:0px;
 padding:0px;	
}
#legais ol{
 margin:20px 30px;
 padding:0px;	
}
#legais ol li{
 margin:0px 0px 7px 0px;	
}

#pgatencao{
 width:502px;
 padding:10px;
 font-size:13px;
 color:#666666;
 text-align:center;	
}
#pgatencao h2{
 color:#CC0000;
 font-size:20px;
 margin:0px;
 padding:10px;	
}
#pgatencao a{
 text-decoration:none;
 font-weight:bold;	
 color:#CC0000;	
}

.pgbotao{
 margin:20px 0px;
 padding:0px;	
}