/* CSS Para produtos / Cartões */
/* Conteudo cartoes */
#conteudo-cartoes {
width:685px;
float:left;
position:relative }
#conteudo-cartoes.blog { width:666px; }
#sidebar-cartoes { margin-top:16px !important }
h2 {
float:left;
height:38px;
background-position:left top;
background-repeat:no-repeat;
text-indent:-5000px;
margin:16px 0 0 15px;
width:850px }
h2.ibicard-super {
width:201px;
background-image:url(../img/cartoes/h2-ibicardsuper.png) }
h2.ibicard-mastercard-nacional {
width:423px;
background-image:url(../img/cartoes/h2-ibicard-mastercard-nacional.png) }
h2.ibicard-visa-nacional {
width:310px;
background-image:url(../img/cartoes/h2-ibicard-visa-nacional.png) }
h2.ibicard-mastercard-internacional {
width:490px;
background-image:url(../img/cartoes/h2-ibicard-mastercard-internacional.png) }
h2.ibicard-visa-internacional {
width:377px;
background-image:url(../img/cartoes/h2-ibicard-visa-internacional.png) }
h2.ibicard-facil {
width:180px;
background-image:url(../img/cartoes/h2-ibicard-facil.png) }
h2.ibicard-facil-mastercard-visa {
width:425px;
background-image:url(../img/cartoes/h2-ibicard-facil-mastercard-visa.png) }
h2.ibicard-mastercard-gold {
width:364px;
background-image:url(../img/cartoes/h2-ibicard-mastercard-gold.png) }
h2.ibicard-visa-gold {
width:251px;
background-image:url(../img/cartoes/h2-ibicard-visa-gold.png) }
h2.cartao-cea {
width:180px;
background-image:url(../img/cartoes/h2-cartao-cea.png) }
h2.cartao-cea-plus {
width:200px;
background-image:url(../img/cartoes/h2-cartao-cea-plus.png) }
h2.ibicard-cea-mastercard-nacional {
width:497px;
background-image:url(../img/cartoes/h2-ibicard-cea-mastercard-nacional.png) }
h2.ibicard-cea-visa-nacional {
width:383px;
background-image:url(../img/cartoes/h2-ibicard-cea-visa-nacional.png) }
h2.ibicard-cea-mastercard-internacional {
width:564px;
background-image:url(../img/cartoes/h2-ibicard-cea-mastercard-internacional.png) }
h2.ibicard-cea-visa-internacional {
width:450px;
background-image:url(../img/cartoes/h2-ibicard-cea-visa-internacional.png) }
h2.ibicard-cea-mastercard-gold {
width:510px;
background-image:url(../img/cartoes/h2-ibicard-cea-mastercard-gold.png) }
h2.ibicard-cea-visa-gold {
width:510px;
background-image:url(../img/cartoes/h2-ibicard-cea-visa-gold.png) }
h2.dotz-ibicard-mastercard-internacional {
width:569px;
background-image:url(../img/cartoes/h2-dotz-ibicard-mastercard-internacional.png) }
h2.dotz-ibicard-mastercard-gold {
width:443px;
background-image:url(../img/cartoes/h2-dotz-ibicard-mastercard-gold.png) }
h2.baklizi {
width:98px;
background-image:url(../img/cartoes/h2-baklizi.png) }
h2.cartao-cattan-ibi {
width:250px;
background-image:url(../img/cartoes/h2-cartao-cattan-ibi.png) }
h2.center-lapa-ibi-nacional {
width:362x;
background-image:url(../img/cartoes/h2-center-lapa-ibi-nacional.png) }
h2.center-lapa-ibi-internacional {
width:429px;
background-image:url(../img/cartoes/h2-center-lapa-ibi-internacional.png) }
h2.canoas-shopping-ibi-nacional {
width:447x;
background-image:url(../img/cartoes/h2-canoas-shopping-ibi-nacional.png) }
h2.canoas-shopping-ibi-internacional {
width:514px;
background-image:url(../img/cartoes/h2-canoas-shopping-ibi-internacional.png) }
h2.clube-angeloni-ibi {
width:276px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi.png) }
h2.clube-angeloni-ibi-mastercard-nacional {
width:595px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-mastercard-nacional.png) }
h2.clube-angeloni-ibi-mastercard-internacional {
width:660px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-mastercard-internacional.png) }
h2.clube-angeloni-ibi-mastercard-gold {
width:535px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-mastercard-gold.png) }
h2.clube-angeloni-ibi-visa-nacional {
width:481px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-visa-nacional.png) }
h2.clube-angeloni-ibi-visa-internacional {
width:548px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-visa-internacional.png) }
h2.clube-angeloni-ibi-visa-gold {
width:422px;
background-image:url(../img/cartoes/h2-clube-angeloni-ibi-visa-gold.png) }
h2.supermercados-bonanza {
width:374px;
background-image:url(../img/cartoes/h2-supermercados-bonanza.png) }
h2.supermercados-arco-iris {
width:376px;
background-image:url(../img/cartoes/h2-supermercados-arco-iris.png) }
h2.makro {
width:94px;
background-image:url(../img/cartoes/h2-makro.png) }
h2.makro-mastercard-nacional {
width:413px;
background-image:url(../img/cartoes/h2-makro-mastercard-nacional.png) }
h2.makro-mastercard-internacional {
width:479px;
background-image:url(../img/cartoes/h2-makro-mastercard-internacional.png) }
h2.makro-visa-nacional {
width:299px;
background-image:url(../img/cartoes/h2-makro-visa-nacional.png) }
h2.makro-visa-internacional {
width:366px;
background-image:url(../img/cartoes/h2-makro-visa-internacional.png) }
h2.estilo-belem-ibi-nacional {
width:358px;
background-image:url(../img/cartoes/h2-estilo-belem-ibi-nacional.png) }
h2.estilo-belem-ibi-internacional {
width:425px;
background-image:url(../img/cartoes/h2-estilo-belem-ibi-internacional.png) }
#conteudo-cartoes #sobre-cartao {
overflow:hidden;
padding:0 0 14px 0;
width:675px }
#sobre-cartao .img-cartao {
float:left;
margin:15px 25px 15px 19px;
display:inline }
#sobre-cartao .descricao-porque-ibicard {
margin:17px 0 10px 0;
font:normal 20px Arial, Sans-serif;
color:#25394B }
#sobre-cartao .texto-sobre {
color:#3b3b3b;
font-size:1.2em;
margin:0 15px 20px 0;
float:left;
width:420px }
#sobre-cartao .texto-sobre a {
color:#66A9E5;
margin:0;
padding:0; }
#sobre-cartao .texto-sobre li  {
line-height:18px;
display:inline;
float:left;
width:430px }
#sobre-cartao .texto-sobre li.txt { padding-bottom:15px }
#sobre-cartao .quais-diferenciais {
margin:13px 0 0 20px;
font:normal 20px Arial, Sans-serif;
color:#25394B }
#diferenciais-cartao {
background:transparent url(../img/cartoes/bg-div-diferenciais.png) no-repeat left bottom;
width:675px;
padding:1px 0 6px;
float:left;
position:relative }
#diferenciais-cartao .top-diferenciais {
background:transparent url(../img/cartoes/bg_sobrecartao_top.jpg) no-repeat 3px top;
width:675px;
height:11px;
position:absolute;
top:0px;
left:0px }
#diferenciais-cartao .innerdiv {
background:transparent url(../img/cartoes/bg_sobrecartao_top.jpg) no-repeat center top;
overflow:hidden }
#sobre-cartao .diferenciais {
float:left;
margin:10px;
display:inline;
background:transparent url(../img/cartoes/bg-ul-diferenciais.png) repeat-x left bottom;
width:650px;
padding:0 0 22px }
#sobre-cartao .diferenciais li {
padding:3px 3px 0 34px;
background:transparent url(../img/cartoes/blt_diferenciaisv2.png) no-repeat left top;
color:#4a4a4a;
font-size:1.1em;
margin:0 0 8px 0;
width:285px;
float:left;
display:inline;
min-height:45px }
#sobre-cartao .condicoes li a, #sobre-cartao .diferenciais li a { color:#66a9e5 }
#sobre-cartao .diferenciais li a.ver-mais {
background:transparent url(../img/cartoes/ico-ver-mais.gif) no-repeat left 4px;
padding:0px 0px 0px 10px;
text-decoration:underline }
sup a {
vertical-align:middle;
*vertical-align:super;
font-size:10px;
font-weight:bold;
cursor:pointer;
color:#66a9e5 }
#sobre-cartao .condicoes li { display:none }
#sobre-cartao .diferenciais li.tres-colunas { width:590px }
#sobre-cartao .condicoes {
height:50px;
padding:0px 10px 0px 10px;
float:left }
#sobre-cartao .condicoes li {
font-size:9px;
line-height:13px }
#sobre-cartao .produtos-complementares {
float:left;
width:165px;
margin:45px 0 0 11px;
display:inline }
.produtos-complementares h5 {
color:#25394B;
font-size:1.1em;
margin-bottom:14px }
.produtos-complementares p {
color:#4a4a4a;
margin:0 0 17px;
font-size:1.1em }
/* Cartoes */
h2.cartoes-credito {
margin:15px 0 22px 15px;
width:97% !important;
height:30px;
background:transparent url(../img/cartoes/h2-cartoes-credito.png) no-repeat center;
text-indent:-5000px }
#conteudo-cartoes h3.monte-cartao {
margin:0 0 0 15px;
color:#25394B;
font:normal 2.1em Arial, Sans-serif }
#conteudo-cartoes p.cartao-home {
color:#333;
font-size:1.2em;
margin:10px 0 0 15px }
#conteudo-cartoes #caracteristicas-cartao {
float:left;
width:240px;
margin-top:40px;
background:transparent url(../img/cartoes/bg-filtra-cartao-trans.png) no-repeat left bottom }
#caracteristicas-cartao .innerdiv {
min-height:382px;
margin-top:-26px;
padding:20px 22px 28px;
background:transparent url(../img/cartoes/bg-filtra-cartao-top-trans.png) no-repeat left top }
#caracteristicas-cartao h4.caracteristicas {
width:113px;
height:14px;
background:transparent url(../img/cartoes/h4-caracteristicas.png) no-repeat center;
text-indent:-5000px;
margin:4px 0 5px 4px }
#caracteristicas-cartao p {
font:normal 1.2em Tahoma, Arial, Helvetica, Sans-serif;
color:#000;
margin:0 0 0 5px }
#caracteristicas-cartao p.cobertura label { font-family:Arial, Helvetica, Sans-Serif }
#caracteristicas-cartao p.cobertura { margin:0 0 5px 5px }
#caracteristicas-cartao p.cobertura input {
position:relative;
top:2px }
#caracteristicas-cartao .selecione-caracteristica p {
font-size:1.1em;
margin:0 0 11px }
#caracteristicas-cartao .selecione-caracteristica p a { color:#000 }
#caracteristicas-cartao .selecione-caracteristica {
height:195px;
margin:10px 0 0 5px;
padding:19px 0;
background:url(../img/cartoes/bg_slider.png) no-repeat left 0 }
#caracteristicas-cartao .selecione-caracteristica #slider {
float:left;
position:relative;
display:block;
width:20px;
height:197px }
#caracteristicas-cartao .selecione-caracteristica #slider .ui-slider-handle {
position:absolute;
width:17px;
height:36px;
margin-bottom:-18px;
display:block;
background:url(../img/cartoes/slider.png) no-repeat center }
#caracteristicas-cartao .selecione-caracteristica ul.valores {
float:left;
margin:-9px 0 }
#caracteristicas-cartao .selecione-caracteristica ul.valores li { padding:0 0 8px 0 }
#caracteristicas-cartao .selecione-caracteristica ul.valores li a { color:#000 }
#caracteristicas-cartao h5 {
font-weight:bold;
font:bold 1.2em Tahoma, Arial, Helvetica, Sans-serif;
margin:5px 0 10px 5px }
#caracteristicas-cartao .caracteristicas label {
float:left;
width:180px }
#caracteristicas-cartao .caracteristicas legend { display:none }
#caracteristicas-cartao .caracteristicas fieldset {
float:left;
padding:8px 0;
border-top:1px solid #dadddf }
#caracteristicas-cartao .caracteristicas .cobertura { border:none }
#caracteristicas-cartao #ja-sei-cartao {
width:190px;
padding:13px 0 0;
border-top:solid 1px #dadddf;
margin:25px auto 0 }
#ja-sei-cartao h4 { font-size:1.3em }
#ja-sei-cartao select {
width:180px;
margin:15px 0 0 }
#ja-sei-cartao .acessar-cartao {
float:right;
margin:10px 10px 0 0;
display:inline }
#conteudo-cartoes #comparar-cartoes {
float:left;
width:414px;
margin:30px 0 0 10px;
display:inline }
#comparar-cartoes p.resultado {
font-size:1.3em;
color:#303030 }
#comparar-cartoes p.resultado strong { color:#306189 }
#comparar-cartoes p.filtro {
font-size:1.3em;
color:#303030;
padding:0 0 8px }
#comparar-cartoes p.filtro strong { color:#306189 }
#comparar-cartoes ul.tipo-cartoes { margin:18px 0 0 }
#comparar-cartoes ul.tipo-cartoes li {
float:left;
width:138px;
color:#4c4c4c;
font:normal 1.1em Tahoma, Arial, Helvetica, Sans-serif;
margin:0 0 10px 0;
min-height:115px }
#comparar-cartoes ul.tipo-cartoes li label { color:#25394B }
#comparar-cartoes ul.tipo-cartoes li label input {
position:relative;
top:2px }
#comparar-cartoes ul.tipo-cartoes li label {
height:59px;
margin:2px 0 0 -5px;
width:110px;
float:left; }
#comparar-cartoes ul.tipo-cartoes li label span{
width:83px;
float:left;
padding-top:4px;
cursor:pointer; }
#comparar-cartoes ul.tipo-cartoes li label input{
float:left; }
#comparar-cartoes .btn-comparar {
float:right;
margin:5px 40px 0 0;
display:inline }
#precisa-ajuda { margin:20px 0 0 }
#precisa-ajuda h3 {
float:left;
margin:0 0 0 3px;
display:inline;
color:#01426e;
font:normal 2.1em Arial, Sans-serif }
#precisa-ajuda p.precisa-ajuda {
width:450px;
float:left;
font:normal 1.3em Arial, Sans-serif;
color:#000;
margin:6px 0 6px 15px }
#precisa-ajuda-passo-passo {
width:640px;
height:81px;
clear:both;
background:transparent url(../img/cartoes/bg_precisaajuda.png) no-repeat center }
#precisa-ajuda-passo-passo #passo1 {
height:80px;
padding:1px 0 0 94px;
background:transparent url(../img/cartoes/cartao_n1.png) no-repeat 30px 25px }
#precisa-ajuda-passo-passo #passo1 h4 {
margin:16px 0 2px;
color:#01426e;
font:normal 2.1em Arial, Sans-serif }
#precisa-ajuda-passo-passo #passo1 label {
width:185px;
float:left;
color:#01426e;
font:normal 1.2em Tahoma, Arial, Sans-serif }
#precisa-ajuda-passo-passo #passo1 label input {
position:relative;
top:1px }
#precisa-ajuda-passo-passo #passo1 .proxima-pergunta1 {
float:right;
margin:-17px 24px 0 0;
display:inline }
/* Info Adicional */
#info-adicional { margin:15px 0 0; float:left; }
#info-adicional h3.tit {
width:178px;
height:20px;
background:transparent url(../img/cartoes/h_infoadicionais.png) no-repeat center;
text-indent:-5000px;
margin:0 0 0 4px }
#info-adicional #mninfoadicional {
margin:5px 0 0;
overflow:hidden }
#mninfoadicional li {
float:left;
height:35px }
#mninfoadicional li a {
text-indent:-5000px;
display:block;
height:35px;
background:transparent url(../img/cartoes/menu-infoadicional.png) no-repeat center top }
#mninfoadicional li a.selecionado { }
#mninfoadicional li a.info-beneficios {
background-position:left center;
width:100px }
#mninfoadicional li a.info-parceiros {
background-position:-100px top;
width:96px }
#mninfoadicional li a.info-contrato {
background-position:-196px top;
width:92px }
#mninfoadicional li a.info-entenda-fatura {
background-position:-288px top;
width:149px }
#mninfoadicional li a.info-depoimento-cliente {
background-position:-437px top;
width:194px }
#mninfoadicional.info-beneficios li a.info-beneficios { background-position:left top }
#mninfoadicional.info-parceiros li a.info-beneficios { background-position:left -35px }
#mninfoadicional.info-parceiros li a.info-parceiros { background-position:-100px -35px }
#mninfoadicional.info-parceiros li a.info-contrato { background-position:-196px -35px }
#mninfoadicional.info-parceiros li a.info-entenda-fatura { background-position:-288px -35px }
#mninfoadicional.info-parceiros li a.info-depoimento-cliente { background-position:-437px -35px }
#mninfoadicional.info-contrato li a.info-beneficios { background-position:left -70px }
#mninfoadicional.info-contrato li a.info-parceiros { background-position:-100px -70px }
#mninfoadicional.info-contrato li a.info-contrato { background-position:-196px -70px }
#mninfoadicional.info-contrato li a.info-entenda-fatura { background-position:-288px -70px }
#mninfoadicional.info-contrato li a.info-depoimento-cliente { background-position:-437px -70px }
#mninfoadicional.info-entenda-fatura li a.info-beneficios { background-position:left -105px }
#mninfoadicional.info-entenda-fatura li a.info-parceiros { background-position:-100px -105px }
#mninfoadicional.info-entenda-fatura li a.info-contrato { background-position:-196px -105px }
#mninfoadicional.info-entenda-fatura li a.info-entenda-fatura { background-position:-288px -105px }
#mninfoadicional.info-entenda-fatura li a.info-depoimento-cliente { background-position:-437px -105px }
#mninfoadicional.info-depoimento-cliente li a.info-beneficios { background-position:left bottom }
#mninfoadicional.info-depoimento-cliente li a.info-parceiros { background-position:-100px bottom }
#mninfoadicional.info-depoimento-cliente li a.info-contrato { background-position:-196px bottom }
#mninfoadicional.info-depoimento-cliente li a.info-entenda-fatura { background-position:-288px bottom }
#mninfoadicional.info-depoimento-cliente li a.info-depoimento-cliente { background-position:-437px bottom }
#info-adicional .info-adicional {
width:651px;
height:183px;
padding:1px 0 0 20px;
margin-top:-1px }
#info-adicional .info-adicional h4 {
margin:25px 15px 10px 0;
color:#4b7599;
font-size:2em }
#info-adicional .info-adicional p {
color:#4b4a4b;
font-size:1.1em;
line-height:1.4em;
margin:0 15px 0 0 }
#info-adicional #info-beneficios {
width:468px;
padding:1px 0 0 203px;
background:transparent url(../img/cartoes/bg_infoadicional_beneficio.jpg) no-repeat center }
#info-adicional #info-parceiros { background:transparent url(../img/cartoes/bg_infoadicional_parceiros.jpg) no-repeat center }
#info-adicional #info-contrato { background:transparent url(../img/cartoes/bg_infoadicional_contrato.jpg) no-repeat center }
#info-adicional #info-entenda-fatura { background:transparent url(../img/cartoes/bg_infoadicional_entendafatura.jpg) no-repeat center }
#info-adicional #info-depoimento-cliente { background:transparent url(../img/cartoes/bg_infoadicional_depoimento.jpg) no-repeat center }
#info-parceiros, #info-contrato, #info-depoimento-cliente, #info-entenda-fatura { display:none }
/* Solicite Produto */
/* Cartões Selecionados */
#cartoes-relacionados {
padding:35px 0 0;
background:transparent url(../img/cartoes/bg_cartoesrelacionados.png) no-repeat center 61px;
width:973px;
height:119px;
clear:both }
#cartoes-relacionados h3 {
font:normal 2.0em Arial, Sans-serif;
color:#134071 }
#cartoes-relacionados .tipo-cartoes {
overflow:hidden;
margin:18px 0 0 }
#cartoes-relacionados .tipo-cartoes li {
float:left;
width:94px;
margin-right:40px }
#cartoes-relacionados .tipo-cartoes li img {
display:block;
margin:5px auto 12px }
#cartoes-relacionados .tipo-cartoes li p {
font-size:1.1em;
color:#000;
text-align:center }
/* Saber para Crescer - Cartões */
#conteudo-cartoes.cartao { margin-top:0 }
#conteudo-cartoes #saber-para-crescer {
margin:20px 0 0 0px;
overflow:hidden }
#conteudo-cartoes #saber-para-crescer h3 {
width:301px;
height:28px;
background:url(../img/saber-para-crescer/acompanhe-saber-crescer-trans.png) no-repeat left top;
text-indent:-5000px }
#conteudo-cartoes #saber-para-crescer h4 {
font-size:1.3em;
margin:5px 0 5px 10px }
#saber-para-crescer ul { margin:0 0 0 8px }
#saber-para-crescer ul li {
overflow:hidden;
padding:10px 0;
border-bottom:solid 1px #dededa }
#saber-para-crescer p.data {
color:#f29453;
font-size:1.1em;
width:62px;
padding:1px 0 0 4px;
float:left }
#conteudo-cartoes #saber-para-crescer p.texto {
color:#616160;
font-size:1.2em;
width:560px;
float:left }
#saber-para-crescer p.texto a {
color:#f29453;
margin:0 5px }
#saber-para-crescer .btnleiaposts {
width:97px;
height:14px;
text-indent:-5000px;
float:left;
background:transparent url(../img/home/btn_leiatodosposts.png) no-repeat center;
margin:10px 21px 0 385px;
display:inline }
#saber-para-crescer .btnrss {
width:35px;
height:14px;
text-indent:-5000px;
float:left;
background:transparent url(../img/home/btn_rss.png) no-repeat center;
margin:10px 0 0 }
#saber-para-crescer #compartilhe {
width:360px;
margin:-20px 0 0 }
#saber-para-crescer #compartilhe h4 {
color:#323232;
float:left }
#saber-para-crescer #compartilhe ul { float:left }
#saber-para-crescer #compartilhe li {
overflow:visible;
float:left;
border:none;
padding:0;
margin:0 3px 0 0 }
#vantagens-cartao-ibi {
clear:both;
padding:8px 0 0;
width:670px;
height:146px }
/* Cartão Ibi Explica */
#passo-passo-cartao { position:relative }
#passo-passo-cartao li {
width:512px;
background:transparent no-repeat center left }
#passo-passo-cartao li.passo1 {
background-image:url(../img/cartoes/cartao-ul-deactive-l2.png);
height:66px }
#passo-passo-cartao li.passo1.ativo {
background-image:url(../img/cartoes/cartao-ul-active.png);
height:92px }
#passo-passo-cartao li.passo2 {
background-image:url(../img/cartoes/cartao-ul-deactive-l2.png);
height:66px }
#passo-passo-cartao li.passo2.ativo {
background-image:url(../img/cartoes/cartao-ul-active.png);
height:92px }
#passo-passo-cartao li.passo3 {
background-image:url(../img/cartoes/cartao-ul-deactive-l3.png);
height:66px }
#passo-passo-cartao li.passo3.ativo {
background-image:url(../img/cartoes/cartao-ul-active.png);
height:92px }
#passo-passo-cartao li.passo4 {
background-image:url(../img/cartoes/cartao-ul-deactive-l4.png);
height:66px }
#passo-passo-cartao li.passo4.ativo {
background-image:url(../img/cartoes/cartao-ul-active.png);
height:92px }
#passo-passo-cartao li.passo5 {
background-image:url(../img/cartoes/cartao-ul-deactive-l5.png);
height:66px }
#passo-passo-cartao li.passo5.ativo {
background-image:url(../img/cartoes/cartao-ul-active.png);
height:92px }
#passo-passo-cartao li.ativo p.passo {
color:#fff;
font-size:2.1em;
padding:25px 0 0 75px;
line-height:1em }
#passo-passo-cartao li.ativo p a { color:#fff }
#passo-passo-cartao li p.passo {
font-size:1.2em;
padding:23px 70px 0 74px;
cursor:pointer }
#passo-passo-cartao li p a { color:#000 }
#passo-passo-cartao li div.video-carta-credito {
display:none;
position:absolute;
top:-8px;
right:9px;
width:444px;
min-height:375px;
padding:10px 0 0;
background:#194569 url(../img/cartoes/bg_video-ul-cartao.png) no-repeat center top }
#passo-passo-cartao li div.video-carta-credito p {
line-height:1.2em;
font-size:1.4em;
font-weight:bold;
color:#ccd6de;
padding:0 0 0 35px;
margin:6px 20px 4px 0 }
#passo-passo-cartao li div.video-carta-credito p.tipo2 {
font-weight:normal;
font-size:1.2em }
#passo-passo-cartao li div div.video-flash { margin:15px 0 10px 35px }
#passo-passo-cartao li div div.ver-tabela {
width:444px;
height:59px;
padding:1px 0 0;
margin:28px 0 0;
background:transparent url(../img/cartoes/bg_video-ul-cartao_bt.png) no-repeat center }
#passo-passo-cartao li div div.ver-tabela p {
font-weight:normal;
font-size:1.2em;
margin:20px 0 0 20px;
padding:0 }
#passo-passo-cartao li div div.ver-tabela .btn-veja-tabela {
float:right;
margin:-20px 35px 0 0;
display:inline }
#passo-passo-cartao li.ativo div.video-carta-credito { display:block }
/* Vantagens Cartão ibi */
#vantagens-conheca-cartao {
width:670px;
height:145px;
padding:1px 0 0;
margin:5px 0 20px 4px;
background:transparent url(../img/cartoes/bg-vantagens-cartao-credito.jpg) no-repeat center }
#vantagens-conheca-cartao h3 {
color:#01426e;
font:normal 2.0em Arial, Sans-serif;
margin:63px 0 0 190px  }
#vantagens-conheca-cartao .btn-conheca-cartoes {
background:url(../img/cartoes/btn_cartao-ibi.png) no-repeat scroll left top;
color:#FFFFFF;
display:block;
font-size:15px;
height:24px;
line-height:25px;
margin:5px 0 6px 187px;
padding:0px 0 0 10px;
width:366px;}
#vantagens-conheca-cartao .btn-conheca-cartoes:hover { text-decoration:none }
#vantagens-conheca-cartao p {
color:#174062;
font-size:1.4em;
margin:2px 0 0 190px }
#vantagens-conheca-cartao p.codigo { font-size:1.1em }
#vantagens-conheca-cartao p.codigo span {
color:#ed6100;
text-transform:uppercase }
/* Comparativo Cartões */
#conteudo-cartoes h3.comparativo-cartao {
width:100%;
height:21px;
background:transparent url(../img/cartoes/h3-comparativo-cartoes.png) no-repeat left top;
text-indent:-99999px;
float: left;
margin:0 0 10px 15px }
#conteudo-cartoes p.comparar {
font-size:1.2em;
color:#333;
margin:0 0 15px 15px }
#conteudo-cartoes .comparativo-cartao { width:95% }
#conteudo-cartoes .comparativo-cartao tr td {
font-size:1.1em;
padding:8px }
#conteudo-cartoes .comparativo-cartao tr.cor1 td { background-color:#dee7ec }
#conteudo-cartoes .comparativo-cartao tr td a { color:#275a84 }
#conteudo-cartoes .comparativo-cartao tr td strong { display:block }
#conteudo-cartoes .comparativo-cartao .checkbox img {
display:block;
margin:10px auto }
#conteudo-cartoes .comparativo-cartao .checkbox input {
display:block;
margin:5px auto }
#conteudo-cartoes .comparativo-cartao .checkbox p {
text-align:center;
color:#464646;
font-size:13px;
margin:0 }
#conteudo-cartoes .comparativo-cartao .th td {
color:#25394B;
font-weight:bold;
text-align:center;
font-size:12px }
#conteudo-cartoes .comparativo-cartao .saiba-mais input {
margin:0 auto;
display:block }
#conteudo-cartoes #trocar-cartoes { margin:30px 0 40px }
#conteudo-cartoes #trocar-cartoes h3.trocar-cartao {
width:378px;
height:17px;
text-indent:-5000px;
margin:0 0 10px;
background:transparent url(../img/cartoes/h3-trocarcartao.png) no-repeat center }
#conteudo-cartoes #trocar-cartoes p.trocar-cartao {
color:#2f2f2f;
font-size:1.3em;
width:440px;
float:left;
margin:0 0 5px }
#conteudo-cartoes .btn-comparar {
float:right;
margin:0 20px 0 0 }
#conteudo-cartoes #trocar-cartoes .btn-comparar-cartoes {
float:right;
margin:5px 30px 0 0;
display:inline }
#conteudo-cartoes #trocar-cartoes ul { clear:both }
#conteudo-cartoes #trocar-cartoes ul li {
float:left;
width:120px;
margin:0 0 0 10px }
#conteudo-cartoes #trocar-cartoes ul li img {
display:block;
margin:5px auto 8px }
#conteudo-cartoes #trocar-cartoes ul li p {
text-align:center;
color:#464646;
font-size:13px }
#conteudo-cartoes #trocar-cartoes ul li input {
display:block;
margin:5px auto }
/* loading de cartoes */
.load-cartoes {
position:absolute;
display:block;
top:282px;
left:330px;
width:200px;
height:80px;
text-align:center }
h2.protecao-total { background-image:url(../img/titulos/protecao-total.png);margin:0px !important; }
/*img h2 cartoes*/
h2.cartao-ibicard-visa-nacional { background-image:url(../img/titulos/cartao-ibicard-visa-nacional.png) }
h2.cartao-ibicard-visa-internacional { background-image:url(../img/titulos/cartao-ibicard-visa-internacional.png) }
h2.cartao-ibicard-visa-gold { background-image:url(../img/titulos/cartao-ibicard-visa-gold.png) }
h2.cartao-ibicard-mastercard-internacional { background-image:url(../img/titulos/cartao-ibicard-mastercard-internacional.png) }
h2.cartao-ibicard-mastercard-gold { background-image:url(../img/titulos/cartao-ibicard-mastercard-gold.png) }
h2.cartao-ibicard { background-image:url(../img/titulos/cartao-ibicard.png) }
h2.cartao-ibicard-facil { background-image:url(../img/titulos/cartao-ibicard-facil.png) }
h2.cartao-ibicard-super-visa { background-image:url(../img/titulos/cartao-ibicard-super-visa.png) }
h2.cartao-ibicard-super-mastercard { background-image:url(../img/titulos/cartao-ibicard-super-mastercard.png) }
h2.cartao-cea-visa-nacional { background-image:url(../img/titulos/cartao-cea-visa-nacional.png) }
h2.cartao-cea-visa-internacional { background-image:url(../img/titulos/cartao-cea-visa-internacional.png) }
h2.cartao-cea-visa-gold { background-image:url(../img/titulos/cartao-cea-visa-gold.png) }
h2.cartao-cea-mastercard-nacional { background-image:url(../img/titulos/cartao-cea-mastercard-nacional.png) }
h2.cartao-cea-mastercard-internacional { background-image:url(../img/titulos/cartao-cea-mastercard-internacional.png) }
h2.cartao-cea-mastercard-gold { background-image:url(../img/titulos/cartao-cea-mastercard-gold.png) }
h2.cartao-cea-mastercard-super { background-image:url(../img/titulos/cartao-cea-mastercard-super.png) }
h2.cartao-cea-facil { background-image:url(../img/titulos/cartao-cea-facil.png) }
h2.cartao-cea { background-image:url(../img/titulos/cartao-cea.png) }
h2.cartao-cea-mais { background-image:url(../img/titulos/cartao-cea-mais.png) }
h2.cartao-arco-iris-ibi { background-image:url(../img/titulos/cartao-arco-iris-ibi.png) }
h2.cartao-arco-iris-ibi-mastercard { background-image:url(../img/titulos/cartao-arco-iris-ibi-mastercard.png) }
h2.cartao-baklizi-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-baklizi-ibi-mastercard-internacional.png) }
h2.cartao-bonanza-ibi { background-image:url(../img/titulos/cartao-bonanza-ibi.png) }
h2.cartao-canoas-shopping-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-canoas-shopping-ibi-mastercard-internacional.png) }
h2.cartao-canoas-shopping-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-canoas-shopping-ibi-mastercard-nacional.png) }
h2.cartao-cattan-ibi { background-image:url(../img/titulos/cartao-cattan-ibi.png) }
h2.cartao-cattan-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-cattan-ibi-mastercard-nacional.png) }
h2.cartao-center-lapa-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-center-lapa-ibi-mastercard-internacional.png) }
h2.cartao-center-lapa-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-center-lapa-ibi-mastercard-nacional.png) }
h2.cartao-angeloni-ibi { background-image:url(../img/titulos/cartao-angeloni-ibi.png) }
h2.cartao-angeloni-ibi-mastercard-gold { background-image:url(../img/titulos/cartao-angeloni-ibi-mastercard-gold.png) }
h2.cartao-angeloni-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-angeloni-ibi-mastercard-internacional.png) }
h2.cartao-angeloni-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-angeloni-ibi-mastercard-nacional.png) }
h2.cartao-angeloni-ibi-visa-gold { background-image:url(../img/titulos/cartao-angeloni-ibi-visa-gold.png) }
h2.cartao-angeloni-ibi-visa-internacional { background-image:url(../img/titulos/cartao-angeloni-ibi-visa-internacional.png) }
h2.cartao-angeloni-ibi-visa-nacional { background-image:url(../img/titulos/cartao-angeloni-ibi-visa-nacional.png) }
h2.cartao-colombo-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-colombo-ibi-mastercard-internacional.png) }
h2.cartao-colombo-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-colombo-ibi-mastercard-nacional.png) }
h2.cartao-estilo-belem-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-estilo-belem-ibi-mastercard-internacional.png) }
h2.cartao-estilo-belem-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-estilo-belem-ibi-mastercard-nacional.png) }
h2.cartao-makro { background-image:url(../img/titulos/cartao-makro.png) }
h2.cartao-makro-mastercard-internacional { background-image:url(../img/titulos/cartao-makro-mastercard-internacional.png) }
h2.cartao-makro-mastercard-nacional { background-image:url(../img/titulos/cartao-makro-mastercard-nacional.png) }
h2.cartao-modelo-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-modelo-ibi-mastercard-nacional.png) }
h2.cartao-shopping-metro-tatuape-ibi-mastercard-nacional { background-image:url(../img/titulos/cartao-shopping-metro-tatuape-ibi-mastercard-nacional.png) }
h2.cartao-dotz-ibi-mastercard-gold { background-image:url(../img/titulos/cartao-dotz-ibi-mastercard-gold.png) }
h2.cartao-dotz-ibi-mastercard-internacional { background-image:url(../img/titulos/cartao-dotz-ibi-mastercard-internacional.png) }
#conteudo-cartoes h2{margin-top:15px; }
h2.busca-remedio-farmacia {margin:-10px 0px 20px 0px !important;}
#conteudo-cartoes .obs{clear:right;color:#333333;font-size:1.2em;padding-top:10px;}