.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: 749.115px;
    height: 171.339px;
    position: absolute;
    border-radius: 15px;
    left: 246px;
    top: 19px;
}

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

.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: 48%;
    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: 49.5%;
    position: absolute;
}

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

.ejemploEjemplo {
    font-weight: bold;
    font-size: 45.31px;
    letter-spacing: normal;
    top: 52px;
    left: 95px;
    z-index: 2;
}

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

.imgMesero {
    background-image: url(../img/imgMesero.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 359.87px;
    height: 588px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 198px;
    top: 315px;
}

.imgMesa {
    background-image: url(../img/imgMesaMenu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 728px;
    height: 417px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 645px;
    top: 427px;
}

.imgClickObj {
    background-image: url(../img/click_guide.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 27.152px;
    height: 27.152px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 16px;
    left: 0px;
}

.imgCucharaGrande {
    background-image: url(../img/imgCuchara.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 689px;
    height: 140.7px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 408px;
    top: 39px;
    z-index: 1;
}

.imgCuchara {
    background-image: url(../img/imgCuchara.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 677.1px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 541px;
    top: 291px;
}

.imgBandeja {
    background-image: url(../img/imgBandejaM.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 677.1px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 291px;
}