/*ESTILOS NORMALES, MÓVILES EN VERTICAL
   ========================================================================= */
div.paginador {
	margin:20px 0;
}

div.paginador ul {
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	margin:10px 0;
}

div.paginador ul li {
	margin:0 2px;
	flex: 0 0 45%;
}
div.paginador ul a,
div.paginador ul span {
	border:1px solid #333;
	padding:4px 7px;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	width:100%;
	text-align: center;
}
div.paginador ul a {
	background: #3982F7;
}
div.paginador ul a:hover {
	background: #1851BD;
}
div.paginador ul span {
	background: #555;
}
div.paginador ul span.current {
	background: #1851BD;
}

div.paginador ul li {
	display:none;
}
div.paginador ul li.anterior,
div.paginador ul li.siguiente {
	display:flex;
}


/*RESPONSIVE
   ========================================================================= */
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	div.paginador ul {
		justify-content:flex-start;
	}
	div.paginador ul li {
		display:flex;
		flex: 0 0 auto;
	}
}