/*---------Slide--------*/

.flex-caption {
  background: #000;
  position: absolute;
  bottom: 0;
  opacity: 70%;
  width: 100%;
}

.flex-caption p {
  z-index: 1;
  color: #fff;
  padding: 0.625rem;
}

tr .single-day {
  border: none !important;
}

/*----------------------*/

#block-enqueestapisa div {
  width: 70%;
  height: auto;
  margin: 0 auto;
}

#block-views-block-calendario-block-1, #presentacion {
  /* flex: 1 1 25%; */
  display: flex;
  flex-direction: column;
  color: #080b2d;
  line-height: 1.4;
  justify-content: flex-start;
  align-content: center;
  box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -webkit-box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  /* padding: 56px; */
  width: 100%;
  max-width: 268px;
  padding: 0 0.625rem 23px 0.625rem;
  margin-top: 12px;
}

#presentacion h3 { 
  color: #009bdb; 
  font-weight: 600;
  font-size: 0.875rem;

}
#presentacion h3 a{ 
  color: #009bdb; 
  font-weight: 600;
  transition: 0.25s ease-in-out;
}


#presentacion h3 a:hover { font-weight: 800; }

#presentacion .fecha { font-size: 0.75rem; }

#presentacion .more-link {
  margin-top: 0.625rem;
  display: flex;
  justify-content: left;
  width: 100%;
}

#presentacion img { 
 width: 100%;
 height: auto;

}

.calendar-calendar { margin: 0 auto; }

/*---------------------*/

.breadcrumb {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0 0.5rem;
}
.breadcrumb ol {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.breadcrumb ol li {
  color: #009bdb;
  list-style: none;
  padding-right: 20px;
}
.breadcrumb ol li a {
  color: #9d9d9d;
  text-decoration: none;
}
.breadcrumb ol li a:hover {
  color: #9d9d9d;
  text-decoration: underline;
}
.breadcrumb ol li a:hover {
  color: #9d9d9d;
  text-decoration: underline;
}

.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
}

.main {
/*display: flex;
flex-direction: column;
justify-content: space-between;*/
width: 100%;
} 

.main-container {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
  box-sizing: border-box;
}

.oferta {
  width: 100%;
  display: flex;
  /*background-color: #1363ff;*/
}
.main_oferta, .main_agendated {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}


.main_agendated .etapas {display: flex;}


.etapas .views-element-container > div {
    display: flex;
   flex-flow: nowrap row;
    justify-content: space-around; 
    width: 100%;
}

/*.main-container .left, .main-container .right {width: 230px;
flex: 0 0 25%;}*/
/*-----------*/

.enque {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 1.25rem;
  box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -webkit-box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-top: 20px;
}

.enque .border {
  border-bottom: 1px solid #535772;
}

.enque-tit {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.enque-tit h2 {
  font-size: 1.875rem;
  color: #080b2d;
}

.enque-ciclos {
  width: 100%;
}

.ciclos {
  display: flex;
}

.ciclo h2 {
  color: #7a7a7a;
  font-weight: bold;
}

.ciclo h2 a {
  color: #776e65;
  font-weight: bold;
  text-decoration: none;
}

.ciclo h2 a:hover {
  color: #009bdb;
  font-weight: bold;
  text-decoration: none;
}

.ciclo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 24%;
}

.ciclo .icon {
  width: 50px;
  fill: #C1D4EF;
}

.ciclo { fill: red; }

.etapas {
  display: flex;
  /*flex-flow: wrap row;*/
  justify-content: space-between;
  width: 100%;
}

.etapa {
 /* display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 33%;
  padding: 0 0.625rem;*/
  display: block;
  position: relative;
  margin: 1.250rem;
}

 .etapa .text a {text-decoration: none!important;}
 .etapa .text a:hover {text-decoration: underline!important;}

.etapa img { width: 100%;
  height: auto; }


  .etapa .text {
    background: #000;
    z-index: 10;
    position: absolute;
    padding: 0.625rem;
    opacity: 70%;
    color: #fff;
    bottom: 2px;
    width: 100%;
  }


.etapa a {
  color: #fff!important;
  text-decoration: underline!important;
}

  .etapa div:hover {
  -webkit-transition: opacity 2.0s ease-in;
       -moz-transition: opacity 2.0s ease-in;
         -o-transition: opacity 2.0s ease-in;
                                  opacity: 1;
}

.enque-page {
  display: flex;
  flex-flow: wrap row;
  justify-content: space-around;
  width: 100%;
  /*flex-direction: row-reverse;*/
}

.enque-page div {
  flex: 1 1 16.6%;
  display: flex;
  flex-direction: column;
  color: #718096;
  /*line-height: 1.4;*/
  justify-content: flex-start;
  align-content: center;
  text-align: center;
  
}
.enque-page .img { opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}

.enque-page .img:hover { opacity: 1;}

.enque-page .text {
  position: relative;
  top: -47%;
  /*font-size: 0.75rem;*/
  display: flex;
  /* align-items: center; */
  justify-content: space-around;
}


div.resaltado { opacity: 1!important; }

.enque-page div img {
  width: 100%;
  height: auto;
}

/*----------equipo----------*/

.coordinacion {
  border-bottom: 1px solid #cecece;
  margin-bottom: 20px;
  text-align: center;
}

.equipo {
  display: flex;
  flex-flow: wrap row;
  justify-content: space-around;
  width: 100%;
}

.equipo .col-1 {
  flex: 1 1 26%;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}

.equipo .col-1 div {
  width: 190px;
  margin: 0 auto;
  text-align: center;
}

.equipo .col-1 div img,
.coordinacion .col-1 div img {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -webkit-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
}

/*
.equipo div img {width: 100%; height: auto; }*/

/*--------------*/

#sidebar {
  width: 20%;
  margin-right: 30px;
}

#sidebar ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
#sidebar li {
  cursor: pointer;
}
#sidebar li a:hover {
  border-bottom: 1px solid #009bdb;
  color: #009bdb;
}
#sidebar li a {
  display: block;
  /*padding: 8px 0;*/
  text-decoration: none;
  color: #3b3b3b;
  font-size: 17px;
  border-bottom: 1px solid #b6b6b6;
  padding: 12px 0;
}

#sidebar li .is-active {
  border-bottom: 1px solid #009bdb;
  color: #009bdb;
}

#presentacion {
  width: 40%;
  margin: 12px;
  /*padding: 0 0.625rem;*/
}

#presentacion .views-row {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #cecece;
  width: 100%;
}

#presentacion h3 a {
  text-decoration: none;
}

/*-----------*/

table {
  width: 100%;
  border-collapse: collapse;
  margin: auto;
  font-size: 0.75em;
}
table,
th,
td,
tr {
  background-color: #fff;
  border: solid 1px #009bdb;
}
th {
  background-color: #009bdb;
  border: solid 1px #009bdb;
  color: #fff;
}
th,
td,
tr {
  padding: 10px;
  text-align: left;
}

#block-pue-page-title {
  text-align: center;
}

.link a {
  background: #1363ff;
  border-radius: 10px;
  color: #fff;
  padding: 0.25rem 1.25rem;
  width: 25%;
}

/*-----------------------------*/

.calendar-calendar td {
  width: 14%;
  margin: 0;
  padding: 0;
  text-align: right;
  vertical-align: top;
  color: #777;
  border: 1px solid #ccc !important;
}

.calendar-calendar .empty {
  color: #333333;
  border-color: #ccc;
  background: #ccc;
}

.calendar-calendar .day {
  margin-bottom: 2px;
  border: none !important;
  border-top: none;
  border-right: none;
}
/*-----------------------------*/


#block-transformacion-content .views-element-container > div, .news, .js-view-dom-id-0346bc2ef332087bb296e8dd3a77ef938072532795d20bd19c3bd7893a60df4a {
  display: flex;
  flex-flow: wrap row;
  /*justify-content: space-around;*/
  width: 100%;
}



.main_agendated div .views-element-container {
  display: flex;
    justify-content: space-between;
    padding: 0 0 0 1.25rem;
    box-shadow: 2px 0px 26px -5px rgba(55,58,80,0.61);
    -webkit-box-shadow: 2px 0px 26px -5px rgba(55 58 80 / 61%);
    -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-top: 20px;
}

.main_agendated div .views-element-container h2 {
  display: flex;
  margin-right: 51px;
  font-size: 1.875rem;
  color: #080b2d;
}

.field--label-inline  {
  display: flex;
}

.field--label-inline .field__label {
  margin-right: 20px;
  font-weight: bold;
  width: 10%;
}

.flexslider {
    margin: 0!important;
}
/*preguntas frecuentes*/

.views-element-container > .preguntas  {
  display: block;
  width: 100%;
  max-width: 68%;
}

.views-element-container .pregunta {
  width: 100%;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5/*{borderColorDefault}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #009bdb/*{fcDefault}*/;
}


#block-transformacion-page-title, #block-titulocomponenteshome {margin-left: 10px;}
/*-----------------------*/


.calendario {
  display: block!important;
  box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -webkit-box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 61%);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 15px;
  padding: 1.250rem;
}

.calendario .more-link {
  margin-top: 0.625rem;
  display: flex;
  justify-content: left;
  width: 100%;
}

.calendario-pisa { display: block!important; }

.calendario-pisa .views-field { border-bottom: dotted 1px #cecece; }

.-bases {
  display: block !important;
  width: 100% !important;
  margin: 0.625rem 0;
}

.-bases .views-field-title span::after {
  content: ":";
}
.basesdedatos h3::before {content: "Ciclo PISA";}

.sistemas ul {
  margin-left: -20px;
}

.sistemas li {
  margin: 0;
  padding: 0;
}

.main .three-column,
.main .two-column,
.main .one-column,
#block-accesos div .three-column {
  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);*/
  margin: 0.8rem;
  padding: 1rem 2rem;
  /* background-color: #fff;*/
}

.main .three-column:hover,
.main .two-column:hover,
.main .one-column:hover {
  transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
  -webkit-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
}

.main .three-column .views-field-title,
.views-field-field-titulo {
  font-family: "Raleway", sans-serif;
  color: #2d3748;
  font-size: 18px !important;
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: bold !important;
}

.main .three-column .views-field-title a {
  display: block;
  /*text-align: center;*/
  color: #776e65;
}

.main .three-column .views-field-title a: {
 color: #2D3748;
}

.main .three-column .views-field-body .field-content {
  color: #718096;
  line-height: 1.4;
  /*text-align: center;*/
  margin-bottom: 1.5rem;
}

.main .three-column,
.three-column,
#block-accesos div .three-column {
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  color: #718096;
  line-height: 1.4;
  justify-content: flex-start;
  align-content: center;
  text-align: center;
  box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -webkit-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.main .three-column article {
  margin-bottom: 1.5rem;
}

.main .three-column span div { /*width: 190px;*/
margin: 0 auto; }


/*.main .three-column img {
  width: 100%;
  height: auto;
}
*/
.main .two-column {
  flex: 1 1 50%;
}

.main .one-column {
  flex: 1 1 100%;
}

.main a {
  font-weight: normal;
  text-decoration: none;
}

.titulo {
  display: flex;
  justify-content: space-around;
  text-align: center;
  max-width: 1200px;
  padding: 0.8rem 2rem;
  margin: 0 auto;
  margin-top: 1rem;
}

.titulo img {
  max-width: 300px;
}

article {
  width: 100%;
}

article ul li {
  padding: 8px;
  margin-bottom: 0.625rem;
}

#block-teletrabajo h2,
#block-titulodsigc h2 {
  margin-left: 0.8rem;
  border-left: 5px solid #009bdb;
  padding-left: 0.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.sponsor {
  max-width: 1630px;
  margin: 0 auto;
  padding: 25px 15px 10px 15px;
  border-bottom: 1px solid #626262;
}

.sponsor span {
  margin-left: 15px;
}

.sponsor ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  font-size: 1.25rem;
  max-width: 1600px;
  margin: 0 auto;
  padding: 10px 0;
  align-items: center;
  flex-wrap: wrap;
}

.sponsor ul li img {
  width: 140px;
  padding: 10px;
}

.accesos img {
  height: 180px;
}

/*---Estilos página principal ---*/

.landing {display: flex;
  width: 100%;
  max-width: 1300px;
  /*display: flex;justify-content: space-between;*/
  align-items: center;
  padding: 0 10px;
  padding-top: 0;
  margin-bottom: 2rem;

}
.landing h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 2.2rem;
  color: #2d3748;
  margin: 0;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 600;
}
.landing p {
  color: #4a5568;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 45px;
}
.landing img {
  max-width: 100%;
  /*min-width: 500px;*/
}
.landing .btn-primary {
  color: white;
  background-color: #009bdb;
  text-decoration: none;
  padding: 12px 40px;
  border-radius: 2px;
  transition: 0.2s;
}

.landing .btn-primary:hover {
  background-color: #007fb4;
  transition: 0.2s;
}
.landing .landing-left {
  width: 41%;
}
.landing .landing-right {
  text-align: right;
  width: 59%;
  padding: 0 20px;
  padding-right: 0;
}

.landing ul {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: 0 !important;
  padding: 0 !important;
}

.landing ul li {
  list-style: none;
  /* height: 100px; */
  /* padding: 20px; */
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
  margin: 0.8rem;
  padding: 1rem 2rem;
  background-color: #fff;
}

#block-views-block-noticias-block-1 {
  margin-top: 4rem;
}

.accesos {
  display: flex;
  justify-content: center;
 /* margin-top: 140px;
  margin-bottom: 100px;*/
  padding: 20px;
}
.accesos-left,
.accesos-right {
  width: 400px;
  max-width: 100%;
}
.accesos-left {
  margin-right: 60px;
}
.accesos-right {
  margin-left: 60px;
}
.accesos .acceso-icon {
  padding: 40px 0;
  text-align: center;
  background-color: #009bdb;
  border-radius: 4px;
}
.accesos .acceso-icon img {
  width: 120px;
  background-color: #009bdb;
}

.accesos h2 {
  font-family: "Raleway", sans-serif;
  color: #2d3748;
  font-size: 35px;
  line-height: 1.3;
}

.accesos h2 {
  font-family: "Raleway", sans-serif;
  color: #2d3748;
  font-size: 35px;
  line-height: 1.3;
}
.accesos p {
  color: #4a5568;
  line-height: 1.5;
  margin-bottom: 28px;
}
.accesos a {
  color: #00638c;
  text-decoration: none;
  font-size: 18px;
}
.accesos .flecha {
  margin-left: 10px;
  margin-bottom: 1.5px;
  transition: 0.2s;
}
.accesos a:hover .flecha {
  transform: translateX(10px);
  transition: 0.3s;
}

.views-exposed-form {
  margin-bottom: 20px;
}

.pager__items {
  display: flex;
  justify-content: space-around;
  list-style: none;
}

.pager__items li {
  margin: 0.5rem;
  padding: 0.5rem;
}

.icono-inicio {
  text-align: center;
}

.icono-inicio img {
  width: 150px;
  height: auto;
}

.img-noticia img {
  max-width: 100%;
  height: auto;
  min-width: 280px;
  margin-bottom: 1rem;
}

.main .three-column.noticias {
  padding: 2rem 0;
  padding-top: 0;
}

.main .three-column.noticias .views-field-title,
.main .three-column.noticias .views-field-body,
.main .three-column.noticias .views-field-view-node,
.main .three-column.noticias .views-field-field-titulo {
  padding: 0 1.8rem;
}

.main .three-column.noticias .views-field-title a {
  text-align: left;
}

.main .three-column.noticias .views-field-body .field-content {
  text-align: left;
}
#block-views-block-noticias-block-1 h2 {
  margin-left: 0.8rem;
  border-left: 5px solid #009bdb;
  padding-left: 0.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.recursos {
  display: flex;
  list-style: none;
  width: 100%;
  justify-content: space-between;
  font-family: "Raleway", sans-serif;
  color: #2d3748;
  /*font-size: 30px;
line-height: 1.3;
margin-bottom: 1rem;*/
}
#block-recursos h2 {
  padding-left: 0.625rem !important;
}

.items {
  display: flex;
  width: 68%;
  justify-content: space-between;
  padding: 0.625rem;
  background-color: #fff;
  -webkit-box-shadow: 3px 2px 17px -5px rgba(5, 27, 28, 1, 0.22);
  -moz-box-shadow: 3px 2px 17px -5px rgba(3, 27, 28, 1, 0.22);
  box-shadow: rgb(3 27 28 / 22%) 0 2px 4px;
}

.items li {text-decoration: none;
list-style: none;}

.items a { font-weight: bold; }

.items div {
  flex: 1;
}

.items div:first-child {
  border-right: 1px solid #009bdb;
  margin-right: 0.625rem;
}

.items div:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

#block-views-block-informes-nacionales-block-1, block-views-block-boletines-informativos-block-1  { margin: 3.25rem 0; }

/*novedades*/

.main .novedades {
  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);*/
  margin: 0.8rem;
  padding: 0;
  /* background-color: #fff;*/
}

/*.main .novedades div {
display: flex;
margin: 0 0.625rem;
justify-content: space-between;
}*/

.main .novedades:hover {
  transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
  -webkit-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 1);
}

.main .novedades .views-field-title {
  font-family: "Raleway", sans-serif;
  color: #2d3748;
  font-size: 18px !important;
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: bold !important;
}

.main .novedades .views-field-title a {
  display: block;
  /*text-align: center;*/
  color: #2d3748;
}

.main .novedades .views-field-body .field-content {
  color: #718096;
  line-height: 1.4;
  /*text-align: center;*/
  margin-bottom: 1.5rem;
}

.main .novedades {
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  color: #718096;
  line-height: 1.4;
  justify-content: flex-start;
  align-content: center;
  text-align: center;
  box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -webkit-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.61);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.main .novedades article {
  margin-bottom: 1.5rem;
}

.main .novedades img {
  width: 100%;
  height: auto;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.responsive {
  width: 100%;
  max-width: 60%;
  margin: 0 auto;
}

/*--------formulario--------*/

.contact-message-contacto-pisa-form {
  width: 80%;
  margin: 0 auto;
}

.contact-message-contacto-pisa-form label {
  margin: 0 1.25rem 1.25rem 0;
}

.js-form-item input,
.js-form-item textarea {
  /*border-radius: 9px;*/
  border: 0;
  padding: 0.625rem;
  box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 12%);
  -webkit-box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 12%);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.12);
  width: 100%;
}

.js-form-item {
  display: flex;
  flex-direction: column;
}

.js-form-item-message-0-value label {
  margin-right: 10px;
}

.js-form-item-subject-0-value label {
  margin-right: 20px;
}

.contact-message-contacto-pisa-form .form-select {
  width: 100%;
  max-width: 60%;
  border-radius: 9px;
  border: 0;
  padding: 0.625rem;
  box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 12%);
  -webkit-box-shadow: 2px 0px 26px -5px rgb(55 58 80 / 12%);
  -moz-box-shadow: 2px 0px 26px -5px rgba(55, 58, 80, 0.12);
}
.footer-top .left img {
  width: 350px;
}
@media (max-width: 1024px) {
  /*.landing{
     margin-bottom: 2rem;
     }*/

     .flex-caption {
      position: static;
    }

    .flex-caption p {
      margin: 0!important;
    }


   .main_agendated .etapas, #block-transformacion-content .views-element-container > div, .news, .js-view-dom-id-0346bc2ef332087bb296e8dd3a77ef938072532795d20bd19c3bd7893a60df4a {
      display: block;
    }

    .enque {
      margin: 1.25rem;
      padding: 1.25rem;
    }

    .etapa { margin:0;
      margin-bottom: 1.25rem;}

    .landing .landing-left {
      width: 100%;
      padding: 0;
    }

    .landing .landing-right {
      display: none;
    }

    .accesos {
      margin-top: 80px;
      margin-bottom: 0;
    }

    .accesos-left {
      margin-right: 40px;
      width: 50%;
    }

    .accesos-right {
      margin-left: 40px;
      width: 50%;
    }

    .main_agendated div .views-element-container {
    display: block;
    }

    .main_oferta .views-element-container {
      width: 100%;
      display: block;
      /*margin: 0 0 2rem 0;*/
    }
    .flex-control-nav {
      display: none !important;
    }

    .main-container {
      display: block;
    }

    #sidebar {
      width: 100%;
    }

    #sidebar ul {
      text-align: left;
      margin-bottom: 15px;
    }

    #sidebar li a {
      padding-left: 5px;
    }

    .table {
      overflow-x: scroll;
    }

    .recursos {
      display: block;
    }

    #presentacion {
      width: 95%;
      padding: 0.8rem 1.2rem;
      margin: 0 14px;
      display: block;
      max-width: none;
    }

    #block-views-block-calendario-block-1 {
      max-width: none;
    }

    .enque-page div {
      flex: 1 1 25%;
    }
  }
  @media (max-width: 768px) {
    .accesos {
      display: block;
    }
    .accesos-left,
    .accesos-right {
      margin: 0 auto;
      margin-bottom: 80px;
      width: 100%;
    }

    .enque { display: block; }

    .enque-page div {
      flex: 1 1 50%;
    }

   .items{
      width: 95%
    } 
  }
/*-----------Noticias----------*/