.loja-frm-loja-cadastro .divGravar h3 .x,
.loja-frm-loja-url .divGravar h3 .x {
  padding:0!important;
  text-transform:uppercase;
  font-size:1em!important;
  text-decoration:underline;
}
.loja-frm-loja-cadastro .divGravar h3 .x:hover,
.loja-frm-loja-url .divGravar h3 .x:hover {
  cursor:pointer;
  opacity:.7;
}
.frm-loja-criacao {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}
}
.caixa-conteudo {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 5px
}

.menu-btn-frame .menu-btn-square {
  display: inline-block;
  padding: 5px;
  width: 20px;
  text-align: center;
  z-index: 10001;
  line-height: 4px
}

.menu-btn-frame .menu-btn-square span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #555;
  margin: 1px
}

.menu-btn-frame:hover {
  cursor: pointer;
  background-color: #555;
  color: #fff
}

.menu-btn-frame:hover .menu-btn-line span, .menu-btn-frame:hover .menu-btn-list span, .menu-btn-frame:hover .menu-btn-square span {
  background-color: #fff !important
}

.menu-btn-frame .menu-btn-line {
  padding: 0 5px;
  width: 20px;
  z-index: 10001
}

.menu-btn-frame .menu-btn-line span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #555;
  margin: 5px 0
}

.menu-btn-frame .menu-btn-list {
  padding: 5px;
  width: 20px;
  z-index: 10001;
  line-height: 3px
}

.menu-btn-frame .menu-btn-list span {
  display: inline-block;
  width: 75%;
  height: 3px;
  background-color: #555;
  margin: 2px 0
}

.menu-btn-frame .menu-btn-list span:nth-child(odd) {
  width: 15%;
  margin: 2px 10% 2px 0
}

.menu-btn-frame {
  display: inline-block;
  position: relative;
  float: right;
  margin: 4px
}

.menu-btn-frame ul {
  display: none;
  position: absolute;
  margin: -1px 0 0 -140px;
  padding: 1px !important;
  background-color: #555;
  z-index: 10000
}

.menu-btn-frame ul li {
  display: block;
  width: 148px;
  background: url(../images/bgTrans10.png);
  margin-bottom: 1px;
  padding: 5px 10px
}

.menu-btn-frame ul li:last-child {
  margin: 0
}

.menu-btn-frame ul li a {
  display: block
}

.menu-btn-frame ul li:hover {
  background-image: url(../images/bgTrans20.png)
}

.menu-btn-frame ul li span {
  display: block;
  white-space: nowrap;
  font-size: 1.15em;
  line-height: 1.5em;
  color: #fff
}

.menu-btn-frame ul li span:hover {
  text-decoration: underline
}

.menu-btn-frame .grp {
  background-image: url(none) !important;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff
}

.menu-btn-frame .grp:hover {
  cursor: default
}

.menu-btn-frame .act {
  background-image: url(../images/bgTrans40.png)
}

.menu-btn-frame-left {
  float: left;
  margin-right: 5px
}

.menu-btn-frame-right {
  float: right
}

.menu-btn-frame-left ul {
  margin-left: 0 !important
}

.menu-btn-frame-right ul {
  margin-left: -140px !important
}

.titulo-caixa-menu {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-bottom: 10px;
  position: relative;
  background-color: transparent;
  text-align: left
}

.titulo-caixa-menu:hover {
  background-image: url(../images/bgTrans20.png)
}

.titulo-caixa-menu .titulo {
  display: inline-block;
  text-decoration: none;
  font-family: Oswald,arial;
  padding: 5px 2% 5px 2%
}

.titulo-caixa-menu .titulo span {
  font-size: 2em;
  text-transform: uppercase
}

.titulo-caixa-menu .titulo span:hover {
  opacity: .8
}

.titulo-caixa .layout1, .titulo-caixa .layout2 .titulo {
  border-top-width: 3px;
  border-top-style: solid
}

.titulo-caixa-small {
  font-size: .8em !important
}

.titulo-caixa-medium {
  font-size: 1.1em !important
}

.titulo-caixa-large {
  font-size: 1.5em !important
}

.titulo-caixa-small .menu-btn-frame .menu-btn-line {
  padding-top: 0;
  padding-bottom: 0
}

.titulo-caixa-medium .menu-btn-frame .menu-btn-line {
  padding-top: 3px;
  padding-bottom: 3px
}

.titulo-caixa-large .menu-btn-frame .menu-btn-line {
  padding-top: 6px;
  padding-bottom: 6px
}

.titulo-caixa-large .menu-btn-frame ul li span, .titulo-caixa-medium .menu-btn-frame ul li span {
  font-size: 1em
}

.CaixaDestaqueEspecial {
  clear: both;
  float: left;
  display: none;
  width: 100%;
  margin-bottom: 15px;
}

.CaixaDestaqueEspecial .qdo {
  clear:both;
  float:left;
  display: block;
  width: 100%;
  background-color: #000;
  overflow:hidden;
}
.CaixaDestaqueEspecial .qdo img {
  border:0;
  width:100%;
}

.CaixaDestaqueEspecial .qdo span {
  clear:both;
  display:block;
  float:left;
}

.CaixaDestaqueEspecial .qdo .mat-texto {
  width:96%;
  padding:2%;
}
.CaixaDestaqueEspecial .qdo .mat-texto span {
  width: 100%;
  padding: 0;
  color: #fff;
}

.CaixaDestaqueEspecial .qdo .mat-texto .mat-titulo {
  padding-bottom: 8px;
  font-size: 1.4em
}

.CaixaDestaqueEspecial .qdo:hover {
  background: rgba(0,0,0,.8);

  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}

.CaixaDestaqueEspecial .qdo:hover .mat-texto .mat-titulo {
  text-decoration: underline
}

.CaixaMateriaDestaqueFoto {
  position: relative;
  max-width: 450px;
  min-height: 360px;
  margin-bottom: 20px
}

.CaixaMateriaDestaqueFoto .mat-image {
  position: relative
}

.CaixaMateriaDestaqueFoto .mat-text {
  width: 100%;
  position: absolute;
  height: 100%;
  background-size: 250%
}

.CaixaMateriaDestaqueFoto .mat-text .mat-title {
  margin-top: 0;
  height: 55px;
  overflow: hidden;
  text-align: left;
  font-size: 1.3em;
  padding: 0 10px;
  color: #fff
}

.CaixaMateriaDestaqueFoto .afoto {
  display: block;
  height: 253px;
  overflow: hidden
}

.CaixaMateriaDestaqueFoto .afoto img {
  height: 100%;
  min-width: 100%
}

.CaixaMateriaDestaqueFoto .mat-date {
  color: #fff;
  float: right;
  font-size: .7em;
  font-weight: 400
}

.mais-noticias {
  clear: both;
  text-align: right;
  background-color: #f5f5f5;
  margin-bottom: 20px
}

.mais-noticias a {
  text-decoration: none;
  display: inline-block;
  margin-left: 1px
}

.mais-noticias a span {
  margin: 0
}

.CaixaBolsaDeEmpregos, .CaixaComercioEletronico, .CaixaCatalogoArmacoes, .CaixaMateriasPorPalavraChave, CaixaMateriasCarrossel {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaMateriasCarrossel .titulo-caixa-menu, .CaixaMateriasPorPalavraChave, .CaixaMateriasPorPalavraChave .titulo-caixa-menu {
  background-color: #f5f5f5 !important
}

.CaixaMateriasCarrossel .materia-caixa, .CaixaMateriasPorPalavraChave .materia-caixa {
  border-bottom: 0;
  margin-bottom: 0
}

.CaixaBolsaDeEmpregos .qdoBolsa {
  clear: both;
  float: left;
  width: 100%;
  padding: 0;
  background-color: #f5f5f5
}

.CaixaBolsaDeEmpregos .qdoBolsa .qdo ul li {
  display: block;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc
}

.CaixaBolsaDeEmpregos .qdoBolsa .qdo ul li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.CaixaBolsaDeEmpregos .qdoBolsa .qdo ul li a {
  display: block
}

.CaixaBolsaDeEmpregos .qdoBolsa .qdo ul li a span {
  font-weight: 700;
  font-size: 13px
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes, .CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas {
  width: 34%;
  float: left;
  overflow: hidden;
  margin-top: 1%
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes {
  width: 32%
}

.CaixaBolsaDeEmpregos .qdoBolsa .qdo {
  padding: 15px 10px;
  overflow: hidden
}

.CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos p, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas p {
  margin: 0;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: Oswald
}

.CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos p a, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas p a {
  color: #666
}

.CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos ul li a, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas .qdo ul li a {
  font-size: .9em
}

.CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos ul li a label, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas ul li a label {
  display: block
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes a {
  display: block;
  padding: 5px 0
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes p {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
  margin: 0
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes div {
  text-align: center
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes div div:first-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px
}

.CaixaBolsaDeEmpregos .qdoBolsa .qBotoes div a {
  display: block;
  font-weight: 700
}

.CaixaBolsaDeEmpregos .titulo-caixa-menu .titulo {
  vertical-align: middle
}

.CaixaBolsaDeEmpregos .titulo-caixa-menu .totais {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700
}

.CaixaBolsaDeEmpregos .titulo-caixa-menu .totais a {
  display: inline-block;
  font-size: 1em;
  margin-left: 1px;
  padding: 10px;
  margin-left: 5px
}

.CaixaVideos {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px
}

.CaixaVideos .qdo {
  background-color: #f5f5f5
}

.CaixaVideos .qdo .lnkImgDst {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 56.28%
}

.CaixaVideos .qdo .lnkImgDst .imgDst {
  border: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.CaixaVideos .qdo .vidTxt {
  height: 70px;
  padding: 16px 20px 17px 20px
}

.CaixaVideos .qdo .vidTxt .vid-title {
  color: #000
}

.CaixaVideos .qdo .vidTxt .cat-name {
  padding-bottom: 5px;
  font-size: 1em
}

.CaixaVideos .qdo .vidInt {
  height: 20px;
  padding: 10px;
  text-align: right
}

.CaixaVideos .qdo .vidInt .vis {
  float: right
}

.CaixaVideos .qdo .vidTxt .vid-title {
  font-size: 1.5em
}

.CaixaVideos .qdo .vidInt .star span {
  width: 20px;
  height: 20px;
  margin: 0
}

.CaixaVideos .video-caixa {
  width: 48%;
  margin: 0 4% 10px 0;
  text-align: left
}

.CaixaVideos .video-caixa:nth-child(2n) {
  margin: 0;
  float: right
}

.CaixaVideos .video-caixa .vid-text {
  padding: 10px
}

.CaixaVideos .video-caixa .vid-star {
  display: none
}

.CaixaVideos .video-caixa .vid-text {
  height: 61px
}

.CaixaGuia {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 20px
}

.CaixaGuia .qdo {
  clear: both
}

.CaixaGuia .qdo ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 15px 0;
  font-weight: 700
}

.CaixaGuia .qdo ul li {
  display: inline-block;
  width: 49%;
  margin-top: 1%;
  background-color: #f5f5f5
}

.CaixaGuia .qdo ul li:nth-child(even) {
  float: right
}

.CaixaGuia .qdo ul li:hover {
  background-color: #eaeaea
}

.CaixaGuia .qdo ul li a {
  display: block
}

.CaixaGuia .qdo ul li span {
  display: inline-block;
  font-size: 1.2em;
  padding: 5px;
  margin-right: 5px
}

.CaixaGuia .rod {
  clear: both;
  text-align: center;
  background-color: #666;
  color: #fff
}

.CaixaGuia .rod a {
  display: inline-block;
  font-size: .8em;
  padding: 5px;
  color: #fff;
  text-transform: uppercase
}

.comercio-eletronico-caixa {
  position:relative;
  float: left;
  width: 100%;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(234,234,234,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(234,234,234,1);
  box-shadow: 0px 0px 5px 1px rgba(234,234,234,1);
  font-size:16px;
  background-color:#fff;
}

.comercio-eletronico-caixa:hover {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
  box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
}

.comercio-eletronico-caixa .img {
  display: block;
  clear: both;
  float: left;
  width: 100%;
  padding: 10% 0;
  text-align:center;
}

.comercio-eletronico-caixa .img img {
  border: 0;
  max-width: 100%;
  height:150px;
  max-height:100%;
}

.comercio-eletronico-caixa .txt {
  clear: both;
  float:left;
  width:90%;
  background:url('../images/bgTrans90.png') #eaeaea;
  padding: 10px 0;
  margin: 0 5%;
  display: block;
  overflow: hidden;
  text-algign: center;
  border-top:2px solid #ccc;
  font-size:1em;
  text-align:left;
}

.comercio-eletronico-caixa .txt a {
  display: block;
  color:#000;
}

.comercio-eletronico-caixa .txt .quadro-info-secundarias {
  display:none;
}

.comercio-eletronico-caixa .txt .produto-nome {
  height: 75px;
  font-weight:bold;
}
.comercio-eletronico-caixa .txt .categoria-nome {
  font-size:.8em;
  margin-bottom:5px;
}

.comercio-eletronico-caixa .txt .produto-nome:hover,
.comercio-eletronico-caixa .txt .categoria-nome:hover {
  text-decoration:underline;
}

.comercio-eletronico-caixa .txt .produto-marca {
  text-align:center;
  padding:10px 0;
  color:#fff;
  position: relative;
}
.comercio-eletronico-caixa .txt .produto-marca img {
  height:30px;
  max-width:100%;
}
.comercio-eletronico-caixa .txt .produto-marca span {
  height:20px;
  line-height:30px;
  padding:5px 10px;
  background-color:#eaeaea;
  font-size:.8em;
  /*border-radius:3px;*/
  position:relative;
}

.comercio-eletronico-caixa .txt .produto-marca span:before,
.comercio-eletronico-caixa .txt .produto-marca span:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}

.comercio-eletronico-caixa .txt .produto-marca span:before {
  top: 0;
  left: 0;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}
.comercio-eletronico-caixa .txt .produto-marca span:after {
  bottom: 0%;
  right: 0%;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
}
.comercio-eletronico-caixa .pBtn {
  clear: both;
  float: left;
  width: 100%;
  padding: 5px 0;
  background-color: #ccc;
  text-align: left;
  margin: 0;
  display: none
}

.comercio-eletronico-caixa .txt .produto-preco {
  position:relative;
  margin:5px 0;
}

.comercio-eletronico-caixa .txt .produto-preco span {
  display:inline-block;
  width:25%;
}

.comercio-eletronico-caixa .txt .produto-preco .pp {
  font-weight:bold;
  font-size:1.2em;
  border:1px solid #ccc;
  width:auto;
  border-radius:3px;
  padding:5px 10px;
}

.comercio-eletronico-caixa .txt .produto-preco .pl {
  text-decoration: line-through;
  color: gray;
  font-size:.8em;
  min-height:25px;
  display:block;
  width:100%;
}

.comercio-eletronico-caixa .txt .produto-preco .dp {
  width:auto;
  padding:3px 5px;
  background-color:#8BC61A;
  color:#fff;
  border-radius:3px;
  font-size:.8em;
  position:absolute;
  right:0;
  bottom:0;
}

.comercio-eletronico-caixa .produto-combo {
  position:absolute;
  top:5%;
  left:5%;
  padding:3px 5px;
  border-radius:3px;
  text-transform:uppercase;
  font-weight:bold;
  background-color:#ff0000;
  color:#fff;
  font-size:.8em;
}

.comercio-eletronico-caixa .loja {
  clear:both;
  float:left;
  width:100%;
  margin-top:5px;
  padding:5px 0;
  border-top:1px solid #eaeaea;
  disdplay:none;
  font-size:.9em;
}
.comercio-eletronico-caixa .loja span,
.comercio-eletronico-caixa .loja a {
  display:block;
}
.comercio-eletronico-caixa .loja .loja-nome {
  font-weight:bold;
}

.comercio-eletronico-caixa .loja .loja-nome:hover {
  text-decoration:underline;
}

.comercio-eletronico-caixa:hover .quadro-info-secundarias {
  display:block;
}
.comercio-eletronico-caixa:hover .produto-nome {
  height: auto;
}
.comercio-eletronico-caixa-simples .txt {
  height: 75px;
}

.CaixaMarketplace .menu-new {
  color:#ff0000;
  text-transform:none;
  position:absolute;
  top:0;
  margin-left:15px;
}

.CaixaMarketplace {clear:both;float:left;width:100%;}
/*
.CaixaMarketplace .comercio-eletronico-caixa {
width: 32%;
margin-right:2%;
float:left;
}
.CaixaMarketplace .comercio-eletronico-caixa:nth-child(3n+1) {
margin-right:0;
}*/

.CaixaMarketplace .comercio-eletronico-caixa {
  width: 23.5%;
  margin-right:2%;
  float:left;
}
.CaixaMarketplace .comercio-eletronico-caixa:nth-child(4n+1) {
  margin-right:0;
}

.CaixaMarketplace .comercio-eletronico-caixa .pp,
.CaixaMarketplace .paginacao {display:none;}


.colRight .comercio-eletronico-caixa {
  font-size: 1em
}

.comercio-eletronico-caixa-col-2 .comercio-eletronico-caixa {
  width: 48%;
  margin: 0 2% 15px 0
}

.comercio-eletronico-caixa-col-2 .comercio-eletronico-caixa:nth-child(even) {
  float: right;
  margin-right: 0
}

.plano-caixa {
  position:relative;
  display:inline-block;
  width:auto;
  width:220px;
  margin:0 7px 25px 7px;
  text-align:center;
  border-radius:10px;
  background-color:#fff;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  z-index:5;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}
.plano-caixa:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  z-index:10;
}
.plano-caixa .plano-detalhe {
  borfder:1px solid #ccc;
  border-radius: 0 0 10px 10px;
  border-top:0;
  padding:0 1%;
}
.plano-caixa h5 {
  text-transform:uppercase;
  border-radius:10px 10px 0 0;
  background-color:#666;
  color:#fff;
  margin:0;
  padding:10px 5px;
  font-size:1.2em;
}
.plano-caixa .plano-imagem {
  margin:0 0 0 0;
  padding:0;
  max-height:170px;
  overflow:hidden;
}
.plano-caixa .plano-imagem img {
  width:100%;
  border:0;
}
.plano-destaque {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 7;
}
.plano-destaque .pro-detalhe,
.plano-destaque h5 {
  border:0!important;
}
.plano-destaque h5 {
  background-color:#fff;
  color:#fff;
}

.plano-caixa h {margin-top:0;}
.plano-caixa .plano-descricao {width:90%;padding:5%;min-height:120px;display: table;}
.plano-caixa .plano-descricao div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.plano-caixa .plano-preco .preco {
  position:relative;
  font-weight:bold;
  font-size:2.5em;
  color:#000;
  line-height:1em;
  font-family:"oswald";
  min-height:60px;
}
.plano-caixa .plano-preco .preco .preco-moeda {
  color:#666;
  font-size:.4em;
  padding-right:5px;
}
.plano-caixa .plano-preco .preco .preco-centavos {
  font-size:.4em;
  vertical-align:top;
  display:inline-block;
  margin-top:-5px;
  font-weight:normal;
}

.plano-caixa .plano-preco .preco .frequencia {
  font-weight:none;
  font-size:.5em;
  color:#999;
  padding-left:3px;
  text-transform:lowercase;
}
.plano-caixa h4 span,
.plano-caixa .plano-preco {border-top:1px solid #eaeaea;}
.plano-caixa .plano-preco .btn-plano-contratar {font-size:1em;background-color:#7EBF00!important;}

.planos {clear:both;float:left;width:100%;text-align:center;}
.planos h2 {text-transform:uppercase;margin:0 0 30px 0;}
.planos h2 span {display:inline-block;padding:5px 10px;background-color:#eaeaea;}
.planos .plano-taxa {clear:both;float:left;width:96%;display:block;padding:2%;background-color:#f5f5f5;margin-bottom:15px;}
.planos .plano-taxa span {display:inline-block;font-size:1.2em;padding:10px 10px;border-radius:5px;background-color:#666;color:#fff;}
.planos .plano-taxa ul {
  border-left:1px solid #ccc;
  padding-left:10px;
}
.planos .plano-taxa ul li {
  line-height:1.5em;
  text-align:left;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa {
  width:46%;
  padding:1% 1% 0 1%;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .img {
  height:144px;
  overflow:hidden;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .txt .produto-preco,
.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .txt .produto-marca {
  display:none;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .img {
  padding:0;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .img img {
  width:100%;
  height:auto;
}

.CaixaMarketplaceHorizontal .comercio-eletronico-caixa .txt {
  border:0;
}


.CaixaEnquete {
  margin-bottom: 15px
}

.CaixaEnquete, .CaixaEnqueteResultado {
  clear: both;
  float: left;
  width: 100%;
  text-align: left;
  background-color: #f5f5f5
}

.CaixaEnquete .enq-descricao, .CaixaEnquete .enq-pergunta, .CaixaEnqueteResultado .enq-descricao, .CaixaEnqueteResultado .enq-pergunta {
  margin-bottom: 10px
}

.CaixaEnquete .enq-pergunta, .CaixaEnqueteResultado .enq-pergunta {
  font-size: 1.3em
}

.CaixaEnquete .enq-descricao, .CaixaEnqueteResultado .enq-descricao {
  border: 1px solid #ccc;
  padding: 10px
}

.CaixaEnquete .qdo, .CaixaEnqueteResultado .qdo {
  clear: both;
  float: left;
  width: 94%;
  padding: 3% 3% 0 3%;
  color: #000
}

.CaixaEnquete .enq-alternativas p {
  display: block;
  border-left: 4px solid #666;
  background-color: #fff;
  margin: 0 0 10px 0;
  position: relative;
  font-size: 1.2em
}

.CaixaEnquete .enq-alternativas p label {
  display: block;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400
}

.CaixaEnquete .enq-alternativas p label input {
  display: none
}

.CaixaEnquete .enq-alternativas p:hover {
  background-color: #666;
  color: #fff;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out
}

.CaixaEnquete .enq-alternativas p:hover label {
  cursor: pointer
}

.CaixaEnquete .qdo .enq-votar {
  display: none
}

.CaixaEnquete .r-social, .CaixaEnqueteResultado .r-social {
  text-align: right
}

.CaixaEnquete .r-social span, .CaixaEnqueteResultado .r-social span {
  margin-left: 5px
}

.CaixaEnquete .barra-interacao .btnSend, .CaixaEnquete .enq-pergunta .enq-publicacao, .CaixaEnqueteResultado .barra-interacao .btnSend, .CaixaEnqueteResultado .enq-pergunta .enq-publicacao {
  display: none
}

.CaixaEnquete .enq-comentar, .CaixaEnqueteResultado .enq-comentar {
  font-size: .7rem
}

.CaixaEnquete .enq-comentar .p-comentar, .CaixaEnqueteResultado .enq-comentar .p-comentar {
  text-align: center
}

.CaixaEnquete .enq-comentar .p-comentar span, .CaixaEnqueteResultado .enq-comentar .p-comentar span {
  font-size: 1.2em;
  color: #666;
  font-weight: 700;
  text-transform: lowercase
}

.CaixaEnquete .enq-comentar .p-comentar span:hover, .CaixaEnqueteResultado .enq-comentar .p-comentar span:hover {
  color: #000;
  cursor: pointer
}

.CaixaEnquete .CaixaComentarios .comentarios, .CaixaEnqueteResultado .CaixaComentarios .comentarios {
  font-size: .7em
}

.Enquete .CaixaEnquete .qdo {
  background-color: #fff
}

.EnqueteResultado .barra-interacao .btnPrint, .EnqueteResultado .barra-interacao .f-size {
  display: none
}

.Enquete .barra-interacao .btnSend, .EnqueteResultado .barra-interacao .btnSend {
  display: inline-block
}

.Enquete .enq-pergunta, .EnqueteResultado .enq-pergunta {
  font-size: 3em;
  text-align: center
}

.Enquete .enq-pergunta .enq-publicacao, .EnqueteResultado .enq-pergunta .enq-publicacao {
  font-size: .4em
}

.Enquete .enq-alternativas, .EnqueteResultado .enq-alternativas {
  font-size: 1.2em
}

.EnqueteResultado .CaixaComentarios .pAviso {
  display: none
}

.matIntegra .CaixaEnquete, .matIntegra .CaixaEnqueteResultado {
  font-size: 1.2em
}

.matIntegra .CaixaEnquete .qdo, .matIntegra .CaixaEnqueteResultado .qdo {
  background-color: transparent
}

.matIntegra .CaixaEnquete .qdo .enq-pergunta, .matIntegra .CaixaEnqueteResultado .qdo .enq-pergunta {
  font-size: 1.7em;
  text-align: center
}

.matIntegra .CaixaEnquete .qdo .enq-alternativas, .matIntegra .CaixaEnqueteResultado .qdo .enq-alternativas {
  font-size: .8em
}

.lista-enquetes {
  font-size: 1.5em
}

.lista-enquetes .enquete {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 15px
}

.lista-enquetes .enquete a {
  display: block
}

.lista-enquetes .enq-pergunta .enq-publicacao {
  text-align: left
}

.CaixaNewsletter {
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px
}

.CaixaNewsletter .qdo {
  clear: both;
  padding: 5px
}

.CaixaNewsletter .qdo p {
  font-weight: 700;
  margin: 0
}

.CaixaNewsletter .qdo .pLnk a {
  padding-top: 15px;
  display: block
}

.CaixaNewsletter .qdo .pLnk a:hover {
  text-decoration: underline
}

.CaixaCursoOnline {
  clear: both;
  float: left;
  width: 100%;
}

.cxCurso {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 3px 3px 0 0;
}

.cxCurso p {
  clear: both;
  float: left;
  width: 96%;
  font-size: 1.1em;
  padding: 5px 2% 5px 2%;
  margin: 0;
  text-align: center
}

.cxCurso .img {
  clear: both;
  float: left;
  display: block;
  padding: 0;
  padding-bottom: 56.28%;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 3px 3px 0 0;
}

.cxCurso .img img {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 3px 3px 0 0;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.cxCurso .nome {
  font-size: 1.1em;
  font-weight: 700;
  height: 40px
}

.cxCurso .nome a {
  color:#000;
}

.cxCurso .valor {
  height: 40px
}

.cxCurso .valor .vlr {
  font-weight:bold;
  font-size:1.2em;
}
.cxCurso .valor .vlr span {
  font-weight: 700;
  color: #22806f;
  font-size: 1.2em
}

.cxCurso .valor .gts {
  color: red;
  text-transform: uppercase;
  font-weight: 700
}

.cxCurso .bt {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 700;
  display: none
}

.cxCurso .parc {
  display: nome;
}

.cxCurso .parceiro-nome {
  display: block;
  font-size:.8em;
  text-align:center;
  background: url('../images/bgTrans70.png') #ccc;
}

.cxCurso .parceiro-nome:hover {
  background-image: url('');
}
.cxCurso .parceiro-nome a {
  display:block;
}
.cxCurso .parceiro-nome:hover a {
  color:#fff;
}

.cxCurso .parc a {
  display: block;
  margin: 0 1%;
  padding: 3px 0;
  border: 1px solid #eaeaea;
  background-color: #fff
}

.cxCurso .parc a img {
  height: 40px;
  border: 0
}

.cxCurso .nome:hover {
  text-decoration: underline
}

.cxCurso:hover .img img {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.curso-caixa-col-2 .cxCurso {
  width: 48%;
  margin: 0 2% 15px 0
}

.curso-caixa-col-2 .cxCurso:nth-child(even) {
  float: right;
  margin-right: 0
}

.cxCategoria {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  border-radius: 5px 5px 0 0;
  border:0;
}

.cxCategoria div {
  clear: both;
  float: left;
  width: 100%;
  color: #fff;
  border-radius: 5px 5px 0 0;
}

.cxCategoria div img {
  float: right;
  margin-right: 3%;
  opacity: .8;
  border-radius: 5px 5px 0 0;
}

.cxCategoria div h3 {
  font-size: 1.3em;
  padding: 10px;
  margin: 0;
  font-weight: 400
}

.cxCategoria div span {
  display: block;
  height: 80px;
  padding: 0 10px 10px 10px
}

.cxCategoria p {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center
}

.cxCategoria .img {
  height: 150px;
  background: url('') no-repeat center;
  background-size: 101%;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  border-radius: 5px 5px 0 0;
}

.cxCategoria:hover .img {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  background-size: 110%
}

.cxCategoria:hover div h3 {
  text-shadow: 0 0 5px #000
}

.cxArmacao, .cxItemDiverso {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  padding: 0;
  margin-bottom: 15px
}

.cxArmacao .qdo, .cxItemDiverso .qdo {
  clear: both;
  float: left;
  width: 99%;
  border: 1px solid #eaeaea;
  position: relative
}

.cxArmacao .arm-img, .cxItemDiverso .id-img {
  clear: both;
  float: left;
  width: 100%;
  /*padding-bottom: 56.25%;*/
  overflow: hidden;
  position: relative;
  text-align: center
}

.cxArmacao .arm-img span, .cxItemDiverso .id-img span {
  display: inline-block;
  /* position: absolute;
  top: 0;
  left: 0;*/
  height:100%;
  max-width: 100%
}

.cxArmacao .arm-img span img {
  max-width: 100%;
  height:80px;
}

.cxItemDiverso .id-img span img {
  max-width: 100%;
  margin: 0
}

.cxArmacao .mar-img, .cxItemDiverso .mar-img {
  clear: both;
  display: block;
  text-align: center
}

.cxArmacao .mar-img a span, .cxItemDiverso .mar-img a span {
  display: inline-block !important;
  width: 100px;
  height: 60px;
  overflow: hidden;
  border: 1px solid #eaeaea;
  background: url('') no-repeat center #fff;
  background-size: 95%
}

.cxArmacao .mar-img a label, .cxItemDiverso .mar-img a label {
  display: block;
  line-height: 30px;
  height: 30px;
  color: #999
}

.cxArmacao .mar-img:hover a label, .cxItemDiverso .mar-img:hover a label {
  cursor: pointer;
  color: #000
}

.cxArmacao .txt, .cxItemDiverso .txt {
  clear: both;
  display: block;
  float: left;
  width: 100%
}

.cxArmacao .txt span, .cxItemDiverso .txt span {
  display: block
}

.cxArmacao .txt .arm-nome, .cxItemDiverso .txt .id-nome {
  font-size: 14px !important;
  font-weight: 700;
  height: 50px;
  border-bottom: 2px solid transparent;
  overflow:hidden;
}

.cxItemDiverso .txt .id-nome {
  border: 0
}

.cxArmacao .txt .arm-nome:hover, .cxItemDiverso .txt id-nome:hover {
  text-decoration: underline
}

.cxArmacao .txt .arm-nome span, .cxItemDiverso .txt .id-nome span {
  color: #999;
  font-size: 14px;
  font-weight: 700
}

.cxArmacao .txt a, .cxItemDiverso .txt a {
  display: block;
  color: #444
}

.cxArmacao .txt a:hover, .cxItemDiverso .txt a:hover {
  display: block;
  color: #000
}

.cxArmacao .txt .arm-mod span {
  font-size: 10px;
  text-transform: uppercase;
  color: #666
}

.cxArmacao .rod, .cxItemDiverso .rod {
  clear: both;
  float: left;
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #f5f5f5;
  color: #666;
  font-weight: 400
}

.cxArmacao .rod .info, .cxItemDiverso .rod .info {
  display: block;
  width: 100%;
  float: left;
  height: 35px;
  vertical-align: middle
}

.cxArmacao .rod .info span, .cxItemDiverso .rod .info span {
  display: block;
  padding: 0 5px
}

.cxArmacao:hover .qdo .txt, .cxItemDiverso:hover .qdo .txt {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  background-color: #f5f5f5
}

.cxArmacao:hover .qdo .txt .arm-nome, .cxItemDiverso:hover .qdo .txt .id-nome {
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  background-color: #444;
  border-bottom: 2px solid #999;
  color: #fff
}

.cxItemDiverso:hover .qdo .txt .id-nome {
  border: 0
}

.cxArmacao .qdo .txt .cores {
  display: block;
  text-align: center;
  height: 20px;
  line-height: 20px;
  overflow: hidden
}

.cxArmacao .qdo .txt .cores .haste, .cxArmacao .qdo .txt .cores .haste .lente {
  display: inline-block;
  height: 12px;
  width: 20px;
  margin: 2px;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  border-radius: 20%;
  position: relative
}

.cxArmacao .qdo .txt .cores .haste .lente {
  border: 0;
  width: 6px;
  height: 4px;
  border-radius: 6px;
  border: 2px solid #666;
  margin: 0
}

.cxArmacao:hover .qdo .rod, .cxItemDiverso:hover .qdo .rod {
  border-color: #fff;
  padding-top: 0
}

.cxArmacao:hover .qdo .rod, .cxItemDiverso:hover .qdo .rod {
  background-color: #fff
}

.arm-list .arm-list-itens .cxArmacao, .id-list .cxItemDiverso {
  width: 32%;
  margin-right: 2%
}

.arm-list .arm-list-itens .cxArmacao:nth-child(3n), .id-list .cxItemDiverso:nth-child(3n) {
  margin-right: 0
}

.arm-btn-carrinho-adicionar, .arm-btn-meu-catalogo, .id-btn-carrinho-adicionar, .id-btn-meu-catalogo {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  display: none
}

.arm-btn-carrinho-adicionar, .id-btn-carrinho-adicionar {
  margin-top: 1px;
  padding: 10px 0;
  background-color: #eaeaea;
  height: 40px
}

.arm-btn-carrinho-adicionar input, .arm-btn-carrinho-adicionar span, .id-btn-carrinho-adicionar input, .id-btn-carrinho-adicionar span {
  vertical-align: middle
}

.arm-btn-meu-catalogo span, .id-btn-meu-catalogo span {
  display: block;
  padding: 5px;
  background-color: #eaeaea
}

.arm-btn-meu-catalogo label, .id-btn-meu-catalogo label {
  position: relative;
  display: block;
  text-align: center
}

.arm-btn-meu-catalogo label span, .id-btn-meu-catalogo label span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  text-align: center;
  background: url(../images/check-gray.png) no-repeat transparent
}

.arm-btn-meu-catalogo .not-checked span, .id-btn-meu-catalogo .not-checked span {
  background-image: url(../images/check-gray.png)
}

.arm-btn-meu-catalogo .checked span, .id-btn-meu-catalogo .checked span {
  background-image: url(../images/check-green.png)
}

.arm-btn-meu-catalogo label input, .id-btn-meu-catalogo label input {
  display: none
}

.arm-btn-meu-catalogo label:hover, .id-btn-meu-catalogo label:hover {
  cursor: pointer;
  font-weight: 700
}

.CaixaBolsaDeEmpregosBusca .quadro, .CaixaClassificadosBusca .quadro, .CaixaGuiaBusca .quadro {
  background: #666;
  background: -webkit-linear-gradient(-110deg,#ccc,#666);
  background: -o-linear-gradient(-110deg,#ccc,#666);
  background: -moz-linear-gradient(-110deg,#ccc,#666);
  background: linear-gradient(-110deg,#ccc,#666)
}

.CaixaClassificadosBusca {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 20px
}

.CaixaClassificadosBusca .quadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaClassificadosBusca .titulo-caixa-menu {
  margin: 0
}

.CaixaClassificadosBusca .quadro .quadro-inner {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  min-height: 220px
}

.CaixaClassificadosBusca .quadro .quadro-inner ul {
  list-style-type: none;
  padding: 1%;
  margin: 0;
  width: 98%;
  text-align: left
}

.CaixaClassificadosBusca .quadro .quadro-inner ul li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  white-space: nowrap
}

.CaixaClassificadosBusca .quadro .quadro-inner ul li a {
  display: block;
  color: #666;
  padding: 0 10px;
  font-weight: 700;
  background-image: url(../images/bgTrans70.png)
}

.CaixaClassificadosBusca .quadro .quadro-inner ul li a:hover {
  background-image: url(../images/bgTrans90.png)
}

.CaixaClassificadosBusca .quadro .quadro-inner .bsc {
  clear: both;
  padding: 25px 5%
}

.CaixaClassificadosBusca .quadro .quadro-inner .bsc #txtBuscaPC {
  padding: 6px;
  width: 280px;
  border: 0
}

.CaixaClassificadosBusca .quadro .quadro-inner .bsc select {
  padding: 7px;
  border: 0;
  width: 180px
}

.CaixaClassificadosBusca .quadro .quadro-inner .bsc .btnBuscar {
  padding: 8px 20px !important;
  font-weight: 700;
  text-transform: uppercase
}

.CaixaClassificadosBusca .quadro .quadro-inner .cat {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: .8em;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff
}

.CaixaClassificadosBusca .quadro .quadro-inner .cat a {
  display: inline-block;
  width: 16.6666667%;
  text-align: center;
  background: url(../images/bgTrans40.png)
}

.CaixaClassificadosBusca .quadro .quadro-inner .cat a:hover {
  background: url(../images/bgTrans70.png)
}

.CaixaBolsaDeEmpregosBusca {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px
}

.CaixaBolsaDeEmpregosBusca .quadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner {
  clear: both;
  float: left;
  width: 100%;
  min-height: 280px;
  position: relative
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner h2 {
  color: #fff;
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 20px 0
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner select {
  width:50%;
}
.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner .btnBuscar {
  margin:0!important;
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner ul {
  clear: both;
  float: left;
  position: absolute;
  bottom: 0;
  width: 98%;
  padding: 10px 1%;
  margin: 0;
  text-align: center;
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner ul li {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  width: 20%
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner ul li a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .9em;
  margin: 0 3px;
  text-align: center;
  background-image: url(../images/bgTrans90.png)
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner ul li a:hover {
  background-image: url(../images/bgTrans70.png)
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner div {
  clear: both;
  text-align: left;
  padding: 10px 0 0 70px
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner span {
  display: inline-block;
  line-height: 40px
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner select {
  border: 1px solid #f5f5f5
}

.CaixaBolsaDeEmpregosBusca .quadro .quadro-inner .btnBuscar {
  padding: 8px 20px !important;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase
}

.CaixaBolsaDeEmpregosEmpresa {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaBolsaDeEmpregosEmpresa .titulo-caixa-menu {
  margin: 0
}

.CaixaBolsaDeEmpregosEmpresa .quadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner {
  clear: both;
  float: left;
  width: 100%;
  background: url(../images/bgTrans70.png) #f5f5f5
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qdo {
  clear: both
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qdo #qdoVantagens {
  display: block
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qa {
  display: none
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .conteudo {
  clear: both;
  float: left;
  width: 100%
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .conteudo .foto {
  height: 220px;
  overflow: hidden
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .conteudo .foto img {
  width: 100%
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qdo .texto {
  padding: 0 2%
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qdo .texto .vantagens {
  font-weight: 700
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .qdo .texto li {
  padding-left: 10px;
  text-indent: -10px
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner #qdoPrecos .obs, .CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner #qdoPrecos .precos {
  padding: 1% 2%
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner #qdoPrecos .pagueCom {
  padding-bottom: 10px;
  text-align: center
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner #qdoPrecos .pagueCom img {
  height: 30px;
  margin: 1px;
  vertical-align: middle
}

.CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner #btnValores {
  margin-left: 40px
}

.CaixaBolsaDeEmpregosCandidato {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaBolsaDeEmpregosCandidato .titulo-caixa-menu {
  margin: 0
}

.CaixaBolsaDeEmpregosCandidato .quadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner {
  clear: both;
  float: left;
  width: 100%;
  background: url(../images/bgTrans70.png) #f5f5f5
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .foto {
  height: 220px;
  overflow: hidden
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .foto img {
  height: 100%
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto {
  padding: 0 2%
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto .vantagens {
  font-weight: 700
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto li {
  padding-left: 10px;
  text-indent: -10px
}

.CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto p .so {
  display: inline-block;
  font-size: .85em;
  padding-top: 5px;
  color: red;
  float: right
}

.CaixaBolsaDeEmpregosCandidato .quadroCadCurriculo #qdoDuvidas .table {
  width: 100%
}

.CaixaBolsaDeEmpregosCandidato .quadroCadCurriculo #qdoDuvidas .left {
  width: 49%;
  float: left
}

.CaixaBolsaDeEmpregosCandidato .quadroCadCurriculo #qdoDuvidas .right {
  width: 49%;
  float: right
}

.CaixaGuiaBusca {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaGuiaBusca .quadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaGuiaBusca .titulo-caixa-menu {
  margin: 0
}

.CaixaGuiaBusca .quadro .quadro-inner {
  position: relative;
  min-height: 220px
}

.CaixaGuiaBusca .quadro .quadro-inner h2 {
  color: #fbedd6;
  font-size: 1.2em;
  font-weight: 400;
  margin: 10px 0 10px 5%;
  padding: 0
}

.CaixaGuiaBusca .quadro .quadro-inner h2 span {
  font-size: 1.8em;
  color: #fff
}

.CaixaGuiaBusca .quadro .quadro-inner ul {
  list-style-type: none;
  padding: 1% 1% 0 1%;
  margin: 0;
  width: 98%;
  text-align: left
}

.CaixaGuiaBusca .quadro .quadro-inner ul li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  white-space: nowrap
}

.CaixaGuiaBusca .quadro .quadro-inner ul li a {
  display: block;
  color: #666;
  padding: 0 10px;
  font-weight: 700;
  background-image: url(../images/bgTrans70.png)
}

.CaixaGuiaBusca .quadro .quadro-inner ul li a:hover {
  background-image: url(../images/bgTrans90.png)
}

.CaixaGuiaBusca .quadro .quadro-inner .bsc {
  clear: both;
  padding: 0 20px
}

.CaixaGuiaBusca .quadro .quadro-inner .bsc #txtBuscaPC {
  padding: 6px;
  width: 280px;
  border: 0
}

.CaixaGuiaBusca .quadro .quadro-inner .bsc select {
  padding: 7px;
  border: 0;
  width: 180px;
  margin-top: 5px
}

.CaixaGuiaBusca .quadro .quadro-inner .bsc .btnBuscar {
  padding: 8px 20px !important;
  font-weight: 700;
  text-transform: uppercase
}

.CaixaGuiaBusca .quadro .quadro-inner .cat {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: .9em;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  color: #000
}

.CaixaGuiaBusca .quadro .quadro-inner .cat a {
  display: inline-block;
  width: 25%;
  text-align: center;
  color: #000;
  background: url(../images/bgTrans40.png)
}

.CaixaGuiaBusca .quadro .quadro-inner .cat a:hover {
  background: url(../images/bgTrans70.png)
}

.CaixaComentarios, .CaixaEntrarEmContato, .CaixaEnviarMensagem, .CaixaEnviarPorEmail {
  clear: both;
  float: left;
  width: 96%;
  padding: 2%;
  background-color: #f5f5f5;
  margin-bottom: 15px
}

.CaixaComentarios .comentarios .com {
  clear: both;
  font-size: 1.2em
}

.CaixaComentarios .comentarios .com span {
  font-weight: 400;
  font-size: .8em
}

.CaixaComentarios .comentarios .com span span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.3em
}

.CaixaComentarios .comentarios div {
  clear: both;
  padding: 10px 0
}

.CaixaComentarios .comentarios div div {
  color: #666
}

.CaixaComentarios .formQuadro, .CaixaEntrarEmContato .formQuadro, .CaixaEnviarPorEmail .formQuadro {
  clear: both;
  float: left;
  width: 100%
}

.CaixaComentarios .formQuadro input, .CaixaComentarios .formQuadro textarea, .CaixaEntrarEmContato .formQuadro input, .CaixaEntrarEmContato .formQuadro textarea, .CaixaEnviarPorEmail .formQuadro input, .CaixaEnviarPorEmail .formQuadro textarea {
  background-color: #fff
}

.CaixaComentarios .pAviso {
  text-align: center
}

.CaixaComentariosxx, .CaixaEntrarEmContato, .CaixaEnviarPorEmail {
  display: none
}

.CaixaComentarios .win-btn-fechar-x, .CaixaEntrarEmContato .win-btn-fechar-x, .CaixaEnviarPorEmail .win-btn-fechar-x {
  color: #666
}

.CaixaEnviarPorEmail .mais1 {
  margin-top: 10px
}

.CaixaBuscaVideos {
  clear: both;
  float: left;
  width: 96%;
  padding: 2%;
  background-color: #444;
  margin-bottom: 15px
}

.CaixaBuscaVideos .bsc {
  padding-bottom: 10px
}

.CaixaBuscaVideos input {
  width: 76%
}

.CaixaBusca span, .CaixaBuscaVideos input {
  float: left
}

.CaixaBuscaVideos span {
  width: 20%;
  padding: 0 !important;
  height: 32px;
  line-height: 32px;
  text-transform: uppercase;
  margin: 0 0 0 1%;
}

.CaixaBuscaVideos .CaixaBuscaCategorias ul {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  text-align: center
}

.CaixaBuscaVideos .CaixaBuscaCategorias ul li {
  display: inline-block;
  padding: 5px;
  background-color: #333;
  margin-right: 1px
}

.CaixaBuscaVideos .CaixaBuscaCategorias ul li a {
  color: #fff
}

.CaixaBuscaVideos .CaixaBuscaCategorias ul li:hover {
  background-color: #000
}

.qVagasEmDestaque {
  clear: both;
  float: left;
  width: 100%;
  position: relative
}

.qVagasEmDestaque p {
  margin: 0;
  padding: 0 0 10px 0;
  text-align: center
}

.qVagasEmDestaque ul {
  clear: both;
  float: left;
  width: 100%
}

.qVagasEmDestaque ul li {
  clear: both;
  float: left;
  width: 100%
}

.qVagasEmDestaque ul li:last-child {
  margin-bottom: 0
}

#quadroVagasEmDestaque {
  clear: both;
  float: left;
  width: 100%
}

#quadroVagasEmDestaque .vaga {
  clear: both;
  float: left;
  width: 100%;
  color: #fff;
  font-size: .9em;
  border-bottom: 0;
  text-align: left
}

#quadroVagasEmDestaque .vaga:hover {
  opacity: .9
}

#quadroVagasEmDestaque .vaga:last-child {
  border-bottom: 0
}

#quadroVagasEmDestaque .vaga .vag-content {
  display: block;
  padding: 1% 2%
}

#quadroVagasEmDestaque .vaga .destaque {
  display: none
}

#quadroVagasEmDestaque .vaga .destaque span {
  display: inline-block;
  text-transform: uppercase
}

#quadroVagasEmDestaque .vaga .vag-title {
  display: block;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 7px
}

#quadroVagasEmDestaque .vaga .vag-title span {
  display: inline-block;
  color: #eaeaea;
  font-size: .8em;
  font-weight: 400;
  text-transform: none
}

#quadroVagasEmDestaque .vaga .vag-title span span {
  display: inline-block;
  font-size: .8em;
  float: right
}

#quadroVagasEmDestaque .vaga .vag-title img {
  margin-left: 10px;
  border: 0;
  height: 20px
}

#quadroVagasEmDestaque .vaga table {
  width: 100%;
  margin-bottom: 8px
}

#quadroVagasEmDestaque .vaga table td {
  font-weight: 700;
  width: 33%
}

#quadroVagasEmDestaque .vaga table .trTit td {
  font-weight: 400;
  color: #eaeaea
}

#quadroVagasEmDestaque .vaga .vag-summary {
  display: block;
  height: 30px;
  overflow: hidden
}

#quadroVagasEmDestaque .vaga .vag-interacao {
  clear: both;
  float: left;
  width: 98%;
  margin: 0 1%;
  display: none;
  padding: 5px 0;
  background-color: #eaeaea
}

#quadroVagasEmDestaque .vaga .vag-interacao div {
  width: 100%;
  text-align: center
}

#quadroVagasEmDestaque .vaga .vag-interacao span {
  display: inline-block
}

#quadroVagasEmDestaque .vaga .vag-interacao img {
  height: 25px;
  vertical-align: middle
}

#quadroVagasEmDestaque .vaga .vag-btn-fec, #quadroVagasEmDestaque .vaga .vag-btn-ver .icn-visualizado, #quadroVagasEmDestaque .vaga .vag-interacao .vag-btns, #quadroVagasEmDestaque .vaga .vag-interacao .vag-enviar, #quadroVagasEmDestaque .vaga .vag-interacao a {
  display: none
}

.CaixaLogin {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  padding: 2% 0
}

.CaixaLogin div {
  display: inline-block;
  padding: 0 2%;
  width: 46%;
  text-align: left
}

.CaixaLogin div p {
  text-align: center
}

.CaixaLogin div p input, .CaixaLogin div p password {
  width: 100%
}

.quadro-vendido-por {
  clear:both;
  float:left;
  width:100%;
  margin-bottom:15px;
  text-align:left;
}
.quadro-vendido-por .qdo {clear:both;float:left;width:99.8%;border:1px solid #eaeaea;}
.quadro-vendido-por .qdo .qdo-inner {clear:both;float:left;width:95.6%;padding:0 2%;}
.quadro-vendido-por label {display:block;font-weight:bold;background:url('../images/bgTrans90.png') #ccc;padding:5px 10px;}
.quadro-vendido-por img {width:50px;vertical-align:middle;padding:3px;border:1px solid #eaeaea;margin-right:10px;}
.quadro-vendido-por a {display:inline-block;text-transform:uppercase;vertical-align:middle;}
.quadro-vendido-por a span {text-transform:none;font-size:.8em;}
.quadro-vendido-por .btnContato {
  border:1px solid #eaeaea;
  color:#000!important;
  background-color:#f5f5f5;
}
.quadro-vendido-por .btnContato {
  backgrotund-color:#eaeaea;
}

.caixa-pedido-resumo {
  padding:15px;
  margin-bottom:15px;
  background-color:#f5f5f5;
}
.caixa-pedido-resumo h3 {
  margin:0 0 10px 0;
  font-size:1.4em;
}
.caixa-pedido-resumo div div span,
.caixa-pedido-resumo div div label {
  display:inline-block;
  padding:10px 1%;
}
.caixa-pedido-resumo div div:nth-child(odd) {background-color:#fff;}
.caixa-pedido-resumo div div span {width:58%;}
.caixa-pedido-resumo div div label {width:36%;text-align:right;}
.carrinho input[type="text"] {
  border:1px solid #eaeaea;
}

.caixa-pedido-resumo div div:last-child {
  font-weight:bold;
  font-size:1.2em;
  background-color:#666;
  color:#fff;
}

.CaixaAceitaCookies {
  clear:both;
  float:left;
  width: 100%;
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  z-index:100000;
  background-color:#666;
  padding:1% 0;
  opacity:.95;
  text-align:center;
}
.CaixaAceitaCookies  .caixa-cookies-message {
  display:inline-block;
  text-align:center;
  font-size:1.2em;
  opacity:1:important;
  color:#fff;
}

.CaixaAceitaCookies  .caixa-cookies-message .col-txt a,
.CaixaAceitaCookies  .caixa-cookies-message .col-txt .lblPortalNome {
  color:#fff!important;
}
.CaixaAceitaCookies  .caixa-cookies-message .col-txt a {
  text-decoration: underline;
}
.CaixaAceitaCookies  .caixa-cookies-message .col-txt .btn {
  border:1px solid #fff;
}

.andamento-grafico {clear:both;float:left;width:96%;padding:0 2%;margin-bottom:5px;background:url('../images/bgTrans50.png') #fff;border-radius:3px;}
.andamento-grafico .percentual {padding:5px 0;text-align:center;}
.andamento-grafico .percentual span {fnt-size:1.2em;font-weight:bold;}
.andamento-grafico .grafico {padding:2px 1%;border:1px solid #777;border-top:0;border-bottom-style:dashed;}
.andamento-grafico .grafico span {display:block;height:5px;color:#fff;min-width:1px;border-radius:3px;}
.andamento-grafico .escala span {display:inline-block;width:20%;padding:0;margin:0;font-size:.8em;}
.andamento-grafico .escala .g0,
.andamento-grafico .escala .g100 {width:6%;}
.andamento-grafico .escala .g25,
.andamento-grafico .escala .g75 {width:20%;}
.andamento-grafico .escala .g50 {width:48%;text-align:center;}
.andamento-grafico .escala .g25 {text-align:right;}
.andamento-grafico .escala .g100 {width:6%;text-align:right;}


.produto-cliente-alvo {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
}
.produto-cliente-alvo p {
  padding:5px 0;
  background-color:#f5f5f5;
  border:1px solid #eaeaea;
}
.produto-cliente-alvo p label {
  font-weight:bold;;
}

.caixa-afiliado-produto {
  clear:both;
  float:left;
  width:100%;
}
.caixa-afiliado-produto .condicoes-comerciais {
  text-align:center;
}
.caixa-afiliado-produto .condicoes-comerciais h4 {
  margin:0;
  color:#666;
}
.caixa-afiliado-produto .condicoes-comerciais h3 {
  font-size:1.5em;
}
.caixa-afiliado-produto .condicoes-comerciais h3 label {
  font-size:.5em;
  color:#666;
  padding-lesft:5px;
  display:block;
}

@media only screen and (max-width:1024px) {
  .CaixaAceitaCookies {padding:1% 3% 5% 3%;width:94%;}
  .CaixaClassificadosBusca .quadro .quadro-inner {
    background-size: 90%;
    background-position: bottom center
  }

  .CaixaClassificadosBusca .quadro .quadro-inner ul, .CaixaClassificadosBusca .quadro-inner .cat {
    display: none
  }

  .CaixaClassificadosBusca .quadro .quadro-inner .bsc #txtBuscaPC {
    padding: 6px 1%;
    width: 98%;
    border: 0
  }

  .CaixaClassificadosBusca .quadro .quadro-inner .bsc select {
    width: 70%;
    border: 0
  }

  .CaixaClassificadosBusca .quadro .quadro-inner .bsc .btnBuscar {
    float: right
  }

  .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner div {
    padding: 20px
  }

  .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner ul {
    display: none
  }

  .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner select {
    width: 48%;
    border: 0
  }
  /*
  .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner .btnBuscar, .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner .ddBuscaUF {
  float: right

}
  */
  .CaixaGuiaBusca .quadro .quadro-inner {
    padding: 0
  }

  .CaixaGuiaBusca .quadro .quadro-inner .cat, .CaixaGuiaBusca .quadro .quadro-inner ul {
    display: none
  }

  .CaixaGuiaBusca .quadro .quadro-inner .bsc input, .CaixaGuiaBusca .quadro .quadro-inner .bsc select {
    width: 100% !important;
    padding: 7px 0 !important;
    border: 0 !important
  }

  .CaixaBolsaDeEmpregos .qdoBolsa .qdo {
    height: auto
  }

  .CaixaBolsaDeEmpregos .qdoBolsa .qBotoes div div:first-child {
    padding-bottom: 0
  }

  .CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .foto img, .CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .foto img {
    height: auto;
    width: 100%
  }

  .CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto, .CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .texto {
    padding: 1% 6%
  }

  .CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto .vantagens, .CaixaBolsaDeEmpregosEmpresa .quadro .quadro-inner .texto .vantagens {
    margin-top: 0
  }

  .CaixaBolsaDeEmpregosCandidato .quadro .quadro-inner .texto li .so {
    display: block;
    float: none;
    text-align: right
  }

  .arm-list .arm-list-itens .cxArmacao, .id-list .id-list-itens .cxItemDiverso {
    width: 48%;
    margin-right: 0
  }

  .arm-list .arm-list-itens .cxArmacao:nth-child(2n), .id-list .id-list-itens .cxItemDiverso:nth-child(2n) {
    float: right
  }

  .arm-list .arm-list-itens .cxArmacao:nth-child(3n), .id-list .id-list-itens .cxItemDiverso:nth-child(3n) {
    display: none
  }

  .cxArmacao .qdo .txt .cores {
    height: auto;
    line-height: normal;
    overflow: auto
  }

  .CaixaLogin div {
    width: 96%
  }

  .CaixaBolsaDeEmpregos .qdoBolsa .qBotoes, .CaixaBolsaDeEmpregos .qdoBolsa .qCurriculos, .CaixaBolsaDeEmpregos .qdoBolsa .qVagas {
    width: 100%;
    clear: both;
    padding: 0
  }

  .Enquete .CaixaEnquete .qdo, .EnqueteResultado .CaixaEnqueteResultado .qdo {
    font-size: .5em
  }

  .matIntegra .CaixaEnquete, .matIntegra .CaixaEnqueteResultado {
    font-size: .6em
  }

  .matIntegra .CaixaEnquete .qdo .enq-alternativas, .matIntegra .CaixaEnqueteResultado .qdo .enq-alternativas {
    font-size: 1.1em
  }

  #quadroVagasEmDestaque .vaga table {
    display: none
  }

  #quadroVagasEmDestaque .vaga .vag-summary {
    height: 65px
  }

  .comercio-eletronico-caixa {
    clear:both;
    float:left;
    width:100%!important;
    margin:0 0 15px 0;
  }

  .CaixaMarketplaceHorizontal .comercio-eletronico-caixa .img,
  .comercio-eletronico-caixa .img img {
    height:auto!important;
    max-height:auto;
    width:90%;
  }
}

.materia-caixa {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
  position: relative
}

.materia-caixa .mat-image, .materia-caixa .mat-text {
  display: block;
  float: left
}

.materia-caixa .mat-text {
  width: 60%
}

.materia-caixa .mat-image {
  width: 40%
}

.materia-caixa-sem-foto .mat-text {
  width: 100%;
  position: relative
}

.materia-caixa-sem-foto .mat-image {
  display: none
}

.materia-caixa .mat-image img {
  width: 90%
}

.materia-caixa .mat-text .mat-summary {
  padding-top: 5px
}

.materia-caixa .mat-position {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px 5px;
  background-color: #eaeaea;
  color: #555
}

.colRight .materia-caixa .mat-summary {
  display: none
}

.CaixaMateriasMaisComentadas .materia-caixa .mat-summary, .CaixaMateriasMaisLidas .materia-caixa .mat-summary {
  display: none
}

.CaixaMateriasMaisComentadas .materia-caixa .mat-position, .CaixaMateriasMaisLidas .materia-caixa .mat-position {
  display: inline-block
}

.colRight .CaixaMateriasUltimas .materia-caixa .mat-image, .colRight .CaixaMateriasUltimas .materia-caixa .mat-text {
  min-height: initial
}

.CaixaMateriasPorSecao .materia-caixa .mat-image {
  padding-top: 0
}

.CaixaMateriasPorSecao .materia-caixa .mat-summary {
  padding-top: 5px
}

.materia-calendario-caixa {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea
}

.materia-caixa-3x1 .materia-caixa {
  float: left !important;
  width: 32% !important;
  margin-right: 2% !important;
  vertical-align: top !important
}

.materia-caixa-3x1 .materia-caixa:nth-child(3n+0) {
  margin-right: 0 !important
}

.cal-data, .cal-title {
  font-weight: 700
}

.cal-data {
  color: #fff;
  display: inline-block;
  padding: 3px 5px;
  margin: 0 10px 5px 0
}

.cal-local {
  text-transform: uppercase;
  display: inline-block
}

.cal-title {
  display: block;
  font-size: 1.1em
}

.cal-mes {
  clear: both;
  float: left;
  width: 100%;
  background-color: #eaeaea;
  text-align: center;
  margin-bottom: 15px
}

.cal-mes span {
  display: inline-block;
  padding: 5px 15px;
  text-transform: uppercase;
  background-color: #666;
  color: #fff;
  font-weight: 700
}

.cla-title {
  font-weight: 700;
  font-size: .9em;
  display: block;
  color: #000
}

.cla-category {
  color: #000;
  display: inline-block;
  font-size: .9em
}

.classificado-caixa {
  background-color: #fff;
  border: 1px solid #eaeaea;
  margin-bottom: 15px
}

.classificado-caixa .img {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  padding-bottom: 56.28%;
  overflow: hidden;
  position: relative
}

.classificado-caixa .img img {
  border: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.classificado-caixa div {
  padding: 10px;
  overflow: hidden
}

.classificado-caixa div .txt {
  clear: both;
  display: block;
  height: 50px;
  overflow: hidden
}

.classificado-caixa div .txt a {
  padding-bottom: 5px;
  display: block
}

.classificado-caixa div .txt a:hover {
  text-decoration: underline
}

.classificado-caixa div .loc {
  clear: both;
  display: block;
  padding-top: 5px;
  text-align: center;
  border-top: 1px dotted #ccc;
  color: #555;
  overflow: hidden;
  font-size: .8em
}

.CaixaClassificados {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaClassificados .classificado-caixa {
  width: 48%;
  float: left
}

.CaixaClassificados .classificado-caixa:nth-child(even) {
  float: right
}

.CaixaClassificados .rodape {
  clear: both;
  float: left;
  width: 100%
}

.CaixaClassificados .btn {
  padding: 5px 0 !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase
}

.CaixaCurriculosRecentes, .CaixaVagasPorEmpresa, .CaixaVagasRecentes {
  clear: both
}

.CaixaCurriculosRecentes .qdo ul li, .CaixaVagasPorEmpresa .qdo ul li, .CaixaVagasRecentes .qdo ul li {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 10px
}

.CaixaCurriculosRecentes .qdo ul li a, .CaixaVagasPorEmpresa .qdo ul li a, .CaixaVagasRecentes .qdo ul li a {
  display: block
}

.CaixaCurriculosRecentes .qdo ul li a span, .CaixaVagasPorEmpresa .qdo ul li a span, .CaixaVagasRecentes .qdo ul li a span {
  font-weight: 700
}

.CaixaCurriculosPorNivelHierarquico, .CaixaVagasPorNivelHierarquico {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.CaixaCurriculosPorNivelHierarquico .sub-titulo, .CaixaVagasPorNivelHierarquico .sub-titulo {
  display: block;
  text-align: center
}

.CaixaCurriculosPorNivelHierarquico .sub-titulo .total-cadastros label, .CaixaVagasPorNivelHierarquico .sub-titulo .total-cadastros label {
  display: inline-block;
  font-size: 1.7em;
  font-weight: 700
}

.CaixaCurriculosPorNivelHierarquico .sub-titulo .txt, .CaixaVagasPorNivelHierarquico .sub-titulo .txt {
  display: inline-block;
  color: #ccc;
  font-size: 1.2em
}

.CaixaCurriculosPorNivelHierarquico .meio, .CaixaVagasPorNivelHierarquico .meio {
  clear: both;
  background-image: url(../images/bgTrans40.png)
}

.CaixaCurriculosPorNivelHierarquico .rodape, .CaixaVagasPorNivelHierarquico .rodape {
  clear: both;
  float: left;
  width: 100%;
  background-image: url(../images/bgTrans60.png);
  font-weight: 700
}

.CaixaCurriculosPorNivelHierarquico .rodape .total-ativos, .CaixaVagasPorNivelHierarquico .rodape .total-ativos {
  display: block;
  float: left;
  padding: 5px 0 5px 10px;
  line-height: 25px
}

.CaixaCurriculosPorNivelHierarquico .rodape a, .CaixaVagasPorNivelHierarquico .rodape a {
  display: inline-block;
  float: right
}

.CaixaCurriculosPorNivelHierarquico tr table tr td, .CaixaVagasPorNivelHierarquico tr table tr td {
  line-height: 25px !important;
  background-image: url(../images/bgTrans70.png);
  padding: 2px;
  white-space: nowrap
}

.CaixaCurriculosPorNivelHierarquico tr table tr:nth-child(odd) td, .CaixaVagasPorNivelHierarquico tr table tr:nth-child(odd) td {
  background-image: url(../images/bgTrans90.png)
}

.CaixaCurriculosPorNivelHierarquico tr table td span, .CaixaVagasPorNivelHierarquico tr table td span {
  font-size: 11px;
  color: #555
}

.CaixaCurriculosPorNivelHierarquico tr table td .nh, .CaixaVagasPorNivelHierarquico tr table td .nh {
  width: 80%
}

.CaixaCurriculosPorNivelHierarquico table td .qtd, .CaixaVagasPorNivelHierarquico table td .qtd {
  width: 20%;
  text-align: right
}

.CaixaCurriculosPorNivelHierarquico tr table td a, .CaixaVagasPorNivelHierarquico tr table td a {
  display: block;
  padding: 0
}

.video-caixa {
  float: left;
  width: 23%;
  position: relative;
  background-color: #f5f5f5;
  margin: 0 2.6667% 15px 0;
  text-align: left
}

.video-caixa:nth-child(4n) {
  float: right;
  margin-right: 0
}

.video-caixa .vid-image, .video-caixa .vid-text {
  display: block;
  float: left
}

.video-caixa .vid-image {
  display: block;
  clear: both;
  width: 100%;
  padding-bottom: 56.28%;
  position: relative;
  overflow: hidden
}

.video-caixa .vid-text {
  clear: both;
  width: 94%;
  height: 80px;
  position: relative;
  font-size: .8em;
  padding: 10px;
  overflow: hidden
}

.video-caixa .vid-image span {
  display: inline-block;
  border: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.video-caixa .vid-image img {
  width: 100%;
  height: 100%
}

.video-caixa .vid-text {
  font-weight: 700
}

.video-caixa .vid-text .cat-name {
  font-size: 1em
}

.video-caixa .vid-star {
  position: absolute;
  bottom: 5px;
  right: 25px
}

.video-caixa .vid-star span {
  width: 13px;
  height: 13px;
  margin: 0 1px
}

.video-caixa .vid-position {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px 5px;
  background-color: #eaeaea;
  color: #555
}

.CaixaVideosMaisVistos .video-caixa .vid-position {
  display: inline-block
}

.video-caixa-col-2 .video-caixa {
  width: 48%;
  margin: 0 2% 15px 0
}

.video-caixa-col-2 .video-caixa:nth-child(even) {
  float: right;
  margin-right: 0
}

@media only screen and (max-width:800px) {
  .video-caixa:nth-child(4n) {
    margin: 0 0 10px 0;
    clear: right
  }

  .video-caixa {
    width: 48%;
    margin: 0 2% 10px 0
  }

  .video-caixa:nth-child(even) {
    float: right;
    margin-right: 0
  }

  .r-social .btnWhatsApp {
    display: inline-block !important
  }
}
