﻿.my-custom-scrollbar {
    position: relative;
    width: 1139px;
    height: 393px;
    overflow: auto;
}

.bg-dark {
    background-color: #000;
}


/*Index*/

.btn-site {
    background-color: #169e6c;
    color: #fff;
}

.galeria img {
    /*max-height:200px;*/
    margin: 15px 0;
    cursor: pointer;
}

.img-selected {
    opacity: 0.5;
}

#ResultadoFondo {
    margin: 0 auto;
    ;
}

.fondo-imagen1 {
    background-image: url('../images/Metro/tuAnuncioFinalMetro1.jpg');
    background-repeat: no-repeat;
    height: 400px;
    width: 823px;
    position: relative;
}

.imagen-montada1 {
    position: absolute;
    height: 132px;
    width: 373px;
    left: 145px;
    top: 142px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-imagen9 {
    background-image: url('../images/Metro/tuAnuncioFinalMetro9.jpg');
    background-repeat: no-repeat;
    height: 400px;
    width: 823px;
    position: relative;
    perspective: 310px;
}

.imagen-montada9 {
    position: absolute;
    height: 168px;
    width: 150px;
    left: 414px;
    top: 175px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateX(48deg) skewX(-8deg);
}


/* AEREO AICM */


/* imagen 1 aicm */

/*---------AICM2022_1_GranPantalla--------*/
.fondo-AICM2022_1_GranPantalla {
    background-image: url('../images/AEROPUERTOS/AICM/1. Gran Pantalla - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}
.imagen-AICM2022_1_GranPantalla {
    position: absolute;
    height: 107px;
    width: 185px;
    left: 365px;
    top: 138.1px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /* transform: rotateY(51deg) rotateX(0deg) skewX(0deg) skewY(-2deg);*/
    transform: perspective(17px);
    transform: rotateY(-6deg) rotateX(8deg)rotate(0.0005turn)skewX(-0.7deg);
}

/*---------AICM2022_2_TilesT1--------*/
.fondo-AICM2022_2_TilesT1 {
    background-image: url('../images/AEROPUERTOS/AICM/2. Tiles - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}

.imagen-AICM2022_2_TilesT1 {
    position: absolute;
    height: 260px;
    width: 458px;
    left: 190.5px;
    top: 80px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(37deg) rotateX(35deg) rotate(0.0060turn) skewX(-20.7deg) skewY(2.2deg) scale(.79, .78);
}

/*---------AICM2022_3_MuroAerotrenT1 --------*/
.fondo-AICM2022_3_MuroAerotrenT1 {
    background-image: url('../images/AEROPUERTOS/AICM/3. Muro Aerotren - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_3_MuroAerotrenT1 {
    position: absolute;
    height: 238px;
    width: 322px;
    left: 410px;
    top: 42px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(6deg) rotateY(-62deg) scale(1.252, 1.26) scale(.91, .60) skewX(.5deg) skewY(-.7deg) skewY(.7deg)skewX(.5deg)
}
/*---------AICM2022_4_VideowallT1 --------*/

.fondo-AICM2022_4_VideowallT1 {
    background-image: url('../images/AEROPUERTOS/AICM/4. Videowall SUE - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_4_VideowallT1 {
    position: absolute;
    height: 100px;
    width: 298px;
    left: 289px;
    top: 143px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-70deg) rotateX(-2deg) scale(1.91, 1.05)skewY(2deg) rotate(-0.001turn);
}

/*---------AICM2022_5_PantallasReclamoEquipaje--------*/
/*.fondo-AICM2022_5_PantallasReclamoEquipaje {
    background-image: url('../images/AEROPUERTOS/AICM/5. Pantallas Reclamo de equipaje - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_5_PantallasReclamoEquipaje {
    position: absolute;
    height: 82px;
    width: 312px;
    left: 113px;
    top: 136.5px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: scale(.555, .52) rotateY(34deg) rotateX(-3deg) rotate(-0.009turn)skewX(-2deg)skewY(.7deg);
}*/
.fondo-AICM2022_5_PantallasReclamoEquipaje {
    background-image: url('../images/AEROPUERTOS/AICM/5. Pantallas Reclamo de equipaje - T1.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_5_PantallasReclamoEquipaje {
    position: absolute;
    height: 82px;
    width: 312px;
    left: 113px;
    top: 136.5px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: scale(.555, .52) rotateY(34deg) rotateX(-3deg) rotate(-0.009turn)skewX(-2deg)skewY(.7deg);
}
/*---------AICM2022_6_PantallasReclamoEquipaje--------*/
.fondo-AICM2022_6_TilesT2 {
    background-image: url('../images/AEROPUERTOS/AICM/6. Tiles - T2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_6_TilesT2 {
    position: absolute;
    height: 150px;
    width: 320px;
    left: 282px;
    top: 127px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-25deg) rotateX(18deg) rotate(0.0060turn) skewX(11deg) skewY(-6.5deg)skewX(-2.5deg) scale(2.03, 1.97);
}
/*---------AICM2022_7_VideowallAmbulatorio--------*/
.fondo-AICM2022_7_VideowallAmbulatorio {
    background-image: url('../images/AEROPUERTOS/AICM/7. Videowall Ambulatorio.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_7_VideowallAmbulatorio {
    position: absolute;
    height: 202px;
    width: 366px;
    left: 252px;
    top: 85px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(21deg) scale(.8, .8) skewY(-0.5deg);
}

/*---------AICM2022__8_GranVideowall--------*/
.fondo-AICM2022_8_GranVideowall {
    background-image: url('../images/AEROPUERTOS/AICM/8. Gran Videowall - T2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_8_GranVideowall {
    position: absolute;
    height: 173px;
    width: 310px;
    left: 259px;
    top: 84px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
}
/*---------AICM2022_9_VideowallSUET2--------*/
.fondo-AICM2022_9_VideowallSUET2 {
    background-image: url('../images/AEROPUERTOS/AICM/9. Videowall SUE - T2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-AICM2022_9_VideowallSUET2 {
    position: absolute;
    height: 100px;
    width: 298px;
    left: 254px;
    top: 140px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-39deg) scale(.855, .72)rotateX(1.5deg)skewY(.5deg);
}
/*---------AICM2022_10_CircuitoBaggageT2-----*/
.fondo-AICM2022_10_CircuitoBaggageT2 {
    background-image: url('../images/AEROPUERTOS/AICM/10. Circuito Baggage - T2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}

.imagen1-AICM2022_10_CircuitoBaggageT2 {
    position: absolute;
    height: 16px;
    width: 29px;
    left: 254px;
    top: 213px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /*transform: rotateY(21deg) scale(1.67, 1.42)skewY(-0.5deg);*/
}

.imagen2-AICM2022_10_CircuitoBaggageT2 {
    position: absolute;
    height: 22px;
    width: 40px;
    left: 182px;
    top: 214px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /*transform: rotateY(21deg) scale(1.67, 1.42)skewY(-0.5deg);*/
}

.imagen3-AICM2022_10_CircuitoBaggageT2 {
    position: absolute;
    height: 38px;
    width: 65px;
    left: 19px;
    top: 216px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /*transform: rotateY(21deg) scale(1.67, 1.42)skewY(-0.5deg);*/
}
/*---------AICM2022_11_Pódium_T2-----*/
.fondo-AICM2022_11_Pódium_T2 {
    background-image: url('../images/AEROPUERTOS/AICM/11. Pódium - T2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}


.imagen1-AICM2022_11_Pódium_T2 {
    position: absolute;
    height: 50px;
    width: 220px;
    left: 4px;
    top: 71px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(62deg)scale(1.14, .95);
    /*transform: rotateY(21deg) scale(1.67, 1.42)skewY(-0.5deg);*/
}

.imagen2-AICM2022_11_Pódium_T2 {
    position: absolute;
    height: 100px;
    width: 800px;
    left: -5px;
    top: 10px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-50deg) skewY(-1.7deg) scale(1.1, .7)
    /*transform: rotateY(21deg) scale(1.67, 1.42)skewY(-0.5deg);*/
}
/*---------------------------------------------------*/






/* AEREOS GAP */

/*---------GAP2022_1_CristalGDL--------*/
.fondo-GAP2022_1_CristalGDL {
    background-image: url('../images/AEROPUERTOS/GAP/1. Cristal - GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_1_CristalGDL {
    position: absolute;
    height: 156px;
    width: 430px;
    left: 170px;
    top: 113px;
    /*background-color: rgba(0, 255, 255, .5);*/
    opacity: 0.75;
    z-index: -1;
    transform: rotateX(-26deg);
}
/*---------GAP2022_2_VideowallCurvoGDL--------*/

.fondo-GAP2022_2_VideowallCurvoGDL {
    background-image: url('../images/AEROPUERTOS/GAP/2. Videowall Curvo - GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_2_VideowallCurvoGDL {
    position: absolute;
    height: 86px;
    width: 400px;
    left: 123px;
    top: 146px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(75.5deg) scale(1.7, 1.11)skewY(-2.75deg)skewX(1.4deg);
}
/*---------GAP2022_3_WallgraphicGDL--------*/
.fondo-GAP2022_3_WallgraphicGDL {
    background-image: url('../images/AEROPUERTOS/GAP/3. Wallgraphic - GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_3_WallgraphicGDL {
    position: absolute;
    height: 100px;
    width: 367px;
    left: 226px;
    top: 120px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-9deg) skewY(.5deg);
    
}
/*---------GAP2022_4_VideowallMigraciónGDL--------*/
.fondo-GAP2022_4_VideowallMigraciónGDL {
    background-image: url('../images/AEROPUERTOS/GAP/4. Videowall Migración- GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_4_VideowallMigraciónGDL {
    position: absolute;
    height: 102px;
    width: 199px;
    left: 321px;
    top: 131px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-10deg)skewY(.3deg);
    /*transform: rotateY(-1deg) rotateX(-10deg) skewX(-2deg) skewY(0deg);*/
}
/*---------GAP2022_5_PósterGDL--------*/
.fondo-GAP2022_5_PósterGDL {
    background-image: url('../images/AEROPUERTOS/GAP/5. PÓSTER - GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_5_PósterGDL {
    position: absolute;
    height: 85px;
    width: 800px;
    left: 61px;
    top: 202px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);
}
/*---------GAP2022_6_VallGDL--------*/
.fondo-GAP2022_6_VallGDL {
    background-image: url('../images/AEROPUERTOS/GAP/6. Valla - GDL.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_6_VallGDL {
    position: absolute;
    height: 150px;
    width: 450px;
    left: 204px;
    top: 131px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(24deg) scale(.97, .88) skewY(3.2deg);
    /*transform: rotateY(19deg) scale(.97, .85) skewY(3.2deg);*/
    /*transform: rotateY(20deg) scale(.97, .85) skewY(2.7deg);*/
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GAP2022_7_CajaLuzPuertoVallarta--------*/
.fondo-GAP2022_7_CajaLuzPuertoVallarta {
    background-image: url('../images/AEROPUERTOS/GAP/7. Caja de luz - Puerto Vallarta.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GAP2022_7_CajaLuzPuertoVallarta {
    position: absolute;
    height: 150px;
    width: 750px;
    left: -45px;
    top: 125px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-30deg)scale(1.05, .93)skewY(-.6deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*----------------------------------------------*/


/* TERRESTRES */
/* TERRESTRES CDMX */


/*---------CDMX2022_1_LandmarkHidalgoL2--------*/
.fondo-CDMX2022_1_LandmarkHidalgoL2 {
    background-image: url('../images/METRO/METRO-CDMX/1. Landmark Hidalgo L2.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}


.imagen1-CDMX2022_1_LandmarkHidalgoL2 {
    position: absolute;
    height: 250px;
    width: 500px;
    left: 251px;
    top: 103px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-34deg) skewY(3.5deg) scale(1.15, 1.22);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
.imagen2-CDMX2022_1_LandmarkHidalgoL2 {
    position: absolute;
    height: 250px;
    width: 600px;
    left: -225px;
    top: 87px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(108deg) rotateX(3deg) scale(1.5, 1.96);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
.imagen3-CDMX2022_1_LandmarkHidalgoL2 {
    position: absolute;
    height: 252px;
    width: 252px;
    left: 116px;
    top: 50px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(33deg) rotateX(-11deg) skewX(6deg) skewY(-3deg) scale(1.066, 1.044);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------CDMX2022_2_GranMuro--------*/
.fondo-CDMX2022_2_GranMuro {
    background-image: url('../images/METRO/METRO-CDMX/2. Gran Muro.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}

.imagen1-CDMX2022_2_GranMuro {
    position: absolute;
    height: 250px;
    width: 400px;
    left: 40px;
    top: 139px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(82deg) rotateX(-30deg) skewY(17deg) skewX(-3deg) scale(1.92, 1.02);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
.imagen2-CDMX2022_2_GranMuro {
    position: absolute;
    height: 250px;
    width: 400px;
    left: 360px;
    top: 146px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-79deg) rotateX(-30deg) skewY(-18deg) skewX(-3deg) scale(1.88, 1.02);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------CDMX2022_3_PanelAndenDoble--------*/
.fondo-CDMX2022_3_PanelAndenDoble {
    background-image: url('../images/METRO/METRO-CDMX/3. Panel de Andén Doble.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-CDMX2022_3_PanelAndenDoble {
    position: absolute;
    height: 125px;
    width: 550px;
    left: 129px;
    top: 129px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(42deg) scale(.7, .65) skewY(-1deg) skewX(-2deg);
}
/*---------CDMX2022_4_EstaciónMarca--------*/
.fondo-CDMX2022_4_EstaciónMarca {
    background-image: url('../images/METRO/METRO-CDMX/4. Estación de marca (Paneles de Andén).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen1-CDMX2022_4_EstaciónMarca {
    position: absolute;
    height: 167px;
    width: 380px;
    left: -74px;
    top: 110px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(97deg) scale(1.345, .64) skewY(-6deg) skewX(5.5deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
.imagen2-CDMX2022_4_EstaciónMarca {
    position: absolute;
    height: 167px;
    width: 380px;
    left: 538px;
    top: 94px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-74deg) scale(.61, .351) skewY(5deg)skewX(-1deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}

/*---------CDMX2022_5_PasoMarca--------*/
.fondo-CDMX2022_5_PasoMarca {
    background-image: url('../images/METRO/METRO-CDMX/5. Paso de Marca (Paneles de Estación).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    /*position: relative;*/
    perspective: 808px;
}

.imagen1-CDMX2022_5_PasoMarca {
    position: absolute;
    height: 170px;
    width: 380px;
    left: -93px;
    top: 104px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(92deg) skewY(3deg) scale(.89, .94) skewX(1.5deg);
    /*transform: rotateY(53deg) rotateX(-29deg) rotate(-0.033turn) skewY(6deg) skewX(15deg) scale(1.47, .93);*/
}
.imagen2-CDMX2022_5_PasoMarca {
    position: absolute;
    height: 170px;
    width: 380px;
    left: 433px;
    top: 110px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-88deg) scale(.67, .78) skewY(-3deg)skewX(1.2deg);
    /*transform: rotateY(53deg) rotateX(-29deg) rotate(-0.033turn) skewY(6deg) skewX(15deg) scale(1.47, .93);*/
}
/*---------CDMX2022_6_Cabecera--------*/

.fondo-CDMX2022_6_Cabecera {
    background-image: url('../images/METRO/METRO-CDMX/6. Cabecera (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-CDMX2022_6_Cabecera {
    position: absolute;
    height: 330px;
    width: 200px;
    left: 312px;
    top: 47px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(53deg) rotateX(-29deg) rotate(-0.033turn) skewY(6deg) skewX(15deg) scale(1.47, .93);
}
/*---------CDMX2022_7_DovelaGrande--------*/
.fondo-CDMX2022_7_DovelaGrande {
    background-image: url('../images/METRO/METRO-CDMX/7. Dovela Grande (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-CDMX2022_7_DovelaGrande {
    position: absolute;
    height: 105px;
    width: 558px;
    left: 72px;
    top: 38px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-49deg) rotateX(-22deg) scale(.76, .58) rotate(-0.017turn) skewX(-7deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}

/*---------CDMX2022_8_DovelaMediana--------*/
.fondo-CDMX2022_8_DovelaMediana {
    background-image: url('../images/METRO/METRO-CDMX/8. Dovela Mediana (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-CDMX2022_8_DovelaMediana {
    position: absolute;
    height: 109px;
    width: 630px;
    left: 43px;
    top: 58px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-8deg) rotateY(2deg)skewY(.3deg);
}


/*----------------------------------------------*/


/* terrestres metro cuadalajara */



/*---------GDL2022_1_Vagon_Forrado--------*/
.fondo-GDL2022_1_Vagon_Forrado {
    background-image: url('../images/METRO//METRO-GDL/1. Vagón Forrado.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_1_Vagon_Forrado {
    position: absolute;
    height: 100px;
    width: 684px; /*600*/
    left: 273px; /*313px*/
    top: 154px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(44deg)scale(1.5, 1.14) rotate(0.007turn) skewX(.7deg);
    /*transform: rotateY(44deg)scale(1.7, 1.14) rotate(0.007turn) skewX(.7deg);*/
}
/*---------GDL2022_2_GranMuro--------*/
.fondo-GDL2022_2_GranMuro {
    background-image: url('../images/METRO/METRO-GDL/2. Gran Muro.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_2_GranMuro {
    position: absolute;
    height: 150px;
    width: 250px;
    left: 216px;
    top: 146px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-27deg) rotateX(-1deg) scale(2.54, 2.525) skewX(-0.7deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GDL2022_3_CristalAnden--------*/
.fondo-GDL2022_3_CristalAnden {
    background-image: url('../images/METRO/METRO-GDL/3. Cristal Andén.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_3_CristalAnden {
    position: absolute;
    height: 150px;
    width: 450px;
    left: 173px;
    top: 95.6px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-15deg) scale(.67, .655) skewY(1deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------CDMX2022_4_PanelAnden--------*/
.fondo-CDMX2022_4_PanelAnden {
    background-image: url('../images/METRO/METRO-GDL/4. Panel de Andén.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-CDMX2022_4_PanelAnden {
    position: absolute;
    height: 147px;
    width: 227px;
    left: 502px;
    top: 123px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GDL2022_5_PanelEstacion--------*/
.fondo-GDL2022_5_PanelEstacion {
    background-image: url('../images/METRO/METRO-GDL/5. Panel de Estación.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_5_PanelEstacion {
    position: absolute;
    height: 300px;
    width: 400px;
    left: 137px;
    top: 53px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-14deg) scale(1.006, 1.07) skewY(-.2deg);
}
/*---------GDL2022_6_ISAMupi--------*/
.fondo-GDL2022_6_ISAMupi {
    background-image: url('../images/METRO/METRO-GDL/6 ISA Mupi.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_6_ISAMupi {
    position: absolute;
    height: 101px;
    width: 70px;
    left: 370px;
    top: 209px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotate(-0.002turn);
}
/*---------GDL2022_7_Cabecera--------*/
.fondo-GDL2022_7_Cabecera {
    background-image: url('../images/METRO/METRO-GDL/7. Cabecera (Interior de vagón).png');
    background-repeat: no-repeat;
    height: 797px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_7_Cabecera {
    position: absolute;
    height: 250px;
    width: 167px;
    left: 364px;
    top: 88px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(28deg) scale(1.33, 1.316) rotate(-0.002turn)skewY(-5.5deg)skewX(-.5deg);
    /*transform: rotateY(18deg) scale(1.25, 1.316) rotate(-0.002turn);*/
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GDL2022_8_DovelaGrande--------*/
.fondo-GDL2022_8_DovelaGrande {
    background-image: url('../images/METRO/METRO-GDL/8. Dovela Grande (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 900px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_8_DovelaGrande {
    position: absolute;
    height: 115px;
    width: 797px;
    left: 10px;
    top: 68px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-9deg) skewX(-1deg) skewY(.2deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GDL2022_9_DovelaSencilla--------*/
.fondo-GDL2022_9_DovelaSencilla {
    background-image: url('../images/METRO/METRO-GDL/9. Dovela Sencilla (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_9_DovelaSencilla {
    position: absolute;
    height: 150px;
    width: 277px;
    left: 300px;
    top: 89px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(20deg) rotateX(-10deg) skewY(2deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------GDL2022_8_DovelaMediana--------*/
.fondo-GDL2022_8_DovelaMediana {
    background-image: url('../images/METRO/METRO-GDL/8. Dovela Mediana (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-GDL2022_8_DovelaMediana {
    position: absolute;
    height: 109px;
    width: 630px;
    left: 43px;
    top: 58px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*----------------------------------------------*/


/* terrestres metro monterrey */
/*
.perspective-Antepecho-L {
    background-image: url(../images/METRO/METRO-MTY/Antepecho-L.png);
    height: 401px;
    width: 821px;
    z-index: 1;
    position: absolute;
}

.fondo-Antepecho-L {
    background-color: #000;
    height: 403px;
    width: 821px;
    position: absolute;
    perspective: 100px;
}

.imagen-Antepecho-L {
    position: absolute;
    height: 205px;
    width: 466px;
    left: 147px;
    top: 68px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(0deg) rotateY(8deg) rotate(-1deg);
}
*/


/*---------MTY2022_1_VagónForrado--------*/
.fondo-MTY2022_1_VagónForrado {
    background-image: url('../images/METRO/METRO-MTY/1. Vagón Forrado.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 1100px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_1_VagónForrado {
    position: absolute;
    height: 136.25px;
    width: 1000px;
    left: -250px;
    top: 122px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-62deg) scale(1.34, .51) skewY(4deg) skewY(-.7deg);
}
/*---------MTY2022_2_GranMuro--------*/
.fondo-MTY2022_2_GranMuro {
    background-image: url('../images/METRO/METRO-MTY/2. Gran Muro.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_2_GranMuro {
    position: absolute;
    height: 200px;
    width: 400px;
    left: 87px;
    top: 125px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(71deg) scale(1.62, 1.425) skewY(4.6deg) rotate(0.005turn)skewY(2.5deg)skewX(-2deg);
}
/*---------MTY2022_3_GranAntepecho--------*/
.fondo-MTY2022_3_GranAntepecho {
    background-image: url('../images/METRO/METRO-MTY/3. Gran Antepecho.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_3_GranAntepecho {
    position: absolute;
    height: 115px;
    width: 608px;
    left: 105px;
    top: 147px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-6deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
.fondo-MTY2022_4_Círculos {
    background-image: url('../images/METRO/METRO-MTY/4. Círculos.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_4_Círculos {
    position: absolute;
    height: 300px;
    width: 300px;
    left: 133px;
    top: 49px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(44deg) scale(1.334, 1.334) scale(.855, .80) rotate(0.005turn)skewY(8deg) skewX(5deg);
}
/*---------MTY2022_5_GranPanelEstación--------*/
.fondo-MTY2022_5_GranPanelEstación {
    background-image: url('../images/METRO/METRO-MTY/5. Gran Panel de Estación.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_5_GranPanelEstación {
    position: absolute;
    height: 220.5px;
    width: 375px;
    left: 210px;
    top: 96px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-2deg) scale(1.455, 1.455);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------MTY2022_6_PanelAndén--------*/
.fondo-MTY2022_6_PanelAndén {
    background-image: url('../images/METRO/METRO-MTY/6. Panel de Andén.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_6_PanelAndén {
    position: absolute;
    height: 250px;
    width: 371px;
    left: 121px;
    top: 73px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(52deg) scale(1.2, 1.2) skewY(.5deg) skewX(-0.4deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------MTY2022_7_Cabecera--------*/
.fondo-MTY2022_7_Cabecera {
    background-image: url('../images/METRO/METRO-MTY/7. Cabecera (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_7_Cabecera {
    position: absolute;
    height: 330px;
    width: 200px;
    left: 274px;
    top: 30px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-40deg)skewY(4.5deg)skewX(-3.7deg) scale(1.27, .98);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------MTY2022_8_DovelaGrande--------*/
.fondo-MTY2022_8_DovelaGrande {
    background-image: url('../images/METRO/METRO-MTY/8. Dovela Grande (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_8_DovelaGrande {
    position: absolute;
    height: 82px;
    width: 482px;
    left: 180px;
    top: 169px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-20deg) skewY(1.1deg) rotateY(2deg);
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*---------MTY2022_9_DovelaSencilla--------*/
.fondo-MTY2022_9_DovelaSencilla {
    background-image: url('../images/METRO/METRO-MTY/9. Dovela Sencilla (Interior de Vagón).png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 808px;
}

.imagen-MTY2022_9_DovelaSencilla {
    position: absolute;
    height: 166px;
    width: 760px;
    left: 36px;
    top: 141px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateX(-35deg) scale(.935, 1.1)
    /*    transform: rotateY(74deg) rotateX(0deg) rotate(0.030turn) scale(1.414, .65)skewY(-6deg)skewX(-0.2deg);*/
}
/*----------------------------------------------*/
/* TERRESTRES MONTERREY */
/* IMAGEN UNO TERRESTRES MONTERREY */
.fondo-Bastidor {
    background-image: url('../images/MACROBUS/GUADALAJARA/Bastidor.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-Bastidor {
    position: absolute;
    height: 133px;
    width: 329px;
    left: 251px;
    top: 56px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    /* transform: rotate(0.2deg); */
    /* transform: rotateY(-67deg) rotateX(0deg) skewX(3deg) skewY(180deg);
    /* transform: rotateY(-67deg) rotateX(0deg) skewX(3deg) skewY(180deg); */
}


/* MACROBUS */

.fondo-ISA-Mupi {
    background-image: url('../images/MACROBUS/GUADALAJARA/ISA-Mupi.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-ISA-Mupi {
    position: absolute;
    height: 160px;
    width: 100px;
    left: 285px;
    top: 115px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotate(0.2deg);
}


/* ANTERIORES  */

.fondo-aereos-1 {
    background-image: url('../images/AEREOS/AEREOS_1.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-1 {
    position: absolute;
    height: 217px;
    width: 71px;
    left: 401px;
    top: 116px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-aereos-2 {
    background-image: url('../images/AEREOS/AEREOS_2.jpg');
    background-repeat: no-repeat;
    height: 381px;
    width: 362px;
    position: relative;
}

.imagen-aereos-2 {
    position: absolute;
    height: 209px;
    width: 67px;
    left: 178px;
    top: 103px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-aereos-3 {
    background-image: url('../images/AEREOS/AEREOS_3.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-3 {
    position: absolute;
    height: 220px;
    width: 167px;
    left: 336px;
    top: 87px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-aereos-4 {
    background-image: url('../images/AEREOS/AEREOS_4.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-4 {
    position: absolute;
    height: 275px;
    width: 201px;
    left: 351px;
    top: 30px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotate(-1deg);
}

.fondo-aereos-5 {
    background-image: url('../images/AEREOS/AEREOS_5.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-5 {
    position: absolute;
    height: 77px;
    width: 553px;
    left: 173px;
    top: 120px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotate(0deg) skewX(-1deg);
}

.fondo-aereos-6 {
    background-image: url('../images/AEREOS/AEREOS_6.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 333px;
}

.imagen-aereos-6 {
    position: absolute;
    height: 218px;
    width: 363px;
    left: 246px;
    top: 72px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(19deg) rotateX(0deg) skewX(1deg) skewY(-4deg);
}

.fondo-aereos-7 {
    background-image: url('../images/AEREOS/AEREOS_7.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-7 {
    position: absolute;
    height: 79px;
    width: 257px;
    left: 490px;
    top: 145px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-aereos-8 {
    background-image: url('../images/AEREOS/AEREOS_8.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-8 {
    position: absolute;
    height: 83px;
    width: 430px;
    left: 349px;
    top: 84px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotate(0.2deg);
}


/* .container-aereos-9{
    position: relative;
    height: 401px;
} */

.fondo-aereos-9 {
    background-image: url('../images/AEREOS/AEREOS_9.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-9 {
    position: absolute;
    height: 163px;
    width: 753px;
    left: 30px;
    top: 126px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
}

.fondo-aereos-10 {
    background-image: url('../images/AEREOS/AEREOS_10.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-10 {
    position: absolute;
    height: 168px;
    width: 482px;
    left: 175px;
    top: 27px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotate(0.7deg);
}

.fondo-aereos-11 {
    background-image: url('../images/AEREOS/AEREOS_11.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-11 {
    position: absolute;
    height: 260px;
    width: 458px;
    left: 175px;
    top: 76px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotate(-0.3deg);
}

.fondo-aereos-12 {
    background-image: url('../images/AEREOS/AEREOS_12.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-12 {
    position: absolute;
    height: 137px;
    width: 220px;
    left: 232px;
    top: 76px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
    transform: rotateY(-16deg) rotateX(2deg) skewX(0deg) skewY(0deg);
}

.perspective-aereos-13 {
    background-image: url(../images/AEREOS/AEREOS_13.png);
    height: 401px;
    width: 821px;
    z-index: 1;
    position: absolute;
}

.fondo-aereos-13 {
    background-color: #000;
    height: 401px;
    width: 821px;
    position: absolute;
    perspective: 100px;
}

.imagen-aereos-13 {
    position: absolute;
    height: 205px;
    width: 459px;
    left: 34px;
    top: 100px;
    background-color: rgba(0, 255, 255, .5);
    /* z-index: -1; */
    transform: rotateX(0deg) rotateY(-11deg) rotate(1deg);
}

.fondo-aereos-14 {
    background-image: url('../images/AEREOS/AEREOS_14.png');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-aereos-14 {
    position: absolute;
    height: 150px;
    width: 92px;
    left: 143px;
    top: 107px;
    background-color: rgba(0, 255, 255, .5);
}


/*------------------Terrestres-------------*/

.fondo-terrestre-1 {
    background-image: url('../images/TERRESTRES/TERRESTRE_1.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-terrestre-1 {
    position: absolute;
    height: 154px;
    width: 591px;
    left: 98px;
    top: 98px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-terrestre-2 {
    background-image: url('../images/TERRESTRES/TERRESTRE_2.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
    perspective: 338px;
}

.imagen-terrestre-2 {
    position: absolute;
    height: 105px;
    width: 542px;
    left: 156px;
    top: 137px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateX(-8deg);
}

.fondo-terrestre-3 {
    background-image: url('../images/TERRESTRES/TERRESTRE_3.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-terrestre-3 {
    position: absolute;
    height: 147px;
    width: 640px;
    left: 87px;
    top: 168px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-terrestre-4 {
    background-image: url('../images/TERRESTRES/TERRESTRE_4.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-terrestre-4 {
    position: absolute;
    height: 269px;
    width: 417px;
    left: 151px;
    top: 65px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-terrestre-5 {
    background-image: url('../images/TERRESTRES/TERRESTRE_5.jpg');
    background-repeat: no-repeat;
    height: 401px;
    width: 821px;
    position: relative;
}

.imagen-terrestre-5 {
    position: absolute;
    height: 184px;
    width: 417px;
    left: 56px;
    top: 101px;
    background-color: rgba(0, 255, 255, .5);
}

.fondo-terrestre-6 {
    background-image: url('../images/TERRESTRES/TERRESTRE_6.jpg');
    background-repeat: no-repeat;
    height: 381px;
    width: 362px;
    position: relative;
    perspective: 800px;
}

.imagen-terrestre-6 {
    position: absolute;
    height: 246px;
    width: 140px;
    left: -16px;
    top: 79px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(66deg) rotateX(0deg) skewX(0deg) skewY(0deg);
}

.fondo-terrestre-7 {
    background-image: url('../images/TERRESTRES/TERRESTRE_7.jpg');
    background-repeat: no-repeat;
    height: 381px;
    width: 362px;
    position: relative;
    perspective: 400px;
}

.imagen-terrestre-7 {
    position: absolute;
    height: 122px;
    width: 80px;
    left: 208px;
    top: 194px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(-31deg) rotateX(0deg) skewX(1deg) skewY(-3deg);
}

.perspective-terrestre-8 {
    background-image: url('../images/TERRESTRES/TERRESTRE_8.png');
    height: 401px;
    width: 821px;
    position: absolute;
    z-index: 1;
}

.fondo-terrestre-8 {
    background-color: #000;
    height: 401px;
    width: 821px;
    position: absolute;
    perspective: 400px;
}

.imagen-terrestre-8 {
    position: absolute;
    height: 371px;
    width: 502px;
    left: 217px;
    top: 32px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(-3deg) rotateX(-3deg) skewX(-3deg) skewY(-0.5deg);
    z-index: -1;
}

.perspective-terrestre-9 {
    background-image: url('../images/TERRESTRES/TERRESTRE_9.png');
    height: 401px;
    width: 821px;
    position: absolute;
    z-index: 1;
}

.fondo-terrestre-9 {
    background-color: #000;
    height: 401px;
    width: 821px;
    position: absolute;
    perspective: 337px;
}

.imagen-terrestre-9 {
    position: absolute;
    height: 370px;
    width: 683px;
    left: 197px;
    top: 21px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(16deg) rotateX(5deg) skewX(4deg) skewY(2deg) rotate(6deg);
}

.perspective-terrestre-10 {
    background-image: url('../images/TERRESTRES/TERRESTRE_10.png');
    height: 401px;
    width: 821px;
    position: absolute;
    z-index: 1;
}

.fondo-terrestre-10 {
    background-color: #000;
    height: 401px;
    width: 821px;
    position: absolute;
    perspective: 545px;
}

.imagen-terrestre-10 {
    position: absolute;
    height: 149px;
    width: 201px;
    left: 299px;
    top: 42px;
    background-color: rgba(0, 255, 255, .5);
    transform: rotateY(47deg) rotateX(13deg) skewX(0deg) skewY(0deg) rotate(17deg);
}

.fondo-terrestre-11 {
    background-image: url('../images/TERRESTRES/TERRESTRE_11.png');
    background-repeat: no-repeat;
    height: 381px;
    width: 362px;
    position: relative;
}

.imagen-terrestre-11 {
    position: absolute;
    height: 156px;
    width: 113px;
    left: 177px;
    top: 181px;
    background-color: rgba(0, 255, 255, .5);
    z-index: -1;
}


/*
.contenedor-img{
    position: relative; left: 0; top: 0;
}

 .img-1{
    position:absolute;
    height:200px;
    width:200px;
    top: 40px;
    left : 40px;
    z-index: 1;
}
.img-2{
    position:absolute;
    height:300px;
    width:300px;
    z-index: -1;
} */

.repetedIMG {
    position: absolute;
    z-index: -1;
}