/*
Color index

Blue: #030B7B
Dark gray: #333
Medium gray: #747371
Light gray: #E7E3DE   
red : #9D1B1A
*/

@import url(reset.css);
@import url(grids.css);
@import url(ATQuaSanMedItaRegular/stylesheet.css);

body { font:13px/1 Arial, sans-serif; color:#030B7B; background:#EDEEE9 url(../images/theme/body-bg.gif) repeat-y; }

p, ul, ol, dl, table, h1, h2, h3, h4, h5, h6 { margin:15px 10px; }
p, ul, ol, dl, table { line-height:1.3; }       
p, li { text-align:justify; } 
th { text-align:left; }

h1 { font:1.8em ATQuaSanMedItaRegular, Arial, sans-serif; }
h1.dda { color:#747262; }
h1.sociocultural { color:#FF971B; }
h1.card { color:#997C31; }
h1.seguro, a.seguro { color:#1E9E7F; }
h1.negocios-internacionais { color:#9D1B1A; }

h2 { font:1.3em ATQuaSanMedItaRegular, Arial, sans-serif; }
h2.card { color:#997C31; }

h4 { font-size:.8em; text-transform:uppercase; font-weight:normal; }

dt { font-weight:bold; }
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }    
a.pdf { padding-left:20px; background:url(../images/institucional/mb_pdf.gif) no-repeat ; }
img { display:block; }
table { display:block; }
strong { font-weight:bold; }
em { font-style:italic; }
small { font-size:.7em; display:block; }

hr { border:0; border-top:1px dotted #555; height:1px; margin:10px; }

.breadcrumb { font-size:.85em; color:#000; }

.simple-list { list-style:square; padding-left:20px;  }
.simple-list ul { margin:10px 0; list-style:circle; padding-left:20px;}
.number-list { list-style: decimal; padding-left:20px; }

.error-list { padding-left:20px; list-style:disc; margin:0; }
.error-list ul { padding-left:20px; list-style:disc; margin:0; }

li a:hover { border:none; } /* Conserta o problema de bullets que somem nos IE's */
.arrow-list li { padding-left:25px; line-height:1.5em; background:url('../images/ri/mbseta.gif') no-repeat 0 -1px; }
.arrow-sociocultural li { padding-left:25px; line-height:1.5em; background:url('../images/theme/mbsetinha_laranja2.gif') no-repeat 0 4px;  }
.arrow-card li { padding-left:25px; line-height:1.5em; background:url('../images/theme/mbsetinha1.gif') no-repeat 0 4px;  }

.inner-simple { margin:0; list-style:square; padding-left:20px; }

.simple-dl dt { margin-top:10px; }

.list-dl dt { width:120px; float:left; font-weight:normal; }
.list-dl dd	{ width:300px; margin-left:120px; }

.features {  }
.features dt { padding-top:10px;  border-top:1px dotted #747371; margin-top:10px; }

.intro { margin:0 10px 1em 10px; padding:0 0 15px 0; overflow:auto; border-bottom:1px dotted #555; }
.intro p, .intro h2 { margin:0 0 .5em 0; }
.inner-intro {  padding-left:5px;  }

.more { clear:left; display:none; }                   
.more h2 { padding-top:1em; }
.more p, .more h2 { margin-bottom:1em; }

.options { }
.options li { padding:0 10px 5px; border-bottom:1px dotted #747371; margin-top:5px; font:1.2em ATQuaSanMedItaRegular, Arial, sans-serif; }
.options.sociocultural li a { color:#FF971B; }
.options.seguros li a { color:#1E9E7F; }

.bg-color { padding:5px 0; margin:0 10px 1em 10px; }

.green { background:#6c9; }
.yellow { background:#ff9; }
.light-brown { background:#cc9; }
.light-blue { background:#6cc; }
.orange { background:#fc6; }

.zapt, .zapt a { color:#6493C6; }

.banner-left { margin:5px 0 1em 10px; display:block; }
.banner-home { margin:10px 0 1em 0; display:block; }

.menu { font-size:.85em; line-height:1; background-color:#E7E3DE; background-image: url(../images/theme/menu-corner.gif); background-repeat: no-repeat; background-position: bottom left; }
dl.servicos, dl.ri, dl.sobre, dl.atendimento, dl.para_empresa, dl.para_voce { background-color:#CFDBF4; }
dl.dda { background-color:#EFECE3; }
dl.sociocultural { background-color:#FCEBD2; }
dl.card { background-color:#F7F3E8; }
dl.seguros { background-color:#BFE4DB; }
dl.negocios-internacionais { background-color:#EFC8C6; }
dl.previdencia-privada { background-color:#FEF5DF; }
dl.zapt { background-color:#CEE5F6; }
dl.nao-correntistas { background-color:#FAF3E4; }
dl.prev-priv { background-color:#FEF5DF; }

.menu dt { padding:5px 10px 5px 20px; color:#fff; background:#747371 url(../images/theme/menu-header.gif) repeat-x; font-size:1em; font-family:ATQuaSanMedItaRegular; font-weight:normal; }
.menu.servicos dt,.menu.ri dt, .menu.sobre dt, .menu.atendimento dt, .menu.para_empresa dt, .menu.para_voce dt { background:#0E066D url(../images/theme/side-box-header.gif) repeat-x; }
.menu.dda dt { background:#1E385F url(../images/theme/menu-header-dda.gif) repeat-x; }
.menu.sociocultural dt { background:#FCEBD2 url(../images/theme/menu-header-sociocultural.jpg) repeat-x; }
.menu.card dt { background:#F7F3E8 url(../images/theme/menu-header-card.jpg) repeat-x; }
.menu.negocios-internacionais dt { background:#EEC6C6 url(../images/theme/menu-header-negocios-internacionais.jpg) repeat-x; }
.menu.previdencia-privada dt { background:#FEF5DE url(../images/theme/menu-header-previdencia-privada.jpg) repeat-x; }
.menu.seguros dt { background:#1E9E7F url(../images/theme/menu-header-seguro.jpg) repeat-x; }
.menu.zapt dt { background:#69c url(../images/theme/menu-header-zapt.gif) repeat-x; }
.menu.nao-correntistas dt { padding:5px 10px; color:#997C31; background:#fff url(../images/theme/menu-header-nao-correntista.jpg) repeat-x; }
.menu.prev-priv dt { background:#fff url(../images/theme/menu-header-prev-priv.jpg) repeat-x; }

.menu dd { border-bottom:1px solid #fff; padding:5px 10px; font-weight:bold; }

.menu a { color:#333; }  
.menu.servicos a, .menu.ri a, .menu.sobre a, .menu.atendimento a, .menu.para_empresa a, .menu.para_voce a { color:#030B7B; }
.menu.dda a { color:#7C7B66; }
.menu.sociocultural a { color:#030B7B; }
.menu.card a { color:#BBAE8D; } 
.menu.zapt a { color:#00609C;} 
.menu.nao-correntistas a { color:#997C31; }
.menu.prev-priv a { color:#020374; }

.menu.seguros a { color:#3B6157; }
.menu.negocios-internacionais a { color:#9D1B1A; }

.menu dd ul { margin:0; display:none; }
.menu dd:hover ul { display:block; margin-top:5px; }
.menu dd ul li { text-align:left; border-top:1px solid #D2CFCC; padding:5px 0; }
.menu dd ul li a { font-weight:normal;}

.menu .pt { color:#fff; background:#008400 url(../images/theme/bg-lang-pt.gif) no-repeat left top; }
.menu .en { color:#fff; background:#D11111 url(../images/theme/bg-lang-en.gif) no-repeat left top; }
.menu .pt a, .menu .en a { color:#fff; font-weight:normal; }

.note { font-size:.8em; display:block; }
.attention { text-align:center; color:#c03; }
.call { font-size:1.4em; font-family:ATQuaSanMedItaRegular, Arial, sans-serif; }

.alert { background:#ffc url(../images/institucional/icone_atencao.gif) 5px 5px no-repeat; padding:5px 10px 5px 30px; }
.error { background:#FFEFEF url(../images/institucional/icone_erro.gif) 5px 5px no-repeat; padding:5px 10px 5px 30px; }

.data { text-align:center; font-size:.85em; }
.data.all_width th { width:420px; }
.data.half_width th, .data.half_width td { width: 210px; }
.data th, .data td { padding:5px; border:1px solid #E7E3DE; vertical-align:middle; }
.data th { background:#E7E3DE; text-align:center; }
.data tfoot { background:#EFEFEF; }          

.table-wide { font-size:.72em; }
.table-wide th, .table-wide td { font-weight:normal; padding:5px 1px }

.field { overflow:hidden; zoom:1; margin:10px; line-height:1.3; }
.field label { display:block; font-size:.9em; }
.field input, .field textarea { border:1px solid #747371; }
.field .wide { width:240px; } 
.field .ddd { width:30px; float:left; margin-right:7px; display:inline; }
.field .tel { width:110px; }
.field.inline label { float:left; width:40%; }
.field.short label { float:left; width:30%; }
.field.big label { float:left; width:60%; }
.field.block label { float:left; width:100%; margin-bottom:.5em; min-width: 200px; }
.field .rules { font-size:.85em; color:#000; }
.field label.for-radio { font-weight:normal; }
.field .spaceLabel { padding:1em 0 0 40%; }
.field.block .especificlabel { float:left; width:100%; margin-bottom:.5em; min-width: 200px; }
.opt-title { background:#eee; }

.buttons { margin:15px 10px; text-align:right; padding-top:10px; border-top:1px dotted #555; clear:both; overflow:hidden; }
.buttons button, .buttons input { width:120px; height:34px; border:none; background:url(../images/theme/bg-btn-back.jpg) no-repeat; font-weight:bold; font-family:Arial, sans-serif; color:#555; }

.buttonsRota { margin:15px 10px; text-align:right; padding-top:10px; clear:both; overflow:hidden; }
.buttonsRota button, .buttonsRota input { width:120px; height:34px; border:none; background:url(../images/theme/bg-btn-back.jpg) no-repeat; font-weight:bold; font-family:Arial, sans-serif; color:#555; }

.buttonsImprimir { margin:0; text-align:right; padding:0px; clear:both; overflow:hidden; }
.buttonsImprimir button, .buttonsImprimir input { width:130px; height:34px; border:none; background:url(../images/theme/bg-btn-back.jpg) no-repeat; font-weight:bold; font-family:Arial, sans-serif; color:#555; }

p.btn-bg-pq { overflow:auto; }
p.btn-bg-pq a { width:120px; line-height:34px; display:block; text-align:center; float:right; background:url(../images/theme/bg-btn-back.jpg) no-repeat; }

.ad { margin:0 10px 10px; }

.figure { margin-bottom:5px; }
.figure.right { float:right; margin-left:10px; }
.figure.left { float:left; margin-right:10px; }   

.boxAd { width:140px; }

.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; } 

.pr10 { padding-right:10px; }  
.fl { float:left; }

.install { padding-left:25px; background:url('../images/rede-de-atendimento/mbicone_download.gif') no-repeat; }
.arrow-subtitle { padding-left:20px;  background:url('../images/rede-de-atendimento/mbsetinha1.gif') no-repeat 0 5px; }
                                      
.side-box { font-size:.85em; margin:10px; padding-bottom:1px; zoom:1; background:#E5EAEE url(../images/theme/menu-corner.gif) bottom left no-repeat; }
.side-box h2 { padding:5px 10px 5px 20px; color:#fff; background:#0E066D url(../images/theme/side-box-header.gif) repeat-x; font-size:1em; font-family:ATQuaSanMedItaRegular; font-weight:normal; margin:0; }
.side-box table, .side-box p { margin:10px; }
         
.dicas-card { width:120px; margin:1em auto; background:#F7F3E8; }
.dicas-card h2 { color:#997C31; font-size:.8em; padding:0 10px; line-height:24px; margin:0; background:url(../images/para-voce/mbdicas.gif) no-repeat; }

.home-features-title { text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #D9E0E6; margin-bottom:0; font:bold .8em Arial, sans-serif; }

.home-feature { margin:10px; }
.home-feature dt { margin-bottom:3px; }
.home-feature dd { font-size:.85em; color:#333; }

.home-box { border:2px solid #cacaca; margin:10px; zoom:1; color:#555; }
.home-box-inner { border:2px solid #fff; background:#E5EAEE; }
.home-box h2 { margin:0; background:#738DA4; color:#fff; font:bold .8em Arial, sans-serif; text-transform:uppercase; padding:5px 10px; }
.home-box a { color:#030b7b; }

.home-info { margin:1em 0; }
.home-info .home-info-inner h2 { margin:0; color:#030B7B; font:bold .85em Arial, sans-serif; padding:0 10px; } 
.home-info .home-info-inner p {  margin-top:0; font:normal .8em Arial, sans-serif; color:#555; }

.home-featured-news { margin:0 10px; }
.home-featured-news dt { border-top:1px solid #fff; padding-top:10px; }
.home-featured-news dd { border-bottom:1px solid #C3C8CC; padding-bottom:10px; font-size:.85em; }
.home-featured-news dt.first { border-top:0; }
.home-featured-news dd.last { border-bottom:0; }

/*-- STRUCTURE --*/

#container { width:780px }

#header { position:relative; width:100%; }
#col-nav { width:140px; float:left; padding-left:42px; }
#col-main { width:460px; float:left; padding-top:10px; }
#col-extra { width:110px; padding-left:20px; float:left; }
#col-nav, #col-main, #col-extra { margin-bottom:60px; } 
.quick-access { width:165px; margin-left:-35px; }
#footer { clear:both; width:480px; padding-left:155px; }

#nav, #nav ul, #nav a { margin:0; width:172px; }
#nav { height:129px; background:#c4c4c4; font-size:.85em; }
#nav li { position:relative; float:left; }
#nav a { display:block; text-indent:-9999px; background:#ebebeb bottom right no-repeat; height:18px; }
#nav ul { position:absolute; display:none; z-index:1; left:172px; top:0; background:#ccc; border-bottom:1px solid #D2D8EC; }
#nav ul a { text-indent:0; background:none; width:160px; height:auto; padding:3px 5px; border:1px solid #D2D8EC; border-bottom:0; color:#106E9D; } /* old color 030B7B*/
#nav li:hover ul, #nav li.over ul { display:block; }

#n-voce a, #n-servicos a, #n-canais a, #n-ri a { background-color:#d6d6d6; }
#n-voce a { background-image:url(../images/theme/n-voce-off.gif); }
#n-empresa a { background-image:url(../images/theme/n-empresa-off.gif); }
#n-servicos a { background-image:url(../images/theme/n-servicos-off.gif); }
#n-sobre a { background-image:url(../images/theme/n-sobre-off.gif); }
#n-canais a { background-image:url(../images/theme/n-canais-off.gif); }
#n-socio a { background-image:url(../images/theme/n-socio-off.gif); }
#n-ri a { background-image:url(../images/theme/n-ri-off.gif); }

#ibk { background:url(../images/theme/ibk.gif) no-repeat; margin:0; width:607px; height:40px; position:absolute; top:0; right:1px; }
#ibk a { text-indent:-999px; position:absolute; background:#fff; opacity:0; filter:Alpha(opacity='0'); }
#ibk-conta a { width:130px; height:30px; left:128px; top:6px; }
#ibk-cartao a { width:180px; height:27px; left:412px; top:7px; }

#top-banner { position:absolute; left:172px; top:39px;  }

#footer ul { margin:0 0 10px; border-top:2px solid #E7E3DE; overflow:hidden; zoom:1; font-family:ATQuaSanMedItaRegular, Arial, sans-serif; font-size:.85em; }
#footer ul li { float:left; margin:5px 5px; }
#footer a { color:#333; }