/***************************************************************
        CONTACT, PREINCRIBITE, MEDIOS y TRABAJA
****************************************************************/
#block-block-44 .header-info,
#block-block-85 .header-info {
  display: none;
}

#block-block-44 .content-info,
#block-block-85 .content-info {
  background: #004A61;
  color: #FFFFFF;
  border-radius: 5px;
}

#block-block-85 a,
#block-block-44 a {
  color: #FFFFFF;
}

#req-info_form_lateral .titulo-form-lateral {
  font-size: 24px;
  padding: 13px 0;
  text-align: center;
  font-weight: 700;
}

#req-info_form .tagtable .tlfno,
#pre-inscription_form .tagtable .tlfno {
  background: url(../images/tlfno.png) no-repeat left top 15px;
  color: #38414A;
  font-size: 1.1em;
  margin: 15px 0 10px;
  padding: 7px 0 0 35px;
}

#req-info_form .tagtable .form-note {
  line-height: 1.4em;
  margin: 14px 0 15px;
}

#form_trabaja .item-field,
#req-info_form .item-field,
#pre-inscription_form .item-field,
#req-info_form_lateral .item-field {
  margin-bottom: 15px;
}

#req-info_form_lateral .item-field {
  margin: 0 auto 15px;
  width: 80%;
}

#form_trabaja div.div_submit,
#req-info_form div.div_submit,
#pre-inscription_form div.div_submit,
#pre-inscription_form div.field-special,
#req-info_form_lateral .div_submit {
  margin-top: 30px;
  text-align: center;
}

#form_trabaja div.item-field.tagtable,
#req-info_form div.item-field.tagtable,
#pre-inscription_form div.item-field.tagtable {
  display: block;
}

#form_trabaja .condiciones,
#req-info_form .condiciones,
#pre-inscription_form .condiciones {
  width: 330px;
}

#req-info_form_lateral .condiciones {
  font-size: 11px;
  line-height: 1.3em;
  padding: 0px 0px 0px 10px;
  text-align: left;
  /*width: 260px;*/
}

#req-info_form_lateral .condiciones #req_condiciones {
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
  max-width: 15px;
  width: 15px;
}

#req-info_form_lateral .button {
  width: 80%;
  margin: 0 auto;
}

#req-info_form_lateral #req-info_form-submit {
  width: 100%;
  margin: 0 auto 15px;
  background-color: #E4004F;
  border: none;
  color: white;
  padding: 9px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  text-transform: uppercase;
}

#req-info_form_lateral #req-info_form-submit:hover {
  background-color: #E5FFFF;
  color: #004A61;
}

#req-info_form_lateral #req-info_form-submit:active {
  background-color: #004A61;
  color: #E5FFFF;
}

#req-info_form_lateral a:link {
  color: #FFFEFE;
  font-weight: 600;
}

#req-info_form_lateral a:hover {
  color: #E4004F;
}

#req-info_form_lateral a:active {
  color: #ACD7E5;
}

#form_trabaja .div_check {
  margin-right: 45px;
}

#form_trabaja label,
#form_trabaja input,
#form_trabaja select,
#form_trabaja .div_check,
#form_trabaja .div_idiomas,
#req-info_form label,
#req-info_form input,
#req-info_form select,
#req-info_form_lateral label,
#req-info_form_lateral input,
#req-info_form_lateral select,
#pre-inscription_form label,
#pre-inscription_form input,
#pre-inscription_form select,
#form_trabaja .condiciones,
#req-info_form .condiciones,
#pre-inscription_form .condiciones {
  display: inline-block;
  vertical-align: middle;
}

#form_trabaja label,
#req-info_form label,
#pre-inscription_form label {
  text-align: right;
  width: 145px;
}

#req-info_form_lateral label {
  padding-right: 5px;
  text-align: left;
  width: 100%;
  color: #FFFEFE;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

#form_trabaja .without-label label,
#req-info_form .without-label label,
#pre-inscription_form .without-label label {
  width: auto;
  text-align: left;
  padding: 0;
  font-size: 11px;
}

#pre-inscription_form div.field-special label {
  width: inherit;
}

#form_trabaja input,
#req-info_form input,
#pre-inscription_form input,
#form_trabaja textarea,
#form_trabaja p,
#req-info_form textarea,
#pre-inscription_form textarea,
#form_trabaja select.max-width,
#req-info_form select.max-width,
#pre-inscription_form select.max-width {
  width: 40em;
  max-width: 100%;
}

#form_trabaja .clausula-privacidad {
  display: inline-block;
  vertical-align: top;
  margin:0;
  text-align: left;
  max-width: 100%;
}

#req-info_form_lateral input,
#req-info_form_lateral select {
  width: 100%;
}

#form_trabaja input.submit-radius,
#req-info_form input.submit-radius,
#pre-inscription_form input.submit-radius {
  width: inherit;
}

#form_trabaja select.min-width,
#form_trabaja input.field-fix,
#req-info_form input.field-fix,
#pre-inscription_form input.field-fix {
  width: 24em;
}

#form_trabaja input[type="radio"],
#form_trabaja input[type="checkbox"],
#req-info_form input[type="radio"],
#req-info_form input[type="checkbox"],
#pre-inscription_form input[type="radio"],
#pre-inscription_form input[type="checkbox"] {
  border: none;
  width: auto;
}

#form_trabaja input[type="checkbox"],
#req-info_form input[type="checkbox"],
#pre-inscription_form input[type="checkbox"] {
  margin-right: 5px;
}

#form_trabaja input[type="radio"],
#req-info_form input[type="radio"],
#pre-inscription_form input[type="radio"] {
  margin-top: 7px;
}

#pre-inscription_form .error_input,
#req-info_form .error_input,
#form_trabaja .error_input {
  border-color: #F00;
}

.div_idiomas_contenedor select {
  margin-right: 5px;
}

.telefonos .text_telefono,
#pre-inscription_form div.form-note2 {
  display: inline-block;
  font-size: 11px;
  line-height: 1.3em;
  vertical-align: middle;
  width: 180px;
}

#pre-inscription_form div.form-note2 {
  float: right;
  margin-top: -65px;
  margin-right: 32px;
  padding-bottom: 15px;
  text-align: right;
  width: 180px;
}

#formError{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
  box-sizing: border-box;
  display: inline-block;
  /* background-image: linear-gradient(113deg,#E5FFFF,#E3FFFF,#BFFFFF); */
  border-radius: 5px;
}

#formError div{
  border-radius: 5px;
  border-width: 0;
  padding: 10px 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 16px;
  font-family: Raleway;
}

#formError .exito {
  background-image: linear-gradient(113deg,#E5FFFF,#E3FFFF,#BFFFFF);
  font-size: 15px;
  margin: 5px 0px 0px 0px;
  background-color: #E5FFFF;
  color:#004A61;
}

#formError .exito-two {
  font-size: 15px;
  background-color: #E5FFFF;
  background-image: linear-gradient(113deg,#E5FFFF,#E3FFFF,#BFFFFF);
  color:#004A61;
}

#formError .error {
  /* background-image: url(/misc/message-24-error.png); */
  margin: 5px 0px;
  /* background-image: linear-gradient(113deg,#FFD8E5,#FFD8E5,#FFD8E5); */
  /* background-color:unset !important; */
  background-color: #FFD8E5;
}

#formError .exito-two .thin,
#formError .exito .thin{
  font-weight: 200;
}

/***************************************************************
        bloque teléfono y consultanos
****************************************************************/
#block-block-107,
#block-block-103 {
  border-style: solid;
  border-radius: 5px;
  border-width: 2px;
  overflow: hidden;
}

#block-block-107:active,
#block-block-103:active {
  border-color: #004A61;
}

#block-block-103 .featured_region,
#block-block-107 .featured_region {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
}

#block-block-103 .featured_region a,
#block-block-107 .featured_region a {
  background-color: #E5FFFF;
  color: #004A61;
  width: 100%;
  padding: 10px;
  display: block;
  box-sizing: border-box;
}

#block-block-107 .featured_region a:hover,
#block-block-103 .featured_region a:hover {
  /* background-color: #004A61; */
  color: #E4004F;
}

#block-block-107 .featured_region a:active,
#block-block-103 .featured_region a:active {
  /* background-color: #ACD7E5; */
  color: #ACD7E5;
}

#block-block-107 .featured_region i,
#block-block-103 .featured_region i {
  font-size: 24px;
}

/**************************************************************
          Bloque genérico de cómo se estudia
***************************************************************/
#block-block-108 .white_background,
#block-block-109 .white_background {
  background-color: #ffffff;
  padding-bottom: 10px;
  border-radius: 5px;
  margin: 0;
}

#block-block-108 .white_background .block__title,
#block-block-109 .white_background .block__title {
  font-weight: 600;
  font-size: 22px;
  color: #004A61;
  padding-top: 15px;
  margin-left: 10px;
  display: block;
}
#block-block-141 .nuestras-facultades-bloque-lateral,
#block-block-108 .how_to_study_titulation.online,
#block-block-109 .how_to_study_titulation.online {
  margin-top: 15px;
}

#block-block-141 .nuestras-facultades-bloque-lateral a,
#block-block-108 .how_to_study_titulation a,
#block-block-109 .how_to_study_titulation a {
  display: block;
  font-size: 16px;
  background-color: #004A61;
  color: #E5FFFF;
  margin: 10px auto;
  border-width: 2px;
  border-style: double;
  border-color: #ffffff;
  border-radius: 8px;
  border-style: solid;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  width: 85%;
}

#block-block-108 .how_to_study_titulation_green a,
#block-block-109 .how_to_study_titulation_green a {
  display: block;
  font-size: 16px;
  background-color: #E5FFFF;
  color: #004A61;
  margin: 10px auto;
  border-color: #004A61;
  border-width: 2px;
  border-style: double;
  border-radius: 5px;
  width: 85%;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px;
}

#block-block-108 .how_to_study_titulation_green:hover a,
#block-block-109 .how_to_study_titulation_green:hover a {
  background-image: linear-gradient(113deg, #004A61, #004A61);
  border-width: 2px;
  border-style: solid;
  border-color: #004A61;
  color: #FFFFFF;
}

#block-block-108 .how_to_study_titulation_green:active a,
#block-block-109 .how_to_study_titulation_green:active a {
  background-image: linear-gradient(113deg, #ACD7E5, #ACD7E5);
  color: #004A61;
  border-style: solid;
  border-color: #004A61;
}


#block-block-141 .nuestras-facultades-bloque-lateral a:hover,
#block-block-109 .how_to_study_titulation a:hover,
#block-block-108 .how_to_study_titulation a:hover {
  color: #004A61;
  background-image: linear-gradient(113deg, #E5FFFF, #E3FFFF, #BFFFFF);
  background-color: #E5FFFF;
}

#block-block-141 .nuestras-facultades-bloque-lateral a:active,
#block-block-109 .how_to_study_titulation a:active,
#block-block-108 .how_to_study_titulation a:active {
  background-image: linear-gradient(113deg, #ACD7E5, #ACD7E5);
  border-color: #004A61;
}

/***************************************************************
        OFERTA ACADÉMICA - tipos de titulación
****************************************************************/
#block-block-106,
#block-block-105 {
  display: block;
  z-index: 1;
}

#block-block-106 .oferta-academica-button,
#block-block-105 .oferta-academica-button {
  font-size: 16px;
  width: 47%;
  margin-right: 1%;
  margin-left: 1%;
  display: inline-block;
  background-image: linear-gradient(113deg, #E5FFFF, #E3FFFF, #BFFFFF);
  box-sizing: border-box;
  overflow: hidden;
  color: #004A61;
  border: solid;
  border-radius: 5px;
  border-width: 2px;
  border-color: #004A61;
  font-weight: 600;
}

#block-block-106 .oferta-academica-button a,
#block-block-105 .oferta-academica-button a {
  color: #004A61;
  padding: 7px;
  /* width: 154px; */
  box-sizing: border-box;
  display: block;
  position: relative;
}

#block-block-106 .oferta-academica-button:hover a,
#block-block-105 .oferta-academica-button:hover a {
  color: #E5FFFF;
}

#block-block-106 .oferta-academica-button:hover,
#block-block-105 .oferta-academica-button:hover {
  background-image: linear-gradient(113deg, #004A61, #004A61);
  /* border-width: 3px; */
  border-style: solid;
  border-color: #004A61;
}

#block-block-106 .oferta-academica-button.last,
#block-block-105 .oferta-academica-button.last {
  margin-right: 0;
}

#block-block-106 .oferta-academica-button a i,
#block-block-105 .oferta-academica-button a i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 16px;
}







/***********************************************************************************************************
                                    Versión móvil
***********************************************************************************************************/
@media only screen and (max-width : 1311px) {

  /***************************************************************
        CONTACT, PREINCRIBITE, MEDIOS y TRABAJA
  ****************************************************************/
  #req-info_form_lateral .titulo-form-lateral {
    font-size: 20px;
  }

  /***************************************************************
        bloque teléfono y consultanos
  ****************************************************************/
  #block-block-107 .featured_region,
  #block-block-103 .featured_region {
    font-size: 26px;
    line-height: 34px;
  }

  /***************************************************************
        OFERTA ACADÉMICA - tipos de titulación
  ****************************************************************/
  #block-block-106 .oferta-academica-button,
  #block-block-105 .oferta-academica-button {
    font-size: 11px;
  }

  #block-block-106 .oferta-academica-button a,
  #block-block-105 .oferta-academica-button a {
    /* width: 110px; */
    font-weight: 700;
  }

}

@media only screen and (max-width : 1024px) {
/***************************************************************
        NUEVO DISEÑO LA UNIVERSIDAD 2020
  ****************************************************************/
  #block-block-140,
  #block-block-123 {
    margin-left: 25px;
  }

  #block-block-141 {
    margin-left: 25px;
  }

  /***************************************************************
        CONTACT, PREINCRIBITE, MEDIOS y TRABAJA
  ****************************************************************/
  #block-block-85,
  #block-block-44 {
    padding: 0;
  }

  #form_trabaja label,
  #req-info_form label,
  #pre-inscription_form label {
    width: 125px;
  }

  #form_trabaja input,
  #req-info_form input,
  #pre-inscription_form input,
  #form_trabaja textarea,
  #form_trabaja p,
  #req-info_form textarea,
  #pre-inscription_form textarea,
  #form_trabaja select.max-width,
  #req-info_form select.max-width,
  #pre-inscription_form select.max-width {
    width: 29em;
  }

  .telefonos .text_telefono,
  #pre-inscription_form div.form-note2 {
    display: block;
    width: 24em;
    margin-left: 151px;
  }

  #pre-inscription_form div.form-note2 {
    float: none;
    margin-top: 0;
    text-align: left;
  }

  #pre-inscription_form div.field-special label {
    width: 235px;
  }

  #form_trabaja .div_check {
    line-height: 1.3em;
    margin-right: 0px;
    text-align: left;
    width: 163px;
  }

  #form_trabaja .div_idiomas {
    width: 65px;
  }

  /***************************************************************
        bloque teléfono y consultanos
  ****************************************************************/
  #block-views-bloque-titulacion-ficha-block-9,
  #block-block-141,
  #block-block-108,
  #block-block-107,
  #block-block-103 {
    float: right;
    padding: 0;
  }

  #block-block-107 .featured_region,
  #block-block-103 .featured_region {
    line-height: 30px;
  }




}

@media only screen and (max-width : 767px) {

  /***************************************************************
        CONTACT, PREINCRIBITE, MEDIOS y TRABAJA
  ****************************************************************/
  body.section-oferta-academica #page .sidebars #block-block-44 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  #form_trabaja div.form-note,
  #form_trabaja div.item-field,
  #req-info_form div.form-note,
  #req-info_form div.item-field,
  #pre-inscription_form div.form-note,
  #pre-inscription_form div.item-field {
    text-align: center;
  }

  #form_trabaja label,
  #form_trabaja input,
  #form_trabaja select,
  #form_trabaja .div_check,
  #form_trabaja .div_idiomas,
  #req-info_form label,
  #req-info_form input,
  #req-info_form select,
  #req-info_form_lateral label,
  #req-info_form_lateral input,
  #req-info_form_lateral select,
  #pre-inscription_form label,
  #pre-inscription_form input,
  #pre-inscription_form select,
  #form_trabaja .condiciones,
  #req-info_form .condiciones,
  #pre-inscription_form .condiciones,
  #req-info_form select.max-width {
    max-width: 29em;
    text-align: center;
    width: 100%;
  }

  #req-info_form_lateral label,
  #req-info_form_lateral input,
  #req-info_form_lateral select {
    text-align: left;
  }

  #form_trabaja label,
  #req-info_form label,
  #req-info_form_lateral label,
  #pre-inscription_form label {
    padding-bottom: 5px;
  }

  #pre-inscription_form div.field-special label,
  #form_trabaja select.min-width,
  #form_trabaja input.field-fix,
  #req-info_form input.field-fix,
  #pre-inscription_form input.field-fix {
    max-width: 29em;
    width: 100%;
  }

  select#pre_ddate,
  select#pre_mdate,
  select#pre_adate,
  select#fecha_nacimiento_dia,
  select#fecha_nacimiento_mes,
  select#fecha_nacimiento_ano,
  select#pre_mdate,
  select#pre_adate,
  .div_submit .condiciones input#condiciones,
  .div_submit .condiciones input#at_condiciones,
  .div_submit .condiciones input#pre_condiciones,
  .div_submit .condiciones input#req_condiciones,
  #form_trabaja .div_submit .condiciones label,
  #req-info_form .div_submit .condiciones label,
  #pre-inscription_form .div_submit .condiciones label,
  .item-field.field-special select#pre_accesibilidad,
  #form_trabaja input.submit-radius,
  #req-info_form input.submit-radius,
  #pre-inscription_form input.submit-radius {
    display: inline-block;
    width: auto;
  }

  #form_trabaja .div_submit .condiciones label,
  #req-info_form .div_submit .condiciones label,
  #pre-inscription_form .div_submit .condiciones label {
    width: 185px;
  }

  #form_trabaja .item-field #nivel_academica,
  .telefonos .text_telefono,
  #pre-inscription_form div.form-note2 {
    margin: 0;
    width: auto;
  }

  #form_trabaja .div_check input {
    display: inline-block;
  }

  #form_trabaja .div_idiomas_contenedor {
    text-align: center;
  }

  #form_trabaja .div_idiomas {
    display: inline-block;
    text-align: center;
    width: 100px;
  }

  /***************************************************************
        bloque teléfono y consultanos
  ****************************************************************/
  body.section-acceso-y-matricula #page .sidebars #block-block-107,
  body.section-acceso-y-matricula #page .sidebars #block-block-103,
  body.section-oferta-academica #page .sidebars #block-block-107,
  body.section-oferta-academica #page .sidebars #block-block-103 {
    margin-top: 23px;
    margin-bottom: 23px;
  }

  /**************************************************************
          Bloque genérico de cómo se estudia
  ***************************************************************/
  body.section-oferta-academica #page .sidebars #block-block-108,
  body.section-oferta-academica #page .sidebars #block-block-109 {
    margin-bottom: 24px;
  }

  /***************************************************************
          OFERTA ACADÉMICA - tipos de titulación
  ****************************************************************/
  #block-block-106,
  #block-block-105 {
    display: block;
  }

  #block-block-106 .oferta-academica-button,
  #block-block-105 .oferta-academica-button {
    font-size: 16px;
    width: 100%;
    display: block;
    height: 50px;
    margin-bottom: 10px;
  }

  #block-block-106 .oferta-academica-button a,
  #block-block-105 .oferta-academica-button a {
    width: 100%;
    height: 50px;
  }

}