/*Estilos Estructurales*/

    /*Clases Espaciado*/

    .contenedor{
        padding: 50px 0;
    }

    .contenido{
        padding: 25px 0;
    }

    .centrado{
        width: 96%;
    }

    .flex{
        display: flex;
    }

    /*Fin Clases Espaciado*/

    /*Clases Posicionamiento Elementos*/

    .xxxs-rel{
        position: relative;
    }

    .xxxs-abs{
        position: absolute;
    }

    .xxxs-fix{
        position: fixed;
    }

    /*Fin Clases Posicionamiento Elementos*/

    /*Clases Alineación Textos*/

    .xxxs-center{
        text-align: center;
        text-align-last: center;
    }

    .xxxs-justify{
        text-align: justify-all;
    }

    .xxxs-right{
        text-align: right;
    }

    .xxxs-left{
        text-align: left;
    }

    /*Fin Clases Alineación Textos*/

    /*Clases Disposición Elementos*/

    .xxxs-row{
        flex-flow: row wrap;
    }
    
    .xxxs-column{
        flex-direction: column;
    }

    .xxxs-rr{
        flex-direction: row-reverse;
    }

    .xxxs-cr{
        flex-direction: column-reverse;
    }

    .xxxs-jcc{
        justify-content: center;
    }

    .xxxs-jcsb{
        justify-content: space-between;
    }

    .xxxs-jcsa{
        justify-content: space-around;
    }

    .xxxs-jcfs{
        justify-content: flex-start;
    }

    .xxxs-jcfe{
        justify-content: flex-end;
    }

    .xxxs-aic{
        align-items: center;
    }

    .xxxs-aifs{
        align-items: flex-start;
    }

    .xxxs-aife{
        align-items: flex-end;
    }

    .xxxs-aibl{
        align-items: baseline;
    }

    .xxxs-ais{
        align-items: stretch;
    }

    /*Fin Clases Disposición Elementos*/

    /*Clases Ancho Elementos*/

    .xxxs-100{
        width: 100%;
    }

    .xxxs-98{
        width: 98%;
    }

    .xxxs-95{
        width: 95%;
    }

    .xxxs-90{
        width: 90%;
    }

    .xxxs-85{
        width: 85%;
    }

    .xxxs-80{
        width: 80%;
    }

    .xxxs-75{
        width: 75%;
    }

    .xxxs-70{
        width: 70%;
    }

    .xxxs-65{
        width: 65%;
    }

    .xxxs-60{
        width: 60%;
    }
    
    .xxxs-55{
        width: 55%;
    }

    .xxxs-50{
        width: 50%;
    }

    .xxxs-47{
        width: 47.5%;
    }

    .xxxs-45{
        width: 45%;
    }

    .xxxs-40{
        width: 40%;
    }

    .xxxs-35{
        width: 35%;
    }

    .xxxs-33{
        width: 33%;
    }

    .xxxs-30{
        width: 30%;
    }

    .xxxs-25{
        width: 25%;
    }

    .xxxs-22{
        width: 22.5%;
    }

    .xxxs-20{
        width: 20%;
    }


    .xxxs-15{
        width: 15%;
    }

    .xxxs-10{
        width: 10%;
    }

    .xxxs-5{
        width: 5%;
    }

    /*Fin Clases Ancho Elementos*/

    /*Media Queries*/

    @media only screen and (min-width: 400px){
        
        /*Clases Espaciado*/

        .centrado{
            width: 95%;
        }

        /*Fin Clases Espaciado*/

        /*Clases Posicionamiento Elementos*/

        .xxs-rel{
            position: relative;
        }

        .xxs-abs{
            position: absolute;
        }

        .xxs-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .xxs-row{
            flex-flow: row wrap;
        }

        .xxs-column{
            flex-direction: column;
        }
        
        .xxs-rr{
            flex-direction: row-reverse;
        }

        .xxs-cr{
            flex-direction: column-reverse;
        }

        .xxs-jcc{
            justify-content: center;
        }

        .xxs-jcsb{
            justify-content: space-between;
        }

        .xxs-jcsa{
            justify-content: space-around;
        }

        .xxs-jcfs{
            justify-content: flex-start;
        }

        .xxs-jcfe{
            justify-content: flex-end;
        }

        .xxs-aic{
            align-items: center;
        }

        .xxs-aifs{
            align-items: flex-start;
        }

        .xxs-aife{
            align-items: flex-end;
        }

        .xxs-aibl{
            align-items: baseline;
        }

        .xxs-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .xxs-100{
            width: 100%;
        }
        
        .xxs-98{
            width: 98%;
        }

        .xxs-95{
            width: 95%;
        }

        .xxs-90{
            width: 90%;
        }

        .xxs-85{
            width: 85%;
        }

        .xxs-80{
            width: 80%;
        }

        .xxs-75{
            width: 75%;
        }

        .xxs-70{
            width: 70%;
        }

        .xxs-65{
            width: 65%;
        }

        .xxs-60{
            width: 60%;
        }

        .xxs-55{
            width: 55%;
        }

        .xxs-50{
            width: 50%;
        }
        
        .xxs-47{
            width: 47.5%;
        }

        .xxs-45{
            width: 45%;
        }

        .xxs-40{
            width: 40%;
        }

        .xxs-35{
            width: 35%;
        }
        
        .xxs-33{
            width: 33%;
        }

        .xxs-30{
            width: 30%;
        }

        .xxs-25{
            width: 25%;
        }
        
        .xxs-22{
            width: 22.5%;
        }

        .xxs-20{
            width: 20%;
        }

        .xxs-15{
            width: 15%;
        }

        .xxs-10{
            width: 10%;
        }

        .xxs-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/
        
    }

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

        /*Clases Posicionamiento Elementos*/

        .xs-rel{
            position: relative;
        }

        .xs-abs{
            position: absolute;
        }

        .xs-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .xs-row{
            flex-flow: row wrap;
        }

        .xs-column{
            flex-direction: column;
        }
        
        .xs-rr{
            flex-direction: row-reverse;
        }

        .xs-cr{
            flex-direction: column-reverse;
        }

        .xs-jcc{
            justify-content: center;
        }

        .xs-jcsb{
            justify-content: space-between;
        }

        .xs-jcsa{
            justify-content: space-around;
        }

        .xs-jcfs{
            justify-content: flex-start;
        }

        .xs-jcfe{
            justify-content: flex-end;
        }

        .xs-aic{
            align-items: center;
        }

        .xs-aifs{
            align-items: flex-start;
        }

        .xs-aife{
            align-items: flex-end;
        }

        .xs-aibl{
            align-items: baseline;
        }

        .xs-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .xs-100{
            width: 100%;
        }
        
        .xs-98{
            width: 98%;
        }

        .xs-95{
            width: 95%;
        }

        .xs-90{
            width: 90%;
        }

        .xs-85{
            width: 85%;
        }

        .xs-80{
            width: 80%;
        }

        .xs-75{
            width: 75%;
        }

        .xs-70{
            width: 70%;
        }

        .xs-65{
            width: 65%;
        }

        .xs-60{
            width: 60%;
        }

        .xs-55{
            width: 55%;
        }

        .xs-50{
            width: 50%;
        }
        
        .xs-47{
            width: 47.5%;
        }

        .xs-45{
            width: 45%;
        }

        .xs-40{
            width: 40%;
        }

        .xs-35{
            width: 35%;
        }
        
        .xs-33{
            width: 33%;
        }

        .xs-30{
            width: 30%;
        }

        .xs-25{
            width: 25%;
        }
        
        .xs-22{
            width: 22.5%;
        }

        .xs-20{
            width: 20%;
        }
        
        .xs-18{
            width: 18%;
        }


        .xs-15{
            width: 15%;
        }

        .xs-10{
            width: 10%;
        }

        .xs-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/
        
    }

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

        /*Clases Posicionamiento Elementos*/

        .s-rel{
            position: relative;
        }

        .s-abs{
            position: absolute;
        }

        .s-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .s-row{
            flex-flow: row wrap;
        }

        .s-column{
            flex-direction: column;
        }
        
        .s-rr{
            flex-direction: row-reverse;
        }

        .s-cr{
            flex-direction: column-reverse;
        }

        .s-jcc{
            justify-content: center;
        }

        .s-jcsb{
            justify-content: space-between;
        }

        .s-jcsa{
            justify-content: space-around;
        }

        .s-jcfs{
            justify-content: flex-start;
        }

        .s-jcfe{
            justify-content: flex-end;
        }

        .s-aic{
            align-items: center;
        }

        .s-aifs{
            align-items: flex-start;
        }

        .s-aife{
            align-items: flex-end;
        }

        .s-aibl{
            align-items: baseline;
        }

        .s-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .s-100{
            width: 100%;
        }
        
        .s-98{
            width: 98%;
        }

        .s-95{
            width: 95%;
        }

        .s-90{
            width: 90%;
        }

        .s-85{
            width: 85%;
        }

        .s-80{
            width: 80%;
        }

        .s-75{
            width: 75%;
        }

        .s-70{
            width: 70%;
        }

        .s-65{
            width: 65%;
        }

        .s-60{
            width: 60%;
        }

        .s-55{
            width: 55%;
        }

        .s-50{
            width: 50%;
        }
        
        .s-47{
            width: 47.5%;
        }

        .s-45{
            width: 45%;
        }

        .s-40{
            width: 40%;
        }

        .s-35{
            width: 35%;
        }
        
        .s-33{
            width: 33%;
        }
        
        .s-32{
            width: 32%;
        }

        .s-30{
            width: 30%;
        }

        .s-25{
            width: 25%;
        }
        
        .s-22{
            width: 22.5%;
        }

        .s-20{
            width: 20%;
        }

        .s-15{
            width: 15%;
        }

        .s-10{
            width: 10%;
        }

        .s-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

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

        /*Clases Espaciado*/

        .contenedor{
            padding: 50px 0;
        }

        .contenido{
            padding: 50px 0;
        }

        .centrado{
            width: 90%;
        }

        /*Fin Clases Espaciado*/

        /*Clases Posicionamiento Elementos*/

        .m-rel{
            position: relative;
        }

        .m-abs{
            position: absolute;
        }

        .m-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .m-row{
            flex-flow: row wrap;
        }

        .m-column{
            flex-direction: column;
        }
        
        .m-rr{
            flex-direction: row-reverse;
        }

        .m-cr{
            flex-direction: column-reverse;
        }

        .m-jcc{
            justify-content: center;
        }

        .m-jcsb{
            justify-content: space-between;
        }

        .m-jcsa{
            justify-content: space-around;
        }

        .m-jcfs{
            justify-content: flex-start;
        }

        .m-jcfe{
            justify-content: flex-end;
        }

        .m-aic{
            align-items: center;
        }

        .m-aifs{
            align-items: flex-start;
        }

        .m-aife{
            align-items: flex-end;
        }

        .m-aibl{
            align-items: baseline;
        }

        .m-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .m-100{
            width: 100%;
        }
        
        .m-98{
            width: 98%;
        }

        .m-95{
            width: 95%;
        }

        .m-90{
            width: 90%;
        }

        .m-85{
            width: 85%;
        }

        .m-80{
            width: 80%;
        }

        .m-75{
            width: 75%;
        }

        .m-70{
            width: 70%;
        }

        .m-65{
            width: 65%;
        }

        .m-60{
            width: 60%;
        }

        .m-55{
            width: 55%;
        }

        .m-50{
            width: 50%;
        }
        
        .m-47{
            width: 47.5%;
        }

        .m-45{
            width: 45%;
        }

        .m-40{
            width: 40%;
        }

        .m-35{
            width: 35%;
        }
        
        .m-33{
            width: 33%;
        }
        
        .m-32{
            width: 32%;
        }

        .m-30{
            width: 30%;
        }

        .m-25{
            width: 25%;
        }
        
        .m-22{
            width: 22.5%;
        }

        .m-20{
            width: 20%;
        }

        .m-15{
            width: 15%;
        }

        .m-10{
            width: 10%;
        }

        .m-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

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

        /*Clases Espaciado*/

        .centrado{
            width: 85%;
        }

        /*Fin Clases Espaciado*/

        /*Clases Posicionamiento Elementos*/

        .l-rel{
            position: relative;
        }

        .l-abs{
            position: absolute;
        }

        .l-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .l-row{
            flex-flow: row wrap;
        }

        .l-column{
            flex-direction: column;
        }
        
        .l-rr{
            flex-direction: row-reverse;
        }

        .l-cr{
            flex-direction: column-reverse;
        }

        .l-jcc{
            justify-content: center;
        }

        .l-jcsb{
            justify-content: space-between;
        }

        .l-jcsa{
            justify-content: space-around;
        }

        .l-jcfs{
            justify-content: flex-start;
        }

        .l-jcfe{
            justify-content: flex-end;
        }

        .l-aic{
            align-items: center;
        }

        .l-aifs{
            align-items: flex-start;
        }

        .l-aife{
            align-items: flex-end;
        }

        .l-aibl{
            align-items: baseline;
        }

        .l-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancdho Elementos*/

        .l-100{
            width: 100%;
        }
        
        .l-98{
            width: 98%;
        }

        .l-95{
            width: 95%;
        }

        .l-90{
            width: 90%;
        }

        .l-85{
            width: 85%;
        }

        .l-80{
            width: 80%;
        }

        .l-75{
            width: 75%;
        }

        .l-70{
            width: 70%;
        }

        .l-65{
            width: 65%;
        }

        .l-60{
            width: 60%;
        }

        .l-55{
            width: 55%;
        }

        .l-50{
            width: 50%;
        }
        
        .l-47{
            width: 47.5%;
        }

        .l-45{
            width: 45%;
        }

        .l-40{
            width: 40%;
        }

        .l-35{
            width: 35%;
        }
        
        .l-33{
            width: 33%;
        }
        
        .l-32{
            width: 32%;
        }

        .l-30{
            width: 30%;
        }

        .l-25{
            width: 25%;
        }
        
        .l-22{
            width: 22.5%;
        }

        .l-20{
            width: 20%;
        }

        .l-15{
            width: 15%;
        }
        
        .l-12{
            width: 12%;
        }

        .l-10{
            width: 10%;
        }

        .l-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

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

        /*Clases Espaciado*/

        .centrado{
            width: 75%;
        }

        /*Fin Clases Espaciado*/

        /*Clases Posicionamiento Elementos*/

        .xl-rel{
            position: relative;
        }

        .xl-abs{
            position: absolute;
        }

        .xl-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .xl-row{
            flex-flow: row wrap;
        }

        .xl-column{
            flex-direction: column;
        }
        
        .xl-rr{
            flex-direction: row-reverse;
        }

        .xl-cr{
            flex-direction: column-reverse;
        }

        .xl-jcc{
            justify-content: center;
        }

        .xl-jcsb{
            justify-content: space-between;
        }

        .xl-jcsa{
            justify-content: space-around;
        }

        .xl-jcfs{
            justify-content: flex-start;
        }

        .xl-jcfe{
            justify-content: flex-end;
        }

        .xl-aic{
            align-items: center;
        }

        .xl-aifs{
            align-items: flex-start;
        }

        .xl-aife{
            align-items: flex-end;
        }

        .xl-aibl{
            align-items: baseline;
        }

        .xl-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .xl-100{
            width: 100%;
        }
        
        .xl-98{
            width: 98%;
        }

        .xl-95{
            width: 95%;
        }

        .xl-90{
            width: 90%;
        }

        .xl-85{
            width: 85%;
        }

        .xl-80{
            width: 80%;
        }

        .xl-75{
            width: 75%;
        }

        .xl-70{
            width: 70%;
        }

        .xl-65{
            width: 65%;
        }

        .xl-60{
            width: 60%;
        }

        .xl-55{
            width: 55%;
        }

        .xl-50{
            width: 50%;
        }
        
        .xl-47{
            width: 47.5%;
        }

        .xl-45{
            width: 45%;
        }

        .xl-40{
            width: 40%;
        }
        
        .xl-33{
            width: 33%;
        }

        .xl-35{
            width: 35%;
        }

        .xl-30{
            width: 30%;
        }

        .xl-25{
            width: 25%;
        }
        
        .xl-22{
            width: 22.5%;
        }

        .xl-20{
            width: 20%;
        }

        .xl-15{
            width: 15%;
        }

        .xl-10{
            width: 10%;
        }

        .xl-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

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

        /*Clases Posicionamiento Elementos*/

        .xxl-rel{
            position: relative;
        }

        .xxl-abs{
            position: absolute;
        }

        .xxl-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .xxl-row{
            flex-flow: row wrap;
        }

        .xxl-column{
            flex-direction: column;
        }
        
        .xxl-rr{
            flex-direction: row-reverse;
        }

        .xxl-cr{
            flex-direction: column-reverse;
        }

        .xxl-jcc{
            justify-content: center;
        }

        .xxl-jcsb{
            justify-content: space-between;
        }

        .xxl-jcsa{
            justify-content: space-around;
        }

        .xxl-jcfs{
            justify-content: flex-start;
        }

        .xxl-jcfe{
            justify-content: flex-end;
        }

        .xxl-aic{
            align-items: center;
        }

        .xxl-aifs{
            align-items: flex-start;
        }

        .xxl-aife{
            align-items: flex-end;
        }

        .xxl-aibl{
            align-items: baseline;
        }

        .xxl-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .xxl-100{
            width: 100%;
        }
        
        .xxl-98{
            width: 98%;
        }

        .xxl-95{
            width: 95%;
        }

        .xxl-90{
            width: 90%;
        }

        .xxl-85{
            width: 85%;
        }

        .xxl-80{
            width: 80%;
        }

        .xxl-75{
            width: 75%;
        }

        .xxl-70{
            width: 70%;
        }

        .xxl-65{
            width: 65%;
        }

        .xxl-60{
            width: 60%;
        }

        .xxl-55{
            width: 55%;
        }

        .xxl-50{
            width: 50%;
        }
        
        .xxl-47{
            width: 47.5%;
        }

        .xxl-45{
            width: 45%;
        }

        .xxl-40{
            width: 40%;
        }

        .xxl-35{
            width: 35%;
        }
        
        .xxl-33{
            width: 33%;
        }

        .xxl-30{
            width: 30%;
        }

        .xxl-25{
            width: 25%;
        }
        
        .xxl-22{
            width: 22.5%;
        }

        .xxl-20{
            width: 20%;
        }

        .xxl-15{
            width: 15%;
        }

        .xxl-10{
            width: 10%;
        }

        .xxl-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

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

        /*Clases Posicionamiento Elementos*/

        .xxxl-rel{
            position: relative;
        }

        .xxxl-abs{
            position: absolute;
        }

        .xxxl-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .xxxl-row{
            flex-flow: row wrap;
        }

        .xxxl-column{
            flex-direction: column;
        }
        
        .xxxl-rr{
            flex-direction: row-reverse;
        }

        .xxxl-cr{
            flex-direction: column-reverse;
        }

        .xxxl-jcc{
            justify-content: center;
        }

        .xxxl-jcsb{
            justify-content: space-between;
        }

        .xxxl-jcsa{
            justify-content: space-around;
        }

        .xxxl-jcfs{
            justify-content: flex-start;
        }

        .xxxl-jcfe{
            justify-content: flex-end;
        }

        .xxxl-aic{
            align-items: center;
        }

        .xxxl-aifs{
            align-items: flex-start;
        }

        .xxxl-aife{
            align-items: flex-end;
        }

        .xxxl-aibl{
            align-items: baseline;
        }

        .xxxl-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .xxxl-100{
            width: 100%;
        }
        
        .xxxl-98{
            width: 98%;
        }

        .xxxl-95{
            width: 95%;
        }

        .xxxl-90{
            width: 90%;
        }

        .xxxl-85{
            width: 85%;
        }

        .xxxl-80{
            width: 80%;
        }

        .xxxl-75{
            width: 75%;
        }

        .xxxl-70{
            width: 70%;
        }

        .xxxl-65{
            width: 65%;
        }

        .xxxl-60{
            width: 60%;
        }

        .xxxl-55{
            width: 55%;
        }

        .xxxl-50{
            width: 50%;
        }
        
        .xxxl-47{
            width: 47.5%;
        }

        .xxxl-45{
            width: 45%;
        }

        .xxxl-40{
            width: 40%;
        }

        .xxxl-35{
            width: 35%;
        }
        
        .xxxl-33{
            width: 33%;
        }

        .xxxl-30{
            width: 30%;
        }

        .xxxl-25{
            width: 25%;
        }
        
        .xxxl-22{
            width: 22.5%;
        }

        .xxxl-20{
            width: 20%;
        }

        .xxxl-15{
            width: 15%;
        }

        .xxxl-10{
            width: 10%;
        }

        .xxxl-5{
            width: 5%;
        }

        /*Fin Clases Ancho Elementos*/

    }

    /*Media Queries*/

/*Fin Estilos Estructurales*/