/**** RETOQUES SOBRE LOS ESTILOS DE CKAN ****/
@media (min-width: 768px){
	[role=main], .main {
    	padding-top: 0;
    	background: white;
	}
}

@media (max-width: 767px){
	.js [role=main] .secondary .filters {
		top: 50px;
	}
	
	.js body.has-control-menu [role=main] .secondary .filters {
		top: 100px;
	}
	
}

#content.container{
	width: 100%;
	max-width: 100%;
	font-size: 14px;
}

#content.container .wrapper{
	margin-top: 15px;
	box-shadow: none;
}

#content.container .toolbar { 
	display: none;
}

#content.container .wrapper .label{
	border: none;
}

#content.container .wrapper .badge{
	border: 0;
	margin: 0;
}

.breadcrumb > li + li::before {
    display: inline-block;
    color: #6c757d;
    content: "/";
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Cambiamos el icono de facebook incorrecto */
.fa-facebook-f:before {
    content: "\f39e";
}

/**** Fin RETOQUES SOBRE LOS ESTILOS DE CKAN ****/


/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
html, body {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  /* Those lines are to fix the screen and deny horizontal scrolling.*/
  width: 100%;
  left: 0;
  top: 0;
  }

#wrapper {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  }
  #wrapper #content {
    min-height: 55%; }

#banner {
  position: static;
  top: 0px;
  margin-bottom: 20px;
  /****  CABECERA  -  DESKTOP  ****/ }
  #banner #heading-wrapper {
    background: white;
    box-shadow: 0 -5px 15px 0px rgba(0, 0, 0, 0.5); }
  #banner #heading {
    min-height: 100px;
    background: #fff;
    align-items: center;
    display: flex;
    justify-content: space-between;
    /****  LOGO  -  DESKTOP  ****/
    /****  CUSTOM NAVIGATION  -  DESKTOP  ****/
    /****  SEARCH  -  DESKTOP  ****/ }
    #banner #heading .logo-container-desktop {
      display: flex;
      align-items: center;
      height: 100px;
      flex: 1;
      justify-content: flex-start; }
      #banner #heading .logo-container-desktop img {
        width: 100%; }
      #banner #heading .logo-container-desktop .custom-logo {
        width: 100%; }
      #banner #heading .logo-container-desktop .logo-secundario {
        width: 20%;
        margin-left: 10px; }
    #banner #heading .main-navigation-container {
      display: flex;
      align-items: center;
      padding: 0 10px;
      min-height: 100px; }
      #banner #heading .main-navigation-container .custom-navigation ul, #banner #heading .main-navigation-container .custom-navigation ol {
        list-style: none;
        list-style-image: none; }
      #banner #heading .main-navigation-container .custom-navigation a, #banner #heading .main-navigation-container .custom-navigation span {
        font-weight: 700;
        text-decoration: none;
        user-select: none; }
      #banner #heading .main-navigation-container .custom-navigation span[class^="fa-"], #banner #heading .main-navigation-container .custom-navigation span[class*=" fa-"],
      #banner #heading .main-navigation-container .custom-navigation span[class^="icon-"], #banner #heading .main-navigation-container .custom-navigation span[class*=" icon-"] {
        color: #1c7696;
        padding: 5px;
        display: inline; }
      #banner #heading .main-navigation-container .custom-navigation > ul > li > ul > li {
        overflow: hidden; }
      #banner #heading .main-navigation-container .custom-navigation > ul {
        /*ul general*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin: 0;
        padding: 0; }
        #banner #heading .main-navigation-container .custom-navigation > ul > li {
          /*Main-level*/
          position: static;
          display: flex;
          min-height: 100px;
          align-items: center;
          word-wrap: normal;
          user-select: none;
          padding: 0 .5rem; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li > a, #banner #heading .main-navigation-container .custom-navigation > ul > li > span {
            color: #272727; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li:hover, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within {
            -webkit-box-shadow: inset 0 -5px 0 0 #1c7696;
            -moz-box-shadow: inset 0 -5px 0 0 #1c7696;
            outline: none; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > a, #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > span, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within > a, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within > span {
              color: #1c7696; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li:hover .child-menu-wrapper, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within .child-menu-wrapper {
              display: block !important; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper {
            position: absolute;
            display: none;
            top: 100px;
            left: 0;
            width: 100%;
            padding: 20px;
            box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.5), 0 10px 10px -10px rgba(0, 0, 0, 0.5);
            align-items: center;
            z-index: 1000;
            background: linear-gradient(140deg, #1c7696 60%, #20B383 100%); }
            #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container {
              display: grid;
              grid-template-columns: .4fr 1fr;
              grid-gap: 50px;
              align-items: baseline;
              padding: 20px; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .section-info h3 {
                color: #96ecd3;
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: 0.5rem; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .section-info p {
                color: white;
                line-height: 1.5; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu {
                margin-left: 50px; }
                #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li {
                  line-height: 30px;
                  padding-left: 15px;
                  border-left: 2px solid #96ecd3; }
                  #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li > a {
                    color: #fff; }
    #banner #heading .header-search-container .nav-search-btn {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      color: #1c7696;
      font-size: 1.3rem;
      cursor: pointer;
      }
      #banner #heading .header-search-container .nav-search-btn:focus-within {
        outline: none; }
        #banner #heading .header-search-container .nav-search-btn:focus-within #header-search-box {
          display: flex; }
    #banner #heading .header-search-container #header-search-box {
      position: absolute;
      top: 100%;
      right: 0;
      display: none;
      /*display: flex;*/
      width: 300px;
      height: 40px;
      background: #fff;
      z-index: 1000;
      box-shadow: rgba(0, 0, 0, 0.2) 0 7px 5px;
      /* Ocultamos la barra de configuración del portlet de búsqueda pues aparece de forma fija en alguna situaciones, lo que afecta al diseño */ }
      #banner #heading .header-search-container #header-search-box h2 {
        display: none; }
      #banner #heading .header-search-container #header-search-box .portlet-topper {
        display: none; }
      #banner #heading .header-search-container #header-search-box .portlet-content {
        border: 0;
        padding: 0; }
      #banner #heading .header-search-container #header-search-box .form-group {
        width: 100%;
        margin: 0; }
      #banner #heading .header-search-container #header-search-box #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .fieldset > div:first-of-type {
        display: flex; }
      #banner #heading .header-search-container #header-search-box #portlet_com_liferay_portal_search_web_portlet_SearchPortlet div.lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper {
        margin: 0px; }
      #banner #heading .header-search-container #header-search-box #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .btn-search {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        border: none;
        background: #1c7696;
        color: white;
        font-size: 1.3rem;
        cursor: pointer;
        border-radius: 0; }
        #banner #heading .header-search-container #header-search-box #portlet_com_liferay_portal_search_web_portlet_SearchPortlet .btn-search:focus {
          outline: #d4f1f9 auto 1px;
          box-shadow: none; }
      #banner #heading .header-search-container #header-search-box .search-box {
        height: 40px;
        width: 100%; }
        #banner #heading .header-search-container #header-search-box .search-box input {
          border: none;
          border-radius: 0;
          height: 40px; }
          #banner #heading .header-search-container #header-search-box .search-box input:focus {
            border-radius: 0px;
            box-shadow: inset 0 0 0 0.2rem rgba(28, 118, 150, 0.55); }
    #banner #heading .header-search-container #header-search-box.show {
      display: flex !important; }
  #banner #heading-responsive,
  #banner #vertical-menu-btn {
    display: none; }

/****  BREADCRUMB  ****/
.myBreadcrumb {
  margin-bottom: 20px; }
  .myBreadcrumb .breadcrumb {
    margin: auto;
    padding: 5px;
    list-style: none;
    border-bottom: 1px solid #c7c7c7;
    background-color: #fff;
    font-size: small; }
    .myBreadcrumb .breadcrumb a:link,
    .myBreadcrumb .breadcrumb a:visited,
    .myBreadcrumb .breadcrumb a:hover,
    .myBreadcrumb .breadcrumb a:active {
      color: #1c7696;
      font-weight: 700;
      text-decoration: none; }
    .myBreadcrumb .breadcrumb li.active {
      color: #4e5256; }

/**** MENU STICKY ****/
#banner.sticky-header {
  position: sticky;
  position: -webkit-sticky;
  width: 100%;
  padding-top: 50px;
  z-index: 988; }
  #banner.sticky-header #heading {
    min-height: 50px; }
    #banner.sticky-header #heading .logo-container-desktop {
      height: 50px;
      width: 100%;
      max-width: 100%;
      padding: 7px 0; }
      #banner.sticky-header #heading .logo-container-desktop a, #banner.sticky-header #heading .logo-container-desktop img {
        height: 100%;
        width: auto;
        max-width: 100%; }
    #banner.sticky-header #heading .main-navigation-container {
      min-height: 50px; }
      #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li {
        min-height: 50px; }
      #banner.sticky-header #heading .main-navigation-container .custom-navigation .child-menu-wrapper {
        top: 100px; }
    #banner.sticky-header #heading .header-search-container .nav-search-btn {
      height: 50px; }

/****  PIE PAGINA  ****/
#footer {
  position: relative;
  margin-top: 30px; }
  #footer a {
    text-decoration: none; }
  #footer #back-top-wrapper {
    display: flex;
    justify-content: center; }
    #footer #back-top-wrapper #gota {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      top: 25px;
      background-color: #bbe5f3;
      border-radius: 50%;
      border-top-right-radius: 0;
      transform: rotate(-45deg); }
      #footer #back-top-wrapper #gota span {
        color: #1b576d;
        font-size: 2rem;
        transform: rotate(45deg);
        text-align: center; }
  #footer .gob-links-wrapper {
    background: #1c7696; }
    #footer .gob-links-wrapper .gob-links {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 80px;
      padding: 15px 20px;
      user-select: none; }
      #footer .gob-links-wrapper .gob-links a, #footer .gob-links-wrapper .gob-links img {
        height: 100%;
        display: inline-block; }
  #footer .footer-info-wrapper {
    background: #1b576d;
    box-shadow: inset 0 30px 25px -40px rgba(0, 0, 0, 0.5); }
    #footer .footer-info-wrapper .footer-info {
      width: 100%;
      padding: 35px 20px;
      display: grid;
      grid-template-columns: auto auto auto auto;
      grid-gap: 30px; }
      #footer .footer-info-wrapper .footer-info ul {
        list-style: none;
        list-style-image: none;
        padding: 0;
        margin: 0; }
        #footer .footer-info-wrapper .footer-info ul > li {
          line-height: normal; }
      #footer .footer-info-wrapper .footer-info .title {
        display: flex;
        align-items: center;
        padding: 0 0.5rem;
        line-height: normal;
        font-weight: 700;
        border-left: 4px solid #22d0a0;
        color: white;
        font-size: small;
        margin-bottom: 0.5rem;
        text-transform: uppercase; }
      #footer .footer-info-wrapper .footer-info .sedes-chd ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #footer .footer-info-wrapper .footer-info .sedes-chd ul > li {
          line-height: normal; }
          #footer .footer-info-wrapper .footer-info .sedes-chd ul > li .city {
            font-weight: 700;
            color: #bbe5f3;
            font-size: small; }
            #footer .footer-info-wrapper .footer-info .sedes-chd ul > li .city a {
              color: #bbe5f3; }
          #footer .footer-info-wrapper .footer-info .sedes-chd ul > li span {
            color: white;
            font-size: small; }
      #footer .footer-info-wrapper .footer-info .other-info {
        display: grid;
        grid-template-rows: min-content;
        grid-gap: 20px; }
        #footer .footer-info-wrapper .footer-info .other-info .horario-chd span {
          font-size: small;
          display: block;
          color: white; }
        #footer .footer-info-wrapper .footer-info .other-info .social-network-links {
          display: flex;
          width: 100%; }
          #footer .footer-info-wrapper .footer-info .other-info .social-network-links a:first-child {
            margin-left: 0; }
          #footer .footer-info-wrapper .footer-info .other-info .social-network-links a:last-child {
            margin-right: 0; }
          #footer .footer-info-wrapper .footer-info .other-info .social-network-links a {
            color: #bbe5f3;
            margin: 0 1rem;
            font-size: 1.5rem; }
        #footer .footer-info-wrapper .footer-info .other-info .contacto-chd {
          margin-bottom: 0.5rem; }
          #footer .footer-info-wrapper .footer-info .other-info .contacto-chd a {
            font-size: small;
            font-weight: 700;
            color: #bbe5f3; }
      #footer .footer-info-wrapper .footer-info .footer-destacados {
        display: flex;
        flex-direction: column; }
        #footer .footer-info-wrapper .footer-info .footer-destacados a {
          color: white;
          font-size: small; }
          #footer .footer-info-wrapper .footer-info .footer-destacados a:hover {
            color: #bbe5f3; }
      #footer .footer-info-wrapper .footer-info .footer-site-links {
        display: flex;
        flex-direction: column; }
        #footer .footer-info-wrapper .footer-info .footer-site-links ul {
          padding-left: 10px;
          border-left: 4px solid #22d0a0; }
          #footer .footer-info-wrapper .footer-info .footer-site-links ul a {
            color: white;
            font-size: small;
            font-weight: 700; }
            #footer .footer-info-wrapper .footer-info .footer-site-links ul a:hover {
              color: #bbe5f3; }
  #footer .footer-copyright-logos-wrapper {
    background: #1b576d; }
    #footer .footer-copyright-logos-wrapper .footer-copyright-logos {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 0 20px 35px 20px; }
      #footer .footer-copyright-logos-wrapper .footer-copyright-logos .copyright {
        font-size: small;
        color: #bbe5f3; }
      #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos {
        position: relative;
        display: grid;
        grid-template-columns: auto auto;
        height: 45px; }
        #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos .logo-chd {
          padding-right: 20px; }
        #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos .logo-ministerio {
          display: grid;
          grid-template-columns: auto auto auto; }
        #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos img {
          height: 45px; }

/****  DISENO RESPONSIVE CABECERA y MENU MOVIL  ****/
@media screen and (max-width: 1023px) {
  #banner,
  #banner.sticky-header {
    /****  La cabecera Desktop pasa a ser el menu responsive  ****/ }
    #banner #heading,
    #banner.sticky-header #heading {
      position: fixed;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      top: 0px;
      left: -100%;
      width: 85%;
      max-width: 400px;
      height: 100%;
      -webkit-transition: left ease 1s;
      transition: left ease 1s;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 1000;
      background: #1c7696;
      box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.2);
      /****  CUSTOM NAVIGATION  -  RESPONSIVE  ****/
      /****  SEARCH  -  RESPONSIVE  ****/ }
      #banner #heading .logo-container-desktop,
      #banner.sticky-header #heading .logo-container-desktop {
        display: flex;
        height: auto;
        background: white;
        padding: 20px 20px 10px;
        flex: none; }
        #banner #heading .logo-container-desktop img,
        #banner.sticky-header #heading .logo-container-desktop img {
          height: auto; }
        #banner #heading .logo-container-desktop .logo-secundario,
        #banner.sticky-header #heading .logo-container-desktop .logo-secundario {
          display: none; }
      #banner #heading .main-navigation-container,
      #banner.sticky-header #heading .main-navigation-container {
        order: 2;
        padding: 10px;
        width: 100%;
        align-items: unset; }
        #banner #heading .main-navigation-container div:first-of-type,
        #banner.sticky-header #heading .main-navigation-container div:first-of-type {
          display: block;
          padding: 0; }
        #banner #heading .main-navigation-container .custom-navigation span[class^="fa-"], #banner #heading .main-navigation-container .custom-navigation span[class*=" fa-"],
        #banner.sticky-header #heading .main-navigation-container .custom-navigation span[class^="fa-"],
        #banner.sticky-header #heading .main-navigation-container .custom-navigation span[class*=" fa-"] {
          color: white; }
        #banner #heading .main-navigation-container .custom-navigation > ul,
        #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul {
          /*ul general*/
          flex-direction: column;
          justify-content: unset; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li,
          #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li {
            /*Main-level*/
            position: relative;
            display: block;
            min-height: 35px;
            line-height: 35px;
            width: 100%;
            padding: 0 10px; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li > a,
            #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li > a {
              color: white;
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li > span,
            #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li > span {
              color: white; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li:hover, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within,
            #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:hover,
            #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:focus-within {
              -webkit-box-shadow: none;
              -moz-box-shadow: none; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > a, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within > a,
              #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:hover > a,
              #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:focus-within > a {
                color: white; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li:hover .child-menu-wrapper, #banner #heading .main-navigation-container .custom-navigation > ul > li:focus-within .child-menu-wrapper,
              #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:hover .child-menu-wrapper,
              #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li:focus-within .child-menu-wrapper {
                display: block !important; }
            #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper,
            #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper {
              position: relative;
              display: none;
              top: auto;
              padding: 0px;
              box-shadow: none;
              align-items: unset;
              z-index: 1000;
              background: none; }
              #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container,
              #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container {
                display: block;
                grid-template-columns: none;
                grid-gap: unset;
                align-items: unset;
                padding: 5px 0px 5px 15px; }
                #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .section-info,
                #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .section-info {
                  display: none; }
                #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu,
                #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu {
                  margin-left: 0px;
                  padding-left: 0px; }
                  #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li,
                  #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li {
                    line-height: normal;
                    padding: 5px 0px 5px 15px; }
                    #banner #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li > a,
                    #banner.sticky-header #heading .main-navigation-container .custom-navigation > ul > li .child-menu-wrapper .child-menu-container .child-menu li > a {
                      color: white;
                      display: block;
                      font-weight: 400; }
      #banner #heading .header-search-container,
      #banner.sticky-header #heading .header-search-container {
        order: 1;
        background: white;
        width: 100%;
        padding: 10px 20px 20px;
        box-sizing: border-box; }
        #banner #heading .header-search-container .nav-search-btn,
        #banner.sticky-header #heading .header-search-container .nav-search-btn {
          height: auto; }
          #banner #heading .header-search-container .nav-search-btn > span[class^="fa-"], #banner #heading .header-search-container .nav-search-btn > span[class*=" fa-"],
          #banner.sticky-header #heading .header-search-container .nav-search-btn > span[class^="fa-"],
          #banner.sticky-header #heading .header-search-container .nav-search-btn > span[class*=" fa-"] {
            display: none; }
        #banner #heading .header-search-container #header-search-box,
        #banner.sticky-header #heading .header-search-container #header-search-box {
          position: relative;
          display: flex;
          top: 0;
          width: 100%;
          background: #fff;
          box-shadow: #1c7696 0 0px 1px; }
    #banner #heading.show,
    #banner.sticky-header #heading.show {
      left: 0; }
  #banner {
    /****  CABECERA  ****/ }
    #banner #heading-responsive {
      position: relative;
      width: 100%;
      height: 50px;
      display: flex;
      padding: 10px 0;
      justify-content: space-between;
      align-items: center; }
      #banner #heading-responsive .logo-container-mobile {
        height: 100%;
        width: auto; }
        #banner #heading-responsive .logo-container-mobile a, #banner #heading-responsive .logo-container-mobile img {
          height: 100%; }
      #banner #heading-responsive #vertical-menu-btn {
        position: absolute;
        display: block;
        right: 0; }
        #banner #heading-responsive #vertical-menu-btn button {
          margin: 0;
          padding: 0;
          display: flex; }
          #banner #heading-responsive #vertical-menu-btn button span {
            color: #3f8ba6;
            font-size: 1.5rem; }
      #banner #heading-responsive .navbar-toggle {
        display: block; }
  #banner.sticky-header {
    padding-top: 0px; }
    #banner.sticky-header #heading-responsive {
      min-height: 50px; } }

/* RESPONSIVE FOOTER */
@media screen and (max-width: 767px) {
  #footer .gob-links-wrapper .gob-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 10px;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    text-align: center;
    user-select: none; }
    #footer .gob-links-wrapper .gob-links img {
      height: 50px;
      padding: 5px; }
  #footer .footer-info-wrapper .footer-info {
    padding: 30px 5px;
    display: flex;
    flex-direction: column; }
  #footer .footer-info-wrapper .sedes-chd, #footer .footer-info-wrapper .other-info, #footer .footer-info-wrapper .footer-destacados, #footer .footer-info-wrapper .footer-site-links {
    margin-bottom: 20px; }
  #footer .footer-copyright-logos-wrapper .footer-copyright-logos {
    flex-direction: column-reverse;
    padding: 10px 0 0 0; }
    #footer .footer-copyright-logos-wrapper .footer-copyright-logos .copyright {
      padding: 15px;
      display: block; }
    #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos {
      height: 40px; }
      #footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos img {
        height: 40px; } }

@media screen and (max-width: 767px) and (orientation: landscape) {
  #footer .footer-info-wrapper .footer-info {
    padding: 30px 20px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-gap: 30px;
    grid-auto-flow: column; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #footer .gob-links-wrapper .gob-links {
    padding: 20px; }
  #footer .footer-info-wrapper .footer-info {
    padding: 30px 20px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-gap: 30px;
    grid-auto-flow: column; }
  #footer .footer-copyright-logos-wrapper .footer-logos {
    right: -35px; } }

/* Aumentar distancia al borde pantallas intermedias
@media screen and (min-width: 768px) and (max-width: 1300px){
	#content .container-fluid-1280{
		padding-right: 30px;
		padding-left: 30px;
	}
}
*/
/****  CLASES DE LIFERAY Y ACCESIBILIDAD  ****/
.navbar-classic {
  background-color: #EEE; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: baseline; }

/*  Cambiamos el color del texto del menú de control de los portlets  */
.portlet-topper {
  color: #1c7696; }

/*  Cambiamos el color del texto del menú de control (superior) del portal  */
.text-muted {
  color: #aaa !important; }

/*Eliminamos el borde tranparente que se añade por defecto y que afecta a la forma en la que se ven los portlets que ocupan todo el ancho de la pantalla.*/
.portlet-barebone .portlet-content {
  border: 0; }

.footer {
  padding-top: 20px;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5; }

/* ACCESIBILIDAD */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important; }

.titulo-pagina {
  font-size: 23px;
  border-left: 5px solid #287897;
  /* margin-left: 17px;*/
  padding-left: 10px; }

.titulo-detalle h2 {
  font-weight: bold;
  line-height: normal;
  color: black;
  margin: 0;
  word-break: break-word;
  border-left: 10px solid #1c7696;
  padding: 10px 20px;
  margin-bottom: 30px; }

/****  ADAPTACION INTERNET EXPLORER  ****/
/****  HEADER  ****/
#banner #heading {
  /****  CUSTOM NAVIGATION  -  DESKTOP  ****/ }
  #banner #heading .main-navigation-container {
    -ms-flex-direction: column; }
    #banner #heading .main-navigation-container .custom-navigation > ul > li:hover {
      -webkit-box-shadow: inset 0 -5px 0 0 #1c7696;
      -moz-box-shadow: inset 0 -5px 0 0 #1c7696;
      outline: none; }
      #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > a, #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > span {
        color: #1c7696; }
      #banner #heading .main-navigation-container .custom-navigation > ul > li:hover .child-menu-wrapper {
        display: block !important; }
    #banner #heading .main-navigation-container .child-menu-container {
      display: -ms-grid;
      -ms-grid-rows: auto;
      -ms-grid-columns: .4fr 50px 1fr; }
      #banner #heading .main-navigation-container .child-menu-container .section-info {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      #banner #heading .main-navigation-container .child-menu-container .child-menu {
        -ms-grid-row: 1;
        -ms-grid-column: 3; }

/****  FOOTER  ****/
#footer .footer-info-wrapper .footer-info {
  width: 100%;
  display: -ms-grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: auto 50px 1fr 50px 1fr 50px 1fr; }
  #footer .footer-info-wrapper .footer-info .sedes-chd {
    -ms-grid-column: 1; }
  #footer .footer-info-wrapper .footer-info .other-info {
    -ms-grid-column: 3;
    display: -ms-grid;
    -ms-grid-rows: auto 20px auto; }
    #footer .footer-info-wrapper .footer-info .other-info .horario-chd {
      -ms-grid-row: 1; }
    #footer .footer-info-wrapper .footer-info .other-info .rrss-chd {
      -ms-grid-row: 3; }
  #footer .footer-info-wrapper .footer-info .footer-destacados {
    -ms-grid-column: 5; }
  #footer .footer-info-wrapper .footer-info .footer-site-links {
    -ms-grid-column: 7; }

#footer .footer-copyright-logos-wrapper .footer-copyright-logos .footer-logos {
  display: -ms-flexbox; }

#footer .footer-copyright-logos-wrapper .footer-copyright-logos .logo-ministerio {
  display: -ms-flexbox; }
  #footer .footer-copyright-logos-wrapper .footer-copyright-logos .logo-ministerio a {
    display: -ms-flexbox; }

/****  FIN ADAPTACIÓN INTERNET EXPLORER  ****/
/****  ADAPTACION INTERNET EXPLORER - RESPONSIVE  ****/
@media screen and (max-width: 1023px) {
  #banner {
    /****  La cabecera Desktop pasa a ser el menu responsive  ****/
    /****  CABECERA  ****/ }
    #banner #heading {
      display: flex;
      /****  CUSTOM NAVIGATION  -  RESPONSIVE  ****/
      /****  SEARCH  -  RESPONSIVE  ****/ }
      #banner #heading .main-navigation-container {
        -ms-flex-direction: row; }
        #banner #heading .main-navigation-container .custom-navigation span[class^="fa-"], #banner #heading .main-navigation-container .custom-navigation span[class*=" fa-"] {
          display: -ms-inline-grid; }
        #banner #heading .main-navigation-container .custom-navigation > ul > li:hover {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          outline: none; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > a, #banner #heading .main-navigation-container .custom-navigation > ul > li:hover > span {
            color: white; }
          #banner #heading .main-navigation-container .custom-navigation > ul > li:hover .child-menu-wrapper {
            display: block !important; }
      #banner #heading .header-search-container .nav-search-btn {
        display: -ms-grid; }
    #banner #heading-responsive #vertical-menu-btn {
      top: 50%;
      transform: translateY(-50%); } }

/* RESPONSIVE FOOTER */
@media screen and (max-width: 767px) {
  #footer .gob-links-wrapper .gob-links {
    display: -ms-grid;
    -ms-grid-columns: 1fr 10px 1fr;
    -ms-grid-rows: 1fr 10px 1fr; }
    #footer .gob-links-wrapper .gob-links a:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    #footer .gob-links-wrapper .gob-links a:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    #footer .gob-links-wrapper .gob-links a:nth-child(3) {
      -ms-grid-row: 3;
      -ms-grid-column: 1; }
    #footer .gob-links-wrapper .gob-links a:nth-child(4) {
      -ms-grid-row: 3;
      -ms-grid-column: 3; }
  #footer .footer-info-wrapper .footer-info {
    padding: 30px 5px;
    display: flex;
    flex-direction: column; }
  #footer .footer-info-wrapper .sedes-chd, #footer .footer-info-wrapper .other-info, #footer .footer-info-wrapper .footer-destacados, #footer .footer-info-wrapper .footer-site-links {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) and (orientation: landscape) {
  #footer .footer-info-wrapper .footer-info {
    display: -ms-grid;
    -ms-grid-columns: auto 30px 1fr;
    -ms-grid-rows: auto 30px auto; }
    #footer .footer-info-wrapper .footer-info .sedes-chd {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    #footer .footer-info-wrapper .footer-info .other-info {
      -ms-grid-row: 3;
      -ms-grid-column: 1; }
    #footer .footer-info-wrapper .footer-info .footer-destacados {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    #footer .footer-info-wrapper .footer-info .footer-site-links {
      -ms-grid-row: 3;
      -ms-grid-column: 3; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #footer .footer-info-wrapper .footer-info {
    display: -ms-grid;
    -ms-grid-columns: auto 100px 1fr;
    -ms-grid-rows: auto 30px auto; }
    #footer .footer-info-wrapper .footer-info .sedes-chd {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    #footer .footer-info-wrapper .footer-info .other-info {
      -ms-grid-row: 3;
      -ms-grid-column: 1; }
    #footer .footer-info-wrapper .footer-info .footer-destacados {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    #footer .footer-info-wrapper .footer-info .footer-site-links {
      -ms-grid-row: 3;
      -ms-grid-column: 3; } }

/****  FIN ADAPTACIÓN INTERNET EXPLORER - RESPONSIVE  ****/