﻿@charset "UTF-8";
/*
*   Blur style
*/
/* CLASSES GERAIS OU GENERICAS */
.empresa {
  float: left;
  width: 100%;
  padding-top: 10px; }
  .empresa * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial; }
  .empresa .uc-paginacao-flex * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.float-left {
  float: left; }

.width-100 {
  width: 100%; }

.width-675 {
  width: 675px; }

.fonte-arial {
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif; }

.fonte-11 {
  font-size: 11px; }

.fonte-12 {
  font-size: 12px; }

.fonte-14 {
  font-size: 14px; }

.fonte-15 {
  font-size: 15px; }

.fonte-16 {
  font-size: 16px; }

.fonte-35 {
  font-size: 35px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.fonte-bold {
  font-weight: bold; }

.color-preto-claro {
  color: #333333; }

.color-azul-link {
  color: #2f5eb5; }

.color-laranja {
  color: #f45600; }

.color-cinza-claro {
  color: #7e7e7e; }

.color-cinza-escuro {
  color: #666666; }

@-webkit-keyframes animaBarra {
  0% {
    width: 0; } }

@-moz-keyframes animaBarra {
  0% {
    width: 0; } }

@-o-keyframes animaBarra {
  0% {
    width: 0; } }

@keyframes animaBarra {
  0% {
    width: 0; } }

/**
* ÁREA DE PAGINAÇÃO 
*
* ||IMPORTANTE||
* Rever depois esse padrao de paginação.
*/
.resultado-pagina-rodape {
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  height: 30px;
  border-bottom: 1px solid #f0f0f0;
  display: table;
  margin: 0 auto;
  margin-bottom: 20px; }

.resultado-pagina-rodape p {
  font: 11px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #878787; }

/**
*   NOVO PADRÃO DE BOTÕES
*   
*   Colocar depois esse CSS no arquivo textos-e-links.css
*/
/* ABAS GERAL DO SITE */
.boxMenu {
  padding-bottom: 1px;
  display: block;
  margin-bottom: 20px;
  clear: both; }

.boxMenu ul {
  background-color: #eeeeee;
  *height: 48px; }

.boxMenu ul li {
  display: table-cell;
  height: 50px;
  *padding: 10px 0;
  *height: 30px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  margin-left: 15px;
  *display: block;
  *float: left; }

.boxMenu ul li a {
  color: #666666;
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  font-size: 15px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  *padding: 10px 0;
  padding-right: 20px;
  padding-left: 20px; }

.boxMenu ul li a[data-filter=Avaliacao] {
  border-right: 1px solid #DADADA; }

.boxMenu ul li a span.icons {
  top: -3px;
  position: relative; }

.boxMenu ul li a:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.boxMenu ul li a.selecionado {
  background-color: #FFFFFF;
  border-left: 1px solid #E7E6E6;
  border-right: 1px solid #E7E6E6;
  border-top: 1px solid #E7E6E6;
  color: #333;
  position: relative;
  font-weight: bold;
  height: 35px;
  margin-bottom: -3px;
  margin-top: -10px;
  padding: 21px 20px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 1;
  display: block;
  line-height: 20px;
  margin-left: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
  *margin-top: -20px; }

span.icons {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ICONES, ICONES EM LINKS E EFEITOS */
.empresa .coluna-esquerda .box .conteudo .margin .ico-cadeado {
  float: left;
  width: auto;
  height: 11px;
  padding-left: 12px;
  background: url("/imagens/ico-cadeado.jpg") no-repeat; }

.empresa .coluna-esquerda .box .conteudo .margin .ico-redes-sociais-desativo {
  float: left;
  background: url("/imagens/ico-redes-sociais-desativo.jpg") no-repeat;
  width: 92px;
  height: 20px; }

.empresa .coluna-esquerda .box .conteudo .margin .ico-contratou-empregos {
  float: left;
  width: 170px;
  height: 20px;
  padding-left: 25px;
  background: url("/imagens/ico-contratou-empregos.jpg") no-repeat 0 -2px; }

.empresa .coluna-esquerda .box .conteudo .margin .ico-tempo-site {
  float: left;
  width: 86px;
  height: 20px;
  padding-left: 25px;
  background: url("/imagens/ico-tempo-site.jpg") no-repeat 0 -1px; }

.empresa .coluna-esquerda .box .conteudo .margin .ico-vagas-anunciadas {
  float: left;
  width: 110px;
  height: 16px;
  padding-left: 25px;
  background: url("/imagens/ico-vagas-anunciadas.jpg") no-repeat 0 -1px; }

.empresa .coluna-esquerda .box .conteudo .margin .ico-cvs-visualizado {
  float: left;
  width: 102px;
  height: 16px;
  padding-left: 25px;
  background: url("/imagens/ico-cvs-visualizado.jpg") no-repeat; }

.empresa .coluna-esquerda .facebook {
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat; }

.empresa .coluna-esquerda .twitter {
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat -24px 0; }

.empresa .coluna-esquerda .linkedin {
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat -48px 0; }

.empresa .coluna-esquerda .google {
  float: left;
  width: 21px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat -72px 0; }

.empresa .coluna-esquerda .email {
  float: left;
  width: 28px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat -96px 0; }

.empresa .coluna-esquerda .youtube {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background: url("/imagens/ico-redes-sociais-vaga.jpg") no-repeat -125px 0; }

.empresa .coluna-esquerda .inativo {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); }

.empresa .coluna-direita .demais-campos {
  float: left;
  height: 0;
  overflow: hidden; }

.empresa .coluna-direita .demais-campos p span {
  float: none;
  display: block; }

.empresa .coluna-direita .cv-enviados,
.empresa .coluna-direita .seguidores {
  padding-left: 20px;
  float: left;
  font-size: 12px; }

.empresa .coluna-direita .seguidores {
  width: 110px;
  height: 13px;
  background: url("/imagens/ico-seguidores.jpg") no-repeat; }

.empresa .coluna-direita .cv-enviados {
  width: 180px;
  height: 16px;
  background: url("/imagens/ico-cvs-enviados.jpg") no-repeat; }

.empresa .coluna-direita .ico-saiba-mais {
  float: left;
  height: 16px;
  padding-left: 20px;
  background: url("/imagens/ico-saiba-mais.jpg") no-repeat; }

.empresa .coluna-direita .ico-resumido {
  float: left;
  height: 16px;
  padding-left: 20px;
  background: url("/imagens/ico-resumido.jpg") no-repeat; }

/* ÁREA BOTÃO */
.empresa .coluna-direita .width-675 .botoes .btn-padrao {
  font-size: 14px;
  width: 170px;
  height: 38px;
  line-height: 36px;
  padding: 0;
  text-indent: 15px;
  margin-top: 6px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao:hover {
  background: #efefef;
  color: #505050;
  border-color: transparent; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao:hover:after {
  background-position: -16px -48px; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url("../imagens/icons/sprite-icones-cinza-16x16.png");
  background-repeat: no-repeat;
  background-position: -32px -48px; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa {
  color: #505050;
  text-shadow: none;
  border: 1px solid #bfbfbf;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  color: #4f4f4f;
  background: #ccc; }
  .empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa:hover {
    background: #efefef; }
  .empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa:after {
    background-position: -96px -48px;
    left: 12px; }
  .empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa:hover:after {
    background-position: -64px -48px; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao.disable {
  font-size: 14px;
  color: #ea4808;
  border: 0;
  text-shadow: none;
  font-family: "Open Sans", "Arial", sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao.disable:after {
  background-position: -112px -160px; }

.empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa.seguindo {
  border-color: transparent;
  background: #efefef; }
  .empresa .coluna-direita .width-675 .botoes .btn-padrao.seguir-empresa.seguindo:after {
    background-position: -64px -48px; }

.empresa .coluna-direita .width-675 .ico-seta-habilidades {
  float: left;
  height: 24px;
  margin: 0 10px 10px 0;
  background: url("/imagens/ico-seta-habilidades.jpg") no-repeat; }

.empresa .coluna-direita .habilidades-especialidades-inativo .bg-habilidades-especialidades-inativo {
  float: left;
  width: 652px;
  height: 213px;
  margin: 11px;
  background: url("/imagens/bg-habilidades-especialidades-inativo.jpg") no-repeat; }

.empresa .oculto {
  display: none; }

/* COLUNA ESQUERDA */
.empresa .coluna-esquerda {
  float: left;
  width: 215px;
  margin: 20px 15px 0 0; }

.empresa .coluna-esquerda .logo-empresa-principal {
  float: left;
  width: 213px;
  text-align: center;
  margin-bottom: 15px; }

.empresa .coluna-esquerda .box {
  float: left;
  width: 213px;
  background-color: #f7f7f7;
  border: 1px solid #eaeaea; }

.empresa .coluna-esquerda .box .titulo {
  float: left;
  width: 212px;
  height: 28px;
  padding-top: 7px;
  background-color: #eeeeee;
  border: 1px solid #eaeaea;
  text-align: center; }

.empresa .coluna-esquerda .box .conteudo {
  float: left;
  width: 200px;
  margin: 15px 0 15px 15px; }

.empresa .coluna-esquerda .box .conteudo .margin {
  float: left;
  *float: none;
  width: 100%;
  margin: 5px 0;
  *margin: 10px 0; }

.empresa .coluna-esquerda .box .conteudo .margin .label {
  float: left;
  margin: -1px 3px 0 0; }

.empresa .coluna-esquerda .box .conteudo .margin .valor {
  margin-right: 10px; }
  .empresa .coluna-esquerda .box .conteudo .margin .valor #divPainelTodosLocais a {
    font-family: Arial;
    color: #333; }

.empresa .coluna-esquerda .img-linkedin {
  float: left;
  width: 100%;
  height: 185px;
  background: url("/imagens/img-linkedin.jpg") no-repeat; }

.empresa .coluna-esquerda .logos-dados-empresa {
  float: left;
  width: 100%;
  padding: 15px 0;
  background-color: #ffffff; }

.empresa .coluna-esquerda .logos-dados-empresa .logos-empresa {
  float: left;
  width: 124px;
  height: 70px;
  margin: 0 45px;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.empresa .coluna-esquerda .logos-dados-empresa .logos-empresa img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); }

.empresa .coluna-esquerda .logos-dados-empresa .logos-empresa img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%); }

.empresa .coluna-esquerda .logos-dados-empresa .dados-empresa {
  float: left;
  width: 100%;
  text-align: center; }

.empresa .coluna-esquerda .box .conteudo .margin .icos-redes-sociais-ativo {
  float: left;
  margin-top: 5px; }

.empresa .coluna-esquerda .box .conteudo .margin .icos-redes-sociais-desativo {
  float: left;
  margin-top: 5px;
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* GUIA DE ENGAJAMENTO */
.empresa .coluna-esquerda .guia-de-engajamento {
  display: block;
  clear: both;
  padding: 16px 26px 0;
  *padding: 7.5px 26px 15px; }

.empresa .coluna-esquerda .guia-de-engajamento p {
  font: 11px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #666;
  line-height: 13px; }

.empresa .coluna-esquerda .guia-de-engajamento p.title {
  font-weight: bold;
  font-size: 12px;
  color: #333;
  line-height: 19px;
  position: relative;
  z-index: 20; }

/* GRÁFICO */
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico {
  display: block;
  width: 163px;
  height: 32px;
  margin-left: -1px;
  margin-top: -5px;
  margin-bottom: 13px;
  background-color: #d8d8d8;
  position: relative; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fb781f;
  z-index: 1; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .mascara {
  background: url("/imagens/mascara-grafico-engajamento.png") no-repeat left top;
  z-index: 10; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-0 {
  width: 0px; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-1 {
  width: 26px; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-2 {
  width: 59px; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-3 {
  width: 94px !important; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-4 {
  width: 131px; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-5 {
  width: 163px; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-1,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-2,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-3,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-4,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-5,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container .bar,
.avaliacao-estrelas .stars .bar {
  -webkit-animation: animaBarra 2s ease-out;
  -moz-animation: animaBarra 1.5s ease-in-out;
  -o-animation: animaBarra 1.5s ease-in-out;
  animation: animaBarra 1.5s ease-in-out; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-1:after,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-2:after,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-3:after,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-4:after,
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-grafico .item-5:after {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  bottom: -16px;
  right: 8px; }

/* DFESCRIÇÃO */
.empresa .coluna-esquerda .guia-de-engajamento .engajamento-descricao {
  display: none;
  padding-bottom: 12px;
  border-bottom: 2px solid #eaeaea; }

.empresa .coluna-esquerda .guia-de-engajamento .engajamento-descricao.ativo {
  display: block; }

/* COLUNA DIREITA */
.empresa .coluna-direita {
  float: left;
  width: 700px; }

.empresa .coluna-direita .uc-social-media {
  margin-right: 36px;
  margin-top: 10px; }

.empresa .coluna-direita .uc-social-media ul {
  display: table;
  margin: 0 auto; }

.empresa .coluna-direita .estrelas {
  float: left;
  margin-bottom: 10px; }

.empresa .coluna-direita .estrelas .avaliacao-estrelas .stars,
.empresa .coluna-direita .estrelas .avaliacao-estrelas p {
  vertical-align: top; }

.empresa .coluna-direita .estrelas .avaliacao-estrelas p {
  line-height: 16px; }
  .empresa .coluna-direita .estrelas .avaliacao-estrelas p a {
    font-size: 11px; }

.empresa .coluna-direita .estrelas .media-de-avaliacao {
  float: left;
  margin-left: 5px; }

.empresa .coluna-direita .estrelas .media-de-avaliacao p {
  font-family: "Open Sans", "Arial", sans-serif;
  color: #666;
  font-size: 12px; }

.empresa .coluna-direita .estrelas .media-de-avaliacao p b {
  font-weight: 700; }

.empresa .coluna-direita .estrelas .media-de-avaliacao p a {
  color: #2f5eb5;
  font-weight: inherit;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 11px; }

.empresa .coluna-direita .estrelas .ico-estrela {
  float: left;
  margin: 0 1px; }

.empresa .coluna-direita .estrelas span {
  float: left;
  margin-left: 5px; }

/* ABAS */
/* SECTIONS ******************************* */
.empresa .coluna-direita .sections {
  display: block;
  clear: both;
  margin-bottom: 50px; }

/* TÍTULO DAS SESSÕES */
.empresa .coluna-direita .sections .section-title {
  display: block;
  background-color: #eee;
  padding: 12px 15px; }

.empresa .coluna-direita .sections .section-title p,
.empresa .coluna-direita .sections .section-title h2 {
  font-size: 16px;
  font-weight: bold;
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #666;
  display: inline-block;
  margin: 0; }

.empresa .coluna-direita .sections .section-title p,
.empresa .coluna-direita .sections .section-title h2,
.empresa .coluna-direita .sections .section-title span.icons {
  vertical-align: middle;
  *float: left; }

.empresa .coluna-direita .sections .section-title p,
.empresa .coluna-direita .sections .section-title h2 {
  line-height: 22px; }

.empresa .coluna-direita .sections .section-title span.icons {
  *margin: -6px;
  *margin-right: 10px; }

.empresa .coluna-direita .sections .section-title .container-botao {
  margin-top: -3px; }

/* TITULO */
.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa.titulo-aba-avaliacao p {
  color: #00910e;
  font-size: 13px; }

.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa.titulo-aba-avaliacao p b {
  font-size: 16px; }

.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa.titulo-aba-avaliacao p.title {
  font-size: 20px;
  color: #333333; }

.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa p,
.empresa .coluna-direita .sections.box-vagas .avalie-empresa p {
  color: #666;
  font-size: 15px;
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif; }

.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa p a,
.empresa .coluna-direita .sections.box-vagas .avalie-empresa p a {
  color: #f45600;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif; }

.empresa .coluna-direita .sections.avaliacao-usuario .avalie-empresa p.title,
.empresa .coluna-direita .sections.box-vagas .avalie-empresa p.title {
  font-size: 16px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .avaliacao-estrelas p b {
  font-size: 16px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li {
  padding-bottom: 25px;
  margin-bottom: 14px;
  border-bottom: 1px solid #ededed; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li:last-child {
  border-bottom: 0;
  padding-bottom: 0; }

/* GLobais */
.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .like-usuario {
  background-image: url("/imagens/icons/sprite-like.png");
  background-repeat: no-repeat;
  line-height: 20px;
  padding-left: 27px;
  font-weight: bold;
  float: right;
  font-size: 11px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .like-usuario.positivo {
  background-position: 0 0;
  color: #00910e; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .like-usuario.negativo {
  background-position: 0 -20px;
  color: #cc0000; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo,
.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo {
  width: 100%;
  clear: both;
  margin-bottom: 10px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo p {
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  font-size: 12px; }

.empresa .coluna-direita section#abaGeral .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo p {
  margin-bottom: 10px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .avaliacao-estrelas {
  float: left; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .avatar-usuario,
.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .comentario-usuario {
  display: inline-block;
  vertical-align: middle;
  *float: left; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .comentario-usuario {
  margin-left: 10px;
  vertical-align: top;
  width: 640px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .avatar-usuario {
  width: 44px;
  height: 55px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .avatar-usuario img {
  width: 100%;
  height: auto; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .comentario-usuario p {
  font: 11px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  line-height: normal;
  color: #666; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .comentario-usuario p.title {
  color: #333;
  font: bold 15px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  font-style: italic; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .ver-mais p {
  margin-bottom: 10px;
  color: #333; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo a.btn-vermais {
  font: 12px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #2f5eb5;
  bottom: 30px; }

.empresa .coluna-direita .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util {
  bottom: 0; }

/* PARA A ABA AVALIAÇÃO */
/* GRÁFICOS */
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral {
  margin-bottom: 40px;
  padding: 16px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral p {
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  font-size: 11px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right {
  width: 41.4%;
  height: 250px;
  padding-left: 30px;
  display: inline-block;
  vertical-align: top; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-estrelas {
  margin-left: -30px; }

/* COLUNA ESQUERDA */
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-estrelas .stars {
  vertical-align: top; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-estrelas .stars.star-large {
  margin: 0; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-estrelas p {
  font-size: 28px;
  font-weight: bold; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-estrelas p.small-text {
  clear: both;
  font: 12px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  width: 100%; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico p,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container {
  display: inline-block;
  vertical-align: middle; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .clear {
  height: 2px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico p.first {
  width: 80px;
  text-align: right;
  font-size: 12px;
  margin-right: 13px;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico p.first a {
  text-decoration: none;
  color: #333; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico p.first a:hover {
  color: #2f5eb5;
  text-decoration: underline !important; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container .bar {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #a3a3a3; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container .bar:hover,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container:hover .bar {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  background-color: #FB781F; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-left .avaliacao-grafico .container {
  width: 160px;
  height: 30px;
  min-height: 30px;
  position: relative;
  background-color: #eeeeee;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* COLUNA DIREITA */
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right {
  border-left: 1px solid #ededed;
  margin-left: 24px; }
  .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right p {
    color: #333; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right p.title {
  font: bold 15px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  margin-bottom: 26px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right .avaliacao-estrelas p {
  width: 175px;
  vertical-align: top;
  font-size: 13px;
  color: #333; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .avalicao-geral .column-right .avaliacao-estrelas .stars {
  margin-bottom: 18px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .paginacao-header {
  margin: 15px 0;
  padding: 15px 5px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .paginacao-header p,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario p.total-avaliacoes {
  display: inline;
  font: 11px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #666666; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario p.total-avaliacoes {
  font-size: 14px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .paginacao-header p a {
  font: inherit;
  color: #2f5eb5; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario .paginacao-header p span:first-child {
  border-right: 1px solid #e1e1e1;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 18px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li {
  padding-bottom: 0; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo,
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .column-right {
  display: inline-block;
  position: relative;
  width: 51.5%;
  min-height: 100px;
  padding-bottom: 60px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo {
  margin-bottom: 24px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .pergunta-comentario {
  font-size: 12px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .pergunta-comentario a {
  font-family: "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .column-right {
  height: 160px;
  border-left: 1px solid #e5e5e5;
  vertical-align: top;
  width: 40%;
  padding: 0 20px; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .column-right p.like-usuario {
  float: left; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .column-right .avaliacao-estrelas .stars {
  margin-bottom: 16px;
  clear: both; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .column-right .avaliacao-estrelas p {
  vertical-align: top;
  font-size: 12px;
  color: #333; }

.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .topo .resultado-like {
  font: 11px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #666; }

/* PERGUNTA SE O COMENTÁRIO É ÚTIL */
.empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util {
  bottom: 0;
  width: 100%; }
  .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-utilp {
    font: normal 12px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
    color: #333333; }
  .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util .resposta-comentario {
    bottom: 0; }
    .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util .resposta-comentario p {
      vertical-align: top;
      line-height: 18px; }
    .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util .resposta-comentario span {
      margin: 0; }
  .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util a.btn-padrao {
    display: inline-table;
    line-height: 22px;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: initial;
    padding: 0 .5em;
    background: #e6e6e6;
    border: 1px solid #bfbfbf; }
    .empresa .coluna-direita #abaAvaliacao .sections.avaliacao-usuario ul.lista-avaliacao-usuario li .conteudo .comentario-util a.btn-padrao:hover {
      background: #efefef;
      color: #616161; }

.empresa .coluna-direita h1 {
  margin: 0; }

.empresa .coluna-direita .width-675 h3 {
  font-weight: normal;
  width: 485px;
  float: left; }

.empresa .coluna-direita .width-675 .botoes {
  float: right;
  width: 170px;
  margin-left: 10px;
  margin-top: -10px;
  position: relative; }

.empresa .coluna-direita .width-675 .titulo {
  height: 40px;
  margin-top: 10px;
  padding-top: 15px;
  background-color: #eeeeee; }

.empresa .coluna-direita .width-675 .titulo img {
  float: left;
  margin: 0 15px; }

.empresa .coluna-direita .width-675 .titulo h1 {
  width: 460px;
  height: 20px;
  margin-top: 3px;
  overflow: hidden; }

.empresa .coluna-direita .width-675 .titulo p {
  margin-top: 3px; }

.empresa .coluna-direita .habilidades-especialidades-inativo .btn-cinza a.btn-padrao, .empresa .coluna-direita .sections .section-title .btn-cinza {
  float: right;
  margin-top: -5px; }

.section-title a,
.avalie-empresa a {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  background-image: -o-linear-gradient(top, #fff 0%, #ccc 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%); }
  .section-title a, .section-title a:hover,
  .avalie-empresa a,
  .avalie-empresa a:hover {
    border: 1px solid #bfbfbf;
    color: #4f4f4f; }
  .section-title a:hover,
  .avalie-empresa a:hover {
    background: #efefef; }

.empresa .coluna-direita .botao-html.botao-html-cinza .texto {
  width: 105px;
  font-size: 12px;
  color: #454545; }

.empresa .coluna-direita .btn-cinza .borda {
  background-color: #000000; }

.empresa .coluna-direita .btn-cinza .seta {
  width: 22px;
  font-size: 18px;
  color: #454545; }

/* SESSÃO VAGAS */
.empresa .coluna-direita .sections .vagas {
  margin: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #cccccc; }

.empresa .coluna-direita .sections .sem-vagas {
  width: 660px;
  margin: 30px 0 30px 15px; }

.empresa .coluna-direita .sections .cargos-mais-contrados {
  margin: 20px 20px 0; }

.empresa .coluna-direita .sections .cargos-mais-contrados .cargos {
  width: 186px;
  margin: 30px 30px 0 0; }

.empresa .coluna-direita .sections .cargos-mais-contrados .cargos .fonte-bold {
  padding-bottom: 3px;
  border-bottom: 1px solid #333333; }

.empresa .coluna-direita .sections .cargos-mais-contrados .cargos a {
  line-height: 18px;
  text-decoration: none; }

.empresa .coluna-direita .sections .cargos-mais-contrados .cargos a:hover {
  text-decoration: underline; }

.empresa .coluna-direita .habilidades-especialidades-inativo {
  margin-top: 20px;
  border: 1px solid #e9e9e9; }

.empresa .coluna-direita .habilidades-especialidades-inativo p {
  width: 520px;
  margin: 8px 10px 20px 20px; }

.empresa .coluna-direita .habilidades-especialidades-inativo .btn-cinza {
  float: right;
  margin: -1px 15px 10px 0; }
  .empresa .coluna-direita .habilidades-especialidades-inativo .btn-cinza a.btn-padrao {
    font-size: 12px; }

.empresa .coluna-direita .habilidades-especialidades-ativo {
  margin: 20px 0 20px 20px; }

.empresa .coluna-direita .width-675 .ico-seta-habilidades span {
  display: block;
  background-color: #E2E8F4;
  border-bottom: 1px solid #BAD1FF;
  border-right: 1px solid #BAD1FF;
  border-top: 1px solid #BAD1FF;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: 12px;
  padding: 3px 8px 4px; }

.empresa .coluna-direita .box {
  border: 1px solid #eaeaea;
  display: block;
  margin-bottom: 20px; }

.empresa .coluna-direita .box .titulo {
  display: block;
  height: 28px;
  padding: 7px 0 0 15px;
  background-color: #eeeeee;
  border: 1px solid #eaeaea; }

.empresa .coluna-direita .box .logos-dados-empresa {
  display: inline-block;
  width: 170px;
  padding: 15px 0; }

.empresa .coluna-direita .box .logos-dados-empresa .logos-empresa {
  float: left;
  width: 124px;
  height: 70px;
  margin: 0 24px;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.empresa .coluna-direita .box .logos-dados-empresa .logos-empresa img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); }

.empresa .coluna-direita .box .logos-dados-empresa .logos-empresa img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%); }

.empresa .coluna-direita .box .logos-dados-empresa .dados-empresa {
  float: left;
  width: 100%;
  text-align: center; }

/* GRUPOS DE CARGOS */
.empresa .coluna-cargos-grupos {
  width: 33.3%;
  height: auto;
  float: left; }

/* BOX AVALIE EMPRESA */
.avalie-empresa {
  display: block;
  margin: 40px 0; }

.avalie-empresa p.title {
  font: bold 16px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #333; }

.avalie-empresa p.small-text {
  font: 12px "Arial", "Trebuchet MS", "Tahoma", sans-serif;
  color: #b0b0b0; }

.empresa .coluna-direita .avalie-empresa a.btn-padrao {
  font-size: 12px;
  padding-left: 32px;
  position: relative; }
  .empresa .coluna-direita .avalie-empresa a.btn-padrao span.icons {
    line-height: normal;
    position: absolute;
    left: 10px;
    position: absolute;
    height: 16px;
    top: 50%;
    margin-top: -8px; }

.empresa .coluna-direita .avalie-empresa a.botao-html.botao-html-cinza span.texto {
  width: auto !important;
  float: none; }

.empresa .coluna-direita .avalie-empresa a.botao-html.botao-html-cinza span.texto,
.empresa .coluna-direita .avalie-empresa a.botao-html.botao-html-cinza span.icons {
  display: inline-block;
  vertical-align: middle; }

/* RODAPE - EMPRESAS */
.empresa .rodape {
  width: 932px;
  margin-top: 15px;
  margin: 15px auto;
  display: table; }

.empresa .rodape .bg-box-rodape {
  float: left;
  width: 100%;
  height: 195px;
  background: url("/imagens/bg-box-rodape.jpg") no-repeat; }

.empresa .rodape .btn-padrao.azul {
  float: right;
  position: relative;
  width: 160px;
  height: 45px;
  line-height: 45px;
  margin: -60px 8px 0 0;
  border: 1px solid #08316a;
  color: #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08), inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(top, #2d85ef 0, #1669cd 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #2d85ef), color-stop(100%, #1669cd));
  background: -webkit-linear-gradient(top, #2d85ef 0, #1669cd 100%);
  background: -o-linear-gradient(top, #2d85ef 0, #1669cd 100%);
  background: -ms-linear-gradient(top, #2d85ef 0, #1669cd 100%);
  background: linear-gradient(to bottom, #2d85ef 0, #1669cd 100%); }
  .empresa .rodape .btn-padrao.azul:hover {
    background: -moz-linear-gradient(top, #4b96f1 0, #1669cd 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #4b96f1), color-stop(100%, #1669cd));
    background: -webkit-linear-gradient(top, #4b96f1 0, #1669cd 100%);
    background: -o-linear-gradient(top, #4b96f1 0, #1669cd 100%);
    background: -ms-linear-gradient(top, #4b96f1 0, #1669cd 100%);
    background: linear-gradient(to bottom, #4b96f1 0, #1669cd 100%); }
  .empresa .rodape .btn-padrao.azul:active {
    background: #116ad7;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .empresa .rodape .btn-padrao.azul .icon-span {
    vertical-align: middle;
    position: absolute;
    right: 16px;
    height: 45px;
    line-height: 45px; }
    .empresa .rodape .btn-padrao.azul .icon-span:before {
      line-height: 46px; }

/* MODAIS DA TELA */
/* CLASSES GENERICAS PARA TODOS MODAIS */
.div-modal {
  display: table; }

.div-modal .box-laranja {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background-color: #FFFCF9;
  border: 1px solid #FFE6BE; }

.div-modal .box-verde {
  float: left;
  width: 100%;
  background-color: #f5fff7;
  border: 1px solid #d8eddb; }

.div-modal .box-amarelo {
  float: left;
  width: 100%;
  background-color: #fffada;
  border: 1px solid #d3cfb5;
  margin-bottom: 10px; }

/* CLASSES PARA CONTEUDO DE TODOS MODAIS */
.div-modal .box-laranja .img-modal-seguir-empresa-formulario {
  margin: -21px 0 15px 135px; }

.div-modal .pai-ico-seguir-empresa-btn span.icone {
  float: left;
  width: 15px;
  height: 13px;
  margin: 14px 0 0 12px;
  background: url("/imagens/ico-seguir-empresa-btn.gif") no-repeat; }

.div-modal .pai-ico-seguir-empresa-btn:hover span.icone {
  background: url("/imagens/ico-seguidores.jpg") no-repeat; }

.div-modal .pai-ico-seguir-empresa-btn:hover {
  border: 1px solid #e9e9e9;
  box-shadow: none;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -o-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: linear-gradient(to bottom, #ffffff 0, #f5f5f5 100%); }

.div-modal .pai-ico-seguir-empresa-btn:hover .texto, .div-modal .pai-ico-seguir-empresa-btn:hover .seta {
  color: #f45600; }

.div-modal .pai-ico-cvs-enviados-btn:hover .ico-cvs-enviados-btn {
  background: url("/imagens/ico-cvs-enviados.jpg") no-repeat; }

.div-modal .pai-ico-cvs-enviados-btn:hover .texto {
  color: #f45600; }

.div-modal .pai-ico-cvs-enviados-btn .ico-cvs-enviados-btn {
  float: left;
  width: 17px;
  height: 17px;
  margin: 12px 0 0 12px;
  background: url("/imagens/ico-cvs-enviados-btn.gif") no-repeat; }

.div-modal .pai-ico-cvs-enviados-btn:hover {
  border: 1px solid #e9e9e9;
  box-shadow: none;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -o-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: linear-gradient(to bottom, #ffffff 0, #f5f5f5 100%); }

.div-modal .box-verde .ico-seguindo-empresa {
  margin: 15px 230px 0 230px; }

.div-modal .box-verde p {
  text-align: center; }

.div-modal .box-laranja .img-modal-seguir-empresa-vantagens {
  margin: -61px 160px 0; }

.div-modal .box-laranja .img-modal-seguir-empresa-vantagens-3 {
  margin: -66px 160px 0; }

.div-modal .box-laranja .vantagens {
  float: left;
  width: 210px;
  margin: 20px 0 20px 30px; }

.div-modal .box-laranja .vantagens ul li {
  padding-left: 10px;
  background: url("/imagens/det-seta-dir-laranja.gif") no-repeat left 8px;
  line-height: 20px; }

.div-modal .box-laranja .vantagens span {
  font-size: 18px;
  color: #ff9900;
  font-weight: bold; }

.div-modal .botao-html {
  margin: 10px 155px 0;
  top: auto; }

.div-modal .box-verde .color-verde {
  color: #364935; }

.div-modal .btn-enviar-meu-cv {
  margin: 0 145px; }

.div-modal .box-laranja .dados-cobranca {
  margin: 20px 0 20px 30px; }

.div-modal .box-laranja .dados-cobranca div {
  font-size: 13px; }

.div-modal .btn-reative-assinatura {
  margin: 10px 110px 0; }

.div-modal .btn-teste-7-dias-gratis {
  margin: 10px 154px 0; }

.div-modal .btn-teste-7-dias-gratis:hover {
  border: 1px solid #e9e9e9;
  box-shadow: none;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -o-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background: linear-gradient(to bottom, #ffffff 0, #f5f5f5 100%); }

.div-modal .btn-teste-7-dias-gratis:hover .texto, .div-modal .btn-teste-7-dias-gratis:hover .seta {
  color: #f45600; }

.div-modal .box-amarelo img {
  float: left;
  margin: 10px; }

.div-modal .box-amarelo p {
  float: left;
  width: 390px;
  color: #5c5005; }

.div-modal-1 p.titulo, .div-modal-7-8 p.titulo {
  font-size: 16px !important;
  padding-bottom: 15px; }

.div-modal-1 .btn-padrao, .div-modal-7-8 .btn-padrao {
  margin: 40px auto;
  bottom: 0;
  position: absolute;
  width: 205px;
  left: 50%;
  margin-left: -102.5px;
  top: auto; }

.div-modal-1 .box-laranja, .div-modal-7-8 .box-laranja {
  margin: 50px 0 90px 0; }
  .div-modal-1 .box-laranja img, .div-modal-7-8 .box-laranja img {
    margin: -70px 160px 0; }

.div-modal-1 .ucLandingPage7-8, .div-modal-1 .ucLandingPage1, .div-modal-7-8 .ucLandingPage7-8, .div-modal-7-8 .ucLandingPage1 {
  float: left;
  width: 230px;
  margin-left: 15px; }
  .div-modal-1 .ucLandingPage7-8 .btn-cadastrar-curriculo, .div-modal-1 .ucLandingPage1 .btn-cadastrar-curriculo, .div-modal-7-8 .ucLandingPage7-8 .btn-cadastrar-curriculo, .div-modal-7-8 .ucLandingPage1 .btn-cadastrar-curriculo {
    float: left;
    position: absolute;
    width: 490px;
    margin-top: 360px; }
    .div-modal-1 .ucLandingPage7-8 .btn-cadastrar-curriculo a, .div-modal-1 .ucLandingPage1 .btn-cadastrar-curriculo a, .div-modal-7-8 .ucLandingPage7-8 .btn-cadastrar-curriculo a, .div-modal-7-8 .ucLandingPage1 .btn-cadastrar-curriculo a {
      color: #ffffff; }
  .div-modal-1 .ucLandingPage7-8 .box, .div-modal-1 .ucLandingPage1 .box, .div-modal-7-8 .ucLandingPage7-8 .box, .div-modal-7-8 .ucLandingPage1 .box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px; }
    .div-modal-1 .ucLandingPage7-8 .box input,
    .div-modal-1 .ucLandingPage7-8 .box select,
    .div-modal-1 .ucLandingPage7-8 .box span, .div-modal-1 .ucLandingPage1 .box input,
    .div-modal-1 .ucLandingPage1 .box select,
    .div-modal-1 .ucLandingPage1 .box span, .div-modal-7-8 .ucLandingPage7-8 .box input,
    .div-modal-7-8 .ucLandingPage7-8 .box select,
    .div-modal-7-8 .ucLandingPage7-8 .box span, .div-modal-7-8 .ucLandingPage1 .box input,
    .div-modal-7-8 .ucLandingPage1 .box select,
    .div-modal-7-8 .ucLandingPage1 .box span {
      margin: 0;
      color: #333333;
      height: 28px;
      font-size: 12px;
      line-height: 28px;
      text-indent: 4px; }
    .div-modal-1 .ucLandingPage7-8 .box input,
    .div-modal-1 .ucLandingPage7-8 .box select, .div-modal-1 .ucLandingPage1 .box input,
    .div-modal-1 .ucLandingPage1 .box select, .div-modal-7-8 .ucLandingPage7-8 .box input,
    .div-modal-7-8 .ucLandingPage7-8 .box select, .div-modal-7-8 .ucLandingPage1 .box input,
    .div-modal-7-8 .ucLandingPage1 .box select {
      border: 1px solid #dbd8d5;
      width: 100%;
      border-radius: 3px;
      height: 30px !important;
      padding-left: 10px;
      color: #333 !important; }
    .div-modal-1 .ucLandingPage7-8 .box select, .div-modal-1 .ucLandingPage1 .box select, .div-modal-7-8 .ucLandingPage7-8 .box select, .div-modal-7-8 .ucLandingPage1 .box select {
      padding-left: 6px; }
    .div-modal-1 .ucLandingPage7-8 .box.checks, .div-modal-1 .ucLandingPage1 .box.checks, .div-modal-7-8 .ucLandingPage7-8 .box.checks, .div-modal-7-8 .ucLandingPage1 .box.checks {
      margin-top: 5px; }
      .div-modal-1 .ucLandingPage7-8 .box.checks .politica-privacidade, .div-modal-1 .ucLandingPage1 .box.checks .politica-privacidade, .div-modal-7-8 .ucLandingPage7-8 .box.checks .politica-privacidade, .div-modal-7-8 .ucLandingPage1 .box.checks .politica-privacidade {
        text-align: center; }
        .div-modal-1 .ucLandingPage7-8 .box.checks .politica-privacidade a:hover, .div-modal-1 .ucLandingPage1 .box.checks .politica-privacidade a:hover, .div-modal-7-8 .ucLandingPage7-8 .box.checks .politica-privacidade a:hover, .div-modal-7-8 .ucLandingPage1 .box.checks .politica-privacidade a:hover {
          text-decoration: none; }
      .div-modal-1 .ucLandingPage7-8 .box.checks input, .div-modal-1 .ucLandingPage1 .box.checks input, .div-modal-7-8 .ucLandingPage7-8 .box.checks input, .div-modal-7-8 .ucLandingPage1 .box.checks input {
        width: auto;
        height: auto;
        margin-right: 5px;
        margin-top: -4px;
        float: left; }
      .div-modal-1 .ucLandingPage7-8 .box.checks p, .div-modal-1 .ucLandingPage1 .box.checks p, .div-modal-7-8 .ucLandingPage7-8 .box.checks p, .div-modal-7-8 .ucLandingPage1 .box.checks p {
        padding-bottom: 5px; }
        .div-modal-1 .ucLandingPage7-8 .box.checks p a, .div-modal-1 .ucLandingPage7-8 .box.checks p label, .div-modal-1 .ucLandingPage1 .box.checks p a, .div-modal-1 .ucLandingPage1 .box.checks p label, .div-modal-7-8 .ucLandingPage7-8 .box.checks p a, .div-modal-7-8 .ucLandingPage7-8 .box.checks p label, .div-modal-7-8 .ucLandingPage1 .box.checks p a, .div-modal-7-8 .ucLandingPage1 .box.checks p label {
          font-family: "Open Sans", "Arial", sans-serif;
          font-size: 10px;
          color: #333; }

/* MODAL 1 */
.div-modal-1 .botao-html {
  margin: 40px 165px 25px;
  top: auto; }

.div-modal-1 .ucLandingPage1 {
  width: 230px;
  margin: 0 auto;
  float: unset; }
  .div-modal-1 .ucLandingPage1 .ckbEmailParceiro {
    float: left;
    position: absolute;
    margin-top: 215px; }

/* ALTERAÇÕES E AJUSTES - MODAL 7 E 8 */
.div-modal-7-8 {
  /* VANTAGENS */ }
  .div-modal-7-8 .vantagens {
    margin: 0 0 0 30px; }
    .div-modal-7-8 .vantagens li {
      font-size: 12px;
      margin-bottom: 10px; }
  .div-modal-7-8 .ucLandingPage7-8 .pCkbEmailSite {
    float: left;
    font-size: 12px; }
