/* Geral - Componentes Basicos  */
* {margin:0; padding:0;}
body {font-size:62.5%;  font-family: tahoma, arial, freesans, garuda, helvetica, sans-serif; color: #6D6D6D; background-color: #FFF;}
img, ul, a, fieldset {border: 0; list-style: none}
a{cursor: pointer; text-decoration:none; color:#666;}
a:hover {text-decoration: underline;}
p {margin-bottom: 1em; font-size:1.2em;}
h1,h2,h3,h4,h5,h6{font-weight: normal; color:#999;}

/* Padrao de titulos */
.title1{font-size: 2.8em; text-transform: uppercase; font-family: arial, tahoma,  freesans, garuda, helvetica, sans-serif;} .title1 strong{font-weight: normal; border-top:2px solid;}
.title2{font-size: 1.4em; margin-bottom: 10px;}
.title3{font-size: 1.4em; text-transform: uppercase; margin-bottom: 10px;}
.title4{font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}
.title5{font-size: 1em; font-weight: bold; text-transform: uppercase; color:#FFF; background: #6D6D6D;}
.title6{font-size: 2em;}
.title7{font-size: 1.3em; color: #6D6D6D; font-weight: bold; margin-bottom: 10px;}
.title8{font-size: 1.1em; text-transform: uppercase; font-family: arial, tahoma,  freesans, garuda, helvetica, sans-serif;}
.title9{font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #6D6D6D;}
.title10{font-size: 1.2em; font-weight: bold; text-transform: uppercase; color:#FFF; background: #6D6D6D;}
.title11{font-size: 1.1em; color: #FFF; text-transform: uppercase; padding: 10px 20px; font-family: arial, tahoma,  freesans, garuda, helvetica, sans-serif;  background: #6D6D6D; font-weight: bold;}
.title12{font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color:#6D6D6D;}

/* header */
.header {height: 9.4em; position: relative; background: #FFF; margin-bottom: 2em; overflow: hidden; font-family: arial, tahoma,  freesans, garuda, helvetica, sans-serif; margin: 0 auto; min-width: 90em; z-index:1;}
.header .logo {font-size: 1em; position: absolute; left: 2.7em; top: 2em; z-index: 2; width:147px; height:28px; display: block; background: url(../img/bgAll.png) no-repeat -359px -26px; overflow: hidden;}
.header .logo a {display: block; width: 100%; height: 100%; padding-left: 147px;}
.header .topMenu {position: absolute; right: 0.8em; top: 0.8em; width: 32%; text-align: right; z-index: 2;}
.header .topMenu li {display: inline; font-size: 0.9em; text-transform: uppercase; margin: 0 0.2em;}
.header .topMenu li a {color: #999; }
.header .mainMenu { position: absolute; bottom: 10px; left: 1em; width: 100%;}
.header .mainMenu li { width: 33.3%; float: left; border-left: 1px solid #CCC; margin-left: -1px; float:left; display: inline; font-size: 1.1em; text-transform: uppercase; font-weight: bold; padding-top: 100%; white-space: nowrap;}
.header .mainMenu li a {position: relative;  padding: 5px; margin-left: -1px;}
.header .mainMenu li.ra {border-color: #00A5C8;}
.header .mainMenu li.afdc {border-color: #E4801B;}
.header .mainMenu li.bsa {border-color: #82BF40;}
.header .mainMenu li.ra a {color: #00A5C8;}
.header .mainMenu li.afdc a {color: #E4801B;}
.header .mainMenu li.bsa a {color: #82BF40;}

.header .mainMenu li.ra a.selected {color: #FFF; background: #00A5C8;}
.header .mainMenu li.afdc a.selected  {color: #FFF; background: #E4801B;}
.header .mainMenu li.bsa a.selected {color: #FFF; background: #82BF40;}

.header .search {position: absolute; left: 190px; top: 3em; z-index: 3; white-space: nowrap;}
.header .search * {vertical-align: middle;}
.header .search .searchInput {width: 460px; height: 28px; background: url(../img/bgAll.png) no-repeat 0 -70px; border: 0; line-height: 28px; }
.header .search .searchSubmit {width: 71px; height: 28px; border: 0; background: url(../img/bgAll.png) no-repeat -65px -27px; font-size: 0; color: #FFF; cursor: pointer; text-indent: 80px;}
.header #en .searchSubmit {width: 71px; height: 28px; border: 0; background: url(../img/bgAllEn.png) no-repeat -65px -27px; font-size: 0; color: #FFF; cursor: pointer; text-indent: 80px;}

.header .language{position: absolute; right: 5px; top: 30px; z-index: 10; border: 1px solid #CCC; width: 10em; }
.header .language li{font-size: 1.1em; display: none;}
.header .language:hover li, .header .over li {display: block;}
.header .language li.selected  {display: block; padding-right: 20px; background: url(../img/arrowDown.gif) no-repeat right center;}
.header .language li a,.header .language li strong{color: #999999; display: block; padding:3px 5px;}
.header .language li a:hover {background: #EEE; text-decoration: none;}

/* footer */
.footer {border: 1px solid #CCC; padding: 10px 20px; overflow: hidden; margin-bottom: 15px;}
.footer .footerMenu {text-align: right; float: right; white-space: nowrap; width: 50%; float: right; overflow: hidden;}
.footer .footerMenu li {display: inline; border-right: 1px solid #000; position: relative; right: -1px; padding: 0 10px;}
.footer .copyright {font-size: 1em; text-align: left; width: 49%; margin: 0;}

/* SubMenu */
.subMenu li{margin-bottom: 2px;}
.subMenu li ul{display: none;}
.subMenu li.open ul{display: block;}
.subMenu li.open a{background: #FFF; color: #999; text-decoration: none;}
.subMenu li ul li{ margin-bottom: 0;}
.subMenu li a{color: #FFF; font-size: 1.1em; text-transform: uppercase; background: #999; display:block; padding: 5px 5px 5px 10px; border-top:1px solid #999; border-bottom: 1px solid #999;}
.subMenu li a:hover, .subMenu li.selected a{background: #FFF; color: #999; text-decoration: none;}
.subMenu li ul li a,.subMenu li.open ul li a{background: #B7B7B7; border:none; color: #333;}
.subMenu li ul li a:hover, .subMenu li ul li.selected a{background: #B7B7B7; color: #999;}

/* Tools Menu */
.toolsMenu{text-align: right; margin-bottom: 10px;}
.toolsMenu li{display: inline;}
.toolsMenu li.zoomOut a{display: inline-block; width: 29px; height: 0; padding-top: 26px; overflow: hidden; background: url(../img/bg/bgAll.png) no-repeat;}
.toolsMenu li.zoomIn a{display: inline-block; width: 29px; height: 0; padding-top: 26px; overflow: hidden; background: url(../img/bg/bgAll.png) -30px 0;}
.toolsMenu li.print a{display: inline-block;  width: 29px; height: 0; padding-top: 26px; overflow: hidden; background: url(../img/bg/bgAll.png) -330px 0;}
.toolsMenu li.vote{margin-left:5px; display: none;}
.toolsMenu li.vote a{display: inline-block; width: 110px; height: 0; padding-top: 26px; overflow: hidden; background: url(../img/bg/bgAll.png) -754px -27px;}
#area12 .toolsMenu{text-align: left;}
/* Bread Crumb */
.breadCrumb{margin-bottom: 10px;}
.breadCrumb li{display:inline; font-size: 1em;}

/* Home Presentation Content */
.presentationContent{overflow: hidden; padding-left:2px;}
.presentationContent .presentationCol{float: left; width:33.33%; border-left: 1px solid #FFF; padding-bottom: 1000px; margin-bottom: -1000px;}
.presentationContent .presentationCol  h2{font-size: 1em;}
.presentationContent .presentationCol.first{border: none; margin-left:-2px; display: inline;}
.presentationContent .ra .title11{background: #00a5c8; display:block;}
.presentationContent .afdc .title11{background: #e4801b; display:block;}
.presentationContent .bsa .title11{background: #82bf40; display:block;}

.presentationContent .presentationInside{border-left: 1px solid; margin-left: 10px; padding: 30px 15px 1000px 20px; overflow: hidden; margin-bottom:-1000px;}
.presentationContent .ra  .presentationInside{border-color: #00a5c8;}
.presentationContent .afdc .presentationInside{border-color: #e4801b;}
.presentationContent .bsa .presentationInside{border-color: #82bf40;}
.presentationInside .hiTxt{font-family: arial, tahoma,  freesans, garuda, helvetica, sans-serif; font-size: 1.6em;}
.presentationContent .presentationInside p a{background: none;} .presentationContent .presentationInside p a:hover{text-decoration: none;}
.presentationContent .ra .presentationInside .hiTxt{color: #00a5c8;}
.presentationContent .afdc .presentationInside .hiTxt{color: #e4801b;}
.presentationContent .bsa .presentationInside .hiTxt{color: #82bf40;}

.presentationContent p.investments a{display: block; width: 177px; height: 0; padding-top: 141px; overflow: hidden; background: url(../relatorio-anual/img/bg/bgRelalucroliquido.gif) no-repeat;}
.presentationContent p.oilProduction a{display: block; width: 222px; height: 0; padding-top: 107px; overflow: hidden; background: url(../relatorio-anual/img/bg/bgRelaproducaodepetro.gif) no-repeat; margin: 30px 0 30px 60px;}
.presentationContent p.gasProduction a{display: block;  width: 284px; height: 0; padding-top: 115px; overflow: hidden; background: url(../relatorio-anual/img/bg/bgRelaproducaogas.gif) no-repeat;}

.presentationContent p.netProfit a{display: block; width: 215px; height: 0; padding-top: 99px; overflow: hidden; background: url(../analise-financeira-e-demonstracoes-contabeis/img/bg/bgAnalisereceitaope.gif) no-repeat; margin: 30px 0 10px 60px;}
.presentationContent p.netRevenue a{display: block;  width: 246px; height: 0; padding-top: 106px; overflow: hidden; background: url(../analise-financeira-e-demonstracoes-contabeis/img/bg/bgAnaliseinvestimentos.gif) no-repeat;}
.presentationContent p.ebtida a{display: block; width: 270px; height: 0; padding-top: 68px; overflow: hidden; background: url(../analise-financeira-e-demonstracoes-contabeis/img/bg/bgAnaliseGeracaoOperacional.gif) no-repeat; margin: 30px 0;}

.presentationContent p.avoidedEmissions a{display: block; width: 150px;  height: 0; padding-top: 117px; overflow: hidden; background: url(../balanco-social-e-ambiental/img/bg/bgBalancoevitada.gif) no-repeat; margin: 10px 0 40px 90px;}
.presentationContent p.djsi a{display: block; width: 209px; height: 0; padding-top: 221px; overflow: hidden; background: url(../balanco-social-e-ambiental/img/bg/bgBalancodowjones.gif) no-repeat; margin-left: 10px;}

.presentationContent .tagCloudBox{margin:65px 0 30px -20px;}
.presentationContent .tagCloudBox .title11{display:inline; padding: 5px 20px;}
.tagCloudList{margin: 20px 0 0 20px;}
.tagCloudList li{display: inline; text-transform: uppercase;}
.tagCloudList li.lvl1{font-size: 1.8em;}
.tagCloudList li.lvl2{font-size: 1.5em;}
.tagCloudList li.lvl3{font-size: 1.1em;}
.presentationContent .ra  .tagCloudList li a{color: #00a5c8;}
.presentationContent .afdc  .tagCloudList li a{color: #e4801b;}
.presentationContent .bsa  .tagCloudList li a{color: #82bf40;}

.relatedBox  .topBox1{border-top: 1px solid; border-bottom: 1px solid; padding: 5px 10px;}
.relatedBox  .topBox1 .title8{font-weight: bold;}
.relatedBox .tagCloudList{margin: 0; background: url(../img/bg/bgRelatedBox.gif)}
.relatedBox .tagCloudList li{display: block; padding: 15px 10px;}
.relatedBox .tagCloudList li a{ background: #FFF; padding: 5px;}

.boxZoom{padding: 10px; background: #CCC; margin-bottom: 5px;}
.boxZoom a{color: #FFF; padding: 5px 25px; background: url(../img/bg/bgZoom.png) no-repeat left center; font-size: 1.1em;}

/* TABELAS */
table { border:1px solid #5e5e5e; border-collapse:collapse; margin: 0 1px 10px 1px; width:99%;}
table caption { display:none; }
table th, table td { padding:4px 10px;  border-left:1px solid #727272; }
table thead th { border:1px solid #727272; } 
table tbody td, table tbody th { border-bottom:1px dotted #727272;  }
table tbody th { text-align:left; font-weight:normal; }
table tbody td { text-align:right; }
table thead { background:#7e7e7e; color:#fff; text-transform:uppercase; font-size:1em; }
table tbody { color:#727272; font-size:1.1em;}
table sup { font-size:0.7em; color:#727272; margin:0 3px; font-weight:bold; }
table .type1 { background:#cac7c7; } 
table .type2 { border-top:1px solid #a4a4a4; border-bottom:1px solid #4a4a4a; }
table .type3 { border-bottom:1px solid #4a4a4a }
table .type4 { padding-left:5px; }
table .type5 { padding-left:20px; }
table .type6 { text-align:left; }
table .type7 { border-bottom:1px solid #2d3d24;}
table .type8 { padding-left:30px; }
table .type9 { font-size:0.7em; }
table .type10 { text-align:center; }
table .type11 { text-transform:none; font-size:0.9em; }
table .type12 { background:#7fc042; color:#fff; text-transform:uppercase; font-size:0.9em; font-weight:bold; }
table .type13 { background:#efefef; } 
table .type14 { background:#d2e8f3; border-bottom:1px solid #FFFFFF; }
table .type15 { background:#f0e7ac; border-bottom:1px solid #FFFFFF; }
table .type16 { background:#b8b8b8;  }
table tbody .type16 { text-transform:uppercase; color:#fff; font-weight:bold; font-size:0.9em; }
table .type17 { background:#e5e5e5;  }
table .type18 { background:#999999; border-bottom:1px solid #fff; }
table .type19 { color:#fff; text-transform:uppercase; font-size:0.9em; }
table .type20 { background:#7fc042; color:#fff; text-transform:uppercase; font-size:0.9em; font-weight:bold; }
table .listType1 li { float:left; width:50%; text-align:left; margin:5px 0; } 
table ol { list-style-image:none; list-style-position:outside; list-style-type:none; }
table p { font-size:1em; }
.legends{font-size:1em; margin-bottom: 10px;}
.legends2{font-size: 1.1em; font-weight: bold; margin-bottom: 15px;}
.tablesFlash{margin: 20px 0; overflow: auto;}

/* Resumo Operacional -  Tabela  */
.operacionalResume { border:1px solid #fff; } 
.operacionalResume th, .operacionalResume td {  padding:8px 15px; border-left:1px solid #fff;  }
.operacionalResume tbody td, .operacionalResume tbody th { border-bottom:1px solid #fff;  }
.operacionalResume thead  th { border:1px solid #fff;}

/* Outras Informações / Alterações de Práticas Contábeis  - Tabela / Projetos Estruturados */
.otherInfo tbody td, .accountingChanges tbody td, .structureProjects tbody td { text-align:left; } 
.otherInfo ol li { margin-bottom:5px; }

/* CAIXAS */
.box1{background: #E7E7E6; padding: 1px 10px; margin-bottom: 20px;}
.box1 p.type1{margin-bottom:0;}
.box1 .title3{margin-top: 15px;} 
/* Listas */
.listDefault{font-size: 1.2em; margin-bottom: 10px;}
.gridList li{float: left; width: 33%;}

.list1{font-size: 1.2em; padding-left: 5px;}
.list1 li{margin-bottom: 15px; list-style-position: inside; list-style-type:disc;}

.list2 li{font-size: 1.2em; margin-bottom: 10px;}
.list2 li strong.type1{display: block;}
.list2 li p{font-size: 1em;}

.listResults{font-size: 1.2em;}
.listResults li a{text-decoration: underline;}

/* Internas - componentes diversos */
.featured{text-transform: uppercase; font-size: 1.6em; margin-bottom: 30px;}
.featured strong{ border-top: 1px solid; font-weight: normal;}

p.style1{font-size: 1.6em; margin-top: 20px; clear: both;}
.photoBanner{margin: 30px 0 10px 0;}
.boxPhoto{float: right; width: 216px; margin-left: 10px;}
.boxPhoto img{display: block;}
.hilightPhoto{float: right; margin: 20px 0;}

.graphicsList{margin-bottom: 30px;}
.graphics{ margin-bottom: 10px; padding: 0 0 15px 35px;}
.graphics a{text-decoration: underline; font-size: 1.1em;  color: #929292;}
.graphics a .dl{font-size: 0.9em; color: #929292; display: block; text-decoration: underline; line-height: 1.5}

.backList{font-size: 0.9em; display: block; margin: 20px;}

.adrs .adr{margin-bottom: 10px;}
.adrs span,.adrs  strong{display:block; font-size: 1.2em;}

/* Download */
.downloadList ul {margin-bottom: 20px;}
.downloadList ul li{float: none; width: auto; background: url(../img/bg/iconDownload.gif) no-repeat left center; margin:15px 10px; padding:6px 0 6px 35px; font-size: 1.2em;}
.downloadList ul li a{text-decoration: underline;}
.downloadList .title11{margin-bottom: 15px; border-right: 1px solid #fff;}

/* Mapa Site */
.siteMap .title11{padding: 10px 15px;}
.siteMap .title11 a{color: #FFF;}
.siteMap ul{padding: 10px 15px 20px 15px; font-size: 1.2em;}
.siteMap ul li{float: none; width: auto;}
.siteMap  li.ra .title11{background: #0096B5;}
.siteMap  li.ra  h3.title11{background: #10ABCB; padding: 5px 15px;}
.siteMap  li.ra ul{background: #CFEEF5;}
.siteMap  li.afdc .title11{background: #DC6F00;}
.siteMap  li.afdc h3.title11{background: #E79038; padding: 5px 15px;}
.siteMap  li.afdc ul{background: #FAE9D7;}
.siteMap  li.bsa .title11{background: #82BF40;}
.siteMap  li.bsa h3.title11 {background: #82BF40; padding: 5px 15px;}
.siteMap  li.bsa ul{background: #E1EFD1;}
.siteMap  li.afdc .oa h3.title11{background: #999999; padding: 5px 15px;}
.siteMap  li.afdc .oa ul{background: #E2E2E2;}

/* ADMINISTRAÇÃO */
.managementBox .managementList li{float: left; width: 14.2%; position: relative;}
.js .managementBox .managementList li .box2{display:none;position:absolute;width:465px;}
.managementBox .managementList li a { min-height:175px; display:block; outline:none; }
.managementBox .managementList li img{display:block;}
.managementBox .managementList li  .name{font-size: 1.2em; text-decoration: underline; display:block;}
.managementBox .managementList li .office{font-size: 1em; margin: 2px 0; color: #2E3D47;}
.managementMembers{clear: both; padding: 80px 0;}
.managementMembers .audit{float:left; margin-right: 14em;}
.managementMembers .title7{margin: 5px 0 0 0;}
.managementMembers .listDefault li{margin: 2px;}

/* Perfil */
.profile .title11{font-weight: normal; border-right: 1px solid #FFF; margin-bottom: 30px;}
.profile p, .profile ul{padding-left: 20px;}
.profile ul li{float: none; width: auto; padding: 0;}
.profile .type1{font-size: 2.5em; font-weight: normal; display: block; margin-bottom: 10px;}
.profile .type2{font-size: 2em; font-weight: bold; display: block; margin-bottom: 10px;}

/* Contato */
.adr span{display:block; font-size: 1.2em; margin: 2px 0;}
.adr .mail{text-decoration: underline;}

.contact *{vertical-align: middle;}
.contact{margin: 50px 0 0 10px; width: 500px;}
.contact li{margin-bottom: 20px;}
.contact .formContact label{font-size: 1.2em; font-weight: bold; display:block;}
.contact .formContact input, .contact .formContact textarea{border-color:#D0D0D0; border-style:solid; border-width:1px 1px 2px; width: 490px; padding:2px;}
.contact .formContact textarea{height: 215px;}
.contact .formContact .inputSubmit{border: none; height: 28px; width: 64px; padding: 28px 0 0 0; overflow: hidden; background: url(../img/bg/bgAll.png) no-repeat 0 -27px; display: block; cursor: pointer; float: right;}
.contact .charactersLenght p{float:left; font-size: 1em; margin-top: 3px;}
.contact .formContact input.lenght{width: 35px; float: left; padding: 0; margin: 0 2px;}

/* Glossario */
.glossary .glossaryFilter{padding: 10px; background: #999999;}
.glossary .glossaryFilter li {display: inline; margin: 0 3px;}
.glossary .glossaryFilter li a{font-size: 1.2em; color:#FFF;}
.glossary .tableImg{display: block; margin: 30px auto;}
.glossary  .glossaryContent{padding: 10px 30px 10px 10px; background: #EEEEEE; margin-bottom: 50px;}
.glossary  .glossaryContent dd{margin-bottom: 15px; line-height: 1.7; font-size: 1.2em;}
.glossary  .glossaryContent .type1{display: block; height: 0; width: 0; margin: 0; padding: 0; overflow: hidden; clear: both;}
.glossary  .glossaryContent dd{display: block;} 
.glossary  .glossaryContent dt {float: left; margin-bottom: 0; line-height: 1.56923; margin-right: 10px; display: inline;}

/* Graficos */
.graphsList { margin-top:25px; }
.graphsList li { float:left; width:49.9%; margin-bottom:25px;}
.graphsList .col2 { text-align:right; }
.graphs img { margin:25px 0; } 

/* Administração - Info */
.managementBox .managementList .box2 .closeBalon{background: url(../img/bg/close.gif) no-repeat ;position:absolute;right:0px;top:16px; height:0; padding-top: 16px; width:16px; display: block; overflow: hidden; cursor:pointer;}
.managementBox .managementList .box2 { padding-top:16px;}
.managementBox .managementList .box2A { background: url(../home/img/bgLeftArrow.gif) no-repeat 15px top; left:15px;  }
.managementBox .managementList .box2B { background: url(../home/img/bgRightArrow.gif) no-repeat scroll 405px top;  left: -340px;}
.managementBox .managementList .box2C { background: url(../home/img/bgLeftArrow.gif) no-repeat scroll 205px top; left: -100px;}
.managementBox .managementList .infoBox { background:#ddd; overflow:hidden; padding:5px 15px 15px 30px; }
.managementBox .managementList .infoBox h2 { color:#6D6D6D; font-size:1.1em; font-weight:bold; margin-bottom:15px; } 
.managementBox .managementList .infoBox ul { min-height:750px;}
.js .managementBox .managementList .infoBox ul { min-height:0px; }
.managementBox .managementList .infoBox li { float:left; width:49%; margin-bottom:25px; font-size:1.1em; min-width:100px;}
.managementBox .managementList .infoBox strong { display:block; color:#000; }

noscript p{background: #FFFAA9; padding: 15px; overflow: hidden; font-size: 1.2em; border: 2px solid; display: block; clear: both; margin: 10px 0;}

/* pagina resultado de busca */
.infoSearch p span{font-weight: bold;}

.resultsList p{margin:0;}
.resultsList li{ font-size: 1.2em; line-height: 1.3; padding: 15px;}
.resultsList li.type1{background: #EDEDED;}
.resultsList li .linkSerach{font-weight: bold; text-decoration: underline; display: block;}

.pagSearch {float: right; margin: 10px 0 20px 0;}
.pagSearch li{float: left; font-weight: bold; font-size: 1.1em; padding: 3px 6px;background: #959595;  margin: 0 2px;}
.pagSearch li a{color:#FFF;  display: block;}
.pagSearch li.selected{background: none;}

/* Tira o Hover dos destaques da Home da cada Area */
.boxHighlights  a:hover{text-decoration:none;}