/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: Ubuntu;
  src: url("../fonts/Ubuntu-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: Ubuntu;
  src: url("../fonts/Ubuntu-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: Ubuntu;
  src: url("../fonts/Ubuntu-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
    font-family: 'Rawline';
    src: url("../fonts/rawline-700.ttf");
    font-weight: bold;
}
@font-face {
    font-family: 'Rawline';
    src: url("../fonts/rawline-400.ttf");
    font-weight: normal;
}

*{
    padding: 0; margin: 0;
}
a{
  cursor: pointer;
  display: block;
  color:#383838;
  outline: transparent;
}
a:hover{
  text-decoration: none;
  color: inherit;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  margin-bottom: 0px;
}
.wrap .form-control{
  outline: transparent;
  box-shadow: none;
}
body {
  color: #383838;
  font-weight: normal;
}
.container {
    width: 100%;
    max-width: 1198px;
    padding: 0px;
}
.container-fluid{
  padding: 0px;
}
.row {
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
/***** PAGINACION *****/

.wrap ul.pagination {
    min-height: 90px;
    padding-top: 40px;
    padding-bottom: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0px;
    padding-left: 0;
    border-radius: 4px;
}
.wrap .pagination .disabled, .wrap .pagination .active, .wrap .pagination li {
    padding: 0px;
    background-color: transparent;
    margin-right: 10px;
}
.wrap .pagination li.disabled:first-child a, .wrap .pagination li.disabled:last-child a {
    opacity: 0;
}
.wrap .pagination > li:first-child > a, .wrap .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.wrap .pagination li.disabled a {
    cursor: initial;
}
.wrap .pagination > li > a, .wrap .pagination > li > span {
    
    color:#999;
    background-color: initial;
    border: none;
    border-radius: 50%;
    color: #999;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.02em;
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wrap .pagination > li.active > a {
    
    font-weight: bold;
}
.wrap .pagination li:not(.disabled) a:hover, .wrap .pagination li:not(.disabled) button:hover {
    background: initial;
}
.wrap .pagination a:hover, .wrap .pagination button:hover {
    background: initial !important;
}

/***** FIN PAGINACION *****/

/***** MENU *****/
.navbar{
  width: 100%;
  min-height: 138px;
  padding: 0px;
}
.conResultados .navbar{
  min-height: 146px;
}
.navbar-brand.logo_blanco, .conResultados .navbar-brand.logo_negro{
  display: block;
}
.navbar-brand.logo_negro, .conResultados .navbar-brand.logo_blanco{
  display: none;
}
.navbar-brand{
  z-index: 999;
  padding: 0;
  margin: 0;
  margin-right: 0px;
  margin-top: 10px;
}
.navbar-brand img{
  width: 217px;
  margin-left: 40px;
  margin-right: 40px;
}

.navbar ul.navbar-nav{
  width: calc(100% - 297px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar ul.navbar-nav li.nav-item{
  padding: 0 30px;
}
.navbar ul.navbar-nav li.nav-item a.nav-link{
  color: #fff;
  padding: 0;
  padding-bottom: 3px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.04em;
  border-bottom: 3px solid rgba(0,0,0,0);
  text-align:center;
}

.conResultados .navbar ul.navbar-nav li.nav-item a.nav-link{
  color:#383838;
}

/***** FIN MENU *****/

/***** BUSCADOR HEADER *****/
.header{
  position: relative;
}

.form-inline{
  position: relative;
  z-index: 999;
  height: 94px;
  margin-right: 20px;
  /*transition: all 0.5s ease-in-out;*/
}
.form-inline #search_header{
    font-size: 34px;
    padding: 0 84px 0 30px;
    letter-spacing: 0.03em;
    border:none;
    border-radius: 0px;
}
.mr-sm-2, .mx-sm-2 {
    margin-right: 0 !important;
}
.icono_search {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top:26px;
}

.input0 .icono_search.gris, .conResultados .header .icono_search.blanco, .conResultados .header .resultados .icono_search.gris{
  display: none;
}
.input0 .icono_search.blanco, .conResultados .header .icono_search.gris{
  display: block;
}
.header .icono_search img{
  width: 42px;
}
.input100 #search_header{
  width: 100%;
  height: 100%;
}
.input0 #search_header{
  width: 0px;
  padding: 0px;
}

/***** FIN BUSCADOR HEADER *****/

/***** CABECERAS *******/

.wrap .header{
  height: 795px;
}
.wrap.conResultados .header{
  height: auto !important;
}
#home .header{
  background: #1A1A16 url("../img/cabeceras/inicio.jpg") center center / cover no-repeat scroll;
}
#biblioteca .header{
  background: #1A1A16 url("../img/cabeceras/biblioteca_investigacion.jpg") center center / cover no-repeat scroll;
}
#repositorio .header{
  background: #1A1A16 url("../img/cabeceras/repositorio.jpg") center center / cover no-repeat scroll;
}
#bbdd .header{
  background: #1A1A16 url("../img/cabeceras/bbdd.jpg") center center / cover no-repeat scroll;
}
#trabajosGrado .header{
  background: #1A1A16 url("../img/cabeceras/trabajo_grado.jpg") center center / cover no-repeat scroll;
}
.conResultados .header{
  background:initial !important;
}
.header .container{
  height: calc(100% - 146px);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: safe center;
  clear: both;
}
.header .resultados{
  height: 207px;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .texto_header{
  margin-top: -146px; /*Resto el alto del menu para que se centre en el header incluido el menu*/
}
.texto_header h2, .texto_header h1{
  margin: 0 auto 27px;
  text-align: center;
  font-size: 72px;
  letter-spacing: 0.02em;
  line-height: 81px;
  font-weight: 800;
  text-transform: uppercase;
}

.texto_header p{
  width: 64%;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 35px;
}

/***** FIN CABECERAS *******/
/***** FILTROS *****/

.filters {
    width: 100%;
    flex: 1 0 auto;
    padding: 15px 30px;
    margin-bottom: 30px;
    min-height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
}
.filters > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
}
.filters select, .filters a{
  display: inline-block;
  border:1px solid #d9d9d9;
  width: calc(33.3% - 15px);
  flex: 1 0 auto;
  padding: 0px;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: left;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-weight: normal;
  color: #999 !important;
  background-color: #fff;
}
.filters a{
  border:none;
}
.filters select:last-child, .filters a:last-child{
  margin-right: 0px;
}
.filters option{
  font-weight: normal;
  
}
.filters a:hover{
    font-weight: normal;
    text-decoration: none;
}
.filters option.selected, .filters a.selected {
    font-weight: bold;
    color: #383838 !important;
}
/***** FIN DE FILTROS *****/

/**** SECCIONES ****/
.seccion {
  width: 100%;
  justify-content: center;
  padding-top: 133px;
  padding-bottom: 190px;
}
.conResultados .seccion{
  padding-top: 95px;
}

.tit_seccion {
    width: 100%;
    line-height: 50px;
    margin-bottom: 27px;
    font-size: 46px;
    letter-spacing: 0;
    font-weight: 800;
    margin-top: 3px;
}

.subtit_seccion {
    font-size: 27px;
    line-height: 32px;
    align-self: center;
    font-weight: normal;
}

.wrapper_flex {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #bfbfbf;
}

.help-msg {
    margin: 50px auto 0;
    text-align: center;
}
.help-msg span .fa-question-circle {
    font-size: 74px;
    clear: both;
    line-height: 0.9;
    margin-bottom: 2px;
}
/**** FIN SECCIONES ****/

/**** BUSCADOR ****/
.buscador {
    margin: 0px;
    border-bottom: none;
    width: 100%;
}
.buscador .form-group {
    width: 100%;
    height: 81px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.buscador .form-control {
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0px;
    height: 100%;
    font-size: 34px;
    letter-spacing: 0.03em;
    color: #383838;
    padding: 0 30px;
}

/**** FIN BUSCADOR ****/

/**** ITEMS *****/

.item {
    margin: 0 20px;
    border-bottom: 1px solid  #bfbfbf;
    margin-top: 40px;
    width: calc(33.3% - 27px);
    position: relative;
}

.item:nth-child(3n+1) {
    margin-left: 0px;
}
.item:nth-child(3n+3) {
    margin-right: 0px;
}

.item .thumbnail {
    display: table;
    max-height: 100%;
    background-color: initial;
    width: 100%;
    overflow: hidden;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    font-weight: 400;
    position: relative;
    border-radius: 0px;
    margin: 0 auto;
}
.thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.item .caption {
    padding-top: 25px;
    padding-bottom: 37px;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
}
.item .titulo {
    font-size: 27px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 0.02em;
}

.item .descripcion {
    opacity: 1;
    background-color: initial;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    margin-top: 15px;
    color: #808080  ;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.03em;
}
.item.curso .descripcion {
    transition: all 0.4s ease-in;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    padding: 0 20px;
    display: flex;
    align-items: safe center;
    overflow: auto;
    color:#fff;
    margin-top: 0px;
    font-size: initial;
}
.item.curso a:hover .descripcion {
    opacity: 0.75;
}
.item .subtitulo {
    color: #808080  ;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.03em;
    margin-top: 20px;
    margin-bottom: 5px;
}
.item.curso .franja { 
    position: absolute;
    bottom: 17px;
    left: 0px;
    max-height: 50px;
    height: 25%;
    padding: 0px 24px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item.curso .franja .logo {
    width: auto;
    height: 28px;
}
/**** FIN ITEMS *****/

/***** FOOTER ****/

#footer {
    border-top: none;
    min-height: 100px;
    width: 100%;
    position: relative;
    z-index: 100;
}
#logos {
    min-height: 96px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
#footer img {
    height: 30px;
    margin: 0;
}
#footer img.linea{
  margin: 0 5px;
} 
#derechos { 
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#derechos p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.01em;
}
/***** FIN FOOTER ****/

/***** PÁGINA HOME *****/

#texts_icons{
  display: flex;
  justify-content: center;
  margin-top: 42px;
}
#texts_icons>div{
  display: flex;
  align-items: center;
}

#texts_icons>div img{
  width: 80px;
  margin-right: 23px;
}
#texts_icons>div p{
  font-size: 27px;
  line-height: 40px;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-align: left;
}
#info{
  color: #fff;
  padding-top: 98px;
  padding-bottom: 115px;
}
#info .columnas{
  width: calc(33.3% - 30px);
  margin-right: 40px;
}
#info .columnas:last-child{
  margin-right: 0px;
}
#info .columnas img{
  margin-bottom: 15px;
  width: 100px;

}
#info .columnas p{
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}
#info .columnas .flecha{
  width: 18px;
  height: 18px;
  margin-bottom: 0px;
}
#info .columnas .link{
  font-size: 19px;
  letter-spacing: 0.03em;
}
#info .columnas .contador{
    font-size: 78px;
    margin-bottom: 34px;
}

@keyframes aparecer{
  0%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.ocultar{
  opacity: 0;
}
.animar{
  animation: aparecer 1.3s;
}
#rrss{
  padding: 71px 0 77px;
}
#rrss h3{
  font-size:50px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 0.02em;
}
#rrss p{
  font-size: 27px;
  line-height: 40px;
  letter-spacing: 0.03em;
  font-weight: bold;
  text-align: center;
  max-width: 68%;
  margin: 0 auto;
  margin-bottom: 12px;
}
.iconos_rrss{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.iconos_rrss a img{
  width: 90px;
  margin-right: 28px;
}
.iconos_rrss a:last-child img{
  margin-right: 0px;
}
/***** FIN PÁGINA HOME *****/


/***** OTRAS PÁGINAS *****/

#listado{
  margin-bottom: 0px;
}
#listado li.item{
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0px;
  padding: 38px 0;
}
#listado li>div{
  flex:1;
  margin-right: 15px;
  display: flex;
  align-items: flex-start;
}
#listado .titulo{
  margin-bottom: 3px;
}
#listado .subtitulo{
  margin: 0px;
  letter-spacing: 0.02em;
  line-height: 28px;
  font-style: italic;
}
#listado img{
  width: 26px;
  margin-right: 20px;
  flex: 0 0 26px;
}
#listado .boton{
  position: static;
  padding: 20px 44px;
  text-transform: uppercase;
  text-align: center;
  white-space: normal;
  font-weight: bold;
}
.volver {
    border-bottom: 1px solid #bfbfbf;
    padding-top: 58px;
    padding-bottom: 32px;
}
.volver button.return {
    font-weight: normal;
    font-size: 19px;
    letter-spacing: 0.03em;
    background-color: inherit;
    border: none;
    padding: 0;
    text-align: left;
    display: flex;
    color: #383838;
    outline: transparent;
    cursor: pointer;
}
.volver button.return img {
    width: 11px;
    margin-right: 14px;
}

.modal-dialog{
  max-width: 700px;
}
.modal-content{
  border-radius: 5px;
  border:none;
}
.modal-header{
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 15px 17px 23px;
}
.close{
  opacity: 1;
}
.close img{
  width: 26px;
  height: 26px;
}
.modal-title{
  font-size: 19px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 800;
}
.modal-body{
  padding: 50px 50px 60px;
}
.modal-body p{
  font-size: 15px;
  letter-spacing: 0.03em;
  line-height: 22px;
  margin-bottom: 17px;
}

/***** FIN OTRAS PÁGINAS *****/


/***** MEDIA QUERIES *****/

@media screen and (max-width:1400px) {
  .navbar {
    min-height: 110px;  
  }
  .navbar-brand img {
    width: 174px;
    margin-left: 32px;
    margin-right: 32px;
  }
  .navbar ul.navbar-nav {
    width: calc(100% - 238px);
  }
  .navbar ul.navbar-nav li.nav-item {
    padding: 0 25px;
  }
  .navbar ul.navbar-nav li.nav-item a.nav-link{
    font-size: 15px;
    line-height: 23px;
  }
  .wrap .header {
    height: 564px;
  }
  .header .container {
    height: calc(100% - 110px);
  }
  
  .form-inline{
    height: 61px;
  }
  .form-inline #search_header {
    font-size: 19px;
    font-weight: 500px;
  }
  .header .input100.form-inline #search_header{
    padding-left: 20px;
  } 
  .icono_search {
    right: 10px;
    top: 12px;
  }
  .header .icono_search img {
    width: 33px;
  }
  .header .input100 .icono_search img {
    width: 23px;
  }
  .header .input100 .icono_search{
    top:18px;
    right: 12px;
  }

  .header .texto_header {
    margin-top: -120px;
  }
  #home .texto_header {
    margin-top: 0px;
  }
  .texto_header h2, .texto_header h1{
    font-size: 57px;
    line-height: 64px;
    margin-bottom: 23px;
  }
  .texto_header p{
    font-size:19px;
    line-height: 28px;
  }
  
  #texts_icons > div img {
    width: 64px;
    margin-right: 17px;
  }
  #texts_icons > div p {
    font-size: 21px;
    line-height: 32px;
  }
  .container {
    max-width: 958px;
  }
  #info {
    padding-top: 77px;
    padding-bottom: 94px;
  }
  #info .columnas p {
    line-height: 32px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
  }
  #info .columnas img {
    width: 81px;
  }
  #info .columnas .link {
    font-size: 15px;
  }
  #rrss h3{
    font-size: 40px;
    margin-bottom: 6px;
  }
  #rrss p {
    font-size: 21px;
    line-height: 32px;
  }
  .iconos_rrss a img {
    width: 72px;
    margin-right: 24px;
  }
  #rrss {
    padding: 55px 0 62px;
  }

  .buscador .form-group{
    height: 65px;
  }
  .header .resultados {
    height: 165px;
  }
  .buscador .form-control{
    font-size: 27px;
    padding: 0 23px;
  }
  .tit_seccion{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 22px;
  }
  .conResultados .tit_seccion{
    margin-bottom: 18px;
  }
  .seccion{
    padding-top: 90px;
    padding-bottom: 112px;
  }
  .item{
    margin: 30px 16px 0px;
  }
  .item .thumbnail .descripcion{
    font-size: 15px;
    line-height: 20px;
  }
  .item.curso .franja{
    max-height: 40px;
    height: 20%;
    padding: 0 15px;
  }
  .item.curso .franja .logo {
    width: auto;
    height: 23px;
  }
  .item .titulo {
    font-size: 21px;
    line-height: 30px;
  }
  .item .subtitulo{
    font-size: 15px;
    line-height: 23px;
    margin-top: 12px;
  }
  .item .caption {
    padding-top: 18px;
    padding-bottom: 28px;
  }
  .conResultados .seccion {
      padding-top: 75px;
  }

  .wrap ul.pagination{
    padding-top: 30px;
    min-height: 52px;
  }
  .wrap .pagination > li > a, .wrap .pagination > li > span{
    width: 52px;
    height: 52px;
    font-size: 15px;
  }
  .wrap .pagination > li.disabled{
    display: none;
  }
  
  .boton{
    font-size: 13px;
    min-height: 46px;
    padding: 12px 27px;
    bottom: 37px;
  }
  
  .wrapper_flex{
    margin-bottom: 35px;
  }
 
  .texto_intro p {
    font-size: 29px;
    line-height: 37px;
  }
 
  .texto_intro {
    padding-top: 94px;
    padding-bottom: 67px;
  }
  
  #listado .titulo{
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 0px;
  }
  #listado .subtitulo{
    font-size: 19px;
    line-height: 28px;
  }
  #listado li.item{
    padding: 27px 0;
    margin:0px !important;
  }
  #listado img{
    width: 22px;
    margin-right: 15px;
    flex-basis: 22px;
  }
  #listado .boton {
    padding: 16px 34px;
  }
  .volver{
    padding-top: 32px;
    padding-bottom: 25px;
  }
  .volver button.return{
    font-size: 15px;
  }
 
  .modal-dialog {
    max-width: 600px;
  }
  .modal-body p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
  }
 
}

@media screen and (max-width:1024px) {
    
    .container {
      max-width: 690px;
    }
    
    .header .container {
      height: calc(100% - 110px);
    }
    .wrap .header {
     height: 464px;
    }
   
    .texto_header p{
      width: calc(100% - 40px)
    }
    .texto_header h2, .texto_header h1 {
      font-size: 52px;
      line-height: 60px;
    }
    #info {
      padding-top: 68px;
    }
    #info .columnas img {
        width: 72px;
    }
    #info .columnas{
      margin-right: 32px;
      display: flex;
      flex-direction: column;
    }
    #info .columnas>div{
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .item{
      width: calc(50% - 16px);
      margin-right: 16px !important;
      margin-left: 16px !important;
    } 
    .item:nth-child(2n+1){
      margin-left: 0px !important;
    }
    .item:nth-child(2n+2){
      margin-right: 0px !important;
    }
    .seccion{
      padding-top: 75px;
      padding-bottom: 105px;
    }
    .texto_intro {
      padding-top: 75px;
    }
   
    #logos{
        flex-wrap: wrap;
    }
    #footer img {
        margin: 25px 20px;
    }
    
    #listado .titulo{
      font-size: 21px;
      line-height: 29px;
    }
    #listado .subtitulo{
      font-size: 15px;
      line-height: 22px;
      letter-spacing: 0.03em;
      margin-top: 5px;
    }
    #listado li.item {
      padding: 30px 0;
    }
   
    .wrap ul.pagination{
      padding-top: 35px;
    }
   
}
@media screen and (max-width:1199px) {
    /*Break point Para el menu hamburguesa */
    .header{
      padding-top: 110px;/* Lo que mide el menu cuando no está en position absolute*/
    }
    .header .container {
      height: calc(100% - 0px);
    }
    .conResultados .header{
      padding-top: 117px;/* Lo que mide el menu cuando no está en position absolute*/
    }
    .conResultados .navbar{
      min-height: 117px;
    }
    .navbar{
      position: absolute;
      top:0px;
      left: 0px;
    }
    .navbar-toggler {
        outline: transparent !important;
        position: absolute;
        right: 32px;
        top:39px;
        padding: 0px;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon{
      background-image: url('../img/iconos/menu_hamburguesa.png'); 
      background-size: 33px 28px;  
    }
    .conResultados .navbar-toggler.collapsed .navbar-toggler-icon{
      filter: invert(75%);
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
      background-image: url('../img/iconos/menu_cerrar.png');  
      background-size: 33px 28px;
    }
    .conResultados .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
      filter: invert(75%);
    }
    .navbar.desplegado > .container-fluid{
      width: 20%;
      min-width: 240px;
      margin:0;
      padding: 21px 32px;
      background-color: #000;
      z-index: 999;
    }

    .navbar.desplegado .navbar-brand img{
      margin-left: 0px;
      margin-right: 0px;
    }
    .navbar-collapse{
      width: 100%; 
    }
    .navbar ul.navbar-nav{
      width: 100%;
      align-items: flex-start;
      border-top: 1px solid #4e4e4e;
      margin-top: 28px !important;
    }
    
    .navbar ul.navbar-nav li.nav-item a.nav-link{
      text-align: left;
      padding-bottom: 0px;
    }
    .conResultados .navbar.desplegado ul.navbar-nav li.nav-item a.nav-link{
      color: #fff;
    }
    .navbar ul.navbar-nav li.nav-item{
      padding: 0px;
      padding-bottom: 23px;
    }
    .navbar ul.navbar-nav li.nav-item:first-child{
      padding-top: 28px;
    }
    .navbar ul.navbar-nav li.nav-item:last-child{
      padding-bottom: 23px;
    }
    .form-inline{
      margin: 0px;
    }
    .input0 #search_header, .input100 #search_header {
      width: 100%;
      padding: 6px 14px;
    }
    .conResultados .header .resultados .icono_search.gris{
      display: block;
    }
    .icono_search {
      right: 11px;
      top: 17px;
    }
    .header .icono_search img {
      width: 20px;
    }
    .header .resultados .icono_search img {
        width: 26px;
    }
    .header .resultados .icono_search {
        right: 15px;
        top: 19px;
    }

    .desplegado .navbar-brand.logo_blanco, .conResultados .desplegado .navbar-brand.logo_blanco{
      display: block;
    }
    .desplegado .navbar-brand.logo_negro, .conResultados .desplegado .navbar-brand.logo_negro{
      display: none;
    }
}
@media screen and (max-width:768px) {
    
    .header{
      background-position: right center;
    }
    .seccion{
      padding-top: 55px;
      padding-bottom: 90px;
    }
    
    .container {
      max-width: calc(100% - 50px);
    }
    
    #texts_icons > div{
      flex-direction: column;
      align-items: center;
    }
    #texts_icons > div p{
      text-align: center;
    }
    .texto_header p{
      width: 100%;
    }
    #texts_icons > div img{
      margin-right: 0px;
      margin-bottom: 7px;
    }
    #info{
      padding-bottom: 82px;
    }
    #info>.container>.row{
      flex-direction: column;
    }
    #info .columnas{
      width: 100%;
      flex-direction: row;
      align-items: center;
      margin-bottom: 30px;
    }
    #info .columnas>div{
      margin-bottom: 50px;
    }
    #info .columnas:last-child>div{
      margin-bottom: 0px;
    }
    #info .columnas img{
      width: 80px;
      flex: 1 0 auto;
      margin-bottom: 0px;
      margin-right: 16px;
    }
     #info .columnas .contador{
      font-size: 52px;
      margin-bottom: 0px;
    }
    #info .columnas p{
      text-align: left;
      margin-bottom: 0px;
    }
    #info .columnas .num_destacados{
      margin-right: 10px;
    }
    .iconos_rrss{
      margin-top: 35px;
    }
    .iconos_rrss a img{
      width: 55px;
      margin-right: 16px;
    }
    #rrss {
      padding-top: 47px;
    }
    #rrss p{
      max-width: 100%;
    }
    .conResultados .navbar {
      min-height: 102px;
    }
    .conResultados .header {
        padding-top: 102px;
    }
    .conResultados .seccion {
      padding-top: 60px;
    }
    .texto_header h2, .texto_header h1 {
      font-size: 36px;
      line-height: 42px;
      margin-bottom: 15px;
    }
    .texto_header p {
      font-size: 17px;
      line-height: 26px;
    }
    .texto_intro p{
      font-size: 23px;
      line-height: 32px;
    }
    .texto_intro {
      padding-top: 50px;
    }
    
    #listado li.item{
      flex-direction: column;
    }
    
    #listado li > div{
      margin-right: 0px;
    }
    #listado .boton{
      margin: 25px auto 0;
    }
    .volver {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .modal-dialog{
      max-width: 526px;
    }
    .modal-body {
      padding: 30px 25px 35px;
    }
    .filters > div {
      flex-direction: column;
    }
    .filters select, .filters a{
      width: 100%;
    }
}
@media screen and (max-width:576px) {
    .navbar-brand{
      margin-top: 0px;
    }
    .navbar-brand img {
        width: 152px;
        margin-left: 25px;
        margin-right: 25px;
    }
    .navbar-toggler {
      right: 25px;  
      top: 32px;
    }
    .navbar.desplegado > .container-fluid{
      padding: 27px 25px;
    }
    #home .header{
      display: table;
      padding-bottom: 30px;
    }
    .wrapper_flex{
      flex-direction: column;
      align-items: center;
      border-top: none;
    }
    .wrapper_flex .item:first-child{
      border-top: 1px solid #bfbfbf;
      padding-top: 31px;
      margin-top: 0px;
    }
    
    #listado .titulo {
      font-size: 18px;
      line-height: 28px;
    }
    .modal-dialog{
      max-width: 100%;
    }
}


/***** FIN MEDIA QUERIES ****