* {
    margin: 0px;
    padding: 0;
}

:root {
    --max-width: 800px;
    --container-width: 800px;
    /* antes 800px  */
}

.animmask {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/anim_bg.png);
    cursor: pointer;
    z-index: 4;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.animmask .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 638px;
    height: 113px;
    margin: -56px 0 0 -319px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/ver_anim.png);
}

#Contenedor {
    width: var(--container-width);
    margin: auto auto auto 325px;
    height: auto;
    background-color: white;
}

#cargadorHeader {
    width: var(--max-width);
    height: 340px;
}

#ContenedorActividad {
    position: relative;
    width: var(--max-width);
}

.imagenGrande {
    position: relative;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.inlineimg img {
    display: inline-block;
}

#header {
    width: var(--max-width);
    position: relative;
}

#footer {
    min-width: 480px;
    max-width: var(--max-width);
    height: auto;
    padding-top: 40px;
    margin-bottom: 40px;
}

.setPreguntas .preguntas {
    position: relative;
    width: 780px;
    border-radius: 10px;
    background-color: #f1f2f4;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    margin: 20px 0;
    font-family: Arial;
}

.preguntas .numero {
    width: 25px;
    height: 25px;
    background-color: #dc0000;
    color: #fff;
    margin: auto;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 10px;
    line-height: 25px;
}

.preguntas .separpreg {
    width: 1px;
    height: 40px;
    background-color: #a7a7a7;
    color: #fff;
    margin: auto 10px;
    position: relative;
    left: 25px;
    float: left;
}

.preguntas .enunciado {
    width: 720px;
    color: #464646;
    font-weight: bold;
    position: relative;
    left: 25px;
    float: left;
}

.setPreguntas {
    position: relative;
    margin-top: 30px;
    width: var(--max-width);
    clear: both;
}

.textoEjercicio .checklist,
.textoEjercicio .radioList {
    margin-left: 0px;
}

.nombreActividad {
    position: relative;
    float: left;
    font-family: arial;
    font-size: 15px;
    color: #919191;
    text-transform: uppercase;
    left: 20px;
    margin-bottom: -10px;
}

.preguntas+.textoEjercicio,
.preguntas+.imagenGrande+.textoEjercicio,
.preguntas+canvas+.textoEjercicio {
    margin-left: 50px;
}

.preguntas+.textoEjercicio+ul {
    margin-left: 0px;
}

.textoEjercicio .responder {
    margin-left: 0px;
}

ul.textoEjercicio {
    list-style: none;
}


/*exploremos*/

.exploremos {
    margin-bottom: 90px;
    display: none;
    margin-top: 30px;
    font-family: Arial;
    min-height: 1px;
}

.exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 38px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/exploremos-top.png);
    background-color: #f5fbfd;
}

.expmid {
    position: relative;
    top: 36px;
    width: var(--max-width);
    box-sizing: border-box;
    border: 1px solid #0096dc;
    border-top: none;
    overflow: hidden;
    background-color: #f5fbfd;
    text-align: justify;
    padding: 20px;
    line-height: 24px;
}

.expbot {
    position: absolute;
    bottom: -48px;
    width: var(--max-width);
    height: 37px;
    background-repeat: no-repeat;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/exploremos-bot2.png);
    cursor: pointer;
}

.expmid p {
    margin: 20px 0;
}

.expmid .textoEjercicio {
    margin: 20px 0;
    font-size: initial;
    color: initial;
    line-height: 24px;
}


/*agregado 23-03-2016*/

.exprow {
    margin: 20px 0;
    box-sizing: border-box;
    width: 100%;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/exp_bullet.png);
    background-repeat: no-repeat;
    padding-left: 50px;
}

.contenedorExploremos {
    position: relative;
    width: var(--max-width);
}

[id^=exploremos] .expbot.ocultar {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/exploremos-bot1.png);
}


/*observación*/

.capsulacontenido,
.capsulita {
    position: relative;
    background-color: #f6fcf3;
    min-height: 100px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #5fa732;
    width: 780px;
}

.capsulacontenido .obs_izq,
.capsulita .obs_izq {
    position: absolute;
    top: -15px;
    right: -19px;
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/observacion.png');
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.capsulacontenido .textoEjercicio,
.capsulita .textoEjercicio {
    margin-top: 10px;
    color: #000;
    text-align: justify;
}


/*observación fin*/

.recomendacion {
    background-color: #fac4bd;
    border: 1px solid #ff8783;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 30px 0;
    min-height: 100px;
    padding: 20px;
    position: relative;
    width: 780px;
}

.recomendacion .obs_izq {
    background-image: url("https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/recomendacion.png");
    background-repeat: no-repeat;
    height: 52px;
    position: absolute;
    right: -19px;
    top: -15px;
    width: 52px;
}

.recomendacion .textoEjercicio {
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    text-align: justify;
}

.recomendacion .textoEjercicio:first-child {
    margin-top: 0;
}

.instruccion {
    position: relative;
    background-color: #fff3bb;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #ffd200;
    width: 780px;
}

.instruccion .obs_izq {
    position: absolute;
    top: -15px;
    right: -19px;
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/instruccion.png');
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.instruccion .textoEjercicio {
    margin-top: 10px;
    font-weight: bold;
    color: #000;
    text-align: justify;
}

.instruccion .textoEjercicio:first-child {
    margin-top: 0;
}

.instruccion .textoEjercicio ul {
    list-style: initial;
}

.instruccion .textoEjercicio i {
    font-weight: normal;
}


/*observación fin*/

.recorte {
    position: relative;
    background-color: #f6ebff;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #61046c;
    width: 780px;
}

.recorte .obs_izq {
    position: absolute;
    top: -15px;
    right: -19px;
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/recorte.png');
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.recorte .textoEjercicio {
    margin-top: 5px;
    color: #000;
    text-align: justify;
}


/*observación fin*/

.obslupa,
.obslupa2 {
    position: relative;
    background-color: #fceeed;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #ff8783;
    width: 780px;
}

.obslupa .obs_izq,
.obslupa2 .obs_izq {
    position: absolute;
    top: -15px;
    right: -19px;
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/obslupa.png');
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.obslupa .textoEjercicio,
.obslupa2 .textoEjercicio {
    margin-top: 10px;
    color: #000;
    text-align: justify;
}

.obslupa .textoEjercicio:first-child,
.obslupa2 .textoEjercicio:first-child {
    margin-top: 0;
}

.ecuacionCentrada {
    text-align: center !important;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*observación fin*/

.subray {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}


/*recap*/

.contenedorRecapitulemos {
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -400px;
    width: var(--max-width);
    min-height: 26px;
    max-height: 90%;
    z-index: 9995;
    overflow: hidden;
    display: none;
}

[class^=showrecap] {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/verrecap-m.png');
    width: 156px;
    height: 26px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top: 1px solid #ff2e00;
    border-left: 1px solid #ff2e00;
    border-right: 1px solid #ff2e00;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

[class^=showrecap].ocultar {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/verrecap-o.png');
}

.recapitulemos {
    border: 1px solid #ff2e00;
    width: var(--max-width);
    height: auto;
    background-color: #f9f7f6;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
    top: 26px;
    display: none;
    font: 15px Arial;
}

.fixmargin {
    margin: 80px 40px 60px 40px;
}

.fixrecap {
    width: 156px;
    height: 26px;
    position: absolute;
    left: 158px;
    top: 0;
}

.fixrecap2 {
    width: 156px;
    height: 26px;
    position: absolute;
    left: 0px;
    top: 0;
}

.imgrecap {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 250px;
    height: 47px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/bgrecap.png);
}


/*recap_end*/

.logo {
    position: relative;
    float: right;
    width: 102px;
    height: 71px;
    margin-top: 10px;
    background-image: url("https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/logo.jpg");
    background-repeat: no-repeat;
}

.numeroPagina {
    position: absolute;
    font-family: arial;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    width: 133px;
    height: 47px;
    background-image: url("https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/numpag.png");
    background-repeat: no-repeat;
    text-align: center;
    line-height: 50px;
    top: 5px;
    left: 20px;
}

.linea {
    height: 1px;
    background-color: #e0e1e1;
    margin-bottom: 15px;
    margin-top: 15px;
}

.linea2 {
    height: 1px;
    background-color: #e0e1e1;
    margin-top: 15px;
}

.lineaRoja {
    height: 1px;
    background-color: #dc0000;
}

.textoEjercicio {
    font-family: arial;
    font-size: 15px;
    line-height: 1.7em;
    color: #737373;
    margin-top: 10px;
}

.textoPregunta {
    position: relative;
    font-family: arial;
    font-size: 15px;
    line-height: 1.7em;
    color: #000;
    font-weight: bold;
}

.textoCentrado {
    top: 10px;
}

.textoFeedback {
    padding-left: 30px;
    padding-top: 10px;
    font-family: arial;
    font-size: 15px;
    line-height: 1.7em;
    color: #4d4d4d;
    left: 30px;
    padding: 10px 30px 0 30px;
    text-align: justify;
}

.ingresaDatos {
    position: relative;
    left: 0px;
    padding: 5px;
    text-align: center;
    margin-top: -20px;
    display: inline-block;
}

input[type=text] {
    border: 1px solid #999;
    color: #000000;
    font-size: 16px;
    font-family: Arial;
    height: 27px;
    width: 42px;
    text-align: center;
    background-image: none;
    background-repeat: no-repeat;
}


/* termino css estructural */

.respfrac {
    left: 100px;
    z-index: 99;
    position: absolute;
    width: 30px;
    height: 24px;
    top: 3px;
    background-repeat: no-repeat;
}

.fraction {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 10px;
    font-size: 14px;
}

.fraction>span {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.fraction span.fdn {}

.fraction span.bar {
    background-color: #737373;
    height: 1px;
    width: 100%;
    margin: 1px;
    margin-bottom: 2px;
    overflow: hidden;
}

.fraction_grande {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
}

.fraction_grande>span {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 24px;
    font-weight: bold;
}

.fraction_grande span.fdn {}

.fraction_grande span.bar {
    background-color: #737373;
    height: 1px;
    width: 100%;
    margin: 1px;
    margin-bottom: 2px;
    overflow: hidden;
}

.alerta2 span.bar {
    background-color: #fff;
    color: #fff;
    height: 1px;
    width: 100%;
    margin: 1px;
    margin: 2px 0px;
    overflow: hidden;
}

.feedBack {
    position: relative;
    font-family: arial;
    font-size: 15px;
    font-style: italic;
    line-height: 1.7em;
    color: #000000;
    min-width: 480px;
    max-width: var(--max-width);
    height: auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.botonResponderchico {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #dc0000;
    position: relative;
    padding: 3px 12px;
    box-sizing: border-box;
    font-family: arial;
    font-size: 11px;
    text-align: center;
    border-width: 0;
    cursor: pointer;
    margin-bottom: 20px;
    border-radius: 12px;
}

.alerta2 {
    position: fixed;
    top: 50%;
    /*margin-top:-50px;*/
    ;
    transform: translate(-50%, -50%);
    left: 50%;
    /*margin-left: -200px;*/
    z-index: 200;
    background-color: #333;
    color: #fff;
    min-height: 60px;
    min-width: 400px;
    overflow: hidden;
    display: none;
    border-radius: 10px;
    font-family: Arial;
    text-align: center;
}

.alerta2 .mensaje {
    margin: 30px;
}

.alerta2 .cerrar {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cerrar.jpg);
    width: 20px;
    height: 21px;
    background-size: 20px 21px;
}


/*caras_exploratorio*/

.globo {
    margin: 0 auto;
    text-align: center;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
    min-height: 90px;
    width: 450px;
    border-radius: 50px;
}

.globo .texto {
    font-family: arial;
    font-size: 15px;
    padding: 25px 0px 15px 15px;
    width: 430px;
    position: relative;
    text-align: center;
}

.pregunta_grande .left {
    margin: 20px 40px 20px 140px;
}

.pregunta_grande .botonResponderchico {
    position: absolute;
    bottom: -32px;
    left: 50px;
    background-color: #cc2200;
}

.pregunta_grande .textoPregunta {
    color: #333;
}

.pregunta_grande {
    background-color: #ffface;
    background-image: url(img/quest.png);
    background-repeat: no-repeat;
    border-radius: 50px;
    margin-top: 20px;
    min-height: 90px;
    position: relative;
    width: 730px;
    padding: 8px;
    color: #333333;
    background-position: 637px center;
}

.contenidopreguntas {
    margin: 20px 0 20px 31px;
}

.contenidopreguntas input[type=radio] {
    margin-bottom: 10px;
}

.contenidopreguntas .textoEjercicio {
    ;
    width: 90%;
}

.contador {
    position: fixed;
    bottom: 0px;
    right: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 140px;
    height: 26px;
    overflow: hidden;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/estad_bg.png);
    right: 50%;
    margin-right: -400px;
    cursor: pointer;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 9999;
}

.cont_num {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 484px;
    height: 26px;
    background-color: transparent;
    border-radius: 4px;
    font-family: Arial;
    font-size: 12px;
    color: #909090;
    font-weight: bold;
}

.pre_tot,
.pre_cor,
.pre_mal,
.pre_env {
    margin: 0px 4px 0px 2px;
    text-align: right;
    line-height: 18px;
    position: absolute;
}

.pre_tot {
    right: 350px;
}

.pre_cor {
    color: #66cc00;
    left: 230px;
}

.pre_mal {
    color: #cc2200;
    left: 350px
}

.pre_env {
    color: #6270ff;
    left: 460px
}

.nobg {
    background-image: none;
}

.earrow {
    width: 18px;
    height: 18px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/estad_icon.png);
    left: 2px;
    top: 1px;
    position: absolute;
}

.lowbar {
    width: var(--max-width);
    height: 26px;
    bottom: 0;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    z-index: 9990;
    background-color: #fff;
    text-align: center;
    color: red;
    font-family: arial;
}

textarea {
    width: 500px;
    height: 100px;
    resize: none;
    margin-left: 50px;
}

.textoEjercicio+textarea {
    margin-top: 20px;
}

.textoEjercicio textarea {
    margin-left: 0px;
}

#contenedorRec {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    top: 0;
    left: 0;
}

#tramaRec {
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    top: 0;
    left: 0;
}

.labeltxt {
    width: 75px;
    position: relative;
    float: left;
}

.labeltxtl {
    width: 150px;
    position: relative;
    float: left;
}

.hnom,
.hden {
    display: none;
}


/* recurso caras */

ul.checkList *,
ul.radioList * {
    font-family: arial;
    font-size: 15px;
    /*	line-height: 1.7em;*/
    color: #737373;
    position: relative;
    list-style: none;
}

ul.checkList .fraction,
ul.radioList .fraction {
    line-height: 10px;
}

.radioList input[type="radio"],
.checklist input[type="checkbox"] {
    margin: 1px 5px 0;
    position: relative;
    top: 6px;
    vertical-align: top;
}

.checklist .letra,
.radioList .letra {
    position: relative;
    /*float: left;*/
    min-width: 13px;
    display: inline-block;
    vertical-align: top;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.checklist label,
.radioList label {
    position: relative;
    top: 1px;
    left: 5px;
    /*float:left;*/
    ;
    width: 690px;
    display: inline-block;
}

.centerdiv {
    position: relative;
    left: 5%;
}

.tipofrac {
    position: absolute;
    top: -48px;
    left: 140px;
    border-radius: 10px 10px 0 0;
    margin: 4px;
    font-style: italic;
    overflow: hidden;
    font-family: Arial;
    color: #fff;
}

.tipofrac .tmixto {
    position: relative;
    float: left;
    padding: 4px 15px;
    text-align: center;
    cursor: pointer;
}

.tipofrac .tfrac {
    position: relative;
    float: left;
    background-color: #c7c7c7;
    padding: 4px 15px;
    cursor: pointer;
}

.rfmasc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}

.prnts {
    font-size: 30px;
    font-weight: lighter;
    display: inline-block;
    position: relative;
    font-family: 'Old Standard TT', serif;
    color: #4d4d4d;
    top: 3px;
}

.prnts60 {
    font-weight: lighter;
    display: inline-block;
    position: relative;
    font-family: 'Old Standard TT', serif;
    font-size: 60px;
    color: #4d4d4d;
}

.prnts80 {
    font-weight: lighter;
    display: inline-block;
    position: relative;
    font-family: 'Old Standard TT', serif;
    font-size: 80px;
    color: #4d4d4d;
    top: -10px;
}

.cazul {
    color: #4a4ee9;
}

.cblack {
    color: #000;
}

.preg {
    color: #000;
    font-weight: bold;
}

.wfrac li {
    margin: 10px 0;
}

.wfrac input {
    top: 3px;
}

.numizq {
    float: left;
    position: relative;
    width: 49px;
}

.textoder {
    padding-left: 10px;
    float: left;
    position: relative;
    width: 730px;
}


/*Problema ejercicio*/


/*.problema {background-color:#f3f4f2;}*/

.problema {
    position: relative;
    border: 1px solid #009cde;
    background-color: #eaf7fd;
    border-radius: 10px;
    padding: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 40px 0 20px;
    min-height: 12px;
    min-width: 640px;
}

.problema .prob_der {
    position: absolute;
    top: -15px;
    right: -19px;
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/problema.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.problema .textoEjercicio {
    margin-top: 10px;
}


/*Problema ejercicio*/


/*acceder problema*/

.accederProb {
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -400px;
    width: var(--max-width);
    height: 26px;
    z-index: 9994;
    overflow: hidden;
}

.accederProb.purple {
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -400px;
    width: var(--max-width);
    height: 26px;
    z-index: 9994;
    overflow: hidden;
}

.purple [class^=showprob] {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/mostrar.png');
    width: 156px;
    height: 26px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top: 1px solid #61046c;
    border-left: 1px solid #61046c;
    border-right: 1px solid #61046c;
    cursor: pointer;
    position: absolute;
    top: 0;
    background-color: #61046c;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 0 0 31px;
    font: 13px Arial;
    font-weight: bold;
}

.purple .showprob.ocultar {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/ocultar.png');
}

[class^=showprob] {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/verprob-m.png');
    width: 156px;
    height: 26px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top: 1px solid #0691cc;
    border-left: 1px solid #0691cc;
    border-right: 1px solid #0691cc;
    cursor: pointer;
    position: absolute;
    top: 0;
}

[class^=showprob].ocultar {
    background-image: url('https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/verprob-o.png');
}

.purple .acccont {
    border: 1px solid #61046c;
    width: var(--max-width);
    height: 100%;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
    top: 26px;
}

.accederProb .recorte,
.accederProb .obslupa2,
.accederProb .capsulita,
.accederProb .instruccion,
.accederProb .problema {
    width: auto;
}

.acccont {
    border: 1px solid #0691cc;
    width: var(--max-width);
    height: 100%;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
    top: 26px;
}

.showprob2 {
    left: 158px;
}


/*Problema ejercicio*/

.newnumber {
    position: relative;
    display: inline-block;
    top: 8px;
}

.newnumber .l {
    position: relative;
    left: 0;
    width: 17px;
    height: 28px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/larrow.png);
    float: left;
    cursor: pointer;
}

.newnumber .r {
    position: relative;
    right: 0;
    width: 17px;
    height: 28px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/rarrow.png);
    float: left;
    cursor: pointer;
}

.newnumber input {
    position: relative;
    float: left;
    width: 40px;
    height: 26px;
    text-align: center;
}


/* rec etapa1 */

.newnumber .ll {
    background-image: url("http://static.cmm.uchile.cl/global/llarrow.png");
    cursor: pointer;
    float: left;
    height: 28px;
    left: 0;
    position: relative;
    width: 17px;
}

.newnumber .rr {
    background-image: url("http://static.cmm.uchile.cl/global/rrarrow.png");
    cursor: pointer;
    float: left;
    height: 28px;
    position: relative;
    right: 0;
    width: 17px;
}


/* rec etapa1 */

.hor li {
    position: relative;
    float: left;
    width: 380px;
    top: 0;
}

.hor .letra {
    margin: 0 15px 0 20px;
}

.hor label {
    width: auto;
}

.cuadroRC {
    position: absolute;
    width: 16px;
    border-radius: 5px;
    left: 15px;
    height: 100%;
}

.cuadroRCH {
    height: 100%;
    width: 100%;
    left: -30px;
    border-radius: 5px;
    position: absolute;
}

.centrado {
    text-align: center;
}


/*dialogos*/

.diagcontainer {
    position: relative;
    width: var(--max-width);
    margin: 30px 0;
}

.problema [class$=_dizq],
.problema [class$=_dder] {
    width: 760px;
}

[class$=_dizq],
[class$=_dder] {
    position: relative;
    width: var(--max-width);
    font: 15px Arial;
    color: #000;
    min-height: 115px;
    padding: 20px 0;
    box-sizing: border-box;
    overflow: hidden;
}

[class$=_dizq] .personaje {
    left: 10px;
    position: absolute;
    top: 0;
    z-index: 5;
}

[class$=_dder] .personaje {
    right: 10px;
    position: absolute;
    top: 0;
    z-index: 5;
}

[class$=_dizq] .dialogo {
    left: 150px;
    display: table;
    max-width: 505px;
}

[class$=_dder] .dialogo {
    right: 150px;
    float: right;
    text-align: right;
    display: table;
    max-width: 505px;
}

[class$=_dizq] .dialogo,
[class$=_dder] .dialogo {
    position: relative;
    min-width: 200px;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    font: 15px Arial;
    min-height: 78px;
    display: table-cell;
    vertical-align: middle;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

[class$=_dizq] .dialogo.fixResponder,
[class$=_dder] .dialogo.fixResponder {
    line-height: 29px;
    max-width: 590px;
}

[class$=_dizq] .dialogo img,
[class$=_dder] .dialogo img {
    display: inline-block;
}

[class$=_dizq] .dialogo:after,
[class$=_dder] .dialogo:after {
    clear: both;
}

[class$=_dizq] .cola {
    left: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cola_izq.png);
}

[class$=_dder] .cola {
    right: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cola_der.png);
}

.problema [class$=_dizq] .cola {
    left: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cola_izqblue.png);
}

.problema [class$=_dder] .cola {
    right: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cola_derblue.png);
}

[class$=_dizq] .cola,
[class$=_dder] .cola {
    position: absolute;
    box-sizing: border-box;
    top: 35px;
    width: 47px;
    height: 28px;
    z-index: 4;
}

[class$=_dizq] .colap {
    left: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/colapizq.png);
}


/** **/

[class$=_dder] .colap {
    right: 103px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/colapder.png);
}


/** **/

[class$=_dizq] .colap,
[class$=_dder] .colap {
    position: absolute;
    box-sizing: border-box;
    top: 35px;
    width: 47px;
    height: 28px;
    z-index: 4;
}


/** **/

[class$=_dizq] .responder,
[class$=_dder] .responder {
    position: relative;
    width: 500px;
    left: 100px;
    top: -10px;
}

[class$="_dizq"] .fixtop,
[class$="_dder"] .fixtop {
    padding-top: 29px;
}

.responder {
    position: relative;
    margin-left: 50px;
}

.insideDiag {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}


/*dialogos_personajes*/

.contextoPregunta {
    background-image: url("https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/separcontexto.png");
    background-repeat: no-repeat;
    color: #737373;
    font: 15px Arial;
    padding-top: 40px;
    width: 100%;
    line-height: 1.7em;
}

[id^=escondido] {
    display: none;
    position: relative;
}

.formula i {
    font-family: Calibri, Candara, Arial, sans-serif;
    font-style: italic;
    font-size: 19px;
}

.justify .textoEjercicio {
    text-align: justify;
}

.acccont .diagcontainer {
    width: 660px;
}

.preguntaEvaluada {
    border-bottom: 1px solid #c50505;
    width: 722px;
    height: 21px;
    position: absolute;
    top: -25px;
    margin-left: 45px;
}

.setPreguntas .rsep {
    margin-top: 50px;
}

.preguntaEvaluada .rec_interno {
    color: white;
    font-family: arial;
    font-size: 14px;
    background-color: #c50505;
    width: 152px;
    padding: 2px 0 2px 10px;
    font-weight: bold;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/esquina-superior-der.png);
    background-repeat: no-repeat;
    background-position: right;
}

.sepUl {
    margin-left: 50px;
    list-style: none;
}

.sepUl li {
    margin-top: 10px;
}

.textoEjercicio ul {
    margin-left: 50px;
    list-style: none;
}

.textoEjercicio li {
    margin-top: 10px;
}

[id^=rf].correcto {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/correcto.png);
}

[id^=rf].mala {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/incorrecto.jpg);
}

[id^=rf].enviada {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/enviado.png);
    width: 38px;
}

[id^=rf].respuesta {
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/boton_respuesta_aqui.png);
    height: 31px;
    width: 180px;
    cursor: pointer;
}

[id^=preg].mala {
    border: 1px solid #cc2200;
}

[id^=preg].requerido,
textarea.requerido {
    border: 1px solid orange;
}

[id^=preg].correcto {
    border: 1px solid #66cc00;
}

[id^=cuadro].requerido {
    border: 1px solid orange;
}

[id^=btn].enviado {
    background-color: #6270ff;
}

.recapitulemos [id^=rec].requerido {
    border: 1px solid orange;
}

input[type="checkbox"].requerido {
    outline: 2px solid orange;
    -moz-outline-radius: 5px;
    outline-radius: 5px;
    -webkit-outline-radius: 5px;
}

input[type="checkbox"].correcto {
    outline: 2px solid gray;
    -moz-outline-radius: 5px;
    outline-radius: 5px;
    -webkit-outline-radius: 5px;
}


/*input[type="checkbox"].mala
{
	outline: 2px solid #cc2200;
	-moz-outline-radius: 5px;
	outline-radius: 5px;
	-webkit-outline-radius: 5px;
}*/

input[type="radio"].requerido {
    -moz-outline-radius: 25px;
    -webkit-outline-radius: 25px;
    outline-radius: 25px;
    outline: 2px solid orange;
}

input[type="radio"].correcto {
    outline: 2px solid gray;
    -moz-outline-radius: 25px;
    -webkit-outline-radius: 25px;
    outline-radius: 25px;
}


/*input[type="radio"].mala
{
	outline: 2px solid #cc2200;
	-moz-outline-radius: 25px;
	-webkit-outline-radius: 25px;
	outline-radius: 25px;
}*/

.pregutaFooter {
    position: relative;
    width: 450px;
    margin-left: 50px;
}


/*css Bienvenida*/

.sumaysigue [id^=par] {
    opacity: 0.1;
}

.iconoActividad {
    display: none;
}

.cierre {
    color: #b0b0b0;
    float: right;
    font-family: arial;
    font-size: 11px;
    line-height: 1.7em;
    position: relative;
    text-transform: uppercase;
}

.sumaysigue {
    position: relative;
    width: var(--max-width);
}

.sumaysigue .row {
    /*overflow: auto;*/
    zoom: 1;
    margin: 40px 0;
}

.sumaysigue .row .oktick,
.row .vsepar,
.row .pl {
    display: table-cell;
    vertical-align: middle;
}

.sumaysigue .row .oktick,
.row .pl {
    margin: 10px 0;
}

.sumaysigue .row .oktick {
    width: 40px;
    height: 100%;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/ticka.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    position: relative;
}

.sumaysigue .row .vsepar {
    width: 1px;
    height: 100%;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.sumaysigue .row .pl {
    padding-left: 10px;
    text-align: justify;
}

.sumaysigue .row .playcontrols {
    position: relative;
    text-align: right;
}

.sumaysigue .row .playbtn {
    position: relative;
    cursor: pointer;
    display: table-cell;
    width: 111px;
    height: 22px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/btnreproducirsys.png);
    float: right;
}

.sumaysigue .row .playcontrols [id^=nextbtn] {
    position: relative;
    cursor: pointer;
    display: table-cell;
    width: 158px;
    height: 20px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/btnagree.png);
    float: right;
    margin-right: 20px;
}

.sumaysigue .tickc {
    width: 0px;
    height: 23px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/tickc.png);
    background-position: ri;
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -11px;
}

.sumaysigue .formula i {
    font-size: 18px;
}

.alerta2 ul {
    text-align: left;
    margin-top: 5px;
}

.masking {
    height: 100%;
    width: 100%;
    z-index: 100;
    position: relative;
}

.alertaIns span.bar {
    background-color: #fff;
    color: #fff;
    height: 1px;
    width: 100%;
    margin: 1px;
    margin: 2px 0px;
    overflow: hidden;
}

.alertaIns {
    position: fixed;
    top: 50%;
    /*margin-top:-50px*/
    ;
    left: 50%;
    /*margin-left: -200px;*/
    ;
    transform: translate(-50%, -50%);
    z-index: 200;
    background-color: #fff3bb;
    color: #000;
    min-height: 60px;
    min-width: 400px;
    overflow: hidden;
    border-radius: 10px;
    font-family: Arial;
    text-align: left;
    border: 1px solid #ffd200;
}

.alertaIns .mensaje {
    margin: 30px;
    max-width: 450px;
    max-height: 500px;
}

.alertaIns .mensaje ul {
    list-style: none;
    line-height: 25px;
}

.alertaIns .mensaje li {
    margin-bottom: 10px
}

.alertaIns .mensaje span {
    position: relative;
    top: 20px;
}

.alertaIns .cerrar {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/cerrar.jpg);
    width: 20px;
    height: 21px;
    background-size: 20px 21px;
}

.periodo {
    border-top: 1px solid;
}

#side {
    position: absolute;
    width: 150px;
    height: 100%;
    background-color: #dc0000;
    z-index: 100;
}

#side-iframe {
    width: 100%;
    height: 100%;
}

#side-iframe iframe {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    margin: auto;
    /*left: 290px;*/
    border: none;
}

#cont {
    width: 100%;
    height: 100%;
    position: absolute;
}