.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: 45%;
    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: 45%;
    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: 928px;
    top: -32px;
    width: 202px;
    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;
}

.tab-container ul li a,
.tab-container2 ul li a {
    text-decoration: inherit;
    font-family: 'cabinmedium';
    font-size: 35px;
    color: #343A49;
}

.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;
}

.determinante {
    left: 12px;
    top: 238px;
    position: absolute;
}

.nucleo {
    left: 122px;
    top: 294px;
    position: absolute;
}

.complemento {
    left: 200px;
    top: 355px;
    position: absolute;
    line-height: 36px;
}

.sujeto {
    left: 216px;
    top: 522px;
    position: absolute;
    line-height: 36px;
}

.la {
    color: #302683;
}

.hija {
    color: #662382;
}

.enfermera {
    color: #008D36;
}

.gCompania {
    font-style: italic;
    font-weight: normal;
    font-family: 'cabin';
}

.imgRespuesta {
    background-image: url(../img/imgRespuesta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68.38px;
    height: 68.5px;
    position: absolute;
    left: 1032px;
    top: 554px;
    cursor: pointer;
}

.ocultar {
    visibility: hidden;
}

.mostrar {
    visibility: visible;
}

.sgNominal {
    background-image: url(../img/imgSgNom.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 408.539px;
    height: 51.099px;
    position: absolute;
    left: 62px;
    top: 78px;
    cursor: pointer;
}

.sgPreposicional {
    background-image: url(../img/imgSgPre.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 479.211px;
    height: 51.099px;
    position: absolute;
    left: 30px;
    top: 147px;
    cursor: pointer;
}

.Adverbio {
    background-image: url(../img/imgAdverbio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 249.211px;
    height: 51.099px;
    position: absolute;
    left: 139px;
    top: 215px;
    cursor: pointer;
}

.Adjetivo {
    background-image: url(../img/imgSgAdjet.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 249.211px;
    height: 51.099px;
    position: absolute;
    left: 139px;
    top: 285px;
    cursor: pointer;
}

.llave3 {
    background-image: url(../img/llave3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 181px;
    height: 11px;
    position: absolute;
    left: 155px;
    top: 477px;
}

.llave4 {
    background-image: url(../img/llave4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 540.529px;
    height: 11px;
    position: absolute;
    left: 353px;
    top: 477px;
}

.sujeto2 {
    left: 208px;
    top: 502px;
    position: absolute;
    line-height: 36px;
}

.predicado {
    left: 561px;
    top: 502px;
    position: absolute;
    line-height: 36px;
}

.nucleoAd {
    left: 324px;
    top: 300px;
    position: absolute;
}

.verdeL {
    color: #008D36;
}

.purpura {
    color: #302683;
}

.amarillo {
    color: #F9B233;
}

.violeta {
    color: #662382;
}

.PupopSig {
    background-color: #248484;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    height: 210.929px;
    width: 956px;
    border: 8px solid white;
}

.PupopSig .contenido {
    background-color: #FFFFFF;
    height: 210.929px;
    width: 956px;
    text-align: center;
    -webkit-border-radius: 62px;
    -moz-border-radius: 62px;
    border-radius: 62px;
    position: relative;
}

.btnCerraPopup {
    background-image: url(../img/btnCerrarP.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 69.13px;
    height: 69.13px;
    position: absolute;
    top: -11%;
    right: 0;
    border: 0;
    font-size: 0;
    /* margin-top: 9px; */
    /* margin-right: 12px; */
    
    z-index: 2;
    left: 91%;
}

.textNominal {
    font-family: 'cabinmedium';
    font-size: 45px;
    line-height: 54px;
    color: #FFFFFF;
    /* margin: 0px auto; */
    /* margin-left: 10px; */
    
    letter-spacing: normal;
    position: absolute;
    transform: translate(4%, 41%);
}

.textPrepo {
    font-family: 'cabinmedium';
    font-size: 45px;
    line-height: 47px;
    color: #FFFFFF;
    /* margin: 0px auto; */
    /* margin-left: 10px; */
    
    position: absolute;
    transform: translate(3.2%, 8%);
    letter-spacing: normal;
}

.llave5 {
    background-image: url(../img/llave5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 276.001px;
    height: 11px;
    position: absolute;
    left: 531px;
    top: 439px;
}

.llave6 {
    background-image: url(../img/llave6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 245px;
    height: 11px;
    position: absolute;
    left: 211px;
    top: 439px;
}

.fuccia {
    color: #E5007D;
}

.purpuraAdjtival {
    color: #2C2E83;
}

.fondoSintagma {
    background-image: url(../img/imgFondoSintagma.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 680px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 292px;
    left: 50%;
}

.actividad {
    z-index: 2;
    position: absolute;
    top: -1px;
}

.btnSintagma {
    background-image: url(../img/imgBtnSintagma.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 243px;
    height: 67.82px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 493px;
    left: 818px;
}

.btnAdjetival {
    background-image: url(../img/imgBtnAdjetival.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 242.5PX;
    height: 66.15px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 208PX;
    left: 908PX;
}

.btnNominal {
    background-image: url(../img/imgBtnNominal.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 243px;
    height: 67.82px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.btnVerbal {
    background-image: url(../img/imgBtnVerbal.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 239.98px;
    height: 65.32px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 70px;
    left: 698px;
}

.fondoSintagma1 {
    background-image: url(../img/imgFondoSintagma1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 680px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 292px;
    left: 50%;
}

.btnSintagma2 {
    background-image: url(../img/btnSintagma1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 235.27px;
    height: 65.32px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: -17px;
    left: 282px;
}

.btnSintagmaNominal {
    background-image: url(../img/imgSintagmaNominal.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 355.27px;
    height: 65.31px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 74px;
    left: 518px;
}

.fondoSintagma3 {
    background-image: url(../img/imgFondoSintagma2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 679px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 292px;
    left: 50%;
}

.btnSintagmaNominalDef {
    background-image: url(../img/imgBtnSingNDefinicion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 209.98px;
    height: 65.32px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 149px;
    left: 291px;
}

.btnSintagmaNominalComp {
    background-image: url(../img/imgBtnSingNcomponentes.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 239.98px;
    height: 65.32px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 149px;
    left: 531px;
}

.btnSintagmaNominalEjemp {
    background-image: url(../img/imgBtnSingNDejemplo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 199.98px;
    height: 65.31px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 149px;
    left: 765.5px;
}

.btnVerdeT {
    background-image: url(../img/imgBtnVerdeT.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 355.27px;
    height: 65.31px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 149px;
    left: 765.5px;
}

.textoBotonesMenu {
    font-family: 'cabinbold';
    font-size: 35px;
    text-align: center;
}