/* Introduccion de nuevas columnas */

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1px) and (max-width: 480px) {

    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {
        float: left;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.33333333%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.66666667%;
    }

    .col-xxs-1 {
        width: 8.33333333%;
    }

    .col-xxs-pull-12 {
        right: 100%;
    }

    .col-xxs-pull-11 {
        right: 91.66666667%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-8 {
        right: 66.66666667%;
    }

    .col-xxs-pull-7 {
        right: 58.33333333%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-5 {
        right: 41.66666667%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-2 {
        right: 16.66666667%;
    }

    .col-xxs-pull-1 {
        right: 8.33333333%;
    }

    .col-xxs-pull-0 {
        right: auto;
    }

    .col-xxs-push-12 {
        left: 100%;
    }

    .col-xxs-push-11 {
        left: 91.66666667%;
    }

    .col-xxs-push-10 {
        left: 83.33333333%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-8 {
        left: 66.66666667%;
    }

    .col-xxs-push-7 {
        left: 58.33333333%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-5 {
        left: 41.66666667%;
    }

    .col-xxs-push-4 {
        left: 33.33333333%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xxs-push-2 {
        left: 16.66666667%;
    }

    .col-xxs-push-1 {
        left: 8.33333333%;
    }

    .col-xxs-push-0 {
        left: auto;
    }

    .col-xxs-offset-12 {
        margin-left: 100%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xxs-offset-0 {
        margin-left: 0;
    }


}



/******/

.padding-xs {
    padding: .25em;
}

.padding-sm {
    padding: .5em;
}

.padding-md {
    padding: 1em;
}

.padding-lg {
    padding: 1.5em;
}

.padding-xl {
    padding: 3em;
}

.padding-x-xs {
    padding: .25em 0;
}

.padding-x-sm {
    padding: .5em 0;
}

.padding-x-md {
    padding: 1em 0;
}

.padding-x-lg {
    padding: 1.5em 0;
}

.padding-x-xl {
    padding: 3em 0;
}

.padding-y-xs {
    padding: 0 .25em;
}

.padding-y-sm {
    padding: 0 .5em;
}

.padding-y-md {
    padding: 0 1em;
}

.padding-y-lg {
    padding: 0 1.5em;
}

.padding-y-xl {
    padding: 0 3em;
}

.padding-top-xs {
    padding-top: .25em;
}

.padding-top-sm {
    padding-top: .5em;
}

.padding-top-md {
    padding-top: 1em;
}

.padding-top-lg {
    padding-top: 1.5em;
}

.padding-top-xl {
    padding-top: 3em;
}

.padding-right-xs {
    padding-right: .25em;
}

.padding-right-sm {
    padding-right: .5em;
}

.padding-right-md {
    padding-right: 1em;
}

.padding-right-lg {
    padding-right: 1.5em;
}

.padding-right-xl {
    padding-right: 3em;
}

.padding-bottom-xs {
    padding-bottom: .25em;
}

.padding-bottom-sm {
    padding-bottom: .5em;
}

.padding-bottom-md {
    padding-bottom: 1em;
}

.padding-bottom-lg {
    padding-bottom: 1.5em;
}

.padding-bottom-xl {
    padding-bottom: 3em;
}

.padding-left-xs {
    padding-left: .25em;
}

.padding-left-sm {
    padding-left: .5em;
}

.padding-left-md {
    padding-left: 1em;
}

.padding-left-lg {
    padding-left: 1.5em;
}

.padding-left-xl {
    padding-left: 3em;
}

.margin-xs {
    margin: .25em;
}

.margin-sm {
    margin: .5em;
}

.margin-md {
    margin: 1em;
}

.margin-lg {
    margin: 1.5em;
}

.margin-xl {
    margin: 3em;
}

.margin-x-xs {
    margin: .25em 0;
}

.margin-x-sm {
    margin: .5em 0;
}

.margin-x-md {
    margin: 1em 0;
}

.margin-x-lg {
    margin: 1.5em 0;
}

.margin-x-xl {
    margin: 3em 0;
}

.margin-y-xs {
    margin: 0 .25em;
}

.margin-y-sm {
    margin: 0 .5em;
}

.margin-y-md {
    margin: 0 1em;
}

.margin-y-lg {
    margin: 0 1.5em;
}

.margin-y-xl {
    margin: 0 3em;
}

.margin-top-xs {
    margin-top: .25em;
}

.margin-top-sm {
    margin-top: .5em;
}

.margin-top-md {
    margin-top: 1em;
}

.margin-top-lg {
    margin-top: 1.5em;
}

.margin-top-xl {
    margin-top: 3em;
}

.margin-right-xs {
    margin-right: .25em;
}

.margin-right-sm {
    margin-right: .5em;
}

.margin-right-md {
    margin-right: 1em;
}

.margin-right-lg {
    margin-right: 1.5em;
}

.margin-right-xl {
    margin-right: 3em;
}

.margin-bottom-xs {
    margin-bottom: .25em;
}

.margin-bottom-sm {
    margin-bottom: .5em;
}

.margin-bottom-md {
    margin-bottom: 1em;
}

.margin-bottom-lg {
    margin-bottom: 1.5em;
}

.margin-bottom-xl {
    margin-bottom: 3em;
}

.margin-left-xs {
    margin-left: .25em;
}

.margin-left-sm {
    margin-left: .5em;
}

.margin-left-md {
    margin-left: 1em;
}

.margin-left-lg {
    margin-left: 1.5em;
}

.margin-left-xl {
    margin-left: 3em;
}