/****** CSS RESET *******/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,input,select,textarea,blockquote,th,td{margin:0;padding:0; border:none; list-style:none; font-family:Verdana, sans-serif; color:#666 ;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:bold;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} strong { font-weight:bold; } /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;} a{outline:none;} /****** GERAL *******/ a {color:#2059a6; text-decoration:none; } a:hover {color:#2059a6; text-decoration:none; } /****** CLASSES *******/ .esconde-txt { display:block;overflow:hidden; text-indent:-9000px; } /* == [ CLEARFIX ] == */ .clearfix:after {content: "." ;display: block ;height: 0 ;clear: both ;visibility: hidden ;} /* Hides from IE-mac \*/ * html .clearfix {height: 1% ;} .clearfix {display: block ;} /* End hide from IE-mac */ /****** CONTAINER *******/ #container { width:1000px; margin:0 auto; } /****** TOPO *******/ #container #topo{ clear:both; height:222px; margin:0 auto; background-color:#EEEDED; } #container #topo .barra { position:absolute; width:835px; height:97px; z-index:3; } #container #topo .barra .TopoBarra h1{ float:left; background:url(../imgs/logo-embraer.png) right no-repeat; margin:11px 30px 0 0; } #container #topo .barra .TopoBarraEng h1{ float:left; background:url(../imgs/logo-embraer_en.png) right no-repeat; margin:11px 30px 0 0; } #container #topo .barra h1 a { display:block; width:427px; height:32px; margin-left:25px; } #container #topo .barra select.menu-portais, #container #topo .barra span.data, #container #topo .barra a.bt-english { float:left; margin:20px 25px 0 0; font-size:9px; color:#000; } #container #topo .barra a.bt-portugues { float:left; margin:20px 25px 0 0; font-size:9px; color:#000; } #container #topo .barra select.menu-portais { width:130px; border:1px solid #858585; background-color:#e8e5e7; } #container #topo .barra span.data { padding:3px 0 4px; } #container #topo .barra a.bt-english { display:block; width:57px; background:url(../imgs/bandeira-english.gif) right center no-repeat; padding:3px 0 4px; } #container #topo .barra a.bt-portugues { display:block; width:70px; background:url(../imgs/bandeira-portugues.gif) right center no-repeat; padding:3px 0 4px; } #container #topo .barra a.bt-english:hover { text-decoration:underline; } #container #topo .barra a.bt-portugues:hover { text-decoration:underline; } #container #topo .box { position:absolute; margin-left:800px; width:160px; height:130px; padding:10px 10px 0 0; z-index:2; } #container #topo .box li { width:140px; background:url(../imgs/linha.gif) bottom repeat-x; margin:0 auto; } #container #topo .box li.ultimo { background:none; } #container #topo .box a.bt-rss, #container #topo .box a.bt-meus-downloads{ display:block; height:100%; font-size:11px; color:#787878; padding:10px 0 10px 20px; } #container #topo .box a.bt-rss:hover, #container #topo .box a.bt-meus-downloads:hover{ text-decoration:underline; } #container #topo .box a.bt-rss { background:url(../imgs/ico-rss.gif) left no-repeat; } #container #topo .box a.bt-meus-downloads { background:url(../imgs/ico-meus-downloads.gif) left no-repeat; } #container #topo .box .ultimo h2 { font-size:13px; color:#3263a9; background:url(../imgs/titulos/faca-busca.gif) no-repeat; overflow:hidden; text-indent:-9000px; margin:10px 0 0 4px; } #container #topo .box .ultimoEng h2 { font-size:13px; color:#3263a9; background:url(../imgs/titulos/faca-busca_en.gif) no-repeat; overflow:hidden; text-indent:-9000px; margin:10px 0 0 4px; } #container #topo .box { float:left; } #container #topo .box span.campo { float:left; display:block; width:108px; height:15px; background:url(../imgs/input-busca.png) left no-repeat; padding:3px; } #container #topo .box input.campo { background:none; font-size:9px;} #container #topo .box input.bt { float:left; width:24px; height:21px; background:url(../imgs/bt-buscar.png) right no-repeat; cursor:pointer; } /****** MEIO *******/ #container #meio { clear:both; width:100%; min-height:765px; background:url(../imgs/bg-topo.gif) repeat-x top; } /****** LATERAL ESQUERDA *******/ #containerMenu { padding-left:25px; } #containerMenu a { } #lateral-esquerda #containerMenu a:link div.textMenu ,#lateral-esquerda #containerMenu a:visited div.textMenu { background:transparent url(../imgs/bullet-menu.gif) no-repeat scroll right 10px; border-bottom:1px solid #D8D8D8; color:#2059A6; font-size:11px; padding:7px 23px 7px 7px; text-align:right; width:160px; } div.containerSubMenu div.menuSuspenso { border:1px dashed #DFDFDF; border-right:1px solid #DFDFDF; color:#205AA7; font-family:Verdana,sans-serif; font-size:11px; padding:9px 6px; } #container #meio #lateral-esquerda { float:left; width:215px; background:url(../imgs/curva-lateral-esq.gif) left top no-repeat; padding-top:27px; } #container #meio #lateral-esquerda #menu { float:right; } #container #meio #lateral-esquerda #menu li { float:right; width:188px; text-align:right; } #container #meio #lateral-esquerda #menu li a { display:block; height:100%; font-size:11px; background:url(../imgs/bullet-menu.gif) right 10px no-repeat; border-bottom:1px solid #d8d8d8; padding:7px 23px 7px 7px; } #container #meio #lateral-esquerda #menu li a.atual { font-weight:bold;} /* class para marcar seção atual */ #container #meio #lateral-esquerda #menu li a.ultimo { border-bottom:none; margin-bottom:17px; } #container #meio #lateral-esquerda #menu li a:hover { background-color:#E4E4E4;} #container #meio #lateral-esquerda #acesso-rapido { float:right; width:172px; background:url(../imgs/bg-acesso-rapido.png) repeat-y; } #container #meio #lateral-esquerda #acesso-rapido .acesso-rapido h2 { height:26px; background:url(../imgs/titulos/acesso-rapido.gif) no-repeat; overflow:hidden; text-indent:-9000px; } #container #meio #lateral-esquerda #acesso-rapido .acesso-rapidoEng h2 { height:26px; background:url(../imgs/titulos/acesso-rapido_en.gif) no-repeat; overflow:hidden; text-indent:-9000px; } #container #meio #lateral-esquerda #acesso-rapido ul { background:url(../imgs/rb-acesso-rapido.png) bottom no-repeat; } #container #meio #lateral-esquerda #acesso-rapido li { background: left no-repeat; background-position:14px 5px; } #container #meio #lateral-esquerda #acesso-rapido li a { display:block; width:126px; font-size:11px; background:url(../imgs/linha.gif) bottom repeat-x; margin:0 auto; padding:7px 3px 7px 26px; } #container #meio #lateral-esquerda #acesso-rapido li a.atual { font-weight:bold; font-size:10px; } #container #meio #lateral-esquerda #acesso-rapido li a:hover { text-decoration:underline; } #container #meio #lateral-esquerda #acesso-rapido .apresentacao-inst { background-image:url(../imgs/ico-apresentacao-inst.gif); } #container #meio #lateral-esquerda #acesso-rapido .comunicados-fatos { background-image:url(../imgs/ico-comunicados-fatos.gif); } #container #meio #lateral-esquerda #acesso-rapido .central-resultados { background-image:url(../imgs/ico-central-resultados.gif); } #container #meio #lateral-esquerda #acesso-rapido .demonstracao { background-image:url(../imgs/ico-demonstracao.gif); } #container #meio #lateral-esquerda #acesso-rapido .financeira { background-image:url(../imgs/ico-financeira.gif); } #container #meio #lateral-esquerda #acesso-rapido .market-outlook { background-image:url(../imgs/ico-market-outlook.gif); } #container #meio #lateral-esquerda #acesso-rapido .relatorios-anuais { background-image:url(../imgs/ico-relatorios-anuais.gif); } #container #meio #lateral-esquerda #acesso-rapido li.ultimo a { background:none; padding-bottom:10px; } #container #meio #lateral-esquerda .selo-quarenta { float:right; width:135px; height:112px; background:url(../imgs/selo-40-anos.jpg) center no-repeat; margin:17px 0 6px; padding:0 20px; } #container #meio #lateral-esquerda .selo-quarentaEng { float:right; width:135px; height:112px; background:url(../imgs/selo-40-anos_en.jpg) center no-repeat; margin:17px 0 6px; padding:0 20px; } #container #meio #lateral-esquerda .bt-praticas-danosas { float:right; width:136px; height:56px; background:url(../imgs/bg-praticas-danosas.png) center no-repeat; padding:0 20px; } #container #meio #lateral-esquerda .bt-praticas-danosasEng { float:right; width:136px; height:56px; background:url(../imgs/bg-praticas-danosas_en.png) center no-repeat; padding:0 20px; } /****** LATERAL DIREITA *******/ #container #meio #lateral-direita { float:left; width:173px; background:url(../imgs/curva-baixo-lateral-direita.gif) bottom no-repeat; margin:27px 0 0 0; padding-bottom:5px; } #container #meio #lateral-direita div { background:url(../imgs/bg-lateral-direita.gif) repeat-y; } #container #meio #lateral-direita h2 { clear:both; font-size:13px; color:#3263a9; background:url(../imgs/tit-curva-lateral-direita.png) top no-repeat; padding:35px 0 0 17px; } #container #meio #lateral-direita #ri2 h2 { background:url(../imgs/tit-curva-ri2-lateral-direita.png) top no-repeat; padding:11px 0 1px 17px; } #container #meio #lateral-direita h2 span { display:block; overflow:hidden; text-indent:-9000px; } #container #meio #lateral-direita p { width:140px; font-size:11px; color:#7f7f7f; line-height:16px; margin:0 auto; padding:11px 0 22px; } #container #meio #lateral-direita a { height:100%; } #container #meio #lateral-direita a:hover { text-decoration:underline; } #container #meio #lateral-direita #ri2 .ri2 h2 span { background:url(../imgs/titulos/ri2.gif) no-repeat; } #container #meio #lateral-direita #ri2 .ri2Eng h2 span { background:url(../imgs/titulos/ri2_en.gif) no-repeat; } #container #meio #lateral-direita #ri2 li { width:150px; margin:0 auto; } #container #meio #lateral-direita #ri2 li.primeiro { background:url(../imgs/separador-primeiro-ri2.png) bottom no-repeat; } #container #meio #lateral-direita #ri2 li.twitter .twitterImg { background:url(../imgs/twitter-ri2.png) center center no-repeat; } #container #meio #lateral-direita #ri2 li.twitter .twitterImgEng { background:url(../imgs/twitter-ri2_en.png) center center no-repeat; } #container #meio #lateral-direita #ri2 li.twitter a { display:block; height:65px; } #container #meio #lateral-direita #ri2 li.ultimo { width:140px; font-size:10px; color:#3364aa; font-weight:bold; background:url(../imgs/separador-ultimo-ri2.png) top no-repeat; padding:18px 0; } #container #meio #lateral-direita #fale-ri .fale-ri h2 span { background:url(../imgs/titulos/fale-ri.gif) no-repeat; } #container #meio #lateral-direita #fale-ri .fale-riEng h2 span { background:url(../imgs/titulos/fale-ri_en.gif) no-repeat; } #container #meio #lateral-direita #fale-ri a { display:block; font-size:10px; font-weight:bold; color:#5c83b6; } #container #meio #lateral-direita #alertas-ri .alertas-ri h2 span { background:url(../imgs/titulos/alertas-ri.gif) no-repeat; } #container #meio #lateral-direita #alertas-ri .alertas-riEng h2 span { background:url(../imgs/titulos/alertas-ri_en.gif) no-repeat; } #container #meio #lateral-direita #alertas-ri p { padding-bottom:13px;} #container #meio #lateral-direita #alertas-ri ul { background:url(../imgs/bg-lateral-direita.gif) repeat-y; width:130px; margin:0 auto; } #container #meio #lateral-direita #alertas-ri li { float:left; width:100px; } #container #meio #lateral-direita #alertas-ri input { float:left; width:85px; height:13px; font-family:Tahoma, sans-serif; font-size:10px; color:#929292; background:url(../imgs/input-alertas-ri.png) no-repeat; border:1px solid #b5b5b5; margin-top:2px; padding:2px 5px; } #container #meio #lateral-direita #alertas-ri .bt-ok { float:left; width:27px; } #container #meio #lateral-direita #alertas-ri .bt-ok input{ width:30px; height:20px; font-weight:bold; text-align:center; color:#FFF; background:#3a6bae; cursor:pointer; } #container #meio #lateral-direita #mobile { height:100%; padding-top:20px; } #container #meio #lateral-direita #mobile .mobile h2 span { background:url(../imgs/titulos/mobile.gif) no-repeat; } #container #meio #lateral-direita #mobile .mobileEng h2 span { background:url(../imgs/titulos/mobile_en.gif) no-repeat; } #container #meio #lateral-direita #mobile p { float:left; width:85px; padding:12px 0 0 16px; } #container #meio #lateral-direita #mobile a { display:block; font-size:10px; font-weight:bold; color:#5c83b6; } #container #meio #lateral-direita #mobile span.mobile { float:right; display:block; width:48px; height:84px; background:url(../imgs/img-mobile.gif) no-repeat; padding-right:14px; margin:30px 0 8px; } /****** RODAPE *******/ #container #logos { float:left; width:1000px; background-color:#EDEDED; padding:15px 0; margin-top:24px; } #container #logos ul { width:620px; margin:0 auto; } #container #logos li { float:left; height:40px; background:center center no-repeat; padding:0 5px; display:block; overflow:hidden; text-indent:-9000px; } #container #logos .ibrx { width:70px; background-image:url(../imgs/logos/ibrx.png); } #container #logos .ibrx50 { width:56px; background-image:url(../imgs/logos/ibrx50.png); } #container #logos .ivbx2 { width:53px; background-image:url(../imgs/logos/ivbx2.png); } #container #logos .indx { width:50px; background-image:url(../imgs/logos/indx.png); } #container #logos .itag { width:76px; background-image:url(../imgs/logos/itag.png); } #container #logos .igc { width:38px; background-image:url(../imgs/logos/igc.png); } #container #logos .ise { width:45px; background-image:url(../imgs/logos/ise.png); } #container #logos .globo { width:34px; background-image:url(../imgs/logos/globo.png); } #container #logos .novo-mercado { width:45px; background-image:url(../imgs/logos/novo-mercado.png); } #container #logos .erj { width:34px; background-image:url(../imgs/logos/erj.png); } #container #rodape { clear:both; width:640px; text-align:center; font-size:10px; line-height:33px; margin:0 auto; } #container #rodape span { float:left; width:112px; height:34px; background:url(../imgs/logo-embraer-rodape.gif) center no-repeat; display:block; overflow:hidden; text-indent:-9000px; } #container #rodape a { color:#8e8e8e; text-decoration:underline;} .buracoEmail { width:45px; }