@import url("../../revistas/css/mis-revistas-ventana-emergente.css");

/* Capa que contendrá los datos */
.capa_emergente {
	display: none;
	position:fixed;
	top: 100px;
	left: 100px;
	width: 75%;
	border: 1px solid #ccc;
	border-radius:1em;
	-webkit-border-radius:1em;
	background: #fff;
	padding: 1em;
	z-index:1002; /* indice para mostrar delante */
}
h1,
h2,
form.buscador_revistas  {
	text-align: center;
}

form.buscador_revistas * {
	color:#555;
	font-size:100%;
}
form.buscador_revistas input[type="search"] {
	width:100%;
    background: url(../../bvms/imagenes/fondo-caja-azul.png);
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #555;
    margin:10px;
}

#contenedor-revistas {
	padding:0 20px;
}


#encabezado-catalogo * {
	flex-basis:100%;
	margin:0;
}

ul.materias,
ul.menu-catalogo {
	margin:0;
	padding:0;
}
ul.materias li,
ul.menu-catalogo li {
	flex-basis: 100%;
	padding:5px 0;
	box-sizing: border-box;
}
ul.materias li a,
ul.menu-catalogo li a {
	display:block;
	background:#f78e2f;
	color:#fff;
	padding:2px 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
ul.materias li a:hover,
ul.menu-catalogo li a:hover  {
	background: #db3e09;
}
ul#resultados > li {
	border-bottom:1px dotted #FF7400;
	padding:10px;
	color:#555;
}
ul#resultados > li:nth-child(odd) {
	background:#FFE5CF;
}
ul#resultados > li:first-child {
	border-top:1px dotted #FF7400;	
}

a {
	color:#074CAB;
}
a.favorita, a.no-favorita {
	display:block;
	float:right;
	overflow:hidden;
	padding: 12px;
}
a.favorita {
	background: url('../imgs/favorito.png') -0px -1px no-repeat;
}
a.no-favorita {
	background: url('../imgs/favorito.png') -0px -25px no-repeat;
}
a.favorita span, a.no-favorita span {
	display:none;
}
ul.proveedores li {
	padding:5px 0;
}
a.proveedor {
	font-weight: bold;
	border:1px solid #ddd;
	margin-right:10px;
	padding-right:20px;
	background:url('../../bvms/imagenes/nueva-ventana.png') right center no-repeat;
}
ul.proveedores,
ul#resultados {
	margin:10px 0;
	padding:0;
}
div.ficha-revista {
	justify-content: center;
}
div.ficha-revista > * {
	flex-basis:100%;
}
div.portada img {
	width:100%;
}
div.ficha-revista ul {
	margin:0;
	padding:0;
}
ul.ficha-revista {
	padding:0;
	margin:0;
}
div.ficha-revista ul li,
ul.ficha-revista li {
	padding:10px 0;
	border-bottom:1px dotted #FF7400;
}
div.ficha-revista ul > li > ul,
div.ficha-revista ul > li > ul > li {
	padding:0;
	background:none;
	display:inline;
	border:none;
}
div.ficha-revista ul > li > ul > li:not(:last-child):after {
	content: ", ";
}

.paginador span.current {
    background: #c65a00;
}

.paginador a {
    background: #FF7400;
}
/*RESPONSIVE
   ========================================================================= */
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
	h1,
	h2,
	form.buscador_revistas  {
		text-align: left;
	}
	#contenedor-revistas {
		padding:0px 50px 20px 50px;
	}
	#encabezado-catalogo * {
		flex-basis:auto;
	}
	#encabezado-catalogo h1 a{
		background:url('../../preevid/imagenes/home-preevid.png') left center no-repeat;
		height: auto;
		padding-left:50px;
	}
	form.buscador_revistas {
	    width: 90%;
	    box-shadow: 10px 10px 10px #ccc;
	    border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px 0 20px 0;
	    margin: 10px auto 30px auto;
	    border: 1px solid #ccc;
	    background: #eee;
	    text-align: center;
	    align-items: flex-start;
	}
	form.buscador_revistas input[type="search"] {
		width:60%;
	}
	ul.menu-catalogo {
		flex-basis:80%;
		margin:0;
		padding:0;
	}
	ul.menu-catalogo li {
		flex-basis:auto;
		margin:10px 5px;
	}

	ul.materias {
		justify-content:space-around;
		padding:0;
		margin:0;
	}
	ul.materias li {
		flex-basis:45%;
		padding:5px 0px 5px 20px;
		margin:0 1%;	
		background:url('../../bvms/imagenes/accept-peq.png') 5px 10px no-repeat;
	}
	ul.materias li a {
		background:transparent;
		color:#333;
	}
	ul.materias li a:hover {
		background-color: transparent;
	}
	div.ficha-revista {
		width:100%;
		justify-content: flex-start;

	}
	div.ficha-revista:not(:last-child) {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px dotted #FF7400;		
	}
	div.ficha-revista > * {
		flex-basis:auto;
		margin-left:10px;
		margin-right:10px;
	}

	div.portada {
		flex-basis:120px;
		padding-top:10px;
	}


	div.ficha-revista ul li,
	ul.ficha-revista li {
		border:none;
		padding:0 0 0 20px;
		background:url('../imgs/accept-peq.png') no-repeat left 5px;	
		margin:0 0 10px 0;	
	}

	div.ficha-revista ul.proveedores li {
		background:none;
		margin-bottom:10px;
	}
	div#proveedores {
		flex-basis:100%;
		border-top:1px dotted #FF7400;
		padding-top:20px;
		margin-top:20px;
	}
	a.proveedor {
		display:inline-block;
		padding-left:110px;
		padding-right:0;
		height:25px;
		width:0px;
		overflow: hidden;
	}
	a.OVID {
		background: url('../imgs/sprite-proveedores.png') -1px 0px no-repeat;
	}
	a.SPRINGER {
		background: url('../imgs/sprite-proveedores.png') -1px -25px no-repeat;
	}
	a.CLINICALKEY {
		background: url('../imgs/sprite-proveedores.png') -1px -50px no-repeat;
	}
	a.WILEY {
		background: url('../imgs/sprite-proveedores.png') -1px -74px no-repeat;
	}
	a.CINAHL {
		background: url('../imgs/sprite-proveedores.png') -1px -100px no-repeat;
	}
	a.SCIENCE_DIRECT, 
	a.DOYMA{
		background: url('../imgs/sprite-proveedores.png') -1px -124px no-repeat;
	}
	a.FUNDACION_INDEX {
		background: url('../imgs/sprite-proveedores.png') -1px -150px no-repeat;
	}
	a.NATURE {
		background: url('../imgs/sprite-proveedores.png') -1px -175px no-repeat;
	}
	a.LIBRE {
		background: url('../imgs/sprite-proveedores.png') -1px -200px no-repeat;
	}
	a.OTROS {
		background: url('../imgs/sprite-proveedores.png') -1px -225px no-repeat;
	}
	a.PROQUEST {
		background: url('../imgs/sprite-proveedores.png') -1px -250px no-repeat;
	}
	a.AMF {
		background: url('../imgs/sprite-proveedores.png') -1px -275px no-repeat;
	}
}
 
/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	ul.materias li {
		flex-basis:31%;
	}
	div.ficha-revista {
		justify-content: space-around;
	}
	div#proveedores {
		flex-basis:auto;
		border:none;
		margin:0;
		padding:0;
	}
}