/* actualizado el 04/02/2019 */

.activeTLogin #cuerpo {
	padding-top: 122px;
}
.containerApp #cuerpo {
	padding-top: 48px;
}
.androidbanner #cuerpo {
	padding-top: 176px;
}
.androidbanner.activeTLogin #cuerpo {
	padding-top: 206px;
}
.androidbanner.containerApp #cuerpo {
	padding-top: 132px;
}
#principal, .principal {
	overflow: auto;
}
#principal > div, .principal > div {
	padding: 0 16px;
}
.button01, .button02, .button03 {
	display: inline-block;
	height: inherit;
	background: #009DDB;
	border: 1px solid #009DDB;
	border-radius: 5px;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
}
a.button01, a.button02 {
	padding: 0 15px;
}
.button02, .button03 {
	max-width: 240px;
	min-width: 100px;
	margin: 3px 0;
	background-color: #FFF;
	border: 1px solid #B21418;
	color: #B21418;
	text-align: center;
	line-height: 22px;
}
.button03 {
	padding: 6px 15px;
	background-color: #F5F5F5;
	border: 1px solid #727171;
	color: #727171;
}
.button01.disabled, .button02.disabled, .button03.disabled {
	background-color: #f4f4f4;
    border: 1px solid #ddd;
	color: #CCC;
}
a.button01 span, a.button02 span, a.button03 span,
.button01 span, .button02 span, .button03 span {
	display: inline-block;
	height: auto;
	width: 100%;
	padding: 6px 0 0;
	line-height: 22px;
	font-weight: 500;
}
a.button03 span, .button03 span {
	padding: 0;
}
a.button02 span:nth-child(2) {
	padding-top: 0;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 20px;
}
a.button02 span:last-child {
	padding-bottom: 6px;
}
.containerApp #prestamos a.button02 span, .containerApp #prestamos .button03 span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.containerApp #prestamos a.button02 span:only-child {
	display: table-cell;
	min-height: 48px;	
}
.cuadro, .cuadroTitle, .cuadroFirst {
	position: relative;
	overflow: hidden;    
}
.barra {
	width: 100%;
	display: block;
	padding: 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #E3E3E3;
}
.carousel .barra {
    border-bottom-color: transparent;
}
.barra > div {
	padding: 5px 0;
}
.barra > .grid_6 {
	float: none;
	width: 100%;
	display: block;
}
.barra .flotante01 {
	top: 5px;
	right: 0;
	padding: 0;
}
.barra .flotante01 .button03 {
	margin: 0;
}
.barra div.titular h1 {
	padding: 6px 48px 6px 0;
	line-height: 24px;
}
.barraTitular div.titular.grid_6 h1 {
	padding-right: 124px;
}
.barra div.titular h1 a {
	color: #000;
	font-weight: 500;
}
.cuadro .barra .right {
	position: absolute;
	top: 0;
	right: -6px;
	width: 20%;
}
.cuadro .right a.button01 {
	width: 36px;
	height: 36px;
	padding: 0;
	background: transparent url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -112px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat 0 -112px;
	border: 6px solid #FFF;
	overflow: hidden;
}
.cuadro .right a.button01 span {
	display: none;
}
#menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: calc(-100vw - 1px);
	width: calc(100% + 1px);
	z-index: 5;
	padding-top: 92px;
	background-color: #FFF;
	border-right: 1px solid #E3E3E3;
}
.activeTLogin #menu {
    padding-top: 122px;
}
.containerApp #menu {
	padding-top: 48px;
}
.androidbanner #menu {
	padding-top: 176px;
}
.androidbanner.activeTLogin #menu {
    padding-top: 206px;
}
.androidbanner.containerApp #menu {
	padding-top: 132px;
}
#materias, .scrollStyle, .scrollStyle > div {
	height: 100%;
}
#menu .flotante01 {
	top: 6px;
	right: 10px;
	z-index: 1;
}
#panelFiltros {
	height: 100%;
}
.facetFilters {
	height: 100%;
	padding: 4px 8px;
	overflow-y: auto;
	line-height: 18px;
}
.activeTLogin .facetFilters {
	height: calc(100vh - 122px);
}
.facetFilters > ul > li {
	border-top: 1px solid #E3E3E3;
}
.facetFilters > ul > li:first-child {
	border-top-color: transparent;
}
.facetFilters .facetFiltersTitle {
	width: calc(100% - 40px);
}
.facetFiltersTitle a {
	position: relative;
	display: block;
	padding: 8px 4px;
	color: #000;
}
.facetFiltersTitle a span {
    font-weight: 500;
}
.facetFiltersShow .facetFiltersList, .facetFiltersRating .facetFiltersList, .orderBy {
    padding: 0 0 8px;
}
.facetFiltersList li:nth-child(n+5) {
	display: none;
}
.facetFiltersRating .facetFiltersList li:nth-child(n+5),
.orderBy .facetFiltersList li:nth-child(n+5) {
	display: block;
}
.facetFiltersList a, .facetFiltersBtn a {
	position: relative;
	display: block;
	min-height: 24px;
	padding: 8px 32px 8px 32px;
	color: #727171;
}
.facetFiltersList a.btnTag {
	padding: 8px 32px 8px 32px;
	margin: 0 0 4px 0;
	background: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
.btnTag::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 4px;
	width: 24px;
	height: 24px;
	background: url('../../imagenes/Movil_600/icons_24.svg') no-repeat 0 -700px;
	border-radius: 50%;
}
.facetFilters .btnTag::after {
	top: 5px;
}
.facetFiltersList span:nth-child(2) {
    padding-left: 4px;
}
.facetFiltersList .radio label {
	display: block;
	padding: 8px 32px;
	color: #727171;
}
.facetFiltersList .radio label::before {
	top: 10px;
	left: 4px;
}
.facetFiltersBtn {
	padding: 8px 0 8px;
	font-size: 0.75rem;
}
.facetFiltersBtn .seeLess, .facetFiltersBtn .seeAll {
    display: none;
}
.facetFiltersBtn a::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	width: 24px;
	height: 24px;
}
.facetFiltersBtn .seeMore a::before, .facetFiltersBtn .seeAll a::before {
	background: url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -616px;
	background: none, url(../../imagenes/Movil_600/icons_24.svg) no-repeat 0 -616px;
}
.facetFiltersBtn .seeLess a::before {
	background: url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -644px;
	background: none, url(../../imagenes/Movil_600/icons_24.svg) no-repeat 0 -644px;
}
.moreFacetFilters {
	position: absolute;
	left: 100vw;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: calc(100% + 1px);
	padding-top: 88px;
	background-color: #FFF;
	border-right: 1px solid #E3E3E3;
}
.activeTLogin .moreFacetFilters {
	padding-top: 122px;
}
.containerApp .moreFacetFilters {
	padding-top: 44px;
}
.moreFacetFilters > div {
	height: calc(100vh - 88px);
	overflow-y: auto;
}
.activeTLogin .moreFacetFilters > div {
	height: calc(100vh - 122px);
}
.moreFacetFilters .barra {
	width: 100%;
	border-bottom: 1px solid #E3E3E3;
	overflow: hidden;
}
.moreFacetFilters .barra .flotante01 {
	top: 6px;
	right: 0;
	z-index: 1;
}
.moreFacetFilters .barra .grid_6 {
	padding: 6px 0;
}
.moreFacetFilters .barra .grid_6 a {
	word-spacing: -4px;
}
.moreFacetFilters .barra:nth-child(2) {
	padding: 16px 0;
	border-color: transparent;
	word-spacing: -4px;
}
.moreFacetFilters .barra:nth-child(2) input {
	width: calc(100% - 98px);
}
.moreFacetFilters .barra:nth-child(2) a {
	width: 90px;
	margin-left: 8px;
}
.moreFacetFilters .results a {
	display: block;
	padding: 8px;
	margin: 0 0 2px;
	border: 1px solid transparent;
	color: #727171;
	line-height: 18px;
}
.moreFacetFilters .results a span {
	padding-left: 5px;
	font-size: 100%;
	line-height: normal;
	color: #999;
}
.galeria01 {
	width: 100%;
	padding: 8px 0;
}
.galeria01 ul {
	display: inline-block;
	width: 100%;
	height: 218px;
	border: 0;
	overflow: hidden;
	text-align: center;
}
.galeria01 li {
	display: inline-block;
	text-align: center;
	padding: 16px 0;
	margin-left: -4px;
}
.galeria01 li > div {
	width: 132px;
	height: 186px;
	margin: 0 auto;
	padding: 0;
}
.galeria01 li > div > div {
	position: relative;
	padding: 3px 0;
}
.galeria01 li > div > div > div {
	padding: 0;
}
.galeria01 img {
	border: 1px solid #eee;
	width: 132px;
	height: 186px;
}
.galeria01 .startStyle img {
	width: inherit;
	height: inherit;
}

/* Carousel flickity*/

.carousel-container {
    margin: 0 -16px 16px -8px;
}
.carousel-cell {
    width: 225px;
    float: left;
    margin-right: 0;
    border-radius: 5px;
	display: none;
}
.carousel-cell > div {
    margin: 0 8px;
    background-size: 100% 100%;
    background-position: center center;
    border: 1px solid #EEE;
}

.carousel-cell img {
    width: 100%;
    vertical-align: center;
}
.carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    color: white;
}
.carousel-container:after {
    content: 'flickity';
    display: none;
}
.carousel-cell img {
    display: none;
}

/* End carousel flickity */

a.button {
	display: inline-block;
	height: 36px;
	padding: 5px 15px;
	background-color: #FFF;
	border: 1px solid transparent;
	vertical-align: middle;
}
a.button span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}
a.buttonVolver {
	padding: 5px 0;
}
a.button span.icon {
	height: 24px;
	width: 24px;
}
.buttonIcon {
	display: inline-block;
	width: 36px;
	height: 36px;
	padding: 5px;
	border: 1px solid transparent;
	white-space: nowrap;
}
.buttonIcon.no-btn {
	color: #727171;
}
.buttonIcon span {
	display: none;
	font-weight: 500;
	vertical-align: middle;
}
.buttonIcon span.icon, .star span.icon, .i-warning {
	display: inline-block;
	width: 24px;
	height: 24px;
}
.buttonIcon span:not(.icon) {
	padding: 2px 0;
}
.buttonMas {
	position: relative;
	width: auto;
	padding: 5px 28px 5px 0;
	font-size: 0.875rem;
}
.buttonMas span {
	display: inline-block;
	vertical-align: middle;
}
.buttonMas span.icon {
	position: absolute;
	right: 0;
}
a.disabled {
	cursor: default;
}
a.buttonVolver span.icon, li.buttonPrevious span.icon, .buttonPrevious span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.png) no-repeat scroll 0 -84px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -84px;
	margin-right: 4px;
}
li.buttonPrevious.disabled span.icon, .buttonPrevious.disabled span.icon {
	background-position: -56px -84px;
}
li.buttonNext span.icon, .buttonNext span.icon, .buttonMas span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -140px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -140px;
}
li.buttonNext.disabled span.icon, .buttonNext.disabled span.icon {
	background-position: -56px -140px;
}
li.buttonFirst span.icon, .buttonFirst span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -280px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -280px;
}
li.buttonFirst.disabled span.icon {
	background-position: -56px -280px;
}
li.buttonLast span.icon, .buttonLast span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -308px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -308px;
}
li.buttonLast.disabled span.icon {
	background-position: -56px -308px;
	cursor: default;
}
.buttonShare span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -336px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -336px;
}
.buttonFilters span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -420px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -420px;
}
.buttonFavorites span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -728px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -728px;
}
.buttonFavorites.no-btn span.icon {
	background-position-x: -56px;
}
.i-warning {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -756px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -756px;
}
.buttonExport span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -784px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -784px;
}
.buttonDelete span.icon {
	background: transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -812px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -812px;
}
.starStyle {
	position: relative;
 	display: inline-block;
 	vertical-align: top;
}
.facetFilters .star {
	padding: 0;
}
.star {
	position: relative;
	float: left;
	display: inline-block;
	padding: 4px 2px;
}
.starOn .icon {
	background: url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -672px;
	background: none, url(../../imagenes/Movil_600/icons_24.svg) no-repeat 0 -672px;
}
.starOff .icon {
	background: url(../../imagenes/Movil_600/icons_24.png) no-repeat -28px -672px;
	background: none, url(../../imagenes/Movil_600/icons_24.svg) no-repeat -28px -672px;
}
.barraPagination, .fichacont .barra.barraPagination {
	margin: 16px 0;
	border-bottom-color: transparent;
}
.autoridad .barraPagination {
	margin-top: 32px;
}
.barraPagination.barraBottom, .autoridad .barraPagination.barraBottom {
	margin-top: 1px;
}
.pagination {
	overflow: hidden;
	text-align: center;
}
.pagination ul {
	position: relative;
	display: inline-block;
}
.pagination li {
	position: relative;
	float: left;
	height: 36px;
}
.pagination li.disabled a {
	cursor: default;
}
.pagination a {
	position: relative;
	width: 40px;
	height: 36px;
	padding: 5px 4px;
	border: 1px solid transparent;
	background: transparent;
}
.pagination span {
	display: none;
}
.pagination span.icon {
	display: inline-block;
	width: 24px;
	height: 24px;
}
.pagination input {
	width: 46px;
	height: 36px;
	text-align: center;
	font-size: 0.875rem;
	line-height: 20px;
	vertical-align: top;
}
.pagination .inputPag span {
	display: inline-block;
	padding: 6px 8px;
	line-height: 24px;
}
.button03b {
	width: 28px;
	height: 27px;
}
.listado01 {
	padding: 8px 0;	
}
.listado01 li {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 16px 0 8px;
}
.listado01 div {
	position: relative;
	float: left;
	width: 100%;
}
.listado01 li > div {
	min-height: 195px;
}
.listado01 .cover {
	position: absolute;
	width: 88px;
	text-align: center;
}
.listado01 .cover img {
	width: 100%;
	max-width: 88px;
	max-height: 124px;
	border: 1px solid #eee;
}
.listado01 .text {
	width: calc(100% - 88px - 40px);
	margin-left: 88px;
	padding-left: 16px;
}
.reservas .listado01 .text, #prestamos .listado01 .text {
	width: calc(100% - 88px);
}
.listado01 .text div {
	width: 100%;
}
#prestamos .text > div {
	padding: 8px;
}
#result .text .infoTitulo, #result .text .infoAutor {
	padding-bottom: 16px;
}
#result .text .infoAttention {
	background: #F5F5F5;
	border-radius: 5px;
}
#result .text .infoDate .infoButton, #result .text .infoDate .infoMessage {
	padding-bottom: 8px;
}
#prestamos #result .infoButton {
	padding-top: 12px;
}
#prestamos #result .text > .infoButton {
	padding: 4px 8px 0;
}
#prestamos #result .infoButton a {
	display: table;
	margin: 0;
}
#prestamos #result .infoMessage {
	padding-top: 8px;
}
#prestamos #result .infoMessage span {
	display: block;
	padding-bottom: 8px;
}
#prestamos #result .infoMessage span:last-child {
	padding-bottom: 0;
}
#prestamos #result .infoMessage span:first-child {
	color: #454545;
	font-weight: 500;
}
#prestamos #result .infoMessage span:first-child:after {
	content: '';
	position: relative;
	top: 2px;  
	display: inline-block;
	width: 24px;
	height: 18px;
	margin-left: 4px;
	background: url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -368px;
}
#result .text .infoTitulo a span {
	display: inline-block;
	margin-right: 8px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 20px;
	color: #000;
}
.infoTitulo__number, #result .text a span.infoTitulo__number {
	white-space: nowrap;
	font-size: 0.875rem;
}
#result .text .infoFormato {
	padding-bottom: 4px;
}
#result .moreBtns {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 36px;
}
.listado01 div.botones {
	width: calc(100% - 84px - 40px);
	margin-left: 84px;
	padding: 24px 0 0 16px;
}
.listado01 div.botones button, .listado01 div.botones a.button01, .listado01 div.botones a.button02,
.listado01 .infoButton .button02, .listado01 .infoButton .button03 {
	width: 100%;
	max-width: 240px;
	margin: 0 8px 12px 0;
	text-align: center;
}
#prestamos > div.gwt-HTML, #ausuario > div.gwt-HTML {
	margin: 0 !important;
	padding: 40px 20px;
	font-size: 1.125rem;
	color: #777;
}
#result .infoState, #result .infoRequest, #result .infoNotification, #result .infoHasta {
	padding-bottom: 4px;
}
#result .infoFormato span:nth-child(1), #result .infoExp span:nth-child(1),
#result .infoState span:nth-child(1), #result .infoRequest span:nth-child(1),
#result .infoNotification span:nth-child(1), #result .infoHasta span:nth-child(1) {
	font-weight: 500;
}
#result .infoExp span:nth-child(2), #result .infoState span:nth-child(2) {
	color: #454545;
	font-size: 0.875rem;
}
#result .text > div > span:nth-child(2), #result .text > div > div > span:nth-child(2) {
	margin-left: 3px;
}
#result .infoState.expired span:nth-child(2) {
	color: #cc0000;
}
#result .infoButton {
	padding-top: 24px;
}
.barra #botonera, .barra #botonera div {
	width: 100%;
}
.fichacont {
	padding: 0 8px;
	overflow: hidden;
}
.autoridad .barraPagination {
	border-bottom-color: transparent;
}
.fichacont .barra .right a {
	margin-bottom: 3px;
}
.ficha .cover {
	position: relative;
	float: left;
	width: 33%;
	padding: 32px 0 24px;
	z-index: 1;
	text-align: center;
}
.ficha .cover img {
	width: 100% !important;
	max-width: 130px;
	height: auto !important;
	max-height: 184px;
	border: 1px solid #eee;
}
.ficha .cover .comprar {
	padding-top: 16px;
}
.ficha .text {
	position: relative;
	width: 100%;
	padding: 32px 0 0;
}
.ficha .text .fichaTitulo, .ficha .text .fichaNivelSuperior, .ficha .text .fichaAutor,
.ficha .text .fichaEditorial, .ficha .text .fichaBotones, .ficha .text .fichaTabla {
	margin-left: 33%;
	padding: 0 0 16px 16px;
}
.ficha .text .fichaTitulo {
	font-size: 1.25rem;
	color: #000;
	line-height: 24px;
}
.ficha .fichaTitulo span {
	margin-right: 16px;
	font-weight: 500;
}
.ficha .fichaTitulo span.fichaTitulo__number {
	display: inline-block;
	margin: 0;
	font-size: 0.8rem;
	white-space: nowrap;
}
.ficha .fichaVideo {
	padding: 0 0 24px;
	clear: both;
}
.ficha .fichaVideo .fichaVideo_iframe {
	width: 100%;
	height: 0px;
	overflow: hidden;
	padding-bottom: 56.25%;
	border: 1px solid #EEE;
}
.ficha .fichaVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ficha .fichaVideo .flotante01 {
	position: absolute;
	top: -36px;
	right: 0;
}
.ficha .text .fichaBotones {
	padding: 8px 0 8px 16px;
	overflow: hidden;
}
.ficha .text .fichaBotones .grid_6 {
	width: 100%;
}
.ficha .text .fichaBotones a.button02 {
	width: 100%;
	max-width: 240px;
	margin: 0 0 12px;
}
.ficha .text2 {
	float: left;
	width: 100%;
	margin: 16px 0;
}
.ficha .moreBtns {
	padding-left: 16px;
	margin: 0 0 16px 33%;
}
.ficha .moreBtns a.buttonIcon {
	width: auto;
	word-spacing: -4px;
}
.ficha .moreBtns a.buttonIcon span {
	display: inline-block;
	word-spacing: 0;
}
.ficha .moreBtns a.buttonIcon.no-btn span {
	font-weight: 400;
}
.ficha .moreBtns a.buttonIcon span:nth-child(2) {
	margin-left: 8px;
}
.fichaItems {
	margin: 0 0 24px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
.fichaItemsLock {
	padding: 8px 16px;
	text-align: center;
}
.fichaItemsGroup {
	display: none;
}
.fichaItemsTitle {
	padding: 4px 16px 12px;
}
.fichaItemsTitle span {
	display: block;
	padding: 8px 32px 8px 0;
	font-size: 1rem;
	text-align: center;
	color: #454545;
	font-weight: 500;
}
.fichaItemsTitle .flotante01 {
	top: 4px;
	right: 8px;
}
.fichaItemsNavBar {
	display: table;
	width: 100%;
	padding: 0 8px;
	background: #FFF;
	border-bottom: 1px solid #E3E3E3;
}
.fichaItemsNavBarBtn01, .fichaItemsNavBarBtn02 {
	float: left;
	width: 36px;
}
.fichaItemsNavBarBtn01 a, .fichaItemsNavBarBtn02 a {
	width: 36px;
	height: 36px;
	padding: 5px;
}
.fichaItemsNavBarDate {
	float: left;
	display: inline-block;
	width: calc(100% - 72px);
	padding: 5px 10px;
	text-align: center;
}
.fichaItemsNavBarDate .select {
	width: 12em;
	margin: 0 auto;
}
.fichaItemsNavBarDate .ms-choice {
	position: relative;
	display: block;
	width: auto;
	padding-right: 28px;
	margin: 0 auto;
	background: transparent;
	border-color: transparent;
}
.fichaItemsNavBarDate .ms-choice > span {
	position: relative;
	left: 0;
	width: auto;
	max-width: 8.5em;
	font-size: 1.1em;
	text-align: right;
}
.fichaItemsNavBarDate .ms-drop {
	width: 100%;
}
.fichaItemsList.cardDM {
	color: #B21418;
}
.fichaItemsList ul {
	display: table;
	width: 100%;
}
.fichaItemsList li {
	position: relative;
	float: left;
	width: 25%;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	text-align: center;
	cursor: pointer;
}
.fichaItemsList li:nth-child(4n+4) {
	border-right: 0;
}
.fichaItemsList li:nth-child(4n+1):nth-last-child(-n+4), .fichaItemsList li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
	border-bottom: 0;
}
.fichaItemsList li > div {
	display: block;
	padding: 10px;
}
.popupCardD__moreInfo {
	display: flex;
	flex-flow: row wrap;
	background-color: #F5F5F5;
	border-radius: 5px;
}
.popupCardD__moreInfo > div {
	flex: 1 auto;
	padding: 0 8px 2px;
}
.popupCardD__moreInfo > div > span:first-child {
	padding-right: 8px;
}
.ficha .gwt-DatePicker {
	width: 100%;
	border: 0;
}
.ficha .datePickerDay {
	padding: 12px 7px;
}
.ficha .datePickerDayIsToday:after {
	width: 32px;
	height: 32px;
}
.ficha .datePickerMonthSelector {
	display: none;
}
.ficha .text .fichaResumen {
	clear: both;
}
.fichaTabla-parent {
	display: table;
	width: 100%;
	margin: 16px 0 16px;	
}
.fichaTabla-group {
	display: table;
	width: 100%;
	margin: 0 0 16px;
}
.ficha .text div > .fichaTabla {
	margin: 0 0 16px;
	padding: 0;
}
.ficha .text div > .fichaTabla:last-child {
	margin: 0;
}
.ficha .text .fichaTabla > div {
	padding: 4px 8px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
.ficha .text .fichaTabla table {
	width: 100%;
}
.ficha .text .fichaTabla td {
	width: 50%;
	padding: 8px;
}
.ficha .text .fichaTabla.fichaTablaRevista td {
	width: auto;
}
.ficha .text .fichaTabla td:nth-child(1) {
	font-weight: 500;
	text-align: right;
}
.ficha .text .fichaTabla > div > div {
	text-align: center;
}
.ficha .text .fichaTabla .button02 {
	width: 100%;
}
.ficha .text .fichaTablaRevista, .ficha .text .fichaTablaNInferior {
	width: 100%;
	padding: 0;
	margin: 0 0 16px 0;
}
.ficha .text .fichaTablaRevista > div, .ficha .text .fichaTablaNInferior > div {
	padding: 0;
	border: 0;
	border-radius: 0;
}
.ficha .text .fichaTablaRevista td {
	padding: 16px 8px 0 8px;
	border-bottom: 1px solid #E3E3E3;
}
.ficha .text .fichaTablaNInferior td {
	padding: 12px 8px;
	border-bottom: 1px solid #E3E3E3;
}
.ficha .text .fichaTablaRevista tr.mhead td, .ficha .text .fichaTablaNInferior tr.mhead td {
	background-color: #F5F5F5;
	padding: 12px 8px;
}
.ficha .text .fichaTablaRevista td:nth-child(1), .ficha .text .fichaTablaNInferior td:nth-child(1) {
	text-align: left;
}
.fichaTablaRevista table a {
	padding: 0 16px 16px;
}
.ficha .containerPanel {
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.ficha .compartir-panel, .ficha .fichaPanel {
	position: relative;
	padding: 8px 0;
	overflow: hidden;
}
.ficha .fichaPanel {
	border-top: 1px solid #E3E3E3;
}
.ficha .compartir-panel {
	padding: 12px 0 0;
}
.ficha .compartir-botones {
	overflow: hidden;
}
.ficha .compartir-botones ul li {
	float: left;
	width: auto;
	margin: 0 16px 12px 0;
}
.ficha .compartir-botones button {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	width: 32px;
	height: 32px;
}
.ficha .compartir-url {
	padding-bottom: 12px;
}
.ficha .compartir-url input {
	width: 100%;
	max-width: 400px;
	margin-top: 3px;
}
.ficha .fichaPanel .title {
	padding: 3px 0;
	font-weight: 500;
}
.ficha .fichaPanel table td {
	border: 0;
	padding: 3px 15px;
}
.ficha .fichaPanel table td:last-child {
	white-space: nowrap;
	vertical-align: bottom;
}
.ficha .fichaPanel ul li, .ficha .fichaPanel div {
	padding: 3px 15px;
}
.compartir-botones .icon_redes {
	height: 32px;
	width: 32px;
}
.compartir-botones .icon_facebook {
	background: url(../../imagenes/Movil_600/i_social2.png) no-repeat 0 0px;
	background: none, url(../../imagenes/Movil_600/icons_social.svg) no-repeat 0 0px;
}
.compartir-botones .icon_twitter {
	background: url(../../imagenes/Movil_600/i_social2.png) no-repeat 0 -36px;
	background: none, url(../../imagenes/Movil_600/icons_social.svg) no-repeat 0 -36px;
}
.compartir-botones .icon_google {
	background: url(../../imagenes/Movil_600/i_social2.png) no-repeat 0 -72px;
	background: none, url(../../imagenes/Movil_600/icons_social.svg) no-repeat 0 -72px;
}
.compartir-botones .icon_pinterest {
	background: url(../../imagenes/Movil_600/i_social2.png) no-repeat 0 -108px;
	background: none, url(../../imagenes/Movil_600/icons_social.svg) no-repeat 0 -108px;
}
.compartir-botones .icon_link {
	background: url(../../imagenes/Movil_600/i_social2.png) no-repeat 0 -144px;
	background: none, url(../../imagenes/Movil_600/icons_social.svg) no-repeat 0 -144px;
}
.busquedas .barra:nth-of-type(2) {
	padding: 16px 0 0;
}
.submenu {
	overflow: hidden;
	text-align: center;
}
.submenu ul {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.submenu li {
	float: left;
	min-width: 120px;
	border: 1px solid #B21418;
	border-left: 0;
	line-height: 24px;
}
.submenu li:first-child {
	border-left: 1px solid #B21418;
	border-radius: 5px 0 0 5px;
}
.submenu li:last-child {
	border-radius: 0 5px 5px 0;
}
.submenu li.selected {
	background-color: #B21418;
	border-color: #B21418;
}
.submenu li a {
	display: block;
	padding: 5px 16px;
}
.submenu li.selected a {
	color: #FFF;
	cursor: default;
}
#principal .busquedas, .principal .busquedas {
	padding-bottom: 32px;
}
.busquedas .padding01, .historial .padding01, .favorites .padding01 {
	margin-top: 16px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
#ausuario.busquedas table td, #ausuario.historial table td, .favorites #ausuario table td {
	width: 50%;
	padding: 8px 8px;
	border: 0;
	vertical-align: top;
	line-height: 20px;
}
#ausuario.historial table td.td-stars {
	padding: 2px 0 0;
}
.busquedas td:nth-child(1), .historial td:nth-child(1), .favorites td:nth-child(1) {
	text-align: right;
	font-weight: 500;
}
.busquedas .groupButtons, .historial .groupButtons, .favorites .groupButtons {
	padding: 8px 0 8px;
	text-align: center;
}
.busquedas .button02, .busquedas .button03, /*.historial .button02, .historial .button03,*/ .favorites .button02, .favorites .button03 {
	width: 100%;
	max-width: 140px;
}
.groupButtons a + a {
	margin-left: 16px;
}
.busquedas .blockIcons {
	position: absolute;
	top: 11px;
	right: 6px;
}
.tag {
	display: inline-block;
	padding: 5px 8px;
	margin: 4px 8px;
	background-color: #F5F5F5;
	border-radius: 5px;
	text-align: center;
}
.tag span {
	vertical-align: middle;
}
.tag span:not(.icon) {
	display: inline-block;
	padding: 2px 0;
}
.favorites .tag {
	display: block;
	margin: 4px 0;
}
#ausuario div.padding02 {
	width: 98%;
	margin: 15px auto;
}
#ausuario div.barra {
	width: 100%;
	margin: 0;
}
#ausuario #datos {
	width: 100%;
}
#ausuario div div.pleft {
	width: 100%;
	padding: 16px 0 8px;
	text-align: center;	
}
#ausuario div div.pleft button {
	margin-left: 4px;
}
#ausuario div div.pleft input[type="checkbox"] {
	margin: 0 6px 0 0;
}
#ausuario div div.pleft > span {
	display: block;
	padding: 24px 0;
}
#ausuario #datos div {
	margin: 7px 0;
}
#ausuario .form {
	padding: 8px 0;
	width: 100%;
}
#ausuario .form label {
	padding: 2px 0;
	text-align: left;
}
#ausuario .form label span {
	display: block;
}
#ausuario .form select {
	width: 50%;
}
#ausuario .form .first {
}
#ausuario .form input {
	width: 100%;
	margin: 2px 0;
	line-height: 24px;
}
#ausuario .form input[type="radio"], #ausuario .form input[type="checkbox"] {
	width: 20px;
	margin-right: 4px;
}
#ausuario .form.formRadio span:nth-child(n+2) {
	margin-left: 16px;
}
#ausuario .form select {
	width: 100%;
	margin: 2px 0;
}
#ausuario .formCheckbox {
	padding: 8px 0;
	width: 100%;
}
#ausuario .formCheckbox > span.gwt-CheckBox {
	display: inline;
	margin-right: 8px;
}
#ausuario .formCheckbox > span.gwt-CheckBox > input {
	margin-bottom: 4px;
}
#ausuario .formCheckbox > a {
	width: 100%;
	display: inline;
}
#login {
	padding: 24px 0;
}
#ausuario .bloque01 {
	width: 100%;
	padding: 16px;
	margin-top: 20px;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
#ausuario .bloque01 a {
	position: relative;
	display: inline-block;
	height: 36px;
	padding: 6px 36px 6px 0;
	font-size: 1.125rem;
}
#ausuario .bloque01 a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 36px;
	height: 36px;
	background: #FFF url(../../imagenes/Movil_600/icons_24.svg) no-repeat scroll 0 -140px;
	border: 6px solid #FFF;
}
#ausuario .bloque01 a img {
	display: none;
}
#ausuario.historial > div:not(.barra) {
	padding-top: 16px;
}
#ausuario.historial .padding01 {
	padding-top: 0;
}
#ausuario table {
	width: 100%;
}
#ausuario table td {
	padding: 12px 8px;
	border-bottom: 1px solid #E3E3E3;
	vertical-align: middle;
}
#ausuario table tr.mhead td {
	background-color: #F5F5F5;
	color: #777;
}
#ausuario.passwordForgotten {
	padding: 24px 16px;
}
.fontsize01 strong {
	font-weight: normal;
}
#registro {
	padding: 24px 0;
}
#registro ol, #registro ul {
	padding-left: 24px;
	padding-bottom: 1em;
}
#registro li {
	list-style: disc;
}



.login #head02 {
	height: 0;
}
.login #buscador02 {
	display: none;
}
.login #cuerpo {
	padding-top: 44px;
}
.login .pestanas li > a {
	display: block;
	width: 100%;
	padding: 13px 48px 13px 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #E3E3E3;
	font-size: 1.25rem;
	font-weight: 500;
	color: #000;
	cursor: default;
}
.login .pestanas .flotante01 {
	top: 6px;
	right: -6px;
}
.login #ausuario .form {
	max-width: 280px;
	padding: 16px 0;
	margin: 0 auto;
}
.login .tab-1, .login .tab-2, .login .tab-3 {
	display: none;
}
.login .tab-1.current, .login .tab-2.current, .login .tab-3.current {
	display: block;
}
.login #ausuario .form-group, .login #ausuario .form-button, .login #ausuario .form-radio,
.login #ausuario .form-check, .login #ausuario .form-link, .login #ausuario .form-text  {
	margin: 8px 0;
}
.login #ausuario .form-radio,
.login #ausuario .form-check {
	margin: 8px 0 16px;
}
.login #ausuario .form-button {
	margin: 16px 0 32px;
}
.login .input-group {
	display: flex;
	flex-wrap: nowrap;
	background-color: #EEE;
	border-radius: 4px;
}
.login .input-group.is-invalid {
	border: 1px solid #CC0000;
	background-color: #FCF2F2;
}
.login .input-group .ms-parent {
	width: 116px !important;
}
.login .input-group .ms-parent .ms-choice {
	border-color: transparent;
	border-right: 1px dotted #727171;
	border-radius: 0;
	background-color: transparent;
}
.login .input-group.disabled .ms-parent .ms-choice {
	border: 1px solid #EEE;
	border-right-style: dotted;
	color: #CCC;
}
.login #ausuario .input-group input {
	width: calc(100% - 116px);
	background-color: transparent;
}
.login #ausuario .input-group.disabled input {
	border-color: #F5F5F5;
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
.login .login-form input[type="file"] + label {
	width: 100%;
	line-height: 26px;
}
.login #ausuario input[type="file"] + label {
	padding: 5px 6px;
	text-align: center;
}
.login #ausuario .form-text  {
	margin: 8px 0 32px;
}
.login #ausuario input {
	margin: 0;
	box-shadow: none;
}
.login #ausuario .form-group > label span {
	font-size: 14px;
	line-height: 18px;
}
.login #ausuario .radio {
	display: inline-block;
	margin: 4px 32px 4px 0;
}
.login #ausuario .check input + label, .login #ausuario .radio input + label {
	padding: 0 0 0 32px;
}
.login #ausuario .check label span, .login #ausuario .radio label span {
	display: inline;
	font-size: 14px;
}
.login #ausuario .form-msg {
	height: 18px;
	padding: 2px 0;
	color: #CC0000;
	font-size: 14px;
}
.login #ausuario .form-msg span {
	position: relative;
	display: inline-block;
	line-height: 18px;
}
.login .form-button a {
	width: 100%;
	max-width: inherit;
}
.login #ausuario .form-link {
	padding: 16px 0;
	margin: 0;
	border-top: 1px solid #E3E3E3;
	text-align: center;
}
.login .login-info {
	border-radius: 5px;
	background-color: #F5F5F5;
}
.login .login-info .default {
	display: none;
}
.login .login-info .custom {
	padding: 14px;
}
.login .login-info .custom ul {
	padding-left: 24px;
	margin: 1.385em 0;
}
.login .login-info .custom li {
	margin: 1em 0;
	list-style: disc;
}
div.coverout div.botones {
	width: 25%;
}
div.coverout div.botones button {
	margin: 23px 10px 0 0;
}
div.coverout div.bloque01 {
	width: 94%;
	margin: 0 1.5% 15px 1.5%;
}
ul.listado02 li a {
	width: 100%;
	display: block;
	padding: 13px 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #E3E3E3;
	font-size: 1rem;
	font-weight: 500;
	color: #454545;
}
.materias ul.listado02 {
	padding-bottom: 40px;
}
.materias ul.listado02 li a {
	position: relative;
	padding-right: 48px;
	font-size: 1rem;
	color: #454545;
}
.materias .panelFiltrosLevel2 {
	display: none;
}
.materias .panelFiltrosLevel2 a {
	padding-left: 35px;
	border-bottom: 1px solid #f0f0f0;
	background: #fafafa;
}
.materias .panelFiltrosLevel2 li:last-child a {
	border-bottom: 1px solid #E3E3E3;
}
.materias .panelFiltrosLevel2 a:before {
	content:'';
	position: absolute;
	top: 22px;
	left: 12px;
	display: block;
	width: 8px;
	height: 2px;
	background-color: #E3E3E3;
}
.materias .listado02 .expandable  > a:before {
	content:'';
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url("../../imagenes/Movil_600/icons_24.png") no-repeat 0 -168px;
	background: none, transparent url("../../imagenes/Movil_600/icons_24.svg") no-repeat 0 -168px;
}
.materias .listado02 .expandable  > a.openItem:before {
	background: transparent url("../../imagenes/Movil_600/icons_24.png") no-repeat -28px -196px;
	background: none, transparent url("../../imagenes/Movil_600/icons_24.svg") no-repeat 0 -196px;
}
.table03  {
	margin: 3px 0;
	width: 100%;
}
.table03 tr td, #ausuario table.table03 tr:nth-child(2n+3) {
	background-color: transparent;
}
.table03 tr:first-child td {
	background: #F5F5F5;
}
.table03 td:first-child {
	font-style: italic;
	width: 33%;
}
.table03 td a {
	font-weight: 500;
}
.reservas .stick {
	padding: 16px 8px;
	margin-top: 16px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
.empty-section {
	width: 100%;
	margin: 0 0 64px;
	text-align: center;
}
.empty-section span {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	font-size: 1rem;
}
.empty-section span:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	max-width: 384px;
	height: calc(100vw - 32px);
	max-height: 384px;
	margin: 16px auto;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: contain;
}
#autoridad {
	padding: 32px 0 16px;
}
#autoridad table {
	width: 100%;
	margin-top: 0;
	font-size: 100%;
	text-transform: none;
}
#autoridad table.fontsize01 {
	margin-top: 32px;
}
#autoridad table td {
	width: 50%;
	border: 1px solid #E3E3E3;
	vertical-align: top;
}
#autoridad table.fontsize01 td {
	padding: 12px 8px;
}
#autoridad table.fontsize01 td:first-child {
	font-weight: 500;
}
#autoridad table td a {
	display: block;
	padding: 12px 8px;
}
.select-login .textos01 {
	padding: 24px 0;
}
.select-login .textos01 p:first-child {
	font-size: 1rem;
}
.login-list ul {
	text-align: center;
}
.login-list li {
	display: inline-block;
	margin: 8px 16px;
}
.login-list a {
	display: block;
	padding: 8px 16px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;	
}
.login-list .logo-login {
	display: block;
	width: 200px;
	height: 70px;
	background-size: contain;
}
.cuadro .bg-preload.titular:before {
	content: '';
	position: relative;
	top: 6px;
	width: 164px;
	height: 24px;
	display: block;
	background-color: #EEE;
	border-radius: 4px;
}
.cuadro .bg-preload.titular a {
	display: none;
}
.cuadro [class^="galeria"] .bg-preload {
	display: inline-block;
	background-color: #EEE;
}
.cuadro [class^="galeria"] .bg-preload a {
	display: none;
}
#prestamos .bg-preload.cover, .reservas .bg-preload.cover {
	height: 119px;
	background-color: #EEE;
}
#prestamos .bg-preload.cover img, .reservas .bg-preload.cover img {
	display: none;
}
#prestamos .bg-preload .infoTitulo a, #prestamos .bg-preload .infoAutor span,
#prestamos .bg-preload .infoDate > *, #prestamos #result .bg-preload div .infoButton a,
#prestamos .bg-preload > .infoButton,
.reservas .bg-preload .infoTitulo a, .reservas .bg-preload .infoAutor span,
.reservas .bg-preload .infoState span, .reservas .bg-preload .infoRequest span,
.reservas .bg-preload .infoNotification, .reservas .bg-preload .infoHasta,
.reservas .bg-preload .infoButton a,
.historial .bg-preload td *, .historial .bg-preload .groupButtons a {
	display: none;
}
#ausuario.historial .bg-preload table td.td-stars {
	padding: 8px;
}
#prestamos .bg-preload .infoDate.infoAttention {
	background-color: transparent;
}
#prestamos .bg-preload .infoTitulo:before, #prestamos .bg-preload .infoAutor:before,
#prestamos .bg-preload .infoDate:before, #prestamos .bg-preload .infoButton:before,
.reservas .bg-preload .infoTitulo:before, .reservas .bg-preload .infoAutor:before,
.reservas .bg-preload .infoState:before, .reservas .bg-preload .infoRequest:before,
.reservas .bg-preload .infoButton:before,
.historial .bg-preload td:before, .historial .bg-preload .groupButtons div:before {
	content: '';
	position: relative;
	top: 0;
	width: 164px;
	height: 21px;
	display: inline-block;
	background-color: #EEE;
	border-radius: 4px;
}
#prestamos .bg-preload .infoAutor:before, #prestamos .bg-preload .infoDate:before,
.reservas .bg-preload .infoAutor:before, .reservas .bg-preload .infoState:before,
.reservas .bg-preload .infoRequest:before {
	width: 120px;
	height: 18px;
}
#prestamos .bg-preload .infoButton:before, .reservas .bg-preload .infoButton:before {
	width: 100%;
	max-width: 240px;
	height: 36px;
}
.historial .bg-preload td:before {
	width: 50%;
	max-width: 80px;
	height: 18px;
	margin: 2px 0;
}
.historial .bg-preload tr:nth-child(2) td:before {
	width: 80%;
	max-width: 120px;
}
.historial .bg-preload tr:nth-child(2) td:nth-child(2):before {
	width: 94%;
	max-width: 140px;
}
.historial .bg-preload .groupButtons div:before {
	width: 140px;
	height: 36px;
}
.reservas #result .bg-preload .infoState, .reservas .bg-preload .infoButton {
	padding-bottom: 16px;
}
#prestamos .bg-preload.text {
	margin-bottom: 8px;
}
.logo04 {
	background-image: url(/themeMobile/imagenes/Movil_600/logo04.png);
}
.logo05 {
	background-image: url(/themeMobile/imagenes/Movil_600/logo05.png);
}
.popupContent .cuadroFirst {
	width: calc(100% - 32px);
    max-width: 560px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
	font-size: 0.875rem;
}
.popupContent #popupCardD .cuadroFirst, .popupContent .popupCardD .cuadroFirst {
	position: fixed;
	width: 300px;
}
.popupContent .cuadroFirst h2 {
	padding: 16px 48px 16px 24px;
	margin: 0;
	font-size: 1.25rem;
	color: #000;
	line-height: 24px;
}
.flotante01 {
	position: absolute;
	top: 10px;
	right: 16px;
}
.barraTitular .flotante01 .button03 {
	margin: 0;
}

.popupContent .cuadroFirst .flotante01 a, .barraTitular .flotante01 .buttonClose, .flotante01 .buttonClose {
	width: 36px;
	height: 36px;
	padding: 5px;
	border: 1px solid #FFF;
	border-radius: 50%;
	background-color: #FFF;
}
.barraTitular .flotante01 .buttonClose {
	margin-right: -6px;
}
.popupContent .cuadroFirst .flotante01 span,.buttonClose span {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	visibility: hidden;  
}
.popupContent .cuadroFirst .flotante01 span.icon, .buttonClose span.icon, .buttonClose-2 span.icon {
	visibility: visible;
	background: transparent url(../../imagenes/Movil_600/icons_24.png) no-repeat 0 -224px;
	background: none, transparent url(../../imagenes/Movil_600/icons_24.svg) no-repeat 0 -224px;
}
.popupGroup {
	padding: 15px 10px;
}
.gwt-PopupPanel {
	width: 100%;
}
#popupLogin .popupGroup, #popupBusquedas .popupGroup, #popupCardD .popupGroup, .popupCardD .popupGroup,
#popupExportBookmarks .popupGroup {
	position: relative;
	width: 100%;
	padding: 16px 24px;
	overflow: hidden;
}
#popupCardD .popupGroup, .popupCardD .popupGroup {
	padding: 4px 16px 2px;
	text-align: center;
}
.popupBlock {
	margin: 8px 0;
	font-size: 0.875rem;
}
#popupLogin .popupBlock > div, #popupBusquedas .popupBlock > div, #popupCardD .popupBlock > div, .popupCardD .popupBlock > div,
#popupLogin .popupBlock > label {
	display: inline-block;
	width: 100%;
	padding: 2px 0;
}
#popupLogin .popupBlock > label span {
    font-size: 14px;
    line-height: 18px;
}
#popupBusquedas .popupBlock div input[type="email"], #popupBusquedas .popupBlock div input,
#popupBusquedas .popupBlock input[type="email"], #popupBusquedas .popupBlock input,
#popupLogin .popupBlock input {
	width: 100%;
}
#popupLogin .popupCommentCheckBox {
	font-size: 100%;
} 
#popupLogin .popupCommentCheckBox div {
	position: relative;
	width: auto;
	margin-right: 8px;
}
#popupLogin .popupButton, #popupBusquedas .popupButton, #popupCardD .popupButton, .popupCardD .popupButton,
#popupExportBookmarks .popupButton {
	width: 100%;
	padding: 5px 0;
	text-align: center;
}
#popupExportBookmarks .popupButton {
	padding-top: 0;
}
#popupCardD .popupButton, .popupCardD .popupButton {
	padding-bottom: 16px;
	border: 0;
}
#popupLogin .popupButton .popupBlock, #popupBusquedas .popupButton .popupBlock,
#popupCardD .popupButton .popupBlock, .popupCardD .popupButton .popupBlock, #popupExportBookmarks .popupButton .popupBlock {
	font-size: 100%;
}
#popupCardD .popupButton .popupBlock, .popupCardD .popupButton .popupBlock {
	padding: 6px 16px;
}
#popupCardD .popupButton .popupBlock .button02, .popupCardD .popupButton .popupBlock .button02 {
	min-width: 240px;
}
#popupLogin .form-msg {
    height: 18px;
    padding: 2px 0 0;
    color: #CC0000;
    font-size: 14px;
}
#popupLogin .form-msg span {
    position: relative;
    display: inline-block;
    line-height: 18px;
}
.popupContent .subtitle span {
	display: block;
	margin: 8px 0;
	font-weight: bold;
}
#popupExportBookmarks .radio {
	margin: 8px 0;
}
#popupExportBookmarks .radio:last-child {
	margin-bottom: 16px;
}
#popupExportBookmarks .field-email {
	padding-left: 32px;
}
#popupExportBookmarks .field-email label {
	margin: 4px 0;
}
#popupExportBookmarks .field-email input {
	width: 100%;
}
/*SNACKBARS*/
.snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px;
	background-color: #333;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	bottom: 30px;
	margin: 0 16px;
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar.show {
	visibility: visible;
	/* Show the snackbar
	/ Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds*/
	-webkit-animation: fadein 0.5s, fadeout 0.5s 5s;
	animation: fadein 0.5s, fadeout 0.5s 5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}
	to {
		bottom: 30px;
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}
	to {
		bottom: 30px;
		opacity: 1;
	}
}
@-webkit-keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}
	to {
		bottom: 0;
		opacity: 0;
	}
}
@keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1;
	}
	to {
		bottom: 0;
		opacity: 0;
	}
}
/* END SNACKBARS */

@media screen and (min-width: 2001px) {
	.galeria01 li {
		width: calc(100% / 12);
	}
}
@media screen and (max-width: 2000px) {
	.galeria01 li {
		width: calc(100% / 11);
	}
}
@media screen and (max-width: 1900px) {
	.galeria01 li {
		width: calc(100% / 10);
	}
}
@media screen and (max-width: 1760px) {
	.galeria01 li {
		width: calc(100% / 9);
	}
}
@media screen and (max-width: 1600px) {
	.galeria01 li {
		width: calc(100% / 8);
	}
}
@media screen and (max-width: 1360px) {
	.galeria01 li {
		width: calc(100% / 7);
	}
}
@media screen and (max-width: 1200px) {
	.galeria01 li {
		width: calc(100% / 6);
	}
}
@media screen and (max-width: 1060px) {
	.galeria01 li {
		width: calc(100% / 5);
	}
}
@media screen and (max-width: 850px) {
	.galeria01 li {
		width: 25%;
	}
}
@media screen and (max-width: 580px) {
	.galeria01 li {
		width: 33.3%;
	}
	.galeria01 li:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 460px) {
	.galeria01 ul {
		height: 436px;
	}
	.galeria01 li {
		width: 50%;
	}
	.galeria01 li:nth-child(4) {
		display: inherit;
	}
	.fichaItemsList li {
		width: calc(100% / 3);
	}
	.fichaItemsList li:nth-child(4n+4) {
		border-right: 1px solid #E3E3E3;
	}
	.fichaItemsList li:nth-child(3n+3) {
		border-right: 0;
	}	
	.fichaItemsList li:nth-child(3n+1):nth-last-child(-n+3), .fichaItemsList li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
		border-bottom: 0;
	}
}
@media screen and (max-width: 360px) {
	.listado01 li > div {
		min-height: 165px;
	}
}
@media screen and (max-width: 320px) {
	.fichaItemsList li {
		width: calc(100% / 2);
	}
	.fichaItemsList li:nth-child(3n+3) {
		border-right: 1px solid #E3E3E3;
	}
	.fichaItemsList li:nth-child(2n+2) {
		border-right: 0;
	}
	.fichaItemsList li:nth-child(n):nth-last-child(n) {
		border-bottom: 1px solid #E3E3E3;
	}	
	.fichaItemsList li:nth-child(2n+1):nth-last-child(-n+2), .fichaItemsList li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
		border-bottom: 0;
	}
	.listado01 li > div {
		min-height: 145px;
	}
	.popupContent #popupCardD .cuadroFirst, .popupContent .popupCardD .cuadroFirst {
		position: fixed;
		top: calc(50% - 79px);
		left: 3%;
		width: 94%;
	}
	#popupCardD .popupButton .popupBlock .button02, .popupCardD .popupButton .popupBlock .button02 {
		min-width: 100%;
	}
}
@media screen and (max-width: 300px) {
	.galeria01 li {
		width: 100%;
	}
	.busquedas .submenu ul {
		width: 100%;
	}
	.busquedas .submenu li {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width: 50%;
		min-width: auto;
	}
	.submenu li a {
		padding: 5px 8px;
	}
	.busquedas .groupButtons {
		padding: 8px 48px 8px 8px;
	}
}
@media screen and (max-width: 280px) {
	.listado01 li > div {
		min-height: 125px;
	}
}