.tabla-responsive {
    overflow: scroll
}
.table-scroll {
    overflow: hidden;
    margin: 20px 0;
    border-radius: 7px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%), 0 5px 12px 0 rgb(39 102 149 / 10%); 
}
#tabla, .tabla, #tablacontacto {
    width: 100%;
    padding: 0;
    border: 0;
    line-height: 1.1;
    color: #222;
    text-align: center;
    font-weight: 400;
    font-size: 11pt;
}
    #tabla td, #tabla th, .tabla td, .tabla th, #tablacontacto td, #tablacontacto th {
        padding: 8px 10px;
        text-align: left;
        vertical-align: middle;
    }
    #tabla th, .tabla th, #tablacontacto th {
        background: #323232;
        color: #fff;
        font-size: 10pt;
    }

    #tabla td, .tabla td, #tablacontacto td {
        border-bottom: 1px solid #e1e4ea;
    }

    #tabla tr:nth-child(odd), .tabla tr:nth-child(odd), #tablacontacto tr:nth-child(odd) {
        background-color: rgb(0 0 0/3%);
    }
    #tabla td:nth-child(4),.tabla td:nth-child(4) {
        text-align: left
    }

/* --- */

.alert-ip {
    background: #f2f2f2;
    padding: 4px
}

.tabla-out-color {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    border: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    font-weight: lighter;
    color: #222;
    text-align: center;
    position: relative
}

.tabla-out-color th {
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    font-family: 'foundrymonolinelight';
    font-size: 10pt;
    text-align: center;
    vertical-align: middle
}

.tabla-out-color td {
    width: 20%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2
}

.tabla-out-color td a.solicitar {
    background: #009cc9;
    color: #fff;
    display: block;
    font-size: 21px;
    font-weight: lighter;
    font-family: 'foundrymonolinelight';
    padding: 14px 0 11px;
    text-decoration: none
}

.tabla-out-color td a.solicitar:hover {
    background: #02819e
}

.tabla-out-color td a.more-about,.tabla-out-color td.more-about {
    background: #ffe080;
    display: block;
    color: #000
}

.tabla-out-color td a.more-about {
    padding: 2px
}

.tabla-out-color tr:nth-last-child(2n) td {
    border: 0!important
}

.tabla-out-color tr:last-child td {
    border-top: 1px solid #e2e2e2;
    background: #f3f3f3
}

.tabla-out-color tr td>ul {
    display: none;
    position: absolute;
    width: 220px;
    min-height: 378px;
    top: 37px;
    margin: 0 !important;
    padding: 3px 8px !important;
    border-radius: 0px;
    background: #FFF;
    list-style: none !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.tabla-out-color tr td:hover>ul {
    display: block
}

.tabla-out-color tr td ul li {
    font-size: 12px
}

.tabla-out-color tr td ul li h3 {
    padding: 4px 0 0 6px;
    margin: 0;
    line-height: 32px;
    font-size: 16px;
    border: 0;
    font-family: helvetica;
    font-weight: lighter
}

.tabla-out-color tr td ul ul {
    padding: 0 16px!important;
    font-size: 12px!important;
    list-style:none;
}
.tabla-out-color tr td ul ul li {
    border-bottom: 1px solid rgb(0 0 0/10%);
}
.tabla-out-color tr td ul ul li:last-child {
    border-bottom:0;
}

@media only screen and (max-width:920px) {
    div.main-scroll,div.table-scroll {
        width: 100%;
        overflow: scroll; 
    }
}