/* GENERAL CLASSES CSS STYLES */ .fbu-bold { font-weight: bold; } .fbu-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fbu-clearfix { zoom: 1; } .fbu-no-text { text-indent: -9999px; overflow: hidden; } .fbu-bg-gray { background: #f7f7f7; } #miolo { margin: 0; padding: 23px 0 0 0; left:0px; position: relative; } /* HYPERLINK CLASSES CSS STYLES */ .aba2 .fbu-cards-list-container, .aba3 .fbu-cards-list-container { padding: 10px 0 0 0; } #miolo span.fbu-back { position: relative; float: left; } #miolo span.fbu-back-to-list { position: relative; } #fbu-cards-compare-bar span.fbu-compare-now { position: absolute; display: block; right: 50px; top:30%; } #fbu-cards-compare-bar .fbu-compare-now.disabled {opacity:0.5 !important; filter:alpha(opacity=50) !important;} #fbu-cards-compare-bar .fbu-compare-now.disabled a {cursor:default;} #fbu-cards-compare-bar .fbu-compare-now.disabled:hover a, #fbu-cards-compare-bar .fbu-compare-now.disabled a:hover {color:#1f1f1f !important; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important; background: -moz-linear-gradient(top, #fff 50%, #f8f8f8 50%, #eeeeee 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff), color-stop(50%,#f8f8f8), color-stop(100%,#eeeeee)) !important; background: -webkit-linear-gradient(top, #fff 50%,#f8f8f8 50%,#eeeeee 100%) !important; background: -o-linear-gradient(top, #fff 50%,#f8f8f8 50%,#eeeeee 100%) !important; background: -ms-linear-gradient(top, #fff 50%,#f8f8f8 50%,#eeeeee 100%) !important; background: linear-gradient(top, #fff 50%,#f8f8f8 50%,#eeeeee 100%) !important;} #fbu-cards-compare-bar a.fbu-close { position: absolute; display: block; width: 9px; height: 9px; top: 11px; right:0; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 0 -560px; } #miolo a.fbu-discover-here { position: relative; display: inline; padding: 0 20px 0 0; margin: 0 0 0 15px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 90px -536px; font: normal 13px Arial; line-height: 17px; } #miolo a.fbu-get-now { position: relative; float: left; width: 108px; height: 25px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -202px -540px; text-indent: -9999px; overflow: hidden; } #miolo a.fbu-get-now:hover { background-position: -202px -570px; } #miolo span.fbu-know-now { position: relative; float: right; } #miolo a.fbu-more-cards { position: relative; display: block; float: left; width: 710px; } /*#miolo a.fbu-more-details { position: relative; display: block; float: left; padding: 0 15px 0 0; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 85px -536px; color: #00539f; font: normal 13px Arial; line-height: 17px; text-decoration: none; }*/ a.fbu-remove { position: relative; width: 134px; display: block; padding: 0 14px 6px 0; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 140px -555px; border-bottom: 1px dashed #e1e1e1; color: #393939; font: normal 13px Arial; line-height: 17px; text-align: right; text-decoration: none; } #miolo label.fbu-receipt { position: relative; display: block; float: left; width: 160px; /*margin: 13px 29px 1px 0;*/margin: 13px 13px 1px 0; color: #393939; font: normal 13px Arial; text-decoration: none; text-indent: 0; } #miolo label.fbu-receipt.fbu-no-margin { margin: 13px 0 1px 0; } #miolo label.fbu-receipt input { margin: 0 7px 1px 0;} #miolo label.fbu-flag { position: relative; display: block; float: left; height: 25px;/*width: 122px; margin: 6px 36px 5px 0;*/width: 142px; margin: 6px 6px 5px 0; color: #393939; font: normal 13px Arial; text-decoration: none; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat; line-height: 25px; } #miolo label.fbu-flag.fbu-no-margin { margin: 6px 13px 5px 5px; } #miolo label.fbu-flag input { margin: 0 56px 0 0;} #miolo .fbu-compare { position: relative; display: block; float: left; margin: 3px 0 0 19px; color: #393939; font: normal 13px Arial; line-height: 17px; text-decoration: none; } #miolo .fbu-compare.disabled {color:#999; cursor:default;} #miolo .fbu-compare input { margin: 0 9px 3px 0; } .lt-ie9 #miolo .fbu-compare { margin-top: -4px; } .lt-ie9 #miolo .fbu-compare input { margin-top: 0; } #miolo li.fbu-feature { position: relative; width: 115px; display: block; float: left; margin: 0 0 15px 0; padding: 0 0 0 20px; background: url("/portal/layout/imagens/geral/bgr-sprint-list.png") no-repeat 0 0; } span.fbu-teaser { position: relative; width: 580px; height: 72px; display: block; float: left; padding: 17px 0 0 121px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 0 -660px; color: #4d4e53; font: italic 16px Georgia; line-height: 18px; } /* CARDS-CREDIT AND CARD-SHOPS PAGE CSS STYLES */ #fbu-cards { position: relative; height: auto; width: 710px; display: block; margin: 0 auto; } #fbu-cards header h1 { position: relative; display: block; color: #1f1f1f; font: bold 24px Arial; line-height: 44px; } #fbu-cards header h2 { position: relative; display: block; color: #4d4e53; font: italic 16px Georgia; line-height: 19px; } #fbu-cards nav { position: relative; height: 45px; width: 710px; display: block; margin: 27px 0 0 0; } #fbu-cards nav a {alignment-baseline display: block; font: normal 13px Arial; line-height: 19px; padding-top: 13px; } #fbu-cards-compare-bar { position: fixed; left: 0; bottom:0; display: block; width: 100%; height: 0px; background: url("/assets/pessoajuridica/img/cards-bar-bg.png") repeat-x 0 0; z-index: 9999; /*-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;*/ } #fbu-cards-compare-bar div { position: relative; display: block; width: 62%; height: 87px; margin: 0 auto; margin-top:7px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -545px -492px; } #fbu-cards-compare-bar span.fbu-teaser { width: 25%; height: auto; display: block; float: left; padding: 0; margin:37px 0 0 16%; background: none; } #fbu-selected-cards { position: relative; display: block; float: left; width: 310px; height: 85px; padding: 0 0 0 40px; margin: 9px 0 0 0; } #fbu-selected-cards li { position: relative; display: block; float: left; width: 71px; height: 59px; margin: 0 17px 0 0; } #fbu-selected-cards li img { width: 69px; height: 46px; margin: 2px auto 0; } #fbu-selected-cards a.fbu-remove { width: 100%; padding: 0; margin: 0px 0 0 1px; background-position: -42px -554px; border: none; text-align: left; text-indent: 6px; cursor:pointer} #fbu-selected-cards span.fbu-no-card { position: relative; display: block; width: 70px; height: 39px; padding: 6px 0 0 11px; margin: 19px 0 0 3px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -460px -500px; color: #393939; font: normal 10px Arial; line-height: 10px; } #fbu-cards-compare-bar-ios4 {width:710px;} #fbu-cards-compare-bar-ios4 #fbu-cards-compare-bar {width:708px; height:89px; position:relative !important; bottom:0 !important; border:1px solid #BFBFBF; background-position:0 -7px;} #fbu-cards-compare-bar-ios4 #fbu-cards-compare-bar div {width:712px; margin-top:2px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -595px -492px; } #fbu-cards-compare-bar-ios4 #fbu-cards-compare-bar span.fbu-teaser { width: 155px; height: auto; display: block; float: left; padding:0 15px 0 0; margin:24px 0 0 84px; background: none;} #fbu-cards-compare-bar-ios4 #fbu-selected-cards {margin-top:-15px; padding:0 0 0 17px;} #fbu-cards-compare-bar-ios4 #fbu-selected-cards-ios4 {width:284px !important; height:50px; margin-top:23px !important; background:none !important; float:left; border-left:1px dashed #E1E1E1; border-right:1px dashed #E1E1E1;} #fbu-cards-compare-bar-ios4 #fbu-cards-compare-bar span.fbu-compare-now {margin-left:20px;} #fbu-cards .grid-voltar {margin-top:0;} /* CREDIT PAGE SPECIFIC CSS */ .fbu-cards-list-container { color: #393939; font: normal 13px Arial; line-height: 18px; clear:both; } .fbu-cards-list-container header { position: relative; display: block; width: 730px; height: 173px; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat 0 -840px; } #fbu-cards-list-filter div { position: relative; display: block; float: left; height: 94px; margin: 35px 0 39px 0; } #fbu-cards-list-filter span { position: relative; display: block; margin: 0 0 9px 1px; } #fbu-cards-list-filter #fbu-receipts { /*padding: 0 12px 0 20px; width: 349px;*/ width:349px; } #fbu-cards-list-filter #fbu-flags { /*padding: 0 0 0 36px; width: 310px;*/padding: 0 0 0 30px; width: 340px; border-left: 1px dashed #e1e1e1; } #fbu-cards-list-filter label.fbu-flag#fbu-amex { background-position: 23px -800px !important; width:200px;} #fbu-cards-list-filter label.fbu-flag#fbu-visa { background-position: -180px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flag#fbu-elo { background-position: -342px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flag#fbu-elo-pj { background-position: -342px -800px !important; width:110px; margin-left:0px; } #fbu-cards-list-filter label.fbu-flag#fbu-master { background-position: -500px -800px !important; width:160px; } /*PADRÃO ESPELHO*/ #fbu-cards-list-filter #fbu-flags2 { /*padding: 0 0 0 36px; width: 310px;*/padding: 0 0 0 30px; width: 340px; border-left: 1px dashed #e1e1e1; } #miolo label.fbu-flagE { position: relative; display: block; float: left; height: 25px;/*width: 122px; margin: 6px 36px 5px 0;*/width: 142px; margin: 6px 6px 5px 0; color: #393939; font: normal 13px Arial; text-decoration: none; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat; line-height: 25px; } #miolo label.fbu-flagE.fbu-no-margin { margin: 6px 0 5px 0; } #miolo label.fbu-flagE input { margin: 0 56px 0 0;} #fbu-cards-list-filter label.fbu-flagE#fbu-amex { background-position: 23px -800px !important; width:195px;} #fbu-cards-list-filter label.fbu-flagE#fbu-visa { background-position: -180px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flagE#fbu-elo { background-position: -342px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flagE#fbu-elo-pj { background-position: -342px -800px !important; width:auto; margin-left:30px; } #fbu-cards-list-filter label.fbu-flagE#fbu-master { background-position: -500px -800px !important; width:195px; } /*PADRÃO ESPELHO*/ /*PADRÃO PARCERIA*/ #fbu-cards-list-filter #fbu-flags3 { /*padding: 0 0 0 36px; width: 310px;*/padding: 0 0 0 30px; width: 340px; border-left: 1px dashed #e1e1e1; } #miolo label.fbu-flagP { position: relative; display: block; float: left; height: 25px;/*width: 122px; margin: 6px 36px 5px 0;*/width: 142px; margin: 6px 6px 5px 0; color: #393939; font: normal 13px Arial; text-decoration: none; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat; line-height: 25px; } #miolo label.fbu-flagP.fbu-no-margin { margin: 6px 0 5px 0; } #miolo label.fbu-flagP input { margin: 0 56px 0 0;} #fbu-cards-list-filter label.fbu-flagP#fbu-amex { background-position: 23px -800px !important; width:195px;} #fbu-cards-list-filter label.fbu-flagP#fbu-visa { background-position: -180px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flagP#fbu-elo { background-position: -342px -800px !important; width:auto; } #fbu-cards-list-filter label.fbu-flagP#fbu-elo-pj { background-position: -342px -800px !important; width:auto; margin-left:30px; } #fbu-cards-list-filter label.fbu-flagP#fbu-master { background-position: -500px -800px !important; width:195px; } /*PADRÃO PARCERIA*/ .fbu-cards-list-container ul, #miolo, #miolo-wrap { overflow: visible; } .fbu-card-modal { position: absolute; visibility: hidden; width: 170px; height: 460px; padding: 10px 0 0 20px; z-index: 9000; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -500px 0; cursor: pointer; } .fbu-card-modal h1 { color: #1f1f1f; font: bold 14px Arial; line-height: normal; margin: 0 0 17px 0; cursor: pointer; } .fbu-cards-list-container .fbu-card-modal img { margin: 0 0 4px 0; cursor: move; } .fbu-card-modal li.fbu-feature { padding: 2px 0 0 22px; font-size: 12px; background-position: 0 -598px; margin: 0 0 10px 0; line-height: 15px; cursor: pointer; } .fbu-card-modal a.fbu-get-now { margin: 14px 0 11px 19px; cursor: pointer; } .fbu-cards-list-container .fbu-card-modal footer { position: relative; display: block; float: left; width: 148px; height: 110px; margin: 18px 0 0 0; border-top: 1px dashed #e1e1e1; border-bottom: none; } .fbu-card-modal footer ul { position: relative; display: block; float: left; margin: 9px 0 0 0; } .fbu-card-modal footer li { padding: 9px 0 0 0; font: normal 11px Arial; line-height: 11px } .fbu-card-dragging {position:absolute; width:147px; height:98px; z-index:9999; cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; /* cursor:url("/portal/layout/imagens/geral/cur-closedhand.cur"), default !important;*/} .lt-ie10 .fbu-card-dragging {cursor:url("/portal/layout/imagens/geral/cur-closedhand.cur"), move !important;} #fbu-flying-card { position: fixed; display: none; z-index: 9999; } .iOS4 #fbu-flying-card { position: absolute; } .fbu-cards-list-container li.fbu-card { position: relative; width: 148px; min-height: 430px; margin: 25px 39px 13px -4px; padding-bottom:13px; border-bottom: 1px dashed #e1e1e1; z-index:1;float: left; cursor:pointer;} .fbu-cards-list-container li.fbu-card .content {position:relative; width: 148px; /*min-height: 335px;*/ /*background:#FFF;*/ z-index:2; cursor:pointer;} .fbu-cards-list-container li.fbu-card:hover {z-index:3;} .fbu-cards-list-container li.fbu-card:hover .content {z-index:4;} .fbu-cards-list-container li.fbu-card:hover .footer {display:block;} .fbu-cards-list-container li.fbu-card.ieOut .footer {display:none !important;} .fbu-cards-list-container li.fbu-card h1, .fbu-cards-list-container li.fbu-card h1 a {color: #1f1f1f; font: bold 14px Arial; line-height: normal; text-decoration:none;} .fbu-cards-list-container li.fbu-card h1 {margin:0 0 17px 0;} .fbu-cards-list-container img.no-drag { cursor: default !important; } .fbu-cards-list-container li.fbu-feature { padding: 2px 0 0 22px; font-size: 12px; background-position: 0 -598px; margin: 0 0 10px 0; line-height: 15px; float:none !important;} .fbu-cards-list-container li.fbu-card .fbu-get-now, .fbu-cards-list-container li.fbu-card .create-your-account-link { margin: 14px 0 11px 10px; white-space: nowrap;} .fbu-cards-list-container li.fbu-card .create-your-account-link.lnk-cliente-prime { margin: 14px 0 11px 5px; } .fbu-cards-list-container li.fbu-card .footer { position:absolute; width:151px; padding:38px 21px 10px; top:-4px; left:-23px; display: none; z-index:2; background: url("/portal/layout/imagens/modulos/classic/cartoes-box-sprite.png") repeat-y -193px 0 !important;} /*.lt-ie9 .fbu-cards-list-container li.fbu-card .footer { background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat -500px 0 !important; border:none; padding:35px 30px 0 !important; top:-4px !important; left:-20px !important; } .lt-ie9 .fbu-cards-list-container li.fbu-card .footer ul { width:148px; margin-top:320px; margin-left:-10px; padding-top:12px !important; } .lt-ie8 .fbu-cards-list-container li.fbu-card .footer ul { margin-top:354px; padding-top:12px !important; }*/ .fbu-cards-list-container li.fbu-card .footer .footer-corner-top {position:absolute; width:100%; height:13px; top:-13px; left:0; background: url("/portal/layout/imagens/modulos/classic/cartoes-box-sprite.png") no-repeat 0 0 !important;} .fbu-cards-list-container li.fbu-card .footer .footer-corner-bottom {position:absolute; width:100%; height:13px; bottom:-13px; left:0; background: url("/portal/layout/imagens/modulos/classic/cartoes-box-sprite.png") no-repeat 0 -13px !important;} .fbu-cards-list-container li.fbu-card .footer ul { position:relative; border-top: 1px dashed #e1e1e1; padding-top:8px; /*margin-top:336px;*/ } .fbu-cards-list-container li.fbu-no-border { border: none; margin-bottom:0 !important; } .fbu-cards-list-container > ul {margin-right:-35px; margin-left:4px; margin-bottom:15px;} .fbu-cards-list-container a.fbu-more-cards { margin: 2px 0 40px 0; } .fbu-cards-list-container .footer { position: relative; display: block; float: left; border-bottom: none; } .fbu-cards-list-container .footer span.fbu-teaser { margin: 0 0 0 10px; } .fbu-cards-list-container .footer li { padding: 9px 0 0 0; font: normal 11px Arial; line-height: 11px } .fbu-card:hover h1 a, .fbu-card:hover h3 a, .fbu-card:hover li, .fbu-card:hover li strong, .fbu-card:hover #box-detalhes-solicitar-info span, .fbu-card:hover #box-detalhes-solicitar-info strong {color:#488AE6 !important; text-decoration:underline !important;} .fbu-card img {cursor:hand; cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; margin-bottom:16px;} .fbu-card img.active {cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing;} .fbu-card img.disabled {opacity:0.3; filter:alpha(opacity=30) !important; cursor:default;} .lt-ie10 .fbu-card img {cursor:url("/portal/layout/imagens/geral/cur-openhand.cur"), move;} .lt-ie10 .fbu-card img.active, .lt-ie10 .fbu-card img:active {cursor:url("/portal/layout/imagens/geral/cur-closedhand.cur"), move !important;} /*.cards-debito li.fbu-card {min-height:327px !important;} .cards-debito li.fbu-card .content {min-height:297px !important;} .cards-debito li.fbu-card .footer ul {margin-top:308px !important;} .lt-ie9 .cards-debito li.fbu-card .footer ul { margin-top:294px !important; } .lt-ie8 .cards-debito li.fbu-card .footer ul { margin-top:329px !important; }*/ /***************************/ /* SHOPS PAGE SPECIFIC CSS */ #fbu-shops-content { position: relative; width: 100%; display: block; float: left; border-bottom: 1px dashed #e1e1e1; } #fbu-shops-content img { position: relative; display: block; float: left; height: 330px; width: 161px; margin: 40px 0 0 20px; } #fbu-shops-content p { position: relative; width: 460px; display: block; float: right; margin: 33px 0 0 0; color: #393939; font: normal 12px Arial; line-height: 18px; } #fbu-shops-content ul { position: relative; width: 460px; display: block; float: right; } #fbu-shops-content li { position: relative; width: 375px; height: 70px; display: block; float: left; padding: 0 0 0 85px; margin: 16px 0 0 0; background: url("/assets/pessoajuridica/img/cartoes-sprite.png") no-repeat; color: #1f1f1f; font: normal 13px Arial; line-height: 18px; } #fbu-shops-content #fbu-facilities { background-position: 1px -98px; } #fbu-shops-content #fbu-security { height: 63px; padding-top: 7px; background-position: 0 -200px; } #fbu-shops-content #fbu-benefits { height: 63px; padding-top: 7px; background-position: 0 -300px; } #fbu-shops-content span.fbu-know-now { margin: 8px 0 38px 0; } #fbu-shops-partners { position: relative; width: 100%; height:144px; display: block; float: left; /*border-bottom: 2px solid #bfbfbf;*/ } #fbu-shops-partners span { position: relative; display: block; float: left; margin: 50px 0 55px 0; color: #4d4e53; font: italic 16px Georgia; line-height: 19px; } #fbu-shops-partners img { position: relative; display: block; float: right; margin: 37px 8px 0 0; } /***************************/ #fbu-cards footer span.fbu-back { margin: 35px 0 40px 0; } /* CARDS-COMPARE PAGE CSS STYLES */ /* Upper section */ #fbu-card-compare { position: relative; width: 710px; display: block; margin: 0 auto; } /* Upper section classes */ #fbu-card-compare .fbu-back { margin: 38px 0 40px 0; } /* Upper section classes */ #fbu-card-compare header { position: relative; display: block; } #fbu-card-compare header h1 { position: relative; display: block; color: #1f1f1f; font: bold 24px Arial; line-height: 44px; } #fbu-card-compare header h2 { position: relative; display: block; color: #4d4e53; font: italic 16px Georgia; line-height: 19px; } #fbu-cards-compare-footer .grid-voltar {margin-top:0;} /* Inner section */ #fbu-card-compare-comparison { position: relative; width: 100%; display: block; float: left; } /* Inner section classes */ #fbu-card-compare-comparison span.fbu-back-to-list { margin: 36px 0 32px 0; } #fbu-card-compare-comparison a.fbu-remove { width: 138px; background-position: 143px -555px; } #fbu-card-compare-comparison a.fbu-more-details { margin: 0 0 0 23px; } #fbu-card-compare-comparison span.fbu-get-now { margin: 10px 0 18px 20px; } /* Inner geral */ #fbu-card-compare-comparison header { position: relative; width: 715px; display: block; float: left; } #fbu-card-compare-comparison table { position: relative; width: auto; display: block; float: left; border-collapse:separate; } #fbu-card-compare-comparison th { position: relative; width: 158px; padding: 0 0 0 30px; vertical-align: top; border-bottom: 1px dashed #e1e1e1; color: #393939; font: normal 18px Arial; text-align: left; } #fbu-card-compare-comparison th.fbu-first-of-tr { position: relative; width: 100px; padding: 0 44px 0 10px; vertical-align: top; border-bottom: 1px dashed #e1e1e1; color: #393939; font: normal 18px Arial; text-align: left; } #fbu-card-compare-comparison th span { position: relative; display: block; float: left; margin: 107px 0 0 1px; width: 100px; } #fbu-card-compare-comparison h1 { position: relative; display: block; margin: 17px 0 17px 2px; color: #1f1f1f; font: bold 14px Arial; } #fbu-card-compare-comparison img { width: 148px; height: 103px; margin: 0 0 23px 3px; } #fbu-card-compare-comparison td { position: relative; width: 158px; padding: 15px 0 0 29px; vertical-align: top; border-bottom: 1px dashed #e1e1e1; color: #393939; font: normal 13px Arial; } #fbu-card-compare-comparison td.fbu-first-of-tr { position: relative; width: 100px; padding: 14px 0 0 11px; vertical-align: top; border-bottom: 1px dashed #e1e1e1; color: #393939; font: normal 13px Arial; } #fbu-card-compare-comparison ul { position: relative; display: block; float: left; margin: 0 0 3px 0; } #fbu-card-compare-comparison li.fbu-feature { width: 128px; margin: 0 0 0 4px; padding-bottom: 11px; font-size: 13px; } #fbu-card-compare-comparison footer { position: relative; width: 100%; display: block; float: left; /*border-bottom: 1px solid #bfbfbf;*/ } #fbu-card-compare-comparison footer .fbu-back-to-list { margin: 20px 0 40px 0; } #fbu-card-compare-comparison footer span.fbu-teaser { margin: 0 0 0 10px; } #fbu-card-compare-comparison footer span.fbu-back { margin: 0 0 0 10px; } .lt-ie8 #fbu-card-compare-comparison table {border-collapse:collapse;} /* FILTRO BANDEIRAS COMPARAÇÃO */ #filtro-bandeiras, #filtro-bandeiras-container ul, #filtro-bandeiras-container, #filtro-bandeiras-container label span {background: url("/portal/layout/imagens/modulos/classic/cartoes-sprite-filtro-bandeiras.png") no-repeat;height: 55px;} #filtro-bandeiras {background-position: -1px -55px;padding-left: 12px;float: right;position: absolute;top: 21px;right: -10px;display: none; z-index:2;} #filtro-bandeiras-container {background-position: right -110px;padding-right: 17px;} #filtro-bandeiras-container ul {background-position: 0 0;background-repeat: repeat-x;padding-left: 9px;} #filtro-bandeiras-container li {float: left; margin-right: 10px;padding-top: 15px;} #filtro-bandeiras-container label input {float: left;margin-top: 3px;} .lt-ie10 #filtro-bandeiras-container label input {margin-top: 0px;} #filtro-bandeiras-container label span {display: block;text-indent: -999999px;padding-left: 6px;float: left;width: 22px;height: 22px;} #filtro-bandeiras-container #crt-amex {background-position: 3px -175px;} #filtro-bandeiras-container #crt-elo {background-position: 3px -205px;} #filtro-bandeiras-container #crt-visa {background-position: 3px -236px;width: 30px;} #filtro-bandeiras-container #crt-master {background-position: 3px -266px;width: 30px;} #box-detalhes-solicitar {border-top: 1px dashed #BFBFBF;margin-top: 32px;padding-top: 32px;font-size: 12px;} #box-detalhes-solicitar > div {float: left;width: 120px;} #box-detalhes-solicitar > div:first-child {width: 200px;margin-right: 15px;} #box-detalhes-solicitar > div:first-child span {display: block;margin-bottom: 8px;} #box-detalhes-solicitar #btn-solicitar-agora {margin-bottom: 15px;} .fbu-close{ right: 26px!important; } .box { position: relative; } .flag-novo { color: green; font-size: 0.7rem; font-weight: 600; position: absolute; right: 0; z-index: 999; } @media only screen and (max-width: 1279px) { #fbu-cards-compare-bar div { width: 82%; } } @media only screen and (max-width: 1023px) { #fbu-cards-compare-bar div { background: none; } .fbu-teaser{ display: none !important; } } @media only screen and (max-width: 978px) { #fbu-cards-compare-bar div { background: none; width: 62%; } .fbu-teaser{ display: none !important; } #fbu-selected-cards{ padding: 0; left: -50px; } #fbu-selected-cards li { margin-right: 10px; } #fbu-cards-compare-bar span.fbu-compare-now{ right: -107px; } .fbu-close{ right: -55px!important; } } @media only screen and (max-width: 479px) { #fbu-selected-cards li { margin-right: 3px; } }