Emujar hacia abajo div cuya div anterior tiene float

[PosProdukcion]

Hola, en esta página, si os fijáis abajo del todo, en los enlaces de pasar de página, no consigo aplicar un margen superior que lo separe del + o del enlace INSCRIBIRSE>>.

El + o INSCRIBIRSE>> (a veces no hay +) tienen estilos float right y left, y esto es lo que aplico en after y a la div de paginación:

Código CSS:

.listaArticulos .indexExtractoArticulo /*ESTE ES TODO EL BLOQUE DE LA ENTRADILLA*/
{
    width: 380px;
    float: left;
    margin-top: 8px;
    text-align: left;
}
 
.listaArticulos .pie-articulo /*ESTE ES EL SIGNO +*/
{
    width: 380px;
    float: right;
    margin: 0 0 5px 0;
}
 
.listaArticulos .indexExtractoArticulo:after,
.listaArticulos .pie-articulo:after
{
    content: ".";
    color: white;
    clear: both;
    margin-bottom: 10px;
}
 
.listaArticulos .paginacion-index /*ESTE ES EL DIV QUE QUIERO EMPUJAR HACIA ABAJO*/
{
    display: block;
    clear: both;
    width: 380px;
    margin: 40px auto;
    text-align: center;
    border-top: 1px solid black;
    padding-top: 3px;
}
 

Este margin .listaArticulos .paginacion-index{...margin: 40px auto;...} lo ignora por completo, ¿Qué debo hacer para que se aplique?

Gracias