// Estilos de los paginadores globales.
.pager {

	margin: 2em 0;

	li {
		vertical-align: middle;
		margin-right: 0.2em;
	}

	.pager-current {
		color: tint($c-dimgray, 10);
		font-weight: normal;
		font-size: 127%;

		&:after {
			color: tint($c-dimgray, 10);
			content: ",";
		}
	}

	.pager-item {
		font-size: 1.3em;
		
		a, a:link {
			color: $c-brand-green-dark;
			font-weight: 100;

			&:after {
				color: $c-brand-green-dark;
				content: ",";
			}
		}
	}

	.pager-ellipsis {
	    border: none;
		color: $c-brand-green-dark;
		padding: 0;
    	vertical-align: bottom;
	}

	.pager-next {
		margin-right: 0.8em;

		a {
			@include size (39px);
			@include imgreplace;		
    		background: url("../images/sprite.png") no-repeat -145px -233px;
		}

	} 

	.pager-previous { 
		margin-left: 0.4em;

		a { 
			@include size (39px);
			@include imgreplace;		
    		background: url("../images/sprite.png") no-repeat -145px -275px;
		}
	}
}