body {margin:0; padding:0; word-wrap: break-word; /* Internet Explorer 5.5+ */ } body{margin: 0 auto;position: relative; width:100%;} html {margin:0; padding: 0;} p {margin:0; padding:0;} form {margin:0; padding:0} label{} blockquote {margin:-10px 0 0 2px; padding:0 0 10px 0; line-height:150%} acronym {speak:normal} abbr.initialism {speak:spell-out} abbr.truncation {speak:normal} #logoCx {height:70px; padding: 35px 0 0 0px} #logo {float: left; padding: 0px 0 0 35px} #logo-hb{float: left;} .header-hb-right{ float:right;} .user-hb{float: left;margin-right: 20px;margin-top: 8px;text-align: right;width: 214px;} .header-hb-seph{ width: 1px; height: 50px; margin-right: 16px; float:left} .button-content-blue{ float: left; height: 18px; padding-left: 10px;padding-right: 10px; padding-top: 2px;} /*hack only IE9*/:root .button-content-blue{padding-top: 4px\0/IE9;height: 16px\0/IE9} .buttons-hb-div{margin-left: 16px;} .buttons-hb-div .float-left {cursor:pointer;} /*#logo img {padding-top: 10px;}*/ /*#logo h1 {display:block; float:left; margin:0; padding:10px 0 0 40px}*/ #serv {white-space:nowrap; display:block; width:605px; margin:14px 0 0 0; float:left; text-align:right; padding:0} #serv img {margin:0; vertical-align:top} #serv UL {margin:0; padding:2px 0 0 0} #serv UL LI {display:inline; padding:0 0 0 9px; margin:0 0 0 10px; white-space:nowrap; text-transform:uppercase} #serv UL LI img {margin:0; padding:0} #serv UL LI a {padding:0; vertical-align:top; margin:0; text-decoration:none} #serv UL LI a:hover {text-decoration:none} #userInfo label { color: #FFFFFF; padding: 0; font-size:11px;/* margin: 42px 0 0 638px; float: left;*/} #hbheaderCx {width:100%;/*width:760px;*/ margin:0 auto; height:91px} #hbheader {width:100%;/*width:740px;*/ margin:0 auto} #hbheader .banner {float:left; margin:1px 0 0 1px} #homebanking {width:169px; height:91px; margin:1px 0 0 0; text-align:center; float:left} #homebanking .hbbot {margin-top:5px} #userInfo{margin-bottom: 3px;} .hbbot {/*margin-top: 44px;*/ float: left; margin-left: 10px; cursor:pointer;} .hbbot a{/*margin-top: 5px; margin-left: 22px;*/ display: block;} #corpoCont {margin:0 auto; width:100%;/*width:760px;*/ padding:0} #corpo {float:left; width:100%;clear:both} #corpoInner{ padding: 18px 0 0;} h2 {margin:18px 0 0 0; padding:0} #colA, #colB, #colB2 {padding:0 0 22px 0; line-height:160%; position:relative;} #colC {padding:0 0 22px 0; line-height:160%} #colA {width:221px; margin:0; padding:0 0 0 0/*10px*/; float:left} #colB2, #colB {width:auto /*width:418px;*/; margin:0 0 0 0; /*float:left*/ overflow:hidden; zoom:1} /*zoom 1 for IE6, enable layout*/ #colB h2 {/*width:418px; height:auto;*/ margin:10px 20px 0 0; padding:0 } #colB h2 img {vertical-align:top; padding-bottom:1px} #colB h3 {margin:7px 0 0 0; padding:0} #colB h5 {margin:0px; padding:0} #colB p {margin:0} /*#colB2 {width:560px; margin:0; padding-right:10px; margin-left:10px; float:right}*/ #colB2 h2 {/*height:23px;*/ margin:0px 0 0 0; padding:0 0 5px 0; font-weight:normal; /*position:relative*/} #titulo {border: 1px solid #D0D9E6;height: 33px;line-height: normal;margin: 0;padding: 10px 0 0 14px;position: relative;width: 98%;} #colB2 h2 img {vertical-align:top} #colB2 h3 {margin:7px 0 0 0; padding:0} #colB2 h5 {margin:0px; padding:0} #colB2 p {margin:0} #colC {width:133px; margin:0; padding:0 /*10px*/ 0 0 0; float:right} #colC h2 {height:18px; margin:20px 0 0 0; padding:0 3px} #colC h2 img {vertical-align:top} #colC ul {margin:0; padding:0 0 10px 0} #colC ul li {width:120px; margin:0; padding:7px 0 0 10px; line-height:125%} #colC .banner {margin:10px 0 0 0} #colC p {margin:0; padding:0} .destaque {float:left; margin:10px 10px 0 10px} #destaquesList {margin-left:0px} #destaquesList img {float:left; margin:10px 10px 0 0; padding:0} #destaquesList h3 {margin-top:5px; padding:0; top:0} #destaquesList a {margin:0; padding:0; top:0} .eventos {margin:10px 0 0 0; padding:0} #colB ul.eventos .data {margin:2px 0 0 0} #colB ul.eventos li h3 {margin:0; padding:0} .eventos p {margin:0 0 0 1px; padding:0; line-height:120%} .eventos h3 {width:85%; margin:0; padding:0; clear:both} .eventos li {margin:0 0 10px 0; padding:0 0 0 15px} .seph {width:100%; margin:0; padding:0; height:1px; line-height:1px; clear:both} .sepLista {width:100%; margin:10px 0; padding:0; height:1px; clear:both} .mais {width:100%; margin:0; padding:0; text-align:right; clear:left} .mais img {margin:0; padding:0 0 2px 0; vertical-align:middle} #colA #menuLat h2 {margin:0; padding:10px 0 3px 0} div#menuLat {display:block; width:179px; margin:0px 0px 0px 1px; padding:37px 0px 0px 0px; text-align:left} ul#navlist {width:169px; \width:179px; w\idth:169px; padding:0; margin:0} ul#navlist li {margin:0; width:178px;/* height: 30px;*/} ul#navlist li a {display:block; padding:0; width:168px; height: 23px;padding-left: 10px; padding-top: 7px;} /*Accessibility - vertical menus with heading */ ul#navlist h3, ul#navlist h4 {margin:0; padding: 0; font-size:100%; font-weight:normal } ul#navlistb {padding:0; margin:0} ul#navlistb li {padding:1px 0 1px 9px; width: 169px;} ul#navlistb li a {display:block; width:162px; \width:158px; w\idth:152px; padding:0; height:auto;} #menuLatSel {display:block; width:158px; \width:164px; w\idth:158px; padding:0 0 0 12px; height:17px} #menuLatSelb {display:block; width:138px; \width:144px; w\idth:138px; padding:0 0 0 12px; height:17px} #colA #menuLat2 h2 {margin:0; padding:10px 0 0 0} div#menuLat2 {width:169px; margin:10px 0 20px 0; padding:0; text-align:left} ul#navlist2 {width:169px; \width:179px; w\idth:169px; padding:1px 0 1px 0; margin:0} ul#navlist2 li {margin:0 0 1px 0; padding:1px 0 1px 10px; line-height:130%} ul#navlist2 li a {display:block; width:169px; \width:166px; w\idth:160px; padding:0} #menuLatSel2 {display:block; width:158px; \width:164px; w\idth:158px; padding:0 0 0 12px; height:17px} #top {height:1px} #footerCx {width:100%; margin:0; padding:0; clear:both; *padding-bottom:13px;} #fmenu {display:block; width:100%;width:980px;height:16px; margin:0 auto; padding:4px 0 0 0; text-align:center; clear:both} #fmenu UL {margin:0;margin-bottom:10px; padding:0; text-align:center; clear:left} #fmenu UL LI {display:inline; text-align:center; padding:4px; margin:-1px; white-space:nowrap} #fmenu UL LI img {margin:0; padding:0} #fmenu UL LI a {padding:0; vertical-align:top; margin:0} #creditosCx {width:980px;/*width:760px;*/ height:52px; margin:0 auto; text-align:center; padding:0} #creditosCx a {padding: 0 15px} #creditos2 { margin: 0; padding: 20px 0 0; text-align: left;width: 100%;} #creditos2 img {padding:0 0 0 12px} p.nojs {width:100%; margin:0 auto; padding:2px 0 2px 0; clear:both; float:none; text-align:center} p#problema {width:97.5%; margin:18px 0 0 10px; padding:3px 4px 4px 4px; text-align:center} .printVer {margin-top:5px; padding-left:8px; padding-right:3px; float:right} #gotop {margin:0; text-align:right; height: 30px;} #gotop a {width:48px;} #gotop img{float:right;} #gotop .topo{float: left;padding-left: 397px; padding-top: 8px;} .big-version #gotop .topo{padding-left: 637px;} .itemListaConteudo {margin: 0 auto;padding-left: 16px;padding-right: 16px; width: 668px;*margin-right: 27px;} .itemListaConteudo h3{margin-bottom:0; margin-top:10px;} .itemListaConteudo h5{margin-top:2px;margin-bottom:2px;} .itemListaConteudo p{margin: 0;padding-bottom: 2px;padding-top: 2px;} .itemListaConteudo img {border:0; float:left; padding:0 10px 10px 0; max-width:105px} .imgBanner img {max-width:500px;} #detalheArtigo {padding:0; margin-top:10px} #detalheArtigo h1 {margin:10px 0 3px 0} #detalheArtigo h5 {margin-top:3px; margin-bottom:3px; padding:0} #detalheArtigo .sub-titulo {padding-top:0px; line-height:18px} #detalheArtigo img {margin:0; float:left; padding:0 10px 5px 0} #colB .article_section, #colB2 .article_section {margin:10px 0; padding:0} #colB .article_section h3, #colB2 .article_section h3 {margin:0; margin-bottom:10px;} #colB .article_section h4, #colB2 .article_section h4 {margin:0; padding:0; margin-top:10px; } .fotoEsq {margin: 0; padding: 0 6px 6px 0px; float: left} .fotoCen {text-align:center; width:100%} .fotoDir {margin: 0; padding: 0 0 6px 6px; float: right} #listaContactos {width:100%; vertical-align:middle;} #listaContactos .fotoContacto {width:20%; padding-right:10px; margin:10px 0; float:left} #listaContactos .fotoContacto img {width:100px; margin:10px 0} #listaContactos .txtContacto {width:70%; margin:10px 0;} #listaContactos .txtContacto h3 {margin-bottom:10px} #listaContactos .dadosContacto {width:100%} #listaContactos .dadosContacto label {width:25%; float:left} #listaContactos .dadosContacto .txt {width:75%; float:left} #mapaSite {} #mapaSite ul {padding:0; margin:0;float:left; width: 209px;} #mapaSite ul li {padding:15px 0 5px 0; margin:0} #mapaSite ul ul {padding:0 0 0 10px; margin:0; _margin-top:-12px} /* <=IE6 */ #mapaSite ul ul li {margin:0; padding:5px 0 0 0; position:relative} #mapaSite ul ul li a {margin:0; padding:0} #mapaSite ul ul ul {padding:5px 0; margin:0} #mapaSite ul ul ul li {margin:0; padding:0; text-indent:10px} #mapaSite .mapaSiteSep {height:1px; width:100%} #faqOutrosTemas {padding-bottom:10px; padding-top:10px;padding-left: 10px;} #faqOutrosTemas a{color: #06377B} #faqOutrosTemas a:hover{color: #5796EC} #faqOutrosTemas h1 {margin:0 0 5px 0; padding:0} #agendaForm {width:100%; margin:10px 0; padding:5px 0; height:1%;} #agendaForm label {vertical-align:middle} #agendaForm select {vertical-align:middle} #pesquisaResult {text-align:center; padding-top:10px; padding-bottom:10px} .paginacao {clear: both;height: 25px;padding-top: 5px;width: 700px;} .anterior {width:25%; margin:0; float:left; padding-left:4px; padding-top:1px; margin-top:-5px} .paginas {width:45%; margin:0; float:left; text-align:center} .seguinte {width:25%; margin:0; float:right; padding-right:4px; padding-top:1px; margin-top:-4px; text-align:right} .anterior img {padding:0; margin:0; vertical-align:middle} .seguinte img {padding:0; margin:0; vertical-align:middle} .seguinte .label {padding:0; margin:0; vertical-align:middle} .anterior .label {padding:0; margin:0; vertical-align:middle} /* Paginação do CTRL_DynamicPaging */ .paginacao2 {width:100%; padding-bottom: 15px; height:auto;/*height:20px;*/ clear:both} .paginacao2-temp {width:100%; height:auto;/*height:20px;*/ clear:both} .paginacao2 .linhaPaginacao {width:100%;clear:both ;height:1px;} .paginacao2 .anterior {width:25%; margin:0; float:left; padding-left:4px; padding-top:1px; margin-top:2px} .paginacao2 .paginas {width:45%; margin:0; float:left; margin-top:9px} .paginacao2 .seguinte {width:25%; margin:0; float:right; padding-right:4px; padding-top:1px; margin-top:2px} .paginacao2 .anterior img {padding:0; margin:0 0 2 0; vertical-align:middle} .paginacao2 .seguinte img {padding:0; margin:0 0 1 0; vertical-align:middle} .paginacao2 .seguinte .label {padding:0; margin:0; vertical-align:middle} .paginacao2 .seguinte .label:hover {cursor:hand; cursor:pointer} .paginacao2 .anterior .label {padding:0; margin:0; vertical-align:middle} .paginacao2 .anterior .label:hover {cursor:hand; cursor:pointer} #path { width: 700px; height: 21px;} #path img {margin-top: 3px;padding-left: 5px;padding-right: 5px;} .warning {padding:10px 0} #errorMessage {text-align:center} #submissao {padding-left: 15px;padding-top: 23px;} #submissao label {float:left; width:100px; clear:left; margin:5px 0 8px 10px} #submissao ul{margin:0;} #submissao form{margin-left: 25px; margin-top: 15px;} #submissao input, textarea, select, checkbox {margin:5px 0; width:400px} #botoes {text-align:center;padding-top: 25px;padding-bottom: 20px;} #botoes input {width:71px; height:20px; text-align:center;margin-right: 29px;} #inquerito h3 {margin:10px 0} #inquerito h4 {margin:5px 0} #inquerito .label,#inquerito .labelBold {padding:10px 0 0 0; display:block; page-break-after:right} #inquerito .seccao {padding:20px 0 0 0; display:block; page-break-after:right} #inquerito textarea, select, #inquerito .textoGrande {width:350px} #inquerito .button {/*display:block;*/ page-break-before:left; margin-top:15px} #inquerito .footer {text-align:left; page-break-after:right; display:block; } #inquerito .escala {table-layout:auto; width:100%; display:inline-block;} #inquerito .escala th, #inquerito .escala td {width:20%;} #inquerito .escalaLabel {display:inline; padding-left:10px; padding-right:6px;} #loginPage {/*margin:10px 0 0 170px*/margin-top:25px;} #loginPage .big-version h5{ padding: 5px 14px;width: 672px;} #login {/*width:100%; margin-top:10px;*/ padding:36px 33px; text-align: left;} #login .formItem {/*width:50%text-align: right;*/ margin: 8px 0 10px; *width:97%;} #login .formItem label {margin-right:0; font-size:11px;width: 99px !important; display: block; /*margin-left:10%*/} #login .formItem .button {float:right; margin-right:7px} /*#login #loginKeyboard {*margin-top:-30px;}*/ #loginKeyboard {clear:both; padding-top:15px; width: 325px; margin-top:4px;} .tec-virtual-title{width: 100%; text-align: center; padding-bottom:12px;} #login .formItem .formitemLabel{float:left; width:108px; display:block; white-space:nowrap;} #login .formItem .formitemTxtBox{float: left; width: 128px;} #login .formItem .formitemTxtBox input{width:117px;} #formBeneficiary .dynLayout .dynForm select, #formBeneficiary .dynLayout .dynForm .formItem label {width:auto;} .VKTable { position: relative} .VKTitle {cursor:move; padding-left:5px; height:16} .VKTable2 {} .botaoVK { width: 21px !important; height: 21px !important;} .botaoVK#limpa {} #loginPage .esquerda{float: left; margin-left: 20px; margin-top: 21px; width: 220px; margin-right:20px;} .align-btn{float: left;margin-left: 21px;} .transaction {width:100%} .dynLayout{/*margin-top:10px;*/} .dynForm{ padding: 6px 0 6px 6px; position:relative; height:1%} .dynFormInline {padding:6px 0 10px 0; height:100%; float:left; width:100%;} .dynFormInline .formItem {margin: 8px 0 5px; width:auto; clear:none; float:left;} .dynFormInline .formItem label {width:140px; text-align:right} /* para a label nao ficar muito mais longe do dropdown/input do que o botao */ .dynFormInline .formItem span {float:none; width:100%; clear:both; display:block} .dynFormInline input {margin:0px} .dynFormInline input{/*border: medium none;float: left;height: 20px;margin-left: 9px;margin-top: 7px;width: 73px;*/} .formItem {/**width:97%;*/ margin:8px 0 5px 0; clear:left; text-align:left; /* *float:left;*position: relative;*bottom:-4px;*/} .formItem label {/*float:left;*/ width:175px; text-align:left; margin:0 10px 0 5px; float:left; display: block;} .formItem label.short {width:81px; display: block;} .formItem input {width:auto} .formItem select {margin:0px; width:auto;} .validation { text-align:center; width:60%;} .validation ul {text-align:left;} .buttons {clear: both; margin-left: 300px;} .buttons input {/*margin:5px*/height: 21px;} .dynForm .buttons {float:none} .radioBtnAlign {margin-left:190px; _margin:0px} /* <=IE6 */ .radioBtnAlignShort {margin-left:95px;_margin-left:118px} .radioBtnAlignShort {} #buttonGroup {width:100%; text-align:center;/*padding-left:50%; */} .floatButton {display:inline} .floatButton {margin-left:2px;margin-right:2px;} /* RASTEIRO */ .formItem table {margin:0px; padding:0px; border-spacing:0px;} .formItem table .formItem {margin:0 0 2px 0; padding:0px;} /* RASTEIRO */ .formItem table td {margin:0px;padding:0} .formItem table label {float:none; /*text-align:right;*/ margin:0px; padding:0px; width:auto; line-height:normal} .formItemGroup {width:100%; margin:8px 0 20px 0; clear:left; height:1%} .formItemGroup label {float:left; width:175px; text-align:left; margin: 0 13px 0 5px} .formItemGroup label.short {width:100px} .formItemGroup .block label {float:left; text-align:left; margin-right:10px} .formItemGroup .block table {margin-left:25px; float:left; padding:0} .formItemGroup input {width:auto; float:left; margin:0 3px 5px 1px; font-size:11px;} .formItemGroup select{width:auto; float:left; margin:0 3px 5px 1px} .formItemGroup span {float:left; padding-right:2px} .head { margin-left:10px;padding:2px 0px 2px 6px} .grid, #colB .tabela1, #colB2 .tabela1 { clear:both; width:100%;} /*padding 15 para resolver o problema do scroll vertical no IE */ .grid div {width:100%; overflow-x:auto;overflow-y:hidden;} .grid table { margin-bottom: 15px; margin-left: 7px; margin-right: 7px; text-align: center; width: 684px !important;} #colB .tabela1, #colB2 .tabela1 {width:100%; text-align:left; margin-bottom:15px;} .grid table th, #colB .tabela1 th, #colB2 tabela1 th {text-transform:uppercase; /*text-align:center;*/ padding:2px 3px 0 2px;} .grid table th.alignLeft, #colB .tabela1 th.alignLeft, #colB2 tabela1 th.alignLeft {text-align:left;} .grid table th.cpincol {text-align:right; width:200px} .grid .tableHeader {text-align: left; padding-left: 7px;} .grid table td, #colB .tabela1 th, #colB2 .tabela1 th {padding:2px; word-wrap: break-word;} .grid table tr td{padding: 4px 7px 4px 7px; border:solid 1px #FFFFFF;} .detail {/*padding-top:15px;*/ clear:both} .detail table {width:98%; padding-top:15px;margin-left:2px;} .detail table td {padding:2px} .detail table .header {padding: 3px 3px 3px 10px;} .detail table tr {margin-left:2px;} .detail select {width: auto} .detailDOPE {padding:0; margin:0} .detailDOPE td {padding:0px; margin:0; width:50%} .detailDOPE td table td {padding:3px; margin:0} .detailDOPE .detail {padding:0px} .gridLoginDetails td { width:60%} .labelHeader {text-align:left} .floatDetail {float:left} .tableButtons {text-align:center; width:100%; clear:both; padding:8px 0} .tableLinks {width:100%;text-align:center; padding:5px} .tableLinks a:link {text-decoration:underline} #print {float:right; clear:none;margin: 7px 10px 10px 5px; position:relative; z-index: 20;*margin-top:5px;*margin-right: 34px;*margin-bottom:-51px;*margin-left:5px; z-index:0} #print a { margin-bottom:2px} #titulo #print { bottom: 0pt; right: 0pt; position: absolute; } .defHomepage{float:right; clear:none; margin-bottom:2px; margin-right:10px} #print1 {float:right; clear:none;margin: 7px 10px 10px 5px; position:relative; /*z-index: 20*/;*margin-top:24px;*margin-right: 6px;*margin-bottom:-37px;*margin-left:5px;} #print1 a { margin-bottom:2px} #titulo #print1 { bottom: 0pt; right: 0pt; position: absolute; } .defHomepage IMG{} .errorMessage {/*width:99%; */padding-top:15px; padding-bottom: 15px;} .errorMessage ul {list-style-type:none} .errorMessage li {padding:2px 0} .errorMessage .errorTitle {margin:0; width:100%; text-align:center; vertical-align:middle} .errorMessage .errorTitle img {vertical-align:middle; padding:3px} .successMessage {width:99%; margin-top:15px} .successMessage .successTitle {margin:0; width:100%; text-align:center; vertical-align:middle} .successMessage .successText {padding:5px} .successMessage .detail {padding:0px 0px 0px 1px} .pendingMessage {width:99%; margin-top:15px} .pendingMessage .pendingTitle {margin:0; width:100%; text-align:center; vertical-align:middle} .pendingMessage .pendingText {padding:5px} .pendingMessage .detail {padding:0px 0px 0px 1px} .confkeyMessage {margin:7px 0} .resumeTable {border-collapse:collapse; margin-top:20px; width:100%} .resumeTable td {padding:3px} .hideElement{display:none; visibility:hidden; border: 0px} .compactTextHeader{ word-spacing:-0.4px; padding:0; margin:0;font-size:96%} .compactText{letter-spacing: -0.3px; word-spacing:-0.4px; padding:0; margin:0;} /*#popupDiv{ position:absolute; visibility:hidden} #popupFrame{}*/ .popupDiv {margin:5px; padding:10px; width:90%; height:100%; vertical-align:middle; text-align:center; border:1px solid #cccccc} .popupLabel {text-align:center; margin:10px 5px 5px 5px} #corpoAjuda{ width:430px; padding:10px} #ajuda {float:right; margin-left:5px;} #ajuda a { margin-bottom:2px} #precario {float:right; margin-left:5px;} #precario a { margin-bottom:2px} #titulo #ajuda { bottom: 0pt; right: 30px; position: absolute; } #titulo #precario { bottom: 0pt; right: 60px; position: absolute; } /*#ajuda:hover {cursor:hand; cursor:pointer} Coloca ou não no CTRL_Help.ascx.cs */ #flags {float:right; margin:10px 10px 0 0; width:150px;height:20px; text-align:right; } .logout {margin-top:30px} .favoriteBenef {margin:0 0 4px 200px} .favoriteBenef a {display:block; float:left; clear:both;} .buttonsArrows .button { padding:0 6px; text-align:center; } pre {white-space:normal} /* floats the text and image side by side */ .articleSubTitle, .eventSubtitle { overflow:hidden; padding-bottom:10px;zoom:1 } .eventSubtitle {padding-bottom:20px} #colB2 .articleSubTitle h3 { margin-top:0px } #txtEnquadramento { margin-top:10px; padding-left: 15px;} .left {text-align:left} .right {text-align:right} .center {text-align:center} .imagensTemas {float:left; margin:0 5px 10px 0} .itemNomeTemas a{font-weight:bold} .tema .itemNomeTemas p {color:#305791} .tema .itemDescricaoTemas p {color:#001C4A;padding-bottom:4px} .descricaoTemas {overflow:hidden;} .subTemas ul {display:inline; list-style-type:none; margin:4px 0 0 0px; padding:0px} .subTemas ul li {display:inline} /* Accessibility - tem que estar aqui comum a todos*/ /* Error messages in H1 */ #login h1 , .errorMessage .errorTitle h1, .pendingMessage .pendingTitle h1, .successMessage .successTitle h1{ padding:0; margin:0; font-family:inherit; font-size:100%; background:inherit } #colB2 .errorMessage ul li h2, #colB2 .errorMessage h2, #colB .errorMessage ul li h2, #colB .errorMessage h2, #colB .errorMessage ul li h3, #colB .errorMessage ul li ul li h3, #colB .errorMessage h3, #colB2 .errorMessage ul li h3, #colB2 .errorMessage ul li ul li h3, #colB2 .errorMessage h3 {padding:0; margin:0; color:#010101; font-family:inherit; font-size:100%; font-weight:normal ; background:inherit} #colB2 .pendingMessage h2, #colB .pendingMessage h2, #colB2 .pendingMessage h3, #colB .pendingMessage h3, #colB2 .pendingMessage ul li ul li h3, #colB .pendingMessage ul li ul li h3 {padding:0; margin:0;color:Purple; font-family:inherit; font-size:100%; font-weight:normal ; background:inherit} #colB2 .successMessage h2, #colB .successMessage h2 {padding:0; margin:0;color:green; font-family:inherit; font-size:100%; font-weight:normal ; background:inherit} /* img gallery */ .galleryItem { width:220px;float:left;height:200px;margin:5px;padding:5px;text-align:center;} .galleryItem a img { height:134px;width:200px} .galleryItem .desc { height:61px;padding-top:5px} /* Virtual Keyboard - Heading tags, H3 and H4*/ #colB2 .VKTitle h3 { margin:1px} .VKTable h4 {margin:0} .ExcelCellError { background-color:#FFAAAA; border:Solid 1px Red; } #loading { background:url(../../img/ajax-loader.gif) no-repeat; background-position: center 33%; background-color:rgba(255,255,255,.7); filter:alpha(opacity=70); padding: inherit; margin: auto; position: absolute; visibility: visible; vertical-align: middle; width:100%; height:100% } .radioCPIN{float:left; vertical-align:top} #AccountsTable label{width:100px;float:left;text-align:left} /* FLOAT+BACKGOUND FIX */ /*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /* Hides from IE-mac \*/ /** html .clearfix {height: 1%;}*/ /* End hide from IE-mac */ @media print { body {padding:0px;} #colA {display:none; width:0px} #colB2 {width:auto; padding:0px} #colB {width:auto; padding:0px} #fmenu {display:none} #pesquisa {display:none} #homebanking {display:none} #serv {display:none} #hbheaderCx {display:none} #print {display:none} body {background:#FFF;} #path {background:#FFF;} #logoCx {background:#FFF;} #groupSitesBar {width:100%;} #logo {width:100%;padding-right: 78px} #logoHomebank {width:100%;} #logoHomebank h1 {display:block; float:left; } #userInfo label {color: #FFFFFF; float: right; margin: 42px 59px 0 0; padding: 0;} #serv {width:100%;margin:0; float:none;padding-top:40px} #hbheaderCx {width:100%;} #hbheader {width:100%;} #hbheaderCxHomebank {width:100%;} #corpoCont {margin:0 auto; width:100%; padding:0} #corpo {float:left; width:100%; padding:0; clear:both; height:100%;} .seph {clear:none} .sepLista {clear:none} .mais {clear:none} #footerCx {width:100%; position:absolute; bottom:0px; } #fmenu {width:auto;} #creditosCx {width:auto;} #creditos2 {width:auto;} #creditosSponsor {float:right; padding:5px 10px 0 0} .paginacao {clear:none} .paginacao2 {clear:none;float:left} #submissao {width:100%} #submissao label {clear:none; float:none} #loginKeyboard {clear:none} .dynLayout{width:100%;margin-top:10px;} .formItem {clear:none} .formItem label {width:200px;} .buttons {clear:none;width:auto} .formItemGroup {clear:none;height:20px} .formItemGroup label {width:200px;} .grid {clear:none;float:left} .grid table th.cpincol {width:40%} .grid table {clear:left} .detail {clear:none;float:left} .tableButtons {clear:none} } #header-hb{ width: 980px; height: 78px;} #center_content{width: 80%; float:left;} #colA .click-menu{width: 181px;float:left} .grid-top-temp{background-image: url('../../img/grid-top-temp.png');background-repeat: no-repeat;height: 10px;} .grid-bottom-temp{background-image: url('../../img/grid-bottom-temp.png');background-repeat: no-repeat;height: 10px;} .btn-left{float:left; width:2px;} #botoesHB a{height: 19px;display: block;padding-left: 10px; padding-right: 10px;padding-top: 2px;} .formItem .button{height:21px;} .login_ctrl{width: 801px;float:left} .login_ctrl .text{float:left} #page{margin: 0 auto; width: 980px; height: 100%; min-height:500px} #page_bg{ /*width: 1340px;height:982px;*/ margin: 0 auto;} .dm1 .active_bg{color: #4084DE} .dm1 .active_bg a{color: #4084DE} .dm1 tr {position:relative;} .dm1 tr td{width: 128px; padding:31px 0 0 0px;} .dm1 tr td a{padding-left:7px} .dm1 tr td span{padding-left:7px} .dm1hb tr td{width: 137px; /*padding:31px 0 0 0px;*/} .dm1hb .active_bg{color: #4084DE} .dm1hb .active_bg a{color: #4084DE} .dm1hb tr td a{padding-left:7px} .dm1hb tr td span{padding-left:7px} .menu_container{float:right; width: 720px;} .menu_container_hb{width: 100%; height: 56px;/*margin-top: 6px;*/} td.seph-menu-top{width: 1px !important; padding:0px !important; height: 70px;} td.seph-menu-top-hb{width: 1px !important; padding:0px !important; height: 56px;} .dm1 .item1,.dm1 .item1:hover{ display: block; height: 26px;padding-top:5px;} .dm1 .section { position: absolute; visibility: hidden; white-space: nowrap; width: 182px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; top: 35px !important; display:block;} .dm1 .section{} .dm1 .section span{} .dm1 .active{/*height: 5px;top: 10px;*/position:relative;} .dm1 .item2 {display: block; float: none; margin: 0; padding: 7px 16px 9px; text-align: left;} .dm1 .sub_menu_padding{height: 13px;} .dm1hb .item1,.dm1hb .item1:hover{ display: block; position: relative;height: 26px;padding-top:20px;} .dm1hb .section { position: absolute; visibility: hidden; white-space: nowrap; width: 182px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; top:56px !important;} .dm1hb .section{} .dm1hb .section span{} .dm1hb .active{height: 5px;top: 10px;position:relative;} .dm1hb .item2 {display: block; float: none; margin: 0; padding: 7px 16px 9px; text-align: left; white-space:normal;} .dm1hb .sub_menu_padding{height: 13px;} .submenu-bottom{width: 182px; height: 18px;} .seph-top-pesq{width: 1px !important; height: 70px;margin-right: 16px; float:left} table#menu1{float:left; position:relative; z-index:5;} #pesquisa{float:right; /*margin-top: 36px;*/margin-right:20px;} input#pesq{border: 0 none; height: 20px; width: 136px;padding-left:5px;float:left} .pesqDiv{float:left;} .zonaBanners{width: 100%; /*height: 174px; padding-top:30px;*/ padding:30px 0;} .zonaBanners .bannerClass{padding:0 0 0 20px; float:left; margin:0;} .zonaBanners .bannerClass img {margin:0; padding:0; border:0;} .netBanking{height: 102px;margin-left: 20px;width: 204px; margin: 0 auto; margin-left:20px; padding-top:44px;padding-left:18px;} .button-net-bank{display:block; width: 180px; height: 26px; padding-top: 4px;text-align: center;margin-top:4px;} .link{ padding-left: 19px;text-align: left;} .header-top{height: 71px;} .header-top-hb{/*height: 114px;*/} .homePageBottom{/*padding-top:30px;padding-left:17px;padding-right:20px;*/ width: 980px; padding-top:30px;} .homePageBottom .box-esq{float:left; margin-left:20px;} .homePageBottom .box-centro{float:left;} .homePageBottom .box-centro .caixa-esquerda {width:458px;} .homePageBottom .box-esq .caixa-esquerda {width:218px;} .homePageBottom .box-esq .caixa-esquerda{ margin-bottom:12px;margin-right:20px;} .homePageBottom .box-centro .caixa-esquerda .body_content {} .caixa-esquerda .top{height: 30px; padding-top:10px;padding-left:9px;} .caixa-esquerda .body{padding-top:13px;padding-left:9px;padding-bottom:16px; height: 35px;} .caixa-esquerda .body_content{padding-top:14px;padding-left:7px;padding-bottom:14px;padding-right:7px;} .caixa-esquerda .body_content .arquivo_not{/*float:right;*/ height:22px;} .caixa-esquerda .body_content .arquivo_not .container {float:right} .caixa-esquerda .body_content .arquivo_not .container img {margin-right:5px;} .caixa-esquerda .body h1{margin:0px; /*padding:0 0 5px 0px;*/} .caixa-esquerda .body .img_bg{/*left: 122px;*/position: relative;top:-70px; float:right; *top:-89px;} .caixa-esquerda .art_img{ max-width: 206px; max-height:148px;float:left;padding-right:20px; margin-left:3px;} .box-cambios {float:left; margin-left:20px;} .box-cambios .caixa-esquerda {width:218px;} #colEsquerda{float:left; width:253px; margin-top:2px;} #colCentro{float:left; top: -16px; position: relative; margin-left:8px;} .banners-laterais{margin-left: 19px;position: relative; top: -16px;} #bar-menu2{margin-left:20px;margin-bottom:19px;} .bar-menu2{ /*padding-top: 19px;*/ } #bar-menu2 .box1{height: 24px;padding-left: 10px;padding-top: 6px; width: 220px; font-size:11px;} #bar-menu2 .box1-hover{height: 24px;padding-left: 10px;padding-top: 6px; width: 220px; font-size:11px;} #bar-menu2 .box1-active{height: 24px;padding-left: 10px;padding-top: 6px; width: 220px; font-size:11px;} #bar-menu2 .box1-open{height: 24px;padding-left: 10px;padding-top: 6px; width: 220px; font-size:11px;} #bar-menu2 .box1-open-hover{height: 24px;padding-left: 10px;padding-top: 6px; width: 220px; font-size:11px;} #bar-menu2 .section { display: none;} #bar-menu2 .sectionTop{width: 220px; height:5px;margin-top:2px;} #bar-menu2 .sectionBottom{width: 220px; height:5px;margin-bottom:1px;} #bar-menu2 .box2{/*height: 18px;*/padding-left: 20px;padding-top: 3px; padding-bottom:3px; width: 200px; font-size:11px;*padding-top: 2px; *padding-bottom:2px;} #bar-menu2 .box2-hover{/*height: 18px;*/padding-left: 20px;padding-top: 3px; padding-bottom:3px; width: 200px; font-size:11px;*padding-top: 2px; *padding-bottom:2px;} #bar-menu2 .box2-active{/*height: 18px;*/padding-left: 20px;padding-top: 3px; padding-bottom:3px; width: 200px; font-size:11px;*padding-top: 2px; *padding-bottom:2px;} #bar-menu2 .box2-open{/*height: 18px;*/padding-left: 20px;padding-top: 3px; padding-bottom:3px; width: 200px; font-size:11px;*padding-top: 2px; *padding-bottom:2px;} .small-version .titulo{margin-bottom:4px; min-height: 40px;margin-top:20px;} #bar-menu2 .box2-open-hover{height: 18px;padding-left: 20px;padding-top: 3px; padding-bottom:3px; width: 200px; font-size:11px;*padding-top: 2px; *padding-bottom:2px;} .small-version .titulo h1{margin: 0;padding: 5px 0 0 14px; width: 446px;min-height: 26px;} .small-version .box-top{ width:460px; height:5px;} .small-version .box-bottom{width:460px; height:5px;} .small-version .descricao{min-height: 30px;margin-bottom: 4px;} .small-version .descricao img{float:right; max-width:200px;border:none;} .small-version .descricao h5{height: auto;margin: 0;padding: 5px 0 0 14px;width: 446px;} .big-version2 {width: 700px;} .big-version2 .titulo{margin-bottom:15px; min-height: 40px;} .big-version2 .titulo h5{margin: 0;padding: 0px 0 0 14px; width: 686px;height: 30px;} .big-version2 .titulo h5 .head {float:left; margin:4px 0 0; padding:0;} .big-version2 .titulo h5 .last-access {width:230px; float:right; margin-right:22px;margin-top:8px;} .big-version2 .titulo h5 .last-access .accesslabel {color:#5796EC;} .big-version2 .box-top{ width:700px; height:5px;} .big-version2 .box-bottom{width:700px; height:5px;margin-bottom:4px;} .big-version2 .descricao{/*min-height: 30px;margin-bottom: 4px;margin-top:4px;*/} .big-version2 .descricao img{float:right; max-width:200px;border:none;} .big-version2 .descricao h5{height: auto;margin: 0;padding: 5px 0 0 14px;width: 686px;} .centerContainer {width:460px; margin-right:20px; float:left; } .centerContainer .big-version {width:100% !important;} .centerContainer .big-version .box-top {width:460px;} .centerContainer .big-version .box-bottom {width:460px;} .centerContainer .head {text-transform:none; font-weight:normal;} .rightContainer .head {text-transform:none; font-weight:normal;} /* apesar de serem regras "vazias", NÃO APAGAR AS REGRAS SEGUINTES!! */ .Abody{} .Pbody{} .Obody{} .minimize {background:url('/img/seta-flag.png') no-repeat left center; margin-right:10px; padding-left:7px; padding-bottom:2px;cursor:pointer;color:#174484;} .ctfiDetail {display:none;} /* ################################################################# */ .emptySpace {background-color:transparent; height:10px; margin:0; padding:0; width:100%;} .grid table a div.plus_detail {height:20px; width:20px; color:#FFFFFF !important; background-color:#06377B; text-align:center; vertical-align:middle; cursor:pointer; font-size:15px;} .grid table th {height:30px; background:url("/img/Bkg-Header-Row.png") repeat-x scroll 0 0 #FFFFFF;} .cpinContainer .grid table {background:url('/img/Bkg-Header-Row.png') repeat-x; background-color:#FFFFFF;} .cpinContainer .grid table tr.headerRow {background-color:transparent !important;} .cpinContainer .grid table tr .cpincol {background-color:transparent; background-image:none;} .radiobuttonContainer .formItem table label {color:#000000;} .detail table {margin:0 7px;} .detail table .header {height:28px; width:336px;} .detail table td {height:28px;} .inline div {float:right; margin-top:-3px; *width:50%; *margin-top:-19px;} .inline div table tbody tr td {height:auto;} .inline {display:inline-block;} .centerContainer .dynLayout .grid table {width:440px !important; margin:0 10px;} .centerContainer .dynLayout .grid table tr {border-bottom:1px solid #FFFFFF !important;} .centerContainer .dynLayout .grid table {background:url('/img/Bkg-Header-Row.png') repeat-x; background-color:#FFFFFF;} .centerContainer .dynLayout .grid table tr.headerRow {background-color:transparent !important;} .centerContainer .dynLayout .grid table tr .cpincol {background-color:transparent; background-image:none;} .centerContainer .dynLayout .grid .loginPendingActions tr .cpincol {background-color:#FFFFFF; background-image:none;} .centerContainer .dynLayout .big-version .box-bottom {margin-bottom:0;} .centerContainer .big-version .heightSpace {width:100%; margin:0; padding:0; height:20px; background-color:White;} .centerContainer .dynLayout .dynForm {padding-left:10px;} .centerContainer .dynLayout .dynForm .formItem label {/*width:110px;*/ color:#4084DE;} .grid .loginPendingActions {width:440px !important; margin:0 auto 15px;} .grid .loginPendingActions .cpincol {margin-left:0; padding-left:0;} .grid .loginPendingActions .cpincol .head {margin-left:0;} .rightContainer .big-version .box-top {width:220px;} .rightContainer .big-version .box-bottom {width:220px;} .rightContainer {float:left; width:220px;} .rightContainer .big-version {width:100% !important; margin-bottom:10px;} .rightContainer .big-version .itemListaConteudo {width:200px !important; padding:0 10px;} .rightContainer .righBannerContainer {margin-top:20px;} .big-version{width: 700px;} .big-version .titulo{margin-bottom:4px; min-height: 40px;margin-top:20px;} .big-version .titulo h1{margin: 0;padding: 5px 0 0 14px; width: 686px;height: 26px;} .big-version .titulo h5{margin: 0;padding: 0px 0 0 14px; width: 686px;height: 16px;} .big-version .box-top{ width:700px; height:5px;} .big-version .box-bottom{width:700px; height:5px;margin-bottom:4px;} .big-version .descricao{/*min-height: 30px;margin-bottom: 4px;margin-top:4px;*/} .big-version .descricao img{float:right; max-width:200px;border:none;} .big-version .descricao h5{height: auto;margin: 0;padding: 5px 0 0 14px;width: 686px;} #conteudos-associados{margin-bottom: 8px;} #conteudos-associados .sectionTop{width: 220px; height:5px;margin-top:2px;} #conteudos-associados .sectionBottom{width: 220px; height:5px;margin-bottom:1px;} #conteudos-associados .conteudos-associados-content{ width: 220px; padding-bottom:5px;} #conteudos-associados .informacao-links{padding-left: 20px; padding-top: 6px; width: 200px;} #conteudos-associados h1{margin: 0; padding-left: 10px; padding-top:5px;} #tema .top{width:460px;height:6px;} #tema .bottom{height: 9px; width: 460px;} #tema .center_content{min-height: 59px; width: 458px;} #tema .tema_img{float:left; padding-left:7px; padding-right: 7px; width: 80px; } #tema .tema_img img{ max-width: 80px;} #tema .bullet{width: 3px; height: 5px;float:left;margin-top:14px;padding-right:9px; margin-left: 9px;} /*hack only IE9*/:root #tema .bullet{margin-top: 12px\0/IE9;} #tema .center_content .title{padding-top: 8px;} #tema .center_content .align_text{float:left; width:338px} #centro-esquerda{float:left; width: 460px;padding-right: 20px;} #centro-direita{float:left; margin-top:20px;} .shadow_banner{width: 228px; height: 153px;} .shadow_banner img{width: 220px; height: 145px;} .artigo .produto_content{padding-bottom:25px;padding-left: 12px; padding-right: 12px;padding-top: 13px; width: 437px;} .article_section ul{margin-bottom: 0} .article_section img{ max-width: 200px; float:none !important} .innerPageApoioCliente{margin-top:14px} .innerPageApoioCliente .caixa-esquerda{margin-right:13px;margin-left:19px;} .innerPageInternetBanking{ margin-left:21px;} .innerPageApoioCliente .caixa-esquerda .body .img_bg{top: -95px; width: 88px} .innerPageApoioCliente .caixa-esquerda .body .img_bg{*top: -96px;} /*hack only IE9*/:root .innerPageApoioCliente .caixa-esquerda .body .img_bg{top: -90px\0/IE9;} .innerPageInternetBanking .netBanking{ margin:0} .zonaInterBanking{float:left; width: 240px; padding:0;} .estaAqui{height: 21px;margin-left: 2px;padding-left: 6px;padding-top: 3px;width: 78px;font-size:11px;} /*hack only IE9*/:root .estaAqui{padding-top: 3px\0/IE9;} .footerText{float:left;margin-top: 2px;} .tableContactos{margin: 0 15px 0 15px; width: 96%;} .tableContactos tr{height: 26px; padding-left: 7px;} .tableContactos tr td{padding-left: 7px;} .tableContactos tr th{text-align: left; height: 30px; padding-left: 7px;} .backgroundContactos{padding-top: 10px; *width: 700px;} .big-version-title{ margin-top:14px;margin-bottom:14px;} .mapa-site-bg{float:left; width: 209px; padding-left: 12px; margin-bottom: 29px; } .parent-text{height: 25px;margin-right: 20px; margin-bottom:5px; padding-left: 15px; padding-top: 8px; text-transform: uppercase; width: 194px;} .map1 .section{width: 209px;} .map2 .children-space{padding-left:27px;padding-top:5px; padding-bottom: 5px;} .children-item{padding-left: 44px; min-height: 22px;} #mapa-site{width: 700px;padding-top: 13px;} #qaList{*padding-left:10px;} #perguntasList{*padding-left: 10px;} #qaList ol{margin:0; list-style-position:inside;} #qaList ol li{display:list-item;} #perguntasList ol{margin:0;padding-bottom:10px;list-style-position:inside;} #perguntasList ol li{display:list-item;} #qaList p{margin-bottom:0;padding-bottom:10px;} .gotop{margin-bottom:10px;} .box-cambios .caixa-esquerda .body_content form .grid {background-color:transparent !important; width:100% !important; } .box-cambios .caixa-esquerda .body_content form .grid .dynLayout {background-color:transparent !important;} form .grid .dynLayout .cambios{border-collapse: collapse !important; margin-bottom:10px !important; width:auto !important;margin-left:0; margin-right:0;} form .grid .dynLayout .cambios tr {border-top:1px solid transparent !important; background-color:transparent !important;} form .grid .dynLayout .cambios tr td {border:none;padding:0;} form .grid .dynLayout .cambios .cambios-th-bg{width: 60px !important; height:23px !important;/*padding:2px;border-right:1px solid transparent;*/} form .grid .dynLayout .cambios .cambios-th-space{ width: 90px !important;/*border-right:1px solid transparent;*/} form .grid .dynLayout .cambios .cambios-td-moeda{ width: 90px !important; height: 23px !important; text-align: left !important; padding-left:5px !important;/*border-right:1px solid transparent;*/} form .grid .dynLayout .cambios .cambios-td-content{ width: 59px !important; height: 23px !important; text-align: center !important;/*border-right:1px solid transparent;*/} .align-print-hb{position: relative; top: -4px;} .align-button-HB{padding-left: 5px;} .align-button-HB .align-button-HB-left{width:2px; height: 21px;} .align-button-HB .align-button-HB-right{width:2px; height: 21px;} .buttonHB{height: 21px;} .dynFormInline .buttons{clear:both;/*float: left; margin: 6px 0 0 10px; *margin-top: 12px;*/ text-align:center; width:100%; margin: 0 auto 15px;} .center-button{padding-left: 288px; width: 100px;} .sucessMSG{margin-top: 13px; text-align: center; width: 600px;} .tableMSG{margin: 0 1px 0 0 !important;} .tableMSG tr{width: 600px !important;} .grid table tr td table{width: 99% !important; margin-left:0} .languageList{text-align: right; margin-bottom: 21px; } .languageList a{padding-left:10px;} #navigation{margin-top:19px;*margin-top:22px;} .listing-button{margin-right: 3px; width: 62px;} .excel-download{/*width: 162px;*/} .btn-excel{float:left; *float: none;} .formItem table input[type="radio"]{float:left} .formItem table select{} .logohomebanking{float:left; width: 400px; height: 58px; background-repeat: no-repeat} .logohomebanking .languageList{margin-right:20px; margin-top: 5px;} /*#CTRL_Date_Span{display: block; width: 300px;} #CTRL_Date_Span label{float:left; margin-right: 10px;margin-bottom:5px;} #CTRL_Date_Span select{float:left; margin-right: 10px;}*/ #teclado{float: none !important; margin-top:30px;} #CTRL_Date_SpanCOPE{display: block; /*width: 300px;*/} #CTRL_Date_SpanCOPE input{float:left} #CTRL_Date_SpanCOPE label{float:left; margin-right: 10px;margin-bottom:5px; width: auto;} #CTRL_Date_SpanCOPE select{float:left; margin-right: 10px;} .radiobtnCOPE{float: left; margin-left: 95px;} #teclado{float: none !important; margin-top:30px;} .float-left{float: left} .float-right{float: right} .clear{clear:both; margin:0; padding:0; height:0;}