/* Estilos de los filtros */
.filters{
	font-size: 18px;
	margin-top: 3px;
	margin-bottom: 10px;
	display: table;
    table-layout: fixed;
}
.filters>div{
	display: flex;
	justify-content: space-around;
}
.filters a{
	display: table-cell;
   width: 2%;
	border-left: 1px solid #EEE;
	color: #CCC;
}
.filters a:first-child{
	border-left: 0px;
}
.filters a.selected{
	color: #337AB7;
}

/* Estilos de los libros */
.modal-body .row{
	margin:0px;
}
.book{
	display:block;
	box-shadow: 0 1px 4px 1px rgba(0,0,0,.25);
	border: 1px solid #d4d4d4;
	padding: 6px 6px 0px 0px;
	border-radius: 12px 0px;
}
.book img{
	border: 1px solid #d4d4d4;
}
/* Estilos de los autores */
.autores{
	font-size:12px;
	color: #888;
}

/* Estilos de los encabezados */
.header{
	margin-top:20px;
}
.header h1{
	margin-top:0px;
}
.header span.sub{
	font-weight: 400;
	color: #777;
	font-size:26px;
}

button.return:hover, .button.return:focus {
	background-color: #ffffff;
	border-color: #ede709;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 231, 9, 0.75);
}

/* Estilos de la búsqueda */
.has-feedback a{
	text-decoration:none;
	pointer-events:auto;
}

/* Estilos de las categorías */
.category a:hover{
	text-decoration:none;
}
.category .thumbnail:hover {
  border-color: #ede709;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(237, 231, 9, 1);
}

.category .thumbnail h4{
	text-align:center;
}

/* Estilos de los items */
.media-left a{	
	text-decoration:none !important;
}

.gallery-icon{
	width:35px;
	height:35px;
	background-color: #ede709;
	display: table;
	border-radius:50%;
}

.media-heading{
	cursor:pointer;
}

.gallery-icon:hover, .gallery-icon:focus{
	background-color:#404040;
}

.gallery-icon span{
   text-align: center;
   font-size: 16px;
   color:#404040;
}

.gallery-icon:hover > span, .gallery-icon:focus > span, .gallery-icon:active > span {
  color: #ede709;
}
.btn_certificado{
	background-color: #e6e6e6;
}
.btn_certificado:hover, .btn_certificado:focus {
	background-color: #e6e6e6;
	border-color: #adadad;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(200, 200, 200, 0.75);
}
.sin_icono .media-left, .sin_icono .media-body{
	display: block;
	width: 50%;
}
.sin_icono img{
 	width: 100%;
}
/*Fix para que el grid de Bootstrap funcione bien a pesar de no usar .row en los items */
@media(min-width:768px){
	.media:nth-child(2){
		margin-top:0px;
	}
	.media:nth-child(odd){
		clear:left;
	}
}

/* Mensaje de "No se han encontrado resultados" */
.help-msg{
	text-align:center;
}

.help-msg .glyphicon{
	width:64px;
	height:64px;
	color: #337AB7;
	font-size: 64px;
	clear:both;
}

/* Animaciones para mensaje de no encontrado */
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
}
.help-msg .glyphicon{
	-webkit-animation-duration: 0.5s; 
	animation-duration: 0.5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
}

.help-msg .glyphicon{
	-webkit-animation-name: rotateIn; 
	animation-name: rotateIn;
}



/* Animaciones al cambiar de página o buscar */
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.media.ng-move,
.media.ng-enter{
    -webkit-animation-duration: 0.7s; 
    animation-duration: 0.7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
}


.media.ng-move.ng-move-active,
.media.ng-enter.ng-enter-active {
  -webkit-animation-name: bounceIn; 
    animation-name: bounceIn;
}

/* Animaciones al cambiar de vista (categorías o items)*/
@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(10px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(10px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.page{
-webkit-animation-duration: 0.7s; 
    animation-duration: 0.7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}


.page {
-webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
}

/* Animaciones para cambios en la vista de categorías */
.category{
    -webkit-animation-duration: 0.7s; 
    animation-duration: 0.7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
}
.category {
  -webkit-animation-name: bounceIn; 
    animation-name: bounceIn;
}


.enlace-main{
    -webkit-animation-duration: 0.7s; 
    animation-duration: 0.7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
}

.enlace-main {
  -webkit-animation-name: bounceIn; 
    animation-name: bounceIn;
}

/* Cosas de Luis */

@font-face {
    font-family: "GothamBook";
    src: url('../fonts/gotham-book.woff') format('woff'),
	 		url('../fonts/gotham-book.ttf') format("truetype");
}

@font-face {
    font-family: "InterstateMonoBlk";
    src: url('../fonts/interstate-mono-blk.woff') format('woff'),
	 		url('../fonts/interstate-mono-blk.ttf') format("truetype");
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway.regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avant Garde';
	src: url('../fonts/avantgardemditc-bold-webfont.ttf');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway.medium.ttf');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway.bold.ttf');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Rawline';
	src: url('../fonts/rawline-700.ttf');
	font-weight: bold;
	font-style: normal;
}
body{
	font-family: "Raleway", "GothamBook", Arial;
}

/* Tamaño de la ventana correcto */

.container {
	width: 100%;
	max-width: 1170px;
}

.row{
	margin-left: 0;
	margin-right: 0;
}

/* Para que los recuadros se comporten correctamente */

.header{
	padding: 15px 25px;
	margin: 20px 0 15px;
	border-radius: 15px;
	background-color: #eee;
}

.header h1{
  	font-size: 30px;
	margin-bottom: 5px;
}

.panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  margin-top: 25px;
  margin-bottom: 40px;
}

.panel-body{
	padding: 0;
}

.busqueda-borde{
	border-bottom: 1px solid #e6e6e6;
   padding-bottom: 10px;
	margin-bottom: 10px;	
}

					
button.return{
  min-width: 75px;
  color: #404040;
}

.pagination{
  margin: 10px 0 20px;
}

.pagination > li > a, .pagination > li > span {
  color: #404040;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #ede709;
  border-color: #ede709;
  color: #404040;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #404040;
  border-color: #404040;
  color: #ffffff;
}


/* Fin de los recuadros */

/* Menú superior */

.navbar-default > .container-fluid{
	width: 100%;
	max-width: 1170px;
	padding-right: 10px;
	padding-left: 10px;
}

.navbar-collapse{
	padding-right: 0;
	padding-left: 0;
}

.navbar-nav > li{
	text-align: center;
	display: table;
}

.navbar-default .navbar-nav > li > a{
	color: #ffffff;
	display: table-cell;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  	background-color: #ffffff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  	background-color: #ede709;
}

.navbar{
	border: 0;
	border-radius: 0;
	min-height: 100px;
	margin-bottom: 0;
}
	
.navbar-default{
	background-color: #404040;
  	color: #ffffff;
}

.navbar-brand{
	padding-right: 0;
}

.navbar-toggle{
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 12px 10px;
	border-width: 2px;
}



/* Fin del menú superior */

/* Footer */

html,
body {
  height: 100%;
}


#footer {
  	background-color: #404040;
	min-height: 100px;
	width: 100%;
	z-index: 100;
	position: relative;
}

#footer .copyright{
	color: #ffffff;
}

#footer img{
	margin: 40px 15px 20px;
}

/* Estilos del Index */

.full-width-black{
	width: 100%;
	background-color: #404040;
	position: relative;
	z-index: 10;
	padding: 15px 0;
}

.full-width-grey{
	width: 100%;
	background-color: grey;
	position: relative;
	z-index: 10;
	margin-bottom: 20px;
}

.full-width-white{
	width: 100%;
	background-color: #ffffff;
	position: relative;
	z-index: 10;
	padding: 15px 0;
}

.full-width-image{
	width: 100%;
	position: relative;
	/*max-height: 600px;*/
}

.full-width-image > img{
	width: 100%;
}

@media (max-width: 767px){
	.full-width-image{
		display: none;
	}
}

.enlace-main{
	min-height: 155px;
	margin: 15px auto;
}

.enlace-main h4{
	color: #404040;
}


/* Algunos cambios de color (otros se han hecho más arriba aprovechando reglas ya escritas) */
.form-control:focus {
  	border-color: #ede709;
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 231, 9, 0.75);
}

a.selected > span{
  	color: #404040;
}

.help-msg .glyphicon {
  	color: #ede709;
}

.btn-warning {
  	background-color: #ede709;
  	border-color: #ede709;
  	color: #404040;
}


/* Grid de 5 columnas */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/******************* ESTILOS actualizados por rediseño ***********************/
body{
	color: #fff;
}
#modal{
	color: #333;
}
#biblio_virtual h2{
	color:#333;
}


.gallery-icon, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,.btn-primary{
	display: flex;
	align-items: center;
	justify-content: center;
}

#wrap{
	min-height: calc(100vh - 185px);
}

#wrap{
	background-color: #222;
}
.navbar-brand > img{
	width: auto;
	height: 65px;
}
.navbar,.navbar-default > .container-fluid, .navbar-header, .navbar-default .navbar-brand{
	min-height: 115px;
	padding: 0;
}

.container{
	max-width: 1191px;
	padding: 0 20px;
}
.navbar-default > .container-fluid{
	max-width: 1151px;
	padding: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
    padding: 25px 0;
}
.navbar-default .navbar-nav > li > a{
	font-size: 18px;
	text-transform:initial;
    font-family: 'Raleway', sans-serif;
    line-height: 22px;
    font-weight: 500;
    padding: 0 40px;
    vertical-align: middle;
}
.navbar-nav{
	display: flex;
}
									
.navbar-nav > li:first-child {
    border-left: 1px solid #222;
}
.navbar-nav > li {
    height: 115px;
    border-right: 1px solid #222;
    float:none;
}
.navbar{
	padding: 0 20px;
}
.navbar-collapse{
	max-width: calc(100% - 250px);
	width: 69%;
}

@media (max-width: 1000px) {
	.navbar{
		padding: 0px;
	}
  .navbar-header {
      float: none;
      padding-left: 20px;
  }
  
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      max-width: 100%;
      width: 100%;
  }
  
  .navbar-collapse.collapse {
      display: none!important;
  }
  
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}


.header{
    font-family: 'Avant Garde', 'Raleway', Arial, sans-serif;
	background-color: initial;
	padding: 0;
	margin: 0;
	margin-top: 82px;
	border-bottom: 1px solid #4d4d4d;
	border-radius: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 25px;
	float: none;
}

.header h1{
	font-size: 48px;
	font-weight: 500px;
	margin: 0;
	padding: 0;
	float: none !important;
	display: inline-block;
}

.header>div:first-child{
	flex:1;
}
.header h1{
	color:#fff;
}
.busqueda-borde{
	margin: 0px;
	padding: 0px;
	border-bottom: none;
	flex: 0 0 auto;
	margin-left: 20px;
	height: 51px;
}
.header span.sub {
    float: none !important;
	margin-right: 30px;
}
.form-group{
	margin: 0px;
}

.busqueda-borde .form-group{
	width: 357px;
	display: none;
}
.busqueda-borde .form-control{
	border-radius: 0;
	font-family: 'Raleway', Arial, sans-serif;
	height: 51px;
	font-size: 17px;
	letter-spacing: 0.02em;
	color: #808080;
	padding: 0;
	padding-left: 17px;
	position: relative;
}
.busqueda-borde .form-control{
	background-color: #404040;
	border:none;
}
.busqueda-borde .form-control:focus{
	box-shadow: none;
}
.icono_search img{
	width: 52px;
	height: 51px;
	position: absolute;
	right: 0px;
	top:0px;
}
.icono_search_grande img{
	width: 52px;
	height: 42px;
	margin-top: 5px;
}

#logos{
	background-color: #404040;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#derechos{
	background-color: #222;
	height: 89px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#derechos p{
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #808080;
}

#footer img{
	margin: 0;
}
.panel{
	clear: both;
	margin: 0;
}
#categories .panel{
	margin-top: 68px;
	padding-bottom: 22px;
}
					
ul.pagination{
	width: 100%;
	padding-top: 24px;
	padding-bottom: 67px;
	border-top:1px solid #4d4d4d;
	display: flex;
	justify-content: center;
}
#items .panel, #lastviews .panel{
	border-top:1px solid #4d4d4d;
	padding: 40px 0 62px;
}


#wrap{
	padding-bottom: 56px;
}
#items .panel-body{
	display: block;
	column-count: 2;
	column-gap:40px;
}

#categories .panel-body{
	display: flex;
	flex-wrap: wrap;
}

.category{
	flex: 1;
	height: auto;
	max-width: 357px;
	margin: 0;

}

.category:nth-child(3n+2){
	margin: 0 40px;
}
.category:last-child{
	margin-right: 0px;
}
.media{
	width: 100%;
	padding: 0;
	margin-bottom: 32px;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 25px;
	display: flex;
	margin-top: 0;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

#lastviews .media:last-child{
	margin-bottom: 0;
}
.media.col-sm-6{
	padding: 0 15px;
}
.media.col-sm-6:nth-child(odd){
	padding-left: 0px;
}
.media.col-sm-6:nth-child(even){
	padding-right: 0px;
}
#categories .media{
	width: 50%;
}
.media p{
	margin-bottom: 0;
}

.media-body .titulo{
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}
.media-body .titulo h4{
	margin: 0;
	margin-left: 12px;
	font-size: 21px;
	letter-spacing: 0.02em;
}
.media-body h4{
	font-weight: 600;
}
.gallery-icon{
	width: 40px;
	height: 40px;
	flex:0 0 auto;
}
.gallery-icon img{
	width: 100%;
}
.gallery-icon:hover{
	border: none;
}
#buscador {
	margin-bottom: 5px;
	display:flex; justify-content: space-between;
}
#buscador .form-group.has-feedback{
	width:60%;
}


#buscador input{
	height: 88px;
	background-color: #000;
	color: #fff;
	border: none;
	box-shadow: none;
	font-size: 32px;
	padding: 20px 28px;
	letter-spacing: 0.02em;
}
					
#buscador input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#buscador input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#buscador input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#buscador input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.icono_search img {
    top: 20px;
    /*transform: translateY(-50%);*/
}

#buscador .icono_search img{
	right: 26px;
}
#buscador .embed-responsive.embed-responsive-16by9{
	width: 35%;
	margin-left: 5%;
	padding-bottom: 20%;
}
.full-width-image{
	height: 662px;
	background: #222 url('../img/biblioteca.jpg') 0px 0px/cover scroll no-repeat;
}
.full-width-image .opacity-layout{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.full-width-image .opacity-layout p{
	color: #fff;
	font-family: 'Avant Garde', 'Raleway', Arial, sans-serif;
	font-size:72px;
	font-weight: bold;
	letter-spacing: 0.01em;
	text-align: center;
	max-width: 993px;
	width: 68%;
	text-transform: uppercase;
	line-height: 85px;
	margin-bottom: 36px;
	margin-top: -25px;
}
.full-width-image .opacity-layout .raya{
	max-width: 215px;
	width: 15%;
	height: 19px;
	background-color: #ede709;
}
@media screen and (max-width: 1200px) {
	.category{
		margin: 0 auto !important;
	}
}
.category>a, .thumbnail, .thumbnail img, .category .caption{
	margin: 0;
	padding: 0;
	border: 0;
	border-radius:0;
}
.category>a{
	height: 100%;
	display: inline-block;
}
.thumbnail img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.thumbnail{
	background-color: initial;
	width: 357px;
	height: 240px;
	overflow: hidden;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.03em;
	color: #fff;
	font-weight: 400;
	position: relative;
	border-radius: 5px;
	margin: 0 auto;
}
.category .caption h4{
	margin: 0;
	text-align: center;
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0.02em;
	font-weight: bold;
	color: #333;
}
.category .caption h4{
	color: #fff;
}
.category:hover .caption h4{
	text-decoration: underline;
}
.category:hover .caption h4{
	color: #ede709;
}
.category .caption {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 0 40px;
    
}

a, a:focus, a:active{
	outline: none;
}
.category .thumbnail:hover {
    border: none;
	box-shadow: none;
}
.category a:hover .descripcion{
	opacity: 0.6;
}
.descripcion{
	transition: all 0.4s ease-in;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background:	#000;
	padding: 0 20px;
	display: flex;
	align-items: safe center;
	overflow: auto;
}
.pagination{
	margin: 0 0 0px;
}


.full-width-white{
	padding: 0;
	min-height: 545px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
	margin: 0;
}

.help-msg {
    margin: 0 auto;
}


.pagination > .disabled:first-child > span, .pagination > .disabled:first-child > a, .pagination > .disabled:last-child > span, .pagination > .disabled:last-child > a{
	display: none;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	background-color: initial;
}
.pagination > li > a, .pagination > li > span{
	background-color: initial;
	border: none;
	border-radius: 50%;
	color: #fff !important;
	font-family: 'Rawline', 'Raleway', 'Arial', sans-serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	width: 34px;
	height: 34px;
	margin-right: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}			
.pagination > li:last-child > a, .pagination > li:last-child > span{
	margin-right: 0px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	border-radius: 50%;
	background-color: #ede709 !important;
	color: #404040 !important;
	font-weight: 600;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: initial;
	color: #ede709 !important;
}


.subheader button.return{
	background-color: inherit;
	border: none;
	color:#fff;
	padding: 0;
	text-align: left;
	margin-top: 30px;
	display: block;
}
.subheader button.return span{
	color: #ede709;
}
.subheader button.return:hover{
	box-shadow: none;
	color: #ede709;
}
.subheader h2{
	font-weight: 600;
	margin: 0px;
	font-size: 32px;
	letter-spacing: 0.02em;
}
.subheader>div h2{
	margin-top: 0;
}
.subheader>div{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 27px 0px 25px;
}
.filters{
	margin: 0;

}

.filters a {
    display: block;
    width: auto;
    border-left: none;
	color: #fff;
	font-size: 18px;
	margin: 0 15px;
	letter-spacing: 0.04em;
}
.filters a:last-child{
	margin-right: 0;
}
.filters a:hover{
	text-decoration: underline;
}
.filters a.selected{
	color: #ede709;
}

					
.secciones{
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1148px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
.secciones>div{
	max-width: 257px;
	width: 25%;
	margin: 0 20px;
	flex:0 0 100%;
}
@media (min-width:1188px) {
	.secciones>div:first-child{
		margin-left: 0;
	}
	.secciones>div:last-child{
		margin-right: 0;
	}
}


.secciones .thumbnail{
	overflow: visible;
	height: auto;
	width: 100%;
}
.secciones .thumbnail img{
	max-width: 200px;
	height: auto;
	margin: 0 auto;
}
.secciones .thumbnail h4{
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.02em;
	margin: 0 auto;
	line-height: 32px;
	margin-top: 43px;
	max-width: 87%;
}
@media (max-width: 1050px) {
	.sin_icono .media-left, .sin_icono .media-body{
		width: 100%;
		padding-right: 0; 
	}
	.sin_icono, #videoteca .media{
		flex-wrap: wrap;
	}
	.sin_icono img{
		margin-bottom: 10px;
	}
	
}
@media (max-width: 767px) {
	.navbar-collapse{
	  margin: 0;
	  padding: 15px;
	  width: 100%;
	}
	
	.container-fluid > .navbar-collapse{
		margin: 0;
		padding: 0;
	}
	
	.navbar-nav {
	  margin: 0px;
	  flex-direction: column;
	}
	
	.navbar-nav > li{
		width: 100%;
		max-width: 100%;
		height: auto;
		border: none;
	}
	.navbar-nav > li:first-child {
	    border-left: none;
	}
	.navbar-default .navbar-nav > li > a{
		padding: 10px 40px;
	}
	
	.navbar-brand > img{
		width: 100%;
		
	}
	.navbar-header{
		width: 100%;
	}
							
	#items .panel-body {
	    column-count: 1;
	    column-gap: 0px;

	}
	.subheader > div{
		flex-direction: column;
		align-items: flex-start;
	}
	.filters{
		margin-top: 32px;
	}
	.filters a:first-child{
		margin-left: 0;
	}
	.header{
		flex-direction: column;
	}
	.busqueda-borde{
		margin-left: 0;
		width: 100%;
	}
	
	.busqueda-borde .form-group{
		
		width: 100%;
	}
	.secciones{
		flex-direction: column;
		align-items: center;
	}
	.secciones div{
		margin: 0;
		width: 100%;
		margin-bottom: 20px;
		max-width: 100%;
		
	}
	.secciones .thumbnail h4{
		margin-top: 20px;
		max-width: 100%;
	}
	.panel-body{
		align-items: center;
		flex-direction: column;
	}
	.sin_icono, #videoteca .media{
		flex-direction: column;
		width: 70%;
	}
	.sin_icono img, #videoteca .media img{
		margin-bottom: 10px;
	}
	.sin_icono .media-left, .sin_icono .media-body{
		width: 100%;
		padding: 0;
	}
	.media.col-sm-6{
		padding: 0px !important;
	}
	#items .panel-body .media{
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width: 400px) {
	#categories .panel-body {

	    flex-direction: column;

	}
	.thumbnail{
		width: 100%;
	}
	.filters > div{
		flex-wrap: wrap;
	}
	.filters a{
		font-size: 16px;
		margin: 0 5px;
	}
	
	.sin_icono, #videoteca .media{
		width: 100%;
	}
	
}
/******************* FIN ESTILOS actualizados por rediseño ***********************/
/******************* Nuevos estilos Biblioteca Virtual ***********************/


#biblio_virtual a, #biblio_virtual a:active, #biblio_virtual a:focus, #biblio_virtual a:hover{outline: none;}
#biblio_virtual .enlace-main{
    min-height: 170px;
}
#biblio_virtual .header{
	margin-bottom: 68px;
}
#biblio_virtual #page-content{
	padding-bottom: 47px;
}
#biblio_virtual .button_style{
	background-color: #383838;
	padding: 10px;
	border: none;
	border-radius: 10px;
	width: 300px;
	color: #ffffff;
	margin-bottom: 10px;
	font-weight: bold;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#biblio_virtual .button_style:hover{
	background-color: #fce00a;
	color: black;
}
#biblio_virtual .button_style a{
	color: #ffffff;
}

#biblio_virtual .video-container{
	min-height: 170px; 
	border: 1px solid #e5e5e5; 
	border-radius: 5px; 
	padding: 10px; 
	max-width: 325px;
	background-color: #ededed;
}


#biblio_virtual #wrapper{
	display: flex;
	clear: both;
}
#biblio_virtual  h2{
	font-size: 20px;

}
#biblio_virtual .enlaces_bbdd li{
	margin-bottom: 5px;
	list-style-type:none; 
}
#biblio_virtual .enlaces_bbdd{
	padding-left: 0;
}
#biblio_virtual #enlaces_manuales{
	padding-left: 20px;
}
#biblio_virtual #enlaces_manuales ul li{
	margin-bottom: 10px;
}
	#biblio_virtual #enlaces_manuales ul li a{
	color: #fff;
	display: inline-flex;
	align-items: center;

}
#biblio_virtual #enlaces_manuales ul li a span{
	flex:0 1 100%;
}
#biblio_virtual #enlaces_manuales ul{
	display: flex;flex-wrap: wrap;
	padding: 0
}
#biblio_virtual #enlaces_manuales ul li{
	flex:1 0 50%;
	list-style-type: none;
}
#biblio_virtual .iconitos{
	width: 30px;
	height: auto;
	margin-right: 10px;
}
#biblio_virtual #fondos_disponibles, #manuales{
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin-bottom: 20px;
}
#biblio_virtual #fondos_disponibles a{
	color: #fff;
	text-decoration: none;
}
#biblio_virtual #fondos_disponibles .fa-angle-right{
	color: #fff;
}
#biblio_virtual #fondos_disponibles a:hover{
	font-weight: bold;
}
#biblio_virtual #investigacion{
	margin-bottom: 20px;
}
#biblio_virtual .vertical, .horizontal{
	width: 40px;
	background: #ede709;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
#biblio_virtual .horizontal{
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding-left: 20px;
	height: 40px;
	margin-bottom: 10px;
}
#biblio_virtual .vertical h2, .horizontal h2{
	transform: rotate(270deg);
	position: relative;
	top: 95px;
	left: 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	align-self: flex-start;
	margin: 0;
}
#biblio_virtual .horizontal h2{
	transform: rotate(0deg);
	position: static;
	align-self: center;

}
#biblio_virtual #manuales .vertical h2{
	top:85px;
}
#biblio_virtual #fondos_disponibles ul{
	padding-left: 20px;
}
#biblio_virtual .post{
	border:thin solid #ddd; border-radius:10px;display: flex;flex-direction: column;padding: 20px;margin-bottom: 10px;background-color: #ededed;color:#333;
}
#biblio_virtual .post h3{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
}
#biblio_virtual .post h3 .fa-caret-right{
	color: #ede709;
}
#biblio_virtual .boton_masInfo{
	align-self: flex-end;
	margin-bottom: 0;
	background: #969696;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
}
#biblio_virtual .boton_masInfo:hover, .boton_masInfo:active, .boton_masInfo:focus{
	opacity: 0.8;
	color:#000;
	text-decoration: none;
	outline: none;
}
#biblio_virtual .desplegable{
	color: #9f9b01;
	cursor:pointer;
}
@media screen and (max-width: 767px){
	#biblio_virtual #wrapper{
	  flex-direction: column;
	}
	#biblio_virtual #fondos_disponibles, #biblio_virtual #manuales_investigacion, #biblio_virtual #investigacion{
	  width: 100%;
	  padding: 0;
	}
	#biblio_virtual #enlaces_manuales ul{
	  flex-direction: column;
	}
}
/******************* Fin Nuevos estilos Biblioteca Virtual ***********************/
/******************* Nuevos estilos Videoteca Virtual ***********************/
#videoteca .btn_descarga{
	color: #333;
	outline: transparent;
}
#videoteca .btn_descarga:hover{
	text-decoration: none;
	color: #000;

}

#videoteca .btn_descarga img.iconitos{
	width: 30px;
	height: auto;
	margin-right: 5px;
}
#videoteca .media-heading{
	font-size: 1.2em;
}

#videoteca .media-body h5{
	margin-top: 0;
	margin-bottom: 5px;
	font-style: italic;
}
#videoteca .autor{
	font-size: 0.9em;

}
#videoteca .panel{
	  margin-top:0px;
	  padding:40px 0 36px;
}
/******************* Fin Nuevos estilos Videoteca Virtual ***********************/