@charset "UTF-8";
/* Clearfix */
/* Grayscale */
/* Animation */
/* Cross browser opacity */
/* Cross browser opacity */
/* Fonts */
/* Colors */
/* Grid */
/*
 * After Bourbon 4.3.4
 */
.module.form .container .container-wrapper {
  z-index: 10; }
  .module.form .container .container-wrapper .form .col-8 {
    margin: 0 auto;
    float: none; }

.module.form .thanks-message-container {
  background: #fcfbfb;
  width: 100%;
  padding: 100px 0px; }
  .module.form .thanks-message-container .message {
    max-width: 410px;
    margin: 0 auto; }

form.module.form {
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* div#error [Error box] */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* textarea [Estilos generales para el text area] */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* .label [Estilos del label] */
  /* end .label */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ }
  form.module.form::after {
    clear: both;
    content: "";
    display: table; }
  form.module.form .g-recaptcha {
    clear: both;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 304px;
    height: 78px;
    float: none;
    left: -1px;
    position: relative;
    border: 1px solid #9f9f9f; }
    form.module.form .g-recaptcha div {
      margin: 0 !important;
      padding: 0 !important; }
    form.module.form .g-recaptcha textarea {
      display: none !important; }
  form.module.form div.notice {
    width: 100%;
    padding: 10px 5px 0 5px; }
    form.module.form div.notice p {
      font-size: 14px;
      text-align: right; }
  form.module.form div#error {
    display: none;
    width: 100%;
    clear: both;
    text-align: left;
    font-weight: bold;
    content: '.';
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 1em;
    position: fixed;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    color: #313131;
    top: auto;
    left: 0;
    padding: 1em 3em;
    height: auto;
    -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.55);
    z-index: 30000;
    height: 60px;
    bottom: 20px;
    top: auto; }
    form.module.form div#error.show {
      display: block; }
  form.module.form textarea {
    min-height: 110px; }
  form.module.form label, form.module.form div {
    padding: 0 20px;
    display: block;
    float: left;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #9f9f9f;
    margin-bottom: 10px !important;
    padding: 0 5px;
    /* Custom style for legal terms checkbox */
    /* Custom style for legal terms checkbox */
    /* General */ }
    form.module.form label.col.text-right, form.module.form div.col.text-right {
      text-align: right; }
      form.module.form label.col.text-right span, form.module.form div.col.text-right span {
        text-align: right;
        float: right; }
    form.module.form label.col-12, form.module.form div.col-12 {
      width: 100% !important;
      margin: 0; }
    form.module.form label.col-6, form.module.form div.col-6 {
      width: 50%;
      margin: 0; }
    form.module.form label.col-4, form.module.form div.col-4 {
      width: 33.333333%;
      margin: 0; }
    form.module.form label.col-3, form.module.form div.col-3 {
      width: 25%;
      margin: 0; }
    form.module.form label.label-select, form.module.form div.label-select {
      position: relative; }
      form.module.form label.label-select:after, form.module.form div.label-select:after {
        content: 'C';
        font-family: "caritas" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 35px;
        top: 20px; }
    form.module.form label.label-checkbox .checker, form.module.form div.label-checkbox .checker {
      background: transparent;
      border: none;
      width: 25px;
      height: 25px;
      padding: 0;
      box-sizing: border-box;
      padding: 5px;
      color: white;
      min-height: 25px;
      float: left;
      width: 25px; }
      form.module.form label.label-checkbox .checker span, form.module.form div.label-checkbox .checker span {
        border: solid 1px #9f9f9f;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        left: 0; }
        form.module.form label.label-checkbox .checker span .checked, form.module.form div.label-checkbox .checker span .checked {
          width: 14px;
          height: 14px;
          background: url(../../static/img/check.png) no-repeat center center !important;
          position: absolute;
          top: 0;
          left: 0; }
    form.module.form label.label-checkbox > span, form.module.form div.label-checkbox > span {
      line-height: 25px;
      float: none;
      width: auto;
      overflow: hidden; }
    form.module.form label.label-radio, form.module.form div.label-radio {
      background-color: transparent;
      height: 20px; }
    form.module.form label.label-file input[type="file"], form.module.form div.label-file input[type="file"] {
      display: none;
      visibility: hidden; }
    form.module.form label.label-submit, form.module.form div.label-submit {
      text-align: right;
      position: relative;
      height: 60px; }
    form.module.form label .radio .checked, form.module.form div .radio .checked {
      width: 10px;
      height: 10px;
      margin-top: -5px !important;
      margin-left: -5px !important; }
    form.module.form label .checker .checked, form.module.form div .checker .checked {
      width: 10px;
      height: 10px;
      margin-top: 0px;
      margin-left: 0px; }
    form.module.form label.label-s, form.module.form div.label-s {
      float: none; }
    form.module.form label.label-bases, form.module.form label.label-privacy-policy, form.module.form div.label-bases, form.module.form div.label-privacy-policy {
      width: 100%;
      display: block;
      text-align: left;
      line-height: 25px;
      float: right; }
      form.module.form label.label-bases span, form.module.form label.label-privacy-policy span, form.module.form div.label-bases span, form.module.form div.label-privacy-policy span {
        text-align: left;
        float: none;
        display: inline-block;
        width: auto; }
      form.module.form label.label-bases input, form.module.form label.label-privacy-policy input, form.module.form div.label-bases input, form.module.form div.label-privacy-policy input {
        width: auto;
        height: auto;
        float: none; }
    form.module.form label span, form.module.form div span {
      display: block;
      float: left;
      font-size: 1em;
      text-align: left;
      height: auto;
      line-height: initial;
      padding: 0px 5px; }
    form.module.form label input[type=file], form.module.form div input[type=file] {
      line-height: initial;
      padding: 10px 0; }
    form.module.form label input[type="submit"], form.module.form div input[type="submit"] {
      font-size: 14px;
      font-weight: 900;
      font-family: 'Muli', sans-serif;
      color: #ffffff;
      border: none;
      background-color: transparent;
      padding: 17px 10px;
      background: #cd222d;
      max-width: 200px;
      width: 200px;
      border-radius: 0px;
      text-transform: uppercase; }
      form.module.form label input[type="submit"]:hover, form.module.form div input[type="submit"]:hover {
        background: #404040; }
    form.module.form label input::-webkit-input-placeholder, form.module.form label textarea::-webkit-input-placeholder, form.module.form div input::-webkit-input-placeholder, form.module.form div textarea::-webkit-input-placeholder {
      color: #9f9f9f;
      font-weight: 700; }
    form.module.form label input:-moz-placeholder, form.module.form label textarea:-moz-placeholder, form.module.form div input:-moz-placeholder, form.module.form div textarea:-moz-placeholder {
      color: #9f9f9f;
      font-weight: 700; }
    form.module.form label input::-moz-placeholder, form.module.form label textarea::-moz-placeholder, form.module.form div input::-moz-placeholder, form.module.form div textarea::-moz-placeholder {
      color: #9f9f9f;
      font-weight: 700; }
    form.module.form label input:-ms-input-placeholder, form.module.form label textarea:-ms-input-placeholder, form.module.form div input:-ms-input-placeholder, form.module.form div textarea:-ms-input-placeholder {
      color: #9f9f9f;
      font-weight: 700; }
    form.module.form label input[type="text"], form.module.form label input[type="date"], form.module.form label input[type="email"], form.module.form label input[type="password"], form.module.form label input[type="number"], form.module.form label input[type="tel"], form.module.form label textarea, form.module.form label select, form.module.form label .ui-autocomplete-input, form.module.form label span.custom-select, form.module.form div input[type="text"], form.module.form div input[type="date"], form.module.form div input[type="email"], form.module.form div input[type="password"], form.module.form div input[type="number"], form.module.form div input[type="tel"], form.module.form div textarea, form.module.form div select, form.module.form div .ui-autocomplete-input, form.module.form div span.custom-select {
      display: inline-block !important;
      width: 100% !important;
      background: #ffffff !important;
      color: #404040 !important;
      outline: rgba(255, 255, 255, 0) !important;
      padding: 15px 15px !important;
      font-family: 'Muli', sans-serif !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      border: solid 1px #9f9f9f !important;
      border-radius: 0 !important; }
      form.module.form label input[type="text"].error, form.module.form label input[type="date"].error, form.module.form label input[type="email"].error, form.module.form label input[type="password"].error, form.module.form label input[type="number"].error, form.module.form label input[type="tel"].error, form.module.form label textarea.error, form.module.form label select.error, form.module.form label .ui-autocomplete-input.error, form.module.form label span.custom-select.error, form.module.form div input[type="text"].error, form.module.form div input[type="date"].error, form.module.form div input[type="email"].error, form.module.form div input[type="password"].error, form.module.form div input[type="number"].error, form.module.form div input[type="tel"].error, form.module.form div textarea.error, form.module.form div select.error, form.module.form div .ui-autocomplete-input.error, form.module.form div span.custom-select.error {
        border: solid 1px #cd222d !important; }
    form.module.form label span.custom-inputfile, form.module.form div span.custom-inputfile {
      width: 100%;
      border: 1px solid #9f9f9f;
      height: 50px;
      padding-right: 0px;
      position: relative; }
      form.module.form label span.custom-inputfile.error, form.module.form div span.custom-inputfile.error {
        border: 1px solid #cd222d; }
      form.module.form label span.custom-inputfile .placeholder, form.module.form div span.custom-inputfile .placeholder {
        position: absolute;
        top: 15px;
        z-index: 2; }
      form.module.form label span.custom-inputfile .content, form.module.form div span.custom-inputfile .content {
        display: inline-block;
        text-transform: uppercase;
        padding: 0 15px;
        background-color: #fcfbfb;
        color: #404040;
        width: 120px;
        float: right;
        height: 40px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        margin: 4px;
        z-index: 5;
        line-height: 38px; }
        form.module.form label span.custom-inputfile .content:hover, form.module.form div span.custom-inputfile .content:hover {
          cursor: pointer;
          background-color: #404040;
          color: #ffffff !important; }
      form.module.form label span.custom-inputfile .filepath, form.module.form div span.custom-inputfile .filepath {
        position: absolute;
        top: 6px;
        width: calc(100% - 120px);
        z-index: 3;
        background: #ffffff;
        overflow: hidden;
        height: 40px; }
    form.module.form label span.custom-select, form.module.form div span.custom-select {
      background-image: url("../../static/img/icons/custom-select-arrow.png");
      background-position: right center;
      background-repeat: no-repeat; }
    form.module.form label input[type="radio"], form.module.form label input[type="checkbox"], form.module.form div input[type="radio"], form.module.form div input[type="checkbox"] {
      margin: 0;
      float: left;
      width: 25px; }

@media screen and (max-width: 960px) {
  .module.form .container .container-wrapper .form .col-8 {
    margin: 0 auto;
    float: none; }
  .module.form .wysiwyg {
    padding: 0 20px;
    margin: 20px 0; }
    .module.form .wysiwyg.right {
      float: none; }
  .module.form .thanks-message-container .message {
    padding: 0px 20px; }
  form.module.form label, form.module.form div {
    padding: 0 20px; }
    form.module.form label.col-12, form.module.form div.col-12 {
      width: 100% !important;
      margin: 0; }
    form.module.form label.col-6, form.module.form div.col-6 {
      width: 100% !important;
      margin: 0; }
    form.module.form label.col-4, form.module.form div.col-4 {
      width: 100% !important;
      margin: 0; }
    form.module.form label.col-3, form.module.form div.col-3 {
      width: 100% !important;
      margin: 0; }
  form.module.form label input[type="submit"],
  form.module.form div input[type="submit"] {
    width: 100%;
    max-width: 100%; }
  body div.radio, .form.module.form div.radio {
    padding: 0; } }

/*** Estilos para el formulario de envío de LOPD ****/
.lopd .wysiwyg.right {
  float: right; }

.lopd .notice {
  display: none !important; }

.lopd .label-submit {
  text-align: left !important; }