@keyframes openMenu {
  from {
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
  }
  to {
    height: 50px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
  }
}

@keyframes closeMenu {
  from {
    height: 50px;
    -webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
  }
  to {
    height: 0;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
  }
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: none;
}

.dropdown-menu {
  padding: 0;
}

.navbar-header {
  position: absolute;
  top: 100%;
  right: 50px;
}


.navbar-header > .region-navigation {
  display: flex;
  gap: 2px;
}

.navbar-header .region-navigation > .tabs,
.navbar-header .region-navigation > nav#block-useraccountmenu,
.navbar-header .region-navigation > nav#block-menuempresa {
  display: inline-block;
}

.navbar-header .region-navigation > nav#block-menuempresa > ul.menu--menu-empresa > li > a,
.navbar-header .region-navigation > nav#block-useraccountmenu > ul.menu--account > li > a,
.navbar-header .region-navigation > .tabs > .tabs--primary.nav.nav-tabs > li > a
{
  font-size: 1.5em;
  color: #FFFFFF;
  background: #357983;
  border-radius: 0 0 4px 4px;
  padding: 2px 10px;
}

.navbar-header .region-navigation > nav#block-useraccountmenu > ul.menu--account > li:not(.active) > a,
.navbar-header .region-navigation > nav#block-menuempresa > ul.menu--menu-empresa > li:not(.active) > a,
.navbar-header .region-navigation > .tabs > .tabs--primary.nav.nav-tabs > li:not(.active) > a {
  background: black;
}

.menu-lateral {
  padding: 0 0 20px;
}

.menu-lateral * {
  font-size: 14.4px !important;
  transition: all 0.8s ease;
}

.menu-lateral > li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d8d8d8;
  list-style: none;
}

.menu-lateral > li ul {
  border: none;
}
.menu-lateral > li li {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #d8d8d8;
}

.menu-lateral > li a {
  padding: 19px 45px 14px 15px;
  display: block;
  font-family: "latobold", Arial, sans-serif;
  color: #757575;
  cursor: pointer;
  word-break: break-word;
  white-space: break-spaces;
}

.menu-lateral > li.dropdown:after {
  content: '+';
  position: absolute;
  right: 5px;
  top: 19px;
}

.menu-lateral > li.dropdown:hover,
.menu-lateral > li.dropdown:hover > a {
  background: black;
  color: white;
}

.menu-lateral > li.dropdown:hover:after {
  content: '-';
}

.menu-lateral > li.dropdown:hover > ul {
  width: 100%;
  margin-bottom: 19px;
  background: white;
  display: block;
  position: relative;
  box-shadow: none;
}

/* Ocultar el boton de edición del bloque de Menu/Lupa, sólo se mostraría cuando estamos logados */
section#block-headercolumn4 > .contextual {
  display: none;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos comunes
//@ ==============================================================================
*/

.main-container * {
  font-size: 16px;
}

.main-container h2,
.main-container h2 > font,
.main-container h2 > strong > font,
.main-container h2 > font > strong,
.main-container h2 > * {
/*  font-family: inherit
  font-size: 1.5em;
  font-weight: bold;
*/  
font-size: 24px;
}

body {
  margin-top: 0;
}

.general-region-content .field--name-body img {
  max-width: 100%;
  height: auto;
}

input, select, a {
  outline: none;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

a {
  color: #434142;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.strong {
  font-weight: bold;
}

/* xurdep: Estilo General Breadcrumb */
.breadcrumb-region .breadcrumb li {
  display: inline-block;
  font-family: "latoitalic", Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #424242;
}

/* layout styles */

.group-wrapper-header > .group-wrapper-izquierda {
  display: inline-block;
  vertical-align: bottom;
  margin-top: -65px;
}

.group-wrapper-header > .group-wrapper-derecha {
  display: inline-block;
  vertical-align: middle;
  padding-left: 37px;
  box-sizing: border-box;
}


/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Noticias de Interes
//@ ==============================================================================
*/

.page-node-type-news-of-interest .field--name-field-img1-und img {
  display: block;
  width: 100%;
  height: 22vw;
  object-fit: cover;
}

.news-of-interest .content .group-wrapper-header.field-group-div {
  max-width: 1140px;
  margin: 0 auto;
}

/* xurdep: Titulo */
.news-of-interest .content
.group-wrapper-header.field-group-div
.group-wrapper-derecha.field-group-div
.field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
  font-size: 3em;
  line-height: 1.3em;
  max-width: 752px;
  margin-top: 51px;
  margin-bottom: 32px;
}

/* xurdep: Entradilla */
.news-of-interest .content
.group-wrapper-header.field-group-div
.group-wrapper-derecha.field-group-div
.field.field--name-field-longtext1-lang {
  max-width: 636px;
  padding-bottom: 54px;
  font-family: "latoitalic", Arial, sans-serif;
  color: #357983;
  font-size: 1.5em;
  line-height: 1.3em;
}

.news-of-interest .content
.field.field--name-field-img1-und {
  position: relative;
  margin-bottom: 51px;
}

.page-node-type-news-of-interest .field--name-body a,
.page-node-type-news-of-interest .field--name-body p a {
  text-decoration: underline;
}

  /*
  .group-wrapper-contenido.field-group-div {
    max-width: 800px;
    padding-right: 48.5px;
    padding-left: 97px;
    font-family: "latoregular", Arial, sans-serif;
    color: #262626;
    font-size: 1em;
    margin-bottom: 54px;
  }
  */

.news-of-interest .content
.group-wrapper-contenido.field-group-div
.with-summary {
  font-family: "latoregular", Arial, sans-serif;
  color: #262626;
  font-size: 1em;
}

.paragraph.paragraph--type--bloque-informacion .field--name-field-info-collection-text {
  font-family: "latolight", Arial, sans-serif;
}

.field--name-field-info-collection-text > p:first-child {
  margin-top: 0;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Contenido general
//@ ==============================================================================
*/

.page-node-type-general-content .view-eva.view-galeria-en-general-content header h2 {
  font-family: "latobold", Arial, sans-serif;
  color: #357983;
  font-size: 2.2em;
  margin: 70px 12px 30px;
}

.page-node-type-general-content .view-eva.view-galeria-en-general-content ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 15px;
  padding: 20px;
}

.page-node-type-general-content .view-eva.view-galeria-en-general-content ul img {
  width: 100%;
}

.page-node-type-general-content .view-eva.view-galeria-en-general-content .views-field-view-node {
  text-align: center;
  margin-top: 20px;
}

.page-node-type-general-content .view-eva.view-galeria-en-general-content .views-field-view-node a {
  color: #FFFFFF;
  background-color: #357983;
  border: none;
  margin: auto;
  padding: 10px 16px 8px;
  font-size: 16px;
  font-family: "latoregular", Arial, sans-serif;
  cursor: pointer;
}

.page-node-type-general-content .general-region-content {
  padding-top: 46px;
  padding-bottom: 30px;
}

.page-node-type-general-content .field--name-body {
  max-width: 800px;
}

.page-node-type-general-content .general-region-content > .group-wrapper-izquierda {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 823px;
  padding-right: 48.5px;
  font-family: "latoregular", Arial, sans-serif;
  color: #262626;
  font-size: 1em;
}

.page-node-type-general-content .general-region-content > .group-wrapper-derecha {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  max-width: 312px;
  padding-left: 48.5px;
}

/*
xurdep: Hack para forzar a que se muestre el menu lateral derecho. Si se quita de la presentación
el campo language, el menú lateral derecho no se muestra.
*/
.page-node-type-general-content .general-region-content > .group-wrapper-derecha #field-language-display {
  display: none;
}

/*
//@ xurdep: Estilo para la cabecera
*/
.full.general-content .group-header {
  background-color: #fcc537;
}

.col-sm-12.breadcrumb-region {
    background: #fcc537;
}

.header-resume {
    padding-bottom: 20px;
    font-style: italic;
}

/*
//@ xurdep: Ocultar el título de la página, pues este se muestra con el
//@ campo field--name-field-title. Ocultar también el Logo y nombre "Idae"
*/
h1.page-header {
  max-width: 1170px;
  text-transform: uppercase;
  /*margin: 20px auto 40px;*/
  font-size: 3em;
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
  border: none;
}


.node h1.page-header,
a.logo.navbar-btn.pull-left,
a.name.navbar-brand {display:none;}

/*
//@ xurdep: Las marcas <a> para el Contenido General irán con
//@ estilo subrayado
*/
.full.general-content .field--name-body a {
  text-decoration: underline;
}

/*
//@ xurdep: Se oculta la etiqueta "Title"
*/
/* TODO: Probar a comentar pues la etiqueta se oculta en Gestion de la presentación */
.full.general-content .field--name-field-title .field--label {
  display: none;
}

/*
//@ xurdep: Definir el estilo para el Título de la pagina
*/
/* TODO: Probar a comentar  */
.full.general-content .field--name-field-title .field--item {

  margin: 0;
  font-size: 3em;
  line-height: 1.1em;

  max-width: 1140px;
  padding: 52px 0 29px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #424242;
  font-family: "latoblack", Arial, sans-serif;

  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}

/*
//@ xurdep: Estilos para preservar el aspecto del interior de la tabla con
//@ respecto a Drupal 7
*/
.full.general-content .field--name-body table caption > p > strong {
  font-size: 16px;
}

.full.general-content .field--name-body > p > strong {
  font-size: 16px;
}

/*
//@ xurdep:
//@ Hereda el color de texto configurado, ya que si no el color de los <caption> que
//@ están dentro de las <table> sería del color configurado para "table tr td"
 */
.full.general-content table caption {
  color: inherit;
}

.full.general-content table tr td {
  border-bottom: 1px solid #d8d8d8;
  vertical-align: top;
  padding: 28px 14px 15px 14px;
  font-family: "latoregular", Arial, sans-serif;
  color: #535353;
}

.page-node-type-general-content table th {
  font-family: "latobold", Arial, sans-serif;
  background-color: #535353;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 11px 40px 9px 14px;
  border-right: 3px solid white;
}

.page-node-type-general-content table th > p {
  margin: 12px 0;
}

.page-node-type-general-content .field-name-volver-listado-noticias {
  display: none;
}

.page-node-type-general-content .field--name-field-general-link .field--label {
  font-family: "latoblack", Arial, sans-serif;
}

.page-node-type-general-content .field--name-field-general-link .field--item {
  border: 1px solid #d8d8d8;
}

.page-node-type-general-content .field--name-field-general-link .field--item > a {
  padding: 19px 15px 14px;
  display: block;
  font-family: "latobold", Arial, sans-serif;
  color: #757575;
  cursor: pointer;
  font-size: 0.9em;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Anuncio
//@ ==============================================================================
*/

/* Imagen cabecera */
.page-node-type-anuncio .field.field--name-field-custom-article-header img {
  width: 100%;
  object-fit: cover;
}

/* Titulo */
.page-node-type-anuncio .field--name-field-title {
  margin-top: 20px;
  font-size: 1.5em;
  font-family: "latoblack", Arial, sans-serif;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Articulos
//@ ==============================================================================
*/

.page-node-type-custom-article .field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
  font-size: 3em;
  line-height: 1.3em;
  max-width: 752px;
  margin-top: 51px;
  /* Hereda de H1 */
  display: block;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.page-node-type-custom-article  .field--name-field-custom-article-intro {
  max-width: 636px;
  padding-bottom: 54px;
  font-family: "latoitalic", Arial, sans-serif;
  color: #357983;
  font-size: 1.5em;
  line-height: 1.3em;
}

.page-node-type-custom-article .field.field--name-field-custom-article-header > img {
  display: block;
  max-width: 100%;
  width: calc(100% + 30px) !important;
  height: 22vw;
  object-fit: cover;
  /*margin: 10px -15px;*/
  margin: 10px 0;
}

.page-node-type-custom-article .general-region-content.container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px 80px;
}

.page-node-type-custom-article .general-region-content.container:before {
  display:none;
}

.page-node-type-custom-article  .field.field--name-field-img1-und-multi {
  max-width: 313px;
  width: 260px;
}

.page-node-type-custom-article  .field.field--name-field-img1-und-multi img,
.page-node-type-general-content  .field.field--name-field-img1-und-multi img {
  margin: 15px auto;
  width: 100%;
  object-fit: cover;
}

.page-node-type-custom-article  .field.field--name-field-img1-und-multi > .field--item{
  margin-bottom: 15px;
}

.page-node-type-custom-article .group-attachments .field--name-field-custom-article-docs {
  font-family: "latobold", Arial, sans-serif;
  text-transform: uppercase;
  color: #cf5121;
  font-size: 1.3em;
  line-height: 1.3em;
  padding-left: 60px;
  padding-top: 30px;
  margin-bottom: 0;
}

.page-node-type-custom-article .group-attachments .field--name-field-custom-article-docs .file--mime-application-pdf .icon {
  font-size: 25px;
  color: #333333;
}

.page-node-type-custom-article .group-attachments .field--name-field-custom-article-docs .file--mime-application-pdf > span {
  font-family: "latobold", Arial, sans-serif;
  text-transform: uppercase;
  border: none;
  color: #333333;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: bold;
  text-decoration: underline;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Compañías de energías renovables
//@ ==============================================================================
*/

.page-node-type-renewable-energies-company .field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  font-size: 3em;
  /*margin: 60px 20px 16px;*/
  font-weight: bold;
}

.page-node-type-renewable-energies-company .general-region-content {
  background-color: #F8F8F8;
  padding: 15px 20px 53px;
}

.page-node-type-renewable-energies-company .general-region-content .group-container {
  max-width: 1200px;
  margin: 0 auto;
}

.page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  box-sizing: border-box;
  margin: 8px;
  padding: 0 20px 10px;
  background-color: #FFFFFF;
}

.page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div h3 {
  font-family: "latoitalic", Arial, sans-serif;
  color: #235a62;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
}

.page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div > div {
  padding: 7px 0 7px 15px;
  display: grid;
  grid-template-columns: auto 1fr;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Compañía de servicios energéticos
//@ ==============================================================================
*/

.page-node-type-energetic-service-company .field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  font-size: 3em;
  /*margin: 60px 20px 16px;*/
  font-weight: bold;
}

.page-node-type-energetic-service-company .general-region-content {
  background-color: #F8F8F8;
  padding: 15px 20px 53px;
}

.page-node-type-energetic-service-company .general-region-content .group-container {
  max-width: 1200px;
  margin: 0 auto;
}

.page-node-type-energetic-service-company .general-region-content .group-container .field-group-div {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  box-sizing: border-box;
  margin: 8px;
  padding: 0 20px 10px;
  background-color: #FFFFFF;
}

.page-node-type-energetic-service-company .general-region-content .group-container .field-group-div h3 {
  font-family: "latoitalic", Arial, sans-serif;
  color: #235a62;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
}

.page-node-type-energetic-service-company .general-region-content .group-container .field-group-div > div {
  padding: 7px 0 7px 15px;
}

.page-node-type-energetic-service-company .certificate-link {
  color: #357983;
  font-size: 1.1em;
  font-family: "latoitalic", Arial, sans-serif;
  line-height: 1.5em;
  text-decoration: underline;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Destacados
//@ ==============================================================================
*/

.page-node-type-featured-items .field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  font-size: 1.5em;
  /*margin: 60px 20px 16px;*/
  font-weight: bold;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Evento
//@ ==============================================================================
*/

.page-node-type-event .general-region {
  background-color: #fafafa;
}

.page-node-type-event .general-region-header {
  padding: 0 20px 15px;
  box-sizing: border-box;
}

.page-node-type-event .field.field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  font-size: 3em;
  font-weight: bold;
}

.page-node-type-event .general-region-content {
  padding: 86px 20px 30px;
}

.page-node-type-event .general-region-content .group-wrapper-izquierda {
  display: inline-block;
  vertical-align: top;
  width: 7%;
  margin-right: 38px;
}

.page-node-type-event .general-region-content .group-wrapper-contenido {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  max-width: 87%;
}

.page-node-type-event .field {
  padding: 10px 0;
}

.page-node-type-event .field .field--label {
  color: #235a62;
  padding-right: 5px;
  font-family: "latobold", Arial, sans-serif;
}

.page-node-type-event .field--name-body > p > a {
  text-decoration: underline;
}

/* xurdep: Estilo para las fechas de los eventos */
.view-eventos-fechas .view-content .views-row .views-field.views-field-nothing .field-content {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  color: #676566;
}




/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Expediente
//@ ==============================================================================
*/

.page-node-type-expediente .field {
  margin: 5px 0;
}

.page-node-type-expediente .field .field--label {
  font-weight: bold;
}

.page-node-type-expediente .field.field--name-field-title {
  font-family: "latoregular", Arial, sans-serif;
  line-height: 30px;
  font-size: 1.5em;
  font-weight: bold;
  margin: 5px 0;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Galeria
//@ ==============================================================================
*/

.page-node-type-gallery .field.field--name-field-title {
  margin-top: 51px;
  font-size: 3em;
  margin-bottom: 40px;
  line-height: 1.5em;
  font-weight: bold;
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
}

.page-node-type-gallery .view-idae-gallery {
  background-color: #F8F8F8;
  padding-top: 30px;
  padding-bottom: 53px;
}

.page-node-type-gallery .view-idae-gallery .field--name-field-img1-und-multi {
  max-width: 1150px;
  margin: 0 auto;
  padding: 35px;
  position: relative;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}

.page-node-type-gallery .view-idae-gallery .field--name-field-img1-und-multi .field--item {
  margin: 15px;
  overflow: hidden;
}

.page-node-type-gallery .view-idae-gallery .field--name-field-img1-und-multi .field--item img {
  position: relative;
  transition: transform .5s ease;
}

.page-node-type-gallery .view-idae-gallery .field--name-field-img1-und-multi .field--item img:hover {
  transform: scale(1.5);
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Publicaciones
//@ ==============================================================================
*/

.page-node-type-publications {
  background-color: #fafafa;
}

.page-node-type-publications .general-region-footer {
  display: grid;
}

.page-node-type-publications .general-region-footer > .field--name-field-title {
  grid-area: 1 / 2 / 2 / 3;
}

.page-node-type-publications .general-region-footer > .addtoany_list {
  grid-area: 1 / 1 / 3 / 2;
}

.page-node-type-publications .general-region-footer > .general-region-content {
  grid-area: 2 / 2 / 3 / 3;
}

.page-node-type-publications .general-region-header {
  max-width: 1200px;
  margin: 0 auto;
  /*padding-bottom: 30px;*/
}

.page-node-type-publications .general-region-header > div {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.page-node-type-publications .general-region-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;

  display: grid;
  grid-template-columns: 1fr auto;
}

.page-node-type-publications .general-region-content .group-wrapper-body {
  padding-left: 80px;
  padding-right: 80px;
}

/*
Este estilo seria para anular el estilo general .group-wrapper-derecha
definido para otros tipos de contenido.
Podría probarse a quitar el estilo general y ver como afecta al resto
de tipos de contenido.
*/
.page-node-type-publications .group-wrapper-derecha {
  padding-left: 0;
  position: relative;
  left: -65px;
}

/* Titulo */
.page-node-type-publications .field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
  font-size: 2.5em;
  line-height: 1.3em;
  margin-top: 51px;
  margin-bottom: 32px;
}

/* Entradilla */
.page-node-type-publications .field--name-field-longtext1-lang {
  max-width: 636px;
  padding-bottom: 20px;
  font-family: "latoitalic", Arial, sans-serif;
  color: #357983;
  font-size: 1.5em;
  line-height: 1.3em;
}

.page-node-type-publications .group-wrapper-izquierda {
  /*
  margin-top: -170px;
  margin-left: 24px;
  */
  position: relative;
  left: -80px;
}

.page-node-type-publications .group-wrapper-body {
  max-width: 800px;
}

@media (max-width: 1280px) {
  .page-node-type-publications .general-region > div {
    padding: 0 20px;
  }
}

.page-node-type-publications .group-wrapper-compra.field-group-div {
  font-family: "latoregular", Arial, sans-serif;
  color: #262626;
  font-size: 1em;
  margin: 20px 0;
  background-color: #FFFFFF;
  border: 1px solid #d8d8d8;
}

.page-node-type-publications .group-wrapper-compra > div {
  display: inline-block;
  vertical-align: top;
}

.page-node-type-publications .field--name-field-img1-lang {
  width: 12%;
  padding-top: 20px;
  padding-left: 26px;
  padding-bottom: 20px;
}

.page-node-type-publications .group-wrapper-compra .group-wrapper-shopping.field-group-div {
  padding-left: 26px;
  box-sizing: border-box;
  width: 82%;
  padding-bottom: 20px;
}

.page-node-type-publications .group-download-pdf.field-group-div {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding: 20px 0 0;
}

.page-node-type-publications .group-wrapper-right-content.field-group-div {
  background-color: #FFFFFF;
  border: 1px solid #d8d8d8;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
  height: fit-content;
  width: 276px;
}

.page-node-type-publications .group-wrapper-detalles.field-group-div h3 {
  font-weight: normal;
  font-family: "latoregular", Arial, sans-serif;
  font-size: 1em;
  color: #757575;
  padding: 0 24px;
  margin: 25px 0;
}

.page-node-type-publications .group-wrapper-detalles {
  display: inline-table;
}

.page-node-type-publications .group-wrapper-detalles * {
  color: #757575;
}

.page-node-type-publications .group-wrapper-detalles .field--label{
  font-family: "latoregular", Arial, sans-serif;
  font-weight: normal;
}
.page-node-type-publications .group-wrapper-detalles .field--item{
  font-family: "latobold", Arial, sans-serif;
}

.page-node-type-publications .group-wrapper-detalles > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 15px 0;
}

.page-node-type-publications .group-wrapper-detalles > div.field--name-field-related-publications {
  width: 100% !important;
}

.page-node-type-publications .group-wrapper-detalles > div:nth-child(2) {
  background-color: #f0f0f0;
  padding-left: 24px;
  box-sizing: border-box;
}

.page-node-type-publications .group-wrapper-detalles > div:nth-child(3) {
  padding-right: 24px;
  box-sizing: border-box;
  background-color: #f0f0f0;
}

.page-node-type-publications .group-wrapper-detalles > div:nth-child(4) {
  padding-left: 24px;
  box-sizing: border-box;
}

.page-node-type-publications .group-wrapper-detalles > div:nth-child(5) {
  padding-right: 24px;
  box-sizing: border-box;
}
.page-node-type-publications .group-wrapper-detalles > .field--name-field-related-publications {
  margin: 0 !important;
  padding: 24px;
  font-family: "latobold", Arial, sans-serif;
  font-size: 0.875em;
  color: #757575;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: FAQ Preguntas Frecuentes
//@ ==============================================================================
*/

.view--front-frequently-asked-questions .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;

}

.view--front-frequently-asked-questions .view-content .views-row {
  background-color: #FFFFFF;
  border: solid 1px #d8d8d8;
}

.view--front-frequently-asked-questions .view-content .views-row:hover {
  background-color: #d8d8d8;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Content Type: Pagina Básica (Formulario de Contacto)
//@ ==============================================================================
*/

.page-node-type-page {
  font-family: latolight, Arial, sans-serif;
  font-size: 14px;
}

.page-node-type-page .field--name-field-title {
  font-family: "latoblack", Arial, sans-serif;
  color: #424242;
  font-size: 2.5em;
  line-height: 1.3em;
  margin-top: 51px;
  margin-bottom: 32px;
}

/* Ocultar el titulo del formulario (no veo manera en Webform de ocultarlo) */
.page-node-type-page .field--name-field-form-reference .webform h2 {
  display: none;
}

.page-node-type-page .field--name-field-form-reference .webform {
  max-width: 720px;
  margin: 20px auto;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
        "nombre nombre"
        "contacto email"
        "telefono direccion"
        "comunidad cp"
        "pregunta pregunta"
        "captcha captcha"
        "envio envio";
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item label {
  color: #676566;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item input {
  border: none;
}



/* Eliminar definitivamente los bordes los input */
.form-control {
  border: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
}


.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item.form-group {
  border: 1px solid #dfdfdf;
  margin-bottom: 0;
  padding: 20px;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.webform-progress {
  grid-area: progreso;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-form-contact-name {
  grid-area: nombre;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-form-persona-de-contacto {
  grid-area: contacto;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-form-contact-email {
  grid-area: email;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-telefono {
  grid-area: telefono;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-direccion {
  grid-area: direccion;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-comunidad-autonoma {
  grid-area: comunidad;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-codigo-postal {
  grid-area: cp;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.form-item-form-contact-comment {
  grid-area: pregunta;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.captcha {
  grid-area: captcha;
  display: grid;
  grid-template-areas:
        "image"
        "title"
        "renew";
  border: 1px solid #dfdfdf;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.captcha img {
  grid-area: image;
  margin: 0 auto;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.captcha .form-item.form-item-captcha-response {
  grid-area: title;
  border: 0;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.captcha .reload-captcha-wrapper {
  grid-area: renew;
  padding: 20px;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.webform-actions {
  grid-area: envio;
  text-align: center;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.webform-actions > .webform-button--submit {
  padding: 10px;
  margin: 20px;
  color: #FFFFFF;
  background-color: #357983;
  border: none;
  font-size: 16px;
  font-family: "latoregular", Arial, sans-serif;
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s;
}

.page-node-type-page .field--name-field-form-reference .webform .field--name-webform form
.webform-actions > .webform-button--submit:hover {
  background-color: #f3be5e;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para el Header
//@ ==============================================================================
*/

header.navbar-default {
  position: sticky;
  top: 0;
  z-index: 4;
  background-color: #fafafa;
  color: #484848;
  font-size: 10px;
  height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.region.region-top-header {
  display: grid;
  grid-template-columns: repeat(5, auto);
  align-items: center;
  gap: 15px;
  margin: auto;
}

.central-menu {
  display: flex;
}

header .top-header {
  margin: auto;
  width: 100%;
}

header .top-header a {
  text-decoration: none;
  font-weight: bold;
}

header .top-header i {
  color: darkgray;
}

header .top-header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

header .top-header li {
  float: left;
  padding-right: 10px;
}

header .top-header .social_icons a {
  font-size: 14px;
}

header .top-header .user_icons i {
  padding-left: 20px;
  font-size: 24px;
}

header #block-alternadordeidioma > a:after {
  content: "\f078";
  font-family: 'FontAwesome';
}

header #block-alternadordeidioma > .dropdown-menu {
  padding: 5px 10px;
}

header #block-alternadordeidioma > .dropdown-menu > .dropdown-item {
  display: block;
}

header #block-idae-theme-search.open {
  background: white;
}

#search-button, #menu-button {
  cursor: pointer;
}

/* //@ xurdep: Poner los primeros <li> del menú principal en mayúsculas */
ul.menu.menu--main > li > a{
  text-transform: uppercase;
}

header #block-idae-theme-search.open,
header #block-idae-theme-main-menu.open  ul.menu.menu--main {
  -webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
  box-shadow: 0 5px 5px 1px rgba(0,0,0,0.25);
}

header ul.menu.menu--main.nav.navbar-nav > li {
  background: white;
}

header ul.menu.menu--main.nav.navbar-nav > li li > a,
header ul.menu.menu--main.nav.navbar-nav > li > a {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 15px;
  align-items: center;
  font-size: 12px;
  font-family: "latoblack", Arial, sans-serif;
}

header ul.menu.menu--main.nav.navbar-nav > li li {
  border-top: 1px solid #d8d8d8;
  padding: 7px 0;
}

header ul.menu.menu--main.nav.navbar-nav > li li > a {
  color: rgb(117, 117, 117);
  padding: 0 25px 0 10px;
}

header ul.menu.menu--main.nav.navbar-nav > li > a > .caret {
  display: none;
}

header ul.menu.menu--main.nav.navbar-nav li.dropdown > a:after,
header ul.menu.menu--main.nav.navbar-nav li > a.dropdown-toggle:after {
  padding-right: 15px;
  content: '+';
}

header ul.menu.menu--main.nav.navbar-nav > li:hover {
  background-color: #535353 !important;
}

header ul.menu.menu--main.nav.navbar-nav > li > .dropdown-menu {
  padding: 0 0 5px
}

header ul.menu.menu--main.nav.navbar-nav > li:hover > a {
  color: #fbc437;
  background: none !important;
}

header ul.menu.menu--main.nav.navbar-nav li.menu-icon-464:hover > .dropdown-menu {
height: 300px;
overflow-y: scroll;
}

header ul.menu.menu--main.nav.navbar-nav li.menu-icon-464:hover > .dropdown-menu .dropdown-menu {
    position: relative;
    right: 0%;
    margin-bottom: 5px;
}

header ul.menu.menu--main.nav.navbar-nav li:hover > .dropdown-menu {
display: block;
}

header ul.menu.menu--main.nav.navbar-nav li:hover > a.dropdown-toggle:after,
header ul.menu.menu--main.nav.navbar-nav li.open > a.dropdown-toggle:after {
  content: '-';
}

header ul.menu.menu--main.nav.navbar-nav > li li.dropdown:hover > ul {
  display: block;
  left: 100%;
  top: 0;
}

header ul.menu.menu--main.nav.navbar-nav > li:nth-child(1n+2) li.dropdown:hover > ul {
  left: auto;
  right: 100%;
}

header ul.menu.menu--main.nav.navbar-nav > li:last-child > .dropdown-menu {
  left: auto;
  right: 0;
}

header ul.menu.menu--main.nav.navbar-nav > li li.dropdown:hover:after > a {
  content: '-';
}

header ul.menu.menu--main.nav.navbar-nav li:hover > li {
  display: block !important;
  width: 100% !important;
  border-top: 1px solid #d8d8d8;
  flex-grow: 1;
  align-items: center;
  position: relative;
}

header ul.menu.menu--main.nav.navbar-nav li.open > a.dropdown-toggle,
header ul.menu.menu--main.nav.navbar-nav li:hover > a.dropdown-toggle {
  content: '-';
}

/* xurdep: Oculta los submenus de 4º Nivel y elimina el '+' en el after */
header ul.menu.menu--main.nav.navbar-nav > li > ul > li > ul > li > ul {
  visibility: hidden;
  /*background-color: red;*/
}

header ul.menu.menu--main.nav.navbar-nav > li > ul > li > ul > li.expanded.dropdown > a:after {
  content:'';
}

header ul.menu.menu--main.nav.navbar-nav .dropdown-menu {
  width: 100%;
}

/* xurdep: hace que los items del menu se muestren en más de una linea si ocupan más del 100% del ancho */
header ul.menu.menu--main.nav.navbar-nav .dropdown-menu > li > a {
  white-space: unset !important;
}



#navbar {
  flex-direction: column;
}

#navbar-collapse {
  width: 100%;
  padding: 0;
}

header .region-navigation-collapsible {
  position: relative;
}

#block-idae-theme-main-menu {
  display: none;
}

header .region-navigation-collapsible > #block-idae-theme-main-menu,
header .region-navigation-collapsible > #block-idae-theme-search {
  position: absolute;
  background: white;
  width: 100%;
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  z-index: 1;
}

header .region-navigation-collapsible > #block-idae-theme-main-menu.closed,
header .region-navigation-collapsible > #block-idae-theme-search.closed {
  animation-name: closeMenu;
  animation-delay: 0s;
  animation-duration: 1s;
}

header .region-navigation-collapsible > #block-idae-theme-main-menu.open,
header .region-navigation-collapsible > #block-idae-theme-search.open {
  overflow: visible;
  height: auto;
  animation-name: openMenu;
  animation-delay: 0s;
  animation-duration: 1s;
}

header .region-navigation-collapsible > #block-idae-theme-search.open form .form-group {
  margin-bottom: unset;
}

/* Menu */

#block-idae-theme-main-menu > ul.menu {
  display: flex;
  align-items: stretch;
  height: 100%;
  transition: none !important;
  width: 100%;
}

#block-idae-theme-main-menu > ul.menu > li {
  display: flex;
  flex-grow: 1;
  align-items: center;
  width: auto;
  border-left: 1px solid #d8d8d8;
  position: relative;
}

.main-container > .row {
  margin: 0;
}

.main-container > .row > .col-xs-1, .main-container > .row > .col-sm-1, .main-container > .row > .col-md-1, .main-container > .row > .col-lg-1, .main-container > .row > .col-xs-2, .main-container > .row > .col-sm-2, .main-container > .row > .col-md-2, .main-container > .row > .col-lg-2, .main-container > .row > .col-xs-3, .main-container > .row > .col-sm-3, .main-container > .row > .col-md-3, .main-container > .row > .col-lg-3, .main-container > .row > .col-xs-4, .main-container > .row > .col-sm-4, .main-container > .row > .col-md-4, .main-container > .row > .col-lg-4, .main-container > .row > .col-xs-5, .main-container > .row > .col-sm-5, .main-container > .row > .col-md-5, .main-container > .row > .col-lg-5, .main-container > .row > .col-xs-6, .main-container > .row > .col-sm-6, .main-container > .row > .col-md-6, .main-container > .row > .col-lg-6, .main-container > .row > .col-xs-7, .main-container > .row > .col-sm-7, .main-container > .row > .col-md-7, .main-container > .row > .col-lg-7, .main-container > .row > .col-xs-8, .main-container > .row > .col-sm-8, .main-container > .row > .col-md-8, .main-container > .row > .col-lg-8, .main-container > .row > .col-xs-9, .main-container > .row > .col-sm-9, .main-container > .row > .col-md-9, .main-container > .row > .col-lg-9, .main-container > .row > .col-xs-10, .main-container > .row > .col-sm-10, .main-container > .row > .col-md-10, .main-container > .row > .col-lg-10, .main-container > .row > .col-xs-11, .main-container > .row > .col-sm-11, .main-container > .row > .col-md-11, .main-container > .row > .col-lg-11, .main-container > .row > .col-xs-12, .main-container > .row > .col-sm-12, .main-container > .row > .col-md-12, .main-container > .row > .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Footer
//@ ==============================================================================
*/

footer.footer {
  background-color: #484848;
  color: white;
  padding-bottom: 0;
}

footer.footer > .container > .row {
  margin-bottom: 15px;
}

footer.footer ul {
  list-style-type: none;
}

footer.footer ul li {
  /*padding: 8px 0 8px 0;*/
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-size:10px;
  font-weight: bold;
}

footer.footer ul li:hover a {
  color: #484848;
}

footer.footer a {
  text-decoration: none;
  color: white;
}

footer.footer .footer_col01_wrapper img {
  position:relative;
  top: -20px;
}

footer.footer .footer-row div {
  display: inline-block;
}

footer.footer .separator {
  height: 25px;
}

footer.footer .footer-row.title {
  font-size: 18px;
}

footer.footer .footer-row.content {
  font-size: 10px;
}

footer.footer .footer-row .icon {
  font-weight: bold;
  font-size: 20px;
  min-width: 25px;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para Sub-Footer
//@ ==============================================================================
*/
footer.footer > .sub-footer {
  background-color: #2a647c;
  color:white;
  font-size: 12px;
  padding: 10px 50px 10px 50px;
}

footer.footer > .sub-footer .subfooter_col01_wrapper,
footer.footer > .sub-footer .subfooter_col03_wrapper {
  display: flex;
}

footer.footer > .sub-footer .subfooter_col01_wrapper {
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

footer.footer > .sub-footer .subfooter_col01_wrapper > img {
  height: 22px;
}

footer.footer > .sub-footer .subfooter_col03_wrapper {
  gap: 10px;
}

footer.footer > .sub-footer .subfooter_col03_wrapper > span {
  flex: 1;
}

footer.footer > .sub-footer .subfooter_col03_wrapper > span:not(:first-child) {
  text-align: right;
}

footer.footer > .sub-footer .subfooter_col03_wrapper i {
  font-size:18px;
}

/* xurdep: Bloque inferior con las imagenes de Patrocinadores */
.bottom-logos-block {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding-top: 50px;
}

/* Breadcrumb region */

.breadcrumb-region * {
  background: none;
}


.page-node-type-bloques #title-container,  .page-node-type-bloques-con-estilos #title-container {
  padding: 12px 0 20px;
}

.page-node-type-page .field--name-field-title,
.page-node-type-general-content .field--name-field-title{
  margin: 0 0 25px;
  font-size: 3em;
  line-height: 1.1em;
  text-transform: uppercase;
  color: #424242;
  font-family: "latoblack", Arial, sans-serif;
}

.page-node-type-general-content .field--name-field-img1-und-multi {
  margin: 15px 0;
  max-width: initial;
}
.page-node-type-bloques-con-estilos .field--name-field-longtext2-lang-multi p,
.page-node-type-bloques-con-estilos .field--name-field-longtext2-lang-multi,
.page-node-type-bloques .field--name-field-longtext2-lang-multi p,
.page-node-type-bloques .field--name-field-longtext2-lang-multi,
.page-node-type-bloques .field--name-field-longtext1-lang-multi p,
.page-node-type-bloques .field--name-field-longtext1-lang-multi,
.page-node-type-page .field--name-field-longtext1-lang-multi p,
.page-node-type-page .field--name-field-longtext1-lang-multi,
.page-node-type-general-content .field--name-field-longtext1-lang-multi p,
.page-node-type-general-content .field--name-field-longtext1-lang-multi,
.page-node-type-general-content .field--name-field-longtext2-lang-multi p,
.page-node-type-general-content .field--name-field-longtext2-lang-multi {
  font-family: "latoitalic", Arial, sans-serif;
  font-size: 1.5em;
  color: #424242;
  line-height: 1.3em;
  max-width: 1140px;
  margin: 1em 0;
  padding: 0;
}

.page-node-type-general-content .field--name-field-longtext1-lang-multi {
  /*padding-bottom: 20px;*/
}
.page-node-type-bloques-con-estilos .field--name-field-longtext2-lang-multi,
.page-node-type-bloques .field--name-field-longtext2-lang-multi,
.page-node-type-general-content .field--name-field-longtext2-lang-multi {
  /*padding-bottom: 52px;*/
}

.page-node-type-page .general-region-header,
.page-node-type-bloques .breadcrumb-region,
.page-node-type-bloques #title-container,
.page-node-type-bloques-con-estilos #title-container,
.page-node-type-general-content .breadcrumb-region,
.page-node-type-general-content .general-region > .general-region-header {
  background: #fcc537;
}
#block-headercolumn1 .header_block {
  display:flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

#block-headercolumn1 .header_block > img,
#block-headercolumn1 .header_block > a > img {
  max-height: 40px;
}


ol.breadcrumb {
  padding: 30px 0;
  margin-bottom: 0;
}

/*
.page-node-type-bloques .breadcrumb-region .breadcrumb {
  padding: 55px 0 0;
  margin: 0;
}

ol.breadcrumb,
.page-node-type-general-content .breadcrumb {
  padding: 30px 0;
  margin-bottom: 0;
}
*/

.breadcrumb-region .breadcrumb > li + li:before {
  padding: 0;
  color: black;
  content: "·";
}

ul.links.inline.list-inline {
    display: none;
}

.page-node-type-news-of-interest .breadcrumb {
  padding-bottom: 18px;
  padding-top: 60px;
  /*border-bottom: 1px solid #d8d8d8;*/
}

.page-node-type-news-of-interest .breadcrumb li,
.page-node-type-news-of-interest .breadcrumb li a,
.page-node-type-general-content .breadcrumb li,
.page-node-type-general-content .breadcrumb li a {
  font-family: "latoitalic", Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: #424242;
}

/* Share bar */

.page-node-type-general-content .addtoany_list {
  line-height: 32px;
  z-index: 0;
  display: inline-block;
  vertical-align: top;
  width: 9%;
  margin-right: 38px;
}

.page-node-type-general-content .group-wrapper-contenido {
  display: inline-block;
  width: 84%;
  vertical-align: top;
  padding: 0;
}

.page-node-type-news-of-interest .group-wrapper-contenido {
  max-width: 800px;
  padding-right: 48.5px;
  padding-left: 97px;
  font-family: "latoregular", Arial, sans-serif;
  color: #262626;
  font-size: 1em;
  margin-bottom: 54px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.page-node-type-news-of-interest .field--name-field-img1-und-multi {
  max-width: 313px;
  padding-left: 48.5px;
  margin-bottom: 39px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.page-node-type-news-of-interest .field--name-field-img1-und-multi .field--items {
  margin: 15px 0;
}

.share-buttons:after {
  content: "\e910";
  font-family: 'icomoon';
  font-size: 28px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  cursor: pointer;
  width: 60px;
  border: 1px solid #d8d8d8;
  text-align: center;
  display: block;
  padding: 15px 0;
}

.share-buttons.abierto:after {
  content: "\e911";
}

.share-buttons .share-wrapper > a {
  display: block;
}

.share-buttons .share-wrapper > a > span {
  height: 60px !important;
  width: 60px !important;
  border-radius: 0;
}

.field-name-volver-listado-noticias {
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #d8d8d8;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field-name-volver-listado-noticias a {
  font-size: 0;
}

.field-name-volver-listado-noticias a:before {
  content: "\e90f";
  font-family: 'icomoon';
  font-size: 28px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  cursor: pointer;
}

@media all and (max-width: 1280px) {
  .general-content.full {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .page-node-type-custom-article .general-region-content.container {
    grid-template-columns: 1fr;
  }
  .group-wrapper-contenido.field-group-div {
    max-width: 1150px;
    padding-left: 0;
  }

  .page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div {
    width:47%;
  }
}

@media all and (max-width: 768px) {
  .general-content.full {
    margin: 125px auto 0;
  }
  .full.general-content .field--name-field-title .field--item {
    font-size: 2.5em;
  }

  .page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div {
    width:100%;
  }
}

@media all and (max-width: 640px) {
  .full.general-content .field--name-field-title .field--item {
    font-size: 2em;
    margin: 8px auto 15px;
  }

  .group-wrapper-contenido.field-group-div {
    max-width: 610px;
    padding-left: 0;
  }

  .page-node-type-renewable-energies-company .general-region-content .group-container .field-group-div {
    width:100%;
  }
}


/*
//@ ==============================================================================
//@ xurdep:
//@ Start issues_fran.css
//@ ==============================================================================
*/

#block-alternadordeidioma > a {
  text-transform: uppercase;
}

.path-articulos .views-element-container,
.path-noticias .views-element-container {
  background: #f8f8f8;
}

.path-articulos .view-header,
.path-articulos-grid .view-header,
.path-noticias .view-header,
.path-noticias-grid .view-header {
  position: relative;
}

.path-articulos .view-header > .enlaces,
.path-articulos-grid .view-header > .enlaces,
.path-noticias .view-header > .enlaces,
.path-noticias-grid .view-header > .enlaces {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 30px;
}

.path-articulos .view-header > .enlaces a,
.path-articulos-grid .view-header > .enlaces a,
.path-noticias .view-header > .enlaces a,
.path-noticias-grid .view-header > .enlaces a {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  display: block;
}

.path-articulos .view-header > .enlaces > p:first-child a,
.path-noticias .view-header > .enlaces > p:first-child a {
  background-image: url(/sites/default/files/images/btn-list-on.png);
}

.path-articulos .view-header > .enlaces > p:last-child a,
.path-noticias .view-header > .enlaces > p:last-child a {
  background-image: url(/sites/default/files/images/btn-list-grid-off.png);
}

.path-articulos-grid .view-header > .enlaces > p:first-child a,
.path-noticias-grid .view-header > .enlaces > p:first-child a {
  background-image: url(/sites/default/files/images/btn-list-off.png);
}

.path-articulos-grid .view-header > .enlaces > p:last-child a,
.path-noticias-grid .view-header > .enlaces > p:last-child a {
  background-image: url(/sites/default/files/images/btn-list-grid-on.png);
}

.view--front-grid-articles.view-display-id-page_2 .views-row,
.view--front-grid-news-list.view-display-id-page_2 .views-row {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 70px;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  margin: 5px auto 10px;
}

.view--front-grid-articles.view-display-id-page_2 .views-row *,
.view--front-grid-news-list.view-display-id-page_2 .views-row * {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  margin: 5px auto 10px;
}

.view--front-grid-articles.view-display-id-page_2 .views-row:hover,
.view--front-grid-news-list.view-display-id-page_2 .views-row:hover {
  background-color: #357983;
  -webkit-transform: scale(1.03419, 1.03419);
  -moz-transform: scale(1.03419, 1.03419);
  -ms-transform: scale(1.03419, 1.03419);
  -o-transform: scale(1.03419, 1.03419);
  transform: scale(1.03419, 1.03419);
  position: relative;
  z-index: 9;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 50%);
}

.view--front-grid-articles.view-display-id-page_2 .views-row:hover *,
.view--front-grid-news-list.view-display-id-page_2 .views-row:hover * {
  color: white;
}


.general-content .field--name-field-file1-lang-multi {
  padding-left: 29px;
  padding-top: 30px;
}

.general-content .field--name-field-file1-lang-multi > .field--label {
  text-transform: uppercase;
  color: #cf5121;
  font-size: 1.12em;
  line-height: 1.3em;
  padding-left: 60px;
  margin-bottom: 0;
}

.page-node-type-publications .field--name-field-file1-lang-multi > .field--items > .field--item {
  padding: 30px 0;
}

.page-node-type-publications .field--name-field-file1-lang-multi > .field--items > .field--item:not(:first-child),
.general-content .field--name-field-file1-lang-multi > .field--items > .field--item:not(:first-child) {
  margin-top: 40px;
}

.page-node-type-publications .field--name-field-file1-lang-multi .file,
.general-content .field--name-field-file1-lang-multi .file {
  display: grid;
  grid-template-columns: 66px 1fr;
  grid-template-areas: "icon link" "icon size";
}

.page-node-type-publications .field--name-field-file1-lang-multi .file > span,
.general-content .field--name-field-file1-lang-multi .file > span {
  border: none;
  text-align: left;
}

.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-icon,
.general-content .field--name-field-file1-lang-multi .file > .file-icon {
  grid-area: icon;
}

.page-node-type-general-content .field--name-field-file1-lang-multi .file > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-icon > .icon:before {
  font-family: 'icomoon';
  font-size: 30px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3em;
  top: 0;
  left: -2px;
}


.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-pdf > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-pdf > .file-icon > .icon:before {
  content: '\e909';
}

.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-zip > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-zip > .file-icon > .icon:before {
  content: '\e922';
}

.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet > .file-icon > .icon:before,
.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-vnd-ms-excel > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-vnd-ms-excel > .file-icon > .icon:before {
  content: '\e920';
}

.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-msword > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-msword > .file-icon > .icon:before,
.page-node-type-general-content .field--name-field-file1-lang-multi .file--mime-application-vnd-openxmlformats-officedocument-wordprocessingml-document > .file-icon > .icon:before,
.page-node-type-publications .field--name-field-file1-lang-multi .file--mime-application-vnd-openxmlformats-officedocument-wordprocessingml-document > .file-icon > .icon:before {
  content: '\e921';
}



.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-link,
.general-content .field--name-field-file1-lang-multi .file > .file-link {
  grid-area: link;
  align-self: end;
}

.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-size,
.general-content .field--name-field-file1-lang-multi .file > .file-size {
  grid-area: size;
  padding: 0;
  font-family: "latoregular", Arial, sans-serif;
  color: #262626;
  font-size: 1em;
}

.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-size:before,
.general-content .field--name-field-file1-lang-multi .file > .file-size:before {
  content: "(";
}

.page-node-type-publications .field--name-field-file1-lang-multi .file > .file-size:after,
.general-content .field--name-field-file1-lang-multi .file > .file-size:after {
  content: ")";
}

.page-node-type-publications .field--name-field-file1-lang-multi .file a,
.page-node-type-publications .field--name-field-file1-lang-multi .file span,
.general-content .field--name-field-file1-lang-multi .file a,
.general-content .field--name-field-file1-lang-multi .file span {
  display: inline-block;
  word-break: break-all;
  max-width: 94%;
  box-sizing: border-box;
  color: #333333;
  vertical-align: middle;
  font-family: "latobold", Arial, sans-serif;
  text-decoration: underline;
  line-height: 1.3em;
  position: relative;
}

.path-articulos-grid .view-content,
.path-noticias-grid .view-content {
  display: grid;
  grid-auto-rows: 380px;
  grid-auto-columns: 1fr;
  grid-gap: 30px;
}

.path-articulos-grid .view-content > .views-row,
.path-noticias-grid .view-content > .views-row {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.path-articulos-grid .view-content > .views-row:hover,
.path-noticias-grid .view-content > .views-row:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 6px 8px 0 rgba(73, 73, 73, 0.3);
  background: #357983;
}

.path-articulos-grid .view-content > .views-row *,
.path-noticias-grid .view-content > .views-row * {
  color: white;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.path-articulos-grid .view-content > .views-row.no-img,
.path-noticias-grid .view-content > .views-row.no-img {
  background-color: #f1b439;
}

.path-articulos-grid .view-content > .views-row.no-img:hover,
.path-noticias-grid .view-content > .views-row.no-img:hover {
  background-color: #357983;
}

.path-articulos-grid .view-content > .views-row.no-img:not(:hover) *,
.path-noticias-grid .view-content > .views-row.no-img:not(:hover) * {
  color: #fff;
}

.path-articulos-grid .view-content > .views-row.no-img:not(:hover) *,
.path-noticias-grid .view-content > .views-row.no-img:not(:hover) * {
  color: black;
}

.path-articulos-grid .view-content > .views-row > img,
.path-noticias-grid .view-content > .views-row > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  filter: brightness(0.5) sepia(1) saturate(3);
}


.path-articulos-grid .view-content > .views-row > .ele-bread,
.path-noticias-grid .view-content > .views-row > .ele-bread {
  display: inline-flex;
}

.path-articulos-grid .view-content > .views-row > .ele-title,
.path-noticias-grid .view-content > .views-row > .ele-title {
  font-family: "latoregular", Arial, sans-serif;
  line-height: 1.3em;
  color: #333333;
  font-weight: normal;
}

.path-articulos-grid .view-content > .views-row > .ele-date,
.path-noticias-grid .view-content > .views-row > .ele-date {
  padding-bottom: 28px;
  margin-bottom: 16px;
  border-bottom: 1px solid white;
}

.path-articulos-grid .view-content > .views-row > .ele-date > span,
.path-noticias-grid .view-content > .views-row > .ele-date > span {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 1.12em;
  line-height: 1.25em;
}

.path-articulos-grid .view-content > .views-row:first-child > .ele-title a,
.path-articulos-grid .view-content > .views-row:first-child > .ele-date > span,
.path-noticias-grid .view-content > .views-row:first-child > .ele-title a,
.path-noticias-grid .view-content > .views-row:first-child > .ele-date > span {
  font-size: 1.5em;
}

.path-articulos-grid .view-content > .views-row > .ele-link,
.path-noticias-grid .view-content > .views-row > .ele-link {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 0.875em;
  line-height: 1.4em;
  color: #7a7a7a;
}

.path-articulos-grid .view-content > .views-row.no-img > .ele-date,
.path-noticias-grid .view-content > .views-row.no-img > .ele-date {
  border-color: #357983;
}

.path-articulos-grid .views-row:nth-child(1),
.path-noticias-grid .views-row:nth-child(1) {
  grid-area: 1 / 1 / 3 / 3;
  padding: 27px 70px 16px;
}

.path-articulos-grid .views-row:nth-child(2),
.path-noticias-grid .views-row:nth-child(2){
  grid-area: 1 / 3 / 2 / 4;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(3),
.path-noticias-grid .views-row:nth-child(3) {
  grid-area: 1 / 4 / 2 / 5;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(4),
.path-noticias-grid .views-row:nth-child(4) {
  grid-area: 2 / 3 / 3 / 4;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(5),
.path-noticias-grid .views-row:nth-child(5) {
  grid-area: 2 / 4 / 3 / 5;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(6),
.path-noticias-grid .views-row:nth-child(6) {
  grid-area: 3 / 1 / 4 / 2;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(7),
.path-noticias-grid .views-row:nth-child(7) {
  grid-area: 3 / 2 / 4 / 3;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(8),
.path-noticias-grid .views-row:nth-child(8) {
  grid-area: 3 / 3 / 4 / 5;
  padding: 25px 29px 14.5px;
}

.path-articulos-grid .views-row:nth-child(9),
.path-noticias-grid .views-row:nth-child(9) {
  grid-area: 4 / 1 / 5 / 3;
  padding: 25px 29px 14.5px;
}

.path-articulos-grid .views-row:nth-child(10),
.path-noticias-grid .views-row:nth-child(10) {
  grid-area: 4 / 3 / 5 / 4;
  padding: 27px 31px 11.5px 29px;
}

.path-articulos-grid .views-row:nth-child(11),
.path-noticias-grid .views-row:nth-child(11) {
  grid-area: 4 / 4 / 5 / 5;
  padding: 27px 31px 11.5px 29px;
}

.path-noticias-grid .view-content > .views-row.last-row {
  display: block;
  background-color: #357983;
  color: white;
}

.path-noticias-grid .view-content > .views-row.last-row .ele-link {
  margin-top: 150px;
  text-align: center;
}

.path-noticias-grid .view-content > .views-row.last-row .ele-link a {
  text-decoration: none;
  background-color: #235a62;
  padding: 8px;
}

.views-row > .ele-title > h2 > a {
  text-decoration: none;
}

/*
//@ ==============================================================================
//@ xurdep:
//@ Start issues_jorge.css
//@ ==============================================================================
*/

/*
//@ xurdep:
//@ Estilos para el wrapper para el area con los filtros
*/
.custom-filter-wrapper {
  background-color: #efefef;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}

.custom-filter-wrapper .view-filters {
  padding: 50px;
  background-color: #efefef;
}

.custom-filter-wrapper .view-filters form {
  margin: 0 auto;
  border-right: 2px solid gray;
  padding-right: 50px;
}

.custom-filter-wrapper .view-filters form .form-item {
  display: block;
  padding-bottom: 20px;
}

.custom-filter-wrapper .view-filters form .form-item label {
  display: block;
  text-transform: uppercase;
}

.custom-filter-wrapper .view-filters form .form-submit {
  display: block;
  min-width: 150px;
  color: #FFFFFF;
  background-color: #357983 !important;
  border: none;
  padding: 10px 16px 8px;
  font-family: "latoregular", Arial, sans-serif;
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s;
}

.custom-filter-wrapper .view-filters form .form-submit:hover {
  background-color: #f3be5e !important;
}

.custom-filter-wrapper .filter-result {
  /* centrado vertical */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-filter-wrapper .filter-result .total {
  font-weight: bold;
  font-size: x-large;
}

.filtros {
  left: 20px;
  padding: 20px 0 40px;
}

.filtros p {
  font-size: 1.1em;
  color: #424242;
  text-transform: capitalize;
  border: 1px solid #d8d8d8;
  display: inline;
  padding: 10px 15px;
  cursor: pointer;
}

.filtros-hide p {
  color: #d8d8d8;
  background-color: #676566;
}

.filtros p:after {
  content: "\e904";
  font-family: 'icomoon';
  font-size: 12px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}

.filtros-hide p:after {
  content: "\e919";
}

/*
//@ xurdep:
//@ Estilos para Content Type: Bloques
*/
.page-node-type-bloques .footer, .page-node-type-bloques-con-estilos .footer {
  margin-top: 0;
}

.bloques .field.field--name-field-title, .bloques-con-estilos .field.field--name-field-title {
  background-color: #fcc537;
  text-transform: uppercase;
  color: #424242;
  font-family: "latoblack", Arial, sans-serif;
  font-size: 3em;
  line-height: 1.1em;
}

.bloques .field--name-field-info-collection > .field--item:not(:last-child) {
  border-bottom: 100px solid #fcc537;
}

.bloques .field.field--name-body {
  padding: 60px 0;
}

.bloques .field.field--name-body > * {
  font-size: 1.5em;
}

.bloques .field.field--name-body > * * {
  font-size: 1em;
}

.bloques .field.field--name-body span,
.bloques .field.field--name-body p,
.bloques .field.field--name-body a {
  max-width: 1140px;
  margin: 0 auto;
  font-family: "latoitalic", Arial, sans-serif;
  color: #424242;
  line-height: 1.3em;
}

.bloques .field--item > .paragraph {
  position: relative;
}

.bloques .field--items:last-child {
  overflow: hidden;
}

.bloques .field--item .paragraph > .container {
  display: grid;
  grid-gap: 30px 11%;
  grid-template-rows: max-content;
}

.bloques .field--item:nth-child(odd) .paragraph {
  background-color: rgba(53, 121, 131, 0.05);
}

.bloques .field--item:nth-child(odd) .paragraph > .container {
  padding: 120px 0 80px 0;
  grid-template-areas:
        'picture title'
        'picture content';
  grid-template-columns: 1fr 1fr;
}

.bloques .field--item:nth-child(even) .paragraph {
  background-color: #357982;
  border-top: 100px solid #FCC537;
}

.bloques .field--item:nth-child(even) .paragraph > .container {
  padding: 120px 0 180px 0;
  grid-template-areas:
        'title picture'
        'content picture';
  grid-template-columns: 1fr 1fr;
}

.bloques .field--name-field-info-collection-text strong { display: block; position: relative; }
.bloques .field--name-field-info-collection-text strong:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -15px;
  display: inline-block;
  padding: 3px;
  border-color: #00a78b;
  border-bottom: 1px solid #00a78b;
  border-right: 1px solid #00a78b;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.bloques .field--name-field-info-collection-image {
  grid-area: picture;
  position: relative;
}

.bloques .field--name-field-info-collection-image > img {
  max-width: none;
  width: 100%;
  position: absolute;
  top: -15px;
  left: 0;
}

.bloques .field--name-field-info-collection-title {
  grid-area: title;
  font-family: latobold;
  font-size: 28px;
  text-transform: uppercase;
}

.bloques .field--name-field-info-collection-text {
  grid-area: content;
  padding-bottom: 50px;
  line-height: 19.2px;
}

.bloques .field--item:nth-child(odd) .paragraph a { color: #00a78b !important; }

.bloques .field--item:nth-child(even) .paragraph > .container > div:not(.field--type-image) { padding-right: 50px;}
.bloques .field--item:nth-child(even) .paragraph .field,
.bloques .field--item:nth-child(even) .paragraph a,
.bloques .field--item:nth-child(even) .paragraph p { color: #fff; }
.bloques .field--item:nth-child(even) .paragraph .field--name-field-info-collection-text strong:before {
  border-color: #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

/*
//@ xurdep:
//@ Estilos para Content Type: Enlaces de Interes (Links of Interest)
//@
//@ http://www.xxx.yyy/links-and-directories
*/
.view--front-links-and-directories {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr;
  background-color: #fafafa;
}

.view--front-links-and-directories .view-header {
  min-height: 150px;
  /* centrado */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.view--front-links-and-directories .view-header .links-num {
  font-weight: bold;
  font-size: x-large;
}

.view--front-links-and-directories .view-content {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.view--front-links-and-directories .views-row {
  padding:10px;
}

.view--front-links-and-directories .views-row {
  margin-top: 0;
  margin-bottom: 0;
}

.view--front-links-and-directories .views-row a {
  font-size: large;
}

.view--front-links-and-directories .views-row a span {
  font-size: 24px;
}

.view--front-links-and-directories .views-row a:hover {
  color: #63866e;
}

.view--front-links-and-directories .views-row a:before {
  content: '\e90c';
  font-family: 'icomoon';
  font-size: 1em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.view--front-links-and-directories .filtros {
  left: 20px;
  padding: 20px 0 40px;
}

.view--front-links-and-directories .filtros p {
  font-size: 1.1em;
  color: #424242;
  text-transform: capitalize;
  border: 1px solid #d8d8d8;
  display: inline;
  padding: 10px 15px;
  cursor: pointer;
}

.view--front-links-and-directories .filtros-hide p {
  color: #d8d8d8;
  background-color: #676566;
}

.view--front-links-and-directories .filtros p:after {
  content: "\e904";
  font-family: 'icomoon';
  font-size: 12px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}

.view--front-links-and-directories .filtros-hide p:after {
  content: "\e919";
}

/*
//@ xurdep:
//@ Estilos para la vista: Front Companies
//@
//@ http://www.xxx.yyy/informacion-y-publicaciones/bases-de-datosherramientas/empresas/energias-renovables
 */

.companies-container,
.view-my-company {
  background-color: #F8F8F8;
}

.companies-container > div,
.view-my-company > div {
  width: 80%;
  margin: 0 auto;
}

.companies-container .content-add-renewable {
  width: 49%;
  margin-bottom: 30px;
  padding-top: 20px;
}

.companies-container .content-add-renewable .add-renewable > a {
  text-decoration: underline;
  font-weight: bolder;
  text-transform: uppercase;
}

.view--front-companies .view-content,
.view-my-company .view-content {
  background-color: #F8F8F8;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.view--front-companies .view-content .views-row,
.view-my-company .view-content .views-row {
  background-color: #fff;
  vertical-align: top;
  padding: 22px 30px 18px;
  /*margin: 4.4px 0;*/
}

.view--front-companies .view-content .views-row .views-field-title {
  margin-bottom: 10px;
}

.view--front-companies .view-content .views-row .views-field-title span a,
.view-my-company .view-content .views-row h2 {
  font-size: 20px;
  color: #333333;
  font-family: "latobold", Arial, sans-serif;
}

.view--front-companies .view-content .views-row .views-field-field-phone,
.view-my-company .view-content .views-row .views-field-field-phone {
  font-size: 16px;
  color: #676566;
  font-family: "latobold", Arial, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  margin-right: 30px;
}

.view--front-companies .view-content .views-row .views-field-field-phone:before,
.view-my-company .view-content .views-row .views-field-field-phone:before {
  content: "\e917";
  font-family: 'icomoon';
  font-size: 18px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  position: relative;
  margin-right:10px;
  left: 0;
  top: 0;
}

.view--front-companies .view-content .views-row .views-field-field-text5-und,
.view-my-company .view-content .views-row .views-field-field-text5-und {
  display: inline-flex;
  margin-right: 20px;
}

.view--front-companies .view-content .views-row .views-field-field-text5-und:before,
.view-my-company .view-content .views-row .views-field-field-text5-und:before {
  content: "\e924";
  font-family: 'icomoon';
  font-size: 18px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  position: relative;
  margin-right:10px;
  left: 0;
  top: 0;
}

.view--front-companies .view-content .views-row .views-field-field-link1-lang,
.view-my-company .view-content .views-row .views-field-field-link1-lang {
  display: inline-flex;
}

.view--front-companies .view-content .views-row .views-field-field-link1-lang a,
.view-my-company .view-content .views-row .views-field-field-link1-lang a {
  text-decoration: none;
}

.view--front-companies .view-content .views-row .views-field-field-link1-lang a:before,
.view-my-company .view-content .views-row .views-field-field-link1-lang a:before{
  content: '\e90c';
  font-family: 'icomoon';
  font-size: 18px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  position: relative;
  margin-right:10px;
  left: 0;
  top: 0;
}


.view-my-company article {
  border: 1px solid darkgray;
  padding: 20px;
}

/*
//@ xurdep:
//@ Estilos para la vista: Listado de Publicaciones
//@
//@ http://www.xxx.yyy/publications
*/

.generic-view-container {
  background-color: #F8F8F8;
}

.generic-view-container > div{
  width: 80%;
  margin: 0 auto;
}

/* TODO: xurdep */
/* .generic-view-container.grid-mode-2c .view-content { */
.generic-view-container.list-mode .view-content {
  display: block;
  background-color: #F8F8F8;
  /*
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  */
}

.generic-view-container .view-content .views-row {
  background-color: #fff;
  vertical-align: top;
  padding: 22px 30px 18px;
  margin-bottom: 20px;
}

.generic-view-container .view-content .views-row .views-field-title {
  margin-bottom: 10px;
}

.generic-view-container .view-content .views-row .views-field-title span a {
  font-size: 20px;
  color: #333333;
  font-family: "latobold", Arial, sans-serif;
}

/* CUSTOM  */
.generic-view-container.publications .view-content .views-row {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 270px 1fr;
  grid-auto-rows: 80px auto auto 25px;
  grid-template-areas:
        'picture title'
        'picture body'
        'picture date'
        'picture more';

  position: relative;
  transition: transform .5s ease;
}
.block-views-blockpaginas-internas-oficina-tecnica-de-energia-limpia-block-1 .generic-view-container .view-content .views-row{
  min-height: 430px;
}

.generic-view-container.publications .view-content .views-row:hover {
  transform: scale(1.1);
  background-color: #357983;
  color: #fff;
}

.generic-view-container.publications .view-content .views-row:hover a,
.generic-view-container.publications .view-content .views-row:hover span {
  color: #fff;
}

.generic-view-container.publications .view-content .views-row .views-field-title {
  grid-area: title;
  max-width: 750px;
}
.generic-view-container.publications .view-content .views-row .views-field-title span a {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 35px;
  line-height: 1.1;
}

.generic-view-container.publications .view-content .views-row .views-field-body, .generic-view-container.publications .view-content .views-row .views-field-field-longtext1-lang {
  grid-area: body;
  max-width: 750px;
}
.generic-view-container.publications .view-content .views-row .views-field-created {
  grid-area: date;
}
.generic-view-container.publications .view-content .views-row .views-field-created span {
  font-size:35px;
  border-bottom: 2px solid;
}
.generic-view-container.publications .view-content .views-row .views-field-view-node {
  grid-area: more;
}
.generic-view-container.publications .view-content .views-row .views-field-view-node span a {
  font-size: 22px;
}
.generic-view-container.publications .view-content .views-row .views-field-field-img1-lang {
  grid-area: picture;
}

.block-views-blockpaginas-internas-oficina-tecnica-de-energia-limpia-block-1 .generic-view-container .view-content .views-row .views-field-field-imagen-miniatura img,.generic-view-container.publications .view-content .views-row .views-field-field-img1-lang img {
  width: 270px;
  height: 380px;
  filter: grayscale(100%);
}

.block-views-blockpaginas-internas-oficina-tecnica-de-energia-limpia-block-1 .generic-view-container .view-content .views-row:hover .views-field-field-imagen-miniatura img, .generic-view-container.publications .view-content .views-row:hover .views-field-field-img1-lang img {
  filter: none;
}


/*
//@ xurdep: Estilos para Visualizar una Publicación
//@ http://idae.dev2.prometeoinnovations.com/publicaciones/guia-tecnica-de-eficiencia-energetica-en-iluminacion-centros-docentes
*/

.page-node-type-publications .group-wrapper-compra .group-wrapper-shopping.field-group-div {
  padding-left: 26px;
  box-sizing: border-box;
  width: 82%;
  padding-bottom: 20px;
}

.field.field--name-field-related-publications.field--type-entity-reference-revisions.field--label-above.quickedit-field {
  display: block;
  width: 100%;
}

.field.field--name-field-related-publications.field--type-entity-reference-revisions.field--label-above.quickedit-field
.field--items .field--item article h2 a {
  text-decoration: none;
}

.field.field--name-field-related-publications.field--type-entity-reference-revisions.field--label-above.quickedit-field
.field--items .field--item article h2 a:hover span {
  color: #63866e;
}


.page-node-type-publications .field--name-field-img1-lang {
  width: auto !important;
}

.field.field--name-field-img1-lang.field--type-image.field--label-hidden.field--item.quickedit-field img {
  max-width: none;
  height: 200px !important;
  width: auto !important;
}

.page-node-type-publications .group-wrapper-compra {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10px;
}

.page-node-type-publications .group-wrapper-compra .group-wrapper-shopping.field-group-div {
  padding-left: 0 !important;
  box-sizing: unset !important;
  width: unset !important;
  padding-bottom: unset !important;
}

.field.field--name-field-file1-lang-multi.field--type-file.field--label-hidden.field--items.quickedit-field {
  display: inline-grid;
}

.page-node-type-publications .group-download-pdf.field-group-div h3 {
  font-size: 25px;
}

/*
//@ xurdep:
//@ Estilos para el bloque (headercolumn2) de la pagina principal donde reside el
//@ menú central (no menu principal)
*/

section#block-headercolumn2 {
  /* margin: 0 50px 0 50px !important; */
  font-size: 12px;
}

#navbar {
  height: 130px;
}

section#block-headercolumn3 ul.social_icons li i {
  font-size: 20px;
}

section#block-headercolumn3 ul.social_icons li a span {
  display: none;
}

div#block-alternadordeidioma {
  font-size: 14px;
}

/*
//@ xurdep:
//@ Estilos para el Buscador
*/

.path-search .breadcrumb-region {
  background-color: #cf3e23;
}

.path-search .container .region-header .block-custom-breadcrumbs ol.breadcrumb li,
.path-search .container .region-header .block-custom-breadcrumbs ol.breadcrumb li:before,
.path-search .container .region-header .block-custom-breadcrumbs ol.breadcrumb li * {
  color: #fff;
}

.path-search .general-region-header {
  width: 100%;
  background-color: #cf3e23;
  color: #FFFFFF;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.path-search .general-region-header .header-results {
  font-size: 40px;
  font-weight: bold;
  padding-left: 10px;
}

.view--front-buscador-general.generic-view-container .view-content .views-row {
  background-color: unset !important;
  padding: 22px 0 18px 0 !important;
  border-bottom: 1px dotted #8b8b8b;
}

.view--front-buscador-general.generic-view-container .view-content .views-row {
  font-size:22px;
}

.view--front-buscador-general.generic-view-container .view-content .views-row a {
  display: block;
  font-family: "latoregular", Arial, sans-serif;
  font-size: 26px;
  color: #357983;
  line-height: 24px;
  padding-bottom: 10px;
}

.view--front-buscador-general.generic-view-container .accordion {
  margin-bottom: 10px;
}

.view--front-buscador-general.generic-view-container .accordion .title,
.view--front-buscador-general.generic-view-container .accordion .content {
  padding: 20px;
  border: 1px solid #8b8b8b;
}

.view--front-buscador-general.generic-view-container .accordion .title {
  background-color: #fff;
  text-transform: uppercase;
  font-size: x-large;
}

/*
//@ xurdep:
//@ Estilos para los bloques situados debajo del Slider (Front)
*/

.colored-home-block-link {
  padding: 10px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.colored-home-block-link a {
  width: 100%;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  text-decoration: none;
  position: relative;
}

.colored-home-block-link .icon {
  float: right;
  font-size: 26px;
  line-height: 22px;
  height: 24px;
  width: 24px;
  border: 2px solid #fff;
  margin-right: 10px;
}

.view.view-content.view-id-content.view-display-id-page_1 .view-header {
  background-color: black;
  color: white;
  padding: 10px;
}

/* //@ xurdep: Margen cabecera */
.region.region-top-header {
  margin: 0 40px 0 40px;
}

.page-node-type-event .region.region-header,
.page-node-type-news-of-interest .region.region-header,
.page-node-type-publications .region.region-header {
  border-bottom: 1px solid #d8d8d8;
  display: grid;
  grid-gap: 0 20px;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding-bottom: 18px;
  padding-top: 60px;
}

.page-node-type-event .region.region-header section .views-field-field-date-end2-und,
.page-node-type-news-of-interest .region.region-header section .views-field-created,
.page-node-type-publications .region.region-header section .views-field-created {
  font-family: 'latoregular';
  color: rgb(103, 101, 102);
}

.page-node-type-event .region.region-header div.container,
.page-node-type-news-of-interest .region.region-header div.container,
.page-node-type-publications .region.region-header div.container {
  display: none;
}

.page-node-type-event .region.region-header ol.breadcrumb,
.page-node-type-news-of-interest .region.region-header ol.breadcrumb,
.page-node-type-publications .region.region-header ol.breadcrumb {
  margin: 0;
  padding: 0;
}

.page-node-type-event .region.region-header ol.breadcrumb *,
.page-node-type-news-of-interest .region.region-header ol.breadcrumb *,
.page-node-type-publications .region.region-header ol.breadcrumb * {
  color: #235a62 !important;
}

.page-node-type-publications .general-region-footer {
  grid-gap: 40px;
}

.page-node-type-publications .general-region-footer > .addtoany_list {
  grid-area: 2 / 1 / 3 / 2;
  margin-top: -65px;
}

.path-events .view-grouping .view-grouping-header,
.path-events .view-grouping .view-grouping-content h3,
.path-events .view-grouping .view-grouping-content .counter
{
  font-family: "latoregular", Arial, sans-serif;
  color: #357983 !important;
}

.path-events .view-grouping .view-grouping-header {
  font-weight: bold;
  font-size: 1.5em;
  border-bottom: 2px solid #357983;
  max-width: 150px;
}

.path-events .view-grouping .view-grouping-content h3 {
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

.path-events .view-grouping .view-grouping-content .counter {
  font-size: smaller;
}

.path-events .view-grouping .view-grouping-content .views-row {
  margin-left: 100px;
  color: #333333;
  font-family: "latoregular", Arial, sans-serif;

  display: grid;
  grid-gap: 30px;
  grid-template-columns: auto 1fr;
  align-items: center;
  transition: transform .5s ease;
}

.path-events .view-grouping .view-grouping-content .views-row .event-day-number {
  color: #357983;
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.path-events .view-grouping .view-grouping-content .views-row .event-day-name {
  color: #357983;
  display: block;
  text-transform: uppercase;
  text-align: center;
}


.path-events .view-grouping .view-grouping-content .views-row .event-title {
  font-weight: bold;
  text-decoration: underline;
}

.path-events .view-grouping .view-grouping-content .views-row .event-body {
  font-family: "latolight", Arial, sans-serif;
}

.path-events .generic-view-container .view-content .views-row:hover {
  transform: scale(1.1);
  background-color: #357983;
  color: #fff;
}

.path-events .generic-view-container .view-content .views-row:hover .views-field,
.path-events .generic-view-container .view-content .views-row:hover a,
.path-events .generic-view-container .view-content .views-row:hover span {
  color: #fff;
}
/*
.yellow-background {
  background-color: #fcc537;
}
 */

.path-articulos-grid .view-content > .views-row.yellow-background > .ele-link a,
.path-articulos-grid .view-content > .views-row.yellow-background > .ele-cat a {
  font-family: "latoregular", Arial, sans-serif;
  color: #357983;
}

.path-articulos-grid .view-content > .views-row.yellow-background:hover > .ele-link a,
.path-articulos-grid .view-content > .views-row.yellow-background:hover > .ele-cat a {
  color: #fff;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-cat  {
  margin-bottom: 25px;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-cat a {
  font-family: "latolight", Arial, sans-serif;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-title h2 a {
  font-family: "latoregular", Arial, sans-serif;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-body {
  font-family: "latoregular", Arial, sans-serif;
  margin-bottom: 40px;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-date span {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 24px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  color: #7a7a7a;
}
.view--front-grid-articles.view-display-id-page_2 .views-row:hover > .ele-date span {
  color: #fff;
}

.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-link {
  padding-top: 10px;
}
.view--front-grid-articles.view-display-id-page_2 .views-row > .ele-link a {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 14px;
  color: #7a7a7a;
}
.view--front-grid-articles.view-display-id-page_2 .views-row:hover > .ele-link a {
  color: #fff;
}

/*
    Taxonimies
 */

.view-taxonomy-term {
  font-family: "latolight", Arial, sans-serif;
}

.view-taxonomy-term h2 {
  font-family: "latobold", Arial, sans-serif;
  padding-right: 15px;
  padding-left: 15px;
}

.view-taxonomy-term h2 * {
  font-size: 26px;
  transition: all 0.5s ease-in-out 0s;
}

.view-taxonomy-term h2:hover * {
  color: #357983 !important;
}

.view-taxonomy-term .container {
  margin: 0 !important;
}

.view-taxonomy-term .container .field--name-field-title {
  display: none;
}

.view-taxonomy-term .container .field--name-body {
  margin-bottom: 20px;
}

.view-taxonomy-term .feed-icons {
  display: none;
}

.subfooter_col03_wrapper ul.social-icons {
  display: flex;
  flex: auto;
  gap: 10px;

}

.subfooter_col03_wrapper ul.social-icons li {
  border-bottom: none;
}

.subfooter_col03_wrapper ul.social-icons li:hover a {
  color: #fff;
}

.subfooter_col03_wrapper ul.social-icons li a span {
  display: none;
}

/* //@ xurdep: Maquetación Glossary */

.view--front-glossary .glossary .glossary-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;

}

.view--front-resumen-glosario .glossary-keys ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(27, 1fr);
  grid-gap: 0 5px;
  padding: 20px;
}

.view--front-resumen-glosario .glossary-keys ul li a .text {
  font-family: "latobold", Arial, sans-serif;
  font-size: 20px;
  color: #357983;
}


.view--front-glossary .glossary .glossary-content .views-row {
  background-color: #FFFFFF;
  border: solid 1px #d8d8d8;
}

.view--front-glossary .glossary .glossary-content .views-row:hover {
  background-color: #d8d8d8;
}


/* //@ xurde: Estilos para los acordeones */
.accordion .title {
  font-family: "latobold", Arial, sans-serif;
  width: 100%;
  color: #757575;
  cursor: pointer;
}

.accordion .content {
  font-family: "latoregular", Arial, sans-serif;
  font-size: 1em;
  color: #333333;
  line-height: 24px;
}

.accordion .title:after {
  content: '+';
  float: right;
}

.accordion .content {
  display:none;
}

/* //@ xurdep: Corregir el tamaño de las flechas del slider para que se muestre su tamaño completo */
.flexslider:hover .flex-direction-nav li a {
  height: auto;
  font-size: 0px;
}


/*
//@ ==============================================================================
//@ xurdep:
//@ Estilos para los formularios de Login y Registro
//@ ==============================================================================
*/

.path-register-display .breadcrumb-region {
  margin: 20px auto;
}

.path-user .user-pass,
.path-user .user-form,
.path-user .user-login-form,
.path-user .user-register-form,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form,
.node-renewable-energies-company-form,
.path-register-display .user-register-form {
  max-width: 720px;
  margin: 20px auto;
  padding: 20px;
}

.path-user .user-pass div#edit-actions,
.path-user .user-form div#edit-actions,
.path-user .user-login-form div#edit-actions,
.path-user .user-register-form div#edit-actions,
.node-renewable-energies-company-form div#edit-actions,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-actions,
.path-register-display .user-register-form div#edit-actions {
  text-align: center;
}

.path-user .user-pass .form-item label,
.path-user .user-form .form-item label,
.path-user .user-login-form .form-item label,
.path-user .user-register-form .form-item label,
.node-renewable-energies-company-form .form-item label,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .form-item label,
.path-register-display .user-register-form .form-item label {
  color: #676566;
}

.path-user .user-pass .form-item input,
.path-user .user-form .form-item input,
.path-user .user-login-form .form-item input,
.path-user .user-register-form .form-item input,
.node-renewable-energies-company-form .form-item input,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .form-item input,
.path-register-display .user-register-form .form-item input {
  border: none;
}

.path-user .user-pass div#edit-pass,
.path-user .user-form div#edit-pass,
.path-user .user-login-form div#edit-pass,
.path-user .user-register-form div#edit-pass,
.node-renewable-energies-company-form div#edit-pass,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-pass,
.path-register-display .user-register-form div#edit-pass {
  border: none;
  padding: 0px;
  margin-top: 10px;
}

/* Eliminar definitivamente los bordes los input */
.path-user .user-pass .form-control,
.path-user .user-form .form-control,
.path-user .user-login-form .form-control,
.path-user .user-register-form .form-control,
.node-renewable-energies-company-form .form-control,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .form-control,
.path-register-display .user-register-form .form-control {
  border: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
}

.path-user .user-pass .form-item,
.path-user .user-form .form-item,
.path-user .user-login-form .form-item,
.path-user .user-register-form .form-item,
.node-renewable-energies-company-form .form-item,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .form-item,
.path-register-display .user-register-form .form-item {
  border: 1px solid #dfdfdf;
  padding: 20px;
}

/* xurdep: Botón enviar */
.path-user .user-pass div#edit-actions > button,
.path-user .user-form div#edit-actions > button,
.register-company-button,
.path-user .user-login-form div#edit-actions > button,
.path-user .user-register-form div#edit-actions > button,
.node-renewable-energies-company-form div#edit-actions > button,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-actions > button,
.path-register-display .user-register-form div#edit-actions > button {
  min-width: 120px;
  text-transform: uppercase;
  padding: 10px;
  margin: 20px;
  color: #FFFFFF;
  background-color: #357983;
  border: none;
  font-size: 16px;
  font-family: "latoregular", Arial, sans-serif;
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s;
}

.path-user .user-pass div#edit-actions > button:hover,
.path-user .user-form div#edit-actions > button:hover,
.register-company-button:hover,
.path-user .user-login-form div#edit-actions > button:hover,
.path-user .user-register-form div#edit-actions > button:hover,
.node-renewable-energies-company-form div#edit-actions > button:hover,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-actions > button:hover,
.path-register-display .user-register-form div#edit-actions > button:hover {
  background-color: #f3be5e;
}

.register-company-button-container {
  width: 100%;
}

.register-company-button-container > .content {
  text-align: center;
}

.path-register-display .user-register-form div#edit-mail--description {
  font-size: small;
}

/* xurdep: Ocultar los campos innecesarios del formulario de alta de empresas y el breadcrumb */
/*.node.user-logged-in.path-node .breadcrumb,*/

/*.page-node-type-renewable-energies-company .breadcrumb,*/
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .entity-content-form-footer,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-field-link1-lang-0-options-attributes,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form div#edit-field-link1-lang-0-uri--description,
.page-node-type-renewable-energies-company .node-renewable-energies-company-edit-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group,
.node-renewable-energies-company-form .entity-content-form-footer,
.node-renewable-energies-company-form div#edit-field-link1-lang-0-options-attributes,
.node-renewable-energies-company-form div#edit-field-link1-lang-0-uri--description,
.node-renewable-energies-company-form .edit-field-link1-lang-0-uri--description,
.node-renewable-energies-company-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group
{
  display: none;
}

a.menu-icon-242,ul.links li.menu-icon-242 a,ul.menu li.menu-icon-242 a{background-image:url(/sites/default/files/menu_icons/Icon3-white.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-243,ul.links li.menu-icon-243 a,ul.menu li.menu-icon-243 a{background-image:url(/sites/default/files/menu_icons/icon1-white.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-244,ul.links li.menu-icon-244 a,ul.menu li.menu-icon-244 a{background-image:url(/sites/default/files/menu_icons/icon2-white.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-245,ul.links li.menu-icon-245 a,ul.menu li.menu-icon-245 a{background-image:url(/sites/default/files/menu_icons/Icon4-white.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-408,ul.links li.menu-icon-408 a,ul.menu li.menu-icon-408 a{background-image:url(/sites/default/files/menu_icons/energia-white_2.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-409,ul.links li.menu-icon-409 a,ul.menu li.menu-icon-409 a{background-image:url(/sites/default/files/menu_icons/tecnologia-white_2.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-410,ul.links li.menu-icon-410 a,ul.menu li.menu-icon-410 a{background-image:url(/sites/default/files/menu_icons/inversiones-white_2.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-411,ul.links li.menu-icon-411 a,ul.menu li.menu-icon-411 a{background-image:url(/sites/default/files/menu_icons/autoconsumo-white_2.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-412,ul.links li.menu-icon-412 a,ul.menu li.menu-icon-412 a{background-image:url(/sites/default/files/menu_icons/feder-cuadrado_3.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}
a.menu-icon-413,ul.links li.menu-icon-413 a,ul.menu li.menu-icon-413 a{background-image:url(/sites/default/files/menu_icons/feder-cuadrado_4.png);padding-left:109px;background-repeat:no-repeat;background-position:left center;}


.footer-column {
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 20px 5px;
  align-items: center;
}

.footer-column .icon {
  font-size: 25px;
}

.footer-column .text {
  font-size: 16px;
}

.footer.footer ul.menu.menu--footer.nav li a {
  font-size: 14px;
}

/* HEADER MENU RESTRUCTURATION BLOCK UPDATE */

.region.region-top-header {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  margin-top: 5px;
  margin-bottom: 0;
}

#block-headercolumn1 .logo-ue {
  display: none;
}

#block-headercolumn1 .header_block > span {
  display: none;
}

#block-headercolumn1 .header_block > img,
#block-headercolumn1 .header_block > a > img {
  max-height: 65px;
}

#block-headercolumn4 .header_block {
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

#block-headercolumn4 .header_block img {
  margin-top: 10px;
}

#block-headercolumn4 .logo-ue {
  display: block;
}

/* ADDTOANY SHARE BUTTONS */

.a2a_kit.a2a_kit_size_32.addtoany_list { position: relative; }

.field-group-div-share { margin-bottom: 5px; }

.addtoany_list > a, .addtoany_list a img, .addtoany_list a > span {
  vertical-align: unset;
}

.collapse-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.collapse-list ul {
  list-style: none;
  padding-left: 0;
}

.collapse-list li {
  list-style: none;
  width: 60px;
  height: 60px;
}

.collapse-open {
  display: none;
}

.collapse-painel {
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .1s,
  visibility .3s,
  opacity .3s;
}

.collapse-open:checked ~ .collapse-painel {
  max-height: 100%;
  opacity: 100;
  visibility: visible
}

.collapse-list li {
  margin-bottom: 0;
}

.collapse-list .collapse-btn {
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  color: #4285f4;
  font-weight: normal;
  transition: background-color .2s ease;
}

.collapse-list .collapse-btn:hover {
  background-color: #eee;
}

.collapse-open ~ .collapse-btn:before {
  /*
  content: "↓";
  float: right;
  */
  content: "\e910";
  font-family: 'icomoon';
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #676566;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  width: 60px;
}

.collapse-open:checked ~ .collapse-btn:before {
  /* content: "↑"; */
  content: "\e911";
}

.collapse-list .button,
.collapse-list  a.button > span {
  width: 60px !important;
  height: 60px !important;
  border-radius: 0 !important;
}

.collapse-list .button-toggle {
  background-color: unset;
  border: 1px solid lightgray;
  margin-bottom: 0;
}

/* WRAPPER IZQUIERDA */

.group-wrapper-header > .group-wrapper-izquierda {
  vertical-align: unset;
  margin-top: unset;
  display: flex;
  align-items: flex-end;
  gap: 30px;
  margin: 30px 0 40px 0;
}

.page-node-type-custom-article .field.field--name-field-title {
  margin-top: unset;
  margin-block-start: unset;
  margin-block-end: unset;
}

.page-node-type-custom-article  .field--name-field-custom-article-intro {
  padding-bottom: unset;
}


.navbar {
  border-radius: unset;
}

.path-frontpage .col-sm-12.breadcrumb-region {
  background: unset;
}
.modalc {
  position: absolute;
  left: 750px;
  max-width: 30%;
  top: 4em;
  border: 1px solid #000;
  padding: 1em;
  border-radius: 1em;
}

.gap1{
  display:flex;
  gap: 1em;
}
.gap1 .views-row{
  display: flex;
  gap: 1em;
  margin-top: 1em;
}
.deinteresgrid .views-field.views-field-type .field-content {
  border-bottom: 1px solid #fcc537;
  padding: 5px 15px;
  border-radius: 5px;
  background: #fcc5378f;
  font-size: 13px;
  border-right: 1px solid #fcc537;
  border-radius: 5px 0 5px 0;
}
.deinteresgrid {
  float: left;
  border: 1px solid #fcc537;
  border-radius: 5px 0 0 0;
  position: relative;
  min-height: 400px;
}
.deinteresgrid .views-field-type{
  line-height: normal;
}
.deinteresgrid .img-responsive{
  width: 100%;
  height: auto;

}
.deinteresgrid .views-field-title, .deinteresgrid .views-field-view-node{
    padding: 0.5em 1em;
}
.deinteresgrid .views-field-field-general-img-highlighted, .deinteresgrid .views-field-field-img1-lang, .deinteresgrid .views-field-field-img1-und{
 position: absolute;
  bottom: 0;
  width: 100%;
}


/* Bloques con estilo  */
.
.bloque-cols{
  padding: 40px;
}
.bloque-cols .fields{
  width: 100%;
  display: flex;
  flex-flow: column;
  align-content: center;
}
@media (min-width: 64em){

.bloque-cols .left .col1{
  float: right;
  padding-left: 40px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bloque-cols .left .col2{
    width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.bloque-cols .right .col1{
    float: left;
  padding-left: 30px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.bloque-cols .right .col2{

width: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
 
}
}
.bloque-cols img{
  height: auto;
  max-width: 100%;
  padding: 50px 50px 50px 30px;
}

.bloque-cols .field-titulo {
  padding: 0 50px 0 30px;
text-align: left;
font-size: 28px;
font-weight: 700;
}
.bloque-cols .field-content {
margin-top: 0;
padding: 50px 50px 0 30px;
}

.grid1{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(1, 1fr);
  }
.grid2{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(2, 1fr);
  }
.grid3{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, 1fr);
  }
.grid4{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(4, 1fr);
  }
.grid5{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(5, 1fr);
  }
.grid6{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(6, 1fr);
  }
.grid7{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(7, 1fr);
  }
.grid8{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(8, 1fr);
  }
.grid9{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(9, 1fr);
  }
.grid10{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(10, 1fr);
  }
.grid11{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(11, 1fr);
  }
.grid12{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(12, 1fr);
  }


@media only screen and (max-width: 600px) {
    .grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{
      display: grid;
      gap: 1em;
      grid-template-columns: repeat(1, 1fr);
    }
}

/*Para foco visible 05-2023*/

a:focus { 
  /*outline: 0.3rem red solid ; */
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 2.5px; 
}
#block-idae-theme-main-menu:focus-within {
    height: auto!important;
    overflow: visible; 
}
#block-idae-theme-main-menu:focus-within li a:focus,
#block-alternadordeidioma:focus-within a:focus,
.central-menu:focus-within li a:focus,
#block-idae-theme-search :focus-within li a:focus
{
  color: #fbc437;
  background-color: #535353 !important;  
  outline: 0.3rem transparent;
}
#block-idae-theme-search:focus-within {
    height: auto!important;
    overflow: visible; 
}

.social_icons:focus-within  a:focus,
.social-icons:focus-within  a:focus
{
   outline: 0.3rem transparent;
   outline-offset: 350px;
}
.social_icons:focus-within  a:focus i,
.social-icons:focus-within  a:focus i,
#block-alternadordeidioma:focus-within a:focus,
.central-menu:focus-within li a:focus
{
    color: #fbc437;
    background-color: #535353 !important;  
    padding: 5px;
}


#flexslider-1 .slides li:focus-within {
  opacity: 1!important;
  z-index: 999!important;
}

footer.footer ul li a:focus {
  color: #484848;
}
/*Para foco visible 05-2023*/

/* Para contraste elementos menú superior 05-2023*/
#block-idae-theme-main-menu ul.menu.menu--main > li > a{
  color:#797676;
}
/* Para contraste elementos menú superior 05-2023*/

.modals-ot{
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  gap: 1em; 
  width: 100%; 
  margin-left: auto; 
  margin-right: auto;
}
.modalinternalitem{
  border: 1px solid #ccc; 
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em; 
  width: 478px; 
  margin-right: auto; 
  margin-left: auto; 
  align-items: center;
  padding: 2em;
}
.NextGenerationEU{
  display: flex;gap: 1em; margin-right: 7em;
}
.container-modales{
  display: flex; gap: 1em; 
}
.destacat .grid-3{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
}

@media(max-width: 768px)  {
 .modals-ot{
  grid-template-columns: 1fr;
 }
 .modalinternalitem{
  grid-template-columns: 1fr ;
  gap: 2em; 
  width: 90%; 
  }
  .NextGenerationEU{
  display: flex;gap: 1em; margin-right: unset;
  }
  .container-modales{
    display: block;  
  }
  .destacat .grid-3{
    display: grid;
      grid-template-columns: 1fr ;
      gap: 1em;
  }

}

.slider-home{
  display: grid;
  grid-template-areas: "banner banner insta";
  grid-auto-columns: 1fr;
  max-width: 1500px;
  margin: auto;
}
#block-views-block-slider-home-block-1{
  grid-area: banner;
}
#block-instagramliteblock{
  grid-area: insta; 
}
.instagram-lite-block--contents__items.instagram_feed{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
margin-top: 10px;
}