/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
.media img{
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.left {
  float: left !important;
}
img.left {
  margin-right: 20px;
  margin-top: 0 !important;
}
.right {
  float: right !important;
}
img.right {
  margin-left: 20px;
}
.nofloat {
  float: none !important;
}
.clear {
  clear: both;
}
.invisible {
  position: absolute;
  top: -9999px;
  left: -9999px;
  overflow: hidden;
  text-indent: -9999px;
  height: 0;
}
.hide {
  display: none !important;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.underline {
  text-decoration: underline;
}
.center {
  text-align: center;
  margin: 0 auto;
}
.align-left {
  text-align: left !important;
}
/* text-left  */
.align-right {
  text-align: right !important;
}
/* text-right */
.align-justify {
  text-align: justify !important;
}
/* text-left  */
.line-through {
  text-decoration: line-through !important;
}
.hidden {
  visibility: hidden;
}
.no-border {
  border: none !important;
}
.relative {
  position: relative;
}
.pointer {
  cursor: pointer;
}
.first {
  margin-left: 0 !important;
}
/* horizontal first */
.last {
  margin-right: 0 !important;
}
/* horizontal first */
.top {
  margin-top: 0 !important;
}
/* vertical first */
.bottom {
  margin-bottom: 0 !important;
}
/* vertical last */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: 'petrobras_sansbold';
  src: url('../fonts/petrobrassans_bd-webfont.eot');
  src: url('../fonts/petrobrassans_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_bd-webfont.woff') format('woff'), url('../fonts/petrobrassans_bd-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_bd-webfont.svg#petrobras_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sansbold_italic';
  src: url('../fonts/petrobrassans_bdit-webfont.eot');
  src: url('../fonts/petrobrassans_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_bdit-webfont.woff') format('woff'), url('../fonts/petrobrassans_bdit-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_bdit-webfont.svg#petrobras_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sansitalic';
  src: url('../fonts/petrobrassans_it-webfont.eot');
  src: url('../fonts/petrobrassans_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_it-webfont.woff') format('woff'), url('../fonts/petrobrassans_it-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_it-webfont.svg#petrobras_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sanslight';
  src: url('../fonts/petrobrassans_lt-webfont.eot');
  src: url('../fonts/petrobrassans_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_lt-webfont.woff') format('woff'), url('../fonts/petrobrassans_lt-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_lt-webfont.svg#petrobras_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sanslight_italic';
  src: url('../fonts/petrobrassans_ltit-webfont.eot');
  src: url('../fonts/petrobrassans_ltit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_ltit-webfont.woff') format('woff'), url('../fonts/petrobrassans_ltit-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_ltit-webfont.svg#petrobras_sanslight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sansregular';
  src: url('../fonts/petrobrassans_rg-webfont.eot');
  src: url('../fonts/petrobrassans_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_rg-webfont.woff') format('woff'), url('../fonts/petrobrassans_rg-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_rg-webfont.svg#petrobras_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sansxbold';
  src: url('../fonts/petrobrassans_xbd-webfont.eot');
  src: url('../fonts/petrobrassans_xbd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_xbd-webfont.woff') format('woff'), url('../fonts/petrobrassans_xbd-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_xbd-webfont.svg#petrobras_sansxbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'petrobras_sansxbold_italic';
  src: url('../fonts/petrobrassans_xbdit-webfont.eot');
  src: url('../fonts/petrobrassans_xbdit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/petrobrassans_xbdit-webfont.woff') format('woff'), url('../fonts/petrobrassans_xbdit-webfont.ttf') format('truetype'), url('../fonts/petrobrassans_xbdit-webfont.svg#petrobras_sansxbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@keyframes fakeSelect {
  0% {
    top: 13px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 13px;
  }
}
@-webkit-keyframes fakeSelect {
  0% {
    top: 13px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 13px;
  }
}
.centered {
  margin: 0 auto;
}
.hidden-text {
  text-indent: -9999px;
}
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  background-image: url(../imgs/bg/sprite.png);
  background-repeat: no-repeat;
}
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
@media screen {
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  p {
    margin: 15px 0;
    font: 13px/120% "trebuchet MS";
    color: #858585;
  }
  input,
  select,
  option,
  textarea {
    font: 14px/100% "petrobras_sansregular", arial;
  }
  input[type=text]:focus,
  input[type="search"]:focus {
    outline: none;
  }
  ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
  }
  ul li {
    margin-bottom: 10px;
  }
  .addthis.addthis-geral {
    margin: 0 0 10px;
    background: none;
  }
  .addthis.addthis-geral .addthis_toolbox {
    width: 100%;
  }
  .addthis.addthis-geral a {
    float: right;
  }
  .addthis.addthis-geral .addthis_button_compact img {
    margin-bottom: 0;
  }
  .fixed-share {
    position: fixed;
    top: 40px;
    right: 8px;
    width: 27px;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 10;
  }
  .fixed-share:before {
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 14px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    content: "";
    display: block;
    width: 25px;
    height: 29px;
    padding-top: 12px;
    border: 1px solid #bbbbbb;
    border-bottom: none;
    background: url('../imgs/bg/top-share.jpg') #bdbdbd no-repeat 0 bottom;
  }
  .fixed-share.fixed-share-addthis {
    width: auto;
  }
  .fixed-share.fixed-share-addthis .addthis {
    background: none;
    margin: 0;
    padding: 0;
  }
  .fixed-share.fixed-share-addthis .addthis .addthis_toolbox {
    width: auto;
  }
  .fixed-share.fixed-share-addthis .addthis .addthis_toolbox .addthis_counter {
    float: none !important;
    margin-bottom: 10px;
    margin-left: 2px;
  }
  .fixed-share ul {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 14px;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #bbbbbb;
    border-top: none;
    padding: 0 0 12px;
  }
  .fixed-share ul li {
    float: none;
    list-style: none;
    border-bottom: 1px solid #DDDDDB;
    margin-bottom: 0;
    padding: 0 1px;
  }
  .fixed-share ul li.max {
    display: none;
  }
  .fixed-share ul li.last {
    border-bottom: none;
  }
  .fixed-share ul li.addthis {
    display: block;
    width: 22px;
    height: 20px;
    margin: 2px 3px;
    /*overflow:hidden;*/
    text-indent: -999999px;
    float: left;
    background: none !important;
  }
  .fixed-share ul li.addthis a {
    background: none !important;
    width: 24px;
  }
  .fixed-share ul li a {
    background: url('../imgs/bg/fixed-share.png') no-repeat 0 0;
    display: block;
    width: 22px;
    height: 24px;
    margin: 2px 0;
    text-indent: -999999px;
  }
  .fixed-share ul li a.facebook {
    background-position: 0 2px;
    margin-top: 0;
  }
  .fixed-share ul li a.twitter {
    background-position: 0 -28px;
  }
  .fixed-share ul li a.google {
    background-position: 1px -56px;
  }
  .fixed-share ul li a.linkedin {
    background-position: 0 -86px;
  }
  .fixed-share ul li a.addthis {
    background-position: 0 -143px;
    margin-bottom: 0;
  }
  .fixed-share ul li a.opener {
    background-position: 0 -173px;
    margin-top: 0;
  }
  .fixed-share ul li a:focus {
    outline: none;
  }
  body {
    overflow-x: hidden;
  }
  .wrapper {
    margin: 0 auto;
    width: 960px;
  }
  .landing {
    margin-bottom: 30px;
  }
  .side-col {
    float: left;
    width: 192px;
    margin: 0 0 20px 27px;
    padding-left: 25px;
    border-left: 1px solid #ccc;
  }
  .side-col .sub-title {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .side-col .sub-title:after {
    content: "â€”";

    display: block;
    color: #fdc82f;
  }
  .side-col .pagination {
    width: auto;
    margin: 0;
    padding: 12px 0 12px 0;
    list-style: none;
    background: url(../imgs/bg/pag_border.jpg) center no-repeat;
  }
  .side-col .pagination:before,
  .side-col .pagination:after {
    content: " ";
    display: table;
  }
  .side-col .pagination:after {
    clear: both;
  }
  .side-col .pagination {
    *zoom: 1;
  }
  .side-col .pagination li {
    float: left;
    margin: 0;
  }
  .side-col .pagination li a {
    font: 13px/100% "Trebuchet MS", arial, sans-serif;
    color: #008542;
  }
  .sac-col {
    position: relative;
    float: left;
    width: 260px;
    margin: 0 0 170px 39px;
    padding-left: 35px;
    border-left: 1px solid #ccc;
  }
  .sac-col p {
    margin-top: 0;
  }
  [data-language="en"] .sac-col {
    margin-bottom: 70px;
  }
  .sac-col .sub-title {
    margin-bottom: 5px;
    padding-top: 10px;
  }
  .sac-col .sub-title:first-of-type {
    padding-top: 0;
  }
  .sac-col .cadastro-relacionamento {
    position: absolute;
    width: 297px;
    height: 124px;
    right: 0;
    bottom: -150px;
  }
  .main-col {
    float: left;
    width: 625px;
  }
  .nav-aux {
    position: relative;
    z-index: 1;
    height: 19px;
    padding-top: 10px;
    border-bottom: 1px solid #bcbdbc;
    background-color: #fff;
  }
  .nav-aux a {
    font: 11px/100% "petrobras_sansbold";
    color: #094164;
  }
  .nav-aux ul {
    float: right;
    margin: -8px 35px 0 0;
    padding: 0;
    list-style: none;
  }
  .nav-aux ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .nav-aux ul li:last-of-type {
    margin-right: 0;
  }
  #header {
    position: relative;
    z-index: 10;
    margin-bottom: 29px;
    height: 118px;
    background: url(../imgs/bg/header.png) center 0 no-repeat;
  }
  #header li {
    margin-bottom: 0;
  }
  #header .logo {
    float: left;
    width: 185px;
    height: 35px;
    margin: 23px 59px 0 0;
    /*a{
                .sprite();
                display:block; width:185px; height:35px; background-position:0 0;
            }*/
  }
  #header .logo a {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    display: block;
    width: 185px;
    height: 35px;
    background-position: 0 0;
  }
  #header .logo a:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  #header .list-links {
    float: right;
    margin: 10px 19px 0 0;
    padding: 0;
    list-style: none;
  }
  #header .list-links li {
    float: left;
  }
  #header .list-links li a {
    display: block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fbc73e;
    font: 13px/90% "petrobras_sansregular";
    color: #fdc82f;
  }
  #header .list-links li.last a {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  #header .list-links li.active a {
    text-decoration: underline;
  }
  #header.template-3 {
    margin-bottom: 13px;
  }
  .nav-container {
    float: left;
    width: 700px;
    margin-top: 15px;
  }
  .search {
    display: inline;
    float: left;
    width: 324px;
    height: 36px;
    margin-left: 71px;
  }
  .field-search {
    background-color: transparent;
    border: 0 ;
    overflow: hidden;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    float: left;
    width: 193px;
    padding: 9px 12px 6px ;
    font: 11px "petrobras_sansbold";
    color: #008542 ;
    background-position: -185px 0;
    height: 16px;
    line-height: 0 ;
    font-size: 11px;
  }
  .field-search:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .bt-search {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
    width: 37px;
    height: 30px;
    margin-left: -7px;
    border: none;
    background-position: -395px 0;
  }
  .bt-search:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .bt-search-page {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 18px;
    height: 24px;
    border: none;
    background-position: -403px 0;
  }
  .bt-search-page:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }


/*Cludo*/

.facet-list-item, #cludo-search-results .path, #cludo-search-results .next, #cludo-search-results .previous{
  display: none !important;
}

.search-result-count{
  font: 24px/100% "petrobras_sansxbold";
  color: #008542;
  margin-bottom: 40px;
}

.search-result-count::after {
    content: "—";
    display: block;
    color: #fdc82f;
}
    
.cludo-banner h2{
    padding: 0;
    margin: 0;
    line-height: 10px;
}

#cludo-search-results ul h2 a, .cludo-banner h2 a{
  color: #008542;
  font: 18px/100% 'petrobras_sansxbold',arial,sans-serif;
  margin-bottom: 15px;
}

#cludo-search-results p a{
  font-family: "petrobras_sanslight";
  line-height: 120%;
  color: #006298;
  font-size: 15px;    
}

#cludo-search-results a:hover{
  text-decoration: underline;
}

#cludo-search-results p, .search-results .cludo-banner p{
  color: #858585;
  font: 15px/120% "trebuchet MS" !important;
  padding: 0 10px;
}
    
.search-results .cludo-banner p{
    margin: 0;
    padding: 0 !important;
}
    
.search-results .cludo-banner p:last-child{
    margin-top: 10px;
}
    
 .search-results .cludo-banner p:last-child a{
    font-weight: bold;
    padding-left: 5px;
    font-style: italic;
}

.search-results-item{
  border-top: 1px solid #CCCCCC;
  margin: 0;
  float: left;
  width: 97%;
}
    
    .search-results-item:first-child{
        border: 0;
    }
    
.search-results{
    float: left;
    width: 100%;
}
    
.search-results .cludo-banner{
    background: #eee;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.search-results-item:first-child{
  margin-top: 25px;
}

#cludo-search-form, #cludo-search-form-sec{
  position: relative;
}

#search_autocomplete{
    width: 76%;
    background: #fff;
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 10000;
}

#cludo-search-form-sec #search_autocomplete{
  width: 100%;
  margin-top: 20px;
}


#search_autocomplete li{
  list-style: none;
  font: 13px/100% "petrobras_sansbold";
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px 10px;
  color: #858585;
}

#search_autocomplete li:last-child{
  margin-bottom: 0;
}

#search_autocomplete li:hover{
  text-decoration: underline;
  cursor: pointer;
}

#cludo-search-form-sec{
  margin-top: 20px;
  display: none;
}

#news #cludo-search-results ul.search_page_list{
    width: 285px;
    margin: 0 auto;
    text-align: left;
}
    
.search-results .cludo-banner {
    background: #eee;
    float: left;
    width: 96%;
    padding: 20px;
    margin: 0;
}

.search-results nav{
    width: 100%;
    float: left;
    background: url("../imgs/bg/pag_border.jpg") no-repeat scroll center center;
    margin: 30px 0 30px 0;
}

#news #cludo-search-results ul.search_page_list li{
  padding: 0;
  margin: 14px 0 0 0;
  float: left;
}

#cludo-search-results .search_page_list li a{
  color: #008542;
  font: 15px/100% "Trebuchet MS",arial,sans-serif;
  text-decoration: none;
  padding: 0;
}

.search_page_list li.active{
    font-weight: bold;
    color: #008542;
    font: 15px/100% "Trebuchet MS",arial,sans-serif;
    text-decoration: underline;
    padding-left: 10px;
}

#cludo-search-results ul .search-results-item{
  padding: 20px 15px;
  margin: 0 !important;
}

#cludo-search-results .cludo-page-navigation .powered-by-cludo, .cludo-page-navigation .powered-by-cludo{
    display: none;
}    

/*End cludo*/




  .breadcrumb {
    font-size: 10px;
    color: #858585;
  }
  .breadcrumb a {
    font-family: "petrobras_sansregular";
    color: #858585;
  }
  .breadcrumb strong {
    font-family: "petrobras_sansbold";
    font-weight: normal;
  }
  #bt-nav-mobile {
    display: none;
  }
  #nav {
    clear: both;
    position: relative;
    z-index: 100;
    margin: 0 0 20px 45px;
  }
  #nav:before,
  #nav:after {
    content: " ";
    display: table;
  }
  #nav:after {
    clear: both;
  }
  #nav {
    *zoom: 1;
  }
  #nav ul {
    margin: 0;
    padding: 0;
  }
  #nav li {
    position: relative;
  }
  #nav .list-level1 {
    float: right;
  }
  #nav .list-level1 .level1 {
    float: left;
    /* margin-left: 4px; */
  }
  #nav .list-level1 .level1 .link-level1 {
    display: block;
    padding: 5px 19px 8px;
    text-decoration: none;
    font: 14px "petrobras_sansregular";
    color: #fff;
  }
  .csstransitions #nav .list-level1 .level1 .link-level1 {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
  }
  #nav .list-level1 .level1.on {
    z-index: 90;
  }
  #nav .list-level1 .level1.on .link-level1 {
    font-family: "petrobras_sansxbold";
    color: #fdc82f;
  }
  #nav .list-level1 .level1:hover .link-level1 {
    color: #858585;
    background-color: #f2f2f2;
  }
  #nav .list-level1 .level1:hover .submenu {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    min-height: 253px;
  }
  #nav .list-level1 .level1.focus .link-level1 {
    color: #858585;
    background-color: #f2f2f2;
  }
  #nav .list-level1 .level1.focus .submenu {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    min-height: 253px;

  }
  #nav .list-level1 .level1.home {
    display: none;
  }
  #nav .list-level1 .level1.back {
    display: none;
  }
  #nav .list-level1 .level1.quem-somos .submenu {
    width: 372px;
  }
  #nav .list-level1 .level1.quem-somos:hover .submenu {
    min-height: 330px;
    padding-bottom: 20px;
  }
  #nav .list-level1 .level1.quem-somos.focus .submenu {
    min-height: 272px;
    padding-bottom: 20px;
  }
  #nav .list-level1 .level1.nossas-atividades .submenu {
    width: 429px;
  }
  #nav .list-level1 .level1.nossas-atividades .submenu li {
    width: 171px;
  }
  #nav .list-level1 .level1.nossas-atividades .submenu li.left,
  #nav .list-level1 .level1.nossas-atividades .submenu li.left li {
    /* width: 198px; */
  }
  .level1.nossas-atividades .submenu li.level2.left:nth-child(1) {
    margin-right: 65px;
  }
  #nav .list-level1 .level1.nossas-atividades:hover .submenu {
    min-height: 306px;
    padding-bottom: 10px;
  }
  #nav .list-level1 .level1.nossas-atividades.focus .submenu {
    min-height: 365px;
    padding-bottom: 10px;
  }
  #nav .list-level1 .level1.sociedade-meio-ambiente .submenu {
    right: 0;
    width: 433px;
  }
  #nav .list-level1 .level1.sociedade-meio-ambiente .submenu li.right,
  #nav .list-level1 .level1.sociedade-meio-ambiente .submenu li.right li {
    width: 210px;
  }
  #nav .list-level1 .level1.sociedade-meio-ambiente:hover .submenu {
    min-height: 268px;
  }
  #nav .list-level1 .level1.sociedade-meio-ambiente.focus .submenu {
    min-height: 310px;
  }
  #nav .list-level1 .level1.produtos-servicos .submenu {
    right: 0;
    width: 100%;
    display: none !important;
  }
  #nav .list-level1 .level1.produtos-servicos:hover .submenu {
	min-height: 198px !important;
    height: auto;
  }       
  #nav .list-level1 .level1.produtos-servicos .submenu li.left,
  #nav .list-level1 .level1.produtos-servicos .submenu li.left li {
    width: 115px;
  }
  #nav .list-level1 .level1.produtos-servicos .submenu li.right,
  #nav .list-level1 .level1.produtos-servicos .submenu li.right li {
    width: 205px;
  }
  #nav .list-level1 .level1.produtos-servicos:hover .submenu {
    min-height: 122px;
    width: 100%;
  }

  #nav .list-level1 .level1.mobile {
    display: none;
  }
  #nav .submenu {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateZ(0px);
    height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 90;
    background-color: #f2f2f2;
  }
  #nav .submenu li {
    width: 176px;
    margin-bottom: 0;
  }
  #nav .submenu a {
    font-size: 13px;
  }
  #nav .submenu .list-level2 {
    padding: 17px 0 10px 20px;
  }
  /*#nav .submenu .level2 {
    padding-bottom: 6px;
  }*/
    
  #nav .quem-somos .submenu .level2:last-child{
    float: right!important;
  }

  @media (max-width: 414px){
  	#nav .submenu .level2:last-child{
    	float: none!important;
  	}
  }

  #nav.engVer .submenu .level2:nth-child(5){
    padding-bottom: 30px;
  }

  #nav.engVer .quem-somos .submenu .level2:last-child{
    float: left !important;
  }

  #nav.engVer .quem-somos .submenu .level2:nth-child(6){
    float: right !important;
  }

  #nav .submenu .level2 .link-level2 {
    display: block;
    margin-bottom: 4px;
    font-family: "petrobras_sansxbold";
    color: #858585;
  }
  #nav .submenu .level3 {
    margin-bottom: 8px;
  }
  #nav .submenu .level3 .link-level3 {
    display: block;
    font-family: "petrobras_sanslight";
    line-height: 120%;
    color: #008542;
  }
  .csstransitions #nav .submenu {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  #nav.engVer .submenu .level3 {
    margin-bottom: 10px;
  }
  #nav.engVer .produtos-servicos .submenu {
    width: 100%;
  }
  #nav.engVer .quem-somos .submenu .level2 {
    padding-bottom: 8px !important;
    display: inline-block;
  }
  #highlights {
    background: transparent url("../imgs/uploads/home/bg_t2_2.jpg") no-repeat scroll center center;
    height: 339px;
    margin-bottom: 28px;
  }
  #highlights .highlights-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #highlights .highlights-list:before,
  #highlights .highlights-list:after {
    content: " ";
    display: table;
  }
  #highlights .highlights-list:after {
    clear: both;
  }
  #highlights .highlights-list {
    *zoom: 1;
  }
  #highlights .highlights-list li {
    float: left;
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 343px;
    margin: 0 0 0 136px;
    padding: 0;
  }
  #highlights .highlights-list li .box {
    -webkit-transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    transition: background-size 0.2s ease-in;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    line-height: 105%;
    cursor: pointer;
    background: url(../imgs/bg/iefix.png) center no-repeat;
  }
  #highlights .highlights-list li .box .text {
    position: absolute;
    bottom: 10px;
    left: 0;
    font: 18px/100% "petrobras_sansbold";
  }
  #highlights .highlights-list li .box a {
    font: 18px/140% "petrobras_sansbold";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  #highlights .highlights-list li .box a.new-window:after {
    margin-left: 5px;
    padding-right: 7px;
    background-position: -211px -184px;
  }
  #highlights .highlights-list li .box a .padd {
    margin: 0 7px;
  line-height: normal;
  }
  #highlights .highlights-list li .box:hover a {
    /*padding-left:12px;*/
    text-decoration: underline;
  }
  #highlights .highlights-list li.item-1 {
    z-index: 1;
    top: 0;
    margin-left: -900px !important;
    width: 1800px;
  }

  #highlights .highlights-list li.item-1.template-1-destaque{
    top: 30px;
  }

  #highlights .highlights-list li.item-1 .box {
    position: absolute;
    top: 347px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    cursor: default;
  }
  #highlights .highlights-list li.item-1 .box .text {
    position: static;
    padding-left: 0;
  }
  #highlights .highlights-list li.item-1 .box a {
    padding: 5px 0 0 0;
    font: 32px/145% "petrobras_sanslight";
  }
  
  #highlights .highlights-list li.item-1.template-1-destaque .box a, #highlights .highlights-list li.item-1.template-1-destaque .box a:hover {
    font: 32px/145% "petrobras_sanslight_italic";
  }

  #highlights .highlights-list li.item-1 .box a:hover {
    text-decoration: underline !important;
  }
  #highlights .highlights-list li.item-1 .box strong {
    font-weight: normal;
    font-family: "petrobras_sansbold";
  }
  #highlights .highlights-list li.item-1 .box:hover a {
    text-decoration: none;
  }
  #highlights .highlights-list li.item-2 {
    top: 161px;
    height: 211px;
  }

  #highlights .highlights-list li.item-3 {
    top: 384px;
    height: 132px;
  }
  #highlights .highlights-list li.open-video .box {
    background: url(../imgs/bg/play-bg-01.png) center 50px no-repeat;
    background-size: 110px 110px;
  }
  #highlights .highlights-list li.open-video .box:hover {
    background-size: 120px 120px;
  }
  #highlights .highlights-pag {
    visibility: hidden;
  }
  #highlights .highlights-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    margin: 0 0 0 -900px;
    width: 1800px;
    height: 414px;
  }
  #highlights .highlights-title {
    position: absolute;
    z-index: 5;
    bottom: 38px;
    left: 0;
    width: 340px;
    margin: 0;
    padding: 0;
    font: 30px/100% "petrobras_sanslight";
  }

  #highlights.template-3 .highlights-title {
    width: 440px;
  }

  #highlights .highlights-title a {
    font: 30px/130% "petrobras_sanslight";
    color: #fff;
  }
  #highlights.template-1 {
    height: 378px;
    margin: -147px auto 0 auto;
  }
  #highlights.template-1 .highlights-list li .box .text {
    bottom: 0;
    margin: 0;
  }
  #highlights.template-1 .highlights-list li.item-1 .box {
    top: 313px;
  }
  #highlights.template-1 .highlights-list li.item-2 {
    height: 153px;
    top: 149px;
    width: 300px;
  }
  #highlights.template-1 .highlights-list li.item-3 {
    height: 99px;
    top: 309px;
    width: 300px;
  }
  #highlights.template-1 .highlights-list li.open-video .box {
    background: url(../imgs/bg/play-bg-01.png) center center no-repeat;
    background-size: 110px 110px;
  }
  #highlights.template-1 .highlights-list li.open-video:hover {
    background-size: 120px 120px;
  }
  #highlights.template-2 {
    height: 384px;
    margin: -147px auto 0 auto;
  }
  #highlights.template-2 .highlights-list {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 100%;
    bottom: 0px;
  }
  #highlights.template-2 .highlights-list li {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 306px;
    height: 266px;
    margin: 0 0 0 0 !important;
  }
  #highlights.template-2 .highlights-list li .box {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    cursor: pointer;
  }
  #highlights.template-2 .highlights-list li .box .text {
    bottom: 20px;
    margin: 0;
    font: 22px/100% "petrobras_sansbold";
  }
  #highlights.template-2 .highlights-list li .box a {
    font: 24px/138% "petrobras_sansbold";
    color: #fff;
  }
  #highlights.template-2 .highlights-list li .box:hover a {
    text-decoration: underline;
  }
  #highlights.template-2 .highlights-list li.item-1 {
    top: auto;
    bottom: 0;
  }
  #highlights.template-2 .highlights-list li.item-1 .text {
    position: absolute;
  }
  #highlights.template-2 .highlights-list li.item-1 a {
    padding: 0;
    text-transform: none;
  }
  #highlights.template-2 .highlights-list li.item-2 {
    top: auto;
    bottom: 0;
    left: 306px;
    height: 266px;
    margin-left: 21px !important;
    margin-right: 21px !important;
  }
  #highlights.template-2 .highlights-list li.item-3 {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    height: 266px;
  }
  #highlights.template-3 {
    height: 368px;
    margin: -131px auto 0 auto;
  }
  #highlights.template-3 .wrapper {
    position: relative;
    height: 100%;
  }
  #highlights.template-3 .highlights-title {
    left: 164px;
  }
  #highlights.template-3 .highlights-title a {
    font: 30px/105% "petrobras_sanslight";
  }
  #highlights.template-3 .crisis {
    bottom: 0;
    top: auto !important;
    z-index: 5;
  }
  #highlights .crisis {
    position: absolute;
    top: 0;
    right: 0;
  }
  #highlights .crisis:before,
  #highlights .crisis:after {
    content: " ";
    display: table;
  }
  #highlights .crisis:after {
    clear: both;
  }
  #highlights .crisis {
    *zoom: 1;
  }
  #highlights .crisis > header {
    margin-bottom: 2px;
    padding: 0 28px 5px 28px;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  #highlights .crisis > header:before,
  #highlights .crisis > header:after {
    content: " ";
    display: table;
  }
  #highlights .crisis > header:after {
    clear: both;
  }
  #highlights .crisis > header {
    *zoom: 1;
  }
  #highlights .crisis .title-crisis {
    float: left;
    margin: -6px 0 0;
    padding: 0;
    line-height: 100%;
  }
  #highlights .crisis .title-crisis a {
    font: 16px/100% "petrobras_sansregular";
    color: #fdc82f;
  }
  #highlights .crisis .title-crisis a.new-window:after {
    margin-left: 5px;
    padding-right: 7px;
    background-position: -211px -184px;
  }
  #highlights .crisis .sub-title-crisis {
    margin: 0;
    padding: 0;
    font: 16px/100% "petrobras_sansbold";
    color: #fff;
  }
  #highlights .crisis .sub-title-crisis a {
    font: 16px/100% "petrobras_sansbold";
    color: #fff;
  }
  #highlights .crisis .complete-list {
    display: block;
    float: right;
    margin-top: 9px;
    font: 12px/100% "petrobras_sansregular";
    color: #fff;
  }
  #highlights .crisis > article {
    -webkit-transition: right 0.15s ease-in;
    -moz-transition: right 0.15s ease-in;
    -o-transition: right 0.15s ease-in;
    transition: right 0.15s ease-in;
    position: relative;
    width: 264px;
    margin-top: 2px;
    padding: 10px 28px;
    right: 0;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }

  #highlights.template-3 .crisis > article {
    padding-right: 10px;
    padding-left: 10px;
    width: 308px;
  }

  #highlights.template-3  .crisis .sub-title-crisis a {
    font: 15px "petrobras_sansregular";
  }

  #highlights.template-3 .crisis > header {
    padding: 0 28px 5px 10px;
  }

  #highlights .crisis > article:hover {
    cursor: pointer;
  }
  #highlights .crisis > article:hover a {
    text-decoration: underline;
  }
  .csstransitions #highlights .crisis > article:hover {
    right: 10px;
  }
  .channels {
    width: 100%;
    height: 42px;
    margin-bottom: 28px;
    background-color: #f2f2f2;
  }
  .channels .channels-text {
    float: right;
    margin: 16px 9px 0 0;
    font: 12px/100% "petrobras_sansbold";
    color: #008542;
  }
  .channels .list-channels {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .channels .list-channels:before,
  .channels .list-channels:after {
    content: " ";
    display: table;
  }
  .channels .list-channels:after {
    clear: both;
  }
  .channels .list-channels {
    *zoom: 1;
  }
  .channels .list-channels li {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    float: left;
    height: 42px;
    margin-bottom: 0;
    background-color: transparent;
  }
  .channels .list-channels li a {
    display: block;
    padding: 0 7px;
    /*&.facebook{margin:14px 15px 0 0;}
                    &.twitter{margin:16px 14px 0 0;}
                    &.google{margin:14px 12px 0 0;}
                    &.linkedin{margin:14px 16px 0 0;}
                    &.youtube{margin:9px 15px 0 0;}
                    &.instagram{margin-top:12px;}
                    */
  }
  .channels .list-channels li a img {
    display: block;
  }
  .channels .list-channels li a.facebook {
    margin-top: 14px;
  }
  .channels .list-channels li a.twitter {
    margin-top: 16px;
  }
  .channels .list-channels li a.google {
    margin-top: 14px;
  }
  .channels .list-channels li a.linkedin {
    margin-top: 14px;
  }
  .channels .list-channels li a.youtube {
    margin-top: 9px;
  }
  .channels .list-channels li a.instagram {
    margin-top: 12px;
  }
  }
  .channels .list-channels li a.Medium{
    margin-top: 9px;
  }
  .channels .list-channels li:hover {
    background-color: #e2e2e2;
  }
  .fatos-e-dados {
    margin-bottom: 55px;
  }
  .fatos-e-dados .grid-1-4 {
    margin-right: 10px;
    padding: 0 10px 18px 0;
    border-right: 1px solid #dddedd;
  }
  .fatos-e-dados .grid-1-4.last {
    padding-right: 0;
    border-right: 0;
  }
  .fatos-e-dados > footer {
    clear: both;
    padding-top: 8px;
    border-top: 1px solid #dddedd;
  }
  .fatos-e-dados > footer:before,
  .fatos-e-dados > footer:after {
    content: " ";
    display: table;
  }
  .fatos-e-dados > footer:after {
    clear: both;
  }
  .fatos-e-dados > footer {
    *zoom: 1;
  }
  #calls {
    margin-bottom: 45px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid #dddedd;
  }
  #calls:before,
  #calls:after {
    content: " ";
    display: table;
  }
  #calls:after {
    clear: both;
  }
  #calls {
    *zoom: 1;
  }
  .section-2 {
    position: relative;
    margin-bottom: 40px;
  }
  .section-2 .box {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(../imgs/bg/iefix.png) center no-repeat;
  }
  .section-2 .box .link-page {
    position: absolute;
    bottom: 55px;
    left: 0;
    margin: 0;
    font: 23px/100% "petrobras_sansbold";
  }
  .section-2 .box .link-page a {
    font: 23px/140% "petrobras_sansbold";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  .section-2 .box .link-page a .padd {
    margin: 0 7px;
  line-height: normal;
  }
  .section-2 .box .link-page a.new-window:after {
    margin-left: 5px;
    padding-right: 7px;
    background-position: -211px -184px;
  }
  .section-2 .box:hover a {
    text-decoration: underline;
  }
  .section-2.grid-1-3 .box .link-page {
    bottom: 15px;
    font: 24px/100% "petrobras_sansbold";
  }
  .section-2.grid-1-3 .box .link-page a {
    font: 24px/138% "petrobras_sansbold" !important;
  }
  .col-youtube {
    float: right;
    width: 620px;
  }
  .col-likebox {
    width: 300px;
  }

  #home.en #nas-redes .col-likebox {
    border-bottom: 0;
  }

  .en .col-likebox .redes-twitter iframe{
    width: 300px !important;
    height: 100% !important;
  }
  .canais {
    float: right;
    width: 535px;
  }
  .header-landing {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #dddedd;
  }
  .header-landing .title {
    margin: 30px 0 15px;
    font: 33px/100% "petrobras_sansxbold";
  }
  .header-landing p {
    width: 760px;
    font: 14px "petrobras_sanslight";
  }
  .header-landing [class|=grid] p {
    width: auto;
  }
  .section {
    position: relative;
    margin-bottom: 40px;
  }
  .section:before,
  .section:after {
    content: " ";
    display: table;
  }
  .section:after {
    clear: both;
  }
  .section {
    *zoom: 1;
  }
  .section > header {
    margin-bottom: 13px;
  }
  .section > a {
    display: block;
    position: relative;
  }
  .section > a .link-page {
    -webkit-transition: padding-bottom 0.15s ease-in;
    -moz-transition: padding-bottom 0.15s ease-in;
    -o-transition: padding-bottom 0.15s ease-in;
    transition: padding-bottom 0.15s ease-in;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 10px 8px 20px;
    letter-spacing: -1px;
    font: 19px "petrobras_sansbold";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  .section > a:hover .link-page {
    padding-bottom: 15px;
    text-decoration: underline;
  }
  .section .sub-title {
    margin-top: 0;
  }
  .bar-cross {
    margin-bottom: 50px;
    padding-top: 12px;
    background: url(../imgs/bg/bar_cross.jpg) #fcfcfc center top no-repeat;
  }
  .bar-cross p {
    margin: 0;
    font-size: 12px;
  }
  .bar-cross a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    font: 13px "trebuchet MS";
    color: #006298;
  }
  .bar-cross .time {
    padding-top: 15px;
  }
  .bar-cross .grid-1-4 {
    width: 204px;
    margin-bottom: 12px;
    padding-right: 19px;
    border-right: 1px solid #dbdbdb;
  }
  .bar-cross .grid-1-4.last {
    border-right: none;
  }
  .bar-cross .title {
    display: block;
    font-family: "petrobras_sansbold";
    margin: 15px 0 10px 48px;
    background-position: 0 bottom;
  }
  .bar-cross .title a {
    font-family: "petrobras_sansbold";
    line-height: 90%;
  }
  .bar-cross .title.left {
    max-width: 188px;
    padding-bottom: 5px;
  }
  .bar-cross.main-area {
    background: url(../imgs/bg/bar_cross02.jpg) center top no-repeat;
  }
  .bar-cross.main-area .wrapper {
    width: 725px;
    padding-left: 245px;
  }
  .bar-cross.main-area .title {
    margin: 0 30px 0 0;
  }
  .bar-cross.main-area .grid-1-3 {
    float: left;
    width: 210px;
    height: 85px;
    margin-right: 19px;
    padding: 22px 15px 0 0;
    border-right: 1px solid #d9d9d9;
  }
  .bar-cross.main-area .grid-1-3.last {
    border-right: none;
  }
  .bar-cross.main-area .grid-2-3 {
    float: left;
    width: 469px;
    height: 85px;
    margin-right: 19px;
    padding: 22px 0 0;
    border-right: 1px solid #d9d9d9;
  }
  .bar-cross.main-area .grid-2-3.last {
    border-right: none;
  }
  .bar-cross.main-area .grid-2-3 .col {
    margin-right: 25px;
  }
  .bar-cross.full {
    background: url(../imgs/bg/bar_cross03.jpg) center top no-repeat;
  }
  .bar-cross.full .wrapper {
    width: 960px;
  }
  .bar-cross.full .title {
    margin: 0 30px 0 0;
  }
  .bar-cross.full .grid-1-3 {
    float: left;
    width: 210px;
    height: 85px;
    margin-right: 19px;
    padding: 22px 15px 0 0;
    border-right: 1px solid #d9d9d9;
  }
  .bar-cross.full .grid-1-3.last {
    border-right: none;
  }
  .bar-cross.full .grid-2-3 {
    float: left;
    width: 469px;
    height: 85px;
    margin-right: 19px;
    padding: 22px 0 0;
    border-right: 1px solid #d9d9d9;
  }
  .bar-cross.full .grid-2-3.last {
    border-right: none;
  }
  .bar-cross.full .grid-2-3 .col {
    margin-right: 25px;
  }
  .bar-cross .col-1 {
    float: left;
    width: 123px;
    padding: 22px 0 14px;
  }
  .bar-cross .col-2 {
    float: left;
    width: 279px;
    margin-right: 36px;
    padding: 22px 28px 14px 0;
    border-right: 1px solid #dedede;
  }
  .bar-cross .col-2 .sub-title {
    margin-bottom: 10px;
  }
  .bar-cross .col-3 {
    float: left;
    width: 205px;
  }
  .bar-cross .col-4 {
    float: left;
    width: 248px;
    padding: 22px 0 14px;
  }
  .bar-cross .col-4 .sub-title {
    font-family: "petrobras_sansxbold";
    font-size: 16px;
    margin-bottom: 8px;
  }
  .bar-cross img.left {
    margin: 0 20px 0 0;
  }
  .bar-links {
    margin-top: 40px;
    padding: 15px 0;
    background-color: #fcfcfc;
  }
  .bar-links .title-cross {
    display: block;
    margin-bottom: 8px;
    color: #008542;
  }
  #footer {
    padding-top: 30px;
    background-color: #f1f1f2;
  }
  #footer a {
    font: 12px "petrobras_sanslight";
    color: #000;
  }
  #footer ul {
    list-style: none;
    margin: 0;
    padding: 0 0 5px;
  }
  #footer ul li {
    margin-bottom: 4px;
  }
  #footer p.title-others {
    margin: 0;
  }
  #footer .title-footer {
    display: block;
    width: 130px;
    margin: 0 0 5px;
    font: 19px/110% "petrobras_sansxbold";
    color: #008542;
  }
  #footer .title-others {
    font: 14px "petrobras_sansxbold";
    color: #008542;
  }
  #footer .last {
    padding-bottom: 10px;
  }
  #footer .list-others li {
    margin-bottom: 6px;
    padding-bottom: 0;
    line-height: 100%;
  }
  #footer .list-others li a {
    font: 13px/100% "petrobras_sansxbold";
    color: #008542;
  }
  #footer .list-others li.div {
    margin-bottom: 13px;
    padding-bottom: 15px;
    background: url(../imgs/bg/line_footer.gif) 0 bottom repeat-x;
  }
  #footer .col-1 {
    float: left;
    width: 155px;
    margin-right: 18px;
    padding-bottom: 20px;
  }
  #footer .col-2 {
    float: left;
    width: 170px;
    margin: 0 35px 0 12px;
    padding-bottom: 20px;
  }
  #footer .col-3 {
    float: left;
    width: 224px;
    padding-bottom: 20px;
  }
  #footer .col-visit {
    height: auto;
  }
  #footer .col-visit ul {
    margin: 0 0 17px;
    padding-bottom: 15px;
    background: url(../imgs/bg/line_footer.gif) 0 bottom repeat-x;
  }
  #footer .col-visit ul li {
    float: left;
    margin: 0 12px 0 0;
    padding: 13px 0;
  }
  #footer .col-visit ul li a {
    display: block;
    width: 29px;
    height: 28px;
  }
  #footer .col-visit ul li a img {
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    -o-transition: all 0.12s linear;
    transition: all 0.12s linear;
    -webkit-transform: translateZ(0px);
  }
  .csstransforms.csstransitions #footer .col-visit ul li a img:hover {
    transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
  }
  #footer .col-visit ul li.first {
    margin-right: 0;
  }
  #footer .col-visit ul li.last {
    margin-right: 0;
  }
  #footer .acesso-informacao {
    display: block;
    width: 65px;
    height: 40px;
    margin: 0 auto 8px;
    padding: 15px 0 0 65px;
    font: 13px "petrobras_sansxbold";
    color: #008542;
    background: url(../imgs/bg/sprite_v.png) 0 0 no-repeat;
  }
  #footer .transparencia {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 9px "petrobras_sansbold";
    color: #a3a3a3;
  }
  #footer .links-footer {
    clear: both;
    display: none;
  }
  #footer .links-footer:before,
  #footer .links-footer:after {
    content: " ";
    display: table;
  }
  #footer .links-footer:after {
    clear: both;
  }
  #footer .links-footer {
    *zoom: 1;
  }
  #footer .links-footer a {
    font: 12px/100% "petrobras_sansbold";
    color: #006298;
  }
  #footer .links-footer a#site-version {
    float: left;
  }
  #footer .links-footer a#language {
    float: left;
    margin-left: 400px;
  }
  #footer .links-footer a#go-top {
    float: right;
  }
  #footer .links-footer a#go-top:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-left: 2px;
    background: url(../imgs/bg/sprite.png) -211px -94px no-repeat;
  }
  #footer .mobile-footer-menu {
    display: none;
  }
  #footer .rights {
    margin: 10px 0 0;
    padding: 8px 0;
    text-align: center;
    font: 14px "petrobras_sanslight";
    background-color: #fff;
  }
  #loader {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #ffffff url(../imgs/bg/loader03.gif) center no-repeat;
    display: none;
  }
  #modal {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../imgs/bg/bg03.png) 0 0 repeat;
  }
  #modal .box-modal {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -400px;
    width: 800px;
    height: 600px;
    background-color: #fff;
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  #modal.open .box-modal {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  #modal .close {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -webkit-border-top-left-radius: 21px;
    -moz-border-radius-topright: 21px;
    -moz-border-radius-bottomright: 21px;
    -moz-border-radius-bottomleft: 21px;
    -moz-border-radius-topleft: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 10;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background-position: 0 -124px;
    background-color: #006298;
    transform: scale(0.76, 0.76);
    -ms-transform: scale(0.76, 0.76);
    -webkit-transform: scale(0.76, 0.76);
  }
  #modal .close:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  #modal .close:hover {
    background-color: #0079bc;
  }
  .internal-navigation {
    width: 210px;
    float: left;
    position: relative;
    margin: 0 34px 50px 0;
    background: url(../imgs/bg/line-internal-menu.png) right bottom no-repeat;
    padding-right: 1px;
  }
  .internal-navigation .title {
    font-size: 16px;
    margin: 0 0 9px;
    padding-right: 20px;
  }
  .internal-navigation .internal-nav-list {
    margin: 0;
    padding: 0 20px 0 0;
  }
  .internal-navigation .internal-nav-list .first-level-item {
    margin-bottom: 0;
    padding: 15px 0 10px;
    background: url(../imgs/bg/line-bottom-nav-aux.png) 0px bottom no-repeat;
  }
  .internal-navigation .internal-nav-list .first-level-item.last {
    background: none;
  }
  .internal-navigation .internal-nav-list .first-level-item a,
  .internal-navigation .internal-nav-list .first-level-item span {
    font: 17px "petrobras_sansbold", arial, sans-serif;
    color: #008542;
  }
  .internal-navigation .internal-nav-list .first-level-item:first-of-type {
    padding-top: 0;
  }
  .internal-navigation .internal-nav-list .first-level-item:last-child {
    background: none !important;
  }
  .internal-navigation .internal-nav-list .first-level-item.active > a {
    text-decoration: underline;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level {
    margin: 8px 0 0;
    padding: 0;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item {
    margin-bottom: 10px;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item a {
    display: block;
    font: 14px/100% "petrobras_sanslight", arial, sans-serif;
    color: #858585;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item.active > a {
    text-decoration: underline;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item .third-level {
    margin: 5px 0 12px 10px;
    padding: 0;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item .third-level .third-level-item {
    width: 150px;
    margin: 10px 0;
    line-height: 0;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item .third-level .third-level-item a {
    font-size: 12px;
    line-height: 1;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item .third-level .third-level-item a.active {
    text-decoration: underline;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level .second-level-item .third-level .third-level-item:first-of-type {
    margin-top: 12px;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level.toggle .second-level-item > a:hover {
    text-decoration: none;
  }
  .internal-navigation .internal-nav-list .first-level-item .second-level.toggle .third-level {
    display: none;
  }
  .main-content {
    position: relative;
    float: left;
    width: 715px;
    margin-bottom: 50px;
    /*p+.sub-title, p+.sub-title-2, p+.sub-title-3, p+.sub-title-9,
        ul+.sub-title, ul+.sub-title-2, ul+.sub-title-3,
        .accordion+.sub-title, .accordion+.sub-title-2, .accordion+.sub-title-3,
        p+section, p+.divisor, .grid-3+.sub-title{padding-top:13px;}*/
  }
  .main-content:before,
  .main-content:after {
    content: " ";
    display: table;
  }
  .main-content:after {
    clear: both;
  }
  .main-content {
    *zoom: 1;
  }
  .main-content.full {
    float: none;
    width: 960px;
  }
  .main-content.full .grid-1-2 {
    width: 465px;
  }
  .main-content a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    font: 13px "trebuchet MS";
    color: #006298;
  }
  .main-content li {
    margin-bottom: 10px;
    font: 13px/120% "trebuchet MS";
    color: #858585;
  }
  .main-content ol {
    padding: 0;
    list-style-position: inside;
  }
  .main-content ol li {
    margin-bottom: 15px;
  }
  .main-content ol.topics {
    padding-left: 0;
  }
  .main-content ol.topics.grid-2 {
    margin: 0;
  }
  .main-content ol.topics li {
    list-style-position: inside;
    color: #008542;
    font: 14px/100% 'petrobras_sansxbold', arial, sans-serif;
  }
  .main-content ol.topics li .sub-title-2 {
    margin: -17px 0 10px;
    padding-left: 19px;
  }
  .Msie8 .main-content ol.topics li .sub-title-2 {
    margin: -15px 0 10px;
  }
  .Chrome .main-content ol.topics li .sub-title-2 {
    padding-left: 0;
    margin: 0 0 10px;
  }
  .main-content table th {
    padding: 0 5px 12px;
    text-align: left;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
  }
  .main-content table th span {
    font-size: 12px;
    color: #bcbdbc;
  }
  .main-content table td {
    padding: 10px 5px;
    text-align: left;
    font: 13px/100% "trebuchet MS";
    color: #858585;
  }
  .main-content table .odd {
    background-color: #f8f8f8;
  }
  .main-content table .odd td {
    padding: 5px;
  }
  .main-content table.left {
    float: left;
    width: 300px;
  }
  .main-content table.left th {
    padding: 8px 0 8px 15px;
  }
  .main-content table.left td {
    padding: 8px 0 8px 15px;
  }
  .main-content table.right {
    float: right;
    width: 300px;
  }
  .main-content table.right th {
    padding: 8px 0 8px 15px;
  }
  .main-content table.right td {
    padding: 8px 0 8px 15px;
  }
  .main-content table.table-1 th {
    color: #008542;
    border-bottom: none;
  }
  .main-content img,
  .main-content figure {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .main-content figure img {
    margin-top: 0;
    margin-bottom: 0;
  }

#instafeed a {
  width: 120px;
  height: 120px;
  float: left;
  margin: 0 4px 4px 0;
}

.selecoes-publicas .grid-1-3 > a {
  float: left;
  width: 218px;
  height: 122px;
  margin-bottom: 12px;
}

ul.list-grid-3 .list-item > a{
  float: left;
  width: 224px;
  height: 122px;
  margin-bottom: 8px;
}

.lista-documentos a, .lista-documentos img {
    float: left;
    width: 100%;
}

.equalize-group .grid-1-3 header + a{
  float: left;
  width: 301px;
  height: 200px;
}

.main-content a.img-zoom{
  float: left;
  max-width: 715px;
  max-height: 327px;
  margin-bottom: 25px;
}

.img-zoom, .equalize-group .grid-1-3 a, figure a, .data-picture, .lista-documentos a, #instafeed a, ul.list-grid-3 .list-item > a, .selecoes-publicas a{
  display:block;
  overflow:hidden;
}
.img-zoom img, figure img, .data-picture img, .lista-documentos img, #instafeed img, ul.list-grid-3 .list-item > a img, .selecoes-publicas a img{
  display:block;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition:transform 0.5s ease-out;
  -moz-transition:transform 0.5s ease-out;
  -ms-transition:transform 0.5s ease-out;
  transition:transform 0.5s ease-out;
}

.img-zoom:hover img, figure a:hover img, .data-picture:hover img, .lista-documentos a:hover img, #instafeed a:hover img, ul.list-grid-3 .list-item > a:hover img, .selecoes-publicas a:hover img{
  -webkit-transform:scale(1.07);
  -moz-transform:scale(1.07);
  -ms-transform:scale(1.07);
  transform:scale(1.07);
}

.item-1.template-1-destaque .data-picture:hover img{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}

  .main-content p:first-of-type,
  .main-content img:first-of-type {
    margin-top: 0;
  }
  .main-content figure + .sub-title,
  .main-content figure + .sub-title-2,
  .main-content figure + .sub-title-3,
  .main-content img + .sub-title,
  .main-content img + .sub-title-3 {
    padding-top: 3px;
  }
  .main-content img + .sub-title-2 {
    margin-top: 0;
    padding-top: 0;
  }
  .main-content p + img,
  .main-content p + figure,
  .main-content p + .wrap-video {
    margin-top: 25px;
  }
  .main-content img + .addthis {
    margin-top: 0;
  }
  .main-content .line + .sub-title {
    padding-top: 0;
  }
  .main-content .line > .sub-title-2 {
    margin: 0 0 10px 0;
  }
  .main-content p ~ .line {
    margin-top: 30px;
  }
  .main-content .selecoes-publicas + section {
    margin-top: 28px;
  }
  .main-content .simple-list + .box-highlight {
    margin-top: 28px;
  }
  .main-content .topics {
    padding-top: 13px;
  }
  .main-content .topics:before,
  .main-content .topics:after {
    content: " ";
    display: table;
  }
  .main-content .topics:after {
    clear: both;
  }
  .main-content .topics {
    *zoom: 1;
  }
  .main-content .grid-1-2 {
    float: left;
    width: 342px;
    margin: 0 15px 13px 0;
  }
  .main-content .grid-1-2 .sub-title {
    margin-bottom: 12px;
  }
  .main-content .grid-1-2 .sub-title-2 {
    margin-bottom: 12px;
  }
  .main-content .grid-1-3 {
    float: left;
    width: 218px;
    margin: 0 20px 15px 0;
  }
  .main-content .grid-2 {
    margin-top: 40px;
  }
  .main-content .grid-2:before,
  .main-content .grid-2:after {
    content: " ";
    display: table;
  }
  .main-content .grid-2:after {
    clear: both;
  }
  .main-content .grid-2 {
    *zoom: 1;
    float: left;
  }
  .main-content .grid-2 .grid-1-2 {
    margin: 0 30px 12px 0;
  }

  .main-content .grid-3 {
    clear: both;
  }
  .main-content .grid-3:before,
  .main-content .grid-3:after {
    content: " ";
    display: table;
  }
  .main-content .grid-3:after {
    clear: both;
  }
  .main-content .grid-3 {
    *zoom: 1;
  }
  .main-content .grid-3 .grid-1-3 {
    float: left;
    width: 225px;
    margin: 0 20px 0 0;
  }
  .main-content .grid-3 .grid-2-3 {
    float: left;
    width: 470px;
    margin: 0 20px 0 0;
  }
  .main-content .grid-3.border .grid-1-3 {
  float: left;
    width: 208px;
    margin: 0 29px 0 0;
    padding-right: 10px;
    border-right: 1px solid #dddedd;
  }
  .main-content .grid-3.border .last {
    border: none;
  }
  .main-content .grid-3.bottom {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .main-content .grid-3 .isotope-item {
    height: 225px;
    margin: -58px 0 0;
    width: 223px;
  }
  .main-content .grid-3 .carousel {
    margin: 0;
    width: 223px;
  }
  .main-content .grid-3 .wrap-video .image-video {
    height: 225px;
    width: 223px;
  }
  .main-content [class|=grid] .sub-title,
  .main-content [class|=grid] .sub-title-2,
  .main-content [class|=grid] .sub-title-3 {
    margin-top: 0;
  }
  .main-content.full .grid-1-3 {
    width: 300px;
    margin-right: 30px;
  }
  .main-content.full .grid-2-3 {
    width: 630px;
    margin-right: 30px;
  }
  .main-content .box-aside {
    width: 180px;
    padding: 15px;
    margin: 0 20px 15px 0;
  }
  .main-content .box-aside.right {
    margin: 0 0 15px 20px;
  }
  .main-content .border {
    border: 1px solid #bcbdbc;
  }
  .main-content .new-window, .main-content a[target="_blank"]{
    margin-right: 5px;
    white-space: nowrap;
  }
  .main-content .new-window:after {
    margin-left: 6px;
  }
  .main-content .col-container {
    width: 430px;
    float: left;
    margin-right: 50px;
  }
  .main-content .col-links {
    float: left;
    width: 430px;
    margin-bottom: 55px;
  }
.main-content .col-links.col-direitr {
    margin-bottom: 20px;
  }
  .main-content .col-links .sub-title-2 {
    margin-bottom: 5px;
  }
  .main-content .col-links p {
    margin-top: 0;
  }
  #fale-conosco iframe {
    width: 100% !important;
  }
  #fale-conosco .main-content {
    padding-bottom: 0;
  }
  #fale-conosco .main-content figure {
    margin-bottom: 0px;
  }
  #fale-conosco .main-content .grid-3 .grid-1-3 {
    margin: 0 16px 0 0;
  }
  #fale-conosco .main-content .captcha {
    margin: 17px 0px 0px 0px;
  }
  #fale-conosco .main-content .captcha .confirmation {
    width: 900px;
    height: 80px;
  }
  #fale-conosco .main-content .captcha .code {
    width: 200px;
    height: 30px;
  }
  #fale-conosco .main-content .captcha .checkbox {
    width: 450px;
    margin-left: 320px;
  }
  #fale-conosco .button#btnEnviar {
    margin: 15px 0px 0px 0px;
  }
  iframe .main-content,
  iframe #fale-conosco .main-content {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .card {
    display: block;
    margin-bottom: 25px;
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
  .divisor {
    clear: both;
    padding-top: 13px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dddedd;
  }
  .divisor:before,
  .divisor:after {
    content: " ";
    display: table;
  }
  .divisor:after {
    clear: both;
  }
  .divisor {
    *zoom: 1;
  }
  .mg-bottom {
    margin-bottom: 12px;
  }
  .mg-bottom:before,
  .mg-bottom:after {
    content: " ";
    display: table;
  }
  .mg-bottom:after {
    clear: both;
  }
  .mg-bottom {
    *zoom: 1;
  }
  .equalize-group:before,
  .equalize-group:after {
    content: " ";
    display: table;
  }
  .equalize-group:after {
    clear: both;
  }
  .equalize-group {
    *zoom: 1;
  }
  .news {
    margin-bottom: 32px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ccc;
  }
  .news:before,
  .news:after {
    content: " ";
    display: table;
  }
  .news:after {
    clear: both;
  }
  .news {
    *zoom: 1;
  }
  .news .sub-title {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .news .sub-title-2 {
    float: left;
    margin-bottom: 12px;
  }
  .news .sub-title-2:after {
    content: "-";
    margin-right: 10px;
    padding-left: 10px;
  }
  .news p {
    margin-bottom: 5px;
  }
  .news footer a {
    font-weight: bold;
  }
  .news.last {
    padding-bottom: 0;
    border-bottom: none;
  }
  .news .addthis {
    padding-top: 10px;
    margin-bottom: 0;
  }
  .news .sub-title-2 {
    margin-top: 0;
  }
  .line,
  .line2 {
    clear: both;
    margin-bottom: 30px;
  }
  .line:before,
  .line2:before,
  .line:after,
  .line2:after {
    content: " ";
    display: table;
  }
  .line:after,
  .line2:after {
    clear: both;
  }
  .line,
  .line2 {
    *zoom: 1;
  }
  .line.border,
  .line2.border {
    padding-bottom: 26px;
    border: none;
    border-bottom: 1px solid #dddedd;
  }
  .line2 {
    margin-bottom: 52px;
  }
  .line2.border {
    padding-bottom: 45px;
  }
  .embed {
    margin: 30px 0 40px;
  }
  .swf-algas {
    width: 498px;
    margin-left: auto;
    margin-right: auto;
  }
  .issuuembed {
    width: 715px !important;
    height: 400px !important;
  }
  .grid-1-3 {
    float: left;
    width: 305px;
    margin-right: 22px;
  }
  .grid-2-3 {
    float: left;
    width: 632px;
    margin-right: 22px;
  }
  .grid-1-4 {
    float: left;
    width: 224px;
    margin-right: 21px;
  }
  .grid-1-5 {
    float: left;
    width: 177px;
    margin-right: 18px;
  }
  .title,
  .title a {
    font: 24px/100% "petrobras_sansxbold";
    color: #008542;
  }
  .title {
    margin: 0 0 11px;
  }
  .title:after {
    content: "";

    display: block;
    color: #fdc82f;
  }
  .title .size-11 {
    margin-left: -3px;
  }
  .title-label {
    margin-right: 10px;
    font: 16px/100% "petrobras_sansregular";
    color: #858585;
  }
  .title-cross,
  .title-cross a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font: 15px/110% "petrobras_sansxbold";
    color: #006298;
    margin: 0;
  }
  .title-cross:hover,
  .title-cross a:hover {
    color: #0079bc;
  }
  .title-chart {
    margin: 0 0 3px;
    font: 14px/100% "petrobras_sansxbold";
    color: #665c53;
  }
  .sub-title,
  .sub-title a {
    font: 20px/100% "petrobras_sansbold";
    color: #008542;
  }
  .sub-title {
    margin: 28px 0 24px;
  }
  .sub-title-2,
  .sub-title-2 a {
    font: 14px/100% 'petrobras_sansxbold', arial, sans-serif;
    color: #008542;
  }
  .sub-title-2 {
    margin: 28px 0 24px;
  }
  .sub-title-3,
  .sub-title-3 a {
    font: 20px/100% "petrobras_sansregular";
    color: #008542;
  }
  .sub-title-3 {
    margin: 28px 0 12px;
  }
  .sub-title-4,
  .sub-title-4 a {
    font: 16px/100% "trebuchet MS";
    font-weight: bold;
    color: #858585;
  }
  .sub-title-4 {
    margin: 0 0 18px;
  }
  .sub-title-5 {
    margin: 35px 0;
    font: 30px/100% 'petrobras_sanslight', arial, sans-serif;
    color: #008542;
  }
  .sub-title-6 {
    margin: 0 0 29px;
    font: 26px/100% 'petrobras_sansbold', arial, sans-serif;
    color: #008542;
  }
  .sub-title-7 {
    margin: 0 0 18px;
    font: 24px 'petrobras_sanslight', arial, sans-serif;
    color: #008542;
  }
  .sub-title-8 {
    width: 395px;
    margin: 0 0 68px;
    font: 24px/100% 'petrobras_sansregular', arial, sans-serif;
    color: #008542;
  }
  .sub-title-9 {
    margin: 28px 0 15px;
    font: 16px/100% 'petrobras_sansxbold', arial, sans-serif;
    color: #008542;
  }
  .sub-title-10,
  .sub-title-10 a {
    font: 20px/100% 'petrobras_sansxbold', arial, sans-serif;
    color: #006298;
  }
  .sub-title-10:hover,
  .sub-title-10 a:hover {
    color: #0079bc;
  }
  .sub-title-10 {
    margin: 0 0 15px;
  }
  .link {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    font: 13px "trebuchet MS";
    color: #006298;
  }
  .time {
    display: block;
    padding-bottom: 5px;
    font: 10px "petrobras_sansxbold";
    color: #008542;
  }
  .time-2 {
    display: block;
    padding-bottom: 8px;
    font: 12px "petrobras_sansxbold";
    color: #686868;
    text-transform: uppercase;
  }
  .time-3 {
    display: block;
    padding-bottom: 4px;
    font: 12px "petrobras_sansregular";
    color: #fdc82f;
    text-transform: uppercase;
  }
  .highlight {
    font-size: 14px;
    font-weight: bold;
  }
  .eye {
    position: relative;
    width: 250px;
    padding: 0 35px 0 50px;
    font-size: 14px;
    color: #008542;
  }
  .eye:before,
  .eye:after {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 41px;
    height: 31px;
  }
  .eye:before:before,
  .eye:after:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .eye:before {
    margin-left: -50px;
    background-position: -170px -70px;
  }
  .eye:after {
    position: absolute;
    bottom: -17px;
    right: 0;
    background-position: -170px -101px;
  }
  .eye.right {
    margin-left: 15px;
  }
  .eye.left {
    margin-right: 15px;
  }
  blockquote.eye p {
    font-weight: bold;
    font-size: 14px;
    color: #008542;
  }
  .label-text {
    display: block;
    margin-bottom: 3px;
    font: 14px/100% "petrobras_sansxbold";
    color: #008542;
  }
  .size-14 {
    font-size: 14px;
  }
  .size-11 {
    font-size: 11px;
  }
  .size-10 {
    font-size: 10px;
  }
  .size-9 {
    font-size: 10px;
  }
  .note {
    font-size: 11px;
  }
  .obs {
    font-size: 11px;
    color: #9a9a9a;
  }
  .obs-table {
    margin: 0 0 12px;
    font-size: 10px;
    color: #9a9a9a;
  }
  .obs-form {
    margin-top: -17px !important;
    font-size: 10px;
    text-align: center;
  }
  .search-result {
    text-align: right;
    margin-top: -10px !important;
  }
  .txt-canais {
    display: block;
    float: left;
    margin-top: 16px;
    font: 12px/100% "petrobras_sansbold";
    color: #006298;
  }
  .button {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    height: 34px;
    padding: 0 45px;
    text-transform: uppercase;
    text-align: center;
    font: 14px/100% "petrobras_sansbold";
    color: #006298;
    outline: none;
    border: none;
    background-color: #e5ebee;
  }
  .button:hover {
    color: #fff;
    background-color: #7d9aaa;
  }
  /*.button-2{
        .border-radius(5px, 5px, 5px, 5px);
        .transition();
        display:block; width:122px; height:34px; text-align:center; font:13px/100% "petrobras_sansxbold"; color:@blue; border:1px solid #ececec; background-color:#fff;
        &:hover{color:@blueHover; border-color:#e0e0e0; background-color:#F8F8F8;}
        &.active{color:#818181; border:1px solid #e0e0e0; background-color:#ececec;}
    }*/
  .button-2 {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    position: relative;
    width: 132px;
    height: 37px;
    text-align: center;
    font: 12px/100% "petrobras_sansbold";
    color: #006298;
    outline: none;
    border: 1px solid #ececec;
    background-color: #fff;
  }
  .button-2 span {
    display: block;
    width: 84px;
    margin: 0 auto;
    padding-left: 13px;
  }
  .button-2 span:before {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 35px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
  }
  .button-2 span:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 4px;
    width: 14px;
    height: 14px;
    background: url(../imgs/bg/sprite.png) -212px -112px no-repeat;
  }
  .button-2.bacias span:before {
    background-position: -343px -105px;
  }
  .button-2.refinarias span:before {
    background-position: -282px -105px;
  }
  .button-2.terminais span:before {
    background-position: -252px -105px;
  }
  .button-2.gasodutos span:before {
    background-position: -312px -105px;
  }
  .button-2.termoeletricas span:before {
    background-position: -463px -105px;
  }
  .button-2.usinas-biodiesel span:before {
    background-position: -433px -105px;
  }
  .button-2.usinas-etanol span:before {
    background-position: -373px -105px;
  }
  .button-2.fabricas-fertilizantes span:before {
    background-position: -403px -105px;
  }
  .button-2:hover {
    color: #0079bc;
  }
  .button-2:hover span:after {
    background: url(../imgs/bg/sprite.png) -212px -144px no-repeat;
  }
  .button-2.active span:after {
    right: 0px;
    width: 19px;
    background: url(../imgs/bg/sprite.png) -211px -128px no-repeat;
  }
  #search-operations {
    height: 36px;
    margin-top: 7px;
    background-color: #006298;
    color: #fff;
  }
  #search-operations:hover {
    background-color: #0079bc;
  }
  .label {
    display: block;
    margin-bottom: 8px;
    font: 14px/100% "petrobras_sansregular";
    color: #858585;
  }
  .label-inline {
    margin-right: 15px;
    font: 14px/100% "trebuchet MS";
    color: #858585;
  }
  .field {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 20px;
    padding: 7px 10px;
    width: 305px;
    font: 14px/100% "petrobras_sansregular";
    color: #858585;
    border: 1px solid #948d86;
  }
  .grid-1-3 .field {
    width: 278px;
  }
  .field.captcha {
    width: 130px;
    padding: 4px 10px;
  }
  .field.search-page {
    width: 935px;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
  }
  #field-formacao,
  .field-formacao {
    width: 461px;
  }
  .error-field {
    border-style: dashed !important;
  }
  #rsv-errors {
    display: none;
    padding-bottom: 20px;
  }
  .col-state {
    float: left;
    width: 145px;
    margin-right: 10px;
  }
  .col-subject {
    float: left;
    width: 630px;
    margin-bottom: 20px;
  }
  .select-subject .custom-select {
    width: 630px;
  }
  .select-subject .custom-select .fake-select {
    width: 565px;
  }
  .select-subject #subject-select {
    width: 630px;
  }
  .label-check,
  .label-radio {
    margin-right: 50px;
    padding-left: 22px;
    cursor: pointer;
    font-weight: bold;
    font: 16px/90% "petrobras_sansregular";
    color: #858585;
  }
  .no-js .label-check {
    background: none;
  }
  .js .label-check {
    background: url(../imgs/bg/sprite_v.png) 0 -329px no-repeat;
  }
  .js label.c-on {
    background: url(../imgs/bg/sprite_v.png) 0 -353px no-repeat;
  }
  .js .label-radio {
    background: url(../imgs/bg/sprite_v.png) 0 -74px no-repeat;
  }
  .js label.r-on {
    background: url(../imgs/bg/sprite_v.png) 0 -98px no-repeat;
  }
  .js .label-check input,
  .js .label-radio input,
  .js .hidden-field {
    position: absolute;
    left: -9999px;
  }
  .form-formacao .col-1 {
    float: left;
    width: 484px;
    margin-right: 26px;
  }
  .form-formacao .col-2 {
    float: left;
    width: 147px;
    margin: 22px 10px 0 0;
  }
  .form-formacao .col-3 {
    float: left;
    width: 205px;
    margin-top: 22px;
  }
  .custom-select,
  .custom-select-multiple {
    position: relative;
    width: 159px;
    height: 35px;
  }
  .custom-select .fake-select,
  .custom-select-multiple .fake-select {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    width: 143px;
    padding: 9px 40px 9px 20px;
    overflow: hidden;
    cursor: pointer;
    font: 12px/100% "petrobras_sansregular";
    color: #858585;
    border: 1px solid #ececec;
  }
  .custom-select .fake-select:before,
  .custom-select-multiple .fake-select:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 34px;
    width: 1px;
    height: 24px;
    background-color: #d0d0d0;
  }
  .custom-select .fake-select:after,
  .custom-select-multiple .fake-select:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 10px;
    border-color: #006298 transparent transparent transparent;
    border-width: 7px;
    border-style: solid;
  }
  .custom-select .close-select-multiple,
  .custom-select-multiple .close-select-multiple {
    position: absolute;
    top: -20px;
    right: 0px;
    font-family: "trebuchet MS";
    font-size: 14px;
    color: #858585;
    cursor: pointer;
  }
  .custom-select:hover .fake-select:after,
  .custom-select-multiple:hover .fake-select:after {
    animation: fakeSelect .25s ease;
    -webkit-animation: fakeSelect .25s ease;
  }
  .custom-select .select,
  .custom-select-multiple .select {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 199px;
    height: 35px;
    cursor: pointer;
  }
  .custom-select.mobile,
  .custom-select-multiple.mobile {
    display: none;
  }
  #select-states {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    z-index: 90;
    top: 37px;
    display: none;
    list-style: none;
    width: 157px;
    margin: 0;
    padding: 5px 0 2px;
    background: #fff;
    border: 1px solid #e0e0e0;
  }
  #select-states li {
    position: relative;
    padding: 0 0 0 23px;
    margin: 0 6px 3px;
    cursor: pointer;
    font-family: "petrobras_sansregular";
    font-size: 11px;
    color: #000;
  }
  #select-states li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../imgs/bg/sprite.png) -212px -112px no-repeat;
  }
  #select-states li:hover:before {
    background: url(../imgs/bg/sprite.png) -212px -144px no-repeat;
  }
  #select-states li[data-selected="true"]:before {
    right: 0px;
    width: 19px;
    background: url(../imgs/bg/sprite.png) -211px -128px no-repeat;
  }
  .select-states {
    width: 159px;
    margin-top: 8px;
  }
  .select-states .custom-select {
    margin-bottom: 4px;
  }
  .select-states .fake-select {
    width: 97px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 34px;
  }
  .select-states .valign {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 105px;
    height: 34px;
    display: table;
  }
  .select-states .valign span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .select-states .select {
    width: 159px;
  }
  .select-states .button {
    width: 159px;
  }
  .select-role {
    width: 287px;
    margin: 0 60px;
  }
  .select-role .fake-select {
    width: 229px;
  }
  .select-role .select {
    width: 281px;
  }
  .select-state {
    width: 164px;
    float: left;
    display: table;
  }
  .select-state label {
    margin: 10px 0 5px;
    line-height: 120%;
    font-family: "petrobras_sansregular";
    font-size: 14px;
    color: #858585;
    display: block;
  }
  .select-state .custom-select {
    width: 144px;
  }
  .select-state .fake-select {
    width: 113px;
    padding-left: 9px;
  }
  .select-state .select {
    width: 164px;
  }
  .select-state .button {
    width: 164px;
    margin-top: 15px;
  }
  .select-presentation .custom-select {
    width: 159px;
    margin-bottom: 8px;
  }
  .select-presentation .fake-select {
    width: 105px;
    padding-left: 9px;
  }
  .select-presentation .select {
    width: 159px;
  }
  .select-presentation .button {
    width: 159px;
  }
  .select-editais {
    margin: 0 10px 10px;
  }
  .select-editais .custom-select {
    width: 281px;
    margin-bottom: 4px;
  }
  .select-editais .fake-select {
    width: 229px;
    padding-left: 10px;
  }
  .select-editais .select {
    width: 281px;
  }
  .select-editais .button {
    width: 281px;
  }
  .select-leiloes:before,
  .select-leiloes:after {
    content: " ";
    display: table;
  }
  .select-leiloes:after {
    clear: both;
  }
  .select-leiloes {
    *zoom: 1;
  }
  .select-leiloes .custom-select {
    float: left;
    width: 300px;
    margin-right: 20px;
  }
  .select-leiloes .fake-select {
    width: 248px;
    padding-left: 10px;
  }
  .select-leiloes .select {
    width: 300px;
  }
  .select-leiloes .button {
    float: left;
    width: auto;
  }
  .select-inform {
    float: left;
    width: 207px;
  }
  .select-inform .custom-select {
    float: left;
    width: 132px;
    margin: 0 15px 0 0;
  }
  .select-inform .fake-select {
    width: 78px;
    padding-left: 9px;
  }
  .select-inform .select {
    width: 132px;
  }
  .select-inform .button {
    float: left;
    padding: 10px;
  }
  .select-info:before,
  .select-info:after {
    content: " ";
    display: table;
  }
  .select-info:after {
    clear: both;
  }
  .select-info {
    *zoom: 1;
  }
  .select-info .custom-select {
    width: 149px;
    margin-bottom: 8px;
  }
  .select-info .fake-select {
    width: 95px;
    padding-left: 9px;
  }
  .select-info .select {
    width: 149px;
  }
  .select-info .button {
    width: 87px;
    padding: 0;
  }
  .select-state-city:before,
  .select-state-city:after {
    content: " ";
    display: table;
  }
  .select-state-city:after {
    clear: both;
  }
  .select-state-city {
    *zoom: 1;
  }
  .select-state-city .custom-select {
    width: 145px;
    margin-bottom: 8px;
  }
  .select-state-city .fake-select {
    width: 93px;
    padding-left: 9px;
  }
  .select-state-city .select {
    width: 145px;
  }
  .result {
    width: 512px;
    float: right;
    padding-top: 20px;
    display: table;
  }
  .duvidas {
    clear: both;
    margin-bottom: 38px;
    padding: 17px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  #contact {
    display: none;
  }
  .autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
  }
  .autocomplete-suggestions strong {
    color: #006298;
  }
  .autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font: 14px/150% "petrobras_sansregular";
    color: #858585;
  }
  .autocomplete-selected {
    background: #F0F0F0;
  }
  .layer {
    display: none;
    position: absolute;
    z-index: 100;
    top: 40px;
    right: 0;
    padding-top: 8px;
    background: url(../imgs/bg/balloon.png) right top no-repeat;
  }
  .layer .layer-bg {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 24px;
    border: 1px solid #f1f1f1;
    background-color: #f6f6f6;
  }
  .layer .tit-layer {
    margin: 0 0 15px;
    padding: 0 0 12px;
    border-bottom: 1px solid #cbc7c5;
    font: 20px/100% "petrobras_sansbold";
    color: #008542;
  }
  .layer.size-1 .layer-bg {
    width: 312px;
  }
  .simple-list {
    line-height: 120%;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
  }
  .simple-list li {
    margin-bottom: 10px;
  }
  .simple-list.bullet {
    list-style: inside disc;
  }
  .list-type-1,
  .list-type-2 {
    line-height: 120%;
    font: 13px "trebuchet MS";
    color: #858585;
    margin: 0 0 0 16px;
    padding: 0;
  }
  .list-type-1 {
    padding-bottom: 5px;
  }
  .list-type-1 li {
    margin: 0 0 10px;
  }
  .list-type-1.right {
    width: 260px;
    padding: 0 10px 5px 15px;
    float: right;
  }
  .list-type-2 {
    display: table;
    width: 340px;
    float: left;
  }
  .list-type-2 li {
    margin-bottom: 2px;
  }
  .list-type-3 {
    width: 620px;
    margin: 0 auto 10px;
  }
  .list-type-3 li {
    float: left;
    width: 293px;
    margin: 0 5px 5px;
    padding-left: 7px;
    line-height: 120%;
    list-style: none;
    font: 13px/100% "petrobras_sansxbold";
    color: #008542;
    background: url(../imgs/bg/bl01.png) 0 6px no-repeat;
  }
  .list-type-3 li span {
    font-family: "petrobras_sansbold";
    color: #858585;
  }
  .list-type-4 {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
  }
  .list-type-4 li {
    margin: 0 0 12px;
    padding: 0;
  }
  .list-type-4 a {
    display: block;
    font: 12px/100% "petrobras_sanslight";
    color: #858585;
  }
  .list-type-5 {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
  }
  .list-type-5 li {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0 0 5px;
    padding: 5px 18px;
  }
  .list-type-5 li.odd {
    background-color: #f8f8f8;
  }
  .list-type-5 li:hover {
    background-color: #E8E8E8;
  }
  .list-type-5 a {
    display: block;
    font: 14px/100% "petrobras_sansregular";
    color: #858585;
  }
  .list-grid-3 {
    position: relative;
    display: table;
    width: 715px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .list-grid-3 .list-item {
    width: 224px;
    float: left;
    margin-bottom: 20px;
  }
  .list-grid-3 .list-item img {
    margin-bottom: 8px;
  }
  .list-grid-3 .list-item.middle {
    margin-left: 21px;
    margin-right: 21px;
  }
  .list-grid-3 .list-item .wrap-link {
    position: relative;
    width: 222px;
    height: 122px;
    margin: 0 0 5px 0;
  }
  .list-grid-3 .list-item .wrap-link img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-grid-3 .list-item .wrap-link .toggle-video {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    display: block;
    width: 222px;
    height: 122px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../imgs/bg/play-bg-02.png) center no-repeat;
  }
  .list-grid-3 .list-item .wrap-link .toggle-video:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .list-grid-3 .list-item .sub-title-2 {
    margin: 0 0 4px;
    width: 168px;
    font-family: "petrobras_sansxbold";
  }
  .list-grid-3 .list-item .date {
    padding: 0;
    line-height: 100%;
  }
  .list-grid-3 .list-item .date span {
    color: #006298;
    font: 11px "Trebuchet MS", arial, sans-serif;
    font-weight: bold;
  }
  .list-grid-3 .list-item .text {
    margin: 2px 0;
  }
  .list-cards .card-item {
    position: relative;
    float: left;
    width: 347px;
    height: 230px;
    margin: 0 20px 20px 0;
    cursor: pointer;
  }
  .list-cards .card-item img {
    margin: 0;
  }
  .list-cards .card-item .tit-card {
    -webkit-transition: padding-bottom 0.15s ease-in;
    -moz-transition: padding-bottom 0.15s ease-in;
    -o-transition: padding-bottom 0.15s ease-in;
    transition: padding-bottom 0.15s ease-in;
    position: absolute;
    left: 0;
    right: 30px;
    bottom: 0;
    margin: 0;
    padding: 7px 0 7px 20px;
    font: 20px/100% "petrobras_sansbold";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  .list-cards .card-item .tit-card:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    width: 30px;
    background: url(../imgs/bg/bg02.png) 0 0 repeat;
  }
  .list-cards .card-item .tit-card:after {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    right: -22px;
    width: 15px;
    height: 15px;
    background-position: -211px -160px;
  }
  .list-cards .card-item .tit-card:after:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .list-cards .card-item:hover .tit-card {
    padding-bottom: 14px;
  }
  .list-cards .card-detail {
    position: relative;
    margin-bottom: 30px;
    background-color: #E8E8E8;
  }
  .list-cards .card-detail .margin {
    padding: 42px 20px 20px;
  }
  .list-cards .card-detail .sub-title {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .list-cards .card-detail .sub-title:after {
    content: "â€”";

    display: block;
    color: #fdc82f;
  }
  .list-cards .card-detail .carousel {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 0;
    margin-top: 0;
  }
  .list-news {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .list-news li {
    margin: 0 0 18px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
  }
  .list-news li.last {
    border-bottom: none;
  }
  .list-news p:first-of-type {
    margin-top: 0;
  }
  .list-news p:last-of-type {
    margin-bottom: 0;
  }
  .list-news .sub-title-2 {
    margin-bottom: 7px;
    margin-top: 0;
  }
  .list-news .open-video {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    top: 0;
    background: url(../imgs/bg/play-bg-02.png) center no-repeat;
  }
  .list-news .open-video:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  #select-formation {
    max-height: 180px;
    overflow-y: auto;
  }
  #select-formation strong {
    display: block;
    margin-bottom: 10px;
    font: 12px/100% "petrobras_sansbold";
    color: #858585;
  }
  .social-list {
    width: 565px;
    display: table;
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .social-list .list-item {
    float: left;
  }
  .social-list .list-item a {
    display: block;
    margin: 10px 10px;
  }
  .social-list .list-item a.Fatos {
    margin-top: 5px;
  }
  .social-list .list-item a.facebook {
    margin-top: 14px;
  }
  .social-list .list-item a.twitter {
    margin-top: 15px;
  }
  .social-list .list-item a.google {
    margin-top: 15px;
  }
  .social-list .list-item a.linkedin {
    margin-top: 10px;
  }
  .social-list .list-item a.youtube {
    margin-top: 10px;
  }
  .social-list .list-item a.instagram {
    margin-top: 14px;
  }

  .social-list .list-item a img {
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    -o-transition: all 0.12s linear;
    transition: all 0.12s linear;
    -webkit-transform: translateZ(0px);
  }
  .csstransforms.csstransitions .social-list .list-item a img:hover {
    transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
  }
  .social-list.social-home {
    width: 388px;
    margin-top: -5px;
  }
  .social-list.social-home .list-item a img {
    -webkit-transition: none 0.2s linear;
    -moz-transition: none 0.2s linear;
    -o-transition: none 0.2s linear;
    transition: none 0.2s linear;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .csstransforms.csstransitions .social-list.social-home .list-item a img:hover {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .social-list.social-home .list-item a.linkedin {
    margin-top: 14px;
  }
  .social-list.social-home .list-item a.youtube {
    margin-top: 14px;
  }
  .social-list.social-home .list-item a.instagram {
    margin-top: 16px;
  }
  .pagination {
    width: 460px;
    margin: 0 -35px 0 0;
    padding: 12px 0 12px 255px;
    list-style: none;
    background: url(../imgs/bg/pag_border.jpg) center no-repeat;
  }
  .pagination:before,
  .pagination:after {
    content: " ";
    display: table;
  }
  .pagination:after {
    clear: both;
  }
  .pagination {
    *zoom: 1;
  }
  .pagination li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
  }
  .pagination li a {
    font: 13px/100% "Trebuchet MS", arial, sans-serif;
    color: #008542;
  }
  .pagination-search {
    width: 590px;
    margin: 0 -35px 0 0;
    padding: 12px 0 12px 375px;
    list-style: none;
    background: url(../imgs/bg/pag_border.jpg) center no-repeat;
  }
  .pagination-search:before,
  .pagination-search:after {
    content: " ";
    display: table;
  }
  .pagination-search:after {
    clear: both;
  }
  .pagination-search {
    *zoom: 1;
  }
  .pagination-search li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
  }
  .pagination-search li a {
    font: 13px/100% "Trebuchet MS", arial, sans-serif;
    color: #008542;
  }
  .table-1 {
    margin-bottom: 20px;
  }
  .table-1 th {
    margin: 0;
    padding: 0 10px 6px 0;
    text-align: left;
    font: 14px/100% "petrobras_sansxbold", arial, sans-serif;
    color: #008542;
    border-bottom: 1px solid #c6c6c6;
  }
  .table-1 td {
    padding: 10px 10px 10px 0;
    text-align: left;
    font: 14px/100% "petrobras_sansregular", arial, sans-serif;
    color: #858585;
  }
  .table-2 {
    margin-bottom: 20px;
  }
  .table-2 th {
    margin: 0;
    padding: 12px 20px;
    text-align: center;
    font: 16px/100% "petrobras_sansxbold", arial, sans-serif;
    color: #008542;
    background-color: #f8f8f8;
  }
  .table-2 td {
    padding: 20px 10px;
    text-align: center;
    font: 12px/100% "trebuchet MS", arial, sans-serif;
    color: #858585;
    border-bottom: 1px solid #ccc;
  }
  .table-2 td.a-left {
    text-align: left;
  }
  .table-cotacao {
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
  }
  .table-cotacao th {
    margin: 0;
    padding: 3px 0;
    text-align: left;
    font: 12px/100% "petrobras_sansbold", arial, sans-serif;
    color: #008542;
  }
  .table-cotacao td {
    margin: 0;
    padding: 4px 0 3px;
    text-align: left;
    font: 12px/100% "trebuchet MS", arial, sans-serif;
    color: #675c53;
    font-weight: bold;
    background-color: #e2e2e2;
  }
  .table-cotacao td strong {
    padding-left: 5px;
    font: 14px/100% "petrobras_sansbold", arial, sans-serif;
    color: #008542;
    font-weight: normal;
    text-transform: uppercase;
  }
  .table-cotacao td .var {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    float: right;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-color: #fff;
  }
  .table-cotacao td .var img {
    margin: -3px 0 0 3px;
  }
  .table-cotacao .even td {
    color: #008542;
    background-color: #fff;
  }
  .table-cotacao .even td .var {
    background-color: #e1e1e1;
  }
  .carousel {
    position: relative;
    width: 715px;
    margin: 25px auto 40px;
  }
  .carousel img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .carousel .close {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -webkit-border-top-left-radius: 21px;
    -moz-border-radius-topright: 21px;
    -moz-border-radius-bottomright: 21px;
    -moz-border-radius-bottomleft: 21px;
    -moz-border-radius-topleft: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 42px;
    height: 42px;
    background-position: 0 -124px;
    background-color: #006298;
  }
  .carousel .close:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .carousel .close:hover {
    background-color: #0079bc;
  }
  .carousel .prev-big,
  .carousel .next-big {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -24px;
    width: 28px;
    height: 48px;
  }
  .carousel .prev-big span,
  .carousel .next-big span {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 28px;
    height: 48px;
  }
  .carousel .prev-big span:before,
  .carousel .next-big span:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .carousel .prev-big:hover,
  .carousel .next-big:hover {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .carousel .prev-big.disabled,
  .carousel .next-big.disabled {
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
  }
  .carousel .prev-big.disabled span,
  .carousel .next-big.disabled span {
    visibility: hidden;
  }
  .carousel .prev-big.disabled:hover,
  .carousel .next-big.disabled:hover {
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
  }
  .carousel .prev-big {
    left: 10px;
  }
  .carousel .prev-big span {
    background-position: -114px -82px;
  }
  .carousel .prev-big:hover {
    left: 7px;
  }
  .carousel .next-big {
    right: 10px;
  }
  .carousel .next-big span {
    background-position: -142px -82px;
  }
  .carousel .next-big:hover {
    right: 7px;
  }
  .carousel ul {
    width: 670px;
    height: 71px !important;
    margin: 10px 0 0 29px;
    padding: 0;
    list-style: none;
  }
  .carousel ul:before,
  .carousel ul:after {
    content: " ";
    display: table;
  }
  .carousel ul:after {
    clear: both;
  }
  .carousel ul {
    *zoom: 1;
  }
  .carousel li {
    position: relative;
    float: left;
    width: 156px;
    height: 71px;
    margin: 0 10px 0 0 !important;
  }
  .carousel li a {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../imgs/bg/iefix.png) center no-repeat;
  }
  .carousel li a:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }

  .carousel li a:after{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  top:0;
  bottom:0;
  background-color:rgba(0,133,66,0);
  -webkit-transition:background-color 0.4s ease-out;
  -moz-transition:background-color 0.4s ease-out;
  -ms-transition:background-color 0.4s ease-out;
  transition:background-color 0.4s ease-out;
}

.carousel li a:hover:after{
  background-color:rgba(0,133,66,0.7);
}

  .carousel li .toggle-video {
    background: url(../imgs/bg/play-bg-03.png) center 12px no-repeat;
  }
  .carousel li .title-item {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 152px;
    padding: 2px 0 1px 4px;
    font: 13px/100% "petrobras_sanslight";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .carousel li img {
    margin-bottom: 0;
  }
  .carousel li:hover a + .title-item {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  .carousel .prev,
  .carousel .next {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: absolute;
    bottom: 0;
    width: 18px;
    height: 71px;
    background-color: #fdc82f;
  }
  .carousel .prev span,
  .carousel .next span {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 4px;
    top: 20px;
    width: 10px;
    height: 30px;
  }
  .carousel .prev span:before,
  .carousel .next span:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .carousel .prev:hover,
  .carousel .next:hover {
    background-color: #0079bc;
  }
  .carousel .prev.disabled,
  .carousel .next.disabled {
    display: block !important;
  }
  .carousel .prev.disabled:hover,
  .carousel .next.disabled:hover {
    background-color: rgba(253, 200, 47, 0.25);
  }
  .carousel .prev.hidden,
  .carousel .next.hidden {
    display: block !important;
  }
  .carousel .prev.hidden:hover,
  .carousel .next.hidden:hover {
    background-color: rgba(253, 200, 47, 0.25);
  }
  .carousel .prev {
    left: 0;
  }
  .carousel .prev span {
    background-position: -16px -88px;
  }
  .carousel .next {
    right: 0;
  }
  .carousel .next span {
    background-position: -58px -88px;
  }
  .carousel .wrap-video {
    background: #ffffff url(../imgs/bg/loader03.gif) center no-repeat;
  }
  .carousel .wrap-video .title-item {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 667px;
    padding: 6px 24px;
    font: 20px "petrobras_sansbold";
    color: #fff;
    background: url(../imgs/bg/bg01.png) 0 0 repeat;
  }
  .carousel .wrap-video:hover .title-item {
    display: block;
  }
  .carousel .wrap-video a {
    display: none;
  }
  .carousel .wrap-video .next-big {
    display: block;
  }
  .carousel .wrap-video .prev-big {
    display: block;
  }
  .carousel .wrap-video.video .toggle-video {
    display: block;
  }
  .carousel .carousel-big.loading {
    opacity: 0;
  }
  .carousel.small {
    width: 344px;
    margin: 0 0 28px 0;
  }
  .carousel.small ul {
    width: 290px;
    height: 82px !important;
  }
  .carousel.small li {
    width: 90px;
    height: 82px;
  }
  .carousel.small li .title-item {
    width: 86px;
  }
  .carousel.small .prev,
  .carousel.small .next {
    width: 18px;
    height: 82px;
  }
  .carousel.small .prev span,
  .carousel.small .next span {
    top: 26px;
  }
  .carousel.small .wrap-video {
    width: 344px;
    height: 313px;
  }
  .carousel.small .wrap-video .image-video {
    width: 344px;
    height: 313px;
  }
  .carousel.small .wrap-video .toggle-video {
    width: 344px;
    height: 313px;
  }
  .carousel.small .wrap-video .title-item {
    width: 324px;
    padding: 4px 10px;
    font: 17px "petrobras_sansbold";
  }
  .carousel.small.left {
    margin-right: 42px;
  }
  .carousel.small.right {
    margin-left: 42px;
  }
  .isotope-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 715px;
    height: 160px;
    margin-bottom: 25px;
    background-color: #E8E8E8;
  }
  .isotope-item .img {
    position: relative;
    float: left;
    width: 370px;
    height: 160px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .csstransitions .isotope-item .img {
    -webkit-transition: background-position 0.2s linear;
    -moz-transition: background-position 0.2s linear;
    -o-transition: background-position 0.2s linear;
    transition: background-position 0.2s linear;
  }
  .isotope-item .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    border-color: transparent #E8E8E8 transparent transparent;
    border-width: 22px;
    border-style: solid;
  }
  .csstransitions .isotope-item .arrow {
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    -o-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
  }
  .isotope-item .header,
  .isotope-item .content {
    padding: 20px;
  }
  .isotope-item .header {
    float: right;
    width: 305px;
  }
  .isotope-item .header p:last-of-type {
    margin-bottom: 0;
  }
  .isotope-item .title {
    margin-bottom: 5px;
    padding-bottom: 0;
    background: none;
  }
  .isotope-item .title:after {
    content: none;
    display: inline;
  }
  .isotope-item .sub-title {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .isotope-item:hover {
    background-color: #E8E8E8;
  }
  .isotope-item:hover > .img {
    background-position: 60% 50%;
  }
  .isotope-item:hover .arrow {
    border-color: transparent #E8E8E8 transparent transparent;
  }
  .csstransitions .isotope-item {
    -webkit-transition: background-color 0.2s linear, opacity 0.3s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.3s linear;
    -o-transition: background-color 0.2s linear, opacity 0.3s linear;
    transition: background-color 0.2s linear, opacity 0.3s linear;
  }
  .isotope-item.type-2 {
    cursor: pointer !important;
    width: 715px !important;
    height: 160px !important;
    margin: 0 0 25px 25px !important;
    background-color: #E8E8E8 !important;
  }
  .isotope-item.type-2 .img {
    position: relative;
    float: left !important;
    width: 370px !important;
    height: 160px !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
  }
  .csstransitions .isotope-item.type-2 .img {
    -webkit-transition: background-position 0.2s linear;
    -moz-transition: background-position 0.2s linear;
    -o-transition: background-position 0.2s linear;
    transition: background-position 0.2s linear;
  }
  .isotope-item.type-2 .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    border-color: transparent #E8E8E8 transparent transparent !important;
    border-width: 22px !important;
    border-style: solid !important;
  }
  .csstransitions .isotope-item.type-2 .arrow {
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    -o-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
  }
  .isotope-item.type-2 .header,
  .isotope-item.type-2 .content {
    padding: 20px !important;
  }
  .isotope-item.type-2 .header {
    float: right !important;
    width: 305px !important;
  }
  .isotope-item.type-2 .header p:last-of-type {
    margin-bottom: 0 !important;
  }
  .isotope-item.type-2 .title {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
    background: none !important;
  }
  .isotope-item.type-2 .title:after {
    content: none;
    display: inline !important;
  }
  .isotope-item.type-2 .sub-title {
    margin-bottom: 10px !important;
  }
  .isotope-item.type-2:hover {
    background-color: #E8E8E8 !important;
  }
  .isotope-item.type-2:hover > .img {
    background-position: 60% 50% !important;
  }
  .isotope-item.type-2:hover .arrow {
    border-color: transparent #E8E8E8 transparent transparent !important;
  }
  .csstransitions .isotope-item.type-2 {
    -webkit-transition: background-color 0.2s linear, opacity 0.3s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.3s linear;
    -o-transition: background-color 0.2s linear, opacity 0.3s linear;
    transition: background-color 0.2s linear, opacity 0.3s linear;
  }
  .isotope {
    width: 740px;
    margin-left: -25px;
  }
  .landing .isotope {
    width: 985px;
  }
  .isotope .carousel {
    padding-top: 0;
    margin-top: 0;
  }
  .isotope .isotope-item {
    float: left;
    cursor: default;
    width: 185px;
    height: 225px;
    margin: 0;
    background-color: transparent;
  }
  .isotope .isotope-item .item-mg {
    cursor: pointer;
    width: 158px;
    height: 198px;
    margin: 0 0 25px 25px;
    border: 1px solid #ececec;
    background-color: #fff;
  }
  .isotope .isotope-item .item-mg .img {
    float: none;
    width: 158px;
    height: 218px;
  }
  .isotope .isotope-item .item-mg .arrow {
    right: auto;
    top: auto;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -22px;
    border-color: transparent transparent #fff transparent;
  }
  .isotope .isotope-item .item-mg:hover {
    background-color: #E8E8E8 !important;
  }
  .isotope .isotope-item .item-mg:hover .img {
    background-position: 50% 70%;
  }
  .isotope .isotope-item .item-mg:hover .arrow {
    border-color: transparent transparent #E8E8E8 transparent;
  }
  .csstransitions .isotope .isotope-item .item-mg {
    -webkit-transition: background-color 0.2s linear, opacity 0.3s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.3s linear;
    -o-transition: background-color 0.2s linear, opacity 0.3s linear;
    transition: background-color 0.2s linear, opacity 0.3s linear;
  }
  .isotope .isotope-item.img-left .item-mg .img {
    width: 170px;
    height: 198px;
    float: left;
  }
  .isotope .isotope-item.img-left .item-mg .arrow {
    right: 0;
    bottom: 50%;
    margin: 0 0 -22px 0;
    border-color: transparent #fff transparent transparent;
  }
  .isotope .isotope-item.img-left .item-mg .header {
    width: 153px;
    float: right;
  }
  .isotope .isotope-item.img-left .item-mg:hover .img {
    background-position: 60% 50%;
  }
  .isotope .isotope-item.img-left .item-mg:hover .arrow {
    border-color: transparent #E8E8E8 transparent transparent;
  }
  .isotope .isotope-item.img-right .item-mg .img {
    width: 170px;
    height: 198px;
    float: right;
  }
  .isotope .isotope-item.img-right .item-mg .arrow {
    left: 0;
    bottom: 50%;
    margin: 0 0 -22px 0;
    border-color: transparent transparent transparent #fff;
  }
  .isotope .isotope-item.img-right .item-mg .header {
    width: 153px;
    float: left;
  }
  .isotope .isotope-item.img-right .item-mg:hover .img {
    background-position: 40% 50%;
  }
  .isotope .isotope-item.img-right .item-mg:hover .arrow {
    border-color: transparent transparent transparent #E8E8E8;
  }
  .isotope .isotope-item .header,
  .isotope .isotope-item .content {
    padding: 10px;
  }
  .isotope .isotope-item .header {
    float: none;
    width: auto;
  }
  .isotope .isotope-item .content {
    display: none;
    padding-top: 0;
  }
  .isotope .isotope-item .year {
    margin: 0 0 8px;
    padding: 0;
    font: 18px/100% "petrobras_sansxbold";
    color: #fdc82f;
  }
  .isotope .isotope-item .sub-title .new-window {
    color: #006298;
    white-space: normal;
  }
  .isotope .isotope-item .close {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -webkit-border-top-left-radius: 21px;
    -moz-border-radius-topright: 21px;
    -moz-border-radius-bottomright: 21px;
    -moz-border-radius-bottomleft: 21px;
    -moz-border-radius-topleft: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 42px;
    height: 42px;
    background-position: 0 -124px;
    background-color: #006298;
  }
  .isotope .isotope-item .close:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .isotope .isotope-item .close:hover {
    background-color: #0079bc;
  }
  .isotope .isotope-item.off .item-mg {
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
  }
  .isotope .isotope-item.off:hover .item-mg {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .isotope .isotope-item.width-2 {
    width: 370px;
  }
  .isotope .isotope-item.width-2 .item-mg,
  .isotope .isotope-item.width-2 .img {
    width: 343px;
    cursor: default;
  }
  .isotope .isotope-item.width-3 {
    width: 555px;
  }
  .isotope .isotope-item.width-3 .item-mg,
  .isotope .isotope-item.width-3 .img {
    width: 528px;
  }
  .isotope .isotope-item.width-4 {
    width: 740px;
  }
  .isotope .isotope-item.width-4 .item-mg,
  .isotope .isotope-item.width-4 .img {
    width: 713px;
  }
  .isotope .isotope-item.width-2-4 {
    width: 492px;
  }
  .isotope .isotope-item.width-2-4 .item-mg,
  .isotope .isotope-item.width-2-4 .img {
    width: 465px;
  }
  .isotope .isotope-item.width-1-3 {
    width: 328px;
  }
  .isotope .isotope-item.width-1-3 .item-mg,
  .isotope .isotope-item.width-1-3 .img {
    width: 301px;
  }
  .isotope .isotope-item.height-2 {
    height: 450px;
  }
  .isotope .isotope-item.height-2 .item-mg {
    height: 423px;
  }
  .isotope .isotope-item.height-3 {
    height: 675px;
  }
  .isotope .isotope-item.height-3 .item-mg {
    height: 648px;
  }
  .isotope .isotope-item.gallery {
    width: 370px;
    height: 675px;
  }
  .isotope .isotope-item.gallery .item-mg {
    width: 345px;
    height: 650px;
    border: none;
    cursor: default;
    background-color: #E8E8E8;
  }
  .isotope .isotope-item.gallery .header {
    padding-bottom: 0;
  }
  .isotope .isotope-item .wrap-video {
    width: 343px;
    height: 218px;
  }
  .isotope .isotope-item .wrap-video .image-video {
    width: 343px;
    height: 218px;
  }
  .isotope .isotope-item .wrap-video .toggle-video {
    width: 343px;
    height: 218px;
    background: url(../imgs/bg/play-bg-04.png) center no-repeat;
  }
  .isotope .isotope-item.large {
    width: 740px;
    height: auto !important;
    cursor: default !important;
  }
  .isotope .isotope-item.large .item-mg {
    width: 715px;
    height: auto !important;
    cursor: default;
    border: none;
    background-color: #E8E8E8;
  }
  .isotope .isotope-item.large .item-mg .img {
    float: none;
    width: auto;
    height: 300px;
  }
  .isotope .isotope-item.large .item-mg .arrow {
    display: none;
  }
  .isotope .isotope-item.large .item-mg .header {
    float: none;
    width: auto;
    padding-bottom: 0;
  }
  .isotope .isotope-item.large .item-mg:hover {
    background-color: #E8E8E8 !important;
  }
  .isotope .isotope-item.large .item-mg:hover .img {
    background-position: 50% 50%;
  }
  .isotope .isotope-item.large .wrap-video {
    width: 715px;
    height: 328px;
  }
  .isotope .isotope-item.large .wrap-video .image-video {
    width: 715px;
    height: 328px;
  }
  .isotope .isotope-item.large .wrap-video .toggle-video {
    width: 715px;
    height: 328px;
  }
  .isotope .isotope-item.large .content {
    display: block;
  }
  .isotope .isotope-item.large .close {
    display: inline !important;
  }
  .isotope .carousel {
    width: 345px;
  }
  .isotope .carousel ul {
    width: 280px;
    height: 82px !important;
  }
  .isotope .carousel li {
    width: 90px;
    height: 82px;
  }
  .isotope .carousel li .toggle-video {
    background-position: center;
  }
  .isotope .carousel li .title-item {
    display: none;
    width: 86px;
  }
  .isotope .carousel .prev,
  .isotope .carousel .next {
    height: 82px;
  }
  .isotope .carousel .prev span,
  .isotope .carousel .next span {
    top: 26px;
  }
  .isotope .carousel .wrap-video {
    width: 345px;
    height: 314px;
  }
  .isotope .carousel .wrap-video .image-video,
  .isotope .carousel .wrap-video .toggle-video {
    width: 345px;
    height: 314px;
  }
  .isotope .carousel .wrap-video .title-item {
    width: 315px;
    padding: 6px 15px;
    font-size: 18px;
  }
  /**** Isotope Filtering ****/
  .isotope-item {
    z-index: 2;
  }
  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }
  /**** Isotope CSS3 transitions ****/
  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
  }
  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
  }
  /**** disabling Isotope CSS3 transitions ****/
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
  }
  .isotope.grid-cards:before,
  .isotope.grid-cards:after {
    content: " ";
    display: table;
  }
  .isotope.grid-cards:after {
    clear: both;
  }
  .isotope.grid-cards {
    *zoom: 1;
  }
  .isotope.grid-cards .isotope-item {
    height: 380px;
  }
  .isotope.grid-cards .isotope-item .item-mg {
    position: relative;
    cursor: default;
    overflow: hidden;
    height: 353px;
  }
  .isotope.grid-cards .isotope-item .item-mg .img {
    position: absolute;
    top: 0;
    height: 227px;
    background-position: 0 0;
  }
  .isotope.grid-cards .isotope-item .item-mg .header {
    background-color: #fff;
  }
  .isotope.grid-cards .isotope-item .item-mg:hover {
    background-color: #fff !important;
  }
  .isotope.grid-cards .isotope-item .item-mg:hover .img {
    background-position: 0 0;
  }
  .isotope.grid-cards .isotope-item .item-mg:hover .arrow {
    border-color: transparent transparent #fff transparent;
  }
  .isotope.grid-cards .isotope-item .item-mg .overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    min-height: 125px;
    padding-bottom: 6px;
    padding-top: 22px;
    background: url(../imgs/bg/arrow_transparent.png) 0 0 no-repeat;
  }
  .isotope.grid-cards .isotope-item .hide-content {
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background-color: #fff;
  }
  .isotope.grid-cards .isotope-item .hide-content:before,
  .isotope.grid-cards .isotope-item .hide-content:after {
    content: " ";
    display: table;
  }
  .isotope.grid-cards .isotope-item .hide-content:after {
    clear: both;
  }
  .isotope.grid-cards .isotope-item .hide-content {
    *zoom: 1;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    border-bottom: 1px solid #dddedd;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a, .isotope .isotope-item .sub-title .new-window{
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    font: 14px/100% "petrobras_sansxbold";
    color: #006298;
    text-decoration: none;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a:before {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 6px;
    height: 8px;
    margin-right: 5px;
    background-position: -211px -175px;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a:before:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a:hover, .isotope .isotope-item .sub-title .new-window:hover {
    color: #858585;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a:hover:before {
    background-position: -217px -175px;
  }
  .isotope.grid-cards .isotope-item.width-4 .list-sub-pages li {
    float: left;
    width: 184px;
    margin-right: 60px;
  }
  .isotope.grid-cards .isotope-item.width-3 .list-sub-pages li {
    float: left;
    width: 148px;
    margin-right: 21px;
  }
  .isotope.grid-cards .isotope-item.type-2 .container {
    position: absolute;
    width: 900px;
  }
  .isotope.grid-cards .isotope-item.type-2 .img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .isotope.grid-cards .isotope-item.type-2 .header {
    float: left !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .list-sub-pages {
    float: left;
    width: 150px;
    padding: 22px 35px 0 0;
    background-color: transparent !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .list-sub-pages li {
    float: none;
    display: block;
    width: 150px;
  }
  .isotope.grid-cards .isotope-item.type-2:hover .img {
    width: 185px !important;
  }
  .isotope.grid-cards .sub-title {
    margin-top: 0;
  }
  .full-slider {
    display: none;
    position: fixed !important;
    z-index: 1000 !important;
    left: 0 !important;
    top: 0 !important;
    background: url(../imgs/bg/bg_full_slider.png) !important;
    width: 100% !important;
    height: 100% !important;
  }
  .rsBullets {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: auto;
    margin: 4px auto;
    text-align: center;
    overflow: hidden;
  }
  .rsBullet {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 5px;
    border-radius: 12px;
    background-color: #fdc82f;
  }
  .rsBullet:hover {
    background-color: #0079bc;
  }
  .rsBullet.rsNavSelected {
    cursor: default;
    background-color: #006298;
  }
  .rsArrowLeft,
  .rsArrowRight {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -webkit-border-top-left-radius: 21px;
    -moz-border-radius-topright: 21px;
    -moz-border-radius-bottomright: 21px;
    -moz-border-radius-bottomleft: 21px;
    -moz-border-radius-topleft: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 42px;
    height: 42px;
    background-color: #fdc82f;
  }
  .rsArrowLeft:before,
  .rsArrowRight:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .rsArrowLeft:hover,
  .rsArrowRight:hover {
    background-color: #0079bc;
  }
  .rsArrowLeft {
    left: 20px;
    background-position: 0 -82px;
  }
  .rsArrowRight {
    right: 20px;
    background-position: -42px -82px;
  }
  .rsPreloader {
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    background: url(../imgs/bg/loader02.gif) center no-repeat;
  }
  .close-gallery {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 21px;
    -webkit-border-bottom-right-radius: 21px;
    -webkit-border-bottom-left-radius: 21px;
    -webkit-border-top-left-radius: 21px;
    -moz-border-radius-topright: 21px;
    -moz-border-radius-bottomright: 21px;
    -moz-border-radius-bottomleft: 21px;
    -moz-border-radius-topleft: 21px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 42px;
    height: 42px;
    background-position: 0 -124px;
    background-color: #fdc82f;
  }
  .close-gallery:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .close-gallery:hover {
    background-color: #0079bc;
  }
  .new-window:after, .main-content a[target="_blank"]:after{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background-position: -211px -82px;
  }
  .new-window:after:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .pdf {
    display: inline-block;
    min-height: 21px;
    padding-left: 26px;
    background: url(../imgs/bg/ico_pdf.png) left 1px no-repeat;
  }
  .important:before {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 21px;
    height: 19px;
    margin-right: 8px;
    background-position: -170px -132px;
  }
  .important:before:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .ico-product {
    float: left;
    margin: 5px 20px 10px 0 !important;
  }
  .ico-more:before {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-right: 3px;
    background-position: -230px -105px;
  }
  .ico-more:before:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .tabs {
    margin-bottom: 10px;
  }
  .tabs .list-tabs {
    height: 32px;
    margin: 20px 0 30px;
    padding: 0;
    list-style: none;
    background: #ffffff url(../imgs/bg/tabs.gif) left bottom repeat-x;
  }
  .tabs .list-tabs:before,
  .tabs .list-tabs:after {
    content: " ";
    display: table;
  }
  .tabs .list-tabs:after {
    clear: both;
  }
  .tabs .list-tabs {
    *zoom: 1;
  }
  .tabs .list-tabs a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    padding: 6px 43px 4px 44px;
    font: 14px "petrobras_sansxbold";
    color: #858585;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #d9d9d9;
    background-color: #ececec;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  .tabs .list-tabs li {
    float: left;
    position: relative;
    margin-bottom: 0;
  }
  .tabs .list-tabs li.on {
    top: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
    background-color: #fff;
  }
  .tabs .list-tabs li.on a {
    color: #006298;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background-color: #fff;
  }
  .tabs .list-tabs li:hover a {
    color: #0079bc;
  }
  .tabs .content-tab {
    clear: both;
  }
  .tabs .content-tab:before,
  .tabs .content-tab:after {
    content: " ";
    display: table;
  }
  .tabs .content-tab:after {
    clear: both;
  }
  .tabs .content-tab {
    *zoom: 1;
  }
  .tabs .content-tab .sub-title:first-of-type {
    margin-top: 0;
  }
  .accordion {
    margin-bottom: 20px;
  }
  .accordion > h1,
  .accordion > h2,
  .accordion > h3 {
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
  }
  .accordion > h1:before,
  .accordion > h2:before,
  .accordion > h3:before,
  .accordion > h1:after,
  .accordion > h2:after,
  .accordion > h3:after {
    content: " ";
    display: table;
  }
  .accordion > h1:after,
  .accordion > h2:after,
  .accordion > h3:after {
    clear: both;
  }
  .accordion > h1,
  .accordion > h2,
  .accordion > h3 {
    *zoom: 1;
  }
  .accordion > h1 a,
  .accordion > h2 a,
  .accordion > h3 a {
    display: block;
    padding: 0 0 0 40px;
    min-height: 27px;
    font: 14px "petrobras_sansxbold", arial, sans-serif;
    line-height: 1.7;
    color: #858585;
    position: relative;
  }
  .accordion > h1 span,
  .accordion > h2 span,
  .accordion > h3 span {
    float: right;
    padding: 4px 4px 0 0;
    font: 13px/100% "petrobras_sansxbold", arial, sans-serif;
    color: #858585;
  }
  .accordion > h1 a:before,
  .accordion > h2 a:before,
  .accordion > h3 a:before {
    background: url(../imgs/bg/sprite_v.png) 0 -401px no-repeat;
    content: " ";
    display: block;
    height: 27px;
    left: 0;
    position: absolute;
    width: 29px;
  }
  .accordion .acc-content {
    display: none;
    padding: 30px 20px 30px 30px;
    background: #F8F8F8;
  }
  .accordion.active > h1 a:before,
  .accordion.active > h2 a:before,
  .accordion.active > h3 a:before {
    background-position: 0 -453px;
  }
  .accordion.active .acc-content {
    display: block;
    margin: -1px 0 0;
    background: #f8f8f8 url(../imgs/bg/accordion.png) no-repeat;
  }
  .grid-1-2 .accordion.active .acc-content {
    background: #f8f8f8 url(../imgs/bg/accordion2.jpg) no-repeat;
  }
  .accordion:first-of-type {
    margin-top: 28px;
  }
  .accordion .sub-title-2:first-of-type {
    margin-top: 0;
  }
  .accordion .table-2 th {
    background-color: #eee!important;
  }
  .box-highlight {
    clear: both;
    margin-bottom: 30px;
    padding: 20px 30px 5px;
    background-color: #f8f8f8;
  }
  .box-highlight p {
    font: 13px/120% "petrobras_sansregular";
  }
  .box-highlight.left,
  .box-highlight.right {
    width: 212px;
    margin: 0 20px 15px 0;
    padding: 15px 15px 0;
  }
  .box-highlight.left p,
  .box-highlight.right p {
    font-family: "trebuchet MS";
  }
  .box-highlight.right {
    margin: 0 0 15px 20px;
  }
  .box-highlight .sub-title-2:first-of-type {
    margin-top: 0;
  }
  .box-highlight-2,
  .box-highlight-3 {
    width: 155px;
    margin-bottom: 15px;
    padding: 12px 35px 12px 10px;
    border: 1px solid #d9d9d9;
    background: url(../imgs/bg/box_detail.gif) right 12px no-repeat;
  }

  .content-tab .box-highlight-2.box-3combos{
      width: 180px;
      float: left;
      margin-right: 15px;
      min-height: 238px;
  }

  .content-tab .box-highlight-2.box-3combos.last p{
    height: 105px;
  }

  .box-highlight-2:before,
  .box-highlight-3:before,
  .box-highlight-2:after,
  .box-highlight-3:after {
    content: " ";
    display: table;
  }
  .box-highlight-2:after,
  .box-highlight-3:after {
    clear: both;
  }
  .box-highlight-2,
  .box-highlight-3 {
    *zoom: 1;
  }
  .box-highlight-2 p,
  .box-highlight-3 p {
    margin-bottom: 25px;
    font: 13px/120% "petrobras_sansregular";
  }
  .box-highlight-2 .sub-title,
  .box-highlight-3 .sub-title {
    margin-bottom: 10px;
  }
  .box-highlight-2 .sub-title:after,
  .box-highlight-3 .sub-title:after {
    content: "â€”";
    display: block;
    color: #fdc82f;
  }
  .box-highlight-2.left,
  .box-highlight-3.left {
    margin-right: 30px;
  }
  .box-highlight-2.right,
  .box-highlight-3.right {
    margin-left: 30px;
  }
  .box-highlight-3 {
    width: 322px;
    padding: 15px 33px 15px 15px;
    background: url(../imgs/bg/box_detail2.gif) right 0 no-repeat;
  }
  .box-highlight-3 p {
    margin-bottom: 8px;
  }
  .box-highlight-3 img.left {
    margin: 0 24px 0 0;
  }
  .box-highlight-3 .sub-title {
    margin-bottom: 5px;
  }
  .ajax-content {
    display: none;
    clear: both;
    margin: 20px auto;
  }
  .ajax-content.loading {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../imgs/bg/loader03.gif) center no-repeat;
  }
  .data-picture {
    width: 100%;
    min-height: 40px;
  }
  .js .data-picture {
    background: url(../imgs/bg/loader03.gif) center no-repeat;
  }
  .box-new-search {
    display: block;
    width: 379px;
    height: 60px;
    padding: 25px 0 0 335px;
    font: 14px/120% "petrobras_sansbold";
    color: #858585;
    background: url(../imgs/bg/nova_busca.jpg) center no-repeat;
  }
  .old-campaings header {
    display: table;
    width: 100%;
    margin-bottom: 5px;
  }
  .old-campaings header .sub-title-2 {
    width: 50%;
    float: left;
    margin: 0 !important;
  }
  .old-campaings header form {
    float: right;
  }
  .old-campaings header form .select-order {
    width: 100px;
    float: left;
    display: table;
  }
  .old-campaings > header {
    margin-bottom: 20px;
  }
  .old-campaings > header .sub-title-2 {
    font: 20px/100% "petrobras_sansbold";
  }
  .old-campaings img {
    margin-top: 0;
  }
  .prices {
    margin-bottom: 30px;
  }
  .prices .line-1 td,
  .prices .line-2 td {
    text-align: center;
    line-height: 120%;
    font-family: "trebuchet MS";
    font-size: 13px;
    color: #858585;
    padding: 7px 3px;
  }
  .prices .line-1 td {
    width: 25%;
  }
  .prices .line-2 td {
    background: #f8f8f8;
    text-align: center;
  }
  .box-col {
    width: 310px;
  }
  .box-border {
    padding: 10px 10px 0px;
    border: 1px solid #d9d9d9;
  }
  .box-border .sub-title-9 {
    margin-top: 0;
  }
  .social-profiles {
    position: relative;
    width: 715px;
    display: table;
  }
  .social-profiles .sub-title {
    margin-top: 0;
  }
  .social-profiles .social-profiles-header {
    position: relative;
    display: table;
    width: 715px;
    margin: 30px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
  }
  .social-profiles .social-profiles-header .sub-title {
    width: 142px;
    float: left;
  }
  .social-profiles .social-profile {
    float: left;
    margin-bottom: 40px;
    padding: 0;
    width: 715px;
  }
  .social-profiles .social-profile .other-pages {
    margin: 6px 0 3px;
    font-size: 12px;
  }
  .social-profiles .social-profile .other-pages a {
    margin-right: 10px;
  }
  .social-profiles .social-profile.s-twitter {
    width: 362px;
  }
  .social-profiles .social-profile.s-twitter .box-tweet {
    padding: 20px;
    border: 1px solid #d0f3fd;
    max-height: 315px;
  }
  .social-profiles .social-profile.s-twitter .box-tweet #list-tweets {
    padding: 0;
    margin: 0;
    list-style: none;
    font: 12px/100% 'Trebuchet MS', arial, sans-serif;
  }
  .social-profiles .social-profile.s-twitter .box-tweet #list-tweets li {
    display: table;
    margin-bottom: 12px;
  }
  .social-profiles .social-profile.s-twitter .box-tweet #list-tweets li img {
    float: left;
    margin: 0 10px 10px 0;
  }
  .social-profiles .social-profile.s-twitter .box-tweet #list-tweets li a {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    color: #008542;
  }
  .social-profiles .social-profile.s-twitter .box-tweet #list-tweets li span {
    display: block;
    margin-top: 5px;
    color: #006298;
  }
  .social-profiles .social-profile.s-facebook {
    width: 330px;
    margin-right: 20px;
  }
  .social-profiles .social-profile.s-linkedin {
    width: 333px;
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .social-profiles .social-profile.s-linkedin .IN-widget {
    float: right;
  }
  .social-profiles .social-profile.s-google {
    width: 333px;
    margin-right: 10px;
  }
  .social-profiles .social-profile.s-instagram {
    width: 372px;
    margin-bottom: 25px;
    float: right;
  }
  .social-profiles .social-profile.s-instagram #instafeed img {
    display: inline;
    width: 120px;
    height: 120px;
    margin: 0 4px 4px 0;
  }
  .social-profiles .social-profile.s-instagram .ig-b- {
    display: inline-block;
  }
  .social-profiles .social-profile.s-instagram .ig-b- img {
    visibility: hidden;
  }
  .social-profiles .social-profile.s-instagram .ig-b-:hover {
    background-position: 0 -60px;
  }
  .social-profiles .social-profile.s-instagram .ig-b-:active {
    background-position: 0 -120px;
  }
  .social-profiles .social-profile.s-instagram .ig-b-v-24 {
    width: 137px;
    height: 24px;
    background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0;
  }
  .social-profiles .social-profile.s-facts {
    height: 100px;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
  .social-profiles .social-profile.s-facts header {
    width: 140px;
    float: left;
    padding: 20px 0 0;
  }
  .social-profiles .social-profile.s-facts header .sub-title a {
    padding-right: 30px;
  }
  .social-profiles .social-profile.s-facts .grid {
    width: 240px;
    height: 90px;
    float: left;
    padding: 10px 10px 0 30px;
    border-left: 1px solid #ddd;
  }
  .social-profiles .social-profile.s-facts .grid .title-cross,
  .social-profiles .social-profile.s-facts .grid .title-cross a {
    line-height: 110%;
    font-family: "petrobras_sansbold";
    font-size: 16px;
    color: #006298;
    margin: 0;
  }
  .social-profiles .social-profile.s-facts .title {
    display: block;
    font-family: "petrobras_sansbold";
    margin: 0;
    background-position: 0 bottom;
  }
  .social-profiles .social-profile.s-facts .title a {
    font-family: "petrobras_sansbold";
  }
  .social-profiles .social-profile.s-others header {
    float: left;
    width: 245px;
  }
  .social-profiles .social-profile.s-others .others-networks {
    float: left;
    margin: 10px 0 0;
  }
  .social-profiles .social-profile.s-others .others-networks a {
    display: block;
    height: 30px;
  }
  .social-profiles .social-profile.s-others .others-networks a img {
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    -o-transition: all 0.12s linear;
    transition: all 0.12s linear;
    -webkit-transform: translateZ(0px);
  }
  .csstransforms.csstransitions .social-profiles .social-profile.s-others .others-networks a img:hover {
    transform: scale(1.19, 1.19);
    -ms-transform: scale(1.18, 1.18);
    -webkit-transform: scale(1.19, 1.19);
  }
  .social-profiles .social-profile.s-others .others-networks.slideshare a {
    margin: 0 80px;
  }

  .main-content .social-profiles a.no-bullet:after{
    background-image: none;
  }

  .wrap-video {
    clear: both;
    width: 715px;
    height: 328px;
    position: relative;
  }
  .wrap-video .image-video {
    display: block;
    width: 715px;
    height: 328px;
  }
  .wrap-video .toggle-video {
    -webkit-transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    transition: background-size 0.2s ease-in;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 715px;
    height: 328px;
    background: url(../imgs/bg/play-bg-01.png) center no-repeat;
    background-size: 136px 136px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
  }
  .wrap-video .toggle-video:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .wrap-video .toggle-video:hover {
    background-size: 150px 150px;
  }
  .wrap-video .wrap-iframe {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
  }
  .wrap-video.small {
    width: 342px;
    height: 192px;
  }
  .wrap-video.small .image-video {
    width: 342px;
    height: 192px;
  }
  .wrap-video.small .toggle-video {
    width: 342px;
    height: 192px;
    background: url(../imgs/bg/play-bg-02.png) center no-repeat;
  }
  .wrap-video.small.left {
    margin: 0 20px 15px 0;
  }
  .wrap-video.small.right {
    margin: 0 0 15px 20px;
  }
  .col-youtube .wrap-video {
    width: 620px;
    height: 434px;
  }
  .col-youtube .wrap-video .image-video {
    width: 620px;
    height: 434px;
  }
  .col-youtube .wrap-video .toggle-video {
    width: 620px;
    height: 434px;
  }
  .addthis {
    /*
        background:url(../imgs/bg/social-line.png) -289px bottom no-repeat;
        .clear() ;
        display:table;
        height:20px;
        margin:22px 0 30px;
        position:relative;
        width:100%;
       */
       width: 100%;
      float: left;
      margin-bottom: 10px;
  }
  .addthis .addthis_toolbox {
    float: left;
    width: 468px;
  }
  .filter-operations {
    margin-bottom: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddedd;
  }
  .filter-operations:before,
  .filter-operations:after {
    content: " ";
    display: table;
  }
  .filter-operations:after {
    clear: both;
  }
  .filter-operations {
    *zoom: 1;
  }
  .filter-operations .operations {
    float: left;
    width: 556px;
  }
  .filter-operations .operations .list-buttons {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
  }
  .filter-operations .operations .list-buttons:before,
  .filter-operations .operations .list-buttons:after {
    content: " ";
    display: table;
  }
  .filter-operations .operations .list-buttons:after {
    clear: both;
  }
  .filter-operations .operations .list-buttons {
    *zoom: 1;
  }
  .filter-operations .operations .list-buttons li {
    float: left;
    width: 134px;
    margin: 0 5px 5px 0;
  }
  .filter-operations .states {
    float: left;
    width: 159px;
  }
  .mini-map-container figure,
  .mini-map-container img {
    margin-top: 0;
  }
  .novos-empreendimentos a {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 132px;
    height: 35px;
    padding: 36px 0 0 128px;
    font: 17px/100% "petrobras_sansregular";
    color: #858585;
  }
  .novos-empreendimentos a:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .novos-empreendimentos a:before {
    display: none;
  }
  .novos-empreendimentos .refinery {
    background-position: 0 -196px;
  }
  .novos-empreendimentos .exploration {
    width: 300px;
    background-position: 0 -267px;
  }
  .map-operations {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    min-height: 660px;
    overflow: visible;
  }
  .map-operations:before,
  .map-operations:after {
    content: " ";
    display: table;
  }
  .map-operations:after {
    clear: both;
  }
  .map-operations {
    *zoom: 1;
  }
  .map-operations #croft-map {
    width: 715px;
    height: 600px;
    margin: 25px 0 35px;
  }
  .map-operations #croft-map img {
    margin: 0;
  }
  .map-operations .list-check {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
  }
  .map-operations .list-check:before,
  .map-operations .list-check:after {
    content: " ";
    display: table;
  }
  .map-operations .list-check:after {
    clear: both;
  }
  .map-operations .list-check {
    *zoom: 1;
  }
  .map-operations .list-check li {
    float: left;
    width: 169px;
    margin: 0 9px 10px 0;
  }
  .map-operations .tooltip-map p {
    margin-bottom: 5px;
  }
  .map-operations .tooltip-map img {
    margin: 0;
  }
  .map-operations .tooltip-map .sub-title-2 {
    margin-bottom: 15px;
  }
  .map-operations.closed {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    min-height: 0;
    height: 0;
    overflow: hidden;
  }
  .map-operations .map-overlay {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
  }
  .map-operations .sub-title-2 {
    margin-top: 0;
  }
  .mini-map {
    position: relative;
    float: right;
    width: 223px;
    margin-left: 20px;
    cursor: pointer;
    border: 1px solid #c0c1c0;
  }
  .mini-map img {
    margin: 0;
  }
  .mini-map .expand {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    top: 5px;
    left: 5px;
    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .mini-map:hover .expand {
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
  }
  .mini-map .overlay-mini-map {
    position: absolute;
    z-index: 300;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15px;
  }
  .toggle-map {
    clear: both;
    margin-bottom: 30px;
    background: url(../imgs/bg/toggle_map.gif) center no-repeat;
  }
  .toggle-map .button {
    width: 160px;
    margin: 0 auto;
    padding: 9px 0 8px;
    font-size: 12px;
  }
  .toggle-map .button span {
    position: relative;
    padding-right: 19px;
  }
  .toggle-map .button span:after {
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    -o-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
  }
  .toggle-map.open .button span:after {
    top: 5px;
    border-color: #006298 transparent transparent transparent;
    border-width: 6px;
    border-style: solid;
  }
  .toggle-map.close .button span:after {
    top: -1px;
    border-color: transparent transparent #006298 transparent;
    border-width: 6px;
    border-style: solid;
  }
  .toggle-map:hover.open .button span:after {
    border-color: #fff transparent transparent transparent;
  }
  .toggle-map:hover.close .button span:after {
    border-color: transparent transparent #fff transparent;
  }
  .infographic {
    position: relative;
  }
  .infographic a {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    display: block;
    position: absolute;
  }
  .infographic a:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .infographic.areas-atuacao {
    width: 715px;
    height: 526px;
    background: url(../imgs/uploads/info_areas_de_atuacao.jpg) 0 0 no-repeat;
  }
  .infographic.areas-atuacao .geracao-energia-eletrica {
    left: 514px;
    top: 15px;
    width: 184px;
    height: 89px;
  }
  .infographic.areas-atuacao .petroquimica {
    left: 285px;
    top: 93px;
    width: 170px;
    height: 85px;
  }
  .infographic.areas-atuacao .exploracao-producao {
    left: 12px;
    top: 203px;
    width: 175px;
    height: 82px;
  }
  .infographic.areas-atuacao .refino-petroleo-gas {
    left: 285px;
    top: 208px;
    width: 179px;
    height: 81px;
  }
  .infographic.areas-atuacao .distribuicao {
    left: 514px;
    top: 208px;
    width: 162px;
    height: 81px;
  }
  .infographic.areas-atuacao .producao-biocombustiveis {
    left: 406px;
    top: 313px;
    width: 185px;
    height: 85px;
  }
  .infographic.areas-atuacao .transporte-comercializacao {
    left: 308px;
    top: 429px;
    width: 187px;
    height: 87px;
  }
  .infographic.tipos-plataformas {
    width: 715px;
    height: 485px;
    background: url(../imgs/uploads/info_tipos_de_plataformas.jpg) 0 0 no-repeat;
  }
  .infographic.tipos-plataformas .plataformas-fixas {
    left: 36px;
    top: 157px;
    width: 172px;
    height: 86px;
  }
  .infographic.tipos-plataformas .plataformas-fpso {
    left: 224px;
    top: 157px;
    width: 171px;
    height: 86px;
  }
  .infographic.tipos-plataformas .navios-sonda {
    left: 36px;
    top: 260px;
    width: 140px;
    height: 85px;
  }
  .infographic.tipos-plataformas .plataformas-semisubmersiveis {
    left: 224px;
    top: 260px;
    width: 210;
    height: 90px;
  }
  .infographic.tipos-plataformas .plataformas-autoelevaveis {
    left: 36px;
    top: 370px;
    width: 210px;
    height: 86px;
  }
  .infographic.agregacao-de-valor {
    width: 715px;
    height: 467px;
    background: url(../imgs/uploads/info_algas_que_movem_motores.jpg) 0 0 no-repeat;
  }
  .infographic.agregacao-de-valor .saiba-como {
    left: 255px;
    top: 369px;
    width: 180px;
    height: 44px;
  }
  .infographic.arla-32 .desc {
    position: absolute;
    right: 0;
    top: 22px;
    width: 265px;
  }
  .infographic.gas-natural .desc {
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
  }
  .infographic.diesel-verana .desc {
    position: absolute;
    right: 0;
    top: 68px;
    width: 283px;
  }
  .infographic.diesel-maritimo .desc {
    position: absolute;
    right: 0;
    top: 45px;
    width: 232px;
  }
  .organogram {
    display: table;
    position: relative;
    width: 800px;
  }
  .organogram .overlay {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    display: none;
  }
  .organogram .o-item {
    z-index: 1;
    width: 100%;
    position: relative;
  }
  .organogram .o-item header {
    margin: auto;
    display: block;
    text-align: center;
    background: url(../imgs/bg/line-organogram-1.jpg) center bottom no-repeat;
  }
  .organogram .o-item header h1,
  .organogram .o-item header h1 a,
  .organogram .o-item header h1 a:hover {
    font: 14px 'petrobras_sansregular', sans-serif;
    color: #7d9aaa;
    text-decoration: none;
    position: relative;
  }
  .organogram .o-item header h1 a:hover {
    color: #b2aea9;
  }
  .organogram .o-item .tooltip {
    display: block;
    position: absolute;
    width: 120px;
    text-align: center;
    font: 10px/100% 'petrobras_sansregular', sans-serif;
    color: #008542;
  }
  .organogram .o-item .tooltip:before,
  .organogram .o-item .tooltip:after {
    content: " ";
    display: table;
  }
  .organogram .o-item .tooltip:after {
    clear: both;
  }
  .organogram .o-item .tooltip {
    *zoom: 1;
  }
  .organogram .o-item .tooltip .box {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*-moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;*/
  display:none;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    padding: 5px;
    border: 1px solid #d2d1cf;
    background-color: #fff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  .organogram .o-item .tooltip .box.b-1 {
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s;
  }
  .organogram .o-item .tooltip .box.b-2 {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s;
  }
  .organogram .o-item .tooltip .box.b-3 {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s;
  }
  .organogram .o-item .tooltip p {
    font: 10px 'petrobras_sansregular', sans-serif;
  }
  .organogram .o-item .tooltip b {
    font: 10px 'petrobras_sansbold', sans-serif;
    color: #858585;
    display: block;
    padding-bottom: 3px;
  }
  .organogram .o-item .tooltip .c-tool {
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    background: #fff;
    top: -10px;
    right: -10px;
    font: 12px 'petrobras_sansregular', sans-serif;
    padding: 2px 6px;
    border: 1px solid #333;
  }
  .organogram .o-item .tooltip.active {
    display: block;
  }
  .organogram .o-item .tooltip.bottom {
    left: 0;
    top: 100%;
  }
  .organogram .o-item .tooltip.top {
    bottom: 100%;
    left: 0;
  }
  .organogram .o-item .tooltip.left {
    right: 104%;
    top: 0;
  }
   .organogram .o-item .tooltip.top-header
  right: 115%;
    top: -44px;
  }
  .organogram .o-item .tooltip.right {
    left: 104%;
    top: 0;
  }
  .organogram .o-item.active .tooltip .box {
    /*-moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;*/
  display:block;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .organogram .o-item.active {
    z-index: 4;
  }
  .organogram .o-item.conselho-fiscal {
    padding: 0 0 18px 0;
    background: url(../imgs/bg/line-organogram-v-1.png) center bottom no-repeat;
  }
  .organogram .o-item.conselho-fiscal .tooltip {
    display: block;
    width: 576px;
    top: 55%;
    left: 50%;
    margin-left: -286px;
    padding: 0;
    border: none;
    background: none;
  }
  .organogram .o-item.conselho-fiscal .tooltip:before,
  .organogram .o-item.conselho-fiscal .tooltip:after {
    content: " ";
    display: table;
  }
  .organogram .o-item.conselho-fiscal .tooltip:after {
    clear: both;
  }
  .organogram .o-item.conselho-fiscal .tooltip {
    *zoom: 1;
  }
  .organogram .o-item.conselho-fiscal .tooltip .box {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
    width: 170px;
    margin: 0 5px;
    padding: 15px 5px 0;
    border: 1px solid #d2d1cf;
    background-color: #fff;
  }
  .organogram .o-item.conselho-administracao {
    padding: 0 0 128px 0;
    background: url(../imgs/bg/line-organogram-v-2_new.png) center bottom no-repeat;
  }
  .organogram .o-item.conselho-administracao .tooltip {
    display: block;
    width: 424px;
    top: 55%;
    left: 50%;
    margin-left: -212px;
    padding: 0;
    border: none;
    background: none;
  }
  .organogram .o-item.conselho-administracao .tooltip:before,
  .organogram .o-item.conselho-administracao .tooltip:after {
    content: " ";
    display: table;
  }
  .organogram .o-item.conselho-administracao .tooltip:after {
    clear: both;
  }
  .organogram .o-item.conselho-administracao .tooltip {
    *zoom: 1;
  }
  .organogram .o-item.conselho-administracao .tooltip .box {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
    width: 190px;
    margin: 0 5px;
    padding: 15px 5px 0;
    border: 1px solid #d2d1cf;
    background-color: #fff;
  }
  .organogram .o-item.ouvidoria-geral {
        margin-left: 102px;
    width: 250px;
    display: inline-block;
    float: left;
    margin-top: -73px;
    padding: 0 81px 18px 0;
    box-sizing: border-box;
    background-position: right top;
  }
  .organogram .o-item.ouvidoria-geral header h1 a{color: #a8b400;}
  .organogram .o-item.ouvidoria-geral .tooltip {
    left: 31%;
    top: 55%;
    width: 130px;
    padding: 0;
    float: left;
    font: 10px/100% 'Trebuchet MS', sans-serif;
    color: #858585;
    text-align: center;
  }
  .organogram .o-item.ouvidoria-geral .tooltip img {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #fcc72e;
    width: 62px;
    height: 58px;
    display: block;
    margin: 2px auto 5px;
  }
  .organogram .o-item.ouvidoria-geral .tooltip .desc {
    padding: 5px;
    border: 1px solid #d2d1cf;
    background-color: #fff;
  }
  .organogram .o-item.ouvidoria-geral .tooltip .box {
    border: none;
    background: none;
  }

  /*inicio secretaria geral */

 .organogram .o-item.secretaria-geral {

    width: 250px;
    display: inline-block;
    float: right;
    margin-top: 51px;
    box-sizing: border-box;
    background-position: right top;
  }
  .organogram .o-item.secretaria-geral .tooltip {
    left: 31%;
    top: 102%;
    width: 130px;
    padding: 0;
    float: left;
    font: 10px/100% 'Trebuchet MS', sans-serif;
    color: #858585;
    text-align: center;
  }
  .organogram .o-item.secretaria-geral .tooltip img {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #fcc72e;
    width: 62px;
    height: 58px;
    display: block;
    margin: 2px auto 5px;
  }
  .organogram .o-item.secretaria-geral .tooltip .desc {
    padding: 5px;
    border: 1px solid #d2d1cf;
    background-color: #fff;
  }
  .organogram .o-item.secretaria-geral .tooltip .box {
    border: none;
    background: none;
  }

  /*Fim secretaria geral*/
   .organogram .o-item.auditoria-interna {
        width: 250px;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    margin-right: 62px;
    margin-top: -41px;
    padding: 0 0 18px -83px;
  }
  .organogram .o-item.auditoria-interna .tooltip {
    left: 50%;
    margin-left: -60px;
    padding: 0;
  }
  /*.organogram .o-item.ouvidoria-geral {
    background-position: right top;
    width: 357px;
  }*//*
  .organogram .o-item.auditoria-interna {
    width: 357px;
  }*/
  .organogram .o-item.presidencia{top:-6px}
  .organogram .o-item.presidencia header h1 a{color: #006298;}
  .organogram .o-item.diretoria-executiva {
    padding: 0 0 18px 0;
   /* background: url(../imgs/bg/line-organogram-v-1.png) center bottom no-repeat;*/
    display: table;
  }
  .organogram .o-item.diretoria-executiva.exp {
    z-index: 4;
  }
  .organogram .o-item.diretoria-executiva.exp .members {
    position: absolute;
  }
  .organogram .o-item.diretoria-executiva.exp .members .member {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .organogram .o-item.diretoria-executiva.exp .members .member strong {
    font-size: 11px;
    line-height: 100%;
  }
  .organogram .o-item.diretoria-executiva .members {
    position: absolute;
    display: none;
    width: 100%;
    padding: 0 0 10px 0;
  }
  .organogram .o-item.diretoria-executiva .members .member {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    width: 90px;
    padding: 5px 6px;
    float: left;
    font: 10px/100% 'Trebuchet MS', sans-serif;
    color: #858585;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  .organogram .o-item.diretoria-executiva .members .member img {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #fcc72e;
    width: 62px;
    height: 58px;
    display: block;
    margin: 2px auto 5px;
  }
  .organogram .o-item.diretoria-executiva .members .member.m1 {
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m2 {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m3 {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m4 {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m5 {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    transition-delay: .45s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m6 {
    -webkit-transition-delay: .55s;
    -moz-transition-delay: .55s;
    transition-delay: .55s;
  }
  .organogram .o-item.diretoria-executiva .members .member.m7 {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    transition-delay: .65s;
  }
  .organogram .o-item.diretoria-executiva .members .member .desc {
    min-height: 70px;
    padding: 5px;
    border: 1px solid #d2d1cf;
    background-color: #fff;
  }
  .organogram .o-item.presidencia .president {
    display: none;
    margin: auto;
    width: 150px;
    padding: 5px;
    font: 11px/140% 'Trebuchet MS', sans-serif;
    color: #858585;
    text-align: center;
  }
  .organogram .o-item.presidencia .president img {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #fcc72e;
    width: 107px;
    height: 100px;
    display: block;
    margin: 2px auto 5px;
  }
  .organogram .o-item.presidencia .president .desc {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    padding: 5px;
    border: 1px solid #d2d1cf;
    background-color: #fff;
    font-size: 10px;
    line-height: 120%;
  }
  .organogram .o-item.others-functions {
   height: 113px;
    background: url(../imgs/bg/PT.png) center center no-repeat;
    z-index: 3;
    left: 2px;
    top: -15px;
    background-size: 634px 118px;
  }

  .organogram .o-item.others-functions .background-en-rodape{
    height: 113px;
     background: url(../imgs/bg/EN.png) center center no-repeat;
     z-index: 3;
     left: 2px;
     top: -15px;
     background-size: 634px 118px;
   }
  .organogram .o-item.others-functions .overlay {
    top: -5px;
    padding-top: 5px;
  }
  .organogram .o-item.estrategia-corporativa {
    position: absolute;
    width: 200px;
    top: 31px;
    right: 484px;
  }

.organogram .o-item.gabinete-presidencia {
    position: absolute;
    width: 200px;
    top: -13px;
    right: 482px;
  }

 .organogram .o-item.gerencia-inteligencia {
    position: absolute;
    width: 286px;
    left:489px;
    top: -10px;
 }

 .organogram .o-item.gerencia-inteligencia header {
    text-align: left;
    background: none;
  }

  .organogram .o-item.intelligence-management {
    position: absolute;
    width: 298px;
    right: -99px;
    top: 7px;

 }

 .organogram .o-item.intelligence-management header{
     text-align: left;
     background: none;
 }

 .organogram .o-item.comunicacao-empresarial {
    position: absolute;
    width: 200px;
    top: 40px;
    right: 0;
}
  .organogram .o-item.gabinete-presidencia header{
    /*text-align: right;
    background: none;*/
  }

  .organogram .o-item.estrategia-corporativa header, .organogram .o-item.gabinete-presidencia header{
    text-align: right;
    background: none;
  }
  .organogram .o-item.desempenho-empresarial {
    position: absolute;
    width: 200px;
    top: 8px;
    left: 0;
  }


  .organogram .o-item.desempenho-empresarial header {
    text-align: right;
    background: none;
  }
  .organogram .o-item.novos-negocios {
    position: absolute;
    width: 200px;
    top: 33px;
    left: 0;
  }
  .organogram .o-item.novos-negocios header {
    text-align: right;
    background: none;
  }
  .organogram .o-item.juridico {
    position: absolute;
    width: 200px;
    top: 16px;
    left: 550px;
 }
  .organogram .o-item.juridico header {
    text-align: left;
    background: none;
  }
  .organogram .o-item.comunicacao-empresarial {
    position: absolute;
    width: 200px;
    top: 42px;
    left: 550px;
  }
  .organogram .o-item.comunicacao-empresarial header {
    text-align: left;
    background: none;
  }
  .organogram .o-item.gabinete-presidente {
    position: absolute;
    width: 286px;
    top: 63px;
    left: 0px;
  }
  .organogram .o-item.gabinete-presidente header {
    text-align: right;
    background: none;
  }
  .organogram .o-item.secretaria-geral {
    position: absolute;
    width: 286px;
    top: 64px;
    right: 37px;
  }
  .organogram .o-item.secretaria-geral header h1 a{color: #a8b400;}
  .organogram .o-item.list {
    float: left;
    display: table;
    width: 85px;
    padding: 5px;
    font: 11px 'Trebuchet MS', sans-serif;
    text-align: center;
    background: url(../imgs/bg/line-organogram-v-5.png) right top repeat-y;
    z-index: 3;
    top: -22px;
  }

  .en .organogram .o-item.list {
    width: 85px;
  }

  .organogram .o-item.list.last {
    width: 80px;
    margin: 0;
  }

  .organogram .o-item.list header h1{color:#006298}
  .organogram .o-item.list .tooltip {
    left: -50px;
    margin: 3px 0 0 33px;
    color: #008542;
  }
  .organogram .o-item.list.last {
    background: none;
  }
  .organogram .o-item.list header {
    padding: 10px 0;
  }
  .organogram .o-item.list header h1 {
    font: 11px 'Trebuchet MS', sans-serif;
    font-weight: bold;
  }
  .organogram .o-item.list a {
    font: 11px/100% 'Trebuchet MS', sans-serif;
    color: #7d9aaa;
    text-decoration: none;
    background: url(../imgs/bg/line-organogram-1.jpg) center bottom no-repeat;
    position: relative;
    padding: 10px 0;
    display: block;
  }

  .organogram .o-item.list a .pointer{
    font-size: 11px;
    color: #fdc82f!important;
    border: 2px dotted #fdc82f;
    display: block;
    padding: 3px 5px;
  }

  .organogram .o-item.list a:hover {
    color: #b2aea9;
  }
  .organogram .o-item.list .item-list {
    position: relative;
  }
  .organogram .o-item.list .item-list.active {
    z-index: 3;
  }
  .organogram .o-item.list .item-list.active .tooltip .box {
    /*-moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;*/
  display:block;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .organogram .o-item.list .after:after {
    content: "x";
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
  }
  .organogram .o-item .after:after {
    content: "x";
    position: absolute;
    top: -10px;
    right: -7px;
    font-size: 14px;
  }
  .green{color:#a8b400!important}
  .yellow{color:#fdc82f!important}
  .black{color:#675c53!important}
   .blue{color:#006298!important}

   .legenda-green{background-color:#a8b400!important}
      .legenda-yellow{background-color:#fdc82f!important}
       .legenda-black{background-color:#675c53!important}
        .legenda-blue{background-color:#006298!important}
  .o-p{cursor:pointer;}
dt {
width: 20px;
height: 5px;
display: inline-block;
overflow: hidden;
border: 1px solid #000;
}
dd {
display: inline-block;
width: 162px;
margin: 0 0 0 5px;
    font: 11px/100% 'Trebuchet MS', sans-serif;
}
.width-101{width: 101px;}
.width-102{width: 102px;}
.width-106{width: 106px;}
  .relatorios-anteriores .sub-title-2 {
    margin-bottom: 12px;
  }
  .selecoes-publicas .grid-1-3 {
    margin-bottom: 30px !important;
  }
  .selecoes-publicas img {
    margin-bottom: 12px;
  }
  .selecoes-publicas p {
    margin-bottom: 0;
  }
  .gas-natural {
    clear: both;
    margin-bottom: 55px;
  }
  .pie-chart {
    position: relative;
  }
  .col-perfil-1 {
    position: relative;
    float: left;
    width: 435px;
  }
  .col-perfil-1 .pie-chart {
    margin-top: 20px;
  }
  .col-perfil-2 {
    float: left;
    width: 280px;
  }
  .col-perfil-2 .pie-chart {
    margin-bottom: 15px;
  }
  .legend-ptotal {
    position: absolute;
    left: 290px;
    top: 75px;
  }
  .val-ptotal {
    position: absolute;
    width: 90px;
    height: 50px;
    left: 225px;
    top: 105px;
    line-height: 100%;
    color: #665c53;
  }
  .val-ptotal strong {
    font-size: 29px;
    font-family: 'petrobras_sansxbold';
    font-weight: normal;
  }
  .val-ptotal span {
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
  }
  .val-ptotal.val-2 {
    left: 240px;
    top: 170px;
  }
  .legend-p {
    position: absolute;
    left: 200px;
    top: 10px;
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
  }
  .val-p {
    position: absolute;
    width: 75px;
    height: 45px;
    left: 150px;
    top: 50px;
    line-height: 100%;
    color: #665c53;
  }
  .val-p strong {
    font-size: 24px;
    font-family: 'petrobras_sansxbold';
    font-weight: normal;
  }
  .val-p span {
    font-size: 9px;
    font-family: arial;
    font-weight: bold;
  }
  .val-p.val-2 {
    left: 165px;
    top: 105px;
  }
  .chart-efetivos {
    width: 715px;
    height: 430px;
    margin-bottom: 40px;
  }
  .lista-concurso {
    list-style: none;
    width: 100%;
  }
  .lista-concurso li {
    width: 100%;
  }
  .lista-concurso li strong {
    width: 45%;
    margin-right: 10px;
    padding: 0 5px 12px;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
    display: inline-block;
  }
  .lista-concurso-2 {
    list-style: none;
    width: 100%;
  }
  .lista-concurso-2 li {
    width: 100%;
  }
  .lista-concurso-2 li strong {
    width: 42%;
    margin-right: 10px;
    padding: 0 5px 12px;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
    display: inline-block;
    text-align: right;
  }
  .lista-concurso-3 {
    list-style: none;
    width: 100%;
  }
  .lista-concurso-3 li {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .lista-concurso-3 li strong {
    width: 42%;
    margin-right: 10px;
    padding: 0 5px 12px;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
    display: inline-block;
  }
  .lista-concurso-4 {
    list-style: none;
    width: 100%;
  }
  .lista-concurso-4 li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: right;
  }
  .lista-concurso-4 li strong {
    width: 42%;
    margin-right: 10px;
    padding: 0 5px 12px;
    font: 14px/100% "petrobras_sansxbold";
    font-weight: bold;
    color: #008542;
    display: inline-block;
    float: left;
    text-align: left;
  }
  .infoText {
    position: relative;
    bottom: 40px;
    left: 30px;
    font-family: petrobras_sanslight;
    font-size: 12px;
    font-weight: bold;
    fill: #808080;
  }
  #abaFinalizado .button,
  #abaProvasGabaritos .button {
    height: 24px !important;
  }
  #abaProvasGabaritos .button {
    float: left !important;
    margin-left: 0px;
  }
  #abaFinalizado .label-radio {
    min-height: 25px;
  }
  #select-formation strong.margemNomeCarreira {
    margin-top: 20px;
  }
  #content-tab-provas-e-gabaritos .button {
    margin-left: 10px;
  }
  #content-tab-concursos-finalizados .custom-select,
  #content-tab-concursos-finalizados #comboAnoConcursosFinalizados {
    margin-bottom: 10px;
    width: 164px;
  }
  #content-tab-concursos-finalizados .fake-select {
    padding-right: 0;
  }
  .select-role {
    margin-right: 55px;
  }
  #underChart {
    width: 825px;
    font-size: 11px;
    line-height: 25px;
    color: #ffffff;
    float: left;
    position: relative;
    left: -98px;
    bottom: 25px;
    display: block;
  }
  #underChart .legend {
    width: 145px;
    text-align: right;
    float: left;
    position: relative;
  }
  #underChart .legend .text {
    margin: 2px 1px;
    color: #000000;
  }
  #underChart .year {
    text-align: center;
    float: left;
    position: relative;
  }
  #underChart .year .value {
    margin: 2px;
  }
}
#campanhas-publicitarias #video-big header .sub-title-2 {
  margin: 20px 0 24px;
}
#campanhas-publicitarias #video-big header .date span {
  color: #006298;
  font: bold 11px "Trebuchet MS", arial, sans-serif;
  padding-top: 19px;
  display: block;
}
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/
#fb-root {
  display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
  height: 100%;
}
/* iPads (portrait and landscape)  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #nav .list-level1 .level1:hover .submenu {
    display: block;
  }
  #nav .submenu {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    display: none;
    min-height: 253px;
  }
}

/*Alteracoes para adequar layout ao Lumis*/

/*#nav .nossas-atividades .submenu{padding-bottom: 10px;}*/

.select-states .custom-select {margin-left: 0 !important;}
/*.js .label-radio, .js label.r-on{background: none !important;}*/
/*.js .label-check input, .js .label-radio input {left: 0;margin-right: 5px;position: inherit;}*/
.white{margin-bottom: 33px; padding-top: 10px; color: #fff !important; font: 14px/100% "petrobras_sansbold" !important; transition: background-color 0.2s linear 0s !important;}
/*#abaFinalizado .label-radio{padding-left: 0 !important; margin-top: 10px;}*/
.box-highlight{clear: both;}
.leilaoChamada{margin-bottom: 28px;}
.listaConcursosProfissoes{margin: 60px 0 30px 0; clear: both;}
.listaConcursosAndamento{margin: 30px 0; clear: both;}
.listaConcursosAndamentoArquivos{margin: 30px 0; clear: both;}
.select-state .button{color: #fff; margin-left: 0 !important; padding: 14px 45px 5px; width: 71px; height: 22px; font: 14px/100% "petrobras_sansbold" !important; transition: background-color 0.2s linear 0s !important;}
.select-state .custom-select {margin-left: 0 !important;}
/*#abaFinalizado .button, #abaProvasGabaritos .button{height: 24px !important;}*/
/*#abaProvasGabaritos .button{float: left !important; margin-left: 36px;}*/
#abaFinalizado .label-radio{min-height: 25px;}
#select-formation strong.margemNomeCarreira{margin-top: 20px;}
.button:hover{text-decoration: none !important;}
.ui-widget-content {
  background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #999999 !important;
    cursor: default !important;
    border-radius: 0 !important;
}

.ui-menu .ui-menu-item{
  overflow: hidden;
    padding: 2px 5px 2px 0;
    margin-left: 0 !important;
    padding: 0 !important;
}

.ui-menu .ui-menu-item a.ui-state-focus{
  background: #F0F0F0 !important;
  border: 0 !important;
  padding-left: 6.5px !important;
}

.ui-menu .ui-menu-item a{
  color: #858585 !important;
    font: 14px/150% "petrobras_sansregular" !important;
    white-space: nowrap !important;
  width: 100%;
    display:block;
}

.lineProgramas{padding-top:30px; border:none; border-top:1px solid #dddedd; margin-top: 26px;}
.select-presentation .custom-select{margin-left:0 !important;}
.width-1 .overlay p, .width-1 .overlay a{width: 145px;}
.news .sub-title-2:after {content: none !important;}
#abaFinalizado .custom-select, #abaFinalizado #comboAnoConcursosFinalizados{width: 164px; margin-bottom: 10px;}
#abaFinalizado .fake-select{padding-right: 0;}
#header .logo a.logo-en {
    background-image: url("../imgs/bg/sprite-en.png") !important;
    background-position: 0 0 !important;
    height: 35px !important;
    width: 185px !important;
}

a.button{
  color: #006298 !important;
}

.form-formacao .col-3 .custom-select{
    display: block !important;
}

.first-level-item .second-level .second-level-item a:hover{
  text-decoration: underline !important;
}

#footer p.title-others{
  margin: 0 !important;
}

/*AlteraÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµes do iframe de relacionamentos*/


.iframeRelacionamento{width: 100%; height:1800px;}

#nav .list-level4 {
  display: none;
}

.wrap-video.video .link-image{
  position: relative;
  width: 100%;
  height: 100%;
  top: -328px;
}

nav.engVer ul.list-level1 li:nth-child(3) ul.list-level2 li.level2:nth-child(2){
  min-height: 173px;
}

nav.engVer ul.list-level1 li:nth-child(3) ul.list-level2 li.level2:nth-child(5){
  margin-top: -22px;
}

#header nav.engVer  .list-level1 .level1.quem-somos .submenu {
  padding-bottom: 35px;
}

#header .list-level1 .level1.nossas-atividades ul.list-level2 li.level2:nth-child(2){
 /* min-height: 200px; */
}
#header .list-level1 .level1.nossas-atividades ul.list-level2 li.level2:nth-child(4){
  margin-left:67px;
 }
 

.lista-documentos {
  width: 100%;
  margin: 20px 0;
}

.lista-documentos li {
    float: left;
    margin-right: 0;
    list-style: none;
    width: 24%;
    margin: 0 1% 0 0;
}

.lista-documentos li:last-child{
  margin-right: 0;
}

.main-content p{
  line-height: 21px;
  font-size: 15px;
  margin: 25px 0;
}

.main-content #mosaic .isotope-item p{
  line-height: 15px;
  font-size: 13px;
  margin: 0;
}

.main-content a, .main-content li, .main-content span, .main-content strong, .main-content label, .main-content .social-profiles .social-profile .other-pages{
  font-size: 15px;
}

.main-content .social-profiles span.size-11{
  font-size: 24px;
}

.social-profile h1.sub-title a{
  font-size: 20px;
}

.social-profile.s-facts h1.title a{
  font-size: 24px;
  word-spacing: 6px;
}

.main-content .sub-title{
  margin: 38px 0 24px;
}

.main-content .social-profiles .sub-title{
  margin: 0 0 24px;
}

.main-content #mosaic .isotope-item .sub-title{
  margin: 20px 0 24px;
}

.sub-title-2, .sub-title-2 a{
  font-size: 16px;
}

#footer a, #footer .list-others li a{
  font-size: 15px;
}

#footer .list-others li a{
  margin-bottom: 10px;
}

#footer .title-others{
  font-size: 15px;
}

#footer ul li{
  margin-bottom: 12px;
}

#footer .list-others li {
  margin-bottom: 14px;
}

.main-content .filter-operations button span{font-size: 12px;}

.custom-select-multiple .fake-select .valign span{font-size: 13px;}

.isotope.grid-cards .isotope-item p, .isotope.grid-cards .isotope-item a{font-size: 13px;}

#highlights video {
    left: 0;
    position: absolute;
    top: 0;
}

#highlights .highlights-bg.pattern{
    background: rgba(0, 0, 0, 0) url("../imgs/bg/pattern.png") repeat scroll 0 0;
    height: 384px;
    position: absolute;
    top: 30px;
    width: 1800px;
    z-index: 1;
}

img.highlights-bg-mobile{
  display: none;
  object-fit: cover;
}

/*Nova pÃƒÆ’Ã‚Â¡gina lista empresas*/

.empresas-lista-desc{
  margin: 0;
    float: left;
    width: 100%;
  margin-bottom:20px;
}

.link-empresa{
  float: left;
  width: 342px;
  padding: 22px 0;
  border-top: 1px solid #bcbebd;
  border-bottom: 1px solid #bcbebd;
  margin: 38px 0 0 0;
}

.en .link-empresa{
  display: none;
}

.link-empresa a{
  font-family: "petrobras_sansxbold";
    color: #006298;
    font-size: 20pt;
    line-height: 33px;
    padding-left: 20px;
    float: left;
    width: 279px;
    background: url('../imgs/bg/bullet-link.png') no-repeat 0 7px;
}

.filtro-empresas{
  float: left;
  width: 100%;
}

.filtro-empresas li{
  float: left;
  margin-right: 18px;
}

.filtro-empresas li a{
  color: #858585;
  font-size: 16px;
  font-family: "petrobras_sansbold";
}

.filtro-empresas li a.pagination-filter-active{
  text-decoration: underline;
}

.main-content .title-link, .content-link .link-site-empresa{
  font: 13px/120% "trebuchet MS";
    color: #858585;
    float: left;
    display: block;
    width: 90%;
    margin-top: 25px;
}

.content-link .link-site-empresa, .main-content .title-link:hover{
  text-decoration: underline;
}

.title-link{
  background-color: transparent;
    background-image: url(../imgs/bg/ico_pdf.png);
    background-repeat: no-repeat;
    padding-left: 25px;
  height: 23px;
    float: left;
}

.main-content .content-link .link-site-empresa:after, .main-content .title-link:after{
  background-image: initial;
}

.content-link  select{
    border: 1px solid #ccc;
    height: 30px;
    background: #f8f8f8;
    color: #858585;
    margin-left: 22px;
}

.main-content .content-link  p {
    line-height: 21px;
    font-size: 14px;
    margin: 5px 0;
}

.main-content  .content-link{
  float: left;
    width: 48%;
    margin-right: 26px;
}

.main-content .content-link.select-content-link{
  height: 70px;
}

.main-content  .content-link.content-link-full{
       width: 660px;
}

.main-content  .content-link .no-bg-link, .main-content .link-site-empresa{
  float: left;
  width: 100%;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  font-style: italic;
  text-decoration: underline;
}

.main-content  .content-link .no-bg-link:hover, .main-content .link-site-empresa:hover{
  color: #006298;
}
.content-link .link-site-empresa{
  text-decoration: underline;
}

.single-link .content-link-full p span{
  display: none;
}

.main-content .single-link .content-link.content-link-full {
    width: 290px;
}

.main-content .single-link .content-link-full p a.link-site-empresa:before{
  background-color: transparent;
    border: 0;
    overflow: hidden;
    background-image: url(../imgs/bg/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-right: 10px;
    background-position: -211px -82px;
}

.main-content .single-link .content-link-full p a.link-site-empresa{
  font-style: normal;
    font-weight: normal;
    text-decoration: initial;
}

.main-content .single-link .content-link-full p a.link-site-empresa:hover{
  text-decoration: underline;
  color: #858585;
}

.main-content  .content-link .no-bg-link:after{
  background-image: none;
}

.empresas-lista-desc .accordion.active .acc-content {
    float: left;
    width: 93%;
    margin-bottom: 20px;
}

.title-link {
    background-color: transparent;
    background-image: url(../imgs/bg/ico_pdf.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: auto;
    float: left;
    min-height: 23px;
    margin-bottom: 2px;
}

.main-content  .content-link .no-bg-link:after{
  background-image: none;
}

.empresas-lista-desc .accordion.active .acc-content {
    float: left;
    width: 93%;
    margin-bottom: 20px;
}

.conteudo-sec-list{
  width: 342px;
  float: left;
  font: 13px/120% "trebuchet MS";
    color: #858585;
    line-height: 21px;
    font-size: 15px;
    border-bottom: 1px solid #dddedd;
    padding-bottom: 25px;
}

.conteudo-sec-list.box-paginatoda{
  width: 342px;
  border: 0;
}

.main-content .conteudo-sec-list .sub-title {
    margin: 15px 0 4px;
    line-height: 32px;
    font-size: 26px;
}

.conteudo-sec-list .line2{
    margin-bottom: 10px;
}

.conteudo-sec-list strong{
  color: #858585;
  font-weight: bold;
  font-size: 13px;
  width: 385px;
  float:left;
}

.link-contato-empresas{
  margin-top: 25px;
}

.main-content .acc-content .new-window, .main-content .acc-content a[target="_blank"], .main-content .relatorios-anteriores .new-window, .main-content .relatorios-anteriores a[target="_blank"]{
  white-space: initial;
}

.main-content .acc-content .new-window, .main-content .acc-content a[target="_blank"]{
  margin-bottom: 10px;
}
.sem-click{
    font: 11px/100% 'Trebuchet MS',sans-serif;
    color: #7d9aaa;
    text-decoration: none;
    background: url(/sites/default/themes/ripetrobras/images/bg/line-organogram-1.jpg) center bottom no-repeat;
    position: relative;
    padding: 10px 0;
    display: block;
}
.asterisco-legenda{
  font: 11px/100% 'Trebuchet MS',sans-serif;
    color: #858585
}

#page-full .wrapper .header-landing p{
	width: 99%;
}

#page-full h1{
	font: 30px/100% "petrobras_sansxbold";
}

#page-full .coluna-center{
	width: 605px;
    margin: 0 auto;
	float: none;
}

#page-full .sub-title{
	line-height: 25px;
}

#page-full .sub-title-2{
	margin-bottom: 3px;
	font-family: petrobras_sansbold;
    color: #333;
}

#page-full .sub-title-2 + p{
	margin-top: 0;
}

#page-full .main-content img{
	width: 100%;
}

#page-full .main-content .lista-documentos img{
  margin-bottom: 40px;
}

#page-full .main-content.full {
    width: 1047px;
    margin: 0 auto;
}

#page-full .wrapper .header-landing{
	margin-bottom: 0;
}

#page-full .content-img-transparencia{
	width: 141px;
    float: left;
}

#page-full .content-full-bottom{
	width: 100%
}

#page-full .content-full-bottom img{
	width: 100%;
	margin: 0;
}

#page-full .content-full-bottom{
	position: relative;
}

#page-full .content-full-bottom .content-titulo{
	width: 1080px;
    margin: 0 auto;
    position: absolute;
    left: 23%;
}

#page-full .content-full-bottom .content-titulo h1{
	color: #fff;
    width: 437px;
    font-size: 25px;
    margin: 116px 0 0 0;
    font-family: "petrobras_sansbold_italic";
    line-height: 30px;
	background: rgba(0, 0, 0, .7);
	padding: 4px 7px;
}

#page-full .content-full-bottom .content-titulo a{
    display: block;
    background: #008542;
    width: 105px;
    color: #fff;
    padding: 2px 0 0 10px;
    border-radius: 3px;
    font-family: "petrobras_sanslight_italic";
    margin-top: 5px;
}

#page-full .content-full-bottom .content-titulo a:after{
	border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    content: "";
    display: inline-block;
    margin: 2px 0 0 10px;
}

#page-full strong{
	color: #333;
}

#page-full .center-img{
	float: left;
	width: 100%;
}

#page-full .center-img img{
	width: 100%;
}

#iframe-video{
	display: none;
}

.content-tres-colunas{
	float: left;
	width: 100%;
}

.content-tres-colunas .coluna-item{
	float: left;
	width: 27%;
	margin-right: 9%;
}

.content-tres-colunas .coluna-item:last-child{
	margin-right: 0;
}

.borda-verde{
	border: 2px solid #008542;
	padding: 15px 15px 0px 15px;
}

.video-transparencia{
    width: 100%;
    background: url(../imgs/bg/capa-video.png) no-repeat 0 0;
    background-size: 100%;
    height: 532px;
    float: left;
    margin-bottom: 30px;
}

.video-transparencia .capa-video:hover{
	cursor: pointer;
}

#page-full .video-transparencia .capa-video{
	width: 100%;
    color: #fff;
    font-family: "petrobras_sansbold_italic";
    margin: 0 auto;
    font-size: 1.9em;
    text-align: center;
    background: url(../imgs/bg/player_video.png) no-repeat center center;
    background-size: 80px;
    height: 532px;
}

.coluna-x{
	float: left;
    width: 47%;
}

.coluna-x.first-column{
	margin-right: 6%;
}

.column-double{
	float: left;
    width: 100%;
    margin-bottom: 30px;
}

#page-full .video-transparencia .capa-video h1{
	text-align: center;
    color: #fff;
    font-family: "petrobras_sansbold_italic";
    margin: 0;
    position: relative;
    top: 353px;
	font-size: 37px;
	width: 62%;
    margin: 0 auto;
}

.video-transparencia .capa-video h1 span{
    color: rgb(253, 200, 47);
    font-size: 1em;
}

#page-full .column-x .sub-title-2 {
    margin-bottom: 3px;
    font-family: "petrobras_sansbold";
    color: #616161;
}

#page-full .sub-title-3.box-double{
	font-family: "petrobras_sansbold_italic";
    font-size: 27px;
    width: 395px;
    margin: 50px auto;
	line-height: 32px;
}

#page-full .linkgreen, #page-full .link-green, #page-full .link-sub-title strong{
	color: #008542;
}

#page-full .sub-title{
	font-size: 23px;
    font-family: petrobras_sansbold_Italic;
}

#page-full .sub-title .link-green{
	font-size: 22px;
}

#page-full .sub-title-3.box-double.full-screen-title{
	float: left;
    width: 100%;
}

#page-full .sub-title.no-margin{
	margin-bottom: 0;
}

#page-full .sub-title.no-margin + p{
	margin-top: 0;
}

#page-full .sub-title-bottom{
	font-family: petrobras_sanslight_italic;
    color: #333;
    font-size: 20px;
    margin: 80px 0 45px 0;
}

#page-full .main-content p{
	color: #333;
	font-family: petrobras_sanslight;
}

#page-full .main-content .img-zoom.link-image-trans{
	padding-top: 36px;
    margin-right: 20px;
	margin-bottom: 0;
}

#page-full .main-content .img-zoom.link-image-trans img{
	margin-bottom: 0;
}

.content-ouvidoria{
	float: left;
    width: 70%;
    background: url(../imgs/bg/alto-falante.png) no-repeat 10px 20px;
    padding-left: 160px;
    margin: 0 0 20px 0;
}

#video, #video-two{
    width: 1280px;
    height: 100%;
    display: block;
    margin: 0 auto;
}

#video:hover{
  text-decoration: none;
}

.capa-video:hover{
  -webkit-transform:scale(1.07);
  -moz-transform:scale(1.07);
  -ms-transform:scale(1.07);
  transform:scale(1.07);
}

.content .download-tabela-grafico{
    margin: 0 auto;
    background: #008542;
    color: #fff;
    padding: 9px 0;
    font-weight: 400;
    width: 104px;
    display: block;
    float: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

.conteudo-pdf {
  display: none;
}

.conteudo-pdf table{
  margin: 20px auto;
  border: 1px solid #ddd;
}

.conteudo-pdf table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.conteudo-pdf table > tbody > tr td{
  border-right: 1px solid #ddd;
  text-align: center;
  min-width: 100px;
  padding: 7px;
}

.conteudo-pdf .wrapper-gc__head_pdf td{
  background: #008542;
  color: #fff;
  font-weight: bold;
}


.conteudo-pdf, body, html{
  background: #fff;
}

.conteudo-pdf .title{
  margin: 30px 0 0 30px;
}

.main-content span.wrapper-date-publication{
  font-size:11px; 
  font-family: Calibri, Arial;
}

.wrapper-gc__grid-container 
{
  overflow-x: scroll !important;
}

#wrapper-gc {
  margin: 0 auto;
}

.wrapper-date-publication .span{
  display: block;
}


/*Admin style*/

.admin-body{
  width: 940px;
  margin: 0 auto;
}

.admin-body #header{
  background: none;
}

.admin-body #header ul{
  float: right;
  list-style: none;
}

.admin-body #header ul li{
    float: left;
    margin: 25px 12px 0 0;
    border-right: 1px solid #008542;
    padding-right: 12px;
}

.admin-body #header ul li.last{
    border-right: 0;
}

.admin-body #nav .list-level1 .level1:focus, .admin-body #nav .list-level1 .level1:hover{
    background-color: transparent;
    text-decoration: underline;
}

.admin-body #nav .list-level1 .level1 a {
    font: 16px "petrobras_sansregular";
    color: #008542;
    padding: 1px 0px 0px;
    background-color: transparent;
}

.admin-body #nav .list-level1 .level1.on a {
    font-family: "petrobras_sansxbold";
    color: #fdc82f;
}

.admin-body #nav{
  position: inherit;
  float: right;
  clear: inherit;
}

.admin-body .lum-interface-title h2, .lum-interface-type-standard .lum-interface-title{
    font: 24px/100% "petrobras_sansxbold";
    color: #008542;
    margin-bottom: 50px;
    border-bottom: 0;
}

.admin-body .lum-interface-title h2:after, .lum-interface-type-standard .lum-interface-title:after{
    content: "—";
    display: block;
    color: #fdc82f;
}

.admin-body input.lum-input-number, .admin-body input.lum-input-date{
    width: 120px;
    text-align: right;
    height: 30px;
    font-size: 14px;
}

/*End admin*/


.addthis_button_facebook_like.at300b{
  width: 76px !important;
}

.addthis_button_google_plusone.at300b{
  width: 36px !important;
}

.titulo-desktop{display: block;}
    .titulo-mobile{display: none;}


/*Widget*/

.ul-style{
    display: inline-flex;
    flex-wrap: wrap;
    list-style-type: none;
    float: right;
}

.sprite-icons{
    width: 36px;
    height: 36px;
    margin: 0 18px;
}

    .sprite-medium {
        background: url('../imgs/icones.png') 0 0;
    }
	.sprite-medium:hover { background-position:0 -43px; }
	
    .sprite-linkedin {
        background: url('../imgs/icones.png') -47px 0px;
    }
	.sprite-linkedin:hover { background-position:-47px -43px; }

    .sprite-facebook {
        background: url('../imgs/icones.png') -95px 0px;
    }
	.sprite-facebook:hover { background-position:-95px -43px; }

    .sprite-twitter {
        background: url('../imgs/icones.png') -142px 0px;
    }
	.sprite-twitter:hover { background-position:-142px -43px; }

    .sprite-instagram {
        background: url('../imgs/icones.png') -190px 0px;
    }
	.sprite-instagram:hover { background-position:-190px -43px; }

    .sprite-fatos-e-dados {
        background: url('../imgs/icones.png') -237px 0px;
    }
	.sprite-fatos-e-dados:hover { background-position:-237px -43px; }

.container-medium {
    display: flex;
}
.main-content .medium-content .medium-primeira-letra {
	float:left;font-size:37px;font-weight:bold;margin-top:9px;margin-right: 3px;
}

    .medium-content{
        padding: 22px;
    }

        .medium-content-text-left{
            width: 40%;
            display: inline-block;
            vertical-align: top;
			 height: 100%;
			 background-repeat:no-repeat;
			 background-position:center top;
        }
        .medium-content-text-right{
            width: 57%;
            display: inline-block;
            vertical-align: top;
			float: right;
        }
		
		.medium-content-text-right .medium-texto img, 
		.medium-content-text-right .medium-texto iframe, 
		.medium-content-text-right .medium-texto video, 
		.medium-content-text-right .medium-texto a, 
		.medium-content-text-right .medium-texto embed {
			max-width:100%;
		}
		
		.medium-content-text-left { max-height: 230px; }
		
        .medium-content-text-right h1 {
            font-size: 25px;
            color: #121212;
        }
		.main-content .social-profiles .medium-content-text-right .sub-title { margin-bottom:20px; }
        .medium-content-text-right p,.medium-content-text-right,.medium-content-text-right .medium-texto a {
            font-size: 12px;
            color: #2D2D2D;
			line-height: 18px;
        }
		.medium-content-text-right .medium-texto>a {word-wrap: break-word;display: block; max-width: 350px;}
		

.container-youtube, .container-medium, .container-facebook, .container-twitter, .container-linkedin, .container-instagram, .container-fatos-e-dados {
    border: solid 1px gray;
    padding: 5px;
    line-height: 0;
	min-height: 300px;
}
.container-medium { min-height: 250px; }
.container-medium .medium-content { padding: 22px 22px 12px; }

.container-instagram {
	padding:0px;
	min-height: 375px;
}
.container-fatos-e-dados {
	padding: 10px 20px;
	height: 593px;
}
.container-fatos-e-dados .grid {
	margin:20px 0px;
}
.container-facebook {
	height: 300px;
}
.container-twitter {
	height:300px;
	overflow:hidden;
}
.container-twitter iframe {
	margin-top: -51px !important;
}

.title-icon-medium::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) 0px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.title-icon-youtube::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) -285px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.title-icon-facebook::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) -95px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.title-icon-twitter::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) -142px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.title-icon-instagram::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) -190px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.title-icon-fatos-e-dados::before{
    content: '';
    width: 36px;
    height: 36px;
    background: url(../imgs/icones.png) -237px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.social-profiles .col-2 {
    width: 48% !important;
}

/* CSS OVERRIDE */

.social-profiles .social-profile { margin-bottom: 20px; }

.social-profiles .social-profile.s-instagram {
    float: left;
}

.social-profiles .social-profile.s-twitter, .social-profiles .social-profile.s-instagram {
    margin-right: 28px;
}

.social-profiles .social-profile.s-facebook{
    margin-right: 0px;
}

.link-verde{
  color: #008542 !important;
}

.social-profiles .social-profile .new-window:after { background-image: none; }

.main-content .widget-texto-chamada { font-size: 16px;font-weight: bold;color:#969696; }

.social-profile h1.sub-title a { font-size: 21px; }
html body .title:after {
    content: "—";
}
.main-content .social-profiles .sub-title { font-size: 22px;margin: 0 0 10px; }

.social-profile .container-fatos-e-dados .title-cross a { font-size: 16px; }

.main-content img { width:auto; }

.container-facebook iframe { width:100%; }

@media only screen and (max-width: 640px) {
	.social-profiles .social-profile {
		display: block;
	}
	.container-medium .medium-content { display: table; }
	.medium-content-text-left {
		max-height: 300px;
		margin-bottom:20px;
	}
	.medium-content-text-left,.medium-content-text-right {
		float:none;
		width:100%;
	}
	
	.container-youtube, .container-medium, .s-facebook,.s-twitter, .s-linkedin, .s-instagram, .s-fatos-e-dados {
		width: 100% !important;
  }
  #highlights .highlights-list li.item-1.template-1-destaque{
    top: 0px;
  }
  /* FAQ */
  .row-mobile{
    display: block !important;
  }
  .row-faq-mobile {
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 8px !important;
  }
  .row-faq-mobile:hover {  
     background-color: #ECECEC;
  }
  .row-faq-mobile-txt {     
    font-weight: bold !important;
    letter-spacing: -0.03px;        
  }
  .row-faq-mobile-txt:hover {  
    color: #858585;   
  }
  .container-row-faq {
    display: none !important;
  }
  .row {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
	.medium-content-text-right .medium-texto>a {max-width: 250px;}
}
@media only screen and (max-width: 320px) {
	.medium-content-text-right .medium-texto>a {max-width: 150px;}
}

/*widget*/

.isotope .isotope-item.height-4 .item-mg {
    height: 489px;
  }

.isotope .isotope-item.height-4 {
    height: 515px;
}
/* Termos de uso - Proteção de Dados Pessoais */
.container-faq{
  width: auto !important;
}
.container-row-faq{
	display: flex;
	flex-direction: row;
}
.row-faq-title {
	font-weight: bold !important;
}
.row-faq-title a{
  color:#616065;
  font-weight: bold !important;
}
.row-faq-title a:hover{
	color: #006298;
}
.header-landing p.row-faq-title{
  width: auto !important;
}
.header-landing p.row-faq-text{
  width: auto !important;
}
.row {
	display: flex;
	justify-content: space-between;
  flex-direction: row;
  width: 960px;
}
.row-faq {
	width: 138px;
	border-top: solid #006298;
}
.row-mobile {
  display: none;
}
/* Botão Termos de uso */
.btn-termos {
  height: 40px;
  width: 200px;
  border-color: #008542 !important;
  border-radius: 2px;
  background-color: #fff;
}
.btn-termos-txt {
  color: #008542 !important;
  font-family: "trebuchet MS";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.04px;
  line-height: 19px;
}
/* botao OneTrust */
#ot-sdk-btn.ot-sdk-show-settings:hover {
  background-color: #fff !important;
}