/* PAGINACION COMO ESSTABA EN COLEGAS WEB - Modificar para usar estilos de Bootstrap */
.paginador {
    text-align: right;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: auto;
    position: relative; 
}
.paginador .cargando {
    position: absolute;
    background-color: #FFF;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: block;
    right: 350px; /* este número debe ser 10px mas que el del div que contiene todos los números de la paginación */ 
    color: #999;
}


.paginador div {
   /*float: right;*/
}

.paginador .resultados {
    /*float: center;*/
}
.paginador .step {
    color: #fff;
    margin-right: 1px;
    margin-left: 1px;
    font-size: 12px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
    height: 18px;
    width: 30px;
    border: 1px solid #aa182c;
    text-align: center;
    cursor: pointer;
    background-color: #aa182c!important;
    line-height: 14px;
    border-radius: 2px;
}

.paginador div .step:hover {
    background-color: #f15454!important;
    border-color: #aa182c;
    color: #fff;
    text-decoration:none;
}

.paginador .currentStep {
    color: #aa182c;
    margin-right: 1px;
    margin-left: 1px;
    line-height: 14px;
    font-size: 12px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
    background-color: #feffe7!important;
    height: 18px;
    width: 30px;
    text-align: center;
    border: 1px solid #aa182c;
    cursor: pointer;
    border-radius: 2px;
}

.paginador div .prevLink {
    background-image: url(img/prev.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 18px;
    margin-right: 2px;
    margin-left: 2px;
    cursor: pointer;
    display: block;
    float: left;
    border: 1px solid #aa182c;
    border-radius:2px;
    background-color: #aa182c!important;
}

.paginador div .prevLink:hover {
    border-color:#343a40;
    background-color: #343a40!important;
}

.paginador div .nextLink {
    background-image: url(img/next.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 18px;
    margin-right: 2px;
    margin-left: 2px;
    cursor: pointer;
    display: block;
    float: left;
    border: 1px solid #aa182c;
    border-radius:2px;
    background-color: #aa182c !important;
}

.paginador div .nextLink:hover {
    border-color:#343a40;
    background-color: #343a40!important;
}