body{margin:8px auto; border:none; width:1002px}
#colA, #colB, #colB2, #colC {
line-height:130%;
}
#colA h2, #colB h2, #colB2 h2{
    margin:0 0 4px 0; padding: 8px 0 8px 0; }
#colA h2{padding-left:8px}
    
#colB {padding:0 7px; /*width:auto;*/ _padding:0 0 0 7px; min-height:400px}
#colB2 {padding:0 0 0 0px; min-height:400px } /*ESTAVA padding:0 0 0 7px; */

#logoCx {height:80px}
#dateTime {height:16px;width:100%;}
#dateTime p {float:right;margin:0}
#logo {height:80px}
#logo h1 {padding:0 0 0 0px; }

#HomeBankingCx #logo{height:123px}
#HomeBankingCx #logoCx{height:123px}

#serv ul li#flags , #flags {margin:0 11px 0 20px; width:auto;}
#serv ul li#flags {float:right; height:auto}
#serv ul li#flags p {display:inline; padding-bottom:1px}
#flags {margin-top:100px; margin-right:15px;}
#flags #imgSepLingua { margin: 0px 5px 0px 5px}


#serv {white-space:nowrap; display:inline; width:100%; padding:0; float:left; 
    clear:both;  height:25px; } /*margin:0; -> foi retirado*/

#serv UL {margin:0 0 0 0; padding:0px 0 0 10px; vertical-align:middle; height:25px; float:left; width:992px}
#serv UL LI {display:inline; margin:0 ; padding:0px 0 0 0px; text-transform:none; float:left}
#serv UL LI a {display:inline-block; padding: 4px 6px 3px 6px; text-align:center}
#serv UL LI a:hover, #serv ul li .menuTopoSel {background:#888888}
#serv ul li.blankSpaceSep {float:right}

#pesquisa {width:auto;margin:0; padding:50px 18px 0 0;}
#pesquisa input{height:auto; margin:0; padding:3px 0 1px 0}
#pesquisa input.button {height:auto;width:auto;padding:0 5px 0 5px; font-size:120%}

#menuTopoEsquerdo{float:left; padding-left:15px;  text-align:left;}
#menuTopoDireito{float:right; text-align:right; }

/**************************/
#menu .section {width:1002px; top:121px; left:0; height:18px;}
#menu .section a, #menu #sel .section a {text-align:center; padding: 0 6px}
#menu .section ul{width:auto; padding-left:10px;}
#menu ul li ul {margin:0; padding:0; height:100%}
/****************************/

#corpo { margin-top: 7px } 

/* 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}

#homebanking {
float:none;
height:auto;
margin:0 0 4px 0;
text-align:left;
width:100%;
}

#hbHeaderTitle { 
font-size:110%;
line-height:100%;
margin:0 0 4px;
padding:6px 0 6px 8px;}
#homebankingLinks { padding: 7px}
#homebanking .btnHB { padding:2px 6px; width:100%;    }
#homebankingLinks .seph { height: 4px}

#colA {width:auto;margin-right: 7px;}
#colAws {width:196px;}
#colAhb { width:235px;}

/*menu esq*/
div#menuLat, ul#navlist, div#menuLat2, ul#navlist2
{    
    margin:0;
    padding:0;
    width:100%;
}

div#menuLat
{
	margin-bottom:4px;
}

#colA #menuLat h2, #menuLat2 h2, #colC #menuLat2 h2  {
 margin:0 0 4px 0; padding: 8px 0 8px 8px; font-size:110%
 }

ul#navlist li, ul#navlist2 li {margin:0 0 4px 0;padding:0;/*6px 0 6px 9px;*/}

ul#navlist li a, ul#navlist2 li a {padding:6px 0 6px 9px;width:auto;}
ul#navlistb {padding:4px 0 0 0}
ul#navlistb li a {padding-left:23px;}
#menuHomebanking ul#navlistb li a {padding-left:22px;}
/*dropdown*/
#drpMenuDiv {width:100%; margin:4px 0 4px 0; padding:0; background:#BBBBBB} 
#drpMenuDiv #drpMenu {width:96%;  margin:6px 4px 6px 4px; border:solid 1px #888888; color:#7A7A7A;}

/*ColC*/

#colC { width: 196px; 
     margin:0;
    padding:0/* 0 0 4px;*/
    
}
#colC h2 
{
    font-size:110%;
    margin:0 0 12px 0;
    padding:5px 0 5px 9px;    
    height:auto;
    text-align:left;
    
}
#colC ul li {width:auto;}
#noticiasListaLat {}
.noticiaLat {padding:0; margin:0 4px 10px 4px;}
.noticiaLat .noticiaTitulo { text-align:left; margin:0; padding:0 0 4px 0;}
.noticiaLat p, #noticiasListaLat .noticiaLat p {clear:both; text-align:left; margin:0; padding:0;}
.noticiaLat a {}
.noticiaSaberMais {margin:5px 0 10px 0}
#outrasNot{margin-top:-8px; }

/*footer*/
#footerCx {padding-top:25px; }
#fmenu {padding-top:26px; }
#creditos2 {padding:14px 0 0 0; }
#creditosSponsor{margin:19px 0}

#fmenu img{ margin:0px 4px 0px 4px;}

/*HB*/
#userInfoBK {float:left;margin:0 auto;padding:0;}
#sephHeaderHb {float:left; margin:4px 15px 0 15px; color:#FFF;font-weight:bold}
#userInfo label 
{
    float:left;
    color: #797997;
    margin-bottom: 3px;
}

#bannerImg {float:right;}

#hbheaderCx{height:auto;}

.bannerMenuLateral { margin: 0 0 6px 0; background:#FDFDFD; text-align:center; }
.bannerMenuLateral h2 { color:#FAFAFA; background:#ABABAB; font-size:130%; text-transform:uppercase;
     margin:0 0 4px 0; padding: 8px 0 8px 12px; text-align:left;  }
.bannerMenuLateral #contactos { text-align:left; padding:5px 15px}
.bannerMenuLateral #contactos .article_section {margin:7px 0}
.bannerMenuLateral #contactos h3 { text-align:left; margin:0 0 0 0}
.bannerMenuLateral #contactos .fotoEsq, .bannerMenuLateral #contactos img {font-size:0px; line-height:0px; }
.bannerMenuLateral #contactos .sectionBody{ padding-left:25px; _clear:left;_margin-top:-15px;_padding-left:28px;}
     
#loginPage {margin:24px 17px 0px 0px; padding-top:0; position:absolute; top:0px; right: 23px; width:235px; font-size:100%; height:370px;}
#loginCheckText { text-justify:inter-cluster; text-align:justify; color:#A4A4A6; font-size:9px; padding: 0px }
#login {padding: 0px 9px 0px 9px; width: auto; margin:0; }
#login .formItem {width:100%; margin: 5px 0 5px 0; float:left;                  }
#login .formItem label {margin:0; padding:0; width:95px; font-size:9px; text-align:left; color:#A4A4A6}
#login .formItem input {width:114px; float:left;}
#login .formItem .button {float:right; margin-right:7px}
#login #loginButtonList  { float:left; width:100%; margin-bottom:5px }
#login #loginButtonList #OpenVK  { margin-top:5px }
#login #loginButton { text-align:right; float:right;}
#login #loginButton img:hover{cursor:hand; cursor:pointer;}
#loginFormItems{padding:0;}
#loginKeyboard {clear:both;float:left; 
    padding:5px 9px 15px 9px;}

.loginPage #txtEnquadramento {margin:0px; padding:3px 12px 12px 12px; float: left; padding-top: 0px\9 }
.loginPage #login { float:left;}

.loginPage #colB2 .VKTitle h3 { padding:2px 2px;}
.loginPage #colB2 .VKTitle h3 img { float:right; border: 5px 5px 5px 5px;}
.loginPage #colB2 .VKTitle h3 img:hover{cursor:hand; cursor:pointer;}
.loginPage #colB2 { min-height:400px} /*altura do login*/
/*
#loginKeyboard
{
    width:235px !important;
    height:160px !important;
}*/

            
#OpenVK img:hover, #OpenVK span:hover{ cursor:hand; cursor:pointer;}

#root .VKTable
{
    width:235px !important;
    height:160px !important;
}
.VKTable td {height:auto; padding: 2px 0}
#closeKB {float: right;margin-top: -15px; margin-right: 10px;}
.VKTable2 .botaoVKNumber , .VKTable2 .botaoVK
{
    width:18px !important; padding: 0 6px;
    
}


.VKTable2 td { padding:1px;}

#OpenVK
{
    float:left;
    
}

#txtEnquadramento {margin: 6px 0 0 15px; padding-bottom:6px}
#colB2 .VKTitle h3 { padding:5px 0;}
.botaoVKLimpar 
{
    background:#FDFDFD;
border:none;
color:#FFFFFF;
height:22px;
padding-bottom:8px;
text-align:center;
width:111px;
}


.lSPager {
    margin-top: 0px !important;
}
.lSPager li 
{
    padding: 3px;
    margin-right: 3px !important;
}
.lSPager .activeBorder		
{
    margin-top: -72px;
margin-left: -3px;	}


.grid{line-height:140%;}

/**** homepage **/
.publicosAlvoBox {float:left; width:196px; margin:0; padding:0 }
.publicosAlvoBox .publicosAlvoBoxTitle, .paArticleBox .paArticleTitle { font-size:110%;line-height:100%;margin:0 0 4px;padding:6px 0 6px 8px; }
.publicosAlvoBox .paArticleSubTitle {padding:0 4px; text-align:left;}
.sepPublicosAlvo {float:left; width:4px;  margin:0; padding:0; }
.publicosAlvoBox .noticiaLat{margin:0 0 10px 0; padding:0; }

.paArticleBox .paArticleImg {float:left; margin:0 0 10px 0}
.publicosAlvoBox .noticiaLat{float:left}

.publicosAlvoBox .publicosAlvoBoxTitle
{        color:#FFFFFF; text-align:left; text-transform:uppercase;font-weight:bold} 
.paArticleBox .paArticleTitle
{        color:#FFFFFF; text-align:left; font-weight:bold} 
.publicosAlvoBox .publicosAlvoBoxTitle a, .paArticleBox .paArticleTitle a
{        color:#FFFFFF; }


#colB #titulo #print {position:relative; text-align:right; float:none}
#colC .articleSubTitle{padding:10px 4px;}

#colB h3 {margin:0; padding:0}
.itemListaConteudo img {border:0 none;padding:0 20px 20px 0;}
.sepLista {clear:both;height:0;margin:0 0;padding:0;width:100%;}
#homebankingSair
{
    float:left; 
    margin-left:15px; 
    margin-top: 4px;
    font-weight: bold;
}

.paginacao,  .paginacao2{  text-align:right; height:auto}
.anterior, .paginas, .seguinte,
.paginacao2 .anterior, .paginacao2 .paginas, .paginacao2 .seguinte{display:inline;  float:none; text-align: left}
.paginacao img, .paginacao2 img{margin-top:5px}
.anterior, .paginacao2 .anterior{padding-right:4px}
.seguinte, .paginacao2 .seguinte{padding-left:4px}

/*#mapaSite ul {clear:both;}*/
#mapaSiteBI{ line-height:170%}
#mapaSiteBI ul.subMenuList { padding:0 3px 0 0}
#mapaSiteBI li.subMenu {margin:0 0 3px 8px; padding: 0 0 3px 12px}
#mapaSiteBI ul.subMenuContent{ padding: 0 0 0 8px; margin:0}
 
#mapaSite .mapaSiteSep {width:0px}
.seph {width:0px}

#colB .article_section h4, #colB2 .article_section h4 
{  width:99%}

.tema {margin-top:10px;padding-bottom:10px}
.imagensTemas {margin:0 20px 20px 0;}
.itemNomeTemas a, .itemNomeTemas a:link, .itemNomeTemas a:visited  { text-decoration:underline;text-transform:uppercase;}

/*agencias*/
#colB .cont_agencias  .tabela1, #colB2 .cont_agencias  .tabela1 {clear:none; width:auto }
.lista_agencias td {height:70px;width:150px;text-align:left;vertical-align:top;padding-bottom:10px;padding-left:5px;}
.lista_agencias span {color:#3399CC}
#colB .article_section .home_agencias a {color:#3399CC}


.grid .detailCMOV {padding-top:0; clear:both; float:right; width:50%}
.grid .detailCMOV table {width:100%; padding-top:15px;}
.grid .detailCMOV table td {padding:2px}
.grid .detailCMOV table .header {padding:3px}
.grid .detailCMOV select {width: auto}

#linkPrecario:hover {color:#FF8659}

/*Combobox*/

#lookupBen .formItem label
{
	margin-bottom: 10px;
	margin-left: 35px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
  
  .ui-button-text {

    height: 15px;

  }
  
  
  .custom-combobox-toggle { 
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 0px;
    padding: 0;
    height: 25px;
    margin-top: -4px;
    
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;  }

  .custom-combobox-input
{
	margin: 0 0 0 34px;
	padding: 0.3em;
	width: 290px !important;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

#colB #titulo, #colB2 #titulo{background:url(/img/bckLogin.gif) repeat-x; background-position:left bottom; padding-bottom:10px;}
#loginPage #titulo_login {background:url(/img/Bem_Vindo.png) no-repeat}
#titulo{margin-bottom:20px}
#colB #titulo h2, #colB2 #titulo h2 { background:#FF8659; margin: 0 0 4px; }
#colB #titulo h2, #colB2 #titulo h2, #loginPage #titulo_login h2 
{color:#FFFFFF;font-weight:bold;font-size:110%;padding:7px 0 7px 12px; }

#titulo #ajuda,#titulo #precario, #titulo #print{top:40px; margin:0}

ul.lightSlider  { margin: 6px 0; }

.itemNotVisible { display:none; }
.grid table tr.headerRow .cpincol { width:50%;}
.grid table tr.headerRow { width:50%; }

.rightImportant {text-align:right!important}
.leftImportant {text-align:left!important}

#indisponivelBannerDivChild {
    background: none repeat scroll 0 0 black;
    bottom: 0;
    height: 100%;
    left: 0;
   /* opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;   
}

#processingDivChild {
   background: none repeat scroll 0 0 black;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;   
}

#corpoCont #colB2 #loginPage {
	z-index: 10;
}