#barraaceptacion {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    min-height: 80px;
    background-color: #C69F7C;
    color: #000;
    z-index: 9999999;
}

.inner {
    width: 100%;
    position: absolute;
    padding-left: 5px;
    font-family: verdana;
    font-size: 12px;
    top: 30%;
}

    .inner a.ok {
        padding: 4px;
        color: #00ff2e;
        text-decoration: none;
    }

    .inner a.info {
        padding-left: 5px;
        text-decoration: none;
        color: #faff00;
    }

@media (max-width: 675px) {
    #barraaceptacion {
        padding-bottom: 15px;
        width: 100%;
        text-align: center;
        min-height: 100px;
    }

    .inner {
        font-size: 10px;
        top: 10%;
    }
}

@media (max-width: 520px) {
    #barraaceptacion {
        padding-bottom: 10px;
        width: 100%;
        text-align: center;
        min-height: 100px;
    }

    .inner {
        font-size: 9px;
        top: 10%;
    }
}