@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body, h1, a {
  padding: 0;
  margin: 0;
  font-family: Raleway, Verdana;
  font-size: 16px; }

.divider {
  color: #2f518e;
  width: 80%; }

.accent {
  color: #9db74e; }

.boxShadow {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); }

#searching {
  color: #2f518e;
  font-size: 16px; }

.title {
  color: #2f518e;
  font-size: 21px; }
  .title.white {
    color: white; }

#header {
  z-index: 1;
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.7);
  font-family: Raleway;
  background: #28364f;
  color: white; }
  #header #logo {
    padding-left: 15px; }
  #header .header-menu {
    display: flex;
    align-items: center; }
    #header .header-menu a {
      color: white;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 600; }
      #header .header-menu a:hover, #header .header-menu a[active] {
        color: #9db74e; }
    #header .header-menu .bars {
      display: flex;
      justify-content: center; }
      #header .header-menu .bars a {
        font-size: 26px; }
      @media (min-width: 769px) {
        #header .header-menu .bars {
          display: none; } }
    #header .header-menu .right {
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 768px) {
        #header .header-menu .right {
          display: none;
          text-align: center; } }
    #header .header-menu .left {
      display: flex;
      justify-content: flex-start; }
      @media (max-width: 768px) {
        #header .header-menu .left {
          display: none;
          justify-content: center;
          text-align: center; } }
    #header .header-menu .center {
      display: flex;
      justify-content: center; }
      @media (max-width: 768px) {
        #header .header-menu .center {
          display: none;
          justify-content: center;
          text-align: center; } }
  #header .row {
    min-height: 50px;
    padding: 15px;
    margin: 0; }
  #header .title {
    vertical-align: middle; }

#anuncios {
  background-color: #28364f;
  background-position: center left;
  background-size: cover;
  max-height: 800px;
  text-align: center;
  color: white; }
  #anuncios .row {
    padding: 35px 15px;
    margin: 0; }
  #anuncios #nueva_vacante .vacante-title {
    font-size: 50px;
    text-transform: uppercase; }
  #anuncios #nueva_vacante .vacante-name, #anuncios #nueva_vacante .vacante-loc {
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 5px; }
    #anuncios #nueva_vacante .vacante-name span, #anuncios #nueva_vacante .vacante-loc span {
      width: 20%;
      margin: 0 auto 0 5px; }
    #anuncios #nueva_vacante .vacante-name i, #anuncios #nueva_vacante .vacante-loc i {
      width: 10%;
      margin: 0 0 0 auto;
      color: #9db74e; }
  #anuncios #cta_vacante {
    display: flex;
    flex-direction: column;
    align-self: center; }
  #anuncios.bannerCV {
    background-image: url("../images/banner-cv.png"); }
  #anuncios.justCTA .row {
    justify-content: flex-end; }
  #anuncios.bannerInicial {
    background-image: url("../images/nueva-vacante.png"); }

.cta-txt {
  text-transform: uppercase;
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
  line-height: 55px;
  text-shadow: 3px 3px 0 black; }

.cta-txt-desc {
  font-size: 21px; }

.search_bar_wrapper {
  font-family: Montserrat, Tahoma;
  /*position: relative;
  float: left;*/
  border: 1px solid black;
  padding: 2px 1px;
  margin: 0px 0px 0px 3px;
  /*width: auto;*/
  /*width: 200px;*/ }
  .search_bar_wrapper i {
    /*width: auto;*/
    padding: 2px;
    color: #2f518e; }
  .search_bar_wrapper input {
    font-size: 12px;
    border: 0 none;
    width: 85%;
    /*width: 170px;*/ }

.links-menu-horizontal {
  padding: 0px;
  margin: 0px;
  list-style: none;
  list-style-type: none; }
  .links-menu-horizontal li {
    display: inline;
    padding: 5px; }
    .links-menu-horizontal li a {
      font-family: Montserrat, Tahoma;
      font-size: 11px;
      text-decoration: none;
      color: #333333; }
      .links-menu-horizontal li a:hover {
        color: #2f518e;
        text-decoration: underline; }
      .links-menu-horizontal li a[active] {
        font-weight: 600;
        color: #9db74e; }
  .links-menu-horizontal li:nth-child(-n+2) {
    border-right: 1px black solid; }

#company_info {
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2); }

#desc_empresa {
  font-family: Montserrat, Tahoma; }
  #desc_empresa b {
    padding: 15px 0 0 0;
    display: block; }
  #desc_empresa #logo_desc {
    min-width: 110px;
    max-width: 180px;
    height: auto; }
  #desc_empresa a {
    color: #2f518e;
    text-decoration: none; }
    #desc_empresa a:hover {
      text-decoration: underline; }

.job-tags {
  text-transform: capitalize; }
  .job-tags a {
    text-decoration: none;
    color: #333333;
    margin: 4px; }
  .job-tags span {
    padding: 3px 5px;
    margin: 1px;
    font-size: 11px; }
  .job-tags .temp-tag {
    background-color: #e9ab68; }
  .job-tags .full-tag {
    background-color: #eee765; }
  .job-tags .jov-tag {
    background-color: #e3ec66; }

.job-area {
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.job-box {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  margin: 3px 12px; }
  .job-box.postulante {
    background: #2f518e; }
    .job-box.postulante, .job-box.postulante span a {
      color: white; }
  .job-box:hover {
    box-shadow: 1px 1px 4px 4px rgba(47, 81, 141, 0.4); }
  .job-box > div {
    padding: 5px 8px; }
  .job-box .job-head .job-title {
    text-transform: uppercase;
    color: #2f518e; }
  .job-box .job-body .job-desc {
    text-align: justify; }
  .job-box .job-footer i {
    padding: 0 5px;
    width: 25px;
    height: auto;
    display: inline-block;
    color: #2f518e; }
  .job-box .job-footer a {
    color: #2f518e; }
  .job-box .job-footer .job-loc {
    font-size: 12px;
    color: #333333; }
  .job-box .job-footer .job-type {
    font-size: 12px;
    color: #333333; }
  .job-box .job-edit {
    display: flex;
    flex-direction: column; }
    .job-box .job-edit span {
      display: block;
      align-self: center; }
      .job-box .job-edit span:nth-child(3) {
        margin-top: auto; }
      .job-box .job-edit span a {
        color: #9db74e; }
  .job-box.job-unpublish {
    background: rgba(0, 0, 0, 0.2); }
    .job-box.job-unpublish .job-edit span a {
      color: #2f518e; }
    .job-box.job-unpublish .job-edit .btn-content a, .job-box.job-unpublish .job-edit .btn-content i {
      color: white; }
      .job-box.job-unpublish .job-edit .btn-content a:hover, .job-box.job-unpublish .job-edit .btn-content i:hover {
        text-decoration: none; }
  .job-box.job-new {
    height: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer; }
    .job-box.job-new span {
      font-size: 26px;
      text-transform: uppercase; }

.job-item {
  font-family: Montserrat, Tahoma;
  padding: 2px 12px; }
  .job-item row {
    padding: 0;
    margin: 0; }
  .job-item span a {
    font-size: 16px;
    color: #333333;
    text-decoration: none; }
    .job-item span a:hover {
      text-decoration: underline; }

.job-none {
  text-align: center; }
  .job-none .job-box {
    outline: 2px dashed rgba(0, 0, 0, 0.2);
    outline-offset: -5px; }
  .job-none .job-head {
    font-size: 21px; }
  .job-none .job-body {
    background-color: #2f518e;
    font-family: Raleway, Verdana;
    width: 70%;
    margin: auto;
    color: white;
    font-size: 26px; }
  .job-none .job-footer {
    font-size: 21px; }
  .job-none a {
    text-decoration: none;
    color: #2f518e; }

#job_name_mini {
  font-size: 21px; }

#vacante_info h1 {
  font-size: 26px;
  text-transform: uppercase; }
#vacante_info .vacante-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600; }
  #vacante_info .vacante-title p, #vacante_info .vacante-title ul {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 5px 5px 5px;
    font-weight: 300; }
  #vacante_info .vacante-title ul {
    list-style: decimal; }
#vacante_info.job-box:hover {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); }

#info_vacante_mini div {
  padding: 0 0 5px 0; }
  #info_vacante_mini div > i {
    color: #99ad27;
    width: 10%; }
#info_vacante_mini span {
  width: 90%; }
#info_vacante_mini button {
  min-width: 150px; }

#vacantes_similares div > i {
  color: #99ad27;
  width: 10%; }
#vacantes_similares div span {
  width: 90%; }
#vacantes_similares .title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500; }
#vacantes_similares hr {
  padding: 0 0 0 0;
  margin: 5px 0 10px 0; }
#vacantes_similares p {
  margin: 0; }
#vacantes_similares .similar-job-item {
  box-shadow: none; }
  #vacantes_similares .similar-job-item:hover {
    box-shadow: 1px 1px 4px 4px rgba(47, 81, 141, 0.4);
    cursor: pointer; }

/* CSS Document */
#enviar_formulario {
  margin: 15px 0; }

.formulario * {
  font-size: 12px; }
.formulario fieldset {
  padding: 5px 0; }
  .formulario fieldset > label {
    font-weight: 400; }
  .formulario fieldset input {
    vertical-align: middle; }
.formulario label {
  font-weight: 600; }
.formulario .title {
  font-size: 21px; }
.formulario .row div {
  padding: 5px 0; }
.formulario .row > div {
  padding: 0 10px; }
.formulario .input input {
  width: 100%; }
.formulario .input textarea {
  width: 100%;
  height: 100px; }
.formulario .input-2 {
  display: flex; }
  .formulario .input-2 input {
    width: 49%; }
    .formulario .input-2 input:nth-child(1) {
      margin: 0 auto 0 0; }
    .formulario .input-2 input:nth-last-child(1) {
      margin: 0 0 0 auto; }
.formulario .input-add-new {
  width: 100%;
  display: flex;
  height: 36px;
  border: thin dashed;
  color: rgba(47, 81, 141, 0.4); }
  .formulario .input-add-new:hover {
    color: #2f518e;
    cursor: pointer; }
  .formulario .input-add-new div {
    padding: 0;
    margin: 0;
    align-self: center; }
  .formulario .input-add-new i {
    font-size: 14px;
    margin: auto;
    float: left;
    position: relative;
    padding: 0 5px; }
  .formulario .input-add-new span {
    margin: 0;
    padding: 0; }
.formulario .input-file {
  display: flex;
  border: 2px dotted #2f518e;
  color: #2f518e; }
  .formulario .input-file:hover {
    border: 2px solid #2f518e;
    background: #2f518e;
    color: white;
    cursor: pointer; }
  .formulario .input-file p {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 2px 0 0 0; }
  .formulario .input-file i {
    display: block;
    margin: auto;
    align-self: center;
    text-align: center;
    font-size: 60px; }
  .formulario .input-file label {
    display: flex;
    justify-content: center;
    height: 125px;
    width: 100%;
    margin: auto; }
    .formulario .input-file label:hover {
      cursor: pointer; }
  .formulario .input-file input {
    display: none; }
  .formulario .input-file div {
    padding: 0;
    align-self: center; }
.formulario .file {
  display: flex; }
  .formulario .file a {
    color: #2f518e;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: center;
    justify-self: center;
    text-decoration: none; }
  .formulario .file i {
    font-size: 50px; }
  .formulario .file p {
    font-size: 21px; }
.formulario .select {
  display: flex; }
  .formulario .select label, .formulario .select input, .formulario .select select {
    width: 49%; }
    .formulario .select label:nth-child(1), .formulario .select input:nth-child(1), .formulario .select select:nth-child(1) {
      margin: 0 auto 0 0; }
    .formulario .select label:nth-last-child(1), .formulario .select input:nth-last-child(1), .formulario .select select:nth-last-child(1) {
      margin: 0 0 0 auto; }
.formulario .select-full {
  display: flex; }
  .formulario .select-full select {
    width: 100%;
    padding: 0; }
.formulario .date {
  display: flex; }
  .formulario .date input {
    width: 30%; }
    .formulario .date input:nth-child(1) {
      margin: 0 auto 0 0; }
    .formulario .date input:nth-last-child(1) {
      margin: 0 0 0 auto; }
.formulario #upload_cv {
  cursor: pointer;
  text-decoration: none;
  color: #333333; }

/* CSS Document */
.btn_prime {
  display: block;
  color: white;
  padding: 5px;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #9db74e;
  border: 0;
  font-size: 26px; }
  .btn_prime:hover {
    background-color: #99ad27;
    color: white; }
  .btn_prime i {
    color: white; }

.btn_second {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #2f518e;
  border: 0;
  font-size: 16px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  width: 150px;
  padding: 5px; }
  .btn_second:hover {
    background-color: #28364f;
    color: white;
    cursor: pointer; }
  .btn_second .btn-content i {
    color: white; }
  .btn_second.inverted {
    color: #2f518e;
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    padding: 5px;
    outline: solid 1px #2f518e;
    outline-offset: -1px; }
    .btn_second.inverted:hover {
      background-color: #2f518e;
      color: white; }
      .btn_second.inverted:hover .btn-content i {
        color: white; }
    .btn_second.inverted .btn-content i {
      color: #2f518e; }

.normal-link {
  text-transform: uppercase;
  color: white; }
  .normal-link:hover {
    color: white;
    text-decoration: underline; }
