﻿@charset "utf-8";
@charset "utf-8";
/* CSS Document */


/*-PrincipalContainer------------------------------------------*/
#PrincipalContainerFOR {
    background: #FFFFFF;
    padding: 15px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    .part01 {
        background: #FFFFFF;
        height: 450px;
        width: 5%;
    }



    /*Body02 container----------------------*/
    .part02 {
        background-color: #FFFFFF;
        height: 650px;
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: left;
    }

        .body02 div {
            padding: 10px;
            box-sizing: border-box;
        }
    /*---------------------------------------*/


    .part03 {
        background: #FFFFFF;
        height: 450px;
        width: 50%;
        display: flex;
    }


/*--------------------------------------------------------------------------------*/







/*RESPONSIVE----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
@media (max-width: 798px) {

    /*TableDAtaBASE--------------------------------------*/
    .part01 {
        display: none;
    }
    /*---------------------------------------------------*/


    /*---------------------------------------------------*/
    .part02 {
        height: 930px;
    }
        /*---------------------------------------------------*/



        /*---------------------------------------------------*/
        .part02 div {
            padding: 10px;
            box-sizing: border-box;
        }
    /*---------------------------------------------------*/


    /*---------------------------------------------------*/
    .part03 {
        align-items: center;
        flex-direction: column;
        max-height: 1020px;
    }
    /*---------------------------------------------------*/


    /*TableDAtaBASE--------------------------------------*/
    #PrincipalContainerFOR {
        flex-direction: column;
        padding: 25px 0px;
    }

        #PrincipalContainerFOR div {
            width: 100%;
        }
    /*---------------------------------------------------*/

    .botonesdiv {
        margin-top: 20px;
        height: 350px;
    }
    /*---------------------------------------------------*/

}