.principal_training {
    margin-top: 10px;
    width: 100%;
    height: 0px;
    border: 0px solid blue;
    display: none;
}

.principal_training_left {
    width: 64%;
    height: 100%;
    border: 2px solid #CFD8DC;
    border-radius: 5px;
    float: left;
}
 
.principal_training_video {
    width: 100%;
    height: 65%;
    border: 0px solid red;
    float: left;
}

.principal_training_info {
    width: 100%;
    height: auto;
    border: 1px solid #CFD8DC;
    float: left;
    overflow-y: hidden;
    border-radius: 5px;
    font-size: 12px;
}

#principal_training_InfoTema {
    width: 100%;
    height: 33%;
    float: left;
    overflow-y: auto;
    font-size: 14px;
    text-align: left;
    padding: 1px;
    color : black;
    font-size: 12px;
}


.principal_training_detalles {
    width: 35%;
    height: 100%;
    border: 2px solid #CFD8DC;
    float: left;
    border-radius: 5px;
    overflow-y: hidden;
    /* border : 1px solid red; */
}

#Seccion_NombreTema{
    font-size: 16px;
    font-weight: bold;
}

#Seccion_DescripcionTema{
    line-height: normal;
}


#SeccionJuego{
    display: none;
    width: 99%;
    height: 99%; 
    /* border : 1px solid red;*/
}


@media screen and (max-width: 736px) {

    .principal_training_left{
        float: left;
        width: 99%;
        height: 99%;
        border : 1px solid #CFD8DC;
        float: left;
        border-radius: 5px;
    }
    
    .principal_training_video{
        width: 100%;
        height: 65%;
        border : 0px solid red;
        float: left;
    }

    .principal_training_info{
        width: 100%;
        height: auto;
        float: left;
        overflow-y: auto;
    }

    #principal_training_InfoTema{
        width: 100%;
        height: 33%;
        float: left;
        overflow-y: auto;
        text-align: left;
        padding: 2px;
    }

    .principal_training_detalles{
        float: left;
        width: 99%;
        height: 100%;
        border : 1px solid #CFD8DC;
        float: left;
        border-radius: 5px;

    }

}