body {
    background-color: #FFFFFF;
}

xmp {
    overflow: auto;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 15px;
    background-color: #F5F5F5;
}

#preview {
    background-color: #F5F5F5;
    padding: 15px;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    margin-bottom: 25px;
}

/* ============= CABECERA ============== */

.logo img {
    display: block;
    margin: 10px auto;
    max-width: 400px;
}

/* ============ IMAGEN UL ============= */

@media (min-width: 992px) {    
    #imagen-ul .row {
        display: inline-flex;
        height: 100%;
    }
    
    #imagen-ul .row .ul-container {
        margin: auto 0px;
    }

    #imagen-ul li {
        font-size: 18px;
        font-weight: 300;
        margin: 12.5px 0px;
    }
}

@media (max-width: 991px) {
    #imagen-ul ul {
        margin-top: 25px;
    }
    
    #imagen-ul li {
        font-size: 16px;
        font-weight: 300;
        margin: 7.5px 0px;
    }
}

/* ============= PIE ============== */

footer {
    margin-top: 50px;
    padding: 15px 0px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 13px;
}

footer a, footer a:hover {
    color: #FFFFFF;
}