.contenActividad {
   
    position: absolute;
    left: 50%;
    top: 7%;
    transform: translate(-50%);
    width: 1082px;
    height: 609px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ContenedorIntro {
    position: absolute;
    left: 50%;
    /* top: 7%; */
    
    transform: translate(-50%);
    /* width: 1082px; */
    /* height: 609px; */
    
    width: 1144.432px;
    height: 564.472px;
    /* border: 7px solid #F39972;
    border-radius: 10px;*/
    
    
    background-repeat: no-repeat;
    background-size: 100%;
}

.centervideo {
    width: 800px;
    height: 450px;
    transform: translate(50%);
    position: absolute;
    right: 50%;
    top: 10%;
}

.flechaSiguiente {
    background-image: url(../img/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68.13px;
    height: 68.5px;
    position: absolute;
    left: 47%;
    top: 569px;
    /* transform: translate(-50%); */
}

.flechaAtras {
    background-image: url(../img/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68.13px;
    height: 68.5px;
    position: absolute;
    left: 41%;
    top: 569px;
    /* transform: translate(-50%); */
}

.tituloContent {
    text-align: center;
    font-size: 38.65px;
    font-family: "cabinregular";
    line-height: 53.75px;
}

.pasto {
    background-image: url(../img/imgPasto.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1255.18px;
    height: 180px;
    position: absolute;
    left: -85px;
    top: 451px;
}

.numeracion {
    width: 27PX;
    height: 27PX;
    padding-right: 3px;
}

.textTable {
    font-family: 'cabinmedium';
    font-size: 35px;
    letter-spacing: normal;
    line-height: 49.82px;
}

.sugerencia {
    font-size: 16px;
    font-family: "Myriad Pro";
    font-weight: 700;
    color: #575756;
    height: 40px;
    float: right;
    padding-top: -10%;
    vertical-align: middle;
    letter-spacing: 0;
    position: absolute;
    left: 935px;
    top: -32px;
    width: 200px;
    padding-right: 0%;
    padding-top: 0%;
}

.Home {
    background-image: url(../img/imgHome.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 1075px;
    top: -78px;
    z-index: 1;
    /* transform: translate(-50%); */
}

p {
    font-family: 'cabinmedium';
    font-size: 35px;
    line-height: 45px;
    letter-spacing: normal;
    color: #343A49;
}

.ralla_home {
    width: 23.02px;
    height: 8.99px;
    position: absolute;
    left: 1142px;
    top: -52px;
    background-color: #693578;
    z-index: 1;
}

.tab-container {}

.panel-container {}

.texto {
    font-family: 'cabinmedium';
    font-size: 35px;
    line-height: 45px;
}

.tab-container ul,
.tab-container2 ul {
    text-align: center;
}

.tab-container ul li,
.tab-container2 ul li {
    display: inline-block;
    margin: 0px 25px 0px 25px;
}

.componentes li:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: black;
}

.circulo {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #343A49;
    vertical-align: text-top;
    border-radius: 10px;
    margin-top: 18px;
    margin-right: 3px;
}

.llave1 {
    background-image: url(../img/llave1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 375px;
    height: 13px;
    position: absolute;
    left: 69px;
    top: 508px;
}

.llave2 {
    background-image: url(../img/llave2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 259px;
    height: 11px;
    position: absolute;
    left: 180px;
    top: 434px;
}

.FechaVertical {
    width: 1px;
    height: 142.21px;
    border-right: 2px solid;
    position: absolute;
}

.triangulo_der {
    width: 0px;
    height: 0px;
    border-top: 8.91px solid transparent;
    border-left: 12.91px solid #000;
    border-bottom: 8.91px solid transparent;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    position: absolute;
}

.popupPNominal {
    background-color: #F3E2F0;
    width: 969.115px;
    height: 173.037px;
    position: absolute;
    border-radius: 7px;
    left: 129px;
    top: 30px;
}

.bocadillo {
    background-image: url(../img/esquinaBocadillo.png);
    background-repeat: no-repeat;
    background-size: 109% 100%;
    width: 46.92px;
    height: 55.33px;
    position: absolute;
    left: 90px;
    top: 80px;
}

.textoPopup {
    font-family: 'cabinmedium';
    font-size: 35px;
    letter-spacing: normal;
    line-height: 39px;
    color: #343A49;
}

.tab-container ul li,
.tab-container2 ul li {
    display: inline-block;
    margin: 0px 25px 0px 25px;
    font-family: 'cabinmedium';
    font-size: 35px;
    letter-spacing: normal;
    line-height: 39px;
    color: #343A49;
}

.textoPnominal {
    position: absolute;
    /* top: 126px; */
    /* left: 104px; */
    
    text-align: center;
    font-size: 45px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 39%;
    line-height: 54px;
}

.EjemploNominal {
    height: 468.625px;
    width: 872.35px;
    background-color: #F3E2F0;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 42%;
    position: absolute;
}

.absolute {
    position: absolute;
    font-family: 'cabin';
}

.ejemploEjemplo {
    font-weight: bold;
    font-size: 45.31px;
    letter-spacing: normal;
    top: 11px;
    left: 39px;
}

.ejemploFrase {
    top: 149px;
    left: 39px;
    transform: translate(-50%, -50%);
    left: 47%;
    font-weight: bold;
    font-size: 50px;
    letter-spacing: normal;
}

.llave7 {
    background-image: url(../img/llave7-62.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 215.5px;
    height: 9.832px;
    position: absolute;
    left: 188px;
    top: 184px;
}

.llave8 {
    background-image: url(../img/llave8-28.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 211.5px;
    height: 11.832px;
    position: absolute;
    left: 421px;
    top: 107px;
}

.ejemploPredNom {
    font-size: 35px;
    top: 70px;
    font-family: 'cabinmedium';
    line-height: 26px;
    letter-spacing: normal;
    left: 394px;
    position: absolute;
}

.FechaVertical {
    width: 1px;
    height: 142.21px;
    border-right: 2px solid;
    position: absolute;
}

.triangulo_der {
    width: 0px;
    height: 0px;
    border-top: 8.91px solid transparent;
    border-left: 12.91px solid #000;
    border-bottom: 8.91px solid transparent;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    position: absolute;
}

.ejemploVcopulativo {
    text-align: center;
    top: 355px;
    left: 376px;
    font-size: 35px;
    font-family: 'cabinmedium';
    line-height: 36px;
    letter-spacing: normal;
    position: absolute;
}

.ejemploAct3 {
    font-size: 45.31px;
    font-family: 'cabinmedium';
    line-height: 36px;
    letter-spacing: normal;
    margin-left: 73px;
}

.imgPrincesa {
    background-image: url(../img/imgPrincesa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 115.128px;
    height: 162.833px;
    position: absolute;
    left: 757px;
    top: 23px;
}

.imgCamisa {
    background-image: url(../img/imgCamisa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 149.857px;
    height: 162.833px;
    position: absolute;
    left: 736px;
    top: 213px;
}

.imgComida {
    background-image: url(../img/ImgComida.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 217.11px;
    height: 162.832px;
    position: absolute;
    left: 705px;
    top: 408px;
}

.tipoPred {
    padding-top: 29px;
}

.flechaPNominal {
    background-image: url(../img/flechaN.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 51.33px;
    height: 42px;
    position: absolute;
    left: 618px;
    top: 154px;
    cursor: pointer;
}

.respuestas {
    font-family: 'cabinmedium';
    line-height: 41px;
    font-size: 35px;
    letter-spacing: normal;
    position: absolute;
}

blockquote {
    quotes: "<" ">";
    margin: 0px;
    color: #008D36;
}

blockquote:before {
    content: open-quote;
}

blockquote:after {
    content: close-quote;
}

.undeline {
    text-decoration: underline;
}

.flechaRosa {
    background-image: url(../img/pointerRosa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 60.666px;
    height: 37px;
    position: absolute;
    left: 618px;
    top: 154px;
    cursor: pointer;
}

.R {
    width: 391.996px;
    height: 119.57px;
    position: absolute;
}

.R1 {
    background-image: url(../img/imgR1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 476.996px;
    height: 165.57px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.R2 {
    background-image: url(../img/imgR2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450.24px;
    height: 140.085px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.R3 {
    background-image: url(../img/imgR3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 476.996px;
    height: 168.338px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.R4 {
    background-image: url(../img/imgR5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450.24px;
    height: 165.57px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.R5 {
    background-image: url(../img/imgR6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 476.996px;
    height: 165.57px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.R6 {
    background-image: url(../img/imgR7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450.24px;
    height: 168.34px;
    /* position: absolute; */
    /* left: 684PX; */
    /* top: 460px; */
}

.RCabezas {
    background-image: url(../img/RCabezas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 788.976px;
    height: 390.522px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 41%;
}

.letrasDrop {
    font-family: 'cabin';
    font-weight: bold;
    font-size: 50px;
    color: #303d48;
    letter-spacing: normal;
    line-height: 59.66px;
}

.dragCompleted {
    text-align: center;
    color: #ffffff;
}