.contenidoC {
    position: absolute;
    transform: translate(406px, 166px);
}

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

.letrasContenido {
    font-family: "cabinregular";
    font-size: 35px;
    letter-spacing: normal;
    line-height: 42px;
    margin-left: 58px;
    margin-top: 10px;
}

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

.contEjemploConsonate {
    width: 1005.84px;
    height: 362px;
    cursor: pointer;
    background-color: #07AA9D;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    cursor: pointer;
    position: absolute;
    /* margin-left: 30px; */
    /* margin-top: 24px; */
    
    top: 142px;
    left: 59px;
}

.contEjemploConsonate:hover {
    background-color: #099E92;
}

.contObjSwapConsonate {
    width: 467px;
    height: 271px;
    cursor: default;
    background-color: transparent;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    position: absolute;
    margin-left: 30px;
    margin-top: 24px;
}

.clickObj {
    background-image: url(../img/click_guide2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 66px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.num1 {
    background-image: url(../img/imgNum1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num2 {
    background-image: url(../img/imgNum2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num3 {
    background-image: url(../img/imgNum3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num4 {
    background-image: url(../img/imgNum4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num5 {
    background-image: url(../img/imgNum5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num6 {
    background-image: url(../img/imgNum6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.fondoPoeta {
    background-image: url(../img/imgFondoLecturaPoema.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1279.03px;
    height: 619.11px;
    position: absolute;
    left: -43px;
    top: 20px;
}

.flechaSiguiente {
    background-image: url(../img/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
    left: 101.3%;
    top: 91.5%;
    transform: translate(-225%);
}

.flechaAtras {
    background-image: url(../img/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
    top: 91.5%;
    transform: translate(-50%);
    right: 90.6%;
}

.fondoCabecera {
    background-image: url(../img/imgCabecera.png);
    background-size: 100%;
    background-repeat: no-repeat;
    /* width: 100%; */
    /* height: 100%; */
    
    width: 1263px;
    height: 62px;
    margin-left: -3px;
    z-index: 10;
    position: absolute;
    top: -12px;
}

.actividad {
    top: 0px;
    position: absolute;
    z-index: 11;
    /* top: -47px; */
    /* position: absolute; */
    /* z-index: 11; */
    /* left: -82px; */
}

.cabeceraContent {
    background-color: #07AA9D;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    width: 1175px;
    height: 114px;
    z-index: 0;
    position: absolute;
    top: 39px;
    transform: translate(3%);
    opacity: 0.8;
}

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

.borderContent {
    background-color: transparent;
    border: 2px solid white;
    border-style: dashed;
    width: 1146px;
    height: 124px;
    border: ;
    margin: 0px auto;
    border-radius: 10px;
    /* top: 1px; */
    
    transform: translate(0%, -20%);
}

.btnCartaPresentacion {
    background-image: url(../img/imgBtnClaseCartas1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 388PX;
    height: 41PX;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaPresentacion {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BAE2F7;
   /* top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaPresentacion .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaPre.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaPresentacion .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCp {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 345px;
    left: 544px;
    z-index: 2;
}

.letterCartaPresentacion {
    font-family: 'cabin';
    font-size: 50px;
    letter-spacing: normal;
    font-weight: 500;
    color: #263C4A;
}

.estiloTexto {
    font-family: 'cabinregular';
    font-size: 35px;
    letter-spacing: normal;
    margin-top: 148px;
    padding-left: 40px;
    text-align: left;
    line-height: 34px;
    color: #263C4A;
}

.btnECartaPresentacion {
    background-image: url(../img/btnEjemploCartaPresentacion.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 659px;
    margin-top: -9px;
}

.popupEjmploCartPres {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 664.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BAE2F7;
    /*top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartPres .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaPre.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartPres .contenido {
    width: 1094px;
    height: 616px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.letterCarta {
    font-family: 'cabin';
    font-size: 30px;
    letter-spacing: normal;
    /* margin-top: 148px; */
    color: #263C4A;
    padding-left: 30px;
    text-align: left;
    line-height: 31px;
    padding-top: 12px;
}

.letterDiCarta {
    position: absolute;
    bottom: 506px;
    left: 712px;
    font-family: 'cabin';
    font-size: 30px;
    letter-spacing: normal;
    /* margin-top: 148px; */
    
    padding-left: 30px;
    text-align: right;
    line-height: 31px;
}

.btnCartaRecomendacion {
    background-image: url(../img/imgBtnClaseCartas2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 425px;
    height: 40PX;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.flechaCr {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 385px;
    left: 570px;
    z-index: 2;
}

.pupupCartaRecomendacion {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BCB7DC;
   /* top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaRecomendacion .btnCerrarCC {
    background-image: url(../img/btnCerrarCRecomendacion.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaRecomendacion .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnECartaRecomendacion {
    background-image: url(../img/btnEjemploCartaRecomendacion.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 545px;
    margin-top: -4px
}

.popupEjmploCartRecome {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 664.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BCB7DC;
    /*top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartRecome .btnCerrarCC {
    background-image: url(../img/btnCerrarCRecomendacion.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartRecome .contenido {
    width: 1094px;
    height: 616px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnCartaAgrade {
    background-image: url(../img/imgBtnClaseCartas3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 388PX;
    height: 40PX;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaAgra {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BDDCB7;
    /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaAgra .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAgr.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaAgra .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.popupEjmploCartAgra {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 664.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BDDCB7;
    /*top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartAgra .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAgr.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartAgra .contenido {
    width: 1094px;
    height: 616px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCa {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 421px;
    left: 543px;
    z-index: 2;
}

.btnECartaAgra {
    background-image: url(../img/btnEjemploCartaAgr.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 0px auto;
    margin-top: -4px;
}

.imgCartaAgrade {
    background-image: url(../img/imgCartaA-71.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 261px;
    height: 239px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    position: absolute;
    left: 36%;
    top: 84px;
}

.pupupCartaInv {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F3F1B9;
   /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaInv .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaINV-72.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaInv .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCi {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 461px;
    left: 477px;
    z-index: 2;
}

.btnCartaInvi {
    background-image: url(../img/imgBtnClaseCartas4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 327px;
    height: 41px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.btnECartaInv {
    background-image: url(../img/btnEjemploCartaInv-71.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 0px auto;
    margin-top: 28px;
}

.flechaInv {
    ackground-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 470px;
    left: 481px;
    z-index: 2;
}

.popupEjmploCartInv {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 594.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F3F1B9;
    /*top: 176.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartInv .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaINV-72.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartInv .contenido {
    width: 1094px;
    height: 546px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnCartaAmor {
    background-image: url(../img/imgBtnClaseCartas6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 269px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaAmor {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #DAB9D9;
   /* top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaAmor .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmor-71-71-71.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaAmor .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCmr {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 502px;
    left: 453px;
    z-index: 2;
}

.btnCartaAmor {
    background-image: url(../img/imgBtnClaseCartas6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 269px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.btnECartaAmor {
    background-image: url(../img/imgBtnEjemploAmor.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 0px auto;
    margin-top: 39px;
}

.sobreCorazon {
    background-image: url(../img/imgCartAmor.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 248px;
    height: 224px;
    position: absolute;
}

.popupEjmploCartAmor {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #DAB9D9;
    /*top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartAmor .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmor-71-71-71.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartAmor .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnCartaAmig {
    background-image: url(../img/imgBtnClaseCartas5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 305px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaAmigo {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F4BACD;
   /* top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaAmigo .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmig.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaAmigo .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.popupEjmploCartAmigo {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F4BACD;
   /* top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartAmigo .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmig.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartAmigo .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCam {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 343px;
    left: 898px;
    z-index: 2;
}

.btnECartaAmig {
    background-image: url(../img/btnEjemploCartaAmigo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 0px auto;
    margin-top: 28px;
}

.btnCartaComercial {
    background-image: url(../img/imgBtnClaseCartas7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 289px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaComercial {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F4D2B9;
    /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaComercial .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaC-72.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaComercial .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.sobreComercial {
    background-image: url(../img/imgCartaC-72.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 232px;
    height: 239px;
    position: absolute;
}

.btnECartaComercial {
    background-image: url(../img/L_G06_U03_L01-73-73.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-left: 0px auto;
    margin-top: 28px;
}

.popupEjmploCartCome {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #F4D2B9;
    /*top: 176.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartCome .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaC-72.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartCome .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.flechaCco {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 384px;
    left: 920px;
    z-index: 2;
}

.btnCartaLaboral {
    background-image: url(../img/imgBtnClaseCartas8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 249.878px;
    height: 38.5px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.pupupCartaLaboral {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1005.433px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BDDCBC;
    /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaLaboral .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAgr.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaLaboral .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnECartaLaboral {
    background-image: url(../img/btnEjemploCartaLab-28.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-top: -13px;
    margin-left: 655px;
}

.flechaCLabo {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 422px;
    left: 875px;
    z-index: 2;
}

.popupEjmploCartLab {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #BDDCBC;
   /* top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartLab .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAgr.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -15px;
    margin-right: -14px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartLab .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnCartaDespido {
    background-image: url(../img/imgBtnClaseCartas9.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 299px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.flechaCLDesp {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 464px;
    left: 936px;
    z-index: 2;
}

.pupupCartaDesp {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #E4BAD8;
    /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaDesp .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmor-71-71.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaDesp .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnECartaDesp {
    background-image: url(../img/imgBtnEjemploAmor.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
}

.popupEjmploCartDes {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #E4BAD8;
    /*top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartDes .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaAmor-71-71.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartDes .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnCartaCancela {
    background-image: url(../img/imgBtnClaseCartas10.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 358.878px;
    height: 40px;
    /* position: absolute; */
    /* top: 284px; */
    /* right: 866px; */
    
    border: 0;
    font-size: 0;
    border-radius: 8px;
}

.flechaCCance {
    background-image: url(../img/imgFlechaCarta.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 34px;
    position: absolute;
    border: 0;
    font-size: 0;
    border-radius: 8px;
    top: 505px;
    left: 993px;
    z-index: 2;
}

.pupupCartaCance {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1006px;
    height: 553px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #E9EDBA;
    /*top: 205.7px !important;
    left: 17.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.pupupCartaCance .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaCanc-28.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.pupupCartaCance .contenido {
    width: 954px;
    height: 504px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.btnECartaCance {
    background-image: url(../img/btnEjemploCartacANC-28.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 210px;
    height: 75px;
    margin-top: 58px;
    margin-left: 643px;
}

.popupEjmploCartCance {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 1145.433px;
    height: 624.236px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #E9EDBA;
   /* top: 122.7px !important;
    left: 14.5% !important;*/
    box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -moz-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
    -ms-box-shadow: 10px 10px 11px -3px rgb(65, 65, 65);
}

.popupEjmploCartCance .btnCerrarCC {
    background-image: url(../img/btnCerrarPopupCartaCanc-28.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 0;
    margin-top: -22px;
    margin-right: -17px;
    z-index: 2;
    box-shadow: 15px 6px 17px -9px rgb(65, 65, 65);
    border-radius: 50%;
}

.popupEjmploCartCance .contenido {
    width: 1094px;
    height: 576px;
    text-align: center;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 25px auto 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

.imgCartaPrese {
    background-image: url(../img/imgCartaPresentacion.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 203.552px;
    height: 226.752px;
    position: absolute;
    top: 35.2%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imgCartaRecomen {
    background-image: url(../img/imgCartaRecomen.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233.548px;
    height: 243.993px;
    position: absolute;
    top: 27.2%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.imgCartaInvitacion {
    background-image: url(../img/imgCartaInvitacion.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 265.254px;
    height: 259.021px;
    position: absolute;
    top: 29.4%;
    left: 36.1%;
    transform: translate(-50%, -50%);
}

.imgCartaInvitacion {
    background-image: url(../img/imgCartaInvitacion.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 265.254px;
    height: 259.021px;
    position: absolute;
    top: 29.4%;
    left: 36.1%;
    transform: translate(-50%, -50%);
}

.imgCartaAmigo {
    background-image: url(../img/imgCartaAmigo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 307.403px;
    height: 228.314px;
    position: absolute;
    top: 114px;
    left: 27.4%;
    transform: translate(-50%, -50%);
}

.imgCartaLaboral {
    background-image: url(../img/imgCartaLaboral.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 225.149px;
    height: 219.857px;
    position: absolute;
    top: 83px;
    left: 64.7%;
    transform: translate(-50%, -50%)
}

.imgCartaDespido {
    background-image: url(../img/imgCartaDespido.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 244.221px;
    height: 238.481px;
    position: absolute;
    top: 84px;
    left: 64.7%;
    transform: translate(-50%, -50%)
}

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