@charset "utf-8";
@import url("L_G06_U03_L02_03.css");
/* CSS Document */

.clickMenu {
    background-image: url(../img/click/clickMenu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: inline-block;
    vertical-align: sub;
}

.clickCarta {
    background-image: url(../img/click/clickMenu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 15px;
}

.lstMenuCarta {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    font-size: 35px;
    font-family: 'cabinregular';
    line-height: 55px;
    letter-spacing: -0.5px;
    white-space: nowrap;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
}

.lstMenuCarta li {
    min-width: 183px;
    min-height: 55px;
    background-color: #E7B041;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    display: list-item !important;
}

.lstMenuCarta li >div {
    display: inline-block;
    left: 15px;
}

.tituloCarta {
    width: 373px;
    height: 52px;
    background-color: #C2E3E5;
    color: #263C4A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 52px;
    white-space: nowrap;
    text-align: center;
    display: table;
    margin: -5% auto 0 auto;
    cursor: pointer;
}

.tituloClaseCarta {
    width: 433px;
    height: 52px;
    background-color: #A0CDD6;
    color: #263C4A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 52px;
    white-space: nowrap;
    text-align: center;
    display: table;
    margin: -5% auto 0 auto;
    cursor: pointer;
}

.subTituloCarta {
    font-weight: bold;
    letter-spacing: 0;
}

.clickTituloCarta {
    background-image: url(../img/click/clickTituloCarta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.papelCarta {
    background-image: url(../img/carta/papelCarta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 386px;
    height: 494px;
    display: inline-block;
    position: absolute;
    left: 7%;
    top: 3%;
    display: none;
}

.papelCarta2 {
    background-image: url(../img/carta/papelCarta2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 499px;
    height: 494px;
    display: inline-block;
    position: absolute;
    top: 2%;
    left: 5%;
    display: none;
}

.cartaCorazon {
    background-image: url(../img/carta/cartaCorazon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 162px;
    height: 110px;
    display: inline-block;
    position: absolute;
    right: 8%;
    bottom: 9%;
    display: none;
}

.carta {
    background-image: url(../img/carta/carta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 601px;
    height: 420px;
    display: inline-block;
    position: absolute;
    left: 42%;
    top: 10%;
    display: none;
}

.txtCarta {
    color: #263C4A;
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 36px;
}

.estructura1 {
    background-image: url(../img/carta/estructura1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 510px;
    height: 378px;
    display: inline-block;
    position: absolute;
    top: 15%;
    left: 51%;
    display: none;
}

.cartaLiteraria {
    width: 375px;
    height: 443px;
    background-color: #FDFBE7;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 8px solid #3E3D3D;
    position: absolute;
    left: 54%;
    top: 7%;
    display: none;
}

.cartaLiteraria .texto {
    font-family: 'cabinregular';
    font-size: 16px;
    line-height: 18px;
    color: #313E4B;
    letter-spacing: 0px;
    margin: 10px 13px 0 13px;
}

.textoEncabezado {
    text-align: right;
    font-style: italic;
    line-height: 16px;
    margin-top: 20px;
}

.flecha1 {
    background-image: url(../img/carta/flecha1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 366px;
    height: 76px;
    display: inline-block;
    position: absolute;
    top: 14.5%;
    left: 37.4%;
    z-index: 1;
    display: none;
}

.flecha2 {
    background-image: url(../img/carta/flecha2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 470px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 20.5%;
    left: 27%;
    z-index: 1;
    display: none;
}

.flecha3 {
    background-image: url(../img/carta/flecha3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 328px;
    height: 45px;
    display: inline-block;
    position: absolute;
    top: 18.5%;
    left: 28%;
    z-index: 1;
    display: none;
}

.flecha4 {
    background-image: url(../img/carta/flecha4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 323px;
    height: 116px;
    display: inline-block;
    position: absolute;
    top: 22%;
    left: 27.1%;
    z-index: 1;
    display: none;
}

.flecha5 {
    background-image: url(../img/carta/flecha5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 389px;
    height: 171px;
    display: inline-block;
    position: absolute;
    top: 18%;
    left: 22%;
    z-index: 1;
    display: none;
}

.flecha6 {
    background-image: url(../img/carta/flecha6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 371px;
    height: 93px;
    display: inline-block;
    position: absolute;
    top: 37.2%;
    left: 23.6%;
    z-index: 1;
    display: none;
}

.flecha7 {
    background-image: url(../img/carta/flecha7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 396px;
    height: 98px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 36.5%;
    z-index: 1;
    display: none;
}

.flecha8 {
    background-image: url(../img/carta/flecha8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 386px;
    height: 108px;
    display: inline-block;
    position: absolute;
    top: 8%;
    left: 22%;
    z-index: 1;
    display: none;
}

.flecha9 {
    background-image: url(../img/carta/flecha9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 486px;
    height: 155px;
    display: inline-block;
    position: absolute;
    top: 32.3%;
    left: 42.8%;
    z-index: 1;
    display: none;
}

.flecha10 {
    background-image: url(../img/carta/flecha10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 318px;
    height: 283px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 28%;
    z-index: 1;
    display: none;
}

.flecha11 {
    background-image: url(../img/carta/flecha11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 329px;
    height: 317px;
    display: inline-block;
    position: absolute;
    top: 22%;
    left: 26.8%;
    z-index: 1;
    display: none;
}

.flecha12 {
    background-image: url(../img/carta/flecha12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 330px;
    height: 369px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 28%;
    z-index: 1;
    display: none;
}

#tblsaludos {
    font-family: 'cabinregular';
    font-size: 25px;
    color: #313E4B;
    margin: 1.5% auto 0 auto;
}

#tblsaludos tr td:nth-child(2) {
    padding-left: 16px;
}

.introduccionCarta {
    color: #DC901A;
    position: relative;
    z-index: 2;
}

.desarrolloCarta {
    color: #312A7F;
    position: relative;
    z-index: 2;
}

.conclusionCarta {
    color: #A21B25;
    position: relative;
    z-index: 2;
}

.cuadroDespedida {
    width: 189px;
    height: 23px;
    border: 2px solid #4C853F;
    position: absolute;
    left: 55.2%;
    top: 72%;
    z-index: 2;
    display: none;
}

.cuadroFirma {
    width: 139px;
    height: 41px;
    border: 2px solid #4C853F;
    position: absolute;
    left: 55.5%;
    top: 79%;
    z-index: 2;
    display: none;
}

.cuadroPosdata {
    width: 335px;
    height: 47px;
    border: 2px solid #4C853F;
    position: absolute;
    left: 55.5%;
    top: 80.5%;
    z-index: 2;
    display: none;
}

.corazon {
    background-image: url(../img/carta/corazon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 132px;
    height: 127px;
    display: inline-block;
    position: absolute;
    top: 27%;
    left: 60%;
    z-index: 1;
    display: none;
}

.pluma {
    background-image: url(../img/carta/pluma.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 303px;
    height: 199px;
    display: inline-block;
    position: absolute;
    top: 52%;
    left: 34%;
    z-index: 1;
}

.lstMenuClaseCarta {
    font-size: 29px;
    font-family: 'cabinregular';
    line-height: 45px;
    letter-spacing: -0.5px;
    white-space: nowrap;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4%;
    left: 59%;
}

.lstMenuClaseCarta li {
    width: 352px;
    height: 45px;
    background-color: #A0CDD6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-bottom: 3.5px;
    display: list-item !important;
}

.lstMenuCarta li >div {
    display: inline-block;
    left: 15px;
}

.libro {
    background-image: url(../img/carta/libro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 245px;
    height: 223px;
    display: inline-block;
    position: absolute;
    top: 4.5%;
    left: -12%;
    z-index: 1;
}

.hombreNegocio {
    background-image: url(../img/carta/hombreNegocio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 290px;
    height: 259px;
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 35%;
    z-index: 1;
}

.papel {
    background-image: url(../img/carta/papel.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 347px;
    height: 470px;
    display: inline-block;
    position: absolute;
    top: 3.5%;
    left: 57%;
    z-index: 1;
    display: none;
}

.persona {
    background-image: url(../img/carta/persona.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 142px;
    height: 230px;
    display: inline-block;
    position: absolute;
    top: 54%;
    left: -14%;
    z-index: 1;
}

.persona2 {
    background-image: url(../img/carta/persona2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 140px;
    height: 180px;
    display: inline-block;
    position: absolute;
    top: -3.5%;
    left: 72%;
    z-index: 1;
}

.cartaCorazon2 {
    background-image: url(../img/carta/cartaCorazon2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 322px;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: -3%;
    left: 31%;
    z-index: 1;
}

.comercioElectronico {
    background-image: url(../img/carta/comercioElectronico.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 419px;
    height: 215px;
    display: inline-block;
    position: absolute;
    top: 57.5%;
    left: -10%;
    z-index: 1;
}

.personaEmpresaMas {
    background-image: url(../img/carta/personaEmpresaMas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 443px;
    height: 225px;
    display: inline-block;
    position: absolute;
    top: 27%;
    left: -11%;
    z-index: 1;
}

.personaEmpresaPor {
    background-image: url(../img/carta/personaEmpresaPor.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 390px;
    height: 222px;
    display: inline-block;
    position: absolute;
    top: 22%;
    left: -6%;
    z-index: 1;
}

.equiz {
    background-image: url(../img/carta/equiz.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 235px;
    height: 245px;
    display: inline-block;
    position: absolute;
    top: 21.5%;
    left: 15%;
    z-index: 1;
}

.textoAmor {
    font-family: 'cabinregular';
    font-size: 41px;
    line-height: 43px;
    color: #212120;
    display: inline-block;
    position: absolute;
    top: 68%;
    left: 53%;
}

.textoAmor .corazon {
    display: block;
    width: 52px;
    height: 46px;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    left: 116%;
    top: -22%;
}

.textoCancelacion {
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 35px;
    color: #212120;
    display: inline-block;
    position: absolute;
    top: 81%;
    left: 13%;
}