/*! normalize.css v1.1.1 | 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. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}
/**
 * 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.
 */
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 rule sets 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
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * 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;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix {
  /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These 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;
  }
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  background-image: url(../../imgs/fatosedados/sprite.png);
  background-repeat: no-repeat;
}
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
@font-face {
  font-family: 'PetrobrasSans_regular';
  src: url('../../fonts/fatosedados/PetrobrasSans_Rg.eot?#iefix') format('embedded-opentype'), url('../../fonts/fatosedados/PetrobrasSans_Rg.woff') format('woff'), url('../../fonts/fatosedados/PetrobrasSans_Rg.ttf') format('truetype'), url('../../fonts/fatosedados/PetrobrasSans_Rg.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'PetrobrasSans_bold';
  src: url('../../fonts/fatosedados/PetrobrasSans_Bd.eot?#iefix') format('embedded-opentype'), url('../../fonts/fatosedados/PetrobrasSans_Bd.woff') format('woff'), url('../../fonts/fatosedados/PetrobrasSans_Bd.ttf') format('truetype'), url('../../fonts/fatosedados/PetrobrasSans_Bd.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'PetrobrasSans_xbold';
  src: url('../../fonts/fatosedados/PetrobrasSans_XBd.eot?#iefix') format('embedded-opentype'), url('../../fonts/fatosedados/PetrobrasSans_XBd.woff') format('woff'), url('../../fonts/fatosedados/PetrobrasSans_XBd.ttf') format('truetype'), url('../../fonts/fatosedados/PetrobrasSans_XBd.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'PetrobrasSans_light';
  src: url('../../fonts/fatosedados/PetrobrasSans_lt.eot?#iefix') format('embedded-opentype'), url('../../fonts/fatosedados/PetrobrasSans_lt.woff') format('woff'), url('../../fonts/fatosedados/PetrobrasSans_lt.ttf') format('truetype'), url('../../fonts/fatosedados/PetrobrasSans_lt.svg#svgFontName') format('svg');
}
.negrito {
  font-weight: bold;
}
.regua {
  position: absolute;
  height: 1px;
  width: 100%;
  background: #000;
  z-index: 30;
  top: 720px;
}
.noUnderline:hover {
  text-decoration: none;
}
input,
textarea,
select {
  outline: none;
  padding: 3px;
}
label {
  cursor: pointer;
}
.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 background-color ease-out;
  -moz-transition: all background-color ease-out;
  -o-transition: all background-color ease-out;
  transition: all background-color ease-out;
  display: block;
  padding: 10px 45px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-family: PetrobrasSans_bold, sans-serif;
  color: #fff;
  border: none;
  background-color: #006298;
  text-decoration: none;
}
.button:hover {
  text-decoration: underline;
  background-color: #0072b2;
}
.button.noUnderline:hover {
  text-decoration: none;
}
.button.small {
  width: 100px;
  padding: 5px 10px;
  font-size: 12px;
}
.carousel {
  position: relative;
  width: 610px;
  margin: 0 auto;
}
.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 opacity ease-out;
  -moz-transition: all opacity ease-out;
  -o-transition: all opacity ease-out;
  transition: all opacity ease-out;
  display: block !important;
  position: absolute;
  z-index: 3;
  top: 35.75%;
  width: 18px;
  height: 71px;
  background: #fdc82f;
}
.carousel .prev-big span,
.carousel .next-big span {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  background-image: url(../../imgs/fatosedados/sprite_fatosedados.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 10px;
  height: 30px;
  left: 4px;
  top: 20px;
}
.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: -16px -88px;
}
.carousel .next-big {
  right: 10px;
}

.carousel .next-big:hover,  .carousel .prev-big:hover{
	background-color: #0079bc;
}

.carousel .next-big span {
  background-position: -58px -88px;
}
.carousel ul {
  /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1;
  width: 610px;
  height: 71px !important;
  margin: 10px 0 0 29px;
  padding: 0;
  list-style: none;
}
.carousel ul:before,
.carousel ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.carousel ul:after {
  clear: both;
}
.carousel li {
  position: relative;
  float: left;
  width: 132px;
  height: 71px;
  margin: 0 10px 0 0;
}
.carousel li a {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *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 .toggle-video {
  background: url(../imgs/bg/play-bg-03.png) center 12px no-repeat;
}
.carousel li .title-item {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 128px;
  padding: 2px 0 1px 4px;
  font: 13px/100%;
  font-family: PetrobrasSans_regular, sans-serif;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.carousel li img {
  margin-bottom: 0;
}
.carousel .prev,
.carousel .next {
  -webkit-transition: all background-color ease-out;
  -moz-transition: all background-color ease-out;
  -o-transition: all background-color ease-out;
  transition: all background-color ease-out;
  position: absolute;
  bottom: 0;
  width: 18px;
  height: 71px;
}
.carousel .prev span,
.carousel .next span {
  position: absolute;
  left: 4px;
  top: 20px;
  width: 10px;
  height: 30px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.carousel .prev span:before,
.carousel .next span:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.carousel .prev.disabled,
.carousel .next.disabled {
  cursor: default;
}
.carousel .prev.disabled span,
.carousel .next.disabled span {
  visibility: hidden;
}
.carousel .prev {
  left: 0;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -879px -143px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.carousel .prev:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.carousel .next {
  right: 0;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -875px -223px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.carousel .next:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.carousel .wrap-video {
	background: #ffffff url(../../imgs/fatosedados/loader.gif) center no-repeat;
	width: 610px; 
	height: 367px;
}
.carousel .wrap-video .title-item {
  display: block;
  position: absolute;
  left: 0;
  bottom: 81px;
  width: 562px;
  padding: 6px 24px;
  font: 20px "petrobrassans_bold";
  color: #fff;
  background: url(../../imgs/fatosedados/bg01.png) 0 0 repeat;
}
.carousel .wrap-video a {
  display: none;
}
.carousel .wrap-video.video .toggle-video {
  display: block;
}
.carousel .carousel-big.loading {
  opacity: 0;
}
.new-window:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-left: 10px;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -64px -192px;
}
.new-window:hover {
  opacity: 0.7;
}
.dateSelector {
  position: relative;
  height: 38px;
}
.datePicker {
  position: relative;
  top: 8px;
  height: 30px;
}
.datePicker .mydate {
  background: url("../../imgs/fatosedados/calendar.png") no-repeat;
  padding: 0 0 0 20px;
  width: 0px;
  border: 0;
  height: 20px;
  cursor: pointer;
}
.datePicker .mydate.campoDate {
  border: 1px solid #ececec;
  width: 70px;
  height: 30px;
  font-family: "Trebuchet MS";
  background-position: 1px;
  border-radius: 6px;
  color: #665c53;
}
.custom-select {
  position: absolute;
  width: 205px;
  height: 38px;
}
.custom-select .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 5px;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  font-family: PetrobrasSans_regular, sans-serif;
  color: #665c53;
  border: 1px solid #ececec;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat 0px -288px;
  background-position: right -288px;
}
.custom-select .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;
  line-height: 35px;
}
.custom-select .select option {
  padding: 4px 0;
}
.custom-select .div-ano {
  width: 30px;
}
.custom-select .select-ano {
  width: 80px;
}
.custom-select .div-mes {
  width: 55px;
}
.custom-select .select-mes {
  width: 105px;
}
.linkBusque{
  top: -3px;
  position: relative;
  font-family: PetrobrasSans_bold, sans-serif;
}
#mydate {
  position: relative;
}
.div-custom-mes {
  top: 0;
  left: 80px;
}
.div-custom-ano {
  top: 0;
  left: 0;
}
.buscarSelect {
  position: absolute;
  display: block;
  background: #006298;
  color: #ffffff;
  padding: 5px 6px 3px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 110px;
  top: 2px;
  text-decoration: none;
  font-family: PetrobrasSans_regular, sans-serif;
  line-height: 21px;
}
.buscarSelect:hover {
  text-decoration: none;
}
body {
  color: #665c53;
  font-size: 13px;
  line-height: 17px;
  font-family: 'Trebuchet MS';
}
a {
  color: #006298;
  text-decoration: none;
}
a:hover {
  opacity: 0.9;
  text-decoration: underline;
}
p {
  margin: 0;
  font-size: 13px;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
  /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.wrapper:after {
  clear: both;
}
#main {
  width: 610px;
  float: left;
  padding-top: 10px;
  height: auto;
  min-height: 70px;
}
#main.mainPadding {
  padding-top: 25px;
}
#main h2.filter {
  color: #008542;
  font-family: PetrobrasSans_regular;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 25px;
  padding-bottom: 20px;
}
#sidebar {
  width: 250px;
  float: right;
  padding: 25px 0 0 0;
}
.blogSites {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #665c53;
}
.blogSites .content {
  width: 990px;
  margin: 0 auto;
}
.blogSites p,
.blogSites a {
  float: left;
  display: inline-block;
  line-height: 30px;
  color: #0b8643;
  text-decoration: none;
  margin-right: 4px;
  font-size: 11px !important;
}
.blogHeader {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  text-indent: -9999px;
  display: block;
  width: 995px;
  height: 146px;
  background: url("../../imgs/fatosedados/header-blog.png") no-repeat 0 0;
  background-size: 995px 148px;
  margin-left: -18px;
}
.blogHeader:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.blogHeader .linkHome {
  display: block;
  height: 70px;
  left: 109px;
  position: relative;
  top: -207px;
  width: 310px;
  z-index: 80000;
}
.blogHeader .linkPetro {
    display: block;
    height: 70px;
    left: 720px;
    position: relative;
    top: -290px;
    width: 170px;
    z-index: 80000;
}
.blogFooter {
  background: #f1f2f2;
  margin-top: 65px;
  height: 300px;
  position: relative;
  padding: 35px 0;
}
.footerContent {
  width: 960px;
  margin: 0 auto;
  /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1;
  font-size: 12px;
  line-height: 14px;
}
.footerContent:before,
.footerContent:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.footerContent:after {
  clear: both;
}
.footerContent .box {
  width: 300px;
  float: left;
}
.footerContent .box h3 {
  font-size: 15px;
  font-family: PetrobrasSans_xbold, sans-serif;
}
.footerContent .box li {
  line-height: 20px;
}
.footerContent .box + .box {
  margin-left: 30px;
}
.footerContent .about h1 {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  width: 152px;
  height: 20px;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -256px 0px;
  display: block;
  margin: 0 0 25px;
}
.footerContent .about h1:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.footerContent .about p {
  margin-bottom: 20px;
}
.footerContent .links {
  width: 200px;
  margin-left: 90px!important;
}
.footerContent .follow {
  margin-left: 70px!important;
}
.seals {
  margin: 35px 0 0 0;
}
.copyright {
  width: 100%;
  text-align: center;
  background: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
}
.post {
  margin-top: ;
}
.post + .post {
  margin-top: 100px;
}
.postTitle,
.postTitle a {
  color: #008542;
  font-family: PetrobrasSans_bold, sans-serif;
  font-size: 21px;
  line-height: 23px;
  letter-spacing: -1px;
}
.meta {
  font-family: PetrobrasSans_regular, sans-serif;
  margin: 0 0 33px 0;
}
.media {
  float: left;
  /*margin: 0 18px 18px 0;*/
  margin: 0 10px 7px 0;
  position: relative;
}
.media img,
.media .credit {
  float: left;
  clear: both;
}
.media .credit {
  position: absolute;
  top: -16px;
}
.social {
  clear: both;
  margin-top: 20px;
}
.socialLink {
  font-family: PetrobrasSans_bold, sans-serif;
  font-size: 12px;
  text-decoration: none;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat 0px -256px;
  padding: 0 0 6px 30px;
  float: left;
}
.widgets {
  float: left;
  margin: 0 0 0 5px;
}
.socialBarItem {
  float: left;
  margin: 0 10px 0 0;
}
.socialBarItem + .socialBarItem {
  margin-left: 4px;
}
.paginacao {
  background: url("../../imgs/fatosedados/linha.png") no-repeat 0 0;
  width: 100%;
  height: 50px;
  float: left;
  font-family: PetrobrasSans_regular, sans-serif;
  margin: 60px 0 0 0;
}
.paginacao ul {
  margin: 16px 0 0 0;
}
.paginacao ul li {
  display: inline;
  margin: 0 5px;
  font-size: 18px;
  font-family: PetrobrasSans_regular, sans-serif;
  color: #afaeac;
}
.paginacao ul li a {
  color: #665c53;
  text-decoration: none;
}
.paginacao ul li.pagesTotal {
  margin-left: -6px;
  color: #665c53;
}
.paginacao .primeiro,
.paginacao .ultimo {
  font-size: 13px;
}
.paginacao .prevArrow a,
.paginacao .nextArrow a {
  display: inline-block;
  width: 100px;
  height: 20px;
  background: #006298;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-family: PetrobrasSans_bold, sans-serif;
  padding: 4px;
}
.paginacao .currentPage {
  font-weight: bold;
  color: #665c53;
}
.widget {
  margin-bottom: 25px;
  /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  *zoom: 1;
  font-family: PetrobrasSans_light, sans-serif;
}
.widget:before,
.widget:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.widget:after {
  clear: both;
}
.widget h3,
.widget h4,
.widget h3 a {
  font-size: 17px;
  line-height: 24px;
  color: #008542;
  font-family: PetrobrasSans_bold, sans-serif;
  margin: 0 0 15px;
}
.widget h3 a,
.widget h4 a,
.widget h3 a a {
  text-decoration: none;
  color: #006298;
}
.widget h3 a:hover,
.widget h4 a:hover,
.widget h3 a a:hover {
  text-decoration: underline;
  color: #006298;
}
.widget h4 {
  font-size: 13px;
  line-height: 13px;
}
.widget ul + h4,
.widget .datePicker + h4 {
  margin-top: 20px;
}
.widget.twitter {
  background: url("../../imgs/fatosedados/widgetBorder.png") no-repeat scroll left bottom transparent;
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.searchField {
  width: 221px;
  float: left;
  border: 1px solid #bcbdbc;
  border-radius: 10px;
  line-height: 28px;
  background: #f8f8f8;
  height: 30px;
  padding-left: 10px;
}
.searchButton {
  display: block;
  float: left;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -604px 4px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  width: 28px;
  height: 28px;
}
.searchButton:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.searchButton:hover {
  opacity: 0.8;
}
.searchField + .searchButton {
  margin: 5px 8px 0 3px;
}
.search {
  position: relative;
}
.searchBar {
  float: right;
  width: 282px;
  margin: 30px -30px 0 0;
}
.suaBusca {
  width: 960px;
  background: #f8f8f8;
  height: 140px;
  margin: 15px 0 0 0;
  border: 1px solid #bcbdbc;
  float: right;
  display: none;
  position: absolute;
  right: 0;
  top: 115px;
}
.suaBusca .content {
  width: 920px;
  margin: 20px;
  position: relative;
}
.suaBusca .content h3 {
  color: #008542;
  font-size: 21px;
  margin: 0;
}
.suaBusca .content p {
  color: #665c53;
  font-size: 13px;
  margin: 0;
}
.suaBusca .content .seta {
  position: absolute;
  top: -35px;
  right: 210px;
}
.suaBusca .content .fechar {
  position: absolute;
  top: -13px;
  right: -8px;
  font-family: arial;
  font-weight: bold;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.suaBusca .content .fechar a:hover {
  text-decoration: none;
}
.buscaFormulario {
  margin: 15px 0 0 0;
}
.buscaFormulario .searchField {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 40px;
  width: 150px;
}
.buscaFormulario .custom-select .fake-select {
  padding: 6px 40px 12px 5px;
  background-position: right -290px;
}
.buscaFormulario .primeiro {
  position: absolute;
  top: 62px;
  left: 545px;
  z-index: 2;
}
.buscaFormulario .segundo {
  position: absolute;
  top: 62px;
  left: 175px;
}
.buscaFormulario .segundo .div-cat {
  width: 170px;
  height: 12px;
}
.buscaFormulario .segundo .select-cat {
  width: 195px;
  height: 30px;
}
.buscaFormulario .terceiro {
  position: absolute;
  top: 62px;
  left: 400px;
}
.buscaFormulario .terceiro .div-cat {
  width: 90px;
  height: 12px;
}
.buscaFormulario .terceiro .select-cat {
  width: 135px;
  height: 30px;
}
.buscaFormulario .quarto {
  position: absolute;
  top: 62px;
  left: 670px;
  z-index: 2;
}
.buscaFormulario p.labelForm {
  font-size: 12px;
  color: #665c53;
  position: absolute;
  top: -15px;
  width: 180px;
}
.buscaFormulario p.labelForm span + span {
  margin-left: 110px;
}
.buscaFormulario .buscarSelect {
  top: 62px;
  left: 850px;
  height: 23px;
}
.buscaFormulario .buscarSelect:hover {
  text-decoration: none;
}
.buscaFormulario .linkLimpar {
  background: none;
  border: 0;
  font-size: 10px;
  position: absolute;
  right: 70px;
  top: 70px;
  color: #006298;
}
.buscaFormulario .linkLimpar:hover {
  text-decoration: underline;
}
.advancedSearch {
  font-size: 10px;
  float: left;
  clear: both;
}
.socialBarLink {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  width: 28px;
  height: 28px;
  position: relative;
}
.socialBarLink:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.socialBarLink img {
  position: absolute;
  top: 0px;
}
.socialBarLink:hover {
  opacity: 0.7;
}
.aboutWidget h3 {
  color: #006298;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat 0px 10px;
  text-indent: 10px;
  margin-bottom: 3px;
}
.visitsWidget h3 {
  margin-bottom: 3px;
}
.visitsWidget p {
  font-size: 21px !important;
  font-family: PetrobrasSans_regular, sans-serif;
}
.categoriesWidget a {
  color: #665c53;
  text-decoration: none;
  font-size: 13px;
  font-family: PetrobrasSans_regular, sans-serif;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -96px -151px;
  padding-left: 10px;
}
.categoriesWidget a:hover {
  text-decoration: underline;
}
.categoriesWidget .category + .category {
  margin-top: 10px;
}
.highlightWidget {
  background: url("../../imgs/fatosedados/widgetBorder.png") no-repeat bottom left;
  padding-bottom: 30px;
}
.highlightWidget .highlight {
  display: block;
  cursor: pointer;
}
.highlightWidget.lastWidget {
  background: none !important;
}
.formatsWidget {
  background: url("../../imgs/fatosedados/widgetBorder.png") no-repeat bottom left;
  padding-bottom: 30px;
}
.formatsWidget .format {
  padding-left: 35px;
  height: 32px;
  position: relative;
}
.formatsWidget .format img {
  position: absolute;
  left: -5px;
  top: -5px;
}
.formatsWidget .format a {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -96px -151px;
  padding-left: 10px;
  color: #665c53;
  text-decoration: none;
}
.formatsWidget .format a:hover {
  text-decoration: underline;
}
.highlightedPostsWidget {
  background: url("../../imgs/fatosedados/widgetBorder.png") no-repeat bottom left;
  padding-bottom: 30px;
}
.highlightedPostsWidget .post + .post {
  margin-top: 15px;
}
.highlightedPostsWidget .date {
  font-family: PetrobrasSans_xbold, sans-serif;
  font-size: 11px;
  color: #665c53;
  display: block;
}
.highlightedPostsWidget a {
  color: #006298;
  font-family: PetrobrasSans_regular, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
.highlightedPostsWidget a:hover {
  text-decoration: underline;
}
.archiveWidget {
  background: url("../../imgs/fatosedados/widgetBorder.png") no-repeat bottom left;
  padding-bottom: 30px;
}
.archiveWidget .months a,
.archiveWidget .histories a {
  color: #686868;
  font-family: PetrobrasSans_regular, sans-serif;
  text-decoration: none;
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -96px -151px;
  padding-left: 10px;
  line-height: 20px;
}
.archiveWidget .months a:hover,
.archiveWidget .histories a:hover {
  text-decoration: underline;
}
.fullPost {
  color: #006298;
  font-weight: bold;
  text-decoration: underline;
  margin: 15px 0 0 0;
  display: inline-block;
}
.postContent b,
.postContent strong {
  font-weight: bold;
  font-family: 'Helvetica';
}
.postAberto .widgets {
  width: 100%;
  margin: 0 0 32px 0;
}
.postAberto .postTitle {
  margin-bottom: 5px;
}
.postAberto .meta {
  	margin-bottom: 33px;
    margin-top: 26px;
}
.postAberto p {
  margin: 20px 0;
  font-family: "Trebuchet MS";
  color: #665c53;
  font-size: 13px;
}
.postAberto span {
  color: #006298;
}
.postAberto b,
.postAberto strong {
  font-weight: bold;
  font-family: 'Helvetica';
}
.leia {
  width: 100%;
  float: left;
  margin: 5px 0 20px 0;
}
.leia .postTitle {
  font-size: 19px;
}
.leiaTambem {
  width: 100%;
  background: #eff0f0;
  height: 125px;
  margin: 10px 0 0 0;
}
.leiaTambem .linksBack {
  width: 550px;
  margin: 0 auto;
}
.leiaTambem .link {
  width: 180px;
  height: auto;
  padding: 20px 1px;
  float: left;
}
.leiaTambem .link .textoLink {
  font-size: 13px;
  color: #006298;
}
.leiaTambem .meta {
  margin: 0;
}
.trabalhos .widgets {
  width: 100%;
  margin: 20px 0 30px 0;
}
.trabalhos .explicacao {
  width: 100%;
  float: left;
  margin: 10px 0 20px 0;
}
.relacao {
  margin: 30px 0 0 0;
}
.trabalhoFrente {
  width: 610px;
  margin: 3px 0 0;
  float: left;
}
.trabalhoFrente .conteudo {
  color: #665c53;
  font-size: 12px;
  margin: 10px 0 0 0;
  display: block;
}
.trabalhoFrente .conteudo p {
  padding-bottom: 25px;
}
.tituloTrabalho {
  line-height: 20px;
  padding: 5px 5px 5px 30px;
  float: left;
  font-family: PetrobrasSans_regular, sans-serif;
  color: #0b8643;
  text-decoration: none;
  font-size: 16px;
  background: url(../../imgs/fatosedados/icoPdf.png) 3px center no-repeat;
  background-repeat: no-repeat;
}
.baixar {
  font-family: PetrobrasSans_regular, sans-serif;
  display: block;
  padding: 3px;
  background: #006298;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  color: #fff;
  text-decoration: none;
  margin: 5px 0 0 0;
  position: relative;
  right: -255px;
}
.frente {
  width: 100%;
  float: left;
  height: auto;
  background-color: #f8f8f8 !important;
}
.frente:before {
  display: none;
}
.frente .download {
  float: right;
  line-height: 30px;
  margin-right: 15px;
  padding-left: 26px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  background-image: url(../../imgs/fatosedados/sprite.png);
  background-repeat: no-repeat;
  background-position: -431px -337px;
}
.frente .download:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.conteudo {
  width: 100%;
  float: left;
  display: none;
}
.comentarios {
  font-family: PetrobrasSans_regular, sans-serif;
  color: #0b8643;
  float: left;
}
.contagem {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat 0px -252px;
  font-family: PetrobrasSans_regular, sans-serif;
  padding: 0 0 0 30px;
  color: #008542;
  font-size: 15px;
  font-weight: bold;
  line-height: 21px;
  margin: 50px 0 30px 0;
}
.coment {
  float: left;
  margin: 15px 0 5px 0;
}
.avatar {
  float: left;
  width: 66px;
  margin: 0 30px 0 0;
}
.comentContent {
  float: right;
  width: 500px;
}
.innerComentContent {
  float: right;
  margin: 30px 0 0 0;
  width: 530px;
}
.innerComentContent .comentContent {
  width: 450px;
}
.innerComentContent .comentName {
  margin: 0;
}
.innerComentContent .comentDate {
  margin: 5px 0 10px 0;
}
.comentName {
  font-family: PetrobrasSans_regular, sans-serif;
  color: #008542;
  font-size: 14px;
  font-weight: bold;
}
.comentDate {
  font-family: PetrobrasSans_regular, sans-serif;
  color: #665c53;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 10px 0;
}
.comentTexto {
  color: #665c53;
}
.comentTexto p {
  margin-bottom: 20px;
}
.buttomResponder {
  display: block;
  width: 110px;
  background: #006298;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  height: 20px;
  font-family: PetrobrasSans_regular, sans-serif;
  font-weight: bold;
  float: right;
  line-height: 20px;
  font-size: 11px;
}
.comentar {
  float: left;
  width: 100%;
}
.comentarioBotoes {
  width: 200px;
  display: block;
  cursor: pointer;
}
.comentarTitulo {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -480px -64px;
  font-family: PetrobrasSans_bold, sans-serif;
  padding: 0 0 5px 35px;
  color: #008542;
  font-size: 15px;
  height: 24px;
  display: inline-block;
}
.comentarObrigatorio {
  font-family: PetrobrasSans_bold, sans-serif;
  color: #665c53;
  margin: -10px 0 0 35px;
}
.buttons {
  margin: 35px 0 0 -30px;
  width: 100%;
  float: left;
}
.logarFacebook,
.logarTwitter {
  display: inline-block;
  float: left;
  color: #006298;
  font-size: 13px;
  text-decoration: underline;
  font-family: PetrobrasSans_bold, sans-serif;
  margin-left: 30px;
  height: 30px;
}
.logarFacebook {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -491px -96px;
  padding: 0 0 0 25px;
}
.logarTwitter {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -480px -128px;
  padding: 0 0 0 40px;
}
.formularioComentario {
  display: none;
}
.comentarForm {
  width: 100%;
  float: left;
}
.comentarForm p {
  color: #665c53;
  font-size: 12px;
}
.comentarForm label {
  width: 100%;
  color: #665c53;
  font-size: 14px;
  cursor: pointer;
  margin: 15px 0 4px 0;
  display: block;
}
.comentarForm input[type="text"] {
  float: none;
  width: 330px;
}
.comentarForm input[type="text"].inputCaptcha {
  width: 50px;
  margin-left: 15px;
  text-align: center;
}
.comentarForm input[type="checkbox"] {
  margin: 0 5px 0 0;
}
.comentarForm textarea {
  width: 610px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  resize: none;
  height: 120px;
  padding: 10px;
  line-height: 22px;
}
.comentarForm .marginCaptcha {
  margin-left: 30px;
}
.comentarForm .btnEnviar {
  margin: 0px 0 0 169px;
}
.comentarForm .marginSpan {
  margin-left: 370px;
}
.comentarForm .captcha {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.comentarForm .captcha label {
  display: inline;
}
.comentarForm .captcha .button {
  display: inline-block;
  margin-left: 190px;
}
/* calendar */
.ui-datepicker {
  z-index: 91 !important;
}
.ui-datepicker .ui-datepicker-header {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 0;
  width: 248px;
  margin-bottom: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  width: 250px;
  border: 0;
}
.ui-datepicker th span {
  font-size: 12px;
  width: 30px;
  font-family: helvetica;
}
.ui-datepicker th {
  border: 1px solid #ececec;
  height: 25px;
  width: 10px!important;
  padding: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #fff;
  border: 1px solid #ececec;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
  height: 25px;
  padding: 1px;
  color: #006093;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  border: 1px solid #ececec;
  padding: 1px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  font-weight: bold;
}
.ui-datepicker td {
  padding: 1px;
}
.ui-datepicker-calendar th {
  width: 15px;
}
.ui-datepicker-calendar .event {
  background: #edf3de;
  border-bottom: 2px solid #008542;
  height: 24px;
}
.ui-datepicker-calendar .selected {
  font-weight: bold;
}
.ui-datepicker-calendar th {
  width: 15px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background: none;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background: none;
}
.ui-datepicker-next,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0;
}
.ui-datepicker .ui-datepicker-prev {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -886px -410px;
  width: 4px;
  height: 8px;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  background: url("../../imgs/fatosedados/_sprite.png") no-repeat -887px -427px;
  width: 4px;
  height: 8px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.logos {
  margin: 40px 0 30px 0;
}
.trabalhosAcademicos {
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin: 40px 0 0 0;
  padding: 30px;
}
.trabalhosAcademicos .trabalhosTexto {
  color: #665c53;
}
.trabalhosAcademicos .texto {
  float: left;
  width: 300px;
}
.trabalhosAcademicos .botao {
  float: right;
  text-align: right;
  margin: 30px 0 0 0;
}
.trabalhosAcademicos .trabalhos {
  color: #006298;
  font-size: 22px;
  font-weight: bold;
}
.trabalhosAcademicos .academicos {
  color: #006298;
  font-size: 28px;
  font-weight: bold;
}
.trabalhosAcademicos .selo {
  margin-bottom: 10px;
}
.resultado {
  height: 300px;
  margin: 15px 0 0 0;
}
.resultado li {
  list-style: none;
  width: 100%;
  height: 40px;
  margin: 15px 0;
}
.resultado li a {
  color: #665c53;
  display: block;
  width: 100%;
}
.resultado li a span + span {
  margin: 2px 0;
  display: block;
  width: 100%;
  float: left;
}
.explicacao {
  margin: -10px 0 0 0;
}
.resultadoTitulo {
  font-family: PetrobrasSans_regular, sans-serif;
  color: #006298;
  font-size: 14px;
}


/*css customizado para adequação as interfaces do lumis*/

.comentarForm .captcha .button {margin-left:0 !important;}
#recaptcha_area, #recaptcha_table {clear: both; padding-top: 5px;}
.innerComentContent .comentContent {width: 430px !important;}
.dateSelector .buscarSelect{left: 188px !important;}
.buscaFormulario .segundo .div-cat {height: 12px; width: 170px !important;}
.buscaFormulario .segundo .select-cat {width: 213px !important;}
/*.buscaFormulario .terceiro {left: 480px !important;}*/
.buscaFormulario .terceiro .div-for {height: 12px;} 
.buscaFormulario .quarto {left: 716px !important;}
.buscaFormulario .primeiro {left: 593px !important;}
.labelDePara{left: -23px; position: relative; top: -26px;}
.buscaFormulario .buscarSelect {left: 862px !important;}
.buscaFormulario .linkLimpar {right: 57px !important;}
#comboFormato{width: 165px !important;}
.dateSelector.terceiro .fake-select.div-for{width: 121px !important;}
.dateSelector.terceiro .custom-select{width:180px !important;}
.postContent p{margin-top: 20px;}
.postContent .credit {top: -19px !important;width: 100%; font-size: 10px;}
.media img, .postContent .credit {float: none !important;}
.comentarForm label {font-size: 16px;}
.fb_iframe_widget {margin-right: 5px;top: -4px; margin-left: 5px;}
.comentarForm .marginSpan{margin-left:345px !important;}
.bannersBlog{margin-bottom: 10px;}
.widget h4 { margin-top: 20px;}
.postTitle a, .postTitle{font-family: PetrobrasSans_regular !important; font-size: 32px; line-height: 33px}
.postContent p, .postContent a, .postContent span, .postContent strong{font-size: 16px; text-align: left !important;line-height: 25px;}
.meta {font-size: 21px;}
.fullPost {font-size: 16px;}
.advancedSearch {font-size: 12px !important;}
.widget h3, .widget h4, .widget h3 a {font-size: 21px !important;}
p {font-size: 16px !important;}
.categoriesWidget a {font-size: 16px !important;}
.formatsWidget .format a {font-size: 16px !important;}
.highlightedPostsWidget .date {font-size: 13px !important;}
.highlightedPostsWidget a {font-size: 16px;}
.archiveWidget .months a, .archiveWidget .histories a {font-size: 16px;}
.widget h4 {font-size: 14px;}
.datePicker label{font-size: 14px;}
.button.small {font-size: 15px !important;}
.footerContent .box h3 {font-size: 18px !important;}
.seals {margin: 7px 0 0 !important;}
.paginacao .prevArrow a, .paginacao .nextArrow a {font-size: 16px !important; width: 120px !important;}
.copyright {font-size: 13px;}
.links.box ul li .new-window{font-size: 14px;}
.footerContent .links {margin-left: 60px !important;width: 215px;}
.buscaFormulario p.labelForm {top: -18px !important;}
.buscaFormulario .linkLimpar {font-size: 12px !important;}
.postAberto p {text-align: left !important;}
.blogFooter p{font-size:14px !important; line-height: 17px;}
#main p{text-align: left !important;}
.socialBar.widget{margin-bottom: 15px !important;}
.posteDetalhe p{font-size: 16px !important; line-height: 25px !important;}
.banner-fd{margin-top: 10px;}
.twitter-share-button {width: 100px !important;}
.mobile-menu, .social-mobile, .content-social-mobile{display: none;}
.sobre-blog{margin-top: 10px}
.posteDetalhe img{max-width: 100%;}

/*Ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){
	#menu-mobile, #logo-mobile{display: none;}
	.wrapper{
		width: 100%;
	}
	.blogSites .content {
	      width: 100%;
		  background-size: 100%;
		  margin: 0 0 0 20px;
	}
	#main{
		margin-left: 20px;
		width: 510px;
	}
	#sidebar {
	  width: 190px;
	  padding: 25px 0 0 0;
	  margin-right: 20px;
	  overflow: hidden;
	}
	
	.aboutWidget img, .formatsWidget img{
		width: 100%;
	}
	
	.blogHeader{
	  background-size: 100%;
	  width: 100%;
	  margin-left: 0;
	  background-position-x: 14px;
	}
	
	.footerContent {
  		width: 96%;
	}
	
	.footerContent .box {
  		width: 230px;
	}
	
	.footerContent .box.follow {
  		width: 252px;
  		margin-left: 20px !important;
	}
	
	.footerContent .box.links {
  		width: 213px;
	}
	
	footer .footerContent .links {
  		margin-left: 20px !important;
	}
	
	.fb-like-box {
		data-width: 100% !important;
	}
	
	.dateSelector .buscarSelect {
	  left: 0px !important;
	  top: 43px;
	}
	
	.dateSelector {
	  height: 77px;
	}
	
	.search .searchField {
  		width: 143px;
	}
	
	.searchBar {
	  width: 190px;
	  margin: 30px 20px 0 0;
	}
	
	.searchField + .searchButton {
	  margin: 5px 0px 0 3px;
	}
	
	.socialBarItem {
	  margin: 0 0px 10px -7px;
	}
	.comentarForm textarea {
  		width: 445px;
	}
	.comentarForm .marginSpan {
	    margin-left: 171px !important;
	}
	.comentarForm input[type="text"] {
	    width: 452px;
	}
	.carousel .wrap-video img{
		width: 507px;
	}
	.carousel .next-big {
	  right: 7px;
	}
	.carousel .wrap-video .title-item {
	    width: 459px;
	}
	.caroufredsel_wrapper{
		display: none;
	}
	.carousel .wrap-video, .carousel {
	    width: 505px;
	}
	.carousel .prev-big, .carousel .next-big{
		top: 45.75%;
	}
	.carousel .wrap-video .title-item{
		bottom: 0;
	}
	
	.blogFooter {
	  height: 323px;
	}
}

@media only screen and (max-device-width : 767px){
	body{
		max-width: 100%;
  		overflow-x: hidden;
  		font-size: 1.23em;
	}
	.sobre-blog, .relacao, .widgets, #___gcse_0, .buscaResultado{
		margin-left: auto !important;
		margin-right: auto;
		width: 93%;
		float: none;
	}
	
	#termoBuscaPaginaBlog{
		margin-left: 15px;
	}
	
	.blogFooter{
		  max-width: 100%;
		  height: auto;
		  padding: 0 0 20px 0;
		  margin-top: 20px;
	}
	
	.blogHeader{
	   width: 100%;
	   margin: 0;
	   padding: 0;	
	   background-size: 53%;
	   height: 37px;
	}
	
	.wrapper{
	  max-width: 100%;
	  margin-top: 51px;
	  width: 100%;
	  overflow: hidden;
	}
	
	#sidebar, .about.box, .links.box, .seals, .socialBar + div, .caroufredsel_wrapper, .carousel .wrap-video .title-item, #sidebar .socialBar, .aboutWidget,
	.visitsWidget, .highlightWidget, .archiveWidget, .facebook.widget, .twitter.widget, .marginSpan, .formatsWidget.widget, .highlightedPostsWidget.widget,
	.social, .postAberto .widgets, .paginacao .prevArrow a span, .paginacao .nextArrow a span, .categories h3{
		display: none;
	}
	
	#sidebar{
	  width: 100%;
	  position: absolute;
	  top: 0;
	  background: #f2f2f2;
	  left: 0;	
	  padding-top: 134px;
	}
	
	.search {
	  position: absolute;
	  top: 34px;
	  right: 3px;
	  width: 50%;
	}
	
	.searchBar{
	    width: 100%;
  		margin: 0;
	}
	
	.searchField{
		width: 93%;
  		height: 22px;
	}
	
	.searchButton{
	  margin: 0;
	  position: absolute;
	  right: -10px;
	  top: -3px;
	}
	
	.blogFooter .footerContent .follow{
	    width: 94%;
  		margin-left: 20px !important;
	}
	
	.copyright {
	  font-size: 1.1em;
	  line-height: 18px;
	  height: 30px;
	  padding-top: 10px;
	  bottom: -43px;
	}
	.footerContent{
		max-width: 100%;
	}
	
	#main{
		max-width: 100%;
		width: 100%;
		padding-top: 93px;
	}
	
	.postTitle a, .postTitle{font-size: 32px;}
	
	#main img{
		max-width: 100%;
		width: 100%;
	}
	
	#main iframe, .post iframe{
		max-width: 100%;
	}
	
	.post, .postAberto{
	    width: 100%;
	}
	
	.post .social-mobile{
		
	}
	
	.carousel{
		width: 100%;
	}
	
	.wrap-video.video{
		width: 100%;
		height: 220px;
	}
	
	.carousel .wrap-video img{
		max-height: 220px;
	}
	
	.carousel .prev-big, .carousel .next-big{
		top: 35.75%;
	}
	
	.comentarios{
		 width: 95%;
		 margin: 0 auto;
		 float: initial;
	}
	
	.comentarForm input[type="text"]{
		width: 96%;
	}
	
	.comentarForm textarea{
		width: 95%;
	}
	.trabalhoFrente{
	  max-width: 100%;
	}
	
	.widgets, .fb_iframe_widget{
		margin-left: 0;
	}
	
	.media{
		width: 100% !important;
		height: auto;
	}
	
	.social-mobile{
		display: block;
	}
	
	.content-social-mobile{
		  display: block;
		  float: left;
		  width: 100%;
		  margin: 25px 0 50px 0;
		  background: #F1F2F1 url('../../imgs/fatosedados/compartilhamentos.png') no-repeat 5% center;
		  padding: 7px 0 7px 54px;
		  background-size: 24px;
	}
	
	.social-mobile a{
	  display: block;
	  float: left;
	  width: 34px;
	  background-repeat: no-repeat;
	  text-indent: -999em;
	  background-image: url('../../imgs/fatosedados/_sprite.png');
	  background-size: 900px;
	  height: 34px;
	  margin: 0 25px 0 0;
	}
	
	.social-mobile a.facebook-mobile-link{
		background-position: -441px 7px;
		margin-right: 20px;
	}
	
	.social-mobile a.twitter-mobile-link{
		background-position: -477px 9px;
	}
	
	.social-mobile a.linkedin-mobile-link{
		background-position: -538px 6px;
	}
	
	.social-mobile .wa-mobile{
		background-image:url('../../imgs/fatosedados/whatsapp-mobile.png');
		background-position: 0 6px;
        background-size: 24px;
	}
	
	.posteDetalhe{
		clear: both;
	}
	
	.paginacao ul {
	  margin: 16px auto 0 auto;
	  width: 288px;
	}
	
	.paginacao ul li{
		float:left;
		margin-top: 7px;
	}
	
	.paginacao ul li.prevArrow, .paginacao ul li.nextArrow{
		margin-top: 0;
	}
	
	.paginacao .prevArrow a, .paginacao .nextArrow a {
	  font-size: 9px !important;
	  width: 59px !important;
	}
	
	.blogSites {
	  border-bottom: 1px solid #ececec;
	  height: auto;
	  position: absolute;
      top: 0;
      z-index: 101;
	}
	.blogSites p{
	  display: none;
	}
	
	.searchButton, #menu-mobile{
		background-image: url('../../imgs/fatosedados/blog-mobile-novo.png');
		background-repeat:  no-repeat;
		background-size: 320px 110px;
	}
	
	.blogSites .content, .blogHeader{
		background-image: url('../../imgs/fatosedados/blog-mobile-novo-bg.png');
		background-repeat:  no-repeat;
		background-size: 320px 110px;
	}
	
	.blogSites .content{
	  width: 100%;
	  height: 45px;
	  background-position: 0 0;
	  margin: 0;
	  float: left;
	  background-size: 100%;
	}
	
	.blogHeader{
	  width: 100%;
	  position: absolute;
	  z-index: 100;
	  top: 46px;
	  left: 0;
	  height: 65px;
	  background-position: 0px -47px;
	}
	
	.searchBar .searchField{
	  width: 108px;
	  height: 18.5px;
	  border-radius: 7px;
	  background-color: #fff;
	  border-color: #14771a;
	  position: absolute;
	  top: 20px;
	  right: 30px;
	  font-size: 12px;
	  z-index: 101;
	}
	.searchButton {
	  position: absolute;
      right: 28px;
      top: 22px;
	  width: 16px;
	  height: 15px;
	  border-left: 1px solid #abcead;
	  background-position: -245px 2px;
	  z-index: 101;
	}
	.postTitle a, .postTitle {
	    font-size: 22px;
        line-height: 26px;
	}
	
	.postTitle, .meta, .postContent, .fullPost, .posteDetalhe, .postado{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	#menu-mobile{
	  background-color: #008542;
	  border: 0;
	  overflow: hidden;
	  background-repeat: no-repeat;
	  background-size: 362px 144px;
	  display: block;
	  position: absolute;
	  right: 3px;
	  top: 55px;
	  width: 21px;
	  height: 19px;
	  margin: 0;
	  padding: 3px;
	  cursor: pointer;
	  background-position: -330px -17px;
	  z-index: 101;
	  text-indent: -999em;
	  background-size: 370px 132px;
	}
	.categoriesWidget a{
	   background: none;
	   color: #148546;
	   font-weight: bold;
	   padding-left: 2px;
	}
	.categoriesWidget li{
	  width: 90%;
	  border-bottom: 2px solid #e1e1e1;
	  margin: 0 0 0 17px;
	  padding: 0 0 7px;
	}
		
	.mobile-menu{
		display: block;
		margin-top: 10px;
	}
	
	.mobile-menu li a{
		font-weight: normal;
		font-style: italic;
	}
	
	#logo-mobile{
	  background-color: transparent;
	  width: 140px;
	  height: 72px;
	  position: absolute;
	  display: block;
	  text-indent: -999em;	
	  z-index: 1000;
	}
	
}

@media only screen and (max-device-width : 667px){
	.blogHeader {
	  width: 100%;
	  top: 92px;
	  margin-left: 0;
	  height: 125px;
	  background-position: 0px -96px;
	}
	#main {
	  padding-top: 135px;
    }
    .wrapper {
	  margin-top: 87px;
	}
    
    .mobile .blogSites .content {
	  height: 91px;
	  background-position: 1px 0;
	}
	
	.blogSites .content, .searchButton, #menu-mobile{
		background-size: 640px 220px;
	}
	
	.blogHeader{
		background-size: 100% 220px;
	}
	
	.searchBar .searchField {
	  width: 226px;
	  height: 37px;
	  top: 77px;
	  right: 64px;
    }
    .searchButton {
	  right: 65px;
	  top: 80px;
	  width: 32px;
	  height: 30px;
	  background-position: -491px 3px;
	}
	
	#menu-mobile {
	  top: 110px;
	  width: 42px;
	  height: 42px;
	  background-position: -570px -25px;
	}
	
	#logo-mobile {
	  width: 222px;
	  height: 112px;
	}
	
	#sidebar {
	  padding-top: 230px;
	}
	
	.content-social-mobile{
		  padding: 13px 0 13px 105px;
          background-size: 29px;
	}
	
	.social-mobile a{
	  width: 40px;
	  background-size: 1200px;
	  height: 33px;
	  margin: 0 35px 0 0;
	}
	
	.social-mobile a.facebook-mobile-link{
		background-position: -598px 3px;
        margin-right: 24px;
	}
	
	.social-mobile a.twitter-mobile-link{
		background-position: -642px 4px;
	}
	
	.social-mobile a.linkedin-mobile-link{
		background-position: -724px 2px;
	}
	
	.social-mobile .wa-mobile{
		  background-position: 0 0px;
          background-size: 34px;
	}
}

@media only screen and (max-device-width : 568px){
#menu-mobile{
		 right: 2px;
		 top: 106px;
		 height: 26px;
		 width: 27px;
		 background-size: 430px 165px;
		 background-position: -383px -21px;
	}
	
	.blogHeader {
	  height: 139px;
	  background-position: 0px -52px;
	  background-size: 100%;
	  top: 51px;
	}

	.mobile .blogSites .content {
	  height: 80px;
	}

	.searchBar .searchField {
	  top: 70px;
	  width: 205px;
	  height: 26px;
	  right: 36px;
	}

	.searchButton {
	  top: 70px;
	  right: 35px;
	  width: 28px;
	  height: 25px;
	  background-position: -368px 4px;
	  background-size: 480px 165px;
	}
	#main {
	  padding-top: 147px;
	}
	#sidebar {
	  padding-top: 215px;
	}
	.mobile .blogSites .content{
	  background-size: 100%;
	}
}

@media only screen and (max-device-width: 480px){
	#menu-mobile{
		 right: 2px;
		  top: 82px;
		  height: 26px;
		  width: 27px;
		  background-size: 430px 165px;
		  background-position: -383px -21px;
	}
	
	.blogHeader {
	  height: 110.5px;
	  background-position: 0px -52px;
	  background-size: 100%;
	  top: 52px;
	}

	.mobile .blogSites .content{
	  height: 68px;
	}

	.searchBar .searchField {
	  top: 47px;
	  width: 176px;
	  height: 26px;
	  right: 36px;
	}

	.searchButton {
	  top: 47px;
	  right: 35px;
	  width: 28px;
	  height: 25px;
	  background-position: -368px 4px;
	  background-size: 480px 165px;
	}
	#main {
	  padding-top: 116px;
	}
	#sidebar {
	  padding-top: 185px;
	}
		.content-social-mobile{
		  width: 100%;
		  margin: 25px 0 50px 0;
		  padding: 7px 0 7px 54px;
		  background-size: 24px;
	}
	
	.social-mobile a{
	  float: left;
	  width: 34px;
	  background-size: 900px;
	  height: 34px;
	  margin: 0 25px 0 0;
	}
	
	.social-mobile a.facebook-mobile-link{
		background-position: -441px 7px;
		margin-right: 20px;
	}
	
	.social-mobile a.twitter-mobile-link{
		background-position: -477px 9px;
	}
	
	.social-mobile a.linkedin-mobile-link{
		background-position: -538px 6px;
	}
	
	.social-mobile .wa-mobile{
		background-position: 0 6px;
        background-size: 24px;
	}
}

@media only screen and (max-device-width: 414px){
	#menu-mobile{
		right: 3px;
		top: 70px;
	}
	.blogHeader {
	      height: 87px;
		  background-position: 0px -52px;
		  background-size: 100%;
		  top: 51px;
	}
	.mobile .blogSites .content {
	  height: 59px;
	}
	.searchBar .searchField {
	    top: 34px;
        width: 145px;
	}
	
	.searchButton {
	  top: 34px;
	}
	#main {
	  padding-top: 50px;
	}
	#sidebar {
	  padding-top: 154px;
	}
}

@media only screen and (max-device-width: 375px){
	#menu-mobile{
		right: 3px;
		top: 60px;
	}
	.blogHeader {
	  background-position: 0px -52px;
	  background-size: 100% 125px;
	  height: 79px;
	  top: 46px;
	}
	.mobile .blogSites .content {
	  height: 49px;
	}
	.searchBar .searchField {
	  top: 25px;
	  width: 130px;
	}
	
	.searchButton {
	  top: 26px;
	}
	#sidebar {
	  padding-top: 137px;
	}
	#main {
	  padding-top: 40px;
	}
}

@media only screen and (min-device-width: 321px)and (max-device-width: 374px){
	#menu-mobile{
		right: 3px;
		top: 60px;
	}
	.blogHeader {
	  height: 78.5px;
	  background-position: 0px -52px;
	  background-size: 100%;
	  top: 46px;
	}
	.blogSites .content {
	  height: 50px;
	}
	.searchBar .searchField {
	  top: 25px;
	  width: 120px;
	}
	
	.searchButton {
	  top: 26px;
	}
	.mobile .blogSites .content {
	  height: 45px;
	}
		.searchBar .searchField{
	  width: 108px;
	  height: 18.5px;
	  border-radius: 7px;
	  background-color: #fff;
	  border-color: #14771a;
	  position: absolute;
	  top: 20px;
	  right: 30px;
	  font-size: 12px;
	  z-index: 101;
	}
	.searchButton {
	  right: 29px;
	  top: 21px;
	  width: 16px;
	  height: 15px;
	  background-position: -245px 2px;
	  background-size: 320px 110px;
	}
		
	#menu-mobile{
	  background-size: 362px 144px;
	  right: 3px;
	  top: 55px;
	  width: 21px;
	  height: 19px;
	  background-position: -330px -17px;
	  background-size: 370px 132px;
	}
	
	#main {
	  padding-top: 37px;
	}
	#sidebar {
	  padding-top: 137px;
	}
}

@media only screen and (max-device-width: 320px){
	.blogHeader{
	   width: 100%;
	   background-size: 53%;
	   height: 37px;
	}
	#main {
	  padding-top: 32px;
	}
	
	.search {
	  top: 34px;
	  right: 3px;
	  width: 50%;
	}
	
	.searchBar{
	    width: 100%;
  		margin: 0;
	}
	
	.searchField{
		width: 93%;
  		height: 22px;
	}
	
	.searchButton{
	  margin: 0;
	  position: absolute;
	  right: -10px;
	  top: -3px;
	}
	
	.searchButton, #menu-mobile{
		background-image: url('../../imgs/fatosedados/blog-mobile-novo.png');
		background-repeat:  no-repeat;
		background-size: 320px 110px;
	}
	
	.blogSites .content, .blogHeader{
		background-image: url('../../imgs/fatosedados/blog-mobile-novo-bg.png');
		background-repeat:  no-repeat;
		background-size: 320px 110px;
	}
	
	.mobile .blogSites .content{
	  width: 100%;
	  height: 45px;
	  background-position: 0 0;
	  margin: 0;
	  float: left;
	  background-size: 100%;
	}
	
	.blogHeader{
	  width: 100%;
	  position: absolute;
	  z-index: 100;
	  top: 46px;
	  left: 0;
	  height: 65px;
	  background-position: 0px -47px;
	}
	
	.searchBar .searchField{
	  width: 108px;
	  height: 18.5px;
	  border-radius: 7px;
	  background-color: #fff;
	  border-color: #14771a;
	  position: absolute;
	  top: 20px;
	  right: 30px;
	  font-size: 12px;
	  z-index: 101;
	}
	.searchButton {
	  position: absolute;
      right: 28px;
      top: 22px;
	  width: 16px;
	  height: 15px;
	  border-left: 1px solid #abcead;
	  background-position: -245px 2px;
	  z-index: 101;
	}
		
	#menu-mobile{
	  background-size: 362px 144px;
	  right: 3px;
	  top: 55px;
	  width: 21px;
	  height: 19px;
	  background-position: -330px -17px;
	  background-size: 370px 132px;
	}
	
	#sidebar {
	  padding-top: 126px;
	}
}

@media only screen and (min-device-width: 569px) and (max-device-width: 640px){
	.searchBar .searchField {
	  width: 205px;
	}
}