@charset "UTF-8";
/* CSS Document */
html {
  font-size: 100%;
}
body {
  color: #141d26;
  font-size: /*14px;*/ 1rem;
  font-family: "Open Sans", Arial, sans-serif;
}
*:focus {
  box-shadow: none;
  border-color: initial !important;
  outline: none !important;
}
* {
  scrollbar-color: #cccccc #ffffff;
}
a, a:focus {
  color: #9b4b88;
  text-decoration: none;
  transition: all 0.3s;
  border-color: transparent !important;
}
a:hover {
  color: #00bcb4;
  text-decoration: underline;
}
.poppins {
  font-family: 'Poppins', sans-serif;
}
.text-primary {
  color: #9b4b88 !important;
}
.text-secondary {
  color: #00bcb4 !important;
}
a.text-secondary:focus, a.text-secondary:hover {
  color: #AF9B45 !important;
}
.text-info {
  color: #aaaaaa !important;
}
a.text-info:focus, a.text-info:hover {
  color: #9b4b88 !important;
}
.text-body {
  color: #141d26 !important;
}
.text-dark {
  color: #555555 !important;
}
.text-success {
  /*color: #187295 !important;*/
  color: #5DB3C2 !important;
}
a.text-success:focus, a.text-success:hover {
  color: #9b4b88 !important;
}
.text-danger {}
.text-warning {
  color: #AF9B45 !important;
}
a.text-warning:focus, a.text-warning:hover {
  color: #00bcb4 !important;
}
.text-light-v1 {
  color: #187295 !important;
}
a.text-light-v1:focus, a.text-light-v1:hover {
  color: #187295 !important;
}
.text-light-v2 {
  color: #e6f4f5 !important;
}
a.text-light-v2:focus, a.text-light-v2:hover {
  color: #187295 !important;
}
.border-light-v1 {
  border-color: #187295 !important;
}
.border-light-v2 {
  border-color: #e6f4f5 !important;
}
.border-light-v3 {
  border-color: #e3cadd !important;
}
.border-light-v7 {
  border-color: #cceded !important;
}
.bg-primary {
  background-color: #9b4b88 !important;
}
.bg-secondary {
  background-color: #00bcb4 !important;
}
.bg-warning {
  background-color: #AF9B45 !important;
}
.bg-success {
  background-color: #5DB3C2 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
.bg-dark-v1 {
  background-color: #5B6671;
}
.bg-dark-v2 {
  background-color: #8D3D7C;
}
.bg-dark-v3 {
  background-color: #9E8C40;
}
.bg-dark-v4 {
  background-color: #2A958F;
}
.bg-light, a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #f7f7f7 !important;
}
.bg-light-v1, a.bg-light-v1:focus, a.bg-light-v1:hover, button.bg-light-v1:focus, button.bg-light-v1:hover {
  background-color: #187295 !important;
}
.bg-light-v2, a.bg-light-v2:focus, a.bg-light-v2:hover, button.bg-light-v2:focus, button.bg-light-v2:hover {
  background-color: #e6f4f5 !important;
}
.bg-light-v3, a.bg-light-v3:focus, a.bg-light-v3:hover, button.bg-light-v3:focus, button.bg-light-v3:hover {
  background-color: #e3cadd !important;
}
.bg-light-v4, a.bg-light-v4:focus, a.bg-light-v4:hover, button.bg-light-v4:focus, button.bg-light-v4:hover {
  background-color: #F6ECF4 !important;
}
.bg-light-v5, a.bg-light-v5:focus, a.bg-light-v5:hover, button.bg-light-v5:focus, button.bg-light-v5:hover {
  background-color: #F8F5EC !important;
}
.bg-light-v6, a.bg-light-v6:focus, a.bg-light-v6:hover, button.bg-light-v6:focus, button.bg-light-v6:hover {
  background-color: #E1F1F0 !important;
}
.bg-light-v7, a.bg-light-v7:focus, a.bg-light-v7:hover, button.bg-light-v7:focus, button.bg-light-v7:hover {
  background-color: #f3f8f7 !important;
}
.bg-light-v8, a.bg-light-v8:focus, a.bg-light-v8:hover, button.bg-light-v8:focus, button.bg-light-v8:hover {
  background-color: #e3f8f7 !important;
}
.table-hover > tbody > tr:hover {
  background-color: rgba(93, 179, 194, 0.10);
}
.container {
  max-width: 1600px;
  width: 100%;
}
.nav-link.text-info.active {
  color: #9b4b88 !important;
}
.border-primary {
  border-color: #9b4b88 !important;
}
.border-secondary {
  border-color: #00bcb4 !important;
}
.border-success {
  border-color: #5DB3C2 !important;
}
.border-warning {
  border-color: #AF9B45 !important;
}
blockquote {
  font-family: Georgia, "Times New Roman", serif;
  line-height: 2.5rem !important;
}
footer {
  font-size: 0.85em
}
.btn-primary {
  background-color: #9b4b88 !important;
  border-color: #9b4b88 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active {
  background-color: #00bcb4 !important;
  border-color: #00bcb4 !important;
  box-shadow: none !important;
}
.btn-secondary {
  background-color: #00bcb4 !important;
  border-color: #00bcb4 !important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {
  background-color: #9b4b88 !important;
  border-color: #9b4b88 !important;
  box-shadow: none !important;
}
.btn-outline-primary {
  border-color: #9b4b88 !important;
  color: #9b4b88 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary.active {
  border-color: #9b4b88 !important;
  box-shadow: none !important;
  background-color: transparent;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary.active {
  color: #fff;
  background-color: #5DB3C2 !important;
  border-color: #5DB3C2 !important;
}
.btn-success {
  background-color: #5DB3C2 !important;
  border-color: #5DB3C2 !important;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active {
  background-color: #00bcb4 !important;
  border-color: #00bcb4 !important;
  box-shadow: none !important;
}
.btn-outline-success {
  border-color: #5DB3C2 !important;
  color: #5DB3C2 !important;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success.active {
  color: #fff !important;
  background-color: #00bcb4 !important;
  border-color: #00bcb4 !important;
}
.btn-light-v1 {
  color: #fff;
  background-color: #187295 !important;
  border-color: #187295 !important;
}
.btn-light-v1:hover, .btn-light-v1:active, .btn-light-v1:focus, .btn-light-v1.active {
  color: #fff;
  background-color: #00bcb4 !important;
  border-color: #00bcb4 !important;
  box-shadow: none !important;
}
.redes-sociales {
  background-color: #EDB4DF;
  padding: 20px 0;
}
.social-links i {
  color: #D38EC5;
}
.social-links i:hover {
  color: #9b4b88
}
.area-escuela-pacientes {
  background-color: #EFF0F2;
  padding: 10px 20px;
  background-image: url("/img/minibanner-escuela-pacientes.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  min-height: 140px;
}
a.area-escuela-pacientes:hover {
  text-decoration: none;
}
.proyecto-fharmateca {
  background-color: #fbf6fa;
  padding: 10px 20px;
  background-image: url("/img/sefh-banner-fharmateca-1600.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  min-height: 140px;
}
a.proyecto-fharmateca:hover {
  text-decoration: none;
}
.proyecto-sostenible {
  background-color: #eef3f4;
  padding: 10px 20px;
  background-image: url("/img/sefh-banner-sostenible-1600.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  min-height: 142px;
}
a.proyecto-sostenible:hover {
  text-decoration: none;
}
.programa-doctorado {
  background-color: #fbf6fa;
  padding: 10px 20px;
  background-image: url("/img/programa-doctorado.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  min-height: 140px;
}
a.programa-doctorado:hover {
  text-decoration: none;
}
.farmaceutico-hospitalario {
  background-color: #fbf6fa;
  padding: 10px 20px;
  background-image: url("/img/farmaceutico-hospitalario.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  min-height: 140px;
}
a.farmaceutico-hospitalario:hover {
  text-decoration: none;
}
.investigacion {
  background-color: #eef3f4;
  padding: 10px 20px;
  background-image: url("/img/img-investigacion-innovacion.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  min-height: 140px;
}
a.investigacion:hover {
  text-decoration: none;
}
.revista-farmacia {
  background-color: #e6f4f5;
  padding: 10px 20px;
}
a.revista-farmacia:hover {
  text-decoration: none;
}
.plataforma-tecnifarmh, .grado-farmacia, .formularios, .podcasts, .que-hace {
  background-color: #fbf6fa;
}
.punto-encuentro, .encuentra-tu-farmacia {
  background-color: #F8F5EC;
}
.convocatorias-ayudas {
  background-color: #FCF8F7;
}
.soporte-ayuda-metodologica, .mapa-investiga-sefh {
  background-color: #FFFFFF;
}
a.plataforma-tecnifarmh:hover, a.grado-farmacia:hover, a.convocatorias-ayudas:hover, a.soporte-ayuda-metodologica:hover, a.mapa-investiga-sefh:hover {
  text-decoration: none;
}
.recursos {
  background-color: #f4fafa;
  background-image: url("/img/recursos.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.recursos-digitales, .telefarmacia {
  background-color: #f4fafa;
}
.biblioteca-virtual {
  background-color: #e0f4f2;
  background-image: url("/img/img-biblioteca-virtual.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  min-height: 193px;
}
.biblioteca-virtual:hover {
  text-decoration: none;
}
.descubre-blog {
  background-image: url("/img/descubre-blog.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.descubre-blog-v1 {
  background-image: url("/img/descubre-blog-v1.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  min-height: 193px;
}
.descubre-blog span, .descubre-blog-v1 span {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}
.descubre-blog:hover, .descubre-blog-v1:hover {
  text-decoration: none;
}
.lista-sefh {
  background-color: #e0f4f2;
  background-image: url("/img/lista-sefh.png");
  background-repeat: no-repeat;
  background-position: right top;
  min-height: 193px;
  background-size: contain;
}
.lista-sefh .display-4 {
  font-size: 3.5rem;
}
.text-justify {
  text-align: justify;
}
.img-h-80 {
  height: 80px;
  width: auto;
}
.img-w-200 {
  width: 200px;
  height: auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Fira Sans', Arial, sans-serif;
  line-height: 1.5;
}
.display-1 {
  font-size: 5.5rem;
}
.display-2 {
  font-size: 4.5rem;
}
.display-3 {
  font-size: 3.5rem;
}
.display-4 {
  font-size: 2.5rem;
}
.rounded-4 {
  border-radius: .4rem !important;
}
.rounded-5 {
  border-radius: .5rem !important;
}
.form-control::placeholder {
  color: #ccc;
  font-size: 0.85rem;
}
header .dropdown-toggle::after {
  display: none !important;
}
.main-menu {
  font-family: 'Fira Sans', Arial, sans-serif;
  margin-top: 8px !important;
  background-color: rgba(236, 236, 236, 0.9);
}
.main-menu .list-unstyled {
  margin-top: 1rem;
}
.main-menu .list-unstyled li a {
  display: block;
  padding: 0.25rem 1rem;
}
.main-menu .list-unstyled li a:hover {
  background-color: #687074;
  text-decoration: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #00bcb4;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff !important;
}
.nav-tabs .nav-link {
  color: #555555;
}
caption {
  caption-side: top;
}
.font-05 {
  font-size: 0.5rem;
}
.carousel-indicators {
  list-style: none;
}
.carousel-indicators li {
  width: 15px;
  height: 15px;
  border: 1px solid #333;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 15px;
  height: 15px;
  border: 1px solid #FFF;
}
.img-destacado {
  max-width: 100%;
  max-height: 85px;
}
.form-label {
  color: #187295;
  font-weight: bold;
}
.form-check {
  padding-left: 3em;
}
.form-check-input {
  border: 2px solid #9b4b88;
}
.form-control {
  border: 1px solid #9b4b88;
}
a[aria-expanded="false"]::after {
  content: "\f054";
  margin-left: 0.25em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  float: right;
}
a[aria-expanded="true"]::after {
  content: "\f078";
  margin-left: 0.25em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  float: right;
}
#escuela-pacientes a[aria-expanded="false"]::after {
  content: "\f0d7";
  margin-left: 0.25em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  float: none;
}
#escuela-pacientes a[aria-expanded="true"]::after {
  content: "\f0d8";
  margin-left: 0.25em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  float: none;
}
.accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.accordion-button::after {
  margin-left: unset;
}
#buscador {
  width: 80%;
}
#frm-podcasts {
  padding-top: 30px;
  margin-bottom: 20px;
}
#eliminar-busqueda i {
  font-size: 1.5em;
}
.label-tags {
  padding: 0.2em 0.6em 0.3em;
  font-size: 14px;
  font-weight: 400;
  color: #505050 !important;
  text-align: center;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #d5d4d4;
  text-decoration: none;
  margin-right: 10px;
  line-height: 31px;
}
.label-tags a a:hover {
  color: #505050 !important;
  text-decoration: none;
}
.info-title {
  color: #D0009E !important;
  font-size: 18px;
  display: flex;
  height: 50px;
  text-decoration: none;
  align-items: flex-end;
}
.info-tags {
  padding-top: 10px;
  padding-bottom: 10px;
  width: auto;
  max-height: 72px;
  overflow: hidden;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-toggle.active {
  color: #9b4b88 !important;
  text-decoration: none;
  background-color: #fff;
}
a#sinactivacion:focus, a#sinactivacion:active {
  color: #aaaaaa !important;
}
input#escuela-pacientes-texto-a-buscar::placeholder {
  font: 20px/3 sans-serif;
  color: #cccccc;
}
#sostenible-objetivos img, .sostenible-objetivos img {
  max-width: 90px;
}
#sostenible-acciones a {
  text-decoration: none;
  min-height: 100px;
}
#sostenible-acciones #enero .title, #sostenible-acciones #enero:hover {
  background-color: #7081e0;
  color: #ffffff;
}
#sostenible-acciones #febrero .title, #sostenible-acciones #febrero:hover {
  background-color: #7cafcb;
  color: #ffffff;
}
#sostenible-acciones #marzo .title, #sostenible-acciones #marzo:hover {
  background-color: #4bdae2;
  color: #ffffff;
}
#sostenible-acciones #abril .title, #sostenible-acciones #abril:hover {
  background-color: #5ccfb0;
  color: #ffffff;
}
#sostenible-acciones #mayo .title, #sostenible-acciones #mayo:hover {
  background-color: #60ae60;
  color: #ffffff;
}
#sostenible-acciones #junio .title, #sostenible-acciones #junio:hover {
  background-color: #a3d255;
  color: #ffffff;
}
#sostenible-acciones #julio .title, #sostenible-acciones #julio:hover {
  background-color: #d09f38;
  color: #ffffff;
}
#sostenible-acciones #agosto .title, #sostenible-acciones #agosto:hover {
  background-color: #eb734e;
  color: #ffffff;
}
#sostenible-acciones #septiembre .title, #sostenible-acciones #septiembre:hover {
  background-color: #ff585f;
  color: #ffffff;
}
#sostenible-acciones #octubre .title, #sostenible-acciones #octubre:hover {
  background-color: #9a5990;
  color: #ffffff;
}
#sostenible-acciones #noviembre .title, #sostenible-acciones #noviembre:hover {
  background-color: #da5e83;
  color: #ffffff;
}
#sostenible-acciones #diciembre .title, #sostenible-acciones #diciembre:hover {
  background-color: #705fbb;
  color: #ffffff;
}
/*para programas de gestión (SEFHGESTION)*/
.title-section-current::before {
  display: inline-block;
  background: url("/img/icn-title.png") no-repeat;
  content: '';
  width: 33px;
  height: 33px;
  float: left;
}
/*Termina para programas de gestión (SEFHGESTION)*/
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 515px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {
  .redes-sociales {
    background-image: url("/img/redes-sociales-fondo.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-right: 50px;
  }
  .revista-farmacia {
    background-image: url("/img/revista-farmacia-01.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    min-height: 170px;
  }
  .recursos {
    background-size: auto;
  }
  .lista-sefh {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .border-lg-right {
    border-right: 1px solid #dee2e6 !important;
  }
  .contenedor-menu-tercer-nivel {
    margin-left: -33.333333%;
    max-width: 133.333333%;
    width: 133.333333%;
  }
  .proyecto-fharmateca, .proyecto-sostenible, .programa-doctorado, .farmaceutico-hospitalario, .area-escuela-pacientes {
    min-height: 170px;
  }
  /*para website Investigacion*/
  .convocatorias-ayudas {
    background-image: url("/img/convocatorias-ayudas.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    min-height: 250px;
    /*padding-left: 5% !important;
    padding-top: 3% !important;*/
  }
  .soporte-ayuda-metodologica {
    background-image: url("/img/soporte-ayuda-metodologica.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    min-height: 250px;
    /*padding-left: 5% !important;
        padding-top: 3% !important;*/
  }
  .mapa-investiga-sefh {
    background-image: url("/img/mapa-investiga-sefh.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    min-height: 250px;
    /*padding-left: 5% !important;
        padding-top: 3% !important;*/
  }
  /*fin website Investigacion*/
}
@media (min-width: 1023px) {}
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .border-xl-right {
    border-right: 1px solid #dee2e6 !important;
  }
  .redes-sociales {
    min-height: 260px;
    padding-right: 100px;
    padding-top: 60px;
  }
  .proyecto-fharmateca, .proyecto-sostenible, .programa-doctorado, .revista-farmacia, .investigacion, .farmaceutico-hospitalario, .area-escuela-pacientes {
    min-height: 200px;
  }
  .plataforma-tecnifarmh {
    background-image: url("/img/sefh-imagen-tecnifarmh-portada.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    min-height: 310px;
    padding: 5% 10% !important;
    background-color: #fff;
  }
  .grado-farmacia {
    background-image: url("/img/grado-farmacia.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    min-height: 310px;
    padding-left: 35% !important;
    padding-top: 10% !important;
  }
  .formularios {
    background-image: url("/img/formularios.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .podcasts {
    background-image: url("/img/podcasts.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .que-hace {
    background-image: url("/img/que-hace.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .recursos {
    background-size: cover;
    min-height: 310px;
  }
  .recursos-digitales {
    background-image: url("/img/recursos-digitales.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .telefarmacia {
    background-image: url("/img/telefarmacia.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .punto-encuentro {
    background-image: url("/img/punto-encuentro.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .encuentra-tu-farmacia {
    background-image: url("/img/encuentra.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    min-height: 310px;
  }
  .lista-sefh {
    background-image: url("/img/lista-sefh.png");
  }
  .descubre-blog {
    min-height: 193px;
    padding-top: 120px !important;
  }
  .descubre-blog-v1 {
    min-height: 193px;
    padding-top: 60px !important;
  }
  .visually-xl-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
@media (min-width: 1500px) {
  .d-xxl-block {
    display: block !important;
  }
  .col-xxl-3 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .redes-sociales {
    min-height: 320px;
    padding-right: 150px;
    padding-top: 60px;
  }
  .revista-farmacia div {
    margin-right: 30px;
  }
  .plataforma-tecnifarmh {
    /*padding-left: 55% !important;*/
  }
  .text-divisor {
    display: inline !important;
  }
  .general-text-divider {
    display: none;
  }
}