@charset "UTF-8";
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
padding: 0;
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
a {
background-color: transparent
}
a:active, a:hover {
outline: 0
}
b, strong {
font-weight: 700
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
.fade {
opacity: 0;
transition: opacity .15s linear
}
.d-none {
display: none !important
}
@media (min-width:768px) {
.d-md-block {
display: block !important
}
}
@media (min-width:992px) {
.pr-lg-0, .px-lg-0 {
padding-right: 0 !important
}
.pl-lg-0, .px-lg-0 {
padding-left: 0 !important
}
}
.ui-autocomplete {
position: absolute;
cursor: default;
background-color: #fff;
list-style-position: outside;
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
max-height: 160px;
overflow-y: auto;
overflow-x: hidden;
z-index: 1000 !important;
border: 1px solid #bbb;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
box-shadow: 2px 2px 5px rgba(0,0,0,.2)
}
.ui-autocomplete {
width: 1px
}
.ui-autocomplete li {
margin: 0;
cursor: default;
display: block;
font: menu;
font-size: 11px;
line-height: 22px;
overflow: hidden;
background-color: #fff
}
.ui-autocomplete li a {
display: block;
padding: 0 .4em;
text-decoration: none
}
.ui-autocomplete li a.ui-state-hover {
font-weight: 400;
color: #fff;
background-color: #0a246a;
font-weight: 700;
outline: medium none
}
.ui-autocomplete .ui-item-odd {
background-color: #eee
}
@font-face {
font-family: emp-icons;
src: local("emp-icons"),url(../../fonts/iconfont/emp-icons.woff) format("woff");
font-weight: 300;
font-display: swap;
font-style: normal;
speak: none;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
* {
list-style: none;
border: none;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body, html {
font-family: "Open Sans",Arial,sans-serif
}
body {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em;
line-height: initial;
position: relative;
width: 100%;
height: 100%
}
body.no-scroll {
overflow: hidden
}
body .geral {
width: 100%;
height: auto;
min-height: 100%;
position: relative;
display: block;
padding-bottom: 420px
}
@media screen and (max-width:992px) {
body .geral {
padding-bottom: 473px
}
}
@media screen and (max-width:768px) {
body .geral {
padding-bottom: 265px
}
}
a:focus, button:focus {
outline: 0
}
.geral #content [class^=pg-] {
overflow-x: auto
}
.floatRight, .fright {
float: right
}
.line {
float: none;
width: 100%;
height: 1px;
background: #ddd;
clear: both;
display: block;
margin: 15px 0
}
.clearBoth, [class*=clear_] {
display: block;
width: 100%;
clear: both
}
.clear::after, .clearfix::after, [class*=clear_]::after {
display: block;
clear: both;
content: ""
}
.clear_5 {
height: 5px
}
.clear_20 {
height: 20px
}
.clear_30 {
height: 30px
}
.clear_45 {
height: 45px
}
.fade {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fade:hover {
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
body {
width: auto;
height: auto;
font-family: "Open Sans",Arial,sans-serif;
position: relative;
width: 100%;
height: 100%
}
.geral #content {
position: relative;
width: 100%
}
.geral #content .container {
min-height: 600px
}
.centraliza, .geral #content, .geral .page-width {
max-width: 992px;
margin: 0 auto
}
.geral #content > div:first-child {
width: 992px
}
.geral header.header {
position: relative;
z-index: 100
}
.geral header.header .main-bar {
position: relative;
display: block;
width: 100%;
background-color: #fff;
height: 64px;
z-index: 2
}
.geral header.header .main-bar .row {
position: relative
}
.geral header.header .main-bar .col-md-12 {
height: 64px;
padding-bottom: 10px;
padding-top: 10px;
z-index: 105;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.geral header.header .main-bar .logo-area {
position: absolute;
position: absolute;
width: 202px;
left: 50%;
margin-left: -101px;
position: absolute;
height: 32px;
top: 50%;
margin-top: -16px;
z-index: 100
}
.geral header.header .main-bar .logo-area a, .geral header.header .main-bar .logo-area img {
float: left;
width: 100%
}
.geral header.header .main-bar .logo-area img {
height: auto
}
.geral header.header .main-bar button.btn-main-menu {
font-family: "Open Sans",Arial,sans-serif;
font-weight: 700;
font-size: 14px;
color: #616161;
text-indent: 35px;
position: absolute;
left: 15px;
display: block;
background-color: transparent;
width: 85px;
height: 44px;
text-align: left;
z-index: 100
}
.geral header.header .main-bar button.btn-main-menu:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 12px solid transparent;
top: -24px;
border-bottom-color: #616161;
left: 0;
top: auto;
bottom: -11px;
transition-delay: .25s;
opacity: 0;
filter: alpha(opacity=0)
}
.geral header.header .main-bar button.btn-main-menu[data-opened=true] span.icon-menu {
background-color: #fff
}
.geral header.header .main-bar button.btn-main-menu[data-opened=true] span.icon-menu:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0
}
.geral header.header .main-bar button.btn-main-menu[data-opened=true] span.icon-menu:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0
}
.geral header.header .main-bar button.btn-main-menu.mobile {
position: fixed;
background: #f92;
top: 0;
margin-top: 0;
width: 70px;
height: 64px;
left: auto;
right: auto;
text-indent: -9999px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.geral header.header .main-bar button.btn-main-menu.mobile span.icon-menu {
background-color: transparent;
left: 50%;
margin-left: -11px
}
.geral header.header .main-bar button.btn-main-menu.mobile span.icon-menu:after, .geral header.header .main-bar button.btn-main-menu.mobile span.icon-menu:before {
width: 24px;
height: 6px
}
.geral header.header .main-bar button.btn-main-menu.mobile.left {
right: -60px
}
.geral header.header .main-bar button.btn-main-menu.mobile.left span.icon-menu:before {
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
transform: rotate(-40deg);
top: -6px
}
.geral header.header .main-bar button.btn-main-menu.mobile.left span.icon-menu:after {
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
bottom: -6px
}
.geral header.header .main-bar button.btn-main-menu.mobile.right {
left: -60px
}
.geral header.header .main-bar button.btn-main-menu.mobile.right span.icon-menu:before {
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
top: -6px
}
.geral header.header .main-bar button.btn-main-menu.mobile.right span.icon-menu:after {
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
transform: rotate(-40deg);
bottom: -6px
}
.geral header.header .main-bar button.btn-main-menu span.icon-menu {
background-color: #616161;
margin-top: -2px;
top: 50%
}
.geral header.header .main-bar button.btn-main-menu span.icon-menu, .geral header.header .main-bar button.btn-main-menu span.icon-menu:after, .geral header.header .main-bar button.btn-main-menu span.icon-menu:before {
display: block;
width: 22px;
height: 4px;
position: absolute;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.geral header.header .main-bar button.btn-main-menu span.icon-menu:after, .geral header.header .main-bar button.btn-main-menu span.icon-menu:before {
content: "";
left: 0;
top: -8px;
background-color: #666
}
.geral header.header .main-bar button.btn-main-menu span.icon-menu:after {
top: auto;
bottom: -8px
}
.geral header.header .main-bar .buttons-menu-candidate {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: auto
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate a, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate button, .geral header.header .main-bar .buttons-menu-candidate .off-candidate, .geral header.header .main-bar .buttons-menu-candidate .off-candidate a, .geral header.header .main-bar .buttons-menu-candidate .off-candidate button {
font-family: "Open Sans",Arial,sans-serif;
font-weight: 700;
color: #616161;
font-size: 14px;
color: #616161;
text-decoration: none;
background: 0 0
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate a.cadastre-se, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate button.cadastre-se, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate.cadastre-se, .geral header.header .main-bar .buttons-menu-candidate .off-candidate a.cadastre-se, .geral header.header .main-bar .buttons-menu-candidate .off-candidate button.cadastre-se, .geral header.header .main-bar .buttons-menu-candidate .off-candidate.cadastre-se {
position: relative;
margin-left: 15px;
padding-left: 15px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate a.cadastre-se:before, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate button.cadastre-se:before, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate.cadastre-se:before, .geral header.header .main-bar .buttons-menu-candidate .off-candidate a.cadastre-se:before, .geral header.header .main-bar .buttons-menu-candidate .off-candidate button.cadastre-se:before, .geral header.header .main-bar .buttons-menu-candidate .off-candidate.cadastre-se:before {
content: "";
position: absolute;
left: 0;
position: absolute;
height: 16px;
top: 50%;
margin-top: -8px;
width: 1px;
background-color: #616161
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate a:hover, .geral header.header .main-bar .buttons-menu-candidate .off-candidate a:hover {
text-decoration: underline
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate {
position: absolute;
right: 15px;
position: absolute;
height: 30px;
top: 50%;
margin-top: -15px;
width: 315px;
text-align: right
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate .logged-candidate:before, .geral header.header .main-bar .buttons-menu-candidate .off-candidate:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 12px solid transparent;
top: -24px;
border-bottom-color: #d1d1d1;
right: 28px
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate .logged-candidate:after, .geral header.header .main-bar .buttons-menu-candidate .off-candidate:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 10px solid transparent;
top: -20px;
border-bottom-color: #fff;
right: 30px
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate:after, .geral header.header .main-bar .buttons-menu-candidate .off-candidate:before {
top: auto;
bottom: -18px;
opacity: 0;
filter: alpha(opacity=0);
transition-delay: .25s
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu {
color: #f92;
border: 1px solid #f92;
padding: 0 10px;
box-sizing: border-box;
line-height: 30px;
height: 30px;
margin-left: 20px;
text-transform: uppercase
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu:hover {
background-color: #f92;
color: #fff
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate {
right: 15px;
position: absolute;
height: 46px;
top: 50%;
margin-top: -23px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate:after, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate:before {
bottom: -10px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate:before {
right: 12px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate:after {
right: 14px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate span.text {
right: 60px;
width: 200px;
text-align: right;
font-size: 14px;
cursor: pointer;
font-weight: 400;
position: absolute;
height: 22px;
top: 50%;
margin-top: -11px
}
@media (max-width:530px) {
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate span.text {
display: none
}
}
.geral header.header .main-bar .candidate-area, .geral header.header .main-bar .main-menu-area {
position: absolute;
z-index: 102;
top: 64px;
width: 280px;
visibility: hidden;
border: 1px solid #d1d1d1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-box-shadow: 0;
box-shadow: 0
}
.geral header.header .main-bar .main-menu-area {
left: 5px;
background: #616161;
border-color: #616161;
padding: 15px 20px 16px
}
.emp-resume-force-area ul.list-links li .geral header.header .main-bar .main-menu-area a, .geral header.header .main-bar .main-menu-area, .geral header.header .main-bar .main-menu-area .emp-resume-force-area ul.list-links li a, .geral header.header .main-bar .main-menu-area .other-links-logged span, .geral header.header .main-bar .main-menu-area a, .geral header.header .main-bar .main-menu-area span.title {
font-family: "Open Sans",Arial,sans-serif;
text-decoration: none;
color: #fff
}
.emp-resume-force-area ul.list-links li .geral header.header .main-bar .main-menu-area a, .geral header.header .main-bar .main-menu-area .emp-resume-force-area ul.list-links li a, .geral header.header .main-bar .main-menu-area .other-links-logged span, .geral header.header .main-bar .main-menu-area span.title {
font-size: 17px;
font-weight: 600;
margin-bottom: 19px;
display: block
}
.geral header.header .main-bar .main-menu-area .main-menu {
margin-bottom: 10px
}
.geral header.header .main-bar .main-menu-area .main-menu ul li {
border-bottom: 1px solid #7e7e7e;
position: relative;
margin: 0 -20px;
padding: 0 20px
}
.geral header.header .main-bar .main-menu-area .main-menu ul li a {
position: relative;
display: block;
font-size: 15px;
font-weight: 400;
padding-left: 65px;
line-height: 50px;
margin: 0 -20px
}
.geral header.header .main-bar .main-menu-area .main-menu ul li:hover {
background-color: #777
}
.geral header.header .main-bar .main-menu-area .main-menu ul li:before {
content: "";
width: 32px;
text-indent: 0;
left: 20px;
background: url(../../../images/icons/sprite-icons-menu-left.png) no-repeat 0 0;
position: absolute;
height: 32px;
top: 50%;
margin-top: -16px
}
.geral header.header .main-bar .main-menu-area .main-menu ul li.job:before {
background-position: 0 -32px
}
.geral header.header .main-bar .main-menu-area .main-menu ul li.companys:before {
background-position: -32px 0
}
.geral header.header .main-bar .main-menu-area .main-menu ul li.resumes:before {
background-position: -32px -32px
}
.geral header.header .main-bar .main-menu-area .other-links a.faq, .geral header.header .main-bar .main-menu-area .other-links ul li a {
font-size: 15px;
display: block;
line-height: 36px
}
.geral header.header .main-bar .main-menu-area .other-links ul li, .geral header.header .main-bar .main-menu-area .other-links-logged ul li {
margin: 0 -20px;
padding: 0 20px
}
.geral header.header .main-bar .main-menu-area .other-links ul li a, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a {
margin: 0 -20px;
padding-left: 65px
}
.geral header.header .main-bar .main-menu-area .other-links ul li a:hover, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a:hover {
text-decoration: underline
}
.geral header.header .main-bar .main-menu-area .other-links-logged span {
margin: 30px 0 10px
}
.geral header.header .main-bar .candidate-area .logged-candidate .main-menu-area .other-links-logged ul li a, .geral header.header .main-bar .main-menu-area .other-links-logged ul .candidate-area .logged-candidate nav li a, .geral header.header .main-bar .main-menu-area .other-links-logged ul li .candidate-area .logged-candidate a, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a.faq {
font-family: "Open Sans",Arial,sans-serif;
display: block;
font-size: 15px;
line-height: 34px;
padding-left: 65px;
margin: 0 -20px
}
.geral header.header .main-bar .candidate-area .logged-candidate .main-menu-area .other-links-logged ul li a:hover, .geral header.header .main-bar .main-menu-area .other-links-logged ul .candidate-area .logged-candidate nav li a:hover, .geral header.header .main-bar .main-menu-area .other-links-logged ul li .candidate-area .logged-candidate a:hover, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a.faq:hover, .geral header.header .main-bar .main-menu-area .other-links-logged ul li a:hover {
background-color: #777;
text-decoration: underline
}
.geral header.header .main-bar .main-menu-area .other-links-logged a.link-employer:hover {
text-decoration: underline
}
.geral header.header .main-bar .main-menu-area a.faq {
margin: 0 -20px;
padding-left: 65px
}
.geral header.header .main-bar .main-menu-area a.faq:hover {
text-decoration: underline
}
.geral header.header .main-bar .main-menu-area a.link-employer {
margin: 20px -20px -16px;
text-align: left;
font-size: 14px;
padding: 20px 30px;
text-transform: uppercase;
font-weight: 600;
border-top: 1px solid #7e7e7e;
background: #777;
display: block;
margin: 16px -20px -16px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.geral header.header .main-bar .main-menu-area a.link-employer span {
font-weight: 400;
text-transform: initial
}
.geral header.header .main-bar .main-menu-area a.link-employer:hover span {
text-decoration: underline
}
.geral header.header .main-bar .candidate-area {
right: 15px;
background: #fff;
padding: 30px;
background-color: #fff
}
.geral header.header .main-bar .candidate-area .logged-candidate a {
text-decoration: none;
color: #979797;
font-size: 15px;
line-height: 34px
}
.geral header.header .main-bar .candidate-area .logged-candidate a:hover {
color: #4699cf;
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto {
margin: 0;
border: 0;
padding: 0
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .thumb {
margin-bottom: 8px;
opacity: .85;
filter: alpha(opacity=85)
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .thumb:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato {
width: 100%;
display: block;
margin: 0;
text-align: center
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato .nome-candidato a {
font-family: "Open Sans",Arial,sans-serif;
font-size: 16px;
font-weight: 700;
color: #616161;
line-height: normal
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato .nome-candidato a:hover {
color: #4699cf;
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato .cargo-candidato {
font-size: 13px;
font-weight: 400;
text-transform: none;
display: block;
width: auto
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato .cargo-candidato a {
font-family: "Open Sans",Arial,sans-serif;
color: #616161;
line-height: normal
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-foto .dados-candidato .cargo-candidato a:hover {
color: #4699cf
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-incompletos {
margin: 20px -30px -21px;
padding: 20px 36px;
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
text-align: center;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
color: #616161;
background: #f4f4f4;
position: relative
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-incompletos a {
color: #4699cf
}
.geral header.header .main-bar .candidate-area .logged-candidate .area-incompletos a:hover {
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a {
padding: 10px 30px;
font-size: 11px;
text-align: center;
margin: 20px -30px;
display: block;
border: 1px solid #ddd;
border-left: 0;
border-right: 0;
color: #a1a1a1
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a:hover {
background-color: #e6e6e6;
border-color: #e6e6e6;
text-decoration: none
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span {
display: block
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress {
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 1px;
width: 160px;
height: 22px;
margin: 6px auto;
background: #f4f4f4;
overflow: hidden
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar {
height: 18px;
line-height: 9px;
border-radius: 3px;
color: #fff;
text-align: right;
padding: 5px;
min-width: 2.6em;
background-color: #a1a1a1;
text-shadow: 1px 1px 2px rgba(0,0,0,.3)
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.gradient {
background-size: 160px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$progress-bar-color-1, endColorstr=$progress-bar-color-5);
background-image: -moz-linear-gradient(left,#fd6b2e 0,#fead2d 25%,#fdd52d 50%,#afe04c 75%,#5cca11 100%);
background-image: linear-gradient(left,#fd6b2e 0,#fead2d 25%,#fdd52d 50%,#afe04c 75%,#5cca11 100%);
background-image: -webkit-linear-gradient(left,#fd6b2e 0,#fead2d 25%,#fdd52d 50%,#afe04c 75%,#5cca11 100%);
background-image: -o-linear-gradient(left,#fd6b2e 0,#fead2d 25%,#fdd52d 50%,#afe04c 75%,#5cca11 100%);
background-image: -ms-linear-gradient(left,#fd6b2e 0,#fead2d 25%,#fdd52d 50%,#afe04c 75%,#5cca11 100%)
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.solid {
background-color: #fd6b2e
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.solid.f-25 {
background-color: #fead2d
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.solid.f-50 {
background-color: #fdd52d
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.solid.f-75 {
background-color: #afe04c
}
.geral header.header .main-bar .candidate-area .logged-candidate .resume-force-area a span.progress .progress-bar.solid.f-100 {
background-color: #5cca11
}
.geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area {
display: none;
text-align: center;
border: 1px solid #eaeaea;
border-left: 0;
border-right: 0;
padding: 20px 0;
margin: 20px -10px 10px
}
.geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area a.lkb-edit-cv, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area span.title, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area ul.list-links li a {
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px
}
.geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area span.title, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area ul.list-links li a {
color: #666
}
.geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area a.lkb-edit-cv, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area ul.list-links li a {
position: relative;
z-index: 1
}
.geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area a.lkb-edit-cv, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area a.lkb-edit-cv:visited, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area ul.list-links li a, .geral header.header .main-bar .candidate-area .logged-candidate .emp-resume-force-area ul.list-links li a:visited {
color: #4699cf;
font-size: 15px
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a {
font-weight: 600;
position: relative;
padding-left: 16px;
color: #979797;
margin: 0 -10px;
font-family: "Open Sans",Arial,sans-serif
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a:before {
content: "";
font-family: emp-icons;
font-size: 12px;
line-height: 12px;
position: absolute;
left: 0;
width: 10px;
speak: none;
text-indent: -2px;
position: absolute;
height: 10px;
top: 50%;
margin-top: -5px;
color: #979797
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a:hover {
text-decoration: none
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a:hover:before {
color: #a1a1a1
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a:hover span:first-child {
text-decoration: underline;
color: #4699cf
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura {
position: relative
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a.cta {
display: inline-block;
color: #fff;
padding: 0 12px;
font-size: 12px;
margin-left: 12px;
background-color: #f92;
min-width: 80px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 25px;
position: relative;
margin: 0;
left: 16px
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a.cta:hover {
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a.cta:before {
content: none
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a span + span {
font-size: 12px;
color: #f92
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a:hover {
text-decoration: none
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li.assinatura a:hover + span {
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .logged-candidate a.exit {
display: block;
text-align: center;
padding: 24px;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 700;
color: #616161;
font-size: 14;
text-transform: uppercase;
background: #f4f4f4;
border-top: 1px solid #eaeaea;
margin: 20px -30px -30px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.geral header.header .main-bar .candidate-area .logged-candidate a.exit:before {
content: "";
font-family: emp-icons;
color: #979797;
font-size: 20px;
speak: none;
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.geral header.header .main-bar .candidate-area .logged-candidate a.exit:hover {
text-decoration: none
}
.geral header.header .main-bar .candidate-area .logged-candidate a.exit:hover span {
color: #49c;
text-decoration: underline
}
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .cadastre-se {
margin: 20px -30px -30px;
padding: 20px;
display: block;
background: #f4f4f4;
border-top: 1px solid #eaeaea;
text-align: center;
font-size: 14px;
text-transform: uppercase;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 700;
color: #616161;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .cadastre-se span {
display: block;
text-transform: initial;
text-decoration: underline;
font-weight: 400;
color: #52b0ce
}
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .cadastre-se:hover, .geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .cadastre-se:hover span {
text-decoration: none
}
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .cadastre-se .clear_40 {
display: none
}
.geral header.header .main-bar .bg-menu {
display: none
}
.geral header.header.without-search {
margin-bottom: 3px
}
.geral header.header.without-search .main-bar, .geral header.header.without-search .main-bar .col-md-12 {
background-color: #f92
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .text, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu, .geral header.header.without-search .main-bar button.btn-main-menu {
color: #fff
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .text[data-opened=true] span.icon-menu, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a[data-opened=true] span.icon-menu, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu[data-opened=true] span.icon-menu, .geral header.header.without-search .main-bar button.btn-main-menu[data-opened=true] span.icon-menu {
background-color: transparent
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .text .icon-menu:after, .geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .text .icon-menu:before, .geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .text span.icon-menu, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a .icon-menu:after, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a .icon-menu:before, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a span.icon-menu, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu .icon-menu:after, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu .icon-menu:before, .geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu span.icon-menu, .geral header.header.without-search .main-bar button.btn-main-menu .icon-menu:after, .geral header.header.without-search .main-bar button.btn-main-menu .icon-menu:before, .geral header.header.without-search .main-bar button.btn-main-menu span.icon-menu {
background-color: #fff
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate a:before {
background-color: #fff
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu {
border-color: #fff
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .off-candidate button.btn-candidate-menu:hover {
background-color: #fff;
color: #f92
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb .moldura {
box-shadow: 0 0 0 2px #fff inset
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb .moldura:before {
position: absolute;
width: 46px;
left: 50%;
margin-left: -23px;
position: absolute;
height: 48px;
top: 50%;
margin-top: -24px
}
.geral header.header.fixed {
position: fixed;
height: 105px
}
.geral header.header.fixed .main-top-content {
position: fixed;
width: 100%;
top: 0
}
.geral.menu-opened.left header .main-bar .main-menu-area, .geral.menu-opened.right header .main-bar .candidate-area {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
box-shadow: 1px 1px 10px rgba(0,0,0,.1)
}
.geral.menu-opened.right header .main-bar .buttons-menu-candidate .logged-candidate:after, .geral.menu-opened.right header .main-bar .buttons-menu-candidate .logged-candidate:before, .geral.menu-opened.right header .main-bar .buttons-menu-candidate .off-candidate:after, .geral.menu-opened.right header .main-bar .buttons-menu-candidate .off-candidate:before {
opacity: 1;
filter: alpha(opacity=100)
}
.geral.menu-opened.left header .main-bar button.btn-main-menu:after, .geral.menu-opened.left header .main-bar button.btn-main-menu:before {
opacity: 1;
filter: alpha(opacity=100)
}
@media (max-width:600px) {
.geral header.header .main-bar .buttons-menu-candidate .off-candidate a {
display: none
}
}
@media (max-width:680px) {
.geral header.header {
padding-top: 115px
}
.geral header.header .main-top-content {
position: fixed;
top: 0;
width: 100%
}
.geral header.header .main-bar {
top: 0;
padding: 0
}
.geral header.header .main-bar .candidate-area, .geral header.header .main-bar .main-menu-area {
position: fixed;
width: 100%;
border-width: 0;
border-top-width: 1px;
overflow-y: auto;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.geral header.header .main-bar .main-menu-area {
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li .main-menu-area a, .geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .main-menu-area .cadastre-se, .geral header.header .main-bar .main-menu-area .candidate-area .logged-candidate nav li a, .geral header.header .main-bar .main-menu-area .candidate-area .not-logged-in .uc-login .area-links .cadastre-se, .geral header.header .main-bar .main-menu-area a.link-employer {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
left: 0
}
.geral header.header .main-bar .candidate-area {
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.geral header.header .main-bar .candidate-area .logged-candidate nav li a {
margin: 0 -10px
}
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login {
margin: 0 auto
}
.geral header.header .main-bar button.mobile.btn-main-menu {
opacity: 1;
filter: alpha(opacity=100)
}
.geral header.header.without-search {
padding-top: 50px
}
.geral header.header.with-validation-bar {
padding-top: 180px
}
}
@media (max-width:480px) {
.geral header.header {
padding-top: 101px
}
.geral header.header .main-bar, .geral header.header .main-bar .col-md-12 {
height: 50px
}
.geral header.header .main-bar button.btn-main-menu {
text-indent: -9999px;
height: 34px
}
.geral header.header .main-bar button.btn-main-menu:before {
left: -1px;
bottom: -6px
}
.geral header.header .main-bar button.btn-main-menu:after {
left: 5px
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate a {
display: none
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate button.enter-button {
position: absolute;
right: 0;
padding: 0 4px;
line-height: 20px;
font-size: 12px;
position: absolute;
height: 20px;
top: 50%;
margin-top: -10px
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate:before {
right: 17px
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate:after {
right: 19px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate {
position: absolute;
height: 33px;
top: 50%;
margin-top: -16.5px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate:before {
right: 6px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate:after {
right: 8px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate .area-foto .moldura, .geral header.header .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb {
width: 33px;
height: 33px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate .area-foto .moldura img {
width: 33px;
margin-top: -20.625px
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate .area-foto .moldura:before {
position: absolute;
width: 29px;
left: 50%;
margin-left: -14.5px;
position: absolute;
height: 29px;
top: 50%;
margin-top: -14.5px;
background-size: cover
}
.geral header.header .main-bar .buttons-menu-candidate .logged-candidate[data-opened=true] .area-foto .moldura {
display: none
}
.geral header.header .main-bar .buttons-menu-candidate span.menu-icon-closed {
cursor: pointer;
position: absolute;
width: 22px;
left: 50%;
margin-left: -11px;
position: absolute;
height: 4px;
top: 50%;
margin-top: -2px
}
.geral header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:after, .geral header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:before {
content: "";
display: block;
width: 22px;
height: 4px;
position: absolute;
background: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
filter: alpha(opacity=0)
}
.geral header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:before {
top: -8px
}
.geral header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:after {
bottom: -8px
}
.geral header.header .main-bar .logo-area {
position: absolute;
width: 176px;
left: 50%;
margin-left: -88px;
position: absolute;
height: 24px;
top: 50%;
margin-top: -12px
}
.geral header.header .main-bar .candidate-area, .geral header.header .main-bar .main-menu-area {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb .moldura:before {
position: absolute;
width: 33px;
left: 50%;
margin-left: -16.5px;
position: absolute;
height: 33px;
top: 50%;
margin-top: -16.5px
}
.geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb .btn-candidate-menu span.menu-icon-closed:after, .geral header.header.without-search .main-bar .buttons-menu-candidate .logged-candidate .area-foto .thumb .btn-candidate-menu span.menu-icon-closed:before {
background: #fff
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .off-candidate:after, .geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .off-candidate:before {
bottom: -11px
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .off-candidate button.enter-button {
text-indent: -999px;
overflow: hidden;
width: 56px;
border: 0
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .off-candidate button.enter-button:active, .geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .off-candidate button.enter-button:hover {
background: 0 0
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .logged-candidate:after, .geral.menu-opened.right header.header .main-bar .buttons-menu-candidate .logged-candidate:before {
bottom: -9px
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:after, .geral.menu-opened.right header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:before {
opacity: 1;
filter: alpha(opacity=100)
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.geral.menu-opened.right header.header .main-bar .buttons-menu-candidate span.menu-icon-closed:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.geral.menu-opened.right header.header.without-search .main-bar .buttons-menu-candidate span.menu-icon-closed:after, .geral.menu-opened.right header.header.without-search .main-bar .buttons-menu-candidate span.menu-icon-closed:before {
background: #fff
}
}
@media (max-width:992px) {
.geral header.header .main-bar .buttons-menu-candidate .off-candidate a {
margin: 0;
padding: 0
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate a.cadastre-se:before {
content: none
}
.geral header.header .main-bar .buttons-menu-candidate .off-candidate a:first-child {
display: none
}
}
@media (min-width:680px) {
.geral header.header {
height: calc(64px + 53px)
}
.geral header.header .main-top-content {
position: fixed;
width: 100%;
top: 0
}
.geral header.header.with-validation-bar {
height: calc(64px + 53px + 48px)
}
.geral header.header.without-search {
height: 64px
}
.btn-open-search {
display: none
}
}
@media (min-width:768px) {
.geral header.header .area-search-menu .row {
position: relative
}
.geral header.header .area-search-menu .content .search-area .btn-open-search {
display: none
}
.geral header.header .area-search-menu .content .latest-searches {
margin: 20px 0 10px;
display: block;
position: relative;
padding: 0 20px
}
.emp-resume-force-area ul.list-links li .geral header.header .area-search-menu .content .latest-searches a, .geral header.header .area-search-menu .content .latest-searches .emp-resume-force-area ul.list-links li a, .geral header.header .area-search-menu .content .latest-searches span.title, .geral header.header .area-search-menu .content .latest-searches ul {
display: inline-block;
vertical-align: middle
}
.emp-resume-force-area ul.list-links li .geral header.header .area-search-menu .content .latest-searches a, .geral header.header .area-search-menu .content .latest-searches .emp-resume-force-area ul.list-links li a, .geral header.header .area-search-menu .content .latest-searches span.title {
width: 16px;
line-height: normal;
height: 16px;
padding-left: 16px;
overflow: hidden;
vertical-align: bottom;
position: relative;
color: #a3a3a7;
font-size: .875em;
padding-left: 20px;
top: 2px;
position: absolute;
left: 0
}
.emp-resume-force-area ul.list-links li .geral header.header .area-search-menu .content .latest-searches a:before, .geral header.header .area-search-menu .content .latest-searches .emp-resume-force-area ul.list-links li a:before, .geral header.header .area-search-menu .content .latest-searches span.title:before {
content: "";
font-family: emp-icons;
font-weight: 400;
speak: none;
color: #a4a4a4;
font-size: 16px;
position: absolute;
left: 0;
position: absolute;
height: 16px;
top: 50%;
margin-top: -8px
}
.geral header.header .area-search-menu .content .latest-searches .btn-open-details {
position: absolute;
width: 20px;
background: #fff;
border: 1px solid #cbcbcb;
border-radius: 50%;
right: 0;
top: 0;
width: 20px;
height: 20px
}
.geral header.header .area-search-menu .content .latest-searches .btn-open-details:after {
content: "";
speak: none;
font-family: emp-icons;
font-size: 18px;
position: absolute;
width: 18px;
left: 50%;
margin-left: -9px;
position: absolute;
height: 18px;
top: 50%;
margin-top: -9px;
color: #cbcbcb
}
.geral header.header .area-search-menu .content .latest-searches ul li {
display: inline
}
.geral header.header .area-search-menu .content .latest-searches ul li:after {
content: ",";
float: left
}
.geral header.header .area-search-menu .content .latest-searches ul li:last-child:after {
content: none
}
.geral header.header .area-search-menu .content .latest-searches ul li a, .geral header.header .area-search-menu .content .latest-searches ul li span {
font-size: .875em;
color: #a1a1a1;
float: left;
line-height: 1em
}
.geral header.header .area-search-menu .content .latest-searches ul li a:hover, .geral header.header .area-search-menu .content .latest-searches ul li span:hover {
text-decoration: none
}
.geral header.header .area-search-menu .content .latest-searches ul li span {
display: none;
color: #a1a1a1
}
.geral header.header .area-search-menu .content .latest-searches.opened {
padding: 0
}
.emp-resume-force-area ul.list-links li .geral header.header .area-search-menu .content .latest-searches.opened a, .geral header.header .area-search-menu .content .latest-searches.opened .emp-resume-force-area ul.list-links li a, .geral header.header .area-search-menu .content .latest-searches.opened span.title {
width: auto;
overflow: hidden;
padding-left: 20px
}
.geral header.header .area-search-menu .content .latest-searches.opened .btn-open-details:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.geral header.header .area-search-menu .content .latest-searches.opened ul {
margin-top: 30px;
width: 100%
}
.geral header.header .area-search-menu .content .latest-searches.opened ul li {
margin-bottom: 10px;
width: 50%;
display: block;
float: left
}
.geral header.header .area-search-menu .content .latest-searches.opened ul li a, .geral header.header .area-search-menu .content .latest-searches.opened ul li span {
clear: both;
line-height: normal
}
.geral header.header .area-search-menu .content .latest-searches.opened ul li:after {
content: none
}
.geral header.header .area-search-menu .content .latest-searches.opened ul li span {
display: block;
margin-top: 5px
}
}
@media (max-width:320px) {
.geral header.header.with-validation-bar {
padding-top: 199px
}
}
@media (max-height:600px) {
.geral header.header .main-bar .candidate-area .not-logged-in .uc-login .area-links .btn-ok {
margin-bottom: 16px
}
}
.geral header.header .area-search-menu {
position: relative;
background: #f92;
padding: 9px 0;
z-index: 1;
width: 100%
}
.geral header.header .area-search-menu .content {
position: relative
}
.geral header.header .area-search-menu .content .latest-searches, .geral header.header .area-search-menu .content nav.main-menu-vertical {
display: none
}
.geral header.header .area-search-menu .content .search-area {
position: relative;
width: 100%;
text-align: left;
background: #fff;
color: #999;
font-size: 14px;
height: 35px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.geral header.header .area-search-menu .content .search-area .suggest-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form {
float: left;
clear: none;
width: 50%;
margin: 0;
border: 0;
background: 0 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form input {
font-size: 14px;
padding: 0 12px;
padding-right: 40px;
height: 35px
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form input:focus {
outline: 0
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form input::-moz-placeholder {
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400;
color: #999;
opacity: 1
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form input:-ms-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form input::-webkit-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form.city input {
padding-right: 32px
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form.jobrole input {
padding-right: 12px
}
.geral header.header .area-search-menu .content .search-area .suggest-area.company .box-form {
width: 100%
}
.geral header.header .area-search-menu .content .search-area .btn-open-search, .geral header.header .area-search-menu .content .search-area a.lnk-encontrar {
position: absolute;
z-index: 100;
right: 0;
top: 0;
height: 35px;
width: 35px;
box-shadow: none;
font-weight: 400;
min-width: 0;
border: 0;
text-indent: -9999px;
background: 0 0;
overflow: hidden;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.geral header.header .area-search-menu .content .search-area .btn-open-search:after, .geral header.header .area-search-menu .content .search-area a.lnk-encontrar:after {
content: "";
font-family: emp-icons;
font-size: 22px;
speak: none;
text-indent: 0;
color: #f92;
position: absolute;
width: 22px;
left: 50%;
margin-left: -11px;
position: absolute;
height: 22px;
top: 50%;
margin-top: -11px
}
.geral header.header .area-search-menu .content .search-area .btn-open-search:focus, .geral header.header .area-search-menu .content .search-area a.lnk-encontrar:focus {
-webkit-box-shadow: 0 0 4px #0f64b4;
box-shadow: 0 0 4px #0f64b4
}
.geral header.header .area-search-menu .content .search-area.default .box-form:first-child {
border-right: 1px solid #cbcbcb
}
.geral header.header .area-search-menu .content .search-area.company .suggest-area.company, .geral header.header .area-search-menu .content .search-area.default .suggest-area.default {
display: block
}
@media (max-width:680px) {
.geral header.header .area-search-menu {
padding: 8px 0
}
.geral header.header .area-search-menu .content .search-area.default.opened .suggest-area.default .box-form.city, .geral header.header .area-search-menu .content .search-area.default.opened a.lnk-encontrar, .geral header.header .area-search-menu .content .search-area.opened a.lnk-encontrar, .geral header.header .area-search-menu .show {
display: block
}
.geral header.header .area-search-menu .content .search-area.default .suggest-area.default .box-form.city, .geral header.header .area-search-menu .content .search-area.default a.lnk-encontrar, .geral header.header .area-search-menu .content .search-area.default.opened .btn-open-search, .geral header.header .area-search-menu .hide {
display: none
}
.geral header.header .area-search-menu .content .latest-searches {
display: none
}
.geral header.header .area-search-menu .content .search-area {
background: #f92;
display: block
}
.geral header.header .area-search-menu .content .search-area .box-form {
width: 100%;
border: 0
}
.geral header.header .area-search-menu .content .search-area .suggest-area {
position: relative
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form {
width: 100%;
border: 0
}
.geral header.header .area-search-menu .content .search-area .suggest-area .box-form.city {
margin-top: 8px;
width: 100%
}
.geral header.header .area-search-menu .content .search-area a.lnk-encontrar {
width: 40px;
height: 35px;
bottom: 0
}
.geral header.header .area-search-menu .content .search-area.default .suggest-area.default .box-form.jobrole {
border-right: 0
}
.geral header.header .area-search-menu .content .search-area.default a.lnk-encontrar {
top: auto;
bottom: -43px
}
}
@media (max-width:480px) {
.geral header.header .area-search-menu .content .search-area {
border: 0;
background: 0 0;
padding: 0;
margin: 0
}
.geral header.header .area-search-menu .content .search-area, .geral header.header .area-search-menu .content .search-area .lnk-encontrar {
position: relative
}
}
@media (min-width:480px) {
.geral header.header .area-search-menu .content nav.main-menu-vertical {
position: absolute;
text-align: left;
z-index: 10;
display: block;
line-height: 0;
margin-top: -9px;
right: calc(100% - 15px);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.geral header.header .area-search-menu .content nav.main-menu-vertical button.dropdown-searcher {
position: relative;
display: block;
width: 200px;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
font-size: 14px;
color: #fff;
background: #f92;
cursor: pointer;
text-align: right;
padding-right: 45px;
height: 53px;
line-height: 53px;
z-index: 2
}
.geral header.header .area-search-menu .content nav.main-menu-vertical button.dropdown-searcher:after {
content: "";
font-family: emp-icons;
font-size: 16px;
position: absolute;
height: 16px;
top: 50%;
margin-top: -8px;
color: #fff;
line-height: 20px;
right: 14px;
color: #fff;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.geral header.header .area-search-menu .content nav.main-menu-vertical ul {
padding-bottom: 10px;
background: #f92;
right: 0;
position: absolute;
top: 44px;
line-height: normal;
z-index: 1;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.geral header.header .area-search-menu .content nav.main-menu-vertical ul li button {
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
font-size: 13px;
color: #fff;
display: block;
padding: 10px 14px;
background: 0 0
}
.geral header.header .area-search-menu .content nav.main-menu-vertical ul li button.active {
display: none
}
.geral header.header .area-search-menu .content nav.main-menu-vertical.nav-search-opened button.dropdown-searcher:after {
line-height: 45px
}
.geral header.header .area-search-menu .content nav.main-menu-vertical.nav-search-opened ul {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width:576px) {
.geral header.header .area-search-menu .content nav.main-menu-vertical button.dropdown-searcher {
display: none
}
}
.emp-grid {
text-rendering: optimizespeed;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
letter-spacing: 0;
*display: table;
width: 100%;
position: relative
}
.emp-grid:after {
content: "";
display: table;
clear: both
}
.grid-16-16 {
width: 98.07692308%
}
.grid-1-12 {
width: 6.41025641%
}
.grid-2-12 {
width: 14.74358974%
}
.grid-3-12 {
width: 23.07692308%
}
.grid-4-12 {
width: 31.41025641%
}
.grid-5-12 {
width: 39.74358974%
}
.grid-6-12 {
width: 48.07692308%
}
.grid-7-12 {
width: 56.41025641%
}
.grid-8-12 {
width: 64.74358974%
}
.grid-9-12 {
width: 73.07692308%
}
.grid-10-12 {
width: 81.41025641%
}
.grid-11-12 {
width: 89.74358974%
}
.grid-12-12 {
width: 98.07692308%
}
[class*=grid-], [class*=grid-]:after, [class*=grid-]:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
[class*=grid-] {
float: left;
margin: 0 .9615384615384615%;
*margin-left: 10px
}
.geral .footer {
position: absolute;
bottom: 0;
width: 100%;
display: block;
border-top: 1px solid #dbdbdb;
margin-top: 40px;
padding: 16px 0
}
.geral .footer .hide {
display: none
}
.geral .footer a, .geral .footer a:active, .geral .footer a:visited {
color: #333
}
.geral .footer p {
text-align: left;
margin: 0;
float: left;
font-size: 1em;
padding: 0;
display: inline;
line-height: 30px;
border: 0
}
.geral .footer .navegacao-rapida {
padding-left: 15px;
padding-right: 15px
}
.geral .footer .navegacao-rapida p {
font-size: 10px;
font-family: Verdana,sans-serif
}
.geral .footer .navegacao-rapida p span {
font-weight: 700;
color: #3268b2
}
.geral .footer .navegacao-rapida p a {
margin: 0 8px;
text-decoration: underline
}
.geral .footer .navegacao-rapida p a:hover {
color: #1467ca
}
.geral .footer .navegacao-rapida .uc-social-media {
width: 160px;
margin: 0 auto;
float: right;
text-align: center
}
.geral .footer .sitemap {
position: relative;
background-color: #f4f4f4;
clear: both;
padding: 22px 0;
margin: 10px 0
}
.geral .footer .sitemap .container .row > div.clear {
display: none
}
.geral .footer .sitemap .container p.title {
line-height: normal;
width: 100%;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 6px;
margin-bottom: 10px
}
.geral .footer .sitemap .container p.title, .geral .footer .sitemap .container p.title a {
font-family: Verdana;
font-size: 12px;
font-weight: 700;
color: #333;
text-decoration: none
}
.geral .footer .sitemap .container p.title a:after {
content: "";
display: inline-block;
color: #4267b2;
font-family: emp-icons;
margin-left: 3px;
vertical-align: middle;
font-size: 11px
}
.geral .footer .sitemap .container ul {
margin: 0;
padding: 0;
list-style: none;
width: auto;
position: relative;
display: inline-block;
vertical-align: top;
margin-bottom: 20px
}
.geral .footer .sitemap .container ul li a {
display: block;
font-size: 11px;
line-height: 20px;
text-decoration: none;
font-family: Arial
}
.geral .footer .sitemap .container ul li a:hover {
text-decoration: underline
}
.geral .footer .sitemap .container ul li.destaque a {
line-height: 33px;
font-weight: 700;
color: #4d4e4f
}
.geral .footer .sitemap .container a.selo-topofmind2016 {
font-size: .625em;
font-family: Arial;
color: #333945;
text-decoration: none;
line-height: 1em;
margin: 0;
width: 160px;
height: 38px;
display: block;
padding-left: 50px;
padding-top: 6px;
background: url(../../../images/topofmind-mini-selo.gif) no-repeat 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.geral .footer .sitemap .container a.selo-topofmind2016 span {
text-decoration: underline;
color: #045dc6
}
.geral .footer .sitemap .container .candidato ul {
width: 49%
}
.geral .footer .rodape {
padding-left: 15px;
padding-right: 15px
}
.geral .footer .rodape a.logo-empregos img {
width: 100%
}
.geral .footer .rodape a.logo-empregos, .geral .footer .rodape div.area-copyright, .geral .footer .rodape img.certificado-seguranca {
display: inline-block;
float: none;
vertical-align: middle
}
.geral .footer .rodape div.area-copyright {
width: 70%;
font-size: 10px;
padding: 0 15px;
font-family: Verdana,sans-serif
}
.geral .footer .rodape div.area-copyright a, .geral .footer .rodape div.area-copyright p, .geral .footer .rodape div.area-copyright ul.links, .geral .footer .rodape div.area-copyright ul.links li {
line-height: normal;
font-size: 10px;
display: inline-block;
vertical-align: top;
color: #878787;
text-align: center;
float: none
}
.geral .footer .rodape div.area-copyright p > br {
display: none
}
.geral .footer .rodape div.area-copyright ul.links {
padding: 0;
margin: 0;
list-style: none
}
.geral .footer .rodape div.area-copyright ul.links li {
float: left
}
.geral .footer .rodape div.area-copyright ul.links li a:hover, .geral .footer .rodape div.area-copyright ul.links li a:link, .geral .footer .rodape div.area-copyright ul.links li a:visited {
color: #1467ca;
text-decoration: underline
}
.geral .footer .rodape div.area-copyright ul.links li a:hover {
text-decoration: none
}
.geral .footer .rodape div.area-copyright ul.links li:after {
content: "|";
margin: 0 2px 0 3px
}
.geral .footer .rodape div.area-copyright ul.links li:last-child:after {
content: none
}
.geral .footer.carreiras .navegacao-rapida .logo-carreiras {
display: inline-block;
float: left;
width: 182px;
margin-top: -8px
}
.geral .footer.carreiras .navegacao-rapida .logo-carreiras img {
width: 100%
}
.geral .footer.carreiras .sitemap .container .row > div.clear {
display: none
}
.geral .footer.carreiras .sitemap .container ul {
margin: 0
}
.geral .footer.carreiras .sitemap .container .row ul:nth-child(2) {
width: 50%
}
.geral .footer.carreiras .sitemap .container .row .rodape-carreira ul:nth-child(2), .geral .footer.carreiras .sitemap .container .row .rodape-empregos ul:nth-child(2) {
width: 50%
}
.geral .footer.carreiras .sitemap .container .row .rodape-empregos {
min-height: 140px
}
.geral .footer.carreiras .sitemap p.title, .geral .footer.carreiras .sitemap p.title a {
font-family: 'Open Sans',Arial,sans-serif;
font-size: 16px;
font-weight: 600;
color: #333
}
.geral .footer.carreiras .sitemap .area-topofmind p.title {
margin-top: 10px
}
.geral .footer.carreiras .sitemap .area-topofmind p.title img {
display: none
}
.geral .footer.carreiras .sitemap p.title a:after {
content: none
}
@media (max-width:992px) {
.geral .footer .sitemap .container .row > div.clear {
display: block
}
.geral .footer .navegacao-rapida p a:nth-child(1n+6) {
display: none
}
.geral .footer .rodape a.logo-empregos, .geral .footer .rodape img.certificado-seguranca {
margin: 0 auto;
display: block;
text-align: center
}
.geral .footer .rodape div.area-copyright {
width: 100%;
margin: 20px auto;
text-align: center
}
}
@media (max-width:768px) {
.geral .footer {
border-top: 1px solid #edecec;
background-color: #f4f4f4;
min-width: 300px;
padding-top: 26px
}
.geral .footer .hide, .geral .footer .sitemap {
display: none
}
.geral .footer.carreiras .navegacao-rapida .logo-carreiras {
display: none
}
.geral .footer .navegacao-rapida p {
display: none
}
.geral .footer .navegacao-rapida .uc-social-media {
width: 200px;
margin: 0 auto;
float: none;
text-align: center
}
.geral .footer .navegacao-rapida .uc-social-media li {
margin: 0 9px
}
.geral .footer .rodape a.logo-empregos {
display: none
}
.geral .footer .rodape div.area-copyright {
position: relative;
text-align: center;
margin: 20px 0;
padding: 30px 0 42px;
float: none;
display: block;
border-top: 1px solid #ccc;
line-height: normal;
letter-spacing: normal;
font-family: Verdana;
font-size: 11px
}
.geral .footer .rodape div.area-copyright p {
font-size: 11px;
position: absolute;
width: 100%;
bottom: 0;
left: 0
}
.geral .footer .rodape div.area-copyright p > br {
display: initial
}
.geral .footer .rodape div.area-copyright ul.links li a span {
display: none
}
.geral .footer .rodape div.area-copyright ul.links li, .geral .footer .rodape div.area-copyright ul.links li a {
font-size: 14px;
font-family: Arial
}
.geral .footer .rodape div.area-copyright ul.links li a:link, .geral .footer .rodape div.area-copyright ul.links li a:visited, .geral .footer .rodape div.area-copyright ul.links li:link, .geral .footer .rodape div.area-copyright ul.links li:visited {
text-decoration: none
}
}
@media (min-width:768px) and (max-width:1200px) {
.geral .footer .rodape div.area-copyright {
width: auto;
padding: 0 10px
}
.geral .footer a.logo-empregos {
width: 160px
}
}
body .box-form label, body input.emp-form, body input.emp-form[type=password], body input.emp-form[type=tel], body input.emp-form[type=text], body select.emp-form, body textarea.emp-form {
font-family: "Open Sans",Arial,sans-serif;
font-size: 16;
margin: 0;
padding: 0;
border: 0;
width: 100%;
max-width: 100%
}
body input.emp-form::-webkit-input-placeholder, body textarea.emp-form::-webkit-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: italic;
font-weight: 400
}
body .box-form.checkbox:before, body .box-form.radio:before, body input.emp-form, body input.emp-form[type=password], body input.emp-form[type=tel], body input.emp-form[type=text], body select.emp-form, body textarea.emp-form {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 11px 12px;
outline: 0
}
body .box-form {
display: block;
width: 100%;
clear: both;
margin: 0 0 15px;
padding: 0;
position: relative;
border: 1px solid #ccc;
-webkit-transition: all .4s cubic-bezier(.25,.8,.25,1);
-moz-transition: all .4s cubic-bezier(.25,.8,.25,1);
-o-transition: all .4s cubic-bezier(.25,.8,.25,1);
transition: all .4s cubic-bezier(.25,.8,.25,1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
body .box-form.checkbox:focus:before, body .box-form.checkbox:hover:before, body .box-form.focus, body .box-form.radio:focus:before, body .box-form.radio:hover:before {
border: 1px solid #49c
}
body .box-form:focus, body .box-form:hover {
border-color: #999
}
body .box-form.checkbox.is-checked label, body .box-form.checkbox:focus label, body .box-form.checkbox:hover label, body .box-form.radio.is-checked label, body .box-form.radio:focus label, body .box-form.radio:hover label {
color: #333
}
body .box-form:after {
content: "";
width: 10px;
bottom: -1px;
position: absolute;
left: 45%;
visibility: hidden;
height: 1px;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in
}
body .box-form label {
position: absolute;
cursor: text;
font-weight: 400;
width: auto;
left: 0;
top: 0;
padding: 0 10px;
line-height: 45px;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
body .box-form input.emp-form[type=password], body .box-form input.emp-form[type=text], body .box-form label, body .box-form select.emp-form, body .box-form textarea.emp-form {
color: #999
}
body .box-form.filled input.emp-form[type=password], body .box-form.filled input.emp-form[type=text], body .box-form.filled select, body .box-form.filled textarea.emp-form, body .box-form.focus input.emp-form[type=password], body .box-form.focus input.emp-form[type=text], body .box-form.focus textarea.emp-form, body .box-form.ng-dirty input.emp-form[type=password], body .box-form.ng-dirty input.emp-form[type=text], body .box-form.ng-dirty select, body .box-form.ng-dirty textarea.emp-form, body .box-form.text.money.focus:after, body .box-form.text.money:hover:after, body .box-form:hover select.emp-form {
color: #616161
}
body .box-form button.btn-ver-senha {
width: 6px;
height: 6px;
display: block;
position: absolute;
right: 13PX;
top: 50%;
margin-top: -3px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-transition: all .05s ease-in;
-webkit-transition: all .05s ease-in;
-o-transition: all .05s ease-in;
transition: all .05s ease-in;
visibility: hidden;
cursor: pointer;
background: 0 0
}
body .box-form button.btn-ver-senha:before {
content: "";
font-family: emp-icons;
font-size: 2.2em;
text-align: center;
font-weight: 400;
position: absolute;
width: 30px;
height: 20px;
text-indent: 0;
line-height: 24px;
left: 50%;
margin-left: -15px;
top: 50%;
margin-top: -10px;
color: #c6c6c6;
speak: none
}
body .box-form.email:before, body .box-form.number:before, body .box-form.password:before, body .box-form.tel:before, body .box-form.text:before {
content: "";
position: absolute;
right: 0;
width: 16px;
height: 16px;
display: block;
top: 50%;
margin-top: -8px;
opacity: 0;
visibility: hidden;
background: url(../../../images/icons/sprite-icones-cinza-16x16.png) -96px -160px;
z-index: 1;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in
}
body .box-form.checkbox, body .box-form.radio {
border: 0;
padding: 0;
margin: 0 0 10px;
outline: 0
}
body .box-form.checkbox:before, body .box-form.radio:before {
content: "";
left: 0;
bottom: auto;
position: absolute;
top: 50%;
margin-top: -10px;
width: 20px;
display: block;
height: 20px;
padding: 0;
border: 1px solid #ccc;
background-color: #fff;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .box-form.checkbox input.emp-form, body .box-form.radio input.emp-form {
visibility: hidden;
display: none
}
body .box-form.checkbox label, body .box-form.radio label {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
line-height: normal;
font-size: .875em;
color: #999;
padding-left: 28px;
padding-right: 0;
z-index: 2;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
body .box-form.checkbox:after, body .box-form.radio:after {
width: 16px;
height: 16px;
display: block;
left: 2px;
top: 50%;
margin-top: -8px;
z-index: 1;
-moz-transform: scale(2.5);
-ms-transform: scale(2.5);
-o-transform: scale(2.5);
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
visibility: visible;
-moz-transition: transform .5s cubic-bezier(.18,.89,.32,1.28);
-webkit-transition: transform .5s cubic-bezier(.18,.89,.32,1.28);
-o-transition: transform .5s cubic-bezier(.18,.89,.32,1.28);
transition: transform .5s cubic-bezier(.18,.89,.32,1.28)
}
body .box-form.checkbox:after {
background: url(../../../images/icons/sprite-icones-cinza-16x16.png) no-repeat -96px -160px
}
body .box-form.checkbox.is-checked:after, body .box-form.radio.is-checked:after {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
body .box-form[class*=ico-emp-]:after {
content: "";
width: 29px;
height: 24px;
font-family: emp-icons;
font-weight: 400;
font-size: 29px;
text-indent: -5px;
line-height: 26px;
color: #c6c6c6;
visibility: visible;
left: 0;
top: 50%;
margin-top: -12px;
border-right: 1px solid #ccc;
margin-left: 10px;
box-shadow: none
}
body .box-form.ico-emp-mail:after {
content: "";
font-size: 24px;
text-indent: -3px
}
body .box-form.ico-emp-lock:after {
content: "";
font-size: 23px;
text-indent: -2px
}
body .box-form[class*=ico-emp-] input, body .box-form[class*=ico-emp-].filled input, body .box-form[class*=ico-emp-].focus input, body .box-form[class*=ico-emp-].ng-dirty input {
padding: 11px 12px;
padding-left: 50px
}
body .box-form .resultado-suggest {
position: absolute;
width: 100%;
height: 0;
left: 0;
bottom: 0;
top: auto;
z-index: 10000
}
body .box-form .resultado-suggest .ui-autocomplete {
overflow-y: scroll
}
body .box-form .resultado-suggest .ui-autocomplete li {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em;
padding: 4px;
padding: 6px 10px;
color: #333
}
body .box-form .resultado-suggest .ui-autocomplete li.ui-state-focus, body .box-form .resultado-suggest .ui-autocomplete li:hover {
background-color: #39f;
color: #fff;
cursor: pointer
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar
}
*, ::after, ::before {
box-sizing: inherit
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
@media (min-width:576px) {
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
}
@media (min-width:768px) {
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width:992px) {
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%
}
}
.d-none {
display: none !important
}
@media (min-width:768px) {
.d-md-block {
display: block !important
}
}
.emp-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none
}
.emp-modal2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none
}
@media only screen and (max-width:768px) {
.emp-modal2 {
padding: 20px
}
.emp-modal2 .modal-container, .emp-modal2.grande .modal-container, .emp-modal2.pequeno .modal-container {
width: 100%;
left: 0;
margin-left: 0;
margin-right: 0;
position: relative
}
.emp-modal2 .modal-container .modal-title, .emp-modal2.grande .modal-container .modal-title, .emp-modal2.pequeno .modal-container .modal-title {
min-height: 60px;
height: auto;
top: 0
}
.emp-modal2 .modal-container .modal-botoes, .emp-modal2.grande .modal-container .modal-botoes, .emp-modal2.pequeno .modal-container .modal-botoes {
padding: 20px;
bottom: 0
}
}
@media only screen and (max-width:900px) {
.emp-modal2.grande .modal-container {
width: 100%;
left: 0;
margin-left: 0;
margin-right: 0;
position: relative
}
.emp-modal2.grande .modal-container .modal-title {
min-height: 60px;
height: auto;
top: 0
}
.emp-modal2.grande .modal-container .modal-botoes {
padding: 20px;
bottom: 0
}
}
.avaliacao-estrelas * {
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial
}
.avaliacao-estrelas .stars {
margin-right: 10px;
position: relative;
background-color: #e3e3e3
}
.avaliacao-estrelas .stars, .avaliacao-estrelas p {
display: inline-block;
vertical-align: middle;
*float: left
}
.avaliacao-estrelas .stars .mascara {
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
width: 100%;
height: 100%
}
.avaliacao-estrelas .stars .bar, .avaliacao-estrelas .stars .mascara {
position: absolute;
z-index: 2;
top: 0;
left: 0
}
.avaliacao-estrelas .stars .bar {
width: 0;
height: 100%;
z-index: 1
}
.avaliacao-estrelas .stars .bar, .avaliacao-estrelas .stars .botoes a.on {
background-image: linear-gradient(to bottom,#fe8933 0,#f45600 100%);
background-color: #fb781f
}
.avaliacao-estrelas p {
font-family: Arial
}
.avaliacao-estrelas p a {
font-family: inherit;
color: #2f5eb5;
margin-left: 5px;
font-weight: 700
}
.avaliacao-estrelas p b {
color: #666;
font-size: 13px
}
.avaliacao-estrelas .stars .botoes {
position: absolute;
z-index: 3
}
.avaliacao-estrelas .stars .botoes a {
display: inline-block;
float: left;
position: relative;
background-position: 0 0;
z-index: 3
}
.avaliacao-estrelas .stars .botoes .bar {
z-index: 1
}
.avaliacao-estrelas .stars .botoes a.item-1 ~ .bar {
opacity: 0;
filter: alpha(opacity=0)
}
.avaliacao-estrelas .stars .botoes a:hover ~ .bar {
opacity: .85;
filter: alpha(opacity=85)
}
.avaliacao-estrelas .description-stars span {
display: none;
font: 15px Arial;
color: #f60;
font-style: italic;
margin-left: 10px
}
.avaliacao-estrelas.big .description-stars span {
line-height: 22px
}
.avaliacao-estrelas.large .description-stars span {
line-height: 32px
}
.avaliacao-estrelas .stars.star-small {
width: 60px;
height: 10px;
margin-right: 2.5px
}
.avaliacao-estrelas .stars.star-small .mascara {
background-image: url(../../../images/icons/sprite-stars-mask-12x12.png);
line-height: 10px
}
.avaliacao-estrelas .stars.star-small .bar.p05 {
width: 6px
}
.avaliacao-estrelas .stars.star-small .bar.p1 {
width: 12px
}
.avaliacao-estrelas .stars.star-small .bar.p15 {
width: 18px
}
.avaliacao-estrelas .stars.star-small .bar.p2 {
width: 24px
}
.avaliacao-estrelas .stars.star-small .bar.p25 {
width: 30px
}
.avaliacao-estrelas .stars.star-small .bar.p3 {
width: 36px
}
.avaliacao-estrelas .stars.star-small .bar.p35 {
width: 42px
}
.avaliacao-estrelas .stars.star-small .bar.p4 {
width: 48px
}
.avaliacao-estrelas .stars.star-small .bar.p45 {
width: 54px
}
.avaliacao-estrelas .stars.star-small .bar.p5 {
width: 60px
}
.avaliacao-estrelas .stars.star-medium {
width: 100px
}
.avaliacao-estrelas .stars.star-medium, .avaliacao-estrelas .stars.star-medium .botoes a {
height: 16px
}
.avaliacao-estrelas .stars.star-medium .botoes a {
padding-right: 4px;
width: 16px
}
.avaliacao-estrelas .stars.star-medium .botoes a, .avaliacao-estrelas .stars.star-medium .mascara {
background-image: url(../../../images/icons/sprite-stars-mask-16x16.png);
line-height: 16px
}
.avaliacao-estrelas .stars.star-medium .bar.p05 {
width: 9px
}
.avaliacao-estrelas .stars.star-medium .bar.p1, .avaliacao-estrelas .stars.star-medium .botoes a.item-1:hover ~ .bar {
width: 20px
}
.avaliacao-estrelas .stars.star-medium .bar.p15 {
width: 29px
}
.avaliacao-estrelas .stars.star-medium .bar.p2, .avaliacao-estrelas .stars.star-medium .botoes a.item-2:hover ~ .bar {
width: 40px
}
.avaliacao-estrelas .stars.star-medium .bar.p25 {
width: 49px
}
.avaliacao-estrelas .stars.star-medium .bar.p3, .avaliacao-estrelas .stars.star-medium .botoes a.item-3:hover ~ .bar {
width: 60px
}
.avaliacao-estrelas .stars.star-medium .bar.p35 {
width: 69px
}
.avaliacao-estrelas .stars.star-medium .bar.p4, .avaliacao-estrelas .stars.star-medium .botoes a.item-4:hover ~ .bar {
width: 80px
}
.avaliacao-estrelas .stars.star-medium .bar.p45 {
width: 89px
}
.avaliacao-estrelas .stars.star-medium .bar.p5, .avaliacao-estrelas .stars.star-medium .botoes a.item-5:hover ~ .bar {
width: 100px
}
.btn-padrao {
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
padding: 0 2.14286em;
font-size: 14px;
display: inline-block;
line-height: 38px;
zoom: 1;
min-width: 80px;
cursor: pointer;
text-align: center;
vertical-align: middle;
white-space: nowrap;
letter-spacing: normal;
text-decoration: none;
background-color: transparent;
border: 2px solid #616161;
color: #616161;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.btn-padrao:hover {
background-color: #616161;
border-color: transparent;
color: #fff
}
.btn-padrao:focus {
outline: 0
}
.btn-padrao:active, .btn-padrao:focus, .btn-padrao:hover, .btn-padrao:link, .btn-padrao:visited {
text-decoration: none
}
.btn-padrao.orange {
background-color: #f92;
color: #fff;
border-color: #f92
}
.btn-padrao.orange:hover {
background-color: #ff8b03;
border-color: transparent
}
.btn-padrao.invert {
color: #fff;
border-color: #fff;
background: 0 0
}
.btn-padrao.invert:hover {
background-color: #fff;
color: #49c
}
.btn-padrao.invert.orange:hover {
color: #f92
}
.btn-padrao.lg {
padding: 0 1.375em;
font-size: 20px;
line-height: 48px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.btn-padrao.facebook {
background: #4267b2;
filter: none;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 44px;
padding: 0 1em 0 3.846153846153846em;
position: relative;
border-radius: 5px;
border-color: transparent;
background-image: url(../../../images/f_logo_RGB-White_58.png);
background-repeat: no-repeat;
background-position: 14px 50%;
background-size: 34px
}
@media (max-width:680px) {
.btn-padrao.facebook {
font-size: 15px !important;
padding: 0 1em 0 2.8em;
background-size: 24px !important
}
}
.uc-social-media ul {
margin: 0;
padding: 0
}
.uc-social-media ul a, .uc-social-media ul li {
display: block;
float: left;
width: 32px;
height: 32px;
text-decoration: none
}
.uc-social-media li {
margin-left: 8px
}
.uc-social-media li a {
cursor: pointer
}
.uc-social-media li a:before {
content: "";
font-family: emp-icons;
font-size: 32px;
line-height: 32px;
text-indent: 0;
position: relative;
font-weight: 400
}
.uc-social-media li:hover a {
opacity: .8;
filter: alpha(opacity=80)
}
.uc-social-media .facebook a:before {
content: "";
color: #246
}
.uc-social-media .linkedin a:before {
content: "";
color: #246
}
.uc-social-media .instagram a:before {
content: "";
color: #246
}
.uc-social-media .twitter a:before {
content: "";
color: #246
}
.uc-login {
max-width: 280px
}
.uc-login .titulo {
font-family: "Open Sans",Arial,sans-serif;
font-size: 22px;
text-align: center;
margin-bottom: 20px;
line-height: 22px;
color: #666
}
.uc-login .titulo strong {
font-weight: 700
}
.uc-login .box-form input, .uc-login .box-form input[type=password] {
font-size: 14px
}
.uc-login .box-form input::-webkit-input-placeholder, .uc-login .box-form input[type=password]::-webkit-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: italic;
font-weight: 600
}
.uc-login .area-links a, .uc-login .area-links p {
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-size: 11px;
color: #999
}
.uc-login .area-links a {
color: #0f64b4;
font-size: 11px;
text-decoration: none
}
.uc-login .area-links .esqueci-senha {
line-height: 20px;
float: none;
display: block;
text-align: center
}
.uc-login .area-links .esqueci-senha a {
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
color: #52b0ce;
text-decoration: underline
}
.uc-login .area-links .box-form.checkbox.lembrar {
width: auto;
display: inline-block;
vertical-align: middle
}
.uc-login .area-links .box-form.checkbox.lembrar label {
font-size: 12px;
color: #616161;
vertical-align: top;
line-height: 20px;
font-family: "Open Sans",Arial,sans-serif
}
.uc-login .area-links a.btn-ok {
display: block;
margin: 5px 0 16px;
font-size: 14px;
color: #fff;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
box-shadow: none;
background: #f92;
border: 0;
width: 100%;
padding: 0;
line-height: 40px
}
.uc-login .area-facebook-connect {
clear: both;
width: 100%;
display: block
}
.uc-login .area-facebook-connect .ou {
display: block;
position: relative;
width: 100%;
font-family: "Open Sans",Arial,sans-serif;
font-size: 18px;
font-weight: 300;
text-transform: lowercase;
line-height: 1em;
color: #616161;
text-align: center;
margin: 20px 0;
float: left;
clear: both
}
.uc-login .area-facebook-connect .ou .line {
width: 38%;
position: absolute;
left: 0;
top: 50%;
margin: 0;
background-color: transparent;
border-bottom: 1px solid #eaeaea
}
.uc-login .area-facebook-connect .ou .line.right {
left: auto;
right: 0
}
.uc-login a.btn-padrao.facebook {
color: #fff;
margin: 10px 0 0;
height: auto;
width: 100%;
font-weight: 600;
font-size: 12px;
box-shadow: none;
border-color: #4267b2;
background-image: url(../../../images/f_logo_RGB-White_58.png);
background-repeat: no-repeat;
background-position: 14px 50%;
background-size: 24px
}
.icons {
display: inline-block;
*float: left;
width: 16px;
height: 16px;
margin-right: 5px;
background-repeat: no-repeat;
background-color: transparent
}
.icons.i12 {
width: 12px;
height: 12px;
background-image: url(../../../images/icons/sprite_icones-12x12.png)
}
.icons.i12.heart {
background-position: 0 0
}
.icons.i12.stars {
background-position: 0 -12px
}
.icons.i12.suitcase {
background-position: 0 -24px
}
.icons.i12.user {
background-position: 0 -36px
}
.icons.i12.ar-green {
background-position: 0 -60px
}
.icons.i12.ad-white {
background-position: 0 -72px
}
.icons.i12.ar-blue {
background-position: 0 -84px
}
.icons.i12.ar-right-blue {
background-position: 0 -84px
}
.icons.i12.arrow-gray-left {
background-position: -24px -60px
}
.icons.i12.arrow-gray-right {
background-position: -12px -60px
}
.icons.i12.bull-check-green {
background-position: -12px 0
}
.icons.i12.lock {
background-position: -12px -12px
}
.icons.i16 {
width: 16px;
height: 16px;
background-image: url(../../../images/icons/sprite-icones-cinza-16x16.png)
}
.icons.i16.star {
background-position: 0 0
}
.icons.i16.list {
background-position: 0 -16px
}
.icons.i16.attention {
background-position: 0 -48px
}
.icons.i16.plus-orange {
background-position: 0 -64px
}
.icons.i16.less-orange {
background-position: -16px -64px
}
.icons.i16.arrow-right-orange {
background-position: -80px -64px
}
.icons.i16.arrow-left-orange {
background-position: -48px -64px
}
.icons.i16.arrow-top-orange {
background-position: 0 -80px
}
.icons.i16.arrow-down-orange {
background-position: -16px -80px
}
.icons.i16.arrow-fine-down {
background-position: -80px -128px
}
.icons.i16.arrow-fine-up {
background-position: -96px -128px
}
.icons.i16.arrow-fine-right {
background-position: -112px -128px
}
.icons.i16.arrow-fine-left {
background-position: -128px -128px
}
.icons.i16.arrow-up {
background-position: -80px -144px
}
.icons.i16.arrow-right {
background-position: -96px -144px
}
.icons.i16.arrow-down {
background-position: -112px -144px
}
.icons.i16.arrow-left {
background-position: -128px -144px
}
.icons.i16.cross-orange {
background-position: 0 -96px
}
.icons.i16.cross-red {
background-position: -16px -96px
}
.icons.i16.cross-gray {
background-position: 0 -112px
}
.icons.i16.cross-white {
background-position: -16px -112px
}
.icons.i16.user-build {
background-position: -16px -16px
}
.icons.i16.lock {
background-position: 0 -128px
}
.icons.i16.lock-leaked {
background-position: -144px -128px
}
.icons.i16.info {
background-position: -32px -16px
}
.icons.i16.chat {
background-position: -32px -32px;
width: 23px
}
.icons.i16.plus {
background-position: -48px -16px
}
.icons.i16.info.red {
background-position: -64px -16px
}
.icons.i16.chat.red {
background-position: -96px -32px;
width: 23px
}
.icons.i16.info.laranja {
background-position: -96px -16px
}
.icons.i16.chat.laranja {
background-position: -96px -32px;
width: 23px
}
.icons.i16.prohibited {
background-position: -16px -128px
}
.icons.i16.edit-gray {
background-position: -32px -128px
}
.icons.i16.radio {
background-position: 0 -144px
}
.icons.i16.radio.checked {
background-position: -16px -144px
}
.icons.i16.check {
background-position: -64px -144px
}
.icons.i16.checkbox {
background-position: -32px -144px
}
.icons.i16.checkbox.checked {
background-position: -48px -144px
}
.icons.i16.more {
background-position: -64px -160px
}
.icons.i16.less {
background-position: -48px -160px
}
.icons.i16.return {
background-position: -48px -128px
}
.icons.i16.mail {
background-position: -64px -128px
}
.icons.i16.disability {
background-position: -80px -16px
}
.icons.i16.check-green {
background-position: -16px -176px
}
.icons.i16.attention-gray {
background-position: -32px -176px
}
.icons.i16.cross-orange-large {
background-position: 0 -176px
}
.icons.i32 {
width: 32px;
height: 32px;
background-image: url(../../../images/icons/sprite-icones-32x32.png)
}
.icons.i32.medieval-flag {
background-position: 0 0
}
.icons.i32.label {
background-position: -32px 0
}
.icons.i32.suitcase {
background-position: -64px 0
}
.icons.i32.star {
background-position: -96px 0
}
.icons.i32.ordered-list {
background-position: -128px 0
}
.icons.i32.certified {
background-position: -160px 0
}
.icons.i32.user {
background-position: -192px 0
}
.icons.i32.binoculars {
background-position: 0 -32px
}
.icons.i32.global {
background-position: -32px -32px
}
.icons.i32.paper-check {
background-position: -64px -32px
}
.icons.i32.graphic {
background-position: -96px -32px
}
.icons.i32.like-up {
background-position: 0 -64px
}
.icons.i32.like-down {
background-position: -32px -64px
}
.icons.i32.graphics {
background-position: -160px -32px
}
.icons.i32.small-graphics {
background-position: -128px -32px
}
.icons.i32.arrow-up {
background-position: -64px -64px
}
.icons.i32.arrow-down {
background-position: -96px -64px
}
.icons.i32.box-user {
background-position: -64px -96px
}
.icons.i32.box-user-up {
background-position: -96px -96px
}
.icons.i32.box-user-down {
background-position: -128px -96px
}
.icons.i32.play-orange {
background-position: -192px -96px
}
.icons.i32.pause-orange {
background-position: -224px -96px
}
.icons.i32.reset-orange {
background-position: -160px -96px
}
.icons.i32.check-busca {
background-position: 0 -128px
}
.icons.i32.arrow-roudend-orange-right {
background-position: -128px -64px
}
.icons.i32.arrow-roudend-orange-left {
background-position: -160px -64px
}
.icons.i48 {
width: 48px;
height: 48px;
background-image: url(../../../images/icons/sprite-icones-48x48.png)
}
.icons.i48.loup-paper {
background-position: 0 0
}
.icons.i48.megaphone {
background-position: 0 -48px
}
.icons.i48.person-talents {
background-position: 0 -96px
}
.icons.i48.star {
background-position: -48px 0
}
.icons.i48.paper {
background-position: -48px -48px
}
.icons.i48.world {
background-position: -48px -96px
}
.emp-spinner-container {
position: relative;
clear: both;
display: block;
min-height: 100px
}
.emp-spinner-container.primary .emp-spinner {
background: #f4f4f4
}
.emp-spinner-container.secondary .emp-spinner {
background: #fff
}
.emp-spinner-container.tertiary {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
background: rgba(255,255,255,.75)
}
.emp-spinner-container.tertiary .emp-spinner {
position: absolute;
width: 90px;
left: 50%;
margin-left: -45px;
position: absolute;
height: 90px;
top: 50%;
margin-top: -45px;
background: #fff
}
.emp-spinner-container.tertiary .emp-spinner .loader span.circular {
position: absolute;
width: 70px;
left: 50%;
margin-left: -35px;
position: absolute;
height: 70px;
top: 50%;
margin-top: -35px;
border-width: 10px
}
.emp-spinner-container .emp-spinner {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.emp-spinner-container .emp-spinner.hide {
display: none
}
.emp-spinner-container .emp-spinner .loader {
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
height: 50px;
top: 50%;
margin-top: -25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.emp-spinner-container .emp-spinner .loader:before {
content: '';
display: block;
padding-top: 100%
}
.emp-spinner-container .emp-spinner .loader span {
display: block;
margin-top: 10px;
font-family: "Open Sans",Arial,sans-serif;
color: #49c;
text-align: center
}
.emp-spinner-container .emp-spinner span.circular {
margin: auto;
border: 5px solid #efefef;
border-top-color: #49c;
border-right-color: #49c;
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
height: 50px;
top: 50%;
margin-top: -25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: rotatespinner .5s linear infinite;
-o-animation: rotatespinner .5s linear infinite;
animation: rotatespinner .5s linear infinite
}
.emp-slide .emp-slide-btn {
position: absolute;
width: 30px;
height: 40px;
z-index: 10;
top: 50%;
margin-top: -30px;
cursor: pointer;
background: 0 0;
opacity: 1;
filter: alpha(opacity=100)
}
.emp-slide .emp-slide-btn:before {
content: "";
font-family: emp-icons;
color: #dcdcdc;
font-size: 38px;
height: 40px;
width: 30px;
display: block;
position: absolute;
top: 0;
left: 0;
text-indent: -15px;
opacity: .5;
filter: alpha(opacity=50);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in
}
.emp-slide .emp-slide-btn.next {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
right: 10px
}
.emp-slide .emp-slide-btn.prev {
left: 10px
}
.emp-slide .emp-slide-btn.swiper-button-disabled {
cursor: default;
opacity: 0;
filter: alpha(opacity=0)
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container {
width: 100%;
height: 100%
}
.swiper-slide {
text-align: center;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
body, html {
overflow-x: hidden
}
.centraliza, .geral #content {
width: auto;
max-width: 1000px
}
.geral #content > div:first-child {
width: 100%
}
.geral #content {
display: block;
min-width: 270px;
max-width: 100%;
margin: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral .header {
min-width: 300px
}
@media (max-width:768px) {
body.header-fixed .geral .header {
height: auto
}
}
@media (max-width:999px) {
header .search-nav a.botao-recrutador {
right: 10px
}
header.inner .search-nav .area .area-buscador {
margin: 12px 180px;
width: 400px !important
}
header.inner .search-nav .area-buscador .area-input-busca.com-estado {
width: 238px
}
}
@media (min-width:481px) {
header.inner .top-nav.header-a {
display: none
}
header .header-b .area, header.inner .header-b .area {
height: 54px
}
.geral #content {
max-width: 1000px
}
.bottom-nav .area {
margin: 25px auto
}
header.recrutadores .header-b .area .div-rec {
height: 100%;
left: auto;
float: left
}
header.recrutadores .header-b .area .logo {
left: 0;
width: 209px;
height: auto;
margin-top: -15px
}
header.recrutadores .header-b .central-recrutador {
right: auto;
left: 260px;
font-size: 1em;
margin-top: -20px;
height: 40px;
width: 140px;
text-align: left
}
header.recrutadores .header-b .area .bg-laranja {
left: -1791px
}
}
@media (min-width:768px) {
header .banners-topo, header .bottom-nav, header .frontier, header .header-b .area .div, header .header-b .area nav.candidato-nav, header .header-b .area-login, header .pattern-lines, header .search-nav, header .top-nav.header-a, header.recrutadores .header-b .area .rec-nav {
display: block
}
header .header-b {
-webkit-box-shadow: 0 3px 1px rgba(0,0,0,.25);
box-shadow: 0 3px 1px rgba(0,0,0,.25)
}
header .header-b .area {
height: 81px;
border: 0
}
header .header-b .area .logo {
min-width: 190px;
left: 10px;
margin-left: 0
}
.geral #content {
margin: 20px auto
}
}
@media (min-width:768px) and (max-width:999px) {
header .header-b .area .logo {
width: 170px
}
header .header-b .area nav.candidato-nav li a {
width: auto;
min-width: 100%;
font-size: .875em;
margin-right: 10px
}
}
@media (min-width:1000px) {
header .header-b .area .logo {
left: 0
}
body .geral .page-width {
width: 1000px;
margin: 0 auto
}
}
body .geral #content .pg-home .hide, body .geral #content .pg-home .main-container.area-vagas-empresas a.outras.lnk-provisorio {
display: none
}
body .geral #content {
max-width: 100%;
margin: 0
}
body .geral #content .pg-home .container {
min-height: auto
}
body .geral #content .pg-home .main-container.area-vagas-empresas h2, body .geral #content .pg-home section.carreiras h3 {
text-align: left;
position: relative;
padding-left: 34px;
padding-bottom: 6px;
color: #162f66;
font-weight: 700;
font-size: 1.125em;
border-bottom: 1px solid #ddd;
margin-bottom: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas h2:before, body .geral #content .pg-home section.carreiras h3:before {
content: "";
font-family: emp-icons;
font-weight: 400;
color: #ee8930;
font-size: 30px;
position: absolute;
left: 0;
line-height: 30px
}
body .geral #content .pg-home .subtitulo, body .geral #content .pg-home h2, body .geral #content .pg-home h4 {
font-family: "Open Sans",Arial,sans-serif;
font-weight: 400;
text-align: center
}
body .geral #content .pg-home h2 {
color: #324371;
font-size: 1.25em;
letter-spacing: -.025em
}
body .geral #content .pg-home .subtitulo {
color: #333;
font-size: .875em;
display: block
}
body .geral #content .pg-home section {
padding: 26px 0
}
body .geral #content .pg-home .buscador {
padding: 0;
width: 100%;
position: relative;
max-height: 610px;
height: 904px;
background: url(../../../../imagens/topos/bg-busca-home.jpg) top center;
background-size: cover
}
body .geral #content .pg-home .buscador .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
background: #000;
opacity: .25;
z-index: 1
}
body .geral #content .pg-home .buscador button.btn-avancar {
width: 43px;
display: block;
position: absolute;
z-index: 10;
bottom: 20px;
left: 50%;
margin-left: -21.5px;
cursor: pointer;
background: 0 0;
-webkit-animation: kf-pulse .6s infinite ease-in-out alternate;
-o-animation: kf-pulse .6s infinite ease-in-out alternate;
animation: kf-pulse .6s infinite ease-in-out alternate
}
body .geral #content .pg-home .buscador button.btn-avancar:before {
content: "";
font-family: emp-icons;
font-size: 30px;
color: rgba(255,255,255,.5);
display: block;
-ms-transform: rotate(90deg) scale(1);
-o-transform: rotate(90deg) scale(1);
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in
}
body .geral #content .pg-home .buscador button.btn-avancar:hover:before {
color: rgba(255,255,255,.8);
-ms-transform: rotate(90deg) scale(1.2);
-o-transform: rotate(90deg) scale(1.2);
-webkit-transform: rotate(90deg) scale(1.2);
-moz-transform: rotate(90deg) scale(1.2);
transform: rotate(90deg) scale(1.2);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
body .geral #content .pg-home .buscador .area-buscador h2, body .geral #content .pg-home .buscador .area-buscador h3 {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em;
font-weight: 400;
text-align: center;
color: #333
}
body .geral #content .pg-home .buscador .area-buscador h2 {
color: #162f66;
font-weight: 700;
font-size: 1.25em
}
body .geral #content .pg-home .buscador .area-buscador h3 {
font-weight: 300
}
body .geral #content .pg-home .buscador .area-buscador h3 strong {
font-weight: 600
}
body .geral #content .pg-home .buscador .area-buscador input.emp-form::-moz-placeholder {
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400;
color: #999;
opacity: 1;
font-size: 14px
}
body .geral #content .pg-home .buscador .area-buscador input.emp-form:-ms-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px
}
body .geral #content .pg-home .buscador .area-buscador input.emp-form::-webkit-input-placeholder {
color: #999;
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador {
display: block;
max-width: 620px;
margin: 0 auto
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca {
width: 12%;
float: left;
height: 100%;
position: relative;
background: #fff;
border-right: 1px solid #ececec;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
cursor: pointer;
border: 1px solid #ccc;
border-bottom: 0;
border-top: 0;
margin: 0 0 0 -1px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .icone {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-family: none
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .icone:before {
content: "";
font-family: emp-icons;
font-size: 19px;
width: 18px;
height: 18px;
position: absolute;
right: 4px;
margin-top: -6px;
top: 50%;
line-height: normal;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
color: #ccc;
z-index: 1000
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu {
display: none;
width: 250px;
position: absolute;
top: 32px;
background: #f9f9f9;
left: -1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border: 1px solid #ccc;
z-index: 1
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a {
display: block;
height: 47px;
line-height: 47px;
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em;
color: #999;
border-bottom: 1px solid #ccc;
text-decoration: none;
padding-left: 60px;
position: relative
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a:hover {
color: #ee8221
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li:last-child a {
border: 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a:before, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:after {
content: "";
font-family: emp-icons;
font-weight: 600;
font-size: 30px;
position: absolute;
left: 0;
top: 0;
width: 50px;
text-align: center
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:after {
position: absolute;
width: 30px;
left: 50%;
margin-left: -15px;
position: absolute;
height: 30px;
top: 50%;
margin-top: -15px;
left: 12px;
margin-left: 0;
color: #ee8221
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a.vagas:before, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca[data-busca=vagas]:after {
content: ""
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a.empresas:before, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca[data-busca=empresas]:after {
content: ""
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a.curriculos:before, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca[data-busca=curriculos]:after {
content: ""
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:hover {
background: #f9f9f9;
border-right: 1px solid #ccc;
border-bottom-left-radius: 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:hover:before {
content: "";
display: block;
height: 1px;
background: #f9f9f9;
position: relative;
top: 32px;
z-index: 10
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:hover .submenu {
display: block
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
border: 0;
margin: 0;
height: 100%;
width: 90%;
float: none
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cidade.text input, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cidade:before {
content: "";
font-family: emp-icons;
opacity: 1;
font-size: 24px;
width: 29px;
height: 24px;
background: 0 0;
font-weight: 400;
text-indent: -5px;
line-height: 32px;
color: #c6c6c6;
visibility: visible;
left: auto;
right: 0;
margin-left: 10px;
top: 50%;
margin-top: -12px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar {
display: block;
background: #f92;
overflow: hidden;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
text-decoration: none;
color: #fff;
text-align: center;
height: 35px;
line-height: 35px;
margin-top: 20px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar:active, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar:focus, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar:hover {
background: #f96b27
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar:focus {
border: 1px dotted #fff;
border-left: 0;
margin: -1px;
height: auto
}
body .geral #content .pg-home section.cadastre-seu-curriculo {
display: block;
background: #f7f7f7;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #ccc;
text-align: center
}
body .geral #content .pg-home section.cadastre-seu-curriculo a {
height: 55px;
line-height: 52px;
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
font-weight: 600
}
body .geral #content .pg-home section.cadastre-seu-curriculo .ou {
position: relative;
font-size: .9375em;
color: #999;
font-weight: 400;
font-family: "Open Sans",Arial,sans-serif;
text-transform: uppercase;
max-width: 250px
}
body .geral #content .pg-home .como-conseguir {
background: #274995;
display: block;
text-align: center
}
body .geral #content .pg-home .como-conseguir .subtitulo, body .geral #content .pg-home .como-conseguir h2 {
color: #fff
}
body .geral #content .pg-home .como-conseguir ul {
display: block;
margin: 30px 20px 10px
}
body .geral #content .pg-home .como-conseguir ul li {
font-size: .875em;
color: #fff;
display: inline-block;
width: 48%;
position: relative;
vertical-align: top;
padding-top: 90px;
margin-bottom: 30px;
font-family: Verdana,Arial,Helvetica,sans-serif
}
body .geral #content .pg-home .como-conseguir ul li span.icone {
position: absolute;
top: 0;
width: 70px;
height: 70px;
border: 2px solid #ef9b50;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 50%;
margin-left: -35px;
z-index: 10;
background: #274995;
padding: 0
}
body .geral #content .pg-home .como-conseguir ul li span.icone:before {
content: "";
font-family: emp-icons;
font-weight: 400;
color: #ef9b50;
font-size: 40px;
line-height: 70px
}
body .geral #content .pg-home .como-conseguir ul li span.icone.vagas:before {
content: ""
}
body .geral #content .pg-home .como-conseguir ul li span.icone.curriculo:before {
content: ""
}
body .geral #content .pg-home .como-conseguir ul li span.icone.processo-seletivo:before {
content: "";
font-size: 54px
}
body .geral #content .pg-home a.btn-padrao.invert {
min-width: 320px
}
body .geral #content .pg-home a.btn-padrao.invert:hover {
color: #274995
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas h2 {
padding-left: 40px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas h2:before {
content: ""
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table {
height: 100%;
width: 100%;
border-collapse: separate;
border-spacing: 16px 8px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td {
width: 50%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td ul li {
margin-bottom: 29px;
padding-bottom: 28px;
border-bottom: 1px dotted #ccc
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td ul li:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td ul li:hover .descricao a {
text-decoration: underline
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .imagem {
display: inline-block;
vertical-align: top
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .imagem {
width: 34%;
border: 1px solid #ddd
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .imagem a img {
float: left;
width: 100%;
height: auto
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao {
width: 63%;
padding-left: 4%;
font-size: 14px;
letter-spacing: -.01em;
color: #333;
font-family: "Open Sans",Arial,sans-serif
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao span {
display: block
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao span.data {
font-size: .8571em;
color: #999
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao a {
font-weight: 700;
color: #333;
font-family: "Open Sans",Arial,sans-serif;
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td .descricao .salario {
font-size: .7875em;
font-weight: 400
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td.empresas tr td {
padding: 3% 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td table {
border-spacing: 0;
width: 100%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td table tr > td {
border-bottom: 1px dotted #ccc;
padding: 10% 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tfoot tr td, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table thead tr td {
min-height: 30px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tbody tr td {
vertical-align: middle
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tbody tr td table tr:first-child td {
padding-top: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tbody tr td table tr:last-child td {
border: 0;
padding-bottom: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tfoot tr td {
border-top: 1px solid #ddd
}
a.outras, body .geral #content .pg-home section.carreiras a.outras {
font-family: "Open Sans",Arial,sans-serif;
color: #50629b;
font-size: .75em;
position: relative;
text-decoration: underline;
margin-right: 18px
}
a.outras:hover, body .geral #content .pg-home section.carreiras a.outras:hover {
text-decoration: none
}
a.outras:after, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:before, body .geral #content .pg-home section.carreiras a.outras:after {
content: "";
font-family: emp-icons;
font-size: 14px;
width: 16px;
height: 16px;
text-indent: 0;
position: absolute;
line-height: 20px;
display: inline-block;
color: #50629b;
text-decoration: none;
top: 50%;
right: -20px;
margin-top: -7px;
overflow: hidden;
transform-origin: center center;
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg)
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado {
width: 35%;
position: relative
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado h2 {
padding-left: 34px;
margin: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado h2:before {
content: "";
font-size: 38px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado table {
border-collapse: separate;
border-spacing: 0 8px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado table tbody tr td {
width: 100%;
vertical-align: top
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas {
height: 180px;
margin-top: 20px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table {
font-size: .75em;
width: 100%;
height: auto;
padding: 0;
position: relative;
border-spacing: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td {
height: auto;
padding: 0;
border: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td a {
font-size: 13px;
color: #333;
font-family: "Open Sans",Arial,sans-serif;
line-height: 26px;
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td a:hover {
text-decoration: underline
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td b {
font-size: 14px;
font-weight: 600
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td:first-child {
width: 70%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr td:last-child {
width: 30%;
text-align: right;
color: #999
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas table tr:hover td:last-child {
color: #274995
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .outras.lnk-vagas-estado {
float: right;
top: 6px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-controles {
float: left;
position: relative;
top: 6px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad {
position: relative;
width: 18px;
height: 18px;
margin-right: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad:after {
content: "";
font-family: emp-icons;
font-size: 14px;
width: 16px;
height: 16px;
text-indent: -1.8px;
position: absolute;
line-height: 20px;
display: inline-block;
top: 0;
left: 0;
color: #50629b;
-ms-transform: rotateZ(-90deg) rotateX(-170deg);
-o-transform: rotateZ(-90deg) rotateX(-170deg);
-webkit-transform: rotateZ(-90deg) rotateX(-170deg);
-moz-transform: rotateZ(-90deg) rotateX(-170deg);
transform: rotateZ(-90deg) rotateX(-170deg);
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad:hover {
background: #50629b;
border-color: #50629b
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad:hover:after {
color: #fff
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad.disabled:after, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad.disabled:hover:after {
color: #ccc;
cursor: default
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad.disabled:hover {
background: #fff;
border: 1px solid #ccc
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad.down:after {
left: -2px;
top: 1px;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
-moz-transform: none;
transform: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .btn-squad.right:after {
-ms-transform: rotateZ(-90deg) rotateX(0);
-o-transform: rotateZ(-90deg) rotateX(0);
-webkit-transform: rotateZ(-90deg) rotateX(0);
-moz-transform: rotateZ(-90deg) rotateX(0);
transform: rotateZ(-90deg) rotateX(0)
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa {
width: 100%;
background: #fff;
height: 180px;
display: block;
position: relative
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
max-height: 140px;
margin-top: 20px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map svg {
width: 100%;
height: 100%;
display: table;
margin: 0 auto;
opacity: 1;
filter: alpha(opacity=100)
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map svg:hover {
-webkit-transform: rotate(10deg !important);
-ms-transform: rotate(10deg !important);
-o-transform: rotate(10deg !important);
transform: rotate(10deg !important);
-webkit-transform: scale(1.2 !important);
-ms-transform: scale(1.2 !important);
-o-transform: scale(1.2 !important);
transform: scale(1.2 !important)
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map svg:hover path {
fill: #15358b
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map svg path {
stroke: #3192b4;
stroke-opacity: 0;
stroke-width: .2px;
opacity: 1;
filter: alpha(opacity=100)
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map {
display: block;
position: absolute;
right: 0;
top: 50%;
min-height: 45px;
margin-top: -22.5px;
padding-right: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
max-width: 160px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .titulo {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1.4375em;
font-size: 1.5625em;
color: #274995;
font-weight: 600;
display: block;
position: relative;
cursor: pointer;
text-align: right
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:after, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:before {
right: 0;
top: 10px;
position: absolute;
left: auto;
cursor: pointer;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
-moz-transform: none;
transform: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:after {
content: "";
display: block;
width: 18px;
height: 18px;
position: absolute;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:before {
z-index: 50;
top: 18px;
right: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map.aberto:after, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:hover:after {
background: #50629b;
border-color: #50629b
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map.aberto:before, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:hover:before {
color: #fff
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .qtd-vagas {
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
color: #999;
text-align: right;
display: block
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .qtd-vagas b {
font-size: 17px;
font-weight: 600
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown {
position: absolute;
right: 0;
top: 30px;
width: 280px;
height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top-right-radius: 0;
border: 1px solid #ccc;
background: #f8f8f8;
padding: 10px;
z-index: 1000;
opacity: 0;
filter: alpha(opacity=0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
box-shadow: 2px 2px 10px rgba(0,0,0,.2);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: #f8f8f8;
border-right-width: 20px;
border-bottom-width: 0;
border-top-width: 16px;
top: -14px;
right: 0;
z-index: 10
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: #ccc;
border-right-width: 20px;
border-bottom-width: 0;
border-top-width: 16px;
top: -16px;
right: -1px;
z-index: 1
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown button.fechar {
display: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown .lista {
position: relative;
top: 20px;
height: 20px;
overflow: hidden;
overflow-y: scroll;
padding-right: 20px;
-webkit-transition: height .3s ease-in-out;
-moz-transition: height .3s ease-in-out;
-o-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown .lista ul li {
font-size: 13px;
margin: 0;
padding: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown .lista ul li a {
font-family: "Open Sans",Arial,sans-serif;
color: #274995;
font-weight: 600;
display: block;
line-height: 40px;
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .area-dropdown .lista ul li a:hover {
text-decoration: underline
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map.aberto .area-dropdown, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:hover .area-dropdown {
display: block;
top: 45px;
opacity: 1;
height: 230px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map.aberto .area-dropdown .lista, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map:hover .area-dropdown .lista {
height: 180px
}
body .geral #content .pg-home section.carreiras h3 {
margin-bottom: 24px
}
body .geral #content .pg-home section.carreiras .subtitulo {
margin-bottom: 50px
}
body .geral #content .pg-home section.carreiras section {
padding: 0
}
body .geral #content .pg-home section.carreiras section.destaque ul li span.destaque {
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-size: .625em;
color: #f7941d;
text-transform: uppercase;
display: block
}
body .geral #content .pg-home section.carreiras section.destaque ul li:hover a {
text-decoration: underline
}
body .geral #content .pg-home section.carreiras section.destaque ul li a {
text-decoration: none;
color: #333
}
body .geral #content .pg-home section.carreiras section.destaque ul li img {
display: block;
margin: 10px 0;
max-width: 100%;
border: 1px solid #e6e6e6
}
body .geral #content .pg-home section.carreiras section.destaque ul li p {
font-family: "Open Sans",Arial,sans-serif;
font-size: .875em;
font-weight: 600
}
body .geral #content .pg-home section.carreiras a.outras {
font-size: .8125em;
text-decoration: none
}
body .geral #content .pg-home section.carreiras a.outras, body .geral #content .pg-home section.carreiras a.outras:after {
color: #999
}
body .geral #content .pg-home section.carreiras a.outras:hover {
text-decoration: underline
}
body .geral #content .pg-home section.comentarios {
background: #f8f8f8
}
body .geral #content .pg-home section.comentarios h2 {
font-size: 1.625em
}
body .geral #content .pg-home section.comentarios h2:after {
content: "";
font-family: emp-icons;
color: #ee8221;
font-size: 60px;
margin-left: 10px;
position: relative;
top: 12px
}
body .geral #content .pg-home section.comentarios .subtitulo {
margin-bottom: 30px
}
body .geral #content .pg-home section.comentarios .lista-comentario {
display: block;
width: 100%;
position: relative
}
body .geral #content .pg-home section.comentarios .lista-comentario .emp-slide-btn {
margin-top: auto;
top: 32px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide {
vertical-align: top
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .candidato, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario {
display: inline-block;
vertical-align: middle
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados {
position: relative;
display: table;
margin: 0 auto;
z-index: 50
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:after, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:before {
content: "";
width: 0;
height: 0;
border: 20px solid transparent;
position: absolute
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados .info-candidato, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados img {
display: inline-block;
width: 50%;
vertical-align: middle
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados img {
width: 95px;
display: inline-block;
height: 95px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 5px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados .info-candidato {
padding-left: 10px;
width: 130px;
text-align: left
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados i, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados span {
font-family: "Open Sans",Arial,sans-serif;
font-size: 1em;
font-weight: 400;
color: #333;
display: block;
clear: both
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados span.nome {
font-size: .875em;
font-weight: 600
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados span.cidade {
font-size: .75em
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario {
padding: 35px;
padding-left: 55px;
position: relative;
border-top: 1px solid #ccc;
margin-top: 30px;
padding-top: 20px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario p {
font-family: "Open Sans",Arial,sans-serif;
font-size: .90625em;
font-style: italic;
line-height: 1.55em;
color: #000;
padding-right: 30px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario p:after, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario p:before {
content: "";
font-family: emp-icons;
font-style: normal;
font-size: 50px;
position: absolute;
left: 0;
top: 34px;
color: #d7d6d2
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario p:after {
top: auto;
left: auto;
line-height: 22px;
display: inline-block;
margin-left: 6px;
font-size: 30px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
body .geral #content .pg-home section.vagas-por-area h2 {
font-size: 1.5em
}
body .geral #content .pg-home section.vagas-por-area .subtitulo {
font-size: .875em;
color: #324371;
margin-bottom: 40px
}
body .geral #content .pg-home section.vagas-por-area ul {
font-size: 0
}
body .geral #content .pg-home section.vagas-por-area ul a, body .geral #content .pg-home section.vagas-por-area ul h3.titulo {
padding-left: 57px
}
body .geral #content .pg-home section.vagas-por-area ul h3.titulo {
display: block;
position: relative;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
font-size: 1.25em;
color: #162f66;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
text-align:inherit
}
body .geral #content .pg-home section.vagas-por-area ul h3.titulo:before {
content: "";
font-family: emp-icons;
font-size: 1.9em;
font-weight: 400;
color: #ee8221;
left: 8px;
top: -5px;
position: absolute
}
body .geral #content .pg-home section.vagas-por-area ul li {
font-size: 16px
}
body .geral #content .pg-home section.vagas-por-area .administrativo h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .agricultura-pecuaria-e-veterinaria h3.titulo:before {
position: absolute;
left: 0;
text-indent: 0;
content: ""
}
body .geral #content .pg-home section.vagas-por-area .agricultura-pecuaria-e-veterinaria h3.titulo, body .geral #content .pg-home section.vagas-por-area .artes-arquitetura-e-design h2.titulo {
text-indent: -20000px
}
body .geral #content .pg-home section.vagas-por-area .agricultura-pecuaria-e-veterinaria h3.titulo:after, body .geral #content .pg-home section.vagas-por-area .artes-arquitetura-e-design h2.titulo:after {
text-indent: 0;
position: absolute;
left: 57px;
content: "Agricultura"
}
body .geral #content .pg-home section.vagas-por-area .artes-arquitetura-e-design h3.titulo:before {
position: absolute;
left: 0;
text-indent: 0;
content: ""
}
body .geral #content .pg-home section.vagas-por-area .artes-arquitetura-e-design h3.titulo:after {
content: "Artes"
}
body .geral #content .pg-home section.vagas-por-area .comercio h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .comunicacao h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .diversos h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .educacao h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .engenharias h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .financeiro h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .hotelaria-turismo h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .industria h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .informatica-e-telecom h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .juridica h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .logistica h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .tecnicos h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .saude h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area .telemarketing h3.titulo:before {
content: ""
}
body .geral #content .pg-home section.vagas-por-area a, body .geral #content .pg-home section.vagas-por-area a span {
display: block;
font-family: "Open Sans",Arial,sans-serif
}
body .geral #content .pg-home section.vagas-por-area a {
color: #3192b4;
font-size: .875em;
text-decoration: none;
margin-bottom: 17px
}
body .geral #content .pg-home section.vagas-por-area a:hover, body .geral #content .pg-home section.vagas-por-area a:hover span {
text-decoration: underline;
color: #3192b4
}
body .geral #content .pg-home section.vagas-por-area a span {
color: #999;
font-size: .8571428571428571em
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas {
height: 1px;
position: relative;
margin: 20px 0 50px
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas .line {
background: #e6e6e6
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas button.btn-ver-mais {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #e6e6e6;
background: #fff;
cursor: pointer
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas button.btn-ver-mais:before {
content: "";
font-family: emp-icons;
font-size: 24px;
display: block;
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
color: #ddd;
position: absolute;
width: 24px;
left: 50%;
margin-left: -12px;
position: absolute;
height: 24px;
top: 50%;
margin-top: -12px
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas button.btn-ver-mais:hover {
background: #ddd;
border-color: #ddd
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas button.btn-ver-mais:hover:before {
color: #fff
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas button.btn-ver-mais[aberto]:before {
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg)
}
body .geral #content .pg-home section.vagas-por-area .ver-mais-areas span {
width: 100%;
text-align: center;
margin-top: 35px;
display: block;
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
color: #666;
position: absolute;
left: 0
}
@media only screen and (min-width:380px) and (max-width:690px) {
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca {
width: 15%
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
width: 85%
}
}
@media only screen and (min-width:480px) and (max-width:690px) {
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca {
width: 10%
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
width: 90%
}
}
@media only screen and (min-width:690px) {
body .geral #content .pg-home h2 br, body .geral #content .pg-home section.cadastre-seu-curriculo .ou .line, body .geral #content .pg-home section.cadastre-seu-curriculo .subtitulo br {
display: none
}
body .geral #content .pg-home h2 {
font-size: 2.1875em;
color: #324371;
letter-spacing: -.025em;
font-weight: 400;
text-align: center
}
body .geral #content .pg-home .subtitulo {
font-size: 1.125em
}
body .geral #content .pg-home section {
padding: 44px 0
}
body .geral #content .pg-home .buscador {
max-height: 610px
}
body .geral #content .pg-home .buscador .area-flutuante {
top: 50%;
position: absolute;
width: 760px;
background: rgba(255,255,255,.9);
left: 50%;
min-height: 260px;
margin-left: -380px;
margin-top: -130px;
padding: 40px;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home .buscador .area-buscador h2 {
font-size: 2.1875em;
font-weight: 400
}
body .geral #content .pg-home .buscador .area-buscador h3 {
font-size: 1.25em
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador {
height: 52px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
margin: 16px auto
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .box-form.cidade.text, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .busca, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 0;
margin: 0;
height: 50px;
line-height: 50px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .box-form.cidade.text {
width: 30%;
border: 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar {
width: 10%;
display: block;
float: right;
position: relative;
height: 100%;
text-indent: -9999px;
overflow: hidden;
border-left: 1px solid #fac9b2;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador a.lnk-encontrar:before {
content: "";
font-family: emp-icons;
font-weight: 400;
font-size: 30px;
color: #fff;
text-indent: 0;
text-align: center;
position: absolute;
width: 30px;
left: 50%;
margin-left: -15px;
position: absolute;
height: 30px;
top: 50%;
margin-top: -15px;
line-height: 30px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
background: 0 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .icone:before {
right: 8px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu {
width: 290px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a {
height: 50px;
line-height: 50px;
padding-left: 70px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca .submenu li a:before {
width: 70px;
font-size: 30px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:hover:before {
top: 50px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:hover .submenu {
top: 51px;
border-top: 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .busca:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 30px;
right: 0;
top: 50%;
margin-top: -15px;
background: #ccc
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .box-form.cidade.text input, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
font-size: 1em;
height: 50px;
line-height: 50px;
padding: 0;
padding-left: 20px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests {
float: left;
width: 78%
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests .box-form {
border: 0;
margin: 0;
width: 60%;
float: left;
clear: none
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.cursos .box-form, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.empresas .box-form {
width: 100%
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cidade {
width: 40%;
padding: 0 32px 0 0
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cargo:after {
width: 1px;
left: auto;
right: 0;
position: absolute;
visibility: visible;
height: 30px;
background: #e6e6e6;
top: 50%;
margin-top: -15px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cargo .resultado-suggest, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cargo .resultado-suggest ul {
width: 482px !important
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cidade .resultado-suggest, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests.padrao .box-form.cidade .resultado-suggest ul {
width: 254px !important
}
body .geral #content .pg-home .buscador button.btn-avancar:before {
font-size: 50px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa .select-map .area-dropdown button.fechar {
width: 20px;
height: 20px;
background: 0 0;
cursor: pointer;
position: absolute;
right: 10px;
top: 14px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa .select-map .area-dropdown button.fechar:after {
content: "";
font-family: emp-icons;
font-size: 28px;
font-weight: 700;
color: #274995;
position: absolute;
top: -1px;
left: -3px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.mg .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.mt .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.pe .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.rj .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.rn .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.ro .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.sc .map svg, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.sp .map svg {
left: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.es .select-map, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.mg .select-map, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.rj .select-map {
max-width: 200px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.pe .select-map, body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa.rj .select-map {
margin-top: 20px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .lista-vagas {
position: relative;
width: 100%;
margin-bottom: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .lista-vagas table {
top: 0
}
body .geral #content .pg-home section.cadastre-seu-curriculo .ou {
margin: 10px 10px;
text-transform: uppercase;
display: inline;
clear: both
}
body .geral #content .pg-home .como-conseguir h2 br {
display: none
}
body .geral #content .pg-home .como-conseguir ul {
margin: 50px auto 40px;
max-width: 1000px
}
body .geral #content .pg-home .como-conseguir ul li {
font-size: 1.1775em;
padding-top: 110px;
width: 24%
}
body .geral #content .pg-home .como-conseguir ul li h3 {
font-size: inherit;
font-weight: 300
}
body .geral #content .pg-home .como-conseguir ul li span.icone {
width: 90px;
height: 90px;
margin-left: -45px
}
body .geral #content .pg-home .como-conseguir ul li span.icone:before {
font-size: 60px;
line-height: 90px
}
body .geral #content .pg-home .como-conseguir ul li .divisao {
position: absolute;
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px dotted #ef9b50;
display: block;
left: -22px;
top: 0
}
body .geral #content .pg-home .como-conseguir ul li .divisao:after, body .geral #content .pg-home .como-conseguir ul li .divisao:before {
content: "";
width: 88px;
left: -80px;
height: 0;
top: 45px;
border-top: 2px dotted #ef9b50;
position: absolute;
-ms-transform: rotate(-37deg);
-o-transform: rotate(-37deg);
-webkit-transform: rotate(-37deg);
-moz-transform: rotate(-37deg);
transform: rotate(-37deg);
z-index: 1
}
body .geral #content .pg-home .como-conseguir ul li .divisao:after {
left: 25px;
-ms-transform: rotate(37deg);
-o-transform: rotate(37deg);
-webkit-transform: rotate(37deg);
-moz-transform: rotate(37deg);
transform: rotate(37deg)
}
body .geral #content .pg-home .como-conseguir ul li:nth-child(2n+2) .divisao {
top: 70px
}
body .geral #content .pg-home .como-conseguir ul li:nth-child(2n+2) .divisao:after, body .geral #content .pg-home .como-conseguir ul li:nth-child(2n+2) .divisao:before {
-ms-transform: rotate(37deg);
-o-transform: rotate(37deg);
-webkit-transform: rotate(37deg);
-moz-transform: rotate(37deg);
transform: rotate(37deg);
top: -6px
}
body .geral #content .pg-home .como-conseguir ul li:nth-child(2n+2) .divisao:after {
-ms-transform: rotate(-37deg);
-o-transform: rotate(-37deg);
-webkit-transform: rotate(-37deg);
-moz-transform: rotate(-37deg);
transform: rotate(-37deg);
left: 23px
}
body .geral #content .pg-home .main-container.area-vagas-empresas h2, body .geral #content .pg-home section.carreiras h3 {
font-weight: 600;
font-size: 1.25em;
padding-left: 45px
}
body .geral #content .pg-home .main-container.area-vagas-empresas h2:before, body .geral #content .pg-home section.carreiras h3:before {
font-size: 36px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td.empresas .seguir-empresa {
position: relative;
font-size: 10px;
color: #162f66;
text-decoration: underline;
font-weight: 600;
text-transform: uppercase;
padding-left: 18px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td.empresas .seguir-empresa:hover {
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table tr td.empresas .seguir-empresa:before {
content: "";
font-family: emp-icons;
font-size: 14px;
line-height: 14px;
left: 0;
width: 14px;
position: absolute;
height: 14px;
top: 50%;
margin-top: -7px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .avaliacao-estrelas .stars {
margin: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .comentario {
display: block;
position: relative;
padding: 10px;
background: #eff0f4;
margin-top: 17px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .comentario a {
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
letter-spacing: -.01em;
color: #274995;
text-decoration: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .comentario a:hover {
text-decoration: underline
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .comentario:before {
content: "";
display: block;
width: 0;
height: 0;
border: 11px solid transparent;
border-bottom-color: #eff0f4;
position: absolute;
top: -22px;
left: 50px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .empresas .comentario span {
display: block;
font-size: .6875em;
font-family: "Open Sans",Arial,sans-serif;
color: #666
}
body .geral #content .pg-home section.carreiras section.destaque ul {
margin: 0 -20px;
display: block;
clear: both
}
body .geral #content .pg-home section.carreiras section.destaque ul li {
padding: 14px 19px;
border-right: 1px dotted #ccc;
display: inline-block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 33%;
min-height: 220px
}
body .geral #content .pg-home section.carreiras section.destaque ul li img {
max-width: 100%;
width: auto
}
body .geral #content .pg-home section.carreiras section.destaque ul li:last-child {
border: 0
}
body .geral #content .pg-home section.carreiras .line {
border-top: 1px dotted #ccc;
margin: 38px 0 10px;
background: 0 0
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial {
border: 2px solid #e6e6e6;
padding: 14px 17px;
position: relative
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial h3 {
border: 0;
padding: 0;
margin: 0;
font-size: 1.25em
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial h3:before {
content: none
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial .subtitulo {
width: 160px;
display: block;
font-size: .875em;
text-align: left;
line-height: 1.2em;
margin-bottom: 36px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial .box-form {
border: 0
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial .resultado-suggest ul {
max-width: none;
width: 307px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tr td {
font-size: .8125em;
color: #333;
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
padding: 7px 0 8px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tr td:first-child {
width: 60%
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tr td:last-child {
text-align: right
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table thead tr td {
text-transform: uppercase;
font-weight: 600;
font-family: "Open Sans",Arial,sans-serif
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tbody tr td {
border-bottom: 1px solid #ddd;
padding: 7px 0 8px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tbody tr td:last-child {
font-weight: 700;
text-align: right;
padding-right: 10px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tbody tr:last-child td {
border: 0
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial .top-salarios {
margin: 0 -17px 10px;
padding: 9px 20px;
background: #ececec;
margin-top: 20px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial .top-salarios table {
width: 100%
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial:after {
content: "";
font-family: emp-icons;
position: absolute;
right: 40px;
font-size: 90px;
top: 0;
color: #274995
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial input[type=text] {
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-size: .8125em;
color: #333;
padding: 10px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
width: 60%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial input[type=text]::-moz-placeholder {
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-style: italic;
font-weight: 400;
color: #999;
opacity: 1
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial input[type=text]:-ms-input-placeholder {
color: #999;
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-style: italic;
font-weight: 400
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial input[type=text]::-webkit-input-placeholder {
color: #999;
font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
font-style: italic;
font-weight: 400
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial a.btn-padrao {
width: 36%;
padding: 0;
font-size: .875em;
line-height: 35px
}
body .geral #content .pg-home section.comentarios h2 {
font-size: 2.5625em;
margin-top: -40px
}
body .geral #content .pg-home section.comentarios h2:after {
font-size: 96px;
top: 22px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide {
padding: 0;
display: inline-block;
vertical-align: middle;
float: none;
font-size: 0
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados {
display: inline-block;
font-size: 16px;
vertical-align: middle;
width: 30%
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados img {
max-width: 100%;
height: auto
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:after, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:before {
border-left-width: 25px;
border-top-width: 25px;
border-right-width: 30px;
border-right-color: #ccc;
right: -14px;
top: 50%;
margin-top: -31.5px;
border-bottom-width: 0
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:after {
border-right-color: #f8f8f8;
right: -17px;
margin-top: -32px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados span.nome {
font-size: 1em
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados i, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados span.cidade {
font-size: .8125em
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario {
text-align: left;
width: 65%;
border: 0;
padding-right: 0;
padding-bottom: 0;
border-left: 1px solid #ccc;
margin: 0;
margin-left: 14px;
padding-left: 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .comentario p:before {
left: 10px
}
body .geral #content .pg-home section.comentarios .lista-comentario .emp-slide-btn {
height: 60px;
top: 50%;
margin-top: -30px
}
body .geral #content .pg-home section.comentarios .lista-comentario .emp-slide-btn:before {
font-size: 58px;
height: 58px
}
body .geral #content .pg-home section.vagas-por-area ul li {
width: 32.5%
}
}
@media only screen and (max-width:690px) {
body .geral #content .pg-home .grid-10-16, body .geral #content .pg-home .grid-4-12, body .geral #content .pg-home .grid-5-16, body .geral #content .pg-home .grid-6-16 {
width: 98.07692308%
}
body .geral #content .pg-home .buscador .area-buscador {
top: 11%;
display: block;
margin: 0 10px;
max-width: 760px;
max-height: 300px;
padding: 10px;
background: rgba(255,255,255,.9);
z-index: 50;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home .buscador .area-buscador h3 {
margin-bottom: 20px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador {
position: relative
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca {
position: absolute;
left: 1px;
top: 1px;
height: 32px;
width: 60px;
z-index: 10000
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca ul.submenu li {
font-size: .875em
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca ul.submenu li a {
padding-left: 40px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca ul.submenu li a:before {
width: 30px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca ul.submenu li a:before, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .dropdown-tipo-busca:after {
font-size: 24px;
left: 5px;
position: absolute;
height: 24px;
top: 50%;
margin-top: -12px;
line-height: 24px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests .box-form {
background-color: #fff
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .suggests .box-form:first-child input {
text-indent: 60px
}
body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador .box-form.cidade.text input, body .geral #content .pg-home .buscador .area-buscador .area-campo-buscador input {
font-size: .8125em
}
body .geral #content .pg-home .buscador .area-buscador a.lnk-encontrar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ed3300;
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.6);
box-shadow: inset 1px 1px 0 rgba(255,255,255,.6)
}
body .geral #content .pg-home .buscador.bar-confirma-email .area-buscador {
top: 5%
}
body .geral #content .pg-home .buscador .area-flutuante {
position: relative;
width: 100%;
height: 100%
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes {
position: absolute;
width: 100%;
bottom: 0;
background: #fff;
z-index: 30;
padding: 10px 20px
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes h2.titulo { /*aqui*/
font-size: .9375em;
color: #162f66
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes h2.titulo, body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes ul li a {
border-bottom: 1px solid #dedede;
margin-bottom: 13px;
padding-bottom: 13px;
display: block;
font-family: "Open Sans",Arial,sans-serif
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes ul li a {
font-size: .75em;
text-decoration: none;
color: #52b0ce
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes .area-mais-recentes ul li a {
color: #3c3c3c;
font-size: .8125em;
text-decoration: none;
position: relative
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes .area-mais-recentes ul li a:after {
content: "";
font-family: emp-icons;
font-weight: 400;
font-size: 1em;
position: absolute;
right: 0;
color: #999;
top: 3px
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes .area-mais-recentes ul li a:hover, body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes .area-mais-recentes ul li a:hover:after {
color: #162f66
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes .area-mais-recentes ul li:nth-child(3n+0) a {
border: 0
}
body .geral #content .pg-home section.cadastre-seu-curriculo .ou {
margin: 20px auto;
color: #333;
display: block;
clear: both
}
body .geral #content .pg-home section.cadastre-seu-curriculo .ou .line {
width: 38%;
position: absolute;
left: 0;
top: 50%;
background: 0 0;
margin: -1px;
border-top: 1px dotted #ccc
}
body .geral #content .pg-home section.cadastre-seu-curriculo .ou .line.right {
left: auto;
right: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .clear_20, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer:first-child, body .geral #content .pg-home section.carreiras .line, body .geral #content .pg-home section.carreiras section.destaque ul li:last-child, body .geral #content .pg-home section.pesquisa-salarial, body .geral #content .pg-home section.vagas-por-area ul li:last-child {
display: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas {
border-spacing: 10px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer {
display: block;
width: 100%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado {
padding: 5px 10px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa {
min-height: 220px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map {
margin: 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map svg {
height: 155px !important;
top: 0 !important;
margin-top: 0 !important
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-controles {
top: 2px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .outras.lnk-vagas-estado {
top: 0
}
body .geral #content .pg-home .como-conseguir a.btn-padrao.cinza {
max-width: 260px
}
body .geral #content .pg-home section.carreiras {
margin: 0 20px
}
body .geral #content .pg-home section.carreiras h3 {
font-size: 1em
}
body .geral #content .pg-home section.carreiras section.destaque ul li {
padding: 14px 15%;
border-bottom: 1px dotted #ccc;
margin: 0 auto
}
body .geral #content .pg-home section.carreiras a.outras {
display: table;
margin: 0 auto;
line-height: 22px
}
body .geral #content .pg-home section.comentarios .lista-comentario .area {
border-bottom: 4px solid #ee8221
}
body .geral #content .pg-home section.comentarios h2:after {
content: none
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide, body .geral #content .pg-home section.comentarios .subtitulo {
display: flex;
flex-direction: column
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:after, body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:before {
border-bottom-color: #ccc;
position: absolute;
border-left-width: 0;
border-top-width: 0;
border-bottom-width: 25px;
left: 40px;
bottom: -31px
}
body .geral #content .pg-home section.comentarios .lista-comentario .swiper-wrapper .swiper-slide .dados:after {
border-bottom-color: #f8f8f8;
left: 41px;
bottom: -34px
}
body .geral #content .pg-home section.vagas-por-area {
padding-left: 20px;
padding-right: 20px
}
body .geral #content .pg-home section.vagas-por-area ul li {
width: 48.5%
}
body .geral #content .pg-home section.vagas-por-area ul li:nth-child(n+3) {
display: none
}
body .geral #content .pg-home section.vagas-por-area ul[aberto] li {
display: block
}
}
@media only screen and (max-width:480px) {
body .geral #content .pg-home section.vagas-por-area ul li {
width: 100%
}
}
@media only screen and (max-height:580px) {
body .geral #content .pg-home .buscador .area-buscador {
top: 8%
}
body .geral #content .pg-home .buscador.bar-confirma-email .area-buscador {
top: 3%
}
body .geral #content .pg-home .buscador.bar-confirma-email .area-buscador .area-mais-recentes h2.titulo, body .geral #content .pg-home .buscador.bar-confirma-email .area-buscador .area-mais-recentes ul li a {
margin-bottom: 10px;
padding-bottom: 10px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .vagas-por-estado .area-mapa .map svg {
max-width: 190px
}
}
@media only screen and (max-width:690px) and (max-height:480px) {
body .geral #content .pg-home .buscador .area-buscador {
top: 8%
}
body .geral #content .pg-home .buscador .area-flutuante .area-mais-recentes {
display: none
}
}
@media only screen and (max-width:768px) {
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado {
width: auto;
padding: 20px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .lista-vagas {
height: auto
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer:first-child table tbody tr td {
padding: 16px 0
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table {
width: 100%
}
}
@media only screen and (min-width:690px) and (max-width:768px) {
body .geral #content .pg-home .buscador .area-flutuante {
width: 660px;
margin-left: -330px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer {
display: block;
width: 100%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer table {
width: 100%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map, body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map .titulo {
max-width: none
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado a.outras.lnk-provisorio:after {
line-height: 22px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial:after {
right: 10px;
font-size: 60px;
top: 14px
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial table tr td:first-child {
width: 50%
}
body .geral #content .pg-home section.carreiras .pesquisa-salarial a.btn-padrao {
font-size: .8125em
}
}
@media only screen and (min-width:580px) and (max-width:950px) {
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map {
width: 30%;
margin-left: 10%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map {
right: 10%;
max-width: none;
margin-top: -26px
}
}
@media only screen and (max-width:580px) {
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa {
margin-bottom: 20px
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .map {
width: 100%
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .select-map {
top: auto;
bottom: 0;
max-width: none;
margin: 0;
position: absolute
}
body .geral #content .pg-home .main-container.area-vagas-empresas .mcontainer.vagas-por-estado .area-mapa .qtd-vagas {
margin-right: -24px
}
}
@media only screen and (min-width:580px) and (max-width:690px) {
body .geral #content .pg-home section.carreiras section.destaque ul {
display: table;
width: 100%;
border-spacing: 0;
margin-bottom: 20px
}
body .geral #content .pg-home section.carreiras section.destaque ul li {
display: table-cell;
padding: 0 20px 20px;
width: 50%;
border: 0;
border-right: 1px dotted #ccc
}
body .geral #content .pg-home section.carreiras section.destaque ul li:nth-child(2) {
border: 0
}
}
.area-buscador h1.title {
color: #162f66;
font-weight: 700;
font-size: 1.25em;
width: 100%;
display: flex;
justify-content: center;
margin: 0;
text-align: center;
padding: 5px 0;
}
@media only screen and (min-width:690px) {
.area-buscador h1.title {
font-size: 2.1875em;
font-weight: 400;
}
}
.area-buscador h2.lower-title {
color: #333 !important;
font-size: 1.25em !important;
font-weight: 300 !important;
}
@media only screen and (min-width: 690px) {
body .geral #content .pg-home .buscador .area-buscador h2 {
font-size: 1.25em !important;
}
}
@media only screen and (max-width:690px) {
body .geral #content .pg-home .buscador .area-buscador h2 {
margin-bottom: 20px;
}
}