, por exemplo) */ .tpField img { margin-top:5px; } /* Classe para inclusão ao lado de input (forms) */ .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 13px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 2px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #f4f9ff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f4f9ff; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #f4f9ff; border-left: 5px solid transparent; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #f4f9ff; border-bottom: 5px solid transparent; } .tooltip-inner { max-width: 200px; padding: 10px 12px; color: #373d45; text-align: left; text-decoration: none; background-color: #f4f9ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.10); } .tooltip-arrow { position: absolute; width: 0; height: 0; } .fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; filter: alpha(opacity=100); } /* Tooltip */ #contentAll .login_tooltip { background: -moz-linear-gradient(center top , #FFFEF5 0%, #FEF5C3 100%) repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); color: #444444; display: none; font-weight: bold; position: absolute; right: 55px; top: -3px; z-index: 99; } #contentAll .login_tooltip:before { background: url("../img/tooltip_arrow.png") no-repeat scroll 0 0 transparent; content: " "; height: 8px; left: 50%; margin-left: -4px; position: absolute; top: -8px; width: 15px; } #contentAll .login_tooltip a { color: #333333; display: block; font-weight: normal; padding: 12px 15px; } #contentAll .login_tooltip span { color: #1C538C; font-size: 11px; margin-left: 10px; } /* ------------- Lightbox ------------- */ .lightboxStyle { width:960px; padding:40px 0 0 17px; } .lightboxStyleCred { width:1030px; padding-top:20px; padding-right:60px; } .lightboxStyleCredVid { width:1030px; padding-top:20px; padding-left:40px; } .lightboxStyle .fecharLightbox { position:absolute; right:10px; top:10px; text-decoration: none; } .lightboxImg { width:600px; padding:35px 5px 15px 5px; } .lightboxChat { width: 400px; } .lightboxChat img { margin: 0 0 20px 0;} .lightboxStyle p { margin:0 0 10px 0; line-height:14px; } .lightboxStyle p.tit { font-size:16px; font-weight:normal; color:#f47920; line-height:16px; } .lightboxStyle p.sub { font-size:16px; font-weight:bold; margin:0 0 10px 0; line-height:16px; } .lightboxStyle p.leg { margin:0 0 5px 0; color:#999; } .lightboxStyle .scroll { overflow:auto; height:250px; padding:0 10px 0 0; margin:0 0 20px 0; } .lightboxStyle .cont1Col { width:100%; margin:0 0 20px 0; } .lightboxStyle .cont2Cols { width:100%; margin:0 0 20px 0; } .lightboxStyle .cont2Cols .colSimples { width:320px; } .lightboxStyle .cont2Cols .colBordaBg { width:262px; padding:20px 16px; border:1px solid #bdbdbd; background:url('../img/bg-box-degrade.png') repeat-x; } .lightboxStyle .cont2Cols .colBordaBg .btnL { margin:0 0 15px 0; } .lightboxStyle .cont2Cols .colBordaBg .btnL a { text-decoration:none; } .lightboxStyle .resultItem { width:100%; margin:0 0 20px 0; } .lightboxStyle .resultItem input[type="radio"] { margin:0 5px 0 0; } .lightboxStyle .resultItem .itemDesc { width:100%; margin:10px 0 0 6px; } .lightboxStyle .floatLeft { float:left; } .lightboxStyle .floatRight { float:right; } .lightboxStyle .alignCenter { display:block; width:482px; margin:20px auto 40px; } .lightboxStyle .btnAction { text-decoration:none; } .lightboxStyle form { margin:20px 0 10px 0; } .lightboxStyle fieldset { width:100%; float:left; margin:0 0 20px 0; } .lightboxStyle .txt1 { float:left; width:90px; margin:7px 0 0 0; } .lightboxStyle .txt2 { float:left; width:90px; margin:2px 0 0 0; } .lightboxStyle .size1 { width:250px; } .lightboxStyle .size2 { width:50px; } .lightboxStyle .size3 { width:150px; } .lightboxStyle .selectSize1 { width:200px; margin:0 10px 10px 0; } .lightboxStyle .btnInline { float:left; margin:7px 0 0 0; } .lightboxStyle .btnInline a { text-decoration:none; } .lightboxStyle input.link { width: 500px; } .lightboxStyle .boxImg { width: 100%; text-align: center; } .lightboxStyle .descImg { float: left; width: 420px; margin: 10px 10px 0 10px; } .lightboxStyle .descImg p.tit { font-size: 16px; font-weight: bold; line-height: 14px; } .lightboxStyle .descImg p.txt { line-height: 14px; } .lightboxStyle .socialShare { float: right; margin: 10px 10px 0 10px; } .lightboxStyle .socialShare p { font-size: 12px; font-weight: bold; margin: 0 0 10px 0; } .lightboxStyle .socialShare li { display: inline; list-style: none; margin: 0 2px 0 0; } .lightboxStyleImg { padding:40px 67px 20px; } .lightboxStyleImg .descImg { float: left; width: 420px; margin: 10px 10px 0 10px; } .lightboxStyleImg .descImg p.tit { font-size: 16px; font-weight: bold; line-height: 14px; } .lightboxStyleImg .descImg p.txt { line-height: 14px; } .lightboxStyleImg .socialShare { float: right; margin: 10px 10px 0 10px; } .lightboxStyleImg .socialShare p { font-size: 12px; font-weight: bold; margin: 0 0 10px 0; } .lightboxStyleImg .socialShare li { display: inline; list-style: none; margin: 0 2px 0 0; } .lightboxStyle ul li { line-height: 14px; list-style: disc outside url("../img/bullet_quad_cza.gif"); padding: 0 0 14px; margin-left:13px; } .lightboxStyle table.tabela2 { width:100%; margin:20px 0 40px 0; } .lightboxStyle table.tabela2 caption { display:none; } .lightboxStyle table.tabela2 tr th, .lightboxStyle table.tabela2 tr td { padding:15px 8px; text-align:center; } .lightboxStyle table.tabela2 thead th { vertical-align:middle; border:1px solid #dedede; } .lightboxStyle table.tabela2 tbody tr td, .lightboxStyle table.tabela2 tbody tr th { border-right:1px solid #dedede; font-weight:normal; } .lightboxStyle table.tabela2 tbody tr td:last-child { border-right:none; } .lightboxStyle table.tabela2 .tit { padding:15px 0; font-size:16px; font-weight:normal; color:#f47920; border:none; } .lightboxStyle table.tabela2 .bgCinza { background:#f7f6f4; } .lightboxStyle table.tabela2 .borderLeftNone { border-left:none; } .lightboxStyle table.tabela2 .borderRightNone { border-right:none; } .lightboxStyle table.tabela2 .textLeft { text-align:left; padding-left:10px; } .lightboxStyle table.tabela2 .textRight { text-align:right; padding-right:10px; } .lightboxStyle table.tabela4 { width:100%; margin:10px 0 20px 0; } .lightboxStyle table.tabela4 caption { display:none; } .lightboxStyle table.tabela4 tbody tr th { width:100px; padding:6px 0; font-weight:bold; text-align:left; } .lightboxStyle table.tabela4 tbody tr td { padding:6px 0; text-align:left; } .lightboxStyle .rodapeAnbima { width:100%; margin:0 0 40px 0; padding:20px 0 0 0; border-top:1px solid #bdbdbd; } .lightboxStyle .rodapeAnbima .btnPos { float:right; margin:7px 0 0 16px; } .lightboxStyle .rodapeAnbima .btnPos a { text-decoration:none; } .lightboxStyle .rodapeAnbima .txtBox { float:left; margin:0 0 0 40px; } .lightboxStyle .rodapeAnbima .floatRight { float:right; } .lightboxStyle .rodapeAnbima img { float:left; } #fancybox-close { background: url("../img/icon-lb-fechar.png") no-repeat 0 0; cursor: pointer; display: none; position: absolute; right: -15px; top: -15px; height: 30px; width: 30px; z-index: 1103; } #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-overlay { position: fixed; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; -webkit-box-shadow: 0px 0px 5px 1px #666666; -moz-box-shadow: 0px 0px 5px 1px #666666; box-shadow: 0px 0px 5px 1px #666666; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-overlay {background: #26598d !important;} /* ----------------- HOME ----------------- */ #campanhasHome { width: 100%; height: auto; position: relative; } #campanhasHome .slideshow { width: 100%; height: auto; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; *position: absolute; position: absolute\9; } #campanhasHome .slideshow .campanhas { /*position: absolute;*/ width: 400%; height: 100%; } #campanhasHome .slideshow .campanhas > li { float: left; position: relative; width: 25%; height: 100%; } /* Classe utilizada em imagens de campanhas Home */ .imgCampanhaHome { width: 100%; height: auto; } /* Thumbnails Campanhas Home */ #campanhasHome .thumbnails li { float: left; margin-left: 10px; -webkit-transition: all .15s ease-in; -moz-transition: all .15s ease-in; transition: all .15s ease-in; } #campanhasHome .thumbnails { position: absolute; top: 26px; right: 20px; } #campanhasHome .thumbnails img { display: block; } #campanhasHome .thumbnails span { display: block; visibility: hidden; opacity: 0; padding: 5px 8px; background: #ecebea; color: #504f4e; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.5); box-shadow: 0 1px 4px rgba(0,0,0,.5); } #campanhasHome .thumbnails a { display: block; width: 120px; height: 60px; padding: 2px; text-decoration: none; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; } #campanhasHome .thumbnails a:hover span { opacity: 1; filter: alpha(opacity=100); visibility: visible; margin: 0; } #campanhasHome .thumbnails .selected { opacity: .5; filter: alpha(opacity=50); } #campanhasHome .thumbnails .selected a { background: #ecebea; } #campanhasHome .thumbnails .selected a span { margin: 0 -2px; padding: 5px 10px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.5); box-shadow: 0 1px 4px rgba(0,0,0,.5); } /* Campanhas Home - Template 01 - Box Laranja Inferior Esquerdo /// Template 02 - Box Laranja Inferior Direito */ #campanhasHome .boxCampanha { width: 280px; height: 300px; background: url(../img/bg-box-home-trans.png) left top no-repeat; position: absolute; top: 120px; left: 20px; /*background-color: #ff6a00; opacity: .8; filter: alpha(opacity=80); border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -webkit-border-radius: 0 30px 30px 0;*/ } #campanhasHome .boxCampanha h1 { font-size: 35px; line-height: 1.1; letter-spacing: -1px; color: #fff; padding: 30px 15px 15px 20px; } #campanhasHome .boxCampanha h2 { font-size: 19px; line-height: 1.1; color: #f3fe00; font-weight: bold; padding: 0 15px 15px 20px; } /*#campanhasHome .boxCampanha span { font-weight: bold; padding: 0 15px 15px 20px; }*/ #campanhasHome .boxCampanha a { text-decoration: none; color: #EFF4F8; } #campanhasHome .boxCampanha .btnCampanhasHome { margin: 0 0 15px 20px; float: left; *padding: 0 0 15px 0; } #campanhasHome .boxCampanha span.boxHomeBtn { margin: 0 0 15px 20px; } /* Itaoodles */ #campanhasHome .slideshow ul.campanhas .titCampanha { width: 400px; position: absolute; top: 45px; left: 60px; } #campanhasHome .slideshow ul.campanhas .titCampanha .tit { font-family: Tahoma, Arial, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; text-shadow: -2px 2px 0 rgba(52,52,52,.6); } #campanhasHome .slideshow ul.campanhas .titCampanha .sub { font-family: Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #FFF; text-shadow: -2px 2px 0 rgba(52,52,52,.6); } #campanhasHome .slideshow ul.campanhas .controls { width: 200px; position: absolute; bottom: 25px; left: 20px; } #campanhasHome .slideshow ul.campanhas .controls p { margin: 4px 0 0 0; } #campanhasHome .slideshow ul.campanhas .controls span { margin-left: 1px; } #campanhasHome .slideshow ul.campanhas .fbLike { width: 350px; position: absolute; bottom: 100px; left: 50%; margin-left: -175px; color: #efefef; } /* Redes Sociais */ #homeRedesSociais { min-height: 1000px; *height:auto !important; *height: 1000px; background: url(../img/redes-bg.gif) repeat; } #homeRedesSociais .contentAll { width: 980px; margin: 0 auto; background: url(../img/redes-bg-shine-trans.png) center -150px no-repeat; } #homeRedesSociais .contentAll .iconRedes { width: 400px; position: absolute; top: 26px; left: 60px; } #homeRedesSociais .contentAll .iconRedes .redes { color: #FFF; font-weight: bold; width: 195px; float: left; } #homeRedesSociais .contentAll .iconRedes .redes img { vertical-align: middle; margin: 0 10px 0 0; } #homeRedesSociais .contentAll .iconRedes .redes .social { margin: 0 0 10px 0; } #homeRedesSociais .contentAll .contentMashup .midias .tit, #homeRedesSociais .contentAll .contentMashup .twitter .tit, #homeRedesSociais .contentAll .thumbs .tit { color: #FFF; font-size: 26px; font-weight: bold; text-shadow: 0 0 10px rgba(255,228,0,.7); } #homeRedesSociais .contentAll .contentMashup { padding: 120px 0 0 0; } #homeRedesSociais .contentAll .contentMashup .midias, #homeRedesSociais .contentAll .contentMashup .lineV, #homeRedesSociais .contentAll .contentMashup .twitter { float: left; } #homeRedesSociais .contentAll .contentMashup .midias .tit { margin-bottom: 20px; } #homeRedesSociais .contentAll .contentMashup .midias .midia .setaEsq, #homeRedesSociais .contentAll .contentMashup .midias .midia .img, #homeRedesSociais .contentAll .contentMashup .midias .midia .setaDir { float: left; } #homeRedesSociais .contentAll .contentMashup .midias .midia .setaEsq, #homeRedesSociais .contentAll .contentMashup .midias .midia .setaDir { margin: 0 12px; margin-top: 100px; } #homeRedesSociais .contentAll .contentMashup .midias .midia { margin: 0 0 0 30px; } #homeRedesSociais .contentAll .contentMashup .midias .midia .img .cont { box-shadow: 0 0 10px rgba(0,0,0,.5); } #homeRedesSociais .contentAll .contentMashup .midias .midia .img .controls { width: 100%; margin: 12px 0 0 0; text-align: center; } #homeRedesSociais .contentAll .contentMashup .midias .midia .img .controls li { display: inline; } #homeRedesSociais .contentAll .contentMashup .lineV { height: 350px; background: url(../img/redes-line-v-trans.png) repeat-y; margin: 0 40px; } #homeRedesSociais .contentAll .contentMashup .twitter .tit { margin-bottom: 20px; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter { width: 270px; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content { width: 100%; margin: 0 0 30px 0; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .img { float: left; margin: 0 8px 5px 0; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt { float: left; width: 220px; color: #FFF; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt p { line-height: 16px; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt p.autor { font-weight: bold; margin-bottom: 5px; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt p.data { font-size: 10px; margin-top: 5px; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt p.data img { margin: 0 0 0 8px; vertical-align: baseline; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt span, #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt a { color: #ffdd49; text-decoration: none; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .content .txt a:hover { color: #ffdd49; text-decoration: underline; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .controls { text-align: right; } #homeRedesSociais .contentAll .contentMashup .twitter .contentTwitter .controls img { margin: 0 7px; } #homeRedesSociais .contentAll .lineH { width: 100%; background: url(../img/redes-line-h-trans.png) repeat-x; margin: 22px 0 10px 0; } #homeRedesSociais .contentAll .thumbs .tit { margin-bottom: 20px; } #homeRedesSociais .contentAll .thumbs .thumb { margin: 0; } #homeRedesSociais .contentAll .thumbs .thumb li { display: inline; margin: 0 6px; float: left; width: 85px; height: 85px; overflow: hidden; background-color: #FFF; } #homeRedesSociais .contentAll .thumbs .thumb li .img { width: 88px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #homeRedesSociais .contentAll .thumbs .thumb li .img:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #homeRedesSociais .contentAll .thumbs .thumb li .ico { position: absolute; z-index: 999; margin: 44px 0 0 55px; /*margin: 57px 0 0 56px\9;*/ } /* ---------------- Localizador de Agências ---------------- */ #localizador { } .contentLocalizador { top: 70%; left: 50%; margin: 0 0 0 -210px; position: absolute; width: 420px; z-index: 300; } .contentLocalizador #itau_mapa { width:100%; min-height:auto; height: auto; } /* Sugestões de endereços */ .contentLocalizador .suggestSearch { display: none; position: relative; background: url(../img/bg-search-itens.gif) top left repeat-x #e5e4e3; border: 1px solid #d0cdcc; z-index: 320; width: 400px; padding: 12px 20px; } .contentLocalizador .suggestSearch p.tit { color: #f47920; padding: 0 0 10px 0; font-weight: bold; } .contentLocalizador .suggestSearch ul li { line-height: 16px; } .contentLocalizador .suggestSearch a { text-decoration: none; color: #68727B; } .contentLocalizador .suggestSearch a:hover { text-decoration: underline; } .contentLocalizador .localSearch { background: url(../img/bg-search-form.gif) top left repeat-x #e5e4e3; padding: 10px; width: 420px; text-align: center; border: 1px solid #a8afba; box-shadow: 0 1px 3px rgba(0,0,0, 0.5); } .contentLocalizador .localSearch .localizarAgencias { width: 350px; } .contentLocalizador .localSearch .formSearch { border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; background: url("../img/search-icon.png") right center no-repeat #fff; padding: 5px 25px; margin-top: 7px; border: 1px solid; border-color: #8C9399 #B6BFC4 #B6BFC4; color: #68727B; font-family: Tahoma, Arial, sans-serif; font-size: 12px; } .contentLocalizador .localSearch .setaDown { float: right; margin: 10px 20px 0 5px; } .contentLocalizador .localSearch .setaDown img { vertical-align: text-bottom; } .contentLocalizador .localSearch .setaDown a { display: block; text-decoration: none; } .contentLocalizador .contentSelectSearch { display: none; width: 440px; background: url(../img/bg-search-itens.gif) top left repeat-x #e5e4e3; border: 1px solid #d0cdcc; border-top: none; position: relative; } .contentLocalizador .contentSelectSearch .filtros { width: 440px; padding-bottom: 10px; } .contentLocalizador .contentSelectSearch .filtros li.item { background: url(../img/line-search-itens.gif) top left repeat-x; padding: 3px 0; padding-left: 90px; } .contentLocalizador .contentSelectSearch .filtros li.item:first-child { background: none; } .contentLocalizador .contentSelectSearch .filtros li.item p { margin-left: 17px; line-height: 18px; } .contentLocalizador .contentSelectSearch .filtros li.item p.tit { font-weight: bold; } .contentLocalizador .contentSelectSearch .filtros li.item a { background: url(../img/bullet-circ-lja.png) 0 6px no-repeat; padding-left: 10px;} .contentLocalizador .contentSelectSearch .filtros span { float: left; margin: 0 13px; } .contentLocalizador .contentSelectSearch .filtros .selecionar { float: left; } .contentLocalizador .contentSelectSearch .filtros .select1 { margin: 10px 0 0 0; margin: 9px 0 0 0\9; } .contentLocalizador .contentSelectSearch .filtros .select2 { margin: 3px 0 0 0; margin: 0\9; } .contentLocalizador .contentSelectSearch .filtros .setaUp { float: right; margin: 5px 10px 0 5px; } .contentLocalizador .contentSelectSearch .filtros .setaUp img { vertical-align: bottom; *vertical-align: text-top; } .contentLocalizador .contentSelectSearch .filtros .setaUp a { display: block; margin-right: 10px; text-decoration: none; } .contentLocalizador .contentSelectSearch .filtros li span.icoGeoItau { width: 36px; height: 36px; display: block; background: url(../img/logo-search-all-trans.png) 0 0 no-repeat; background-position: 0 0; } .contentLocalizador .contentSelectSearch .filtros li span.icoGeoPers { width: 36px; height: 36px; display: block; background: url(../img/logo-search-all-trans.png) 0 0 no-repeat; background-position: -36px 0; } .contentLocalizador .contentSelectSearch .filtros li span.icoGeoCaixas { width: 36px; height: 36px; display: block; background: url(../img/logo-search-all-trans.png) 0 0 no-repeat; background-position: -72px 0; } .contentLocalizador .contentSelectSearch .filtros li span.icoGeoCheques { width: 36px; height: 36px; display: block; background: url(../img/logo-search-all-trans.png) 0 0 no-repeat; background-position: -108px 0; } /* Caixas no Exterior */ .contentLocalizador .contentCaixaExterior { margin-top: 48px; margin-left: 180px; z-index: 9999999; position:absolute; display: none; } .contentLocalizador .contentCaixaExterior .fechar a { position: absolute; margin: 6px 0 0 295px; font-weight: bold; text-decoration: none; } .contentLocalizador .contentCaixaExterior .seta { margin-left: 80px; margin-top: -1px; } .contentLocalizador .contentCaixaExterior .content { width: 280px; border: 1px solid #cdd2d5; background-color: #FFF; padding: 8px 16px; border-radius:6px; } .contentLocalizador .contentCaixaExterior .content ul li { line-height: 16px; } .contentLocalizador .contentCaixaExterior .content p { line-height: 12px; margin-bottom: 5px; } .contentLocalizador .contentCaixaExterior .content a { color: #373d45; transition: all 0.2s linear; } .contentLocalizador .contentCaixaExterior .content a:hover { color: #7a828c; text-decoration: underline; transition: all 0.3s linear; } /* InfoBox - Geolocalização */ .containerBoxGeo { background: url("/_arquivosestaticos/Itau/img/marcadorCinza.png") no-repeat scroll 0px 0px transparent; opacity: 0.85; filter: alpha(opacity=85); } .boxInfoGeo { margin-top: 8px; padding: 10px; width: 200px; height: 137px; } .pTitulo { color: #010d1b; font-size: 9px; font-weight: bold; margin-bottom: 5px; } .pEndereco, .pTel, .pFuncionamento { color: #08203f; margin: 0 0 1px 0; max-width: 180px; font-size: 9px; z-index: 100; } .pAtendimento { color: #010d1b; font-size: 10px; } ul.pSegmento { color: #08203f; font-size: 9px; margin: 3px 0 0 5px; max-width: 180px; z-index: 100; } /* ----- ALERTAS ----- */ .alert { width: 360px; text-align: left; padding: 8px; margin: 25px auto 5px auto; border-radius: 5px; /*display: none;*/ } .alert p { padding: 0 0 0 20px; line-height: 16px; } .exclamation { background: url(../img/ico-alert-exclamation-trans.png) 8px 9px no-repeat #b2b9bd; } .success { background: url(../img/ico-alert-success-trans.png) 8px 9px no-repeat #dff0d8; } .contentLocalizador .localSearch .alert { width: 360px; text-align: left; padding: 8px; margin: 25px auto 5px auto; border-radius: 5px; display: none; } .contentLocalizador .localSearch .alert p { padding: 0 0 0 20px; line-height: 16px; } .contentLocalizador .localSearch .exclamation { background: url(../img/ico-alert-exclamation-trans.png) 8px 9px no-repeat #b2b9bd; } .contentCredicard { text-align: left; z-index: 1; position: relative; } .contentAllInt { width: 980px; text-align: left; margin: 0 auto 20px auto; } .contentAllInt div.titInt { margin: 0 0 20px 0; } .contentAllInt .btn a { text-decoration: none; } /* ------- Faixa de Segmentos ------- */ #contentAll .segmentos { width: 100%; margin: 0 auto; } #contentAll .segmentos .pvt { height: 46px; background: url(../img/bg-seg-private.gif) left top repeat-x #80796a; } #contentAll .segmentos .pers { height: 78px; background: url(../img/bg-seg-personnalite.gif) left top repeat-x #dcd3c1; } #contentAll .segmentos .pvt .content, #contentAll .segmentos .pers .content, #contentAll .segmentos .uni .content, #contentAll .segmentos .pj .content { width: 980px; margin: 0 auto; } #contentAll .segmentos .pvt .content ul { float: right; margin-top: 16px; } #contentAll .segmentos .pers .content ul { float: right; margin-top: 46px; } #contentAll .segmentos .pvt .content li, #contentAll .segmentos .pers .content li { display: inline; padding-left: 15px; } #contentAll .segmentos .pvt .content img.id { float: left; margin: 11px 0 0 2px; } #contentAll .segmentos .pers .content img.id { float: left; margin: 7px 0 0 0; } #contentAll .segmentos .uni .content img.id { float: right; margin-top: 15px; margin-bottom: -33px; *margin-bottom: -39px; } #contentAll .segmentos .pj .content img.id { float: right; margin-top: 15px; margin-bottom: -37px; *margin-bottom: -43px; } @media screen and (max-width: 1100px) { #contentAll .segmentos .pvt .content img.id { margin: 11px 0 0 48px; } #contentAll .segmentos .pers .content img.id { margin: 7px 0 0 26px; } } #contentAll .segmentos .pvt .content a { color: #FFF; font-weight: bold; text-decoration: none; } #contentAll .segmentos .pvt .content a:hover { text-decoration: underline; } #contentAll .segmentos .pers .content a { color: #6a3a00; font-weight: bold; text-decoration: none; } #contentAll .segmentos .pers .content a:hover { text-decoration: underline; } /* ------- Breadcrumb Trail - BCT ------- */ #contentAll .contentAllIntBct { width: 980px; text-align: left; margin: 20px auto 0 auto; } #contentAll .contentAllIntBct .bct { width: 100%; color: #8b8a89; } #contentAll .contentAllIntBct .bct ul.semLogo { float: left; margin: 0 0 5px 0; } #contentAll .contentAllIntBct .bct ul { float: left; /*margin: 15px 0 0 0;*/ } #contentAll .contentAllIntBct .bct ul li { list-style: none; display: inline; } #contentAll .contentAllIntBct .bct ul a { color: #8b8a89; text-decoration: none; } #contentAll .contentAllIntBct .bct ul a:hover { text-decoration: underline; } #contentAll .contentAllIntBct .bct div.logoSeg { float: right; text-align: right; } #contentAll .contentAllIntBct .bct div.logoSeg img { float: left; } #contentAll .contentAllIntBct .bct div.logoSeg .btnSeg { float: right; *float: none; margin: 9px 0 0 10px; *margin: 10px 0 0 10px; *display: inline-block; } #contentAll .contentAllIntBct .bct div.logoSeg .btnSeg a { text-decoration: none; } /* ------- Sub-Menus ------- */ .contentAllInt .titSubMnu { /*margin: 0 0 30px 0;*/ padding: 0 0 10px 0; min-height:35px; position: relative; width: 100%; /*border-bottom: 1px solid #e5e5e5;*/ } .contentAllInt .titSubMnu div.titInt, .contentAllInt .titSubMnu h1.titInt { float: left; position: relative; z-index: 600; width: 800px; padding-bottom: 0; margin: 3px 0; line-height: 26px; border-bottom: none; } .contentAllInt .titSubMnu ul.subMnuInt { *float: right; *position: relative; z-index: 700; margin-bottom:10px; height:20px; position:absolute; width: 800px; padding-top: 8px; margin-left: 180px; *margin-left: 0; *margin-top: -35px; display: block; text-align: right; } .contentAllInt .titSubMnu ul.subMnuInt li { display: inline; padding: 0 0 0 15px; color: #a9abae; font-weight:bold; } .contentAllInt .titSubMnu ul.subMnuInt li.btn { height: 80px; *padding: 0 0 0 130px; } .contentAllInt .titSubMnu ul.subMnuInt li.btn span.btnSite { *width: 105px; *text-align: center; *margin-top: -22px; } /* Sub-Menu - com BackGround (Modelo: Experiência Personnalité) */ .contentAllInt .titSubMnuBGImg { margin: 0 0 35px 310px; padding: 45px 0 0 0; min-height: 35px; width: 670px; } .contentAllInt .titSubMnuBGImg div.titIntLogoBGImg { display: block; text-indent: -9999px; float: left; margin: 0 0 0 25px; } .contentAllInt .titSubMnuBGImg div.pers { background: url(../img/pers/logo-experiencia-personnalite.png) 0 0 no-repeat; width: 182px; height: 67px; } .contentAllInt .titSubMnuBGImg ul.subMnuInt { margin: 16px 0 0 0; float: right; } .contentAllInt .titSubMnuBGImg ul.subMnuInt li { display: inline; padding: 0 0 0 15px; color: #a9abae; font-weight:bold; } .contentAllInt .titSubMnuBGImg ul.subMnuInt li.btn { height: 80px; *padding: 0 0 0 130px; } .contentAllInt .titSubMnuBGImg ul.subMnuInt li.btn span.btnSite { *width: 90px; *margin-top: -22px; } /* ------- BTNs ------- */ .contentAllInt .titSubMnu a, .contentAllInt .titSubMnuBGImg a { color: #00458c; font-weight: bold; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .contentAllInt .titSubMnu a:hover, .contentAllInt .titSubMnuBGImg a:hover { text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .contentAllInt .titSubMnu .btn a:hover { text-decoration: none; } /* ------- Resultados da Busca ------- */ #busca { width: 980px; margin: 20px auto; } #busca .resultadoBusca p { margin-bottom: 20px; } #busca .resultadoBusca .paginacao { width: 450px; text-align: center; } #busca .resultadoBusca .paginacao ul li { display: inline; padding: 2px; line-height: 17px; } #busca .destaque { font-weight: bold; color: #ff6600; } #busca .titResultado { color: #ff6600; font-size: 14px; font-weight: bold; } #busca .descricao { margin: 0; } #busca .paginacao ul li { display: inline; padding: 10px; line-height: 80px; } #busca .paginacao ul { text-align:center; } /* ------- Suporte aos browsers /certificados ------- */ #certificados { line-height: 1; } #certificados #div_main { min-width: 980px; width: 100%; height: 60px; background-color: #feffd7; border-bottom: 1px solid #abaa9a; border-right: 1px solid #abaa9a; } #certificados #div_text { font-size: 12px; color: #134679; float: left; display: inline-block; *display: inline; _display: inline; zoom: 1; padding: 10px 20px; } #certificados #div_text p { line-height: 20px; } #certificados #div_img { display: inline-block; *display: inline; _display: inline; zoom: 1; padding: 10px 20px 10px 0; float: right; } #certificados #div_img ul { height: 40px; padding: 0; margin: 0; } #certificados #div_img ul li { padding: 0 1px; list-style: none; display: inline-block; *display: inline; _display: inline; zoom: 1; } #certificados #div_img ul li a img { border: 0; } .descDir,.descDirTop { float: right; text-decoration: underline; }