a { color:#5D5D9E; } 
a:visited { color:#5D5D9E; } 
a:active { color:#5C615E; } 
a:hover { color:#B2B3B4; } 
body { background-color:#FFFFFF; padding:0;  margin: 0;}

@font-face {
  font-family: 'ftitulo';
  src: url('./fonts/ITCBenguiatStdBoldCn.OTF');
}

@font-face {
  font-family: 'fnombre';
  src: url('./fonts/SnellRoundhandRegular.ttf');
}

@font-face {
  font-family: 'opensams';
  src: url('./fonts/OpenSans-VariableFont_wdth,wght.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'neuton';
  src: url('./fonts/Neuton-Regular.ttf');
  font-weight: bold;
}


@font-face {
    font-family: "SymphonyPro-Regular";
    src: url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.eot");
    src: url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/89d9dff8a40ef63d7bb2002d9030d109.svg#SymphonyPro-Regular")format("svg");
}

@font-face {
    font-family: "Sensa Brush Fill Demo";
    src: url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.eot");
    src: url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/2ded8d2c75e0dc78fae0fa0b073fd93a.svg#Sensa Brush Fill Demo")format("svg");
}


.Invitacion { text-align:left; position: relative;}
.fijo{position: fixed; pointer-events: none; z-index: -1; }
#portada_padding { margin: 0px; display: block;}
#portada { vertical-align: top; position:relative; display: inline-flex; width:100%; min-height:6000px; background:none; z-index:10; }
.principal{position: absolute; display: flex;}

#misxv { position:absolute; width: 270.324px; height: 67.5809px; transform: translate(80px, 67.1773px); background:none  }
#valeportada { position:absolute; width: 227.74px; height: 341.61px; transform: translate(112px, 164.758px);  background: none}
#valeeli { position:absolute; width: 302.748px; height: 172.999px; transform: translate(100px, 503.775px); background:none }
#msuperior { position:absolute; width: 349.956px; height: 98.3153px; transform: translate(70px, 23.4328px); background:none  }
#minferior {position: absolute; width: 349.956px; height: 98.3153pxpx; transform: translate(0px, 597.54px); background: none}
#valesentada { position:absolute; width: 455.257px; height: 189.176px; transform: translate(0px, 680.852px); background:none }
#castillo { position:absolute; width: 315.905px; height: 346.672px; transform: translate(80px, 867.373px); opacity: 0.07; background: none}
#recorte {position: absolute; width: 455.257px; height: 102.888px; transform: translate(0px, 1239.4px); opacity: 0.67; background: none}
#linea_corazon { position:absolute; width: 237.721px; height: 15.749px; transform: translate(123px, 914.576px);background: none; }
#reproductor { position:absolute; width: 182.487px; height: 98.0866px; transform: translate(150px, 1137.04px);background: none; }
#audio { position:absolute; width: 182.487px; height: 98.0866px; transform: translate(210px, 1137.04px);background: none; opacity: 5%;}
#titulo { position:absolute; width: 364.205px; height: 30.4666px; transform: translate(145px, 854.572px);background: none; font-family: 'ftitulo'; font-size: 25px; color: #d0a933}
#nombre { position:absolute; width: 433.748px; height: 76.3972px; transform: translate(10px, 880.325px);background: none; font-family: 'fnombre'; font-size: 60px; color: #f48ca0}
#apellidos { position:absolute; width: 411.342px; height: 41.5093px; transform: translate(100px, 970.035px);background: none; font-family: 'fnombre'; font-size: 35px; color: #f48ca0}
#repro { position:absolute; width: 193.01px; height: 14.5429px; transform: translate(150px, 1115.79px);background: none; font-family: 'opensams'; font-size: 10px; color: #000000}
#fecha { position:absolute; width: 296.784px; height: 56.7806px; transform: translate(100px, 1220.38px);background: none; font-family: 'opensams'; font-size: 45px; color: #ffffff}
#parrafo { position:absolute; width: 413.106px; height: 120.264px; transform: translate(0px, 1357.9px);background: none; font-family: 'neuton'; font-size: 20px; color: #f48ca0; text-align: justify;}
#hincada {position: absolute; width: 468.654px; height: 437.077px; transform: translate(0px, 1520.67px); background: none}
#faltan { position:absolute; width: 238.695px; height: 71.4905px; transform: translate(50px, 1670.46px); background: none; font-family: 'SymphonyPro-Regular'; font-size: 40px; color: #ffffff}
#countdown { position:absolute; width: 273.154px; height: 68.2885px; transform: translate(10px, 1724.25px); background: none; font-family: 'fnombre'; font-size: 35px; color: #ffffff}
#tiempo { position:absolute; width: 269.35px; height: 41.3928px; transform: translate(12px, 1740.85px); background: none; font-family: 'SymphonyPro-Regular'; font-size: 30px; color: #ffffff}
#marco3 {position: absolute; width: 193.569px; height: 249.365px; transform: translate(0px, 1957.74px); background: none;}
#titulo2 { position:absolute; width: 213.661px; height: 23.4584px; transform: translate(110px, 2095.13px);background: none; font-family: 'neuton'; font-size: 20px; color: #000000; text-align: justify;}
#madre { position:absolute; width: 303.647px; height: 80.9346px; transform: translate(45px, 2154.25px);background: none; font-family: 'fnombre'; font-size: 30px; color: #000000}
#separador {position: absolute; width: 294.219px; height: 10.6654px; transform: translate(47px, 2227.02px); background: none;}
#phonor { position:absolute; width: 192.476px; height: 23.4584px; transform: translate(120px, 2276.65px); background: none; font-family: 'neuton'; font-size: 20px;color: #000000}
#padrino { position:absolute; width: 298.407px; height: 80.9346px; transform: translate(47px, 2341.37px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000}
#marco4 {position: absolute; width: 193.569px; height: 249.365px; transform: translate(230px, 2330.46px); background: none;}
#marcoflores {position: absolute; width: 460.027px; height: 637.359px; transform: translate(0px, 2579.82px); opacity: 0.15; background: none;}
#iglesia {position: absolute; width: 69.9547px; height: 92.6553px; transform: translate(170px, 2634.67px); background: none;}
#ceremonia { position:absolute; width: 122.876px; height: 37.3058px; transform: translate(144px, 2701.7px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000}
#separador2 {position: absolute; width: 294.219px; height: 10.6654px; transform: translate(59px, 2769.01px); background: none;}
#separador3 {position: absolute; width: 294.219px; height: 10.6654px; transform: translate(59px, 2827.85px); background: none;}

#copas {position: absolute; width: 70.7036px; height: 76.1277px; transform: translate(184px, 2936.15px); background: none;}
#recepcion { position:absolute; width: 119.342px; height: 37.3058px; transform: translate(157px, 2976.42px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000}
#separador4 {position: absolute; width: 294.219px; height: 10.6654px; transform: translate(59px, 3049.3px); background: none;}
#separador5 {position: absolute; width: 294.219px; height: 10.6654px; transform: translate(59px, 3105.56px); background: none;}
#hceremonia { position:absolute; width: 81.8706px; height: 49.5093px; transform: translate(155px, 2723.67px); background: none; font-family: 'Sensa Brush Fill Demo'; font-size: 50px; color: #000000}
#hrecepcion { position:absolute; width: 77.7374px; height: 49.5093px; transform: translate(157px, 3000.38px); background: none; font-family: 'Sensa Brush Fill Demo'; font-size: 50px; color: #000000}
#pm1 { position:absolute; width: 70.1039px; height: 25.1024px; transform: translate(232px, 2738.87px) rotate(-90deg); background: none; font-family: 'Sensa Brush Fill Demo'; font-size: 40px; color: #000000}
#pm2 { position:absolute; width: 70.1039px; height: 25.1024px; transform: translate(232px, 3018.59px) rotate(-90deg); background: none; font-family: 'Sensa Brush Fill Demo'; font-size: 40px; color: #000000}
#dcatedral { position:absolute; width: 344.907px; height: 39.8491px; transform: translate(34px, 2820.22px); background: none; font-family: 'neuton'; font-size: 18px; color: #f48ca0; text-align: center;}
#dsalon { position:absolute; width: 358.791px; height: 16.5447px; transform: translate(26px, 3097.52px); background: none; font-family: 'neuton'; font-size: 18px; color: #f48ca0; text-align: center;}
#gpsi {position: absolute; width: 23.5439px; height: 33.3956px; transform: translate(338px, 2864.22px); background: none;}
#gpss {position: absolute; width: 23.5439px; height: 33.3956px; transform: translate(338px, 3126.72px); background: none;}
#valev { position:absolute; width: 231.966px; height: 307.926px; transform: translate(98px, 3217.18px); background:none }
#cv {position: absolute; width: 252.762px; height: 80.9346px; transform: translate(87px, 3500.8px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000; text-align: center;} 
#codigo { position:absolute; width: 62.0742px; height: 85.9158px; transform: translate(182px, 3606.04px); background:none }
#tvesti { position:absolute; width: 329.146px; height: 55.9586px; transform: translate(5px, 3694.33px); background: none; font-family: 'neuton'; font-size: 18px; color: #f48ca0; text-align: justify; line-height: 0.7;}
#creserva { position:absolute;  transform: translate(340px, 3690.04px); background:none }
#recorte2 {position: absolute; width: 455.257px; height: 102.888px; transform: translate(0px, 3760.9px); opacity: 0.67;  background: none}
#itinerario {position: absolute; width: 115.83px; height: 37.3058px; transform: translate(156px, 3840.61px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000; text-align: center;} 
#imgitinerario {position: absolute; transform: translate(75px, 3871.61px); background: none; } 
#galeria {position: absolute; width: 455.257px; height: 430px; transform: translate(0px, 4365.14px);  background: none}
#misxvg { position:absolute; width: 98.3536px; height: 24.5884px; transform: translate(308px, 4400.31px); background:none  }
#valeelig { position:absolute; width: 123.933px; height: 70.8189px; transform: translate(0px, 4678.21px); background:none }
#nf {position: absolute; width: 107.3732px; height: 35.3787px; transform: translate(143px, 5284.67px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000; text-align: center;} 
#marcoflores2 {position: absolute; width: 460.027px; height: 637.359px; transform: translate(0px, 4795.67px); opacity: 0.15; background: none;}
#regalo {position: absolute; width: 82.6252px; height: 78.7005px; transform: translate(160px, 4820.07px); background: none;}
#mesareg { position:absolute; width: 308.519px; height: 248.808px; transform: translate(40px, 4898.66px); background: none; font-family: 'neuton'; font-size: 18px; color: #000000; text-align: center; line-height: 1.5;}
#mono {position: absolute; width: 37.557px; height: 31.8856px; transform: translate(173px, 5050.91px); background: none;}
#marcoformx {position: absolute; width: 460.027px; height: 637.359px; transform: translate(0px, 5420.67px); background: none; opacity: 0.65;}
#pase {position: absolute; width: 80px; height: 50px; transform: translate(60px, 5490.61px); background: none; opacity: 0.65;}
#marcoform {position: absolute; width: 193.569px; height: 249.365px; transform: translate(0px, 5430.67px); background: none; opacity: 0.75;}
#marcoform2 {position: absolute; width: 193.569px; height: 249.365px; transform: translate(230px, 5800.46px); background: none;opacity: 0.75;}
#npases { position:absolute; width: 81.8706px; height: 49.5093px; transform: translate(90px, 5455px); background: none; font-family: 'Sensa Brush Fill Demo'; font-size: 35px; color: #000000}
#lblpases { position:absolute; width: 81.8706px; height: 49.5093px; transform: translate(80px, 5503.67px); background: none; font-family: 'neuton'; font-size: 15px; color: #000000}
#arena {position: absolute; width: 82.6252px; height: 78.7005px; transform: translate(290px, 5470.61px); background: none;}
#lblconfirma {position: absolute; width: 170.83px; height: 37.3058px; transform: translate(140px, 5440.61px); background: none; font-family: 'fnombre'; font-size: 30px; color: #000000; text-align: center;} 
#formconfirma {vertical-align: top; position:absolute;  width:380px; height:312px;transform: translate(20px, 5550.61px); background:none;}
#txtnombre { box-sizing: border-box; position:absolute; width:350px; height:25px; transform: translate(10px, 10px); background-color:#FFFFFF; border: 1px solid #A0A0A0; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }
#etiqueta { position:absolute; width:30px; height:35px; transform: translate(10px, 50px); background:none; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:left;  }
#cmbrespuesta { box-sizing: border-box; position:absolute; width:290px; height:25px; transform: translate(70px, 45px); background-color:#FFFFFF; border: 1px solid #A0A0A0; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }
#txtMensaje { box-sizing: border-box; position:absolute; width:350px; height:187px; transform: translate(10px, 80px); background-color:#FFFFFF; border: 1px solid #A0A0A0; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }
#btnEnvia { position:absolute; width:122px; height:30px; transform: translate(110px, 280px);  font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#ffffff; background-color:#25D366  }
#wp {position: fixed; width: 37.557px; height: 31.8856px; transform: translate(115px, 278px); background: none; pointer-events: none;}
#escribir { position:absolute; width:380px; height:187px; transform: translate(10px, 5870.61px); font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align: justify; }