/*titulo*/
.cont_title {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background: -webkit-linear-gradient(yellow, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
}

/*contenio video*/
.contenido__visual {
    align-items: center;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    /*width: 85%;
    height: auto;*/

}

.conten__video {
    width: 100%;
    height: 100%;
}

/*contenio teorico*/
.contenido__teorico {
    font-size: medium;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: italic;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    align-items: center;
    text-align: justify;
    width: 95%;
    height: 50%;
}

/*titulo y descrión*/

.conten--material {
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 20px;
    align-items: center;
}

.material--title {
    font-family: Arial, Helvetica, sans-serif;
}

.material--descripcion {
    text-align: justify;
}

/*contenio link*/
.contenido__apoyo {
    width: 100%;
    height: 50%;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: italic;
    text-align: justify;

}

/*Tabla*/
table.ConteApoy__table,
table.rwd_auto {
    border: 1px solid black;
    width: 100%;
    border-radius: 10px;
    margin: 0 0 50px 0;
}

.ConteApoy__table th,
.rwd_auto th {
    background: #ccc;
    padding: 5px;
    text-align: center;
}

.ConteApoy__table td,
.rwd_auto td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}

.ConteApoy__table tr:last-child td,
.rwd_auto tr:last-child td {
    border: 0;
}

.rwd {
    width: 100%;
    overflow: auto;
}

.rwd table.rwd_auto {
    width: auto;
    min-width: 100%;
}

.rwd_auto th,
.rwd_auto td {
    white-space: nowrap;
}

@media only screen and (max-width: 800px),
(min-width: 768px) and (max-width: 1024px) {

    table.ConteApoy__table,
    .ConteApoy__table thead,
    .ConteApoy__table tbody,
    .ConteApoy__table th,
    .ConteApoy__table td,
    .ConteApoy__table tr {
        display: block;
        border-radius: 10px;
    }

    .ConteApoy__table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .ConteApoy__table tr {
        border: 1px solid #ccc;
    }

    .ConteApoy__table td {
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50%;
        text-align: left
    }

    .ConteApoy__table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 5px;
        white-space: nowrap;
    }

    .ConteApoy__table td:nth-of-type(1):before {
        content: "N°";
    }

    .ConteApoy__table td:nth-of-type(2):before {
        content: "Link";
    }

    .ConteApoy__table td:nth-of-type(3):before {
        content: "Descripción";
    }

    .ConteApoy__table td:nth-of-type(4):before {
        content: "Cometarios";
    }

    /*.ConteApoy__table td:nth-of-type(5):before {
        content: "ID";
    }*/

    .descrip{
        text­align: justify;
        overflow-y: auto;
    }

    .descarto {
        display: none;
    }

    .fontsize {
        font-size: 10px
    }
}



/*
gap: 30px;

*/