* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
			margin: 0;
			padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 62.5%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

#consolPopup {
    display:none;
    width:400px !important;
    margin:0;
    padding:0;
}
#consolPopup h1 {
    text-align:center;
    margin:0;
    padding:10px;
    text-align:center;
    color:#fff;
    margin-bottom:10px;
    background: #3275ae;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3275ae), color-stop(100%, #005093));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3275ae 0%, #005093 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3275ae', endColorstr='#005093', GradientType=0);
    /* IE6-9 */
}
#consolPopup p {
    padding:10px;
}
.fancybox-skin {
    padding:0 !important;
}
.content {
	width: 100%;
	height: 100%;
     margin-top: -1.0425em;
}
.menu {
 width: 20%;
 height: 100%;
 background-color: rgb(255, 255, 255);
 box-shadow: 0px 0px 53.01px 3.99px rgba(0, 0, 0, 0.13);
 position: fixed;
 z-index: 34;
 float: left;
 text-align: center;
 font-family: 'Playfair Display', serif;
}
.menu_fix {
	position: relative;
	width: 20%;
 	height: 100%;
 	float: left;
}
.verde_agnes {
	color: #67a900;
}
.conteudo_agnes {
      padding: 4em;
}
.conteudo_texto {
    padding-top: 13px;
    font-size: 2.7em;
    text-align: justify;
}
.conteudo-side-di img {
    padding: 7px;
    float: left;
    width: 100%;
}
.back_verde {
	background-color: #67a900;
}
.logo img {
	width: 88%;
    padding-top: 16px;
}
.menu_clique {
	margin-top: 32px;
  font-weight: 600;
}
.menu_resp_x {
	display: none;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 2.6em;
}

li a:hover {
    background-color: #555;
    color: white;
}
.active {
    background-color: #67a900;
    color: white;
}
.conteudo {
	position: relative;
	float: left;
	width: 80%;
}

.topo_background {
	background: #f8f8f8;
	width: 100%;
  margin-top: -1px;
	height: 23em;
	background: url(../imagens/background3.jpg) no-repeat top right;

}
.endereco_site {
	float: right;
    font-size: 2.4em;
    font-family: 'Playfair Display', serif;
    font-weight: 100;
    line-height: 1.3em;
    word-spacing: 8px;
    padding-right: 45px;
    margin-top: 0.55em;
}
}
.menu_branco {
	display: none;
}
.botao_clique {
	width: 100%;
	position: absolute;
	margin-top: 5em;
}
.texto_slider {
  width: 100%;
  font-weight: bold;
  font-size: 2.5em;
}
.telefone {
  text-align: center;
}
.botao_clique2 {
  width: 100%;
  padding: 2em;
  display: none;
}
#carregou {
   -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  position: fixed;
  z-index: 9999;
  width: 100%;
  margin: 0;
  top: 0;
  background: url(../imagens/spinnerloader.gif) center no-repeat #fff !important;
}
.direitos {
 position: absolute;
 bottom: 2em;
}
.empresas {
	    font-size: 3em;
     padding: 0.4em;
     border-top: 1px solid #67a900;
     border-bottom: 1px solid #67a900;
     cursor: pointer;
     -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
  font-weight: 600;
      margin-bottom: 4em;
}
.candidatos {
  font-size: 3em;
  font-weight: 600;
  padding: 0.4em;
  border-top: 1px solid #67a900;
  cursor: pointer;
  -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.empresas:hover {
  font-size: 2.5em;
  padding: 1em;
  font-weight: 600;
  background: #67a900;
  color: #FFF;
  -webkit-transition: all 0.60.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.candidatos:hover {
	    font-size: 2.5em;
     padding: 1em;
     background: #67a900;
     color: #FFF;
     -webkit-transition: all 0.60.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.conteudo_bruto {
	position: relative;
	float: left;
  	min-height: 100%; /* Set to minimum height so overflow doesn't get hidden */
    overflow-y: hidden; 
    width: 70%;
}

.conteudo-side-di {
  padding-top: 1em;
	width: 95%;

}
.fb-page {
	width: 100% !important;
}
.sidebar_direito {
	position: relative;
	float: left;
    width: 30%;
    min-height: 100%; /* Set to minimum height so overflow doesn't get hidden */
    overflow-y: hidden;
}
.menu_resp {
 display: none;
}
.vagas {
	width: 50%;
	padding: 14px;
    padding-left: 5em;
    float: left;
}
.margin-left {
	padding-left: 0em !important;
    padding-right: 4.5em;
}
.titulo {
	font-size: 5em;
	width: auto;
}
.linha_style {
	height: 0.15em;
    border-bottom-left-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
}
.urgente_font {
	background: #ff0000;
    color: #FFF;
    font-size: 0.5em;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    position: relative;
    top: -1px;

}
.vaga_urgente {
	width: 100%;
	padding: 0.8em;
	font-size: 2.5em;
	padding-top: 0;
}
.caixa_vagas{
	background-color: #f7f7f7;
	border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding-top: 1.6em;
    position: relative;
    height: 100%;
}
.conteudo_vagas {
	    margin-top: 3.3em;
}
/*------------------------------------*\
    RESPONSIVO
\*------------------------------------*/

@media only screen and (min-width:320px) {



}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:768px) {
.menu {
 width: 100%;
 height: 10em;
 position: fixed;
 z-index: 34;
 text-align: center;
 font-family: 'Playfair Display', serif;
}
.botao_clique {
    display: none;
}
.empresas {
		width: 40%;
    font-size: 2em;
    float: left;
     border: 1px solid #67a900;
     border-radius: 3px;
     cursor: pointer;
     -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
     padding: 1.1em;
  text-align: center;
  margin: 5%;
}
.candidatos {
    font-size: 2em;
    width: 40%;
    float: left;
     border: 1px solid #67a900;
     cursor: pointer;
     -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
     padding: 1.1em;
  text-align: center;
  margin: 5%;
     border-radius: 3px;
}

.empresas:active {
      font-size: 2.5em;
     padding: 1.1em;
     background: #67a900;
     color: #FFF;
     -webkit-transition: all 0.60.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.candidatos:active {
      font-size: 2.5em;
     padding: 1.1em;
     background: #67a900;
     color: #FFF;
     -webkit-transition: all 0.60.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.fb-page { 
		padding-top: 10px !important;
  		  padding-bottom: 10px !important;
  		  padding: 18%;
}
.menu_branco {
	display: block;
	height: 10em;
}
.conteudo {
	width: 100%;
}
.vagas {
	width: 100%;
	padding: 3em;

}
li{
    display: inline;
}
li a {
	font-size: 3.6em;
}

.logo img {
	height: 10em;
	width: auto;
    padding: 3px;
    float: left;
}
.menu_clique {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-top: 10em;
	float: left;
	display: none;
	background: #FFF;
	padding-top: 20%;
  font-weight: 600;
}

.menu_resp {
	background: url(../imagens/menu.png) center no-repeat;
	background-size: 100%;
    width: 8em;
    height: 10em;
    margin-right: 7px;
    display: block;
    float: right;
    cursor: pointer;
}


.menu_resp_x {
	background: url(../imagens/menu_x.png) center no-repeat;
	background-size: 100%;
    width: 8em;
    height: 10em;
    margin-right: 7px;
    display: none;
    float: right;
    cursor: pointer;

}

.margin-left {
	padding-left: 3em !important;
    padding-right: 3em;
}

.botao_clique2 {
  width: 100%;
  padding: 2em;
  display: block;
}
.conteudo_bruto {
    width: 100%;
}

.sidebar_direito {
    width: 100%;
}
.direitos {
  display: none;
}
.conteudo-side-di {
	margin: 0 auto;
}
.menu_fix {
	display: none;
}
}
@media only screen and (min-width:1024px) {


}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
/*------------------------------------*\
    ANIMACOES
\*------------------------------------*/


  .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

  .fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  }
  @keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  }







  /**
 * Like, basically PERFECT scrollbars
 */

/* 
   It's pure CSS. 
   Since a quick google search will confirm people going crazy about Mac OS Lion scrollbars...
   this has no fade-out effect.
  
   In Mac OS Lion, the lowest common denominator is always showing scrollbars by a setting.
   So, this fits that lowest common denominator.
   Facebook, lifehacker, and Google have all basically taken this approach. Of course Google uses incredibly ugly square scrollbars, but so be it.
   Also, in regards to the fade in/out effect, this may just be one reason why soo many people outraged (and still hide) the ticker.
   Ending note: I recommend this for non-lion users. As a lion user, I prefer my fading out scrollbars. If you sniff a UA of mac os lion, don't add this css.
*/
 

/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
  width: 8px; /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
  /* This is the EXACT color of Mac OS scrollbars. 
     Yes, I pulled out digital color meter */
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

/*
  After doing my first post here on Dabblet, I dug into their custom 
  scrollbar css.
  
  here that is, I starred the box-shadow css for the nice pop.
  
section.page:not(.focus):not(:hover)::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  border-radius: 999px;
}
::-webkit-scrollbar-track {
  ** box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset; **
}
::-webkit-scrollbar-thumb {
  background: url(/img/noise.png);
  background-clip: content-box;
  ** box-shadow: 0 0 0 5px hsla(24, 20%, 50%,.4) inset; **
  min-height: 20px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
*/