@media only screen and (min-width: 801px) {

    .sub_contratos {
        width: 100%;
        top: 8.8em;
        left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        z-index: 99;
        background: #555555;
    }
    
    .sub_contratos i {
        margin-right: 5px;
        font-size: 1em;
        float: left;
    }
    
    .sub_contratos ul {
    }

    .sub_contratos ul li {
        display: block;
        max-width: 16%;
        height: 50px;
        border-left: none;
        padding: 0.8em;
        float: left;
        background-color: #555555;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        line-height: 16px;
    }

    .sub_contratos i {
        height: 20px;
        line-height: 16px;
    }

    .sub_contratos ul li:hover {
        background-color: #e0e0e0;
        color: #333333;
    }
    
    .sub_convenios {
        width: 100%;
        top: 8.8em;
        left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        z-index: 99;
        background: #555555;
    }
    
    .sub_convenios i {
        margin-right: 5px;
        font-size: 1em;
        float: left;
    }
    
    .sub_convenios ul {
    }

    .sub_convenios ul li {
        display: block;
        max-width: 16%;        
        height: 50px;
        border-left: none;
        padding: 0.8em;
        float: left;
        background-color: #555555;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        line-height: 16px;
    }

    .sub_convenios i {
        height: 20px;
        line-height: 16px;
    }

    .sub_convenios ul li:hover {
        background-color: #e0e0e0;
        color: #333333;
    }
    
}

@media only screen and (min-width: 1367px) {
    
    .enter {
        display: none;
    }

    .sub_contratos {
        width: 100%;
        top: 9em;
        left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        z-index: 99;
        background: #646464;
    }
    
    .sub_contratos img {
        margin-left: 26.5%;
    }
    
    .sub_contratos ul {
    }

    .sub_contratos ul li {
        max-width: 12%;
        height: 60px;
        border-left: none;
        padding: 0.8em;
        float: left;
        background-color: #646464;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        line-height: 20px;
    }

    .sub_contratos i {
        height: 50px;
        line-height: 20px;
    }

    .sub_contratos ul li:hover {
        background-color: #e0e0e0;
        color: #333333;
    }
    
    .sub_convenios {
        width: 100%;
        top: 9em;
        left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        z-index: 99;
        background: #646464;
    }
    
    .sub_convenios img {
        margin-left: 26.5%;
    }
    
    .sub_convenios ul {
    }

    .sub_convenios ul li {
        max-width: 12%;
        height: 60px;
        border-left: none;
        padding: 0.8em;
        float: left;
        background-color: #646464;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        line-height: 20px;
    }

    .sub_convenios i {
        height: 50px;
        line-height: 20px;
    }

    .sub_convenios ul li:hover {
        background-color: #e0e0e0;
        color: #333333;
    }
    
}