.table_ th, .table_ td
{
    border:1ps solid;
    padding:10px;
    text-align:center;
    border-bottom: 1px solid #ddd;
}
.table_ thead
{
    text-transform: uppercase;
    border-bottom:2px solid #000;
}

.tables

{

    width:100%;

    border-collapse: collapse;

    margin:auto;

    margin-bottom: 10px;

    table-layout: fixed;

}



.tables th, .tables td

{

    font-size: 14px;

    padding:6px;

    text-align:center;

}

.tables thead

{

    text-transform: uppercase;

    border-bottom:2px solid #000;

}



.tables tbody td img

{

    width:25px;

    height:25px;

}



.tables td

{

    border-bottom: 1px solid #ddd;

}



.paginacion

{

    width:92%;

    margin:auto;

}



.paginacion a

{

    margin-bottom: 5px;

    padding:15px;

    color:black;

    text-decoration: none;

    border:2px solid #e3e3e3;

    display:inline-block;

}



.paginacion a:hover

{

    background-color:#2980b9;

    color:white;

    font-weight: bold;

}


@media screen and (max-width:1300px)

{

    .tables

    {

        border:0;

    }



    .tables thead

    {

        display:none;

    }



    .tables tr

    {

        margin-bottom:8px;

        border-bottom: 4px solid #ddd;

        display:block;

    }

    .tables th, .tables td 

    {

        font-size:12px;

    }



    .tables td

    {

        display:block;

        border-bottom: 1px solid #ddd;

        text-align: right;

    }



    .tables td::before

    {

        content:attr(data-label);

        font-weight: bold;

        text-transform: uppercase;

        float:left;

    }

}