.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.sprite-mobile {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  background-image: url(../imgs/bg/sprite_mobile.png?easwe=qgswe);
  background-repeat: no-repeat;
  background-size: 368px 79px;
}
.sprite-mobile:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.box-sizing *,
.box-sizing *:before,
.box-sizing *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.word-break {
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

img.highlights-bg-mobile{
	display: block;	
}
	
/* covers most phones in portrait view */
@media screen and (max-width: 384px) {
  #header .logo {
    left: 4px;
  }
  .isotope.grid-cards .isotope-item .item-mg .img {
    background-size: auto;
  }
  #content-tab-provas-e-gabaritos .button {
    margin-top: 5px;
    margin-left: 0px;
  }
  #abaProvasGabaritos .button {
    margin-top: 5px;
  }
  #underChart {
    display: none;
  }
  .novos-empreendimentos a {
    width: 150px !important;
  }
  .fixed-share {
    position: fixed;
    top: 75px;
    right: -171px;
    width: 200px;
    height: 37px;
    padding: 1px 1px 1px 8px;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
  }
  .fixed-share ul li.addthis {
    display: inline-block;
    clear: none;
    margin: 6px 0 0 0!important;
  }
  .addthis {
    display: table;
  }
  .addthis .addthis_toolbox {
    float: left;
    left: 4px;
    position: relative;
    top: 3px;
  }
}
/* BEGIN OLD QUERYS */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #highlights .highlights-list li .box:hover a {
    text-decoration: none !important;
  }
  #highlights .highlights-list li .box a:hover {
    text-decoration: none !important;
  }
  #highlights .highlights-list li.item-1 .box a:hover {
    text-decoration: none !important;
  }
  #highlights .highlights-list li.item-1 .box:hover a {
    text-decoration: none !important;
  }
  .field.search-page {
    width: 100%;
  }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .fixed-share {
    position: fixed;
    top: 125px;
    right: 8px;
    width: 27px;
    height: 37px;
    border: none;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 10;
  }
  .fixed-share:before {
    display: block;
  }
  .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;
    padding: 0 0 12px;
  }
  .fixed-share ul li {
    border-bottom: 1px solid #DDDDDB!important;
    display: inherit;
    float: none;
    margin: 0 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: none!important;
  }
  .fixed-share ul li.addthis {
    display: block;
    margin: 2px 3px!important;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wrapper {
    width: 100%;
  }
  .main-content.full {
    width: 96%;
    margin-bottom: 25px;
  }
  .main-content.full .grid-1-2 {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .main-content .col-container {
    width: 45%;
  }
  .main-content .col-links {
    width: 100%;
  }
  #header {
    background-position: -60px 0;
  }
  #header .list-links {
    margin: 12px 10px 0 0;
  }
  #header .list-links li a {
    margin-right: 8px;
    padding-right: 8px;
    font-size: 11px;
  }
  #header .logo a {
    position: absolute;
    left: 40px;
  }
  .nav-container {
    width: 491px;
  }
  .search {
    width: 200px;
    margin-left: 32px;
  }
  .field-search {
    width: 147px;
  }
  .bt-search-page {
    right: 23px !important;
    top: -13px !important;
  }
  .gsc-cursor-box.gs-bidi-start-align {
    margin: 0 auto !important;
    padding: 12px 0 !important;
    width: 100% !important;
  }
  #nav {
    margin: 0 0 17px 23px;
  }
  #nav .list-level1 .level1 {
    margin-left: 0;
  }
  
  #nav .list-level1 .level1.quem-somos .submenu, #nav .list-level1 .level1.quem-somos:hover .submenu{
  	min-height: 275px;
  }
  
  #nav .list-level1 .level1 .link-level1 {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
  }
  .internal-navigation {
    display: none;
  }
  #highlights.template-2 {
    height: 330px;
  }
  #highlights.template-2 .highlights-list {
    width: 768px;
  }
  #highlights.template-2 .highlights-list li {
    width: 246px;
    height: 215px;
  }
  #highlights.template-2 .highlights-list li.item-2 {
    left: 246px;
    height: 215px;
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  #highlights.template-2 .highlights-list li.item-3 {
    height: 215px;
  }
  .header-landing {
    margin-bottom: 20px;
    padding:0 20px 20px 20px;
  }
  .header-landing .title {
    margin-top: 0;
  }
  .header-landing p {
    width: 100%;
  }
  .landing .isotope {
    width: 100%;
    margin: 0;
  }
  .landing .isotope .isotope-item .img {
    width: 100%!important;
  }
  .landing .isotope .isotope-item.width-1-3 {
    width: 32%;
    margin: 0 1% 0 0;
  }
  .landing .isotope .isotope-item.width-1-3 .item-mg {
    width: 92%;
  }
  .landing .isotope .isotope-item.width-2-4 {
    width: 48%;
    margin: 0 1% 0 0;
  }
  .landing .isotope .isotope-item.width-2-4 .item-mg {
    width: 95%;
  }
  .landing .isotope .isotope-item .item-mg {
    margin-left: 4%;
  }
  .landing .select-editais .custom-select {
    width: 100%;
  }
  .landing .select-editais .fake-select {
    width: 90%;
    padding-right: 10px;
  }
  .landing .select-editais .select {
    width: 100%;
  }
  .landing .select-editais .button {
    width: 100%;
  }
  .grid-1-3 {
    width: 224px;
    margin-right: 0;
    margin-left: 20px;
  }
  .grid-2-3 {
    width: 490px;
  }
  .grid-1-5 {
    width: 165px;
  }
  .grid-1-4 {
    width: 24%;
    margin-right: 1%;
  }
  .fatos-e-dados .grid-1-4 {
    margin-right: 1%;
    padding: 0 0 18px 0;
  }
  .bar-cross .grid-1-4 {
    width: 24%;
    margin-right: 1%;
    padding: 0 0 18px 0;
  }
  .bar-cross .title-cross,
  .bar-cross .title-cross a {
    font: 14px/110% "petrobras_sansxbold";
  }
  .bar-cross.main-area .wrapper {
    width: 100%;
    padding-left: 0;
  }
  .bar-cross.main-area .wrapper .grid-1-3 {
    padding: 22px 15px 0;
  }
  .table-cotacao + .box-border,
  .obs-table + .box-border {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .section-2 .box .link-page {
    bottom: 30px;
  }
  .col-likebox {
    width: 45% !important;
    border:0;
  }
  body #content-home #nas-redes .col-likebox .fb_iframe_widget,
  body #content-home #nas-redes .col-likebox .fb_iframe_widget span,
  body #content-home #nas-redes .col-likebox .fb_iframe_widget span iframe[style] {
    width: 369px !important;
    height: 425px !important;
 }
  
  body #content-home #nas-redes .col-likebox .fb_iframe_widget span iframe{
 		border-bottom: 1px solid #aaaaaa; 	
  }
  .col-youtube {
    width: 48%;
  }
  .col-youtube * {
    width: 100% !important;
  }
  .list-grid-3 .list-item img {
    width: 163px;
  }
  #footer .col-2 {
    width: 196px;
    margin: auto;
  }
  #footer .col-3 {
    width: 100%;
  }
  #footer .title-footer {
    font-size: 16px;
  }
  #footer .col-visit-1 {
    float: left;
    width: 364px;
    margin-right: 50px;
  }
  #footer .col-visit-1 ul {
    background: none;
  }
  #footer .col-visit-2 {
    float: right;
    width: 183px;
  }
  /* Barra de compartilhamento */
  .fixed-share {
    position: fixed;
    top: 175px;
    right: -171px;
    width: 200px;
    height: 37px;
    border: 1px solid #DDDDDB;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-top-left-radius: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 14px;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-topleft: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 1px 1px 1px 8px;
  }
  .fixed-share:before {
    display: none;
  }
  .fixed-share ul {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    padding: 0;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
  }
  .fixed-share ul li.addthis {
    display: inline-block;
    clear: none;
    margin: 6px 0 0 0!important;
  }
  .addthis {
    display: table;
  }
  .addthis .addthis_toolbox {
    float: left;
    left: 4px;
    position: relative;
    top: 3px;
  }
  
  .nav-aux{
  	padding-top: 5px;
  	padding-left: 10px;
  }
  
  #header .logo {
	  margin-right: 73px;
  }
  
  #highlights.template-3 .highlights-title {
  	left: 95px;
   }
	
	#highlights .highlights-bg {
	  top: -11px;
	  margin: 0 0 0 -384px;
	  width: 100%;
	}
	
	.section-2.grid-1-3 .box .link-page a {
	  font: 19px/100% "petrobras_sansbold" !important;
	}
	
	.section-2 .box .link-page a {
  		font: 20px/102% "petrobras_sansbold";
	}
	
	.grid-1-3:first-child {
	  margin-left: 25px;
	}
	
	.grid-1-4:first-child {
	  margin-left: 5px;
	}
	.col-likebox {
	  margin-left: 25px;
	}
	.col-youtube {
	  margin-right: 25px;
	}
	#footer {
	  padding-left: 15px;
	}
	
	#footer .col-visit-2 {
	  width: 255px;
	}
	
	#footer .acesso-informacao {
	    width: 130px;
  		height: 56px;
	}
	#calls {
	  padding-left: 5px;
	}
	
	.main-content {
	  float: none;
	  margin: 0 auto;
	}
	
	.bar-cross.main-area, .bar-cross.full {
		  padding-left: 10px;
	}
	
	.states .select-states .fake-select {
 		 width: 161px;
	}
	
	.select-inform .fake-select {
  		width: 120px;
	}
	
	.novos-empreendimentos a {
		width: 190px;
	    height: 68px;
  		margin-bottom: 40px;
	}
	
	.select-presentation .button {
		  width: 135px;
		}
	.isotope.grid-cards .isotope-item .item-mg .overlay {
		  min-height: 147px;
	}
	.side-col {
	  width: 93%;
	}
	
	.main-content .news .sub-title {
	  margin: 0 0 10px 0;
	}
	
	#cse{
		width: 715px;
  		margin: 0 auto;
	}
	
	#highlights .highlights-bg.pattern{
		top: 19px;
		width: 100%;
	}
	
	#footer .rights {
  		margin: 10px 0 0 -15px;
	}
}
/* Telas com tamanho maximo de 640px */
@media only screen and (max-width: 640px) {
  .fixed-share {
    position: fixed;
    top: 75px;
    right: -171px;
    width: 200px;
    height: 37px;
    border: 1px solid #DDDDDB;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-top-left-radius: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 14px;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-topleft: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 1px 1px 1px 8px;
  }
  .fixed-share:before {
    display: none;
  }
  .fixed-share ul {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    padding: 0;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
  }
  .fixed-share ul li.addthis {
    display: inline-block;
    clear: none;
    margin: 6px 0 0 0!important;
  }
  .addthis {
    display: table;
  }
  .addthis .addthis_toolbox {
    float: left;
    left: 4px;
    position: relative;
    top: 3px;
  }
  .wrapper {
    width: 87.5%;
  }
  .internal-navigation {
    display: none;
  }
  .side-col {
    float: none;
    width: 280px;
    margin: 0;
    padding-left: 0;
    border-left: none;
  }
  #underChart {
    display: none;
  }
  .nav-aux ul {
    display: none;
  }
  .nav-aux {
    display: none;
    position: absolute;
    top: 9px;
    right: 44px;
    width: 36px;
    height: auto;
    margin-top: 0;
    padding: 10px;
    border-bottom: none;
  }
  .nav-aux .wrapper {
    width: 100%;
  }
  .nav-aux a {
    font: 11px/100% "petrobras_sansregular";
    color: #fff;
  }
  #header {
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    height: auto;
    margin-bottom: 30px;
    background: url(../imgs/bg/header_mobile.png?e=e) 0 0 no-repeat;
  }
  #header .logo {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite_mobile.png?easwe=qgswe);
    background-repeat: no-repeat;
    background-size: 368px 79px;
    left: 0px;
    float: none;
    position: relative;
    top: 13px;
    width: 100px;
    height: 19px;
    margin: 0;
    background-position: 0 -60px;
  }
  #header .logo:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  #header .logo a {
    position: relative;
    top: -29px;
    background: none;
    z-index: 2;
    width: 98px;
    height: 17px;
  }
  #header .list-links {
    display: none;
  }
  #header.open-nav {
    background-color: #f1f2f2;
  }
  .breadcrumb {
    display: none;
  }
  .nav-container {
    float: none;
    width: 100%;
    margin-top: 32px;
    padding-bottom: 15px;
  }
  .search {
    position: absolute;
    top: 13px;
    right: 41px;
    width: 122px;
    height: 22px;
    margin: 0;
  }
  .field-search {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite_mobile.png?easwe=qgswe);
    background-repeat: no-repeat;
    background-size: 368px 79px;
    width: 92px;
    height: auto;
    padding: 4px 4px 3px;
    font-size: 11px;
    background-position: 0 -38px;
  }
  .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_mobile.png?easwe=qgswe);
    background-repeat: no-repeat;
    background-size: 368px 79px;
    width: 25px;
    height: 22px;
    background-position: -98px -38px;
  }
  .bt-search:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  #bt-nav-mobile {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    background-image: url(../imgs/bg/sprite_mobile.png?easwe=qgswe);
    background-repeat: no-repeat;
    background-size: 368px 79px;
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 3px;
    cursor: pointer;
    background-position: -244px -5px;
  }
  #bt-nav-mobile:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }
  .main-content ol.topics li .sub-title-2 {
    margin-top: 0;
  }
  #nav {
    display: none;
    margin: 28px 0 0 0;
  }
  #nav a {
    display: block;
    padding: 11px 0 11px 15px !important;
    text-decoration: none;
    font: 18px/100% "petrobras_sansregular" !important;
    color: #008542 !important;
    border-bottom: 1px solid #e0e0e0;
  }
  #nav a:after {
    position: absolute;
    right: 10px;
    top: 12px;
    content: "";
    width: 7px;
    height: 16px;
    background: url(../imgs/bg/sprite_v.png) 0 -260px no-repeat;
  }
  #nav .list-level1 {
    float: none;
  }
  #nav .list-level1 .level1 {
    float: none;
  }
  #nav .list-level1 .level1:hover .link-level1 {
    color: #008542;
    background-color: #f1f2f2;
  }
  #nav .list-level1 .level1:hover .submenu {
    min-height: 0 !important;
  }
  #nav .list-level1 .level1.quem-somos:hover .submenu,
  #nav .list-level1 .level1.nossas-atividades:hover .submenu,
  #nav .list-level1 .level1.sociedade-meio-ambiente:hover .submenu,
  #nav .list-level1 .level1.produtos-servicos:hover .submenu {
    min-height: 0 !important;
  }
  #nav .list-level1 .level1.home {
    display: block;
  }
  #nav .list-level1 .level1.back a {
    padding-left: 17px !important;
    font: 18px/100% "petrobras_sansbold" !important;
    color: #665c53 !important;
    background: url(../imgs/bg/sprite_v.png) 0 -284px no-repeat;
  }
  #nav .list-level1 .level1.back a:before {
    position: absolute;
    left: 0;
    top: 12px;
    content: "";
    width: 7px;
    height: 16px;
    background: url(../imgs/bg/sprite_v.png) 0 -296px no-repeat;
  }
  #nav .list-level1 .level1.back a:after {
    background: none;
  }
  #nav .list-level1 .level1.mobile {
    display: block;
  }
  #nav .list-level1 .level2,
  #nav .list-level1 .level3 {
    float: none !important;
    width: auto !important;
  }
  #nav .list-level1 a.active {
    padding-left: 0 !important;
  }
  #nav .list-level1 a.last-level:after {
    background: none;
  }
  #nav .list-level1 a.last-level:hover {
    text-decoration: underline;
  }
  #nav .list-level3 {
    display: none;
  }
  
  #nav .list-level4 {
    display: none;
  }
  
  #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;
    width: auto !important;
    height: auto;
    position: static;
    background-color: transparent;
  }
  #nav .submenu li {
    width: auto;
  }
  #nav .submenu .list-level2 {
    padding: 0;
  }
  #nav .submenu .level2 {
    padding-bottom: 0;
  }
  #nav .submenu .level2 .link-level2 {
    margin-bottom: 0;
  }
  #nav .submenu .level3 {
    margin-bottom: 0;
  }
  .channels {
    margin-top: 288px;
  }
  .channels .channels-text {
    float: left;
    margin: 17px 0 0 0;
    font-size: 11px;
  }
  
  .channels.channels-env3 .channels-text{
  	font-size: 10px;
  }
  
  .template-v3 #header .logo a.logo-en {
	  background-image: none !important;
	  background-position: 0 0 !important;
	  height: 17px !important;
	  width: 98px !important;
  }
  
  .channels .list-channels li a {
    padding: 0 5px;
  }
  .channels .list-channels li a.instagram {
    padding-right: 0;
  }
  #home #header {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #content-home .fatos-e-dados {
    margin-top: 0;
  }
  #calls {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border-bottom: none;
  }
  #calls .section-2 {
    display: none;
  }
  #nas-redes {
    display: none;
  }
  .fatos-e-dados {
    margin-bottom: 35px;
  }
  .fatos-e-dados .grid-1-4 {
    position: relative;
    width: 100%;
    height: auto !important;
    padding: 14px 20px !important;
    margin: 0 0 0 -20px;
    border-right: none;
  }
  .fatos-e-dados .grid-1-4.odd {
    background-color: #f6f6f6;
  }
  .fatos-e-dados .grid-1-4:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 5px;
    height: 16px;
    background: url(../imgs/bg/sprite.png) -448px -77px no-repeat;
  }
  .fatos-e-dados .time-2 {
    padding-bottom: 0;
  }
  .fatos-e-dados > footer {
    padding-top: 15px;
    border-top: none;
  }
  .fatos-e-dados > footer .link {
    -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;
    display: block;
    width: 100%;
    padding: 16px 0;
    text-transform: uppercase;
    text-align: center;
    font: 16px/100% "petrobras_sansbold";
    color: #006298;
    border: none;
    background-color: #e5ebee;
  }
  .fatos-e-dados > footer .link:after {
    position: absolute;
    background: none;
  }
  #highlights {
    position: absolute;
    top: 0;
    height: 389px;
    overflow: hidden;
  }
  #highlights .caroufredsel_wrapper {
    height: 254px !important;
    width: 100% !important;
  }
  #highlights .highlights-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 254px !important;
    width: 100% !important;
  }
  #highlights .highlights-list li {
    position: relative;
    left: 0;
    width: 320px;
    margin: 0;
  }
  #highlights .highlights-list li img {
    width: 100%;
    height: auto;
  }
  #highlights .highlights-list li .box {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
  }
  #highlights .highlights-list li .box:hover a {
    text-decoration: none !important;
  }
  #highlights .highlights-list li .box .text {
    bottom: 42px;
  }
  #highlights .highlights-list li .box a {
    font: 24px/100% "petrobras_sanslight";
    background: #008542;
  }
  #highlights .highlights-list li .box a:hover {
    text-decoration: none !important;
  }
  #highlights .highlights-list li.item-1 {
    height: 254px;
    z-index: 1;
    top: auto;
    margin-left: 0 !important;
    width: auto;
  }
  #highlights .highlights-list li.item-1 .box {
    top: 0;
    left: 0;
    margin-left: 0;
    width: auto;
    cursor: pointer;
  }
  #highlights .highlights-list li.item-1 .box .text {
    bottom: 42px;
    position: absolute;
  }
  #highlights .highlights-list li.item-1 .box a {
    padding: 0;
    font: 24px/100% "petrobras_sanslight";
    text-transform: normal;
  }
  #highlights .highlights-list li.item-1 .box a:hover {
    text-decoration: none !important;
  }
  #highlights .highlights-list li.item-1 .box:hover a {
    text-decoration: none !important;
  }
  #highlights .highlights-list li.item-2 {
    top: auto;
    height: 254px;
  }
  #highlights .highlights-list li.item-3 {
    top: auto;
    height: 254px;
  }
  #highlights .highlights-list li.open-video .box:hover {
    background-size: 115px 115px;
  }
  #highlights .highlights-bg {
    display: none;
  }
  #highlights .highlights-pag {
    visibility: visible;
    height: 34px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 35%;
    background-color: #008542;
  }
  #highlights .highlights-pag:before,
  #highlights .highlights-pag:after {
    content: " ";
    display: table;
  }
  #highlights .highlights-pag:after {
    clear: both;
  }
  #highlights .highlights-pag {
    *zoom: 1;
  }
  #highlights .highlights-pag li {
    float: left;
    width: 14px;
    height: 14px;
    margin: 11px 30px 0 0;
  }
  #highlights .highlights-pag li button {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    -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;
    width: 13px;
    height: 13px;
    padding: 0;
    border: 1px solid #fdc82f;
    background-color: #fff;
  }
  #highlights .highlights-pag li.selected button {
    background-color: #fdc82f;
  }
  #highlights.template-2 {
    width: 100%;
    height: 288px;
    margin: auto;
  }
  #highlights.template-2 .caroufredsel_wrapper {
    left: 0!important;
    margin: 0!important;
  }
  #highlights.template-2 .highlights-list {
    width: 100%;
    bottom: 0 !important;
  }
  #highlights.template-2 .highlights-list li {
    position: relative;
    width: 100% !important;
  }
  #highlights.template-2 .highlights-list li .box .text {
    bottom: 20px;
  }
  #highlights.template-2 .highlights-list li .box a {
    font: 24px/125% "petrobras_sanslight";
    background: #008542;
  }
  #highlights.template-2 .highlights-list li.item-1 {
    left: 0;
    right: auto;
  }
  #highlights.template-2 .highlights-list li.item-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0;
  }
  #highlights.template-2 .highlights-list li.item-3 {
    left: 0;
    right: auto;
  }
  #highlights.template-2 .highlights-list .sitepetrobras-service-videoimagemmobile,
  #highlights.template-2 .highlights-list .sitepetrobras-service-videoimagemmobile-videoimagemmobile,
  #highlights.template-2 .highlights-list .lum-interface-type-standard,
  #highlights.template-2 .highlights-list .lum-interface-type-list {
    width: 320px !important;
  }
  #highlights.template-3 {
    position: static;
    height: auto;
  }
  
  #highlights.template-3 .highlights-title {
	  position: initial;
	  width: 235px;
	  margin: 222px 0 25px 11%;
	  line-height: 0.7em;
  }
  
#highlights .highlights-bg-mobile{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  margin: 0 0 0 -900px;
  width: 100%;
}

#highlights.template-3 .highlights-title a {
  font: 18px/100% "petrobras_sansbold";
  color: #fff;
}
	
#highlights.template-3 .crisis > header, #highlights.template-3 .crisis > article{
	padding-right: 3%;
	padding-left: 3%;	
}
  
.template-v3 .channels {
  margin: 0;
  position: absolute;
  top: 213px;
}
	
.template-v3 .section-2.grid-1-3 img {
    width: 100%;
}
	
.template-v3 #calls .section-2.grid-1-3{
    display: block;
    margin-bottom: 20px;
}
  
#highlights.template-3 .highlights-bg-mobile {
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  height: 213px;
}
	
#highlights.template-3 .highlights-bg{
	display: none;
}
	
  #highlights .crisis {
    position: initial;
  }
  
  .template-v3 #highlights .crisis {
	  float: left;
	  margin: 50px 0 20px 0;
  }
  
  #highlights .crisis > header {
    padding-left: 10px;
    padding-right: 10px;
  }
  #highlights .crisis > article {
    width: 260px;
    padding: 10px;
  }
  
  #highlights.template-3 .crisis > article, #highlights.template-3 .crisis > header{
    width: 94%;
  }
  
  .csstransitions #highlights .crisis > article:hover {
    right: 0;
  }
  #modal .close {
    right: -7px;
    top: -30px;
  }
  .main-content {
    float: none;
    width: 280px;
    margin-bottom: 30px;
  }
  .main-content img {
    width: 100%;
    height: auto;
  }
  .main-content .grid-1-2,
  .main-content .grid-1-3,
  .main-content .grid-2-3,
  .main-content .grid-1-4,
  .main-content .grid-1-5 {
    float: none;
    width: auto;
    margin: 0;
  }
  .main-content .grid-3 .grid-1-3 {
    float: none;
    width: auto;
    margin: 0;
  }
  .main-content .grid-3 .grid-2-3 {
    float: none;
    width: auto;
    margin: 0;
  }
  .main-content .grid-3.border .grid-1-3 {
    float: none;
    width: auto;
    margin: 0;
    padding-right: 0;
    border-right: none;
  }
  .main-content .grid-3.bottom {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .main-content .grid-3 .isotope-item {
    margin: 0 auto;
  }
  .main-content .line2 {
    margin-bottom: 40px;
  }
  .main-content .line2.border {
    padding-bottom: 33px;
  }
  .main-content.full {
    width: 100%;
  }
  .main-content.full .grid-1-2 {
    width: auto;
  }
  .main-content .col-container {
    width: 100%;
    margin-right: 0;
  }
  .main-content .col-links {
    float: none;
    width: auto;
    margin-bottom: 35px;
  }
  .main-content .new-window {
    -ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: normal;
  }
  .main-content table.right {
    width: 280px;
  }
  .main-content table.right th {
    padding: 8px 0 8px 5px;
  }
  .main-content table.right td {
    padding: 8px 0 8px 5px;
  }
  .news img {
    width: 100%;
  }
  iframe .main-col,
  .main-col {
    float: none;
    width: auto;
  }
  .grid-1-2,
  .grid-1-3,
  .grid-2-3,
  .grid-1-4,
  .grid-1-5 {
    float: none;
    width: auto;
    margin: 0;
  }
  .list-type-2 {
    width: auto;
    float: none;
  }
  .list-type-3 {
    width: auto;
    margin: 0;
    padding: 0;
  }
  .list-type-3 ul {
    margin: 0;
    padding: 0;
  }
  .list-type-3 li {
    float: none;
    width: auto;
    margin: 0 0 15px 5px;
    padding: 0;
    line-height: 120%;
  }
  .list-cards .card-item {
    float: none;
    width: 100%;
    height: 100%;
    margin-right: 0;
  }
  .list-news img {
    width: 100%;
  }
  .list-type-5 li {
    margin-bottom: 8px;
    padding: 0 2px;
  }
  .list-type-5 li a {
    display: block;
    padding: 8px 0;
    font-size: 13px;
  }
  .sub-title-6 {
    width: 200px;
    font-size: 20px;
  }
  .sub-title-6:before {
    top: 0 !important;
  }
  .obs-table {
    font-size: 12px;
  }
  .table-cotacao {
    margin: 0 0 10px;
    padding: 0;
  }
  .table-cotacao th {
    font: 14px/100% "petrobras_sansxbold";
  }
  .table-cotacao td {
    padding: 5px 0;
    text-align: left;
    font-size: 14px;
  }
  .table-cotacao .even td {
    color: #008542;
    background-color: #fff;
  }
  .table-cotacao .even td .var {
    background-color: #e1e1e1;
  }
  #footer {
    padding-top: 15px;
  }
  #footer .col-1,
  #footer .col-2 {
    display: none;
  }
  #footer .col-visit {
    display: block;
    width: 100%;
    margin: 0 0 13px;
    padding: 0 0 10px;
    background: url(../imgs/bg/line_footer.gif) 0 bottom repeat-x;
  }
  #footer .col-visit .title-others {
    display: none;
  }
  #footer .col-visit .col-visit-1 {
    float: none;
    width: auto;
    margin-right: 0;
  }
  #footer .col-visit .col-visit-2 {
    display: none;
  }
  #footer .col-visit ul {
    margin: 0;
    padding: 0;
    background: none;
  }
  #footer .col-visit ul li {
    margin: 0 23px 0 0;
    padding: 0;
  }
  #footer .col-visit ul li a {
    background: none;
  }
  #footer .col-visit ul li a:before {
    display: none;
  }
  #footer .col-visit ul li.first {
    margin-left: 14px;
  }
  #footer .links-footer {
    margin: 0;
    padding: 0 0 6px;
  }
  #footer .links-footer a#language {
    margin-left: 44px;
  }
  #footer .rights {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer .mobile-footer-menu {
    clear: both;
    display: block;
    background: url(../imgs/bg/line_footer.gif) 0 bottom repeat-x;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  #footer .mobile-footer-menu:before,
  #footer .mobile-footer-menu:after {
    content: " ";
    display: table;
  }
  #footer .mobile-footer-menu:after {
    clear: both;
  }
  #footer .mobile-footer-menu {
    *zoom: 1;
  }
  #footer .mobile-footer-menu a {
    font: 12px/100% "petrobras_sansbold";
    color: #006298;
  }
  .header-landing {
    width: auto;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .header-landing img {
    display: none;
  }
  .header-landing p {
    width: auto;
  }
  .section {
    float: none;
    margin-bottom: 40px;
  }
  .section > header {
    float: left;
    width: 140px;
    margin-right: 6px;
    margin-bottom: 0;
  }
  .section > a {
    float: right;
    overflow: initial;
    width: 134px;
    height: 100%;
  }
  .section > a .link-page {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 4px 8px;
    font: 17px/100% "petrobras_sansbold";
    color: #fff;
    background: #008542;
  }
  .section > a img {
    position: static;
    width: 100%;
    height: auto;
  }
  .section > a:hover .link-page {
    padding-bottom: 4px;
  }
  .section .sub-title {
    margin-bottom: 20px;
    font-size: 22px;
    letter-spacing: -1px;
  }
  .section .sub-title a {
    font-size: 18px;
    letter-spacing: -1px;
  }
  .section .sub-title:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 10px;
    margin-left: 5px;
    background: url(../imgs/bg/sprite.png) -211px -102px repeat;
  }
  .bar-cross {
    display: none;
  }
  .wrap-video {
    width: 100%;
    height: auto;
    min-height: 36px;
  }
  .wrap-video .image-video {
    width: auto;
    height: auto;
  }
  .wrap-video img.image-video {
    width: 100%;
    height: auto;
  }
  .wrap-video .toggle-video {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    background: url(../imgs/bg/play-bg-02.png) center no-repeat;
  }
  .wrap-video .toggle-video:hover {
    background: url(../imgs/bg/play-bg-02.png) center no-repeat;
  }
  .wrap-video .wrap-iframe {
    width: 100%;
    height: 100%;
  }
  .wrap-video .wrap-iframe iframe {
    width: 100% !important;
    height: 100% !important;
  }
  .pagination {
    width: 245px;
    padding-left: 35px;
  }
  .addthis .addthis_toolbox {
    width: 280px;
  }
  .infographic {
    display: none;
  }
  .map-operations {
    min-height: 100px;
  }
  .map-operations #croft-map {
    width: 280px;
    height: 340px;
  }
  .tabs {
    margin-bottom: 10px;
  }
  .tabs .list-tabs {
    height: auto;
    margin: 20px 0 30px;
    padding: 0;
    background: #fff;
  }
  .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: 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;
  }
  .tabs .list-tabs li {
    float: none;
    position: relative;
    margin-bottom: 8px;
    text-align: center;
  }
  .tabs .list-tabs li.on {
    top: 0;
    margin-top: 0;
    padding-bottom: 0;
    background-color: #fff;
  }
  .tabs .list-tabs li.on a {
    border: 1px solid #d9d9d9;
  }
  .form-formacao *,
  .form-formacao *:before,
  .form-formacao *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-formacao .col-1 {
    margin-right: 0;
    width: 100%;
  }
  .form-formacao .col-2 {
    clear: both;
    float: none;
    width: 100%;
  }
  .form-formacao .col-2 .button {
    padding: 10px 0;
    width: 100%;
  }
  .form-formacao .col-3 {
    width: 100%;
    margin-top: 10px;
  }
  .form-formacao .col-3 .custom-select {
    width: 100%;
    display: none;
  }
  .form-formacao .col-3 .custom-select .fake-select {
    background: url("../imgs/bg/sprite_v.png") no-repeat scroll 243px -122px transparent;
    right: 0;
    width: auto;
  }
  .form-formacao .col-3 .custom-select.mobile {
    display: block;
  }
  #field-formacao,
  .field-formacao {
    width: 100%;
    padding: 7px 5%;
  }
  #select-formation-mobile {
    -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;
    z-index: 81;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #select-formation-mobile optgroup {
    color: #665C53;
    display: block;
    font: 12px/100% "petrobras_sansbold";
  }
  #select-formation-mobile option {
    color: #665C53;
    display: block;
    padding: 0;
    font: 12px/100% "petrobras_sanslight";
  }
  .line .title-label {
    display: block;
    clear: both;
    margin-bottom: 10px;
  }
  .line .label-radio {
    display: block;
    height: 20px;
    clear: both;
  }
  .box-col {
    width: auto;
    float: none !important;
  }
  #slideShare {
    height: 250px !important;
  }
  #premios-e-certificacoes .line img {
    float: none !important;
  }
  #premios-e-certificacoes .line .new-window {
    white-space: normal;
  }
  .social-profiles {
    display: block;
    width: 100%;
  }
  .social-profiles .social-profiles-header {
    width: 100%;
  }
  .social-profiles .social-profiles-header .social-list {
    width: 100%;
  }
  .social-profiles .social-profiles-header .social-list .list-item {
    height: 34px;
  }
  .social-profiles .social-profile {
    width: 100%;
  }
  #campanhas-publicitarias .wrap-video {
    width: 100%;
    height: 210px;
  }
  #campanhas-publicitarias .wrap-video img {
    position: relative;
    top: 0;
    left: 0!important;
    width: auto!important;
    height: 100%;
    margin: 0 auto;
  }
  #campanhas-publicitarias .wrap-video .wrap-iframe iframe {
    height: 210px;
  }
  #campanhas-publicitarias .list-grid-3 {
    width: 100%;
  }
  #campanhas-publicitarias .list-grid-3 .list-item.middle {
    margin-left: 0;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link {
    width: 100%;
    height: 150px;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link *,
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link *:before,
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link img {
    position: relative;
    top: 0;
    left: 0!important;
    width: auto!important;
    height: 100%;
    margin: 0 auto;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link .toggle-video {
    width: 100%;
    height: 100%;
  }
  #campanhas-publicitarias #video-big header .sub-title-2 {
    width: 75%;
  }
  .old-campaings header form {
    float: none;
    clear: both;
    padding-top: 10px;
  }
  #ciencia-sem-fronteiras img.left {
    float: none;
  }
  .filter-operations .operations {
    float: none;
    width: auto;
  }
  .filter-operations .operations .list-buttons {
    margin: 8px 0 20px;
    padding: 0;
    list-style: none;
  }
  .filter-operations .operations .list-buttons li {
    float: left;
    width: 131px;
    margin: 0 7px 7px 0;
  }
  .filter-operations .states {
    float: none;
    width: auto;
  }
  .mini-map-container figure,
  .mini-map-container img {
    margin-top: 0;
  }
  .mini-map {
    display: none;
  }
  .carousel {
    width: 100%;
    margin-bottom: 52px;
  }
  .carousel .wrap-video .title-item {
    display: block;
    bottom: -55px;
    padding: 6px 0;
    font-size: 17px;
    text-align: center;
    width: 100%;
    min-height: 43px;
    font: 14px/120% "petrobras_sansregular";
    background-color: rgba(0, 0, 0, 0.4);
  }
  .carousel .wrap-video .image-video {
    margin-bottom: 0;
  }
  .carousel .wrap-video img.image-video {
    width: 100%;
    height: auto;
  }
  .carousel .prev-big,
  .carousel .next-big {
    -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(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
  }
  .carousel .prev-big {
    left: 7px;
  }
  .carousel .next-big {
    right: 7px;
  }
  .carousel .prev,
  .carousel .next,
  .carousel .prev.disabled,
  .carousel .next.disabled {
    visibility: hidden!important;
    display: none!important;
  }
  .carousel .caroufredsel_wrapper {
    visibility: hidden;
    width: 250px !important;
    height: 1px !important;
  }
  .carousel .carousel-gallery-prev {
    visibility: hidden;
  }
  .carousel .carousel-gallery-next {
    visibility: hidden;
  }
  .card-detail .carousel .close {
    display: none;
    position: absolute;
    right: 10px;
    top: -25px;
    z-index: 10;
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
  }
  .carousel.small {
    width: 100%;
    margin: 0 0 36px 0;
    float: none !important;
  }
  .carousel.small .wrap-video {
    width: 100%;
    height: auto;
  }
  .carousel.small .wrap-video .image-video {
    width: auto;
    height: auto;
  }
  .carousel.small .wrap-video .toggle-video {
    width: auto;
    height: auto;
  }
  .carousel.small .wrap-video .title-item {
    width: 100%;
    padding: 6px 0;
  }
  .carousel.small.left,
  .carousel.small.right {
    margin-right: 0;
    margin-left: 0;
  }
  .field.search-page {
    width: 100%;
  }
  .field.search-page *,
  .field.search-page *:before,
  .field.search-page *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .button {
    width: 100%;
    height: 34px !important;
  }
  .custom-select {
    width: 100% !important;
  }
  .custom-select *,
  .custom-select *:before,
  .custom-select *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .custom-select.left {
    float: none !important;
    clear: both;
  }
  .custom-select.select-role {
    margin: 0;
  }
  .custom-select .fake-select {
    width: 100% !important;
  }
  .custom-select .select {
    width: 85% !important;
  }
  .select-leiloes .custom-select {
    float: left;
    width: 280px;
    margin: 0 0 10px;
  }
  .select-leiloes .fake-select {
    width: 228px;
    padding-left: 10px;
  }
  .select-leiloes .select {
    width: 280px;
  }
  .select-leiloes .button {
    float: left;
    width: 280px;
    padding-left: 0;
    padding-right: 0;
  }
  .custom-select-multiple {
    width: 100%;
  }
  #select-states {
    width: 100%;
  }
  #select-states li {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .select-states {
    width: 280px;
    margin-top: 8px;
  }
  .select-states .custom-select {
    margin-bottom: 10px;
  }
  .select-states .fake-select {
    width: 218px;
  }
  .select-states .select {
    width: 280px;
  }
  .select-states .button {
    width: 280px;
  }
  .select-editais {
    margin: 0 10px 10px;
  }
  .select-editais .custom-select {
    width: 256px;
    margin-bottom: 10px;
  }
  .select-editais .fake-select {
    width: 204px;
    padding-left: 10px;
  }
  .select-editais .select {
    width: 256px;
  }
  .select-editais .button {
    width: 100%;
  }
  .result {
    clear: both;
    width: 100%;
    float: none;
    display: block;
  }
  .button-2 {
    width: 129px;
  }
  .box-highlight-2,
  .box-highlight-3 {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .list-grid-3 {
    width: 100%;
  }
  .list-grid-3 .list-item {
    width: 100%;
  }
  .list-grid-3 .list-item img {
    width: 100% !important;
  }
  .list-grid-3 .list-item.middle {
    margin-left: 0;
    margin-right: 0;
  }
  #expandindo-os-limites .wrap-video.small {
    width: 100%;
    margin-right: 0;
  }
  #expandindo-os-limites .wrap-video.small .toggle-video {
    width: 100%;
  }
  #expandindo-os-limites .wrap-video .wrap-iframe iframe {
    width: 100% !important;
  }
  .rsArrow {
    display: none !important;
  }
  #mosaic {
    margin: 0 auto;
    width: 100%;
  }
  #mosaic *,
  #mosaic *:before,
  #mosaic *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mosaic .carousel li {
    width: 67px;
    margin: 1px 11px 0 0 !important;
  }
  #mosaic .carousel .caroufredsel_wrapper {
    height: 62px !important;
    visibility: visible;
    width: 100% !important;
  }
  #mosaic .carousel .carousel-gallery-prev {
    visibility: visible;
  }
  #mosaic .carousel .carousel-gallery-next {
    visibility: visible;
  }
  #mosaic .carousel .prev {
    height: 61px;
  }
  #mosaic .carousel .prev span {
    top: 17px;
  }
  #mosaic .carousel .next {
    height: 61px;
  }
  #mosaic .carousel .next span {
    top: 17px;
  }
  #mosaic .carousel .prev,
  #mosaic .carousel .next {
    visibility: visible!important;
    display: block!important;
    z-index: 90;
  }
  #mosaic .isotope-item {
    width: 100% !important;
    height: auto !important;
  }
  #mosaic .isotope-item .content {
    display: block;
  }
  #mosaic .isotope-item .item-mg {
    margin-left: 0 !important;
    width: 100%;
    height: auto !important;
  }
  #mosaic .isotope-item .item-mg *,
  #mosaic .isotope-item .item-mg *:before,
  #mosaic .isotope-item .item-mg *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mosaic .isotope-item .img {
    margin-left: 0 !important;
    width: 100%;
  }
  #mosaic .isotope-item .wrap-video {
    width: 100%;
    height: auto;
  }
  #mosaic .isotope-item .wrap-video .image-video {
    width: 100%;
    height: auto;
  }
  #mosaic .isotope-item .wrap-video .toggle-video {
    width: 100% !important;
    height: auto;
  }
  #mosaic .isotope-item .wrap-video .wrap-iframe {
    width: 100%;
  }
  #mosaic .isotope-item .wrap-video .wrap-iframe iframe {
    width: 100% !important;
  }
  #mosaic .isotope-item.img-right .item-mg .arrow {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -22px;
    right: auto;
    top: auto;
    border-color: transparent transparent #FFFFFF;
  }
  #mosaic .isotope-item.img-right .item-mg .img {
    float: none;
  }
  #mosaic .isotope-item.img-right .item-mg .header {
    float: none;
    width: auto;
  }
  #mosaic .isotope-item.img-left .item-mg .arrow {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -22px;
    right: auto;
    top: auto;
    border-color: transparent transparent #FFFFFF;
  }
  #mosaic .isotope-item.img-left .item-mg .img {
    float: none;
  }
  #mosaic .isotope-item.img-left .item-mg .header {
    float: none;
    width: auto;
  }
  .isotope .carousel {
    width: 100%!important;
  }
  .carousel {
    width: 100%;
  }
  .isotope-item.link-box {
    width: 100%;
    height: auto;
  }
  .isotope-item.link-box .img {
    width: 100%;
  }
  .isotope-item.link-box header {
    width: 100%;
  }
  .isotope-item.link-box header *,
  .isotope-item.link-box header *:before,
  .isotope-item.link-box header *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .isotope-item.link-box .arrow {
    bottom: 0;
    left: 50%;
    right: auto;
    margin-left: -22px;
    border-color: transparent transparent #E8E8E8;
  }
  .rsBullets {
    bottom: 0;
  }
  .social-profiles .social-profile {
    display: none;
  }
  .isotope.grid-cards {
    width: 100%;
    margin: 0 auto;
  }
  .isotope.grid-cards .isotope-item {
    width: 100%;
    height: auto;
  }
  .isotope.grid-cards .isotope-item .item-mg {
    width: 98%;
    height: auto;
    margin-left: 0;
    overflow: auto;
  }
  .isotope.grid-cards .isotope-item .item-mg .img {
    width: 100%;
    height: 227px;
    position: static;
    background-size: 100%;
  }
  .isotope.grid-cards .isotope-item .item-mg .overlay {
    margin-top: -22px;
    padding-top: 22px;
    position: static;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages {
    padding: 0 14px;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
  }
  .isotope.grid-cards .isotope-item .list-sub-pages li a {
    font: 13px/100% "petrobras_sansxbold";
  }
  .isotope.grid-cards .isotope-item.width-4 .list-sub-pages li {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .isotope.grid-cards .isotope-item.width-3 .list-sub-pages li {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .isotope.grid-cards .isotope-item.type-2 {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .container {
    position: static;
    width: auto;
  }
  .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;
    float: none !important;
    width: auto !important;
    background-position: 0 0 !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .header {
    float: none !important;
    height: auto !important;
    width: auto !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .list-sub-pages {
    float: none;
    width: auto;
    padding: 0 20px;
    background-color: transparent !important;
  }
  .isotope.grid-cards .isotope-item.type-2 .list-sub-pages li {
    float: none;
    display: block;
    width: auto;
  }
  .isotope.grid-cards .isotope-item.type-2 .arrow {
    bottom: 0;
    left: 50%;
    right: auto;
    top: auto;
    margin-left: -22px;
    border-color: transparent transparent #E8E8E8 transparent !important;
    border-width: 22px !important;
    border-style: solid !important;
  }
  .csstransitions .isotope.grid-cards .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.grid-cards .isotope-item.type-2:hover .img {
    width: auto !important;
  }
  .accordion > h1 span,
  .accordion > h2 span,
  .accordion > h3 span {
    float: left;
    padding-left: 40px;
  }
  .accordion.active .acc-content {
    background-position-x: 40%;
  }
  #concursos .accordion h1 span {
    display: none;
  }
  #concursos .custom-select.left {
    float: none !important;
    clear: both;
  }
  #concursos .custom-select.select-role {
    margin: 10px 0 20px 0;
    width: 280px;
  }
  #concursos .custom-select.select-role .fake-select {
    width: 217px;
  }
  #concursos #form-concursos-finalizados .list-radio-check {
    clear: both;
    float: none !important;
  }
  #concursos #form-concursos-finalizados .custom-select {
    margin: 10px 0 10px 0;
  }
  #fale-conosco {
    width: 100%;
  }
  #fale-conosco *,
  #fale-conosco *:before,
  #fale-conosco *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fale-conosco .sac-col {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border-left: none;
  }
  #fale-conosco .sac-col .cadastro-relacionamento {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #fale-conosco .sac-col .cadastro-relacionamento img {
    max-width: 297px;
    margin: 20px auto;
  }
  #fale-conosco .main-content .col-subject {
    width: 100%;
  }
  #fale-conosco .main-content .grid-3 .grid-1-3 {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 10px;
  }
  #fale-conosco .main-content .grid-3 .grid-1-3 .field {
    width: 100%;
  }
  #fale-conosco .main-content .grid-3 .grid-1-3 .col-state {
    width: 100%;
  }
  #fale-conosco .main-content .grid-3 .grid-1-3 .left {
    width: 100%;
  }
  #fale-conosco .main-content .captcha .confirmation {
    width: 100%;
    height: auto;
  }
  #fale-conosco .main-content .captcha .code {
    width: 100%;
    height: auto;
  }
  #fale-conosco .main-content .captcha .checkbox {
    width: 100%;
    margin: 0;
  }
  #ciencia-sem-fronteiras .organogram {
    display: none;
  }
  #ciencia-sem-fronteiras .pdf.right {
    float: none !important;
    margin: 10px 0;
  }
  .line img {
    float: none !important;
  }
  .eye {
    margin: 0 0 35px 0 !important;
    float: none !important;
    width: 190px;
  }
  .legend-ptotal {
    left: 200px;
    top: 10px;
    width: auto !important;
    height: auto !important;
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
  }
  .legend-p {
    width: auto !important;
    height: auto !important;
  }
  .val-ptotal {
    left: 150px;
    top: 50px;
  }
  .val-ptotal strong {
    font-size: 24px;
  }
  .val-ptotal span {
    font-size: 9px;
  }
  .val-ptotal.val-2 {
    left: 165px;
    top: 105px;
  }
  .chart-efetivos {
    float: none;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  .chart-efetivos img {
    width: 280px;
  }
  .col-perfil-1 {
    float: none;
    width: auto;
  }
  .col-perfil-1 .infoText {
    width: 100%;
    margin: 20px 0 !important;
    left: 0;
    text-align: center;
  }
  .col-perfil-2 {
    float: none;
    width: auto;
  }
  .layer.size-1 .layer-bg {
    width: 100%;
  }
  .layer.size-1 .layer-bg *,
  .layer.size-1 .layer-bg *:before,
  .layer.size-1 .layer-bg *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .issuuembed {
    width: 280px !important;
    height: 400px !important;
  }
  /*
    .accordion{
        h1{
            a {
                &:before{
                    content:"";
                    background: url("../imgs/bg/sprite_v.png") no-repeat scroll 0 -162px transparent;
                    display: block;
                    height: 27px;
                }
            }
        }
    }
    */
  #content-tab-provas-e-gabaritos .button {
    margin-top: 5px;
    margin-left: 0px;
  }
  #abaProvasGabaritos .button {
    margin-top: 5px;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) and (max-width: 640px) and (orientation: landscape) {
  * *,
  *:before *,
  *:after *,
  * *:before,
  *:before *:before,
  *:after *:before,
  * *:after,
  *:before *:after,
  *:after *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fixed-share {
    position: fixed;
    top: 75px;
    right: -171px;
    width: 200px;
    height: 37px;
    padding: 1px 1px 1px 8px;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
  }
  .fixed-share ul li.addthis {
    clear: none;
    display: inline-block !important;
    margin: 6px 0 0 !important;
  }
  .addthis {
    display: table;
  }
  .addthis .addthis_toolbox {
    float: left;
    left: 4px;
    position: relative;
    top: 3px;
  }
  .wrapper {
    width: 100%;
    padding: 0 20px;
  }
  #header .logo {
    left: 5px;
  }
  .main-content {
    width: 100%;
  }
  .list-grid-3 .list-item {
    width: 48%;
    margin: 0 8px 5px 0 !important;
  }
  #mosaic .carousel li {
    margin: 0 8px 0 0 !important;
  }
  .section > header {
    float: left;
    width: 60%;
  }
  .section > a {
    float: right;
    overflow: initial;
    width: 35%;
    height: 100%;
  }
  .section > a img {
    position: static;
    width: 100%;
    height: auto;
  }
  .search {
    right: auto;
    left: 35%;
    width: 234px;
  }
  .field-search {
    width: 235px;
    background-position: -133px -38px;
  }
  .bt-search {
    background-position: -342px -38px;
    float: none;
    position: absolute;
    right: 0;
  }
  #bt-nav-mobile {
    top: 13px;
    width: 25px;
    height: 25px;
  }
  .fatos-e-dados .grid-1-4 {
    margin: 0;
  }
  .mini-map-container figure,
  .mini-map-container img {
    width: 100%;
    height: auto;
  }
  .box-highlight-2,
  .box-highlight-3 {
    width: 50%;
  }
  .select-presentation .button {
    width: 100%;
  }
  #highlights .highlights-pag {
    padding: 0 0 0 40%;
  }
  #highlights .highlights-list li:first-child {
    top: -50% !important;
  }
  #highlights .highlights-list li:first-child .box {
    bottom: -120px;
  }
  #campanhas-publicitarias .wrap-video {
    height: 270px;
  }
  #campanhas-publicitarias .wrap-video .wrap-iframe iframe {
    height: 270px;
    min-width: 321px;
    width: 100% !important;
    max-width: 640px;
  }
  #campanhas-publicitarias .list-grid-3 .list-item {
    width: 45%;
    margin-right: 20px !important;
  }
  #campanhas-publicitarias .list-grid-3 .list-item.equalize-height {
    height: 220px;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link {
    height: 142px;
  }
  #campanhas-publicitarias .clear {
    clear: none;
  }
  #footer .col-visit ul li {
    margin-right: 51px;
  }
  #footer .col-visit ul li.first {
    margin-right: 40px;
  }
  #footer .links-footer a#language {
    margin-left: 118px;
  }
  #principais-operacoes .filter-operations .operations .list-buttons li {
    width: 31%;
  }
  #principais-operacoes .filter-operations .operations .list-buttons li .button-2 {
    width: 100%;
  }
  #principais-operacoes .map-operations #croft-map {
    width: 100%;
  }
  #principais-operacoes .select-states {
    width: 100%;
  }
  #principais-operacoes .select-states .custom-select-multiple {
    width: 72%;
    margin-right: 10px;
    float: left;
  }
  #principais-operacoes .select-states .fake-select {
    width: 100%;
  }
  #principais-operacoes .select-states .button {
    width: 25%;
    padding: 0;
    text-align: center;
  }
  #principais-operacoes .novos-empreendimentos a {
    width: 50%;
    height: 71px;
  }
  .addthis .addthis_toolbox {
    width: 20px !important;
  }
  #content-tab-provas-e-gabaritos .button {
    margin-top: 5px;
    margin-left: 0px;
  }
  #abaProvasGabaritos .button {
    margin-top: 5px;
  }
  #underChart {
    display: none;
  }
}
/* Smartphones (portrait > 320) ----------- */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) {
  .search {
    right: 45px;
    width: 40%;
  }
  .field-search {
    width: 80%;
    background-position: -133px -38px;
  }
  .bt-search {
    background-position: -342px -38px;
  }
}
/* Apenas smartphones (landscape and Portrait) ----------- */
@media only screen and (max-device-width: 480px) {
  .wrap-iframe iframe {
    width: 100% !important;
  }
  .fixed-share {
    position: fixed;
    top: 75px;
    right: -171px;
    width: 200px;
    height: 37px;
    padding: 1px 1px 1px 8px;
  }
  .fixed-share ul li {
    border-bottom: 0 none !important;
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    width: 24px;
  }
  .fixed-share ul li.max {
    display: block!important;
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
  }
  .fixed-share ul li.addthis {
    display: inline-block;
    clear: none;
    margin: 6px 0 0 0!important;
  }
  .addthis {
    display: table;
  }
  .addthis .addthis_toolbox {
    float: left;
    left: 4px;
    position: relative;
    top: 3px;
  }
  #footer .links-footer {
    display: block;
  }
  #footer .links-footer:before,
  #footer .links-footer:after {
    content: " ";
    display: table;
  }
  #footer .links-footer:after {
    clear: both;
  }
  #footer .links-footer {
    *zoom: 1;
  }
  #underChart {
    display: none;
  }
}
/* END OLD QUERYS */
/* BEGIN NEW QUERYS */
/* covers most phones in portrait view */
@media screen and (max-width: 384px) {
  #fale-conosco .main-content .grid-3 .grid-1-3 {
    width: 100%;
  }
}
/* covers most phones in landscape view */
/* landscape views in newests phones (iPhone 5, Nexus 5, Galaxy S4... ) */
@media screen and (min-width: 481px) and (max-width: 640px) {
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header .logo {
    left: 5px;
  }
  .wrapper {
    width: 100%;
    padding: 0 20px;
  }
  .main-content {
    width: 100% !important;
  }
  .search {
    right: auto;
    left: 35%;
    width: 234px;
  }
  .field-search {
    width: 235px;
    background-position: -133px -38px;
  }
  .bt-search {
    background-position: -342px -38px;
    float: none;
    position: absolute;
    right: 0;
  }
  #bt-nav-mobile {
    top: 13px;
    width: 25px;
    height: 25px;
  }
  .landing .section > header {
    width: 70%;
    margin-right: 0;
    padding-right: 10px;
  }
  .landing .section > a {
    width: 30%;
  }
  .list-grid-3 .list-item {
    width: 48%;
    margin: 0 8px 5px 0 !important;
  }
  .label-check,
  .label-radio {
    margin-right: 30px;
  }
  .chart-efetivos {
    height: 300px;
  }
  .mini-map-container figure,
  .mini-map-container img {
    width: 100%;
    height: auto;
  }
  .box-highlight-2,
  .box-highlight-3 {
    width: 50%;
  }
  #highlights .highlights-pag {
    padding: 0 0 0 40%;
  }
  #highlights .highlights-list li:first-child {
    top: -50% !important;
  }
  #highlights .highlights-list li:first-child .box {
    bottom: -120px;
  }
  #campanhas-publicitarias .wrap-video {
    height: 270px;
  }
  #campanhas-publicitarias .wrap-video .wrap-iframe iframe {
    height: 270px;
    min-width: 321px;
    width: 100% !important;
    max-width: 640px;
  }
  #campanhas-publicitarias .list-grid-3 .list-item {
    width: 50%;
    padding-right: 20px !important;
    margin: 0 !important;
  }
  #campanhas-publicitarias .list-grid-3 .list-item.equalize-height {
    height: 220px;
  }
  #campanhas-publicitarias .list-grid-3 .list-item .wrap-link {
    height: 142px;
  }
  #campanhas-publicitarias .clear {
    clear: none;
  }
  #principais-operacoes .filter-operations .operations .list-buttons li {
    width: 31%;
  }
  #principais-operacoes .filter-operations .operations .list-buttons li .button-2 {
    width: 100%;
  }
  #principais-operacoes .map-operations #croft-map {
    width: 100%;
  }
  #principais-operacoes .select-states {
    width: 100%;
  }
  #principais-operacoes .select-states .custom-select-multiple {
    width: 72%;
    margin-right: 10px;
    float: left;
  }
  #principais-operacoes .select-states .fake-select {
    width: 100%;
  }
  #principais-operacoes .select-states .button {
    width: 25%;
    padding: 0;
    text-align: center;
  }
  #principais-operacoes .novos-empreendimentos a {
    width: 50%;
    height: 71px;
  }
}
/* covers most tablets in portrait view */
/* covers devices like Droid Razr, Galaxy Tab III, Nexus 7... */
/* /END NEW QUERYS */
/*Alteracoes para adequar layout ao Lumis*/
.form-formacao .col-3 .custom-select {
  display: block !important;
}
#searchFilter2 .title-label {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}
#searchFilter2 .label-radio {
  float: left;
  height: 18px;
  margin-top: 15px;
  width: 100%;
}

/*Alteracoes para adequar layout ao Lumis*/

.organogram {
  display: none !important;
}

#abaProvasGabaritos .button {
    margin-top: 10px;
}

.form-formacao .col-3 .custom-select {
    display: block !important;
}

#searchFilter2 .title-label {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

#searchFilter2 .label-radio {
    float: left;
    height: 18px;
    margin-top: 15px;
    width: 100%;
} 
@media only screen and (max-width: 700px){
	.iframeRelacionamento{height: 3700px;}
}

@media only screen and (min-width: 479px) and (max-width: 640px){
	#highlights.template-3 .crisis > article, #highlights.template-3 .crisis > header{
	    width: 100%;
	}
}