/* FONTS */ @font-face { font-family:newjunebook; src:url(../fonts/newjune-book-webfont.eot); src:url(../fonts/newjune-book-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/newjune-book-webfont.woff) format('woff'), url(../fonts/newjune-book-webfont.ttf) format('truetype'), url(../fonts/newjune-book-webfont.svg#newjunebookregular) format('svg'); font-weight:400; font-style:normal; } @font-face { font-family:newjunemedium; src:url(../fonts/newjune-medium-webfont.eot); src:url(../fonts/newjune-medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/newjune-medium-webfont.woff) format('woff'), url(../fonts/newjune-medium-webfont.ttf) format('truetype'), url(../fonts/newjune-medium-webfont.svg#newjunemediumregular) format('svg'); font-weight:400;font-style:normal; } @font-face { font-family:newjunebold; src:url(../fonts/newjune-bold-webfont.eot); src:url(../fonts/newjune-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/newjune-bold-webfont.woff) format('woff'), url(../fonts/newjune-bold-webfont.ttf) format('truetype'), url(../fonts/newjune-bold-webfont.svg#newjuneboldregular) format('svg'); font-weight:400;font-style:normal; } /* General */ html, body{font-family: Arial, sans-serif; color:#4d4e53;} body{background:#fff;padding-top:41px;} body#body-iframe{background:transparent;padding-top:0} a{text-decoration:none; color:#00539f} a:hover{color:#488AE6; text-decoration:underline} h1:focus, h2:focus, h3:focus, p:focus, li:focus, a:focus {outline:none transparent;} h1,h2,h3,h4,h5,h6{font-family:newjunemedium;font-weight:400;line-height:1.2;} .ttl-01{font-family:Georgia,serif;font-size:2.9em;font-style:italic;color:#d02138;margin-bottom:0.25em;} .ttl-02{font-family:newjunebook;color:white;text-transform:uppercase;font-size:1.4em;} .ttl-03{font-family:"newjunebold";font-weight:400;color:#e20430;} .ttl-03 a{color:#e20430;} .ttl-04{font-family:newjunebook;color:#e20430;font-size:2em;} /*forms*/ .ctm-select{width:45px;height:40px;} .ctm-select select{ display: none; background: transparent; border:0; border-radius: 0; -webkit-appearance: none; font-family:"newjunebold"; font-size:22px; color:#e20531; padding:5px; } /* estrutura */ .container{margin:30px auto 0;font-family:newjunebook;color:#4d4e53;max-width:1280px;} .container p{font-size:1.38em;font-family:newjunebook;} .container strong{font-family:newjunebold;font-weight:400;} .wrapper { padding: 0;max-width: 747px;} .offset { margin-left: 274px;} .offset-space {margin-left: 19px;width:1022px;} /* internas */ #header-internal-content {height:107px;} #header-internal-content h1, #header-internal-content h2 {float:left;clear:both;width: 100%;margin:0;} #header-internal-content h1 {margin-top: 10px;} #header-internal-content h2 {font-size:31px;font-family:newjunebook;color:#484747;} .grid-voltar {clear:both;width: 100%;max-width:748px;border-top: 1px solid #d0d0d0;} .grid-voltar a {font-family:Arial;margin:18px 0px 35px;padding-left:10px;background:url("../imagens/geral/ico-back.png") left bottom no-repeat;color:#4d4e53;line-height:1em;} /* generic classes */ .none {display:none} .block {display:block;visibility:visible;} .font-size-1 {font-size:13px} .font-size-2 {font-size:15px} .font-size-3 {font-size:17px} .fl {float:left;} .fr {float:right;} hr.space-ttl{padding-top:10px;border-top:none;} .space-ico{padding-top:15px;} .space-ico div { width: 165px; } .span-bram, .red-span {color: #e20430;} .spacer{display:block; width:100%; height:1px; float:left;} .layer-lt, .layer-rt, .lay2-lt, .lay2-rt{position:absolute;} .layer-lt, .layer-rt{width:50%;height:100%;} /*background full-width*/ .layer-lt{left:0;right:50%;} .layer-rt{right:0;left:50%;} .lay2-lt{top:-2px;left:0;} .lay2-rt{bottom:-2px;right:0;} .blocks-style p {line-height:1.6em;} /* CANTO CHANFRADO */ .cropped { clear: both; position: relative; } .cropped .crop { position: absolute; width: 20px; height: 21px; display: block; } .cropped .crop.br-crop { bottom: 0; right: 0; background:url("../imagens/geral/cropped-border-bottom-right.png") center center no-repeat; } .cropped .crop.tl-crop { top: 0; left: 0; background:url("../imagens/geral/cropped-border-top-left.png") center center no-repeat; } .cropped .crop.big-crop { width: 45px; height: 52px; } .cropped .big-crop { width: 45px; height: 52px; } .cropped .big-crop.br-crop, .cropped.border-crop .big-crop.br-crop { background:url(../../portal/imagens/geral/red-cropped-big-bottom-right.png); bottom: -1px; right: -1px; } .cropped .big-crop.tl-crop, .cropped.border-crop .big-crop.tl-crop { background:url(../../portal/imagens/geral/red-cropped-big-left-top.png); top: -1px; left: -1px; } .cropped.border-crop { border: 1px solid #d1243a; } .cropped.border-crop .br-crop { background: url("../imagens/geral/cropped-small-bottom-right.png") center center no-repeat; bottom: -1px; right: -2px; } .cropped.border-crop .tl-crop { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAgVBMVEUAAADtHCbtHCbycX7uRFLsHyztGyXtHSbtHyntICntISrtHCTtHCTwWWftKTbtNELvV2fsKDbtMkLsIS7tHSbtHijtISrtJS/tISruKTLtHCTtJCztHCTtHCTtHCTtHCTtHCT/////+fr94uX70tf5u8L+8PL98PL2pK72o6z0ipaD+zGlAAAAIXRSTlMA+PT++/nu58izgCMK/fv6+PXy8drYmZVlYFFLOC0cFA911I8iAAAAbklEQVQY013PNxKDQBQE0dmVQMLI4L333P+ABFRB/enwZY2OmhTTYGRE/TcB0fMNoserJdqUA0mjKiBpMWwQ/SwQfSKXaDdrSJpUCUmDTiGp92LcXR9350dDtOoKkkadQ9Ic2CDyLVD/0GUyHZYDFYYZrYucebwAAAAASUVORK5CYII=') center center no-repeat; top: -1px; left: -2px; } /**** CONHEÇA TAMBÉM ****/ .see-also {width: 250px;margin-left: 25px;padding-right:0;position: relative;z-index:5;} .see-also .ttl-01 {font-size: 2em;} .see-also .ttl-03 {font-family:newjunemedium;font-size: 1.25em;margin-bottom:3px;} .see-also li {float:left;display:block;width:100%;clear:both;line-height: 1em;margin-top: 30px;} .see-also-item-content, .see-also li > img {float:left;} .see-also-item-content {width: 150px;margin-left:15px;} .see-also-item-content a {font-size: 0.84em;color:#6c6c6c;line-height:0.84em;} /* PAGINAÇÃO */ .pagination { float: left; clear: both; width:100%; text-align: center; } .pagination ul { display: inline-block; margin: 0 auto; } .pagination li { float: left; } .pagination a { display: block; width: 8px; height: 8px; margin: 0 4px; } /* FILTRO DE FUNDOS */ .filter-wrapper .wrapper { min-width: 747px;} .filter-wrapper .sprite { background-image: url("../imagens/fundos/sprite-filter.png"); background-repeat: no-repeat; } /* T�TULO DO FILTRO */ .filter-wrapper p.filter-title { font-size: 1.69em; margin: 0 0 15px 0; } /* VISUALIZAÇÃO */ .filter-wrapper .filter-display { margin-top: 4px; } .filter-wrapper .filter-display ul { margin-top: 4px; } .filter-wrapper .filter-display li { float: left; display: block; margin-left: 10px; } .filter-wrapper .filter-display .display-button { text-indent: -9999px; display: block; width: 19px; height: 19px; } .filter-wrapper .filter-display .display-button.grid-button { background-position: -29px 0px; } .filter-wrapper .filter-display .display-button.grid-button.active { background-position: 0px 0px; } .filter-wrapper .filter-display .display-button.list-button { background-position: -87px 0px; } .filter-wrapper .filter-display .display-button.list-button.active { background-position: -58px 0px; } /* CAMPOS DO FILTRO: FORM */ .filter-wrapper .filter-content { background: #ebebeb url("../imagens/fundos/bg-filter-form-section2.png") 68px 0 repeat-y; } .filter-wrapper .filter-content form { position: relative; margin: 0; } .filter-wrapper .form-section { padding-left: 20px; padding-top: 18px; padding-bottom:20px; min-height: 160px;} .filter-wrapper .form-section:first-child { background: none; } .filter-wrapper .form-section { } .filter-wrapper .form-section .cont-input { float: left; clear: both; margin-top: 7px; min-height: 17px; } .filter-wrapper .form-section legend { margin-bottom: 4px; font-size: 1.38em; font-family: newjunebold; } .filter-wrapper .form-section input[type="checkbox"], .filter-wrapper .form-section label { float: left; line-height: 1.38em; } .filter-wrapper .form-section input[type="checkbox"] { margin: 3px 4px 3px 0; } .filter-wrapper .form-section label { font-size:1.07em;color:#6c6c6c; } .filter-wrapper .form-section.segmentos { width: 129px; } .filter-wrapper .form-section.categorias { width: 266px; } .filter-wrapper .form-section.riscos { width: 175px; } .filter-wrapper .form-section.aplicacao-inicial { width: 275px; } .filter-wrapper .wrapper-button-filter { clear: both; width: 100%; height: 31px; background:#074068; } .filter-wrapper .wrapper-button-filter button, .filter-wrapper .wrapper-button-filter button:hover { line-height: 31px; width: 95px; height: 31px; padding: 0 13px 0 0; margin:0 45px 0 0; transition: none; background: url("../imagens/geral/bullet-skew-tabs-right.jpg") right center no-repeat; color: #fff; } /* Estilo especial para Riscos */ .filter-wrapper .form-section.riscos label{ width: 100px; position:relative; white-space:nowrap; } .filter-wrapper .form-section.riscos label span { float: right; width: 22px; height: 22px; position:absolute; right:-21px; top:0; } .filter-wrapper .form-section.riscos .low { background-position: 0px -29px; } .filter-wrapper .form-section.riscos .medium { background-position: -32px -29px; } .filter-wrapper .form-section.riscos .high { background-position: -64px -29px; } /* RESULTADO DO FILTRO - EM GRADE */ .grid-filter { margin-top: 37px; width: 760px; min-height: 500px; } .grid-filter .item-content-filtered { position: relative; float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; background: #ebebeb; } .font-size-2 .grid-filter .item-content-filtered{height: 190px;} .font-size-3 .grid-filter .item-content-filtered{height: 230px;} .font-size-3 .grid-filter .item-content-filtered dd { font-family: newjunebook; } .grid-filter .item-content-filtered a { position: absolute; width: 180px; height: 100%; display: block; top:0; left: 0; } .grid-filter .item-content-filtered h3 { position: relative; margin: 0; background-color: #074068; background-image: url("../imagens/fundos/bg-item-filter-title.jpg"); background-position: right center; background-repeat: no-repeat; padding: 0 0 0 10px; line-height: 22px; font-size: 1em; color: #fff; white-space: nowrap;} .grid-filter .item-content-filtered h3 span { float: right; display: block; width: 28px; height: 22px; position: absolute; right: 0; top: 0;} .grid-filter .item-content-filtered h3 span.low { background-position: 0px -61px; } .grid-filter .item-content-filtered h3 span.medium { background-position: -38px -61px; } .grid-filter .item-content-filtered h3 span.high { background-position: -76px -61px; } .grid-filter .item-content-filtered h4 { line-height: 1.07em; font-size: 1.07em; color: #cb2727; margin: 17px 5px 10px 9px; } .grid-filter .item-content-filtered h4 .minor-text { font-size:0.92em; } .grid-filter .item-content-filtered dl { margin-left: 10px; } .grid-filter .item-content-filtered dt, .grid-filter .item-content-filtered dd { float: left; font-size: 0.76em; margin: 0; padding-right: 5px;} .grid-filter .item-content-filtered dt { width: 90px;} .grid-filter .item-content-filtered dd { font-family: newjunebold; } /* PAGINAÇÃO */ .filter-wrapper .pagination { margin: 14px 0 39px; } .filter-wrapper .pagination a { background: url("../imagens/fundos/pager-filter-content-inactive.jpg") center center no-repeat; } .filter-wrapper .pagination li.active a { background-image: url("../imagens/fundos/pager-filter-content.jpg"); } /* MODAL */ .filter-wrapper #myModal { width: 750px; padding: 0; border: none; height: 750px; box-shadow: none; margin-left: -50%; top: 0; background-color: transparent; } .filter-wrapper #myModal .modal-background { background-color: #fff; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .filter-wrapper #myModal .modal-content { position: absolute; top: 65px; left: 50%; margin-left: -225px; width: 490px; height: auto; } .filter-wrapper #myModal .wrapper-header { padding-top: 30px; background: url("../imagens/fundos/bg-title-modal.png") center top no-repeat; height: auto; display: table; min-height: 108px; position: relative; width:490px; padding-bottom: 15px;} .filter-wrapper #myModal .wrapper-header > a { position: absolute; top:0; right: 0; background: url("../imagens/fundos/ico-modal-close.png") center center no-repeat; width: 18px; height: 17px; } .filter-wrapper #myModal .modal-content h3 { font-size:1.84em; color: #cb2727; } .filter-wrapper #myModal .modal-content h3 span { float: left; display: block; width: 19px; height: 19px; margin: 5px 12px 0 3px; } .filter-wrapper #myModal .modal-content h4 { float: left; width: 165px; margin-left: 33px; } .filter-wrapper #myModal .modal-content dl { width: 265px; float: left; display: block; margin: 3px 0 0 12px;} .filter-wrapper #myModal .modal-content dt, .filter-wrapper #myModal .modal-content dd { margin: 0; font-size: 1.16em; line-height: 1.16em; } .filter-wrapper #myModal .modal-content dt { width: auto; padding-right:3px; clear:left;} .filter-wrapper #myModal .modal-content dd { color: #fff;clear:both;} .filter-wrapper #myModal .modal-content dd span{color: #b9c2cb; font-weight:700; float:left; padding-right:3px;} .filter-wrapper #myModal .modal-content dd span.c-anbima{padding-bottom:10px;} .filter-wrapper #myModal .low { background-position: 0px -29px; } .filter-wrapper #myModal .medium { background-position: -32px -29px; } .filter-wrapper #myModal .high { background-position: -64px -29px; } .filter-wrapper #myModal .modal-content h4 { color: #fff; } .filter-wrapper #myModal .wrapper-modal-content { float: left; width: 100%; background: #ebebeb; } .filter-wrapper #myModal .wrapper-modal-content .desc-modal-content { width: 100%; margin: 10px 0 8px 23px; } .filter-wrapper #myModal .wrapper-modal-content .desc-modal-content li { float: left; width: 100%; max-width: 394px; padding-left: 33px; font-size: 1.23em; line-height: 1.23em; background: url("../imagens/fundos/bg-checked-item.png") left center no-repeat; margin: 5px 0; } .filter-wrapper #myModal .wrapper-modal-content .desc-modal-content li span { padding-left: 33px; vertical-align: middle; display: table-cell; } .filter-wrapper #myModal .see-more { float: right; color: #fff; margin-right: 33px; margin-top: 14px; background: url("../imagens/fundos/bg-button-see-more.jpg") right center no-repeat; padding-right: 30px; height: 27px; } .filter-wrapper #myModal .see-more span { font-size: 1.23em; display: block; line-height: 27px; height: 27px; padding: 0 0.44em; background-color: #c72b41; text-align: center; font-family: newjunebold; } .filter-wrapper .data-nolink{background-color:#dadada;padding:25px 55px 30px;font-size:1em;font-weight:bold;clear:both;} .filter-wrapper .data-nolink a{color:#218dcc;text-decoration:underline;} /* RESULTADO DO FILTRO - EM LISTA */ .list-filter { margin-top: 22px; width: 747px; } .list-filter table { width: 100%; border:none; border-bottom: 1px solid #e8e8e8; } .list-filter tr { height: 67px; border-top: 1px solid #e8e8e8; background: #fff; } .list-filter thead tr { border: none; } .list-filter th { font-size: 22px; color: #e20531; padding: 0; } .list-filter td { font-size: 18px; color: #a7a7a7; padding: 0; vertical-align: middle; cursor: pointer; position:relative;} .list-filter tbody td:first-child { padding: 0 23px; } .list-filter tbody td > span { color: #f18298; display: block; vertical-align: middle; font-size: 1.22em; width: 15px; height: 15px; margin: 0 auto; background-position: 0px -93px; text-align: center; } /* ACTIVE LINE */ .list-filter tr.active td { font-family: newjunebold; color: #4d4e53; } .list-filter tr.active td > span { background-position: -29px -93px; } .list-filter .item-content-filtered { background-color: #ebebeb; border-top: none; height: auto; } .list-filter .item-content-filtered td:first-child { padding: 0; vertical-align: top; } .list-filter .item-content-filtered h3 { margin: 0; height: 42px; line-height: 42px; color: #fff; font-size: 1em; background: #074068 url("../imagens/fundos/border-cropped-title-list.jpg") right top no-repeat; } .list-filter .item-content-filtered h3 span { float: left; display: block; width: 19px; height: 19px; margin: 12px 12px 0 23px; } .list-filter .item-content-filtered .low { background-position: 0px -29px; } .list-filter .item-content-filtered .medium { background-position: -32px -29px; } .list-filter .item-content-filtered .high { background-position: -64px -29px; } .list-filter .desc-content-filtered { width: 550px; margin: 10px 0 8px 23px; } .list-filter .desc-content-filtered li { float: left; min-height: 22px; width: 565px;; display: table; padding-left: 33px; color: #4d4e53; font-size: 0.88em; line-height: 1.14em; background: url("../imagens/fundos/bg-checked-item.png") left center no-repeat; margin: 5px 0; } .list-filter .desc-content-filtered li span { padding-left: 33px; vertical-align: middle; display: table-cell; } .list-filter .see-more { float: right; font-size: 0.88em; color: #fff; margin-right: 13px; margin-top: 50px; background: url("../imagens/fundos/bg-button-see-more.jpg") right center no-repeat; padding-right: 30px; height: 27px; } .list-filter .see-more span { display: block; line-height: 27px; height: 27px; padding: 0 0.44em; background-color: #c72b41; text-align: center; font-family: newjunebold; } /* SKEW TABS */ .skew-tabs { position: relative; width: 100%; min-width: 747px; height: 64px; display: table; } .skew-tabs-bg { position: absolute; width:100%; height: 40px; background:url("../imagens/geral/bg-skew-tabs.png") center center no-repeat; color:#fff; } /* BULLET DE NAVEGAÇÃO */ .skew-tabs .skew-tab-bullet { z-index: 5; position: absolute; display: block; width: 20px; height: 20px; text-indent: -9999px; top: 10px; } .skew-tabs .skew-tab-left { background: url("../imagens/geral/bullet-skew-tabs-left.jpg") center center no-repeat; left: 40px;} .skew-tabs .skew-tab-right { background: url("../imagens/geral/bullet-skew-tabs-right.jpg") center center no-repeat; right: 40px;} /* LISTA DE BOTÕES */ .skew-tabs-list { width: auto; margin: 14px auto 0; position: relative; /*display: table;*/ overflow: hidden;} .skew-tabs .skew-tab { float: left; position: relative; background-image: url("../imagens/geral/sprite-skew-tab2skew-tab2-active.png"); background-repeat: no-repeat; background-position: right top; } .skew-tabs .skew-tab a { display:block; color:#fff; width: 90%; height: auto; line-height: 40px; margin: 0 40px; font-size: 1.36em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .skew-tabs .skew-tab.active a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* ESTILO COM 2 ABAS */ .skew-tabs.width2 .skew-tab { left:64px; background-image:url("../imagens/geral/sprite-skew-tab2-active.png"); width: 298px; height: 40px; } .skew-tabs.width2 .skew-tab:first-child { left:64px; } .skew-tabs.width2 .skew-tab.active { background-position:left top; width: 309px; height: 50px; position: relative; } .skew-tabs.width2 .skew-tab.active a { line-height:50px; } /* ESTILO COM 3 ABAS */ .skew-tabs.width3 .skew-tab { left:-8px; background-image:url("../imagens/geral/sprite-skew-tab3-active.png"); width: 221px; height: 39px; } .skew-tabs.width3 .skew-tab:first-child { left:10px; } .skew-tabs.width3 .skew-tab.last{left:-27px;} .skew-tabs.width3 .skew-tab a { text-align: center; font-size:11px; width:75%; margin: 0 auto; line-height:1.2;padding-top:12px;} .skew-tabs.width3 .skew-tab.active { background-position:left top; width: 228px; height: 49px; position: relative; } .skew-tabs.width3 .skew-tab.active a { font-size:14px;line-height:1.2; } .skew-tabs.width3 .skew-tab.line-tab a { line-height:1.2;padding-top: 8px;} /* ESTILO COM 4 ABAS */ .skew-tabs.width4 .skew-tab { left:-8px; background-image:url("../imagens/geral/bg-skew-tab4.png"); width: 158px; height: 40px; } .skew-tabs.width4 .skew-tab:first-child { left:10px; } .skew-tabs.width4 .skew-tab.last{left:-25px;} .skew-tabs.width4 .skew-tab a { font-size:13px; width:100%; text-align: center; line-height:1.2em; margin: 0; padding-top:12px;} .skew-tabs.width4 .skew-tab.active { background-position:left top; width: 171px; height: 55px; position: relative; } .skew-tabs.width4 .skew-tab.active a { font-size:14px;line-height:1.5em; } .skew-tabs.width4 .skew-tab.line-tab a { line-height:1.2;padding-top: 8px;} .skew-tabs.width4 .skew-tab.skew-tab2 { left: 0px;} .skew-tabs.width4 .skew-tab.skew-tab3 { left: -10px; } .skew-tabs.width4 .skew-tab.skew-tab4 { left: -20px; } /* ESTILO COM 5 ABAS */ .skew-tabs.width5 { overflow: hidden; width: 747px; } .skew-tabs.width5 .wrapper-skew-list { width: 600px; height: 63px; position: relative; margin: 0 auto; margin-left: 68px; overflow: hidden; } .skew-tabs.width5 .skew-tabs-list { position: absolute; width: 2190px; } .skew-tabs.width5 .skew-tab { left:0; background-image:url("../imagens/geral/sprite-skew-tab5-active.png"); width: 137px; height: 40px; margin-right: 14px;} .skew-tabs.width5 .skew-tab a { font-size:1.60em; width:100%; text-align: center; line-height:40px; margin: 0; } .skew-tabs.width5 .skew-tab.active { background-position:left top; width: 143px; height: 49px; position: relative; margin-right: 8px;} .skew-tabs.width5 .skew-tab.active a { font-size:1.80em;line-height:49px; } /*.skew-tabs.width5 .skew-tab.skew-tab1 { left: 30px; } .skew-tabs.width5 .skew-tab.skew-tab2 { left: 10px; } .skew-tabs.width5 .skew-tab.skew-tab3 { left: -10px; } .skew-tabs.width5 .skew-tab.skew-tab4 { left: -30px; } .skew-tabs.width5 .skew-tab.skew-tab5 { left: -50px; }*/ /* CONTEÚDO DAS TABS */ .skew-tabs .content-tabs { float:left; margin-top: 30px; } .skew { -ms-transform: skew(-40deg); /* IE 9 */ -webkit-transform: skew(-40deg); /* Safari */ transform: skew(-40deg); /* Standard syntax */ } .rev-skew { -ms-transform: skew(40deg); /* IE 9 */ -webkit-transform: skew(40deg); /* Safari */ transform: skew(40deg); /* Standard syntax */ } /* SCROLL PANE */ .scroll-pane { overflow: auto; padding: 30px 0; height: 285px; margin-bottom: 20px; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; padding: 30px 0 !important; } .wrapper-list { position: relative; } .wrapper-list .mask { position: absolute; z-index: 2; bottom: 0; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 19px; height: 285px; z-index: 3; } .jspCap { display: none; } .jspTrack { background: url("../imagens/geral/scroll-track.png") center center no-repeat; position: relative; } .jspDrag { background: url("../imagens/geral/scroll-drag-bullet.png") center center no-repeat; position: relative; top: 0; left: 0; cursor: pointer; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /**** BOXES ****/ .institucional-boxes .ttl-01 {font-size:1.92em;} /*ICOS*/ p.hexag-group{text-align:center;font-family:Georgia;font-style:italic;font-size:1.2em;color: #7c7d81;line-height:1.1;} .ico-hexag{display:inline-block;width:100%;height:97px;margin-bottom:15px;border-left:1px solid #bfbfbf;} .space-ico div:first-child .ico-hexag{border:0;} .ico-hexag i{display:block;width:80%;height:80%;background-repeat:no-repeat;background-position:center;background-color:transparent;margin:10%;} .ico-hexag.bag i{background-image:url("../imagens/geral/hexag-ico-bag.png");} .ico-hexag.book i{background-image:url("../imagens/geral/hexag-ico-book.png");} .ico-hexag.flower i{background-image:url("../imagens/geral/hexag-ico-flower.png");} .ico-hexag.globe i{background-image:url("../imagens/geral/hexag-ico-globe.png");} .ico-hexag.graph1 i{background-image:url("../imagens/geral/hexag-ico-graph1.png");} .ico-hexag.graph2 i{background-image:url("../imagens/geral/hexag-ico-graph2.png");} /*BUTTONS*/ .button{position:relative;} .button .boxrt{display:block;position:absolute;right:0;top:0;width:45px;height:45px;} .button .boxrt i{display:block;width:68%;height:68%;margin:16%;border:2px solid #fff;background-repeat:no-repeat;background-position:center;} .button .boxrt i.ccl{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .button .boxrt i.arrow{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOBAMAAAA7w+qHAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA39kZHtb3IMMbzZL4yQUAAABASURBVAjXYwABjhAGKGDd6ABlsUiLwwQdNxZgF+zeDQbZCQyr4SwIMNpkAGFwaitDhSYhhIJhtm01gLI4FgMJAJICFQ7JgCIIAAAAAElFTkSuQmCC");} .button .boxrt.big i{width:100%;height:100%;margin:0;} .button .boxrt.big i.arrow{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAMAAAC9bj0JAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA/PpVTu+U9ejf0sCum1k2JxoQCAPhn4FoW8LBJvsAAABkSURBVBjTdctHEoAwDARB2WByzsz/Hwonqiiv99gj2W9HuExuh1OGsYJ+U2WqoVtVmRtoF1WWFppZlbWDelJlKyCMVjiiOSitRM7LD3CZxct80r10p31I+P16Lu+1W0i49dXnD8t7CsDymiR+AAAAAElFTkSuQmCC");} .button.btn01{background-color:#d21c35;text-transform:uppercase;font-size:1.4em;padding-right:65px;font-family:"newjunebook";height:45px;padding-top: 10px;} .button.btn01 .boxrt, .button.btn01:hover{background-color:#b51736;} .button.btn02{background-color:#d21c35;text-transform:uppercase;font-size:1.4em;padding-right:65px;font-family:"newjunebook";height:45px;} .button.btn02 .boxrt, .button.btn02:hover{background-color:#b51736;} /**** MODULOS ****/ .transparent_class { } /* block-tp1: bloco SKEW */ .block-tp1-3col{margin-left:122px;width:913px;} .block-tp1{width:344px;margin-left:-42px; position:relative; float:left;} .block-tp1-skew{ width: 285px; height: 315px; position:relative; -webkit-backface-visibility : hidden; backface-visibility: hidden; -webkit-transform: skew(-18deg); -moz-transform: skew(-18deg); -o-transform: skew(-18deg); transform: skew(-18deg); -sand-transform: skew(-18deg, 0deg); background:#ccc; overflow:hidden; } .block-tp1-skew img{ position:absolute; top:0; max-width:none!important; left:50%; margin-left:-195px; -webkit-transform: skew(18deg); -moz-transform: skew(18deg); -o-transform: skew(18deg); transform: skew(18deg); -sand-transform: skew(18deg, 0deg); } .block-tp1-skew .overlay-red{display:block;position:absolute;bottom:-1px;left:0;right:0;width:100%;height:78px;background-color:#d21c3f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;} .block-tp1-skew .overlay-red-right{display:block;position:absolute;bottom:-1px;right:0;width:88px;height:78px;background-color:#d21c3f;} .block-tp1 .block-tp1-caption{width:242px;height:170px;position:relative;margin-top:-63px;margin-left:-14px;} .block-tp1 .block-tp1-caption .button{position:absolute;right:0;top:0;width:45px;height:45px;background-color:transparent;} .block-tp1 .caption-description{margin:33px 0 0 -32px; } .block-tp1 .caption-description p{font-family:Georgia,serif; font-style:italic; color:#797979; font-size:1.23em;} /* Slider TYPE 1 */ .wrapper-home-slider {height: 505px; padding: 60px 0 0 0; position: relative; background-color: #f4f4f4;} .bx-container { float: right; position: relative; width: 1051px; max-width: 1051px !important; background: url("../imagens/home/bg-shadow-slider-home.png") left 39px no-repeat; overflow:hidden;} .bx-slider { margin-left: 26px; } .bx-control { z-index: } .bx-control a { z-index: 1; text-indent: -9999px; display: block; width: 14px; height: 25px; position: absolute; background-repeat:no-repeat; background-position:center; } .bx-prev { top: 58px; left: 63px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZBAMAAADztQLBAAAAJ1BMVEUAAADyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDx8PHrLAAAADHRSTlMAYPAwoNAQwJB4QCBWwHvdAAAAUUlEQVQI12OAgEYIxXIcQvuEgan0I2CKLcYBTKeick0hXGYdCNfoIJQrgMxlmKMMoRkPGUAYMnCBBVABoEqEToRWTAHumAkMyC5hYIuAuj8BAF20EoeoxVS+AAAAAElFTkSuQmCC"); } .bx-next { top: 232px; left: 980px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZBAMAAADztQLBAAAAJ1BMVEUAAADyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDzyEDx8PHrLAAAADHRSTlMAYPAwoNAQwJB4QCBWwHvdAAAATklEQVQI12OQYICAGgcInXoEKuBTBqFZjiZABcLQBYKhAocMIAwZZQjNiC5gdBJMMesIQLgHwRQXlCtzEKYLrgmTy3l0A4orWqGOYINQAA+BEXkw4b4rAAAAAElFTkSuQmCC"); } .box-slide { float: left; position: relative; width: 33.3%; max-width: 392px; } .box-slide.second { left: -30px; } .box-slide.third { left: -60px; } .box-slide .block-tp1-caption{width:252px;height:170px;position:relative;margin-top:-60px;} .box-slide .block-tp1-caption h3 { font-size: 1.23em; margin-left: 40px; padding-top: 3px; } .box-slide .block-tp1-caption .button{position:absolute;right:0;top:0;width:45px;height:45px;background-color:transparent;} .box-slide .caption-description{margin:33px 0 0 0px; } .box-slide .caption-description p{font-family:Georgia,serif; font-style:italic; color:#797979; font-size:1.23em;} .bx-pager { width: 36px; margin: 0 auto; } .bx-pager-item { float: left; } .bx-pager-link { margin: 0 4px; text-indent: -9999px; width: 10px; height: 10px; display: block; background: url("../imagens/home/pager-slider.png") center center no-repeat; } .bx-pager-link.active { background-image: url("../imagens/home/pager-slider-active.png"); } .sl-orbit-tp1-wrapper .orbit-bullets{margin:20px auto 0;top:0;width:26px;} .sl-orbit-tp1-wrapper .orbit-bullets li{cursor:pointer;} /* block videos */ .block-videos-wrapper{} .block-video{display:block;width:95%;margin:0;} .block-video a{display:block;color:#7d7d7d;font-size:1.25em;background-color:} .block-video .video-thumb, .block-video .video-label{float:left;padding:2%;} .block-video .video-thumb{width:30%;max-width:130px;} .block-video .video-thumb img{border:2px solid #fff;} .block-video .video-label{padding:9px 2% 0;width:70%;} .block-video .video-title{color:#d02138;font-size:22px;line-height:1.2em;font-family:"newjunebook";} .block-video .video-title strong{font-family:"newjunebold";font-weight:400;} .block-video .video-time{font-family:newjunemedium;font-size:1em;padding:6px 0;display:block;} .block-video a:hover, .block-video a.active{background: url("../imagens/geral/block-video-bkg.jpg") #CE1C3E no-repeat right bottom;color:white;} .block-video a:hover .video-title, .block-video a.active .video-title{color:white;} /**** CODIGO BRAD ****/ /* acessibilidade */ #skiplinks span, #skiplinks a{position:absolute;top:0;left:-9999em} #skiplinks a:focus{position:fixed;text-indent:0;z-index:99999;display:block;width:15%;min-width:100px;width:auto !important;width:100px;left:10px;top:10px;padding:8px 12px;background:#111217;font:bold 16px/1.3 sans-serif;color:#FAFAFA;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:3px solid #03D;-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";box-shadow:0 1px 5px rgba(220,30,30,0.8);-moz-box-shadow:0 1px 5px rgba(220,30,30,0.8);-webkit-box-shadow:0 1px 5px rgba(220,30,30,0.8);-sand-box-shadow:0 1px 5px rgba(220,30,30,0.8);} /* top-bar */ #box-top-bar {background:#EBEBEB; border-top:2px solid #c91b1f; border-bottom:1px solid #F2F2F2; width: 100%; height:42px; left:0; position:fixed; right:0; top:0; z-index:999} #box-top-bar > div { background:#EBEBEB; width: 100%; height: 40px;} #box-top-bar.box-top-bar-fixed {border-bottom-color:#B2B2B2; box-shadow:0 0 7px rgba(0, 0, 0, .3)} .lt-ie9 #box-top-bar.box-top-bar-fixed {background:url("../imagens/geral/bgr-box-top-bar.png") 0 100% repeat-x; border-bottom:0; box-shadow:none; height:48px} #top-bar{float:left;margin:0;width: 100%;height:40px;color:#393939;position:relative;z-index:2899;padding-right: 0.9375em;} /* acessibilidade */ #top-bar .acessibilidade {float:right; margin-top:8px; width: 147px;} #top-bar .acessibilidade a{text-align:left;text-indent:-999999px;overflow:hidden;background:url("/BradescoCorretora/static_files/portal/imagens/geral/sprite-top-footer.png");height:25px} .lt-ie8 #top-bar .acessibilidade {min-width:225px;} #top-bar .acessibilidade .lst-links-acessibilidade {padding-left:12px} #top-bar .acessibilidade li {padding:0 10px;margin:0;border-left:solid 1px #DBDBDB} #top-bar .acessibilidade span, #top-bar .acessibilidade ul,#top-bar .acessibilidade li{float:left;line-height:25px} #top-bar .acessibilidade ul {float:left;line-height:25px; width:100px;} #top-bar .acessibilidade .contraste{padding:0 0 0 3px;font-size:1.083em} #top-bar .acessibilidade .contraste a, .lt-ie8 #top-bar .acessibilidade .contraste a{width:126px;background-position:-452px -65px} #top-bar .acessibilidade .contraste a:hover, #top-bar .acessibilidade .contraste a.ativo, .lt-ie8 #top-bar .acessibilidade .contraste a:hover, .lt-ie8 #top-bar .acessibilidade .contraste a:focus, .lt-ie8 #top-bar .acessibilidade .contraste a.ativo{background-position:-582px -65px} #top-bar .acessibilidade .aumenta-texto, #top-bar .acessibilidade .diminui-texto {border:0;padding:0 5px 0 0} #top-bar .acessibilidade .aumenta-texto {padding-right:0px} #top-bar .acessibilidade .aumenta-texto a:hover {background-position:-494px -91px} #top-bar .acessibilidade .aumenta-texto a, #top-bar .acessibilidade .aumenta-texto a.alpha {width:21px;background-position:-452px -91px} #top-bar .acessibilidade .diminui-texto a:hover {background-position:-515px -91px} #top-bar .acessibilidade .diminui-texto a, #top-bar .acessibilidade .diminui-texto a.alpha {width:21px;background-position:-473px -91px} #top-bar .acessibilidade span, #top-bar .acessibilidade li{font-size:12px} #top-bar .acessibilidade .alpha {filter: alpha(opacity=40); opacity: 0.4; cursor: default} #top-bar .lst-links-idioma{} #top-bar .lst-links-idioma li{float:left;border-left:none;padding:0;padding-left:10px;} #top-bar .lst-links-idioma li a{display:block;width:20px;height:20px;} #top-bar .lst-links-idioma li.ptbr a{background:url("../imagens/geral/top-lk-ptbr.png") no-repeat;} #top-bar .lst-links-idioma li.spn a{background:url("../imagens/geral/top-lk-spn.png") no-repeat;} #top-bar .lst-links-idioma li.eng a{background:url("../imagens/geral/top-lk-eng.png") no-repeat; display: block} /* header */ #header{padding:0 0 15px;} #header .logo{text-align:left;display:block;text-indent:-999999px;overflow:hidden;width:281px;height:60px;float:left;background:url("../imagens/geral/sprite-top-footer.png") -456px -313px no-repeat;margin:15px 0 0 6px;} #header .logo a{ display:block;} .bar-sitemap{width:100%;border-top:2px solid #c91b1f;height:45px;background:#EAEAEA url("/BRAM/static_files/portal/imagens/geral/breadcumb-sprite.png") 0% 0% repeat-x;position:relative;z-index:10;-moz-box-shadow:#A0A0A0 0 1px 4px;-webkit-box-shadow:#A0A0A0 0 1px 4px;box-shadow:#A0A0A0 0 1px 4px;} .bar-sitemap .bread-overlay-center, .bar-sitemap .bread-overlay-right{background-color:#ebebeb;} .bar-sitemap .bread-overlay-right{position:absolute;right:0;left:50%;width:50%;height:42px;} .bar-sitemap form {z-index:7; position:relative; float:right;margin:0;margin-top:8px;} .bar-sitemap .bgr-campo {float:left; width:142px; z-index:7} .bar-sitemap .input-autocomplete {background-color:#FFF; border-color:#d2d3d4 transparent transparent #d2d3d4; border-style:solid; border-width:1px; border-radius:4px; color:#393939; font-size:13px; float:left; height:25px; padding:3px 6px; width:180px; margin:0; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .csstransitions .bar-sitemap .input-autocomplete:focus, .bar-sitemap form.active .input-autocomplete {width:245px} .bar-sitemap form.active .input-autocomplete {background-color:#EBEBEB; border-color:#c3c4c5 transparent transparent #c3c4c5} .bar-sitemap .btn-buscar {position:relative; left:-5px; float:left; z-index:8} /* Busca Topo */ .search-autocomplete {background-color:#FFF; border:1px solid #D9D9D9; border-top:0; border-radius:0 0 3px 3px; box-shadow:0 5px 6px 0 rgba(0, 0, 0, .1); left:-9999px; padding-top:43px; position:absolute; top:0; width:584px; z-index:6} .search-autocomplete.active {left:auto; right:-1px} .search-autocomplete > div {display:none} .search-autocomplete > div > a {float:right; margin:16px 20px 16px 0} .search-autocomplete dt {font-size:10px; float:left; padding:10px 0 0 20px; text-transform:uppercase; width:180px} .search-autocomplete dt:first-child {padding-top:0} .search-autocomplete dt > * {float:left; margin-left:10px} .search-autocomplete dt > *:first-child {margin-left:0} .search-autocomplete .search-autocomplete-icon {background-image:url("../imagens/geral/sprite-top-footer.png"); height:20px; width:20px} .search-autocomplete .para-voce .search-autocomplete-icon {background-position:-452px -120px} .search-autocomplete .produtos-servicos .search-autocomplete-icon {background-position:-473px -120px} .search-autocomplete .atendimento .search-autocomplete-icon {background-position:-494px -120px} .search-autocomplete .search-autocomplete-label {line-height:20px; width:150px} .search-autocomplete dd {border-bottom:1px solid #BFBFBF; margin:0; padding:3px 20px 5px 220px} .search-autocomplete dt:first-child + dd {padding-top:0} .search-autocomplete dd ul li {line-height:19px; text-decoration:normal} .search-autocomplete dd ul a {display:block; text-decoration:none} .search-autocomplete dd ul a span, .search-autocomplete dd ul small {display:block} .search-autocomplete dd ul small {color:#4d4e53; font-size:11px; margin-bottom:3px; line-height:1.2} .search-autocomplete dd ul a:hover, .search-autocomplete dd ul a:hover strong {color:#488AE6; text-decoration:underline} .search-autocomplete .atendimento ul li {line-height:17px; margin-top:8px} .search-autocomplete .atendimento ul li:first-child {margin-top:0} /* Busca Topo */ /* nav */ #nav {float:right;} #nav > li{float:left;padding-left:20px;z-index:3} #nav > li:first-child {padding-left:0;background:none} #nav > li > a, #nav > li .menu-topo a {float:left;} #nav .bradesco-portal a {display:block;text-align:left;font-family:"newjunebook";color:#4d4e53;text-decoration:none;line-height:1.5em; text-align: left; text-indent: -9999px; overflow: hidden; background: url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") 0 -240px no-repeat; width: 160px; height: 75px; } #nav .bradesco-portal > a strong{font-size:1.4em;} #nav .bradesco-portal > a.eng{background: url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") 0 -330px no-repeat;} /* footer */ #footer {position:relative; z-index:200;height:298px;} #footer .footer-selos{background: #fff url(../imagens/geral/bkg-line-footer.jpg) no-repeat center 1px; padding: 50px 0 51px;} #home #footer .footer-selos{background:#fff; padding: 50px 0 51px;} #footer .selos-content{width:664px; height:55px;} #footer .selos-content li{float:left;} /* #footer .selos-content li a{display:block;height:55px;background-image:url('../imagens/geral/ico_footer.jpg');background-repeat:no-repeat;} */ #footer .selos-content li a.anbima{width:140px; background-position:0 0;cursor:default;} #footer .selos-content li a.iso9001{width:91px; background-position:-154px 0;cursor:default;} #footer .selos-content li a.mq1{width:63px; background-position:-245px 0;cursor:default;} #footer .selos-content li a.investir{width:108px; background-image: url('../imagens/geral/ComoInvestirSelo_108x58.png');} #footer .selos-content li a.pri{width:147px; background-position:-416px 0;cursor:default;} #footer .selos-content li a.amp1{width:101px; background-position:-563px 0;cursor:default;} #footer .selos-content li a.vehicles {width: 664px;background-position: 0px 0;background-image: url('../imagens/geral/selo_3.jpg');} #footer .bgr-footer{background-color:#EBEBEB; position:relative; z-index:2; border-top:1px solid #dedede; height:132px;} #footer .bgr-footer .items-footer {margin-top: 37px;width:965px;padding:0;margin-left:20px;} #footer .bgr-footer .items-footer li{padding-right: 45px;padding-bottom: 8px;font-size:11.5px;} #footer .bgr-footer .items-footer span{color:#0056a4;font-weight:700;} #footer .bgr-footer .items-footer a{color:#0056a4;font-weight:700;} #footer .bgr-footer .items-footer a.portal-consumidor {margin-left: 4px;padding: 3px 0 9px 28px;background-repeat: no-repeat;background-image: url("/BRAM/static_files/portal/imagens/home/icon-portal-consumidor.png")} #footer .bgr-footer .items-footer a.diretivas-privacidade {margin-left: 2px;padding: 9px 0 9px 30px;background-repeat: no-repeat;background-image: url("/BRAM/static_files/portal/imagens/home/icon-diretivas-privacidade.png")} #footer .bgr-footer .items-footer a.consumidor {margin-left: 189px;padding: 9px 0 9px 30px;background-repeat: no-repeat;background-image: url("/BRAM/static_files/portal/imagens/home/ico-consumidor.png");background-position: left} @-moz-document url-prefix(){#footer .bgr-footer .items-footer a.consumidor{margin-left: 201px;}} #footer .bgr-footer .bgr-footer-logo{position:absolute; width:467px; height:65px; bottom:-19px; right:0;} #footer .bgr-footer-left, #footer .bgr-footer-right {position:absolute; width:50%; top:1px; z-index:-1; height:303px;} #footer .bgr-footer-left {left:0;background-image:url("../imagens/geral/bkg-footer-left.jpg");} #footer .bgr-footer-right {right:0;background-image:url("../imagens/geral/bkg-footer-right.jpg");} #footer .nav{position: relative; padding:8px 0; background:#406cab url("../imagens/geral/bkg-footer-blue.jpg") repeat-x;} #footer .nav li{float:left;border-left:solid 1px #6a8ab8;text-align:center;padding:0 35px;} #footer .nav li:first-child{border-left:0;} #footer .nav li.mapa_atv:first-child{padding-left: 10px; width: 115px;} #footer .nav a{color:#FFF;display:block;text-decoration:none;font-size:11px;font-weight:700;line-height:17px} #footer .nav a:hover {text-decoration:underline} #footer .nav .mapa{width:142px;padding-left:20px;text-align:left} #footer .nav .mapa a{width:95px;padding-left: 7px;background:url(../imagens/geral/seta-baixo-link.png) no-repeat 90% 7px;text-align:left} #footer .nav .mapa_atv a {text-transform: uppercase;margin:0px 4px;margin-top:-7px !important;padding-top:7px;border-radius:4px;border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px;height:25px; background-image:url("../imagens/geral/seta-cima-link.png")!important; background-repeat:no-repeat; background-position:96% 12px; background-color:#34588a; -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; -khtml-box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; moz-box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; -ms-box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; -o-box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; box-shadow: 0px 2px 1px rgba(0,0,0,.3) inset; } #footer .nav .relacoes a{display:inline-block;} #footer .nav .relacoes a:first-child{float:left;} #footer .nav .relacoes .band-idioma{position:absolute;top:8px;right:20px} .box-tooltip-media {position:relative; text-align:left} .box-tooltip-media .box-tooltip-media-img {float:left; margin-right:21px} .box-tooltip-media .box-tooltip-media-content {overflow:hidden; padding-bottom:30px} .box-tooltip-media .box-tooltip-media-content strong {display:block; font-size:14px; font-weight:bold; margin-top:-2px; padding-bottom:8px} .box-tooltip-media .box-tooltip-media-content strong + p {font-size:13px; padding:0} .box-tooltip-media .box-tooltip-media-link {position:absolute; bottom:0; right:0} /* Tooltip do Youtube */ .box-tooltip-media .lyte {background:#000;} .box-tooltip-media .lyte_box {cursor:pointer;text-align:center;overflow:hidden;width:300px;height:173px;position:relative;margin:0px auto;} .box-tooltip-media .lyte_play {position:absolute;width:62px;height:45px;top:50%;margin-top:-15px;left:50%;margin-left:-31px;background: url("../imagens/geral/lyte_play.png") no-repeat 0 0;} .box-tooltip-media .lyte_play:hover {background-position: 0 -45px;} .box-tooltip-media .lyte_title {position:relative;padding:5px 5px 3px 12px;text-align:left;background-color:rgba(0,0,0,0.8);} .box-tooltip-media .lyte_title a {font-size:16px;line-height:20px;color:#ddd;font-family:sans-serif;text-decoration:none;} .box-tooltip-media .lyte_title a:hover {text-decoration: underline;} .lt-ie9 .box-tooltip-media .lyte_title {background: url("../imagens/geral/lyte_play.png") repeat-x 0 -90px;} .lt-ie8 .box-tooltip-media .lyte_title {margin-top:-1px;} /* mapa do site */ #mapa-do-site {background-color:#DADADA;} #mapa-do-site.active {left:0; position:static; top:0; z-index:9999px} #mapa-do-site > div {background-color:#34588A; padding:40px 20px 0px 20px; width:100%; margin:0 auto} #mapa-do-site h2 {color:#FFF} #mapa-do-site .bread ul {width:24%;float:left;background:url("/BRAM/static_files/portal/imagens/geral/bg-bread-mapa-site.png") no-repeat 90% 0px;padding-top:40px;min-height:240px} #mapa-do-site .bread ul + ul + ul + ul {background:none} #mapa-do-site .bread ul li {padding:2px 60px 2px 0} /* ARRUMAR */ #mapa-do-site .bread ul li a {color:#6999dc;text-decoration:none} #mapa-do-site .bread ul li a:hover, #mapa-do-site .bread ul li.atv a, #mapa-do-site .bread ul li.atv a:hover {color:#FFF} #mapa-do-site .bread ul li a:hover, #mapa-do-site .bread ul li.atv a:hover {text-decoration:underline} #mapa-do-site .abecedario {background:url("/BRAM/static_files/portal/imagens/geral/bgr-sprite-sitemap.png") 0 -8px repeat-x; height:120px; padding-top:40px} .lt-ie9 #mapa-do-site .abecedario .btnBradesco {background:#FFF;} #mapa-do-site .abecedario > div:first-child {height:72px} #mapa-do-site .abecedario.abecedario-fixed {position:fixed; top:43px; width:1167px; z-index:10} #mapa-do-site .abecedario h2 {font-size: 1.68em; line-height: 1.68em; margin: 0;width:240px;float:left;} #mapa-do-site .abecedario ul {width:605px;border-radius:4px;background:#3a6095; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3) inset; box-shadow: 0px 1px 1px rgba(0,0,0,.3) inset; } #mapa-do-site .abecedario ul {float:left;padding-left:3px} #mapa-do-site .abecedario ul li {float:left;color:#4a6d9d;font-weight:bold;padding-top:1px;margin-right:2px;width:21px;text-align:center;display:block} #mapa-do-site .abecedario ul li a {color:#89a0bf;text-decoration:none} #mapa-do-site .abecedario ul li a:hover {color:#FFF} #mapa-do-site .abecedario ul li a, #mapa-do-site .abecedario ul li span {display:block;padding:9px 0px 5px 0px;text-transform:uppercase} #mapa-do-site .abecedario ul li a.btnBradesco {color:#00539f;background: #fff; padding:8px 0px 5px 0px} #mapa-do-site .seta-letras {width:auto; height:6px; position:relative} #mapa-do-site .seta-letras div {background:url("/BRAM/static_files/portal/imagens/geral/bgr-sprite-sitemap.png") 0 100% no-repeat; width:9px; height:6px; position:absolute; top:0px; left:249px} #mapa-do-site .abecedario.abecedario-fixed + dl {padding-top:120px} #mapa-do-site dl {padding-bottom:40px} #mapa-do-site dl dt {clear:both;color:#426da9;font:50px Arial;font-weight:bold;width:80px;text-align:center;float:left;margin-top:-8px;margin-top:40px;min-height:50px} #mapa-do-site dl dd {float:left;display:block;width:86%;border-left:1px dashed #6782a7;margin-left:0px;padding-left:30px;margin-top:40px;min-height:61px} #mapa-do-site dl dt:first-child, #mapa-do-site dl dt:first-child + dd {margin-top:20px} #mapa-do-site dl dd ul {float:left;width:46%} #mapa-do-site dl dd ul li {padding:2px 0px} #mapa-do-site dl dd a {color:#FFF;text-decoration:none} #mapa-do-site dl dd a:hover {text-decoration:underline} /* BUTTONS */ .btn-img{text-align:left;display:block;text-indent:-999999px;overflow:hidden;background:transparent url("../imagens/geral/sprite-top-footer.png") no-repeat;height:26px;border:0;cursor:pointer} html.lt-ie8 input.btn-img {line-height:0} .btn-abra-sua-conta{width:118px;background-position:-720px -65px} .btn-abra-sua-conta:hover{background-position:-838px -65px} .btn-buscar{width:28px;background-position:-546px -91px} .btn-buscar:hover{background-position:-575px -91px} .btn-ok{width:28px;background-position:-613px -91px} .btn-ok:hover {background-position:-642px -91px} .info {background-image:url("../imagens/geral/sprite-top-footer.png"); background-position:-554px -120px; background-repeat:no-repeat; display:inline-block!important; height:17px; margin-top:6px; width:16px} .bgr-laterais-footer {width:100%;height:98px;margin-top:-98px;position:relative;z-index:1} .bgr-laterais-footer .bgr-left, .bgr-laterais-footer .bgr-right {background:#DADADA; position:absolute;width:50%;bottom:0} .bgr-laterais-footer .bgr-left {height:52px;z-index:1;left:0} .bgr-laterais-footer .bgr-right {height:98px;z-index:2;right:0} #auto_complete{border: 1px solid #d2d3d4;z-index: 101;position: absolute;background: #fff;} #auto_complete li{padding: 5px 10px;} #auto_complete li:hover{background-color: #f7f7f7;} #auto_complete li.active{background-color: #f7f7f7;} article.govf-content > div.wrapper > div > div:nth-child(2) > div.thumb-infographic-wrapper {margin-left: 10px;}