/*Estilos Estructurales*/

    /*Clases Espaciado*/

    .contenedor{
        padding: 50px 0;
    }

    .contenido{
        padding: 25px 0;
    }

    .centrado{
        width: 96%;
    }

    .flex{
        display: flex;
    }

    /*Fin Clases Espaciado*/

    /*Clases Posicionamiento Elementos*/

    .m-rel{
        position: relative;
    }

    .m-abs{
        position: absolute;
    }

    .m-fix{
        position: fixed;
    }

    /*Fin Clases Posicionamiento Elementos*/

    /*Clases Alineación Textos*/

    .m-center{
        text-align: center;
        text-align-last: center;
    }

    .m-justify{
        text-align: justify-all;
    }

    .m-right{
        text-align: right;
    }

    .m-left{
        text-align: left;
    }

    /*Fin Clases Alineación Textos*/

    /*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-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 Queries*/

    @media only screen and (min-width: 600px){

        /*Clases Posicionamiento Elementos*/

        .t-rel{
            position: relative;
        }

        .t-abs{
            position: absolute;
        }

        .t-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .t-row{
            flex-flow: row wrap;
        }

        .t-column{
            flex-direction: column;
        }
        
        .t-rr{
            flex-direction: row-reverse;
        }

        .t-cr{
            flex-direction: column-reverse;
        }

        .t-jcc{
            justify-content: center;
        }

        .t-jcsb{
            justify-content: space-between;
        }

        .t-jcsa{
            justify-content: space-around;
        }

        .t-jcfs{
            justify-content: flex-start;
        }

        .t-jcfe{
            justify-content: flex-end;
        }

        .t-aic{
            align-items: center;
        }

        .t-aifs{
            align-items: flex-start;
        }

        .t-aife{
            align-items: flex-end;
        }

        .t-aibl{
            align-items: baseline;
        }

        .t-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .t-100{
            width: 100%;
        }
        
        .t-98{
            width: 98%;
        }

        .t-95{
            width: 95%;
        }

        .t-90{
            width: 90%;
        }

        .t-85{
            width: 85%;
        }

        .t-80{
            width: 80%;
        }

        .t-75{
            width: 75%;
        }

        .t-70{
            width: 70%;
        }

        .t-65{
            width: 65%;
        }

        .t-60{
            width: 60%;
        }

        .t-55{
            width: 55%;
        }

        .t-50{
            width: 50%;
        }
        
        .t-47{
            width: 47.5%;
        }

        .t-45{
            width: 45%;
        }

        .t-40{
            width: 40%;
        }

        .t-35{
            width: 35%;
        }
        
        .t-33{
            width: 33%;
        }

        .t-30{
            width: 30%;
        }

        .t-25{
            width: 25%;
        }
        
        .t-22{
            width: 22.5%;
        }

        .t-20{
            width: 20%;
        }
        
        .t-18{
            width: 18%;
        }


        .t-15{
            width: 15%;
        }

        .t-10{
            width: 10%;
        }

        .t-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*/

        .p-rel{
            position: relative;
        }

        .p-abs{
            position: absolute;
        }

        .p-fix{
            position: fixed;
        }

        /*Fin Clases Posicionamiento Elementos*/

        /*Clases Disposición Elementos*/

        .p-row{
            flex-flow: row wrap;
        }

        .p-column{
            flex-direction: column;
        }
        
        .p-rr{
            flex-direction: row-reverse;
        }

        .p-cr{
            flex-direction: column-reverse;
        }

        .p-jcc{
            justify-content: center;
        }

        .p-jcsb{
            justify-content: space-between;
        }

        .p-jcsa{
            justify-content: space-around;
        }

        .p-jcfs{
            justify-content: flex-start;
        }

        .p-jcfe{
            justify-content: flex-end;
        }

        .p-aic{
            align-items: center;
        }

        .p-aifs{
            align-items: flex-start;
        }

        .p-aife{
            align-items: flex-end;
        }

        .p-aibl{
            align-items: baseline;
        }

        .p-ais{
            align-items: stretch;
        }

        /*Fin Clases Disposición Elementos*/

        /*Clases Ancho Elementos*/

        .p-100{
            width: 100%;
        }
        
        .p-98{
            width: 98%;
        }

        .p-95{
            width: 95%;
        }

        .p-90{
            width: 90%;
        }

        .p-85{
            width: 85%;
        }

        .p-80{
            width: 80%;
        }

        .p-75{
            width: 75%;
        }

        .p-70{
            width: 70%;
        }

        .p-65{
            width: 65%;
        }

        .p-60{
            width: 60%;
        }

        .p-55{
            width: 55%;
        }

        .p-50{
            width: 50%;
        }
        
        .p-47{
            width: 47.5%;
        }

        .p-45{
            width: 45%;
        }

        .p-40{
            width: 40%;
        }

        .p-35{
            width: 35%;
        }
        
        .p-33{
            width: 33%;
        }
        
        .p-32{
            width: 32%;
        }

        .p-30{
            width: 30%;
        }

        .p-25{
            width: 25%;
        }
        
        .p-22{
            width: 22.5%;
        }

        .p-20{
            width: 20%;
        }

        .p-15{
            width: 15%;
        }

        .p-10{
            width: 10%;
        }

        .p-5{
            width: 5%;
        }
        /*Fin Clases Ancho Elementos*/
    }

    @media only screen and (min-width: 1400px){
        /*Clases Espaciado*/
        .centrado{
            width: 1180px;
        }
    }
    /*Media Queries*/
/*Fin Estilos Estructurales*/