#pagina pInicio {
    display: block;
    position: relative;
    height: 1920px;
    width: 1080px;
}


    #pagina pInicio TituloEscapeRoom {
        font-family: ParqueCiencias;
        color: black;
        font-size: 90px;
        font-weight: bold;
        position: absolute;
        top: 135px;
        display: block;
        width: 1080px;
        height: auto;
        text-align: center;
    }
        #pagina pInicio TituloEscapeRoom subtitulo {
            font-family: ParqueCiencias;
            color: black;
            font-size: 50px;
            letter-spacing: 30pt;
            font-weight: bold;
            position: absolute;
            display: block;
            width: 1080px;
            height: auto;
            text-align: center;
        }

    #pagina pInicio .fotoportada {
        top: 335px;
        left: 87px;
        position: absolute;
        width: 900px;
        height: auto;
    }

    #pagina pInicio .colorParqueAGrTRANS {
        top: 1700px;
        left: 678px;
        position: absolute;
        width: 329px;
        height: auto;
    }

    #pagina pInicio .colorParqueTOPliteTRANS {
        top: 22px;
        left: 881px;
        position: absolute;
        width: 160px;
        height: auto;
    }

    #pagina pInicio .Parque25 {
        top: 1664px;
        left: 0px;
        position: absolute;
        width: 1080px;
        height: auto;
    }

    #pagina pInicio fecyt {
        font-family: ParqueCiencias;
        color: gray;
        font-size: 31px;        
        font-weight: bold;
        position: absolute;
        display: block;
        width: 1080px;
        height: auto;
        text-align: center;
        top: 1852px;
    }


#pagina pInicio manoPantalla {
    display: block;
    width: 225px;
    height: 225px;
    z-index: 2;
}

        #pagina pInicio manoPantalla img {
            width: 225px;
            height: auto;
            position: absolute;
            top: 1500px;
            left: 428px;
            cursor:pointer;
            animation: moveUP 2s ease-in infinite;
            -webkit-animation: moveUP 2s ease-in infinite;
            -moz-animation: moveUP 2s ease-in infinite;
            -o-animation: moveUP 2s ease-in infinite;
        }


    #pagina pInicio tituloInstrucciones {
        font-family: Angelina;
        color: black;
        font-size: 97px;
        font-weight: bold;
        position: absolute;
        top: 511px;
        display: block;
        width: 1080px;
        height: auto;
        text-align: center;
    }

    #pagina pInicio textoInstrucciones {
        font-family: Angelina;
        color: black;
        font-size: 60px;
        font-weight: bold;
        position: absolute;
        top: 641px;        
        display: block;
        width: 880px;
        height: auto;
        text-align: justify;
        margin: 100px;
    }

    #pagina pInicio textoPreparados {
        font-family: Angelina;
        color: black;
        font-size: 53px;
        font-weight: bold;
        position: absolute;
        top: 941px;
        display: block;
        width: 880px;
        height: auto;
        text-align: justify;
        margin: 100px;
    }

    #pagina pInicio .boligrafo {
        top: 472px;
        left: 867px;
        position: absolute;
        width: 132px;
        height: auto;
    }

    #pagina pInicio .flecha1 {
        top: 1492px;
        left: 77px;
        position: absolute;
        width: 327px;
        height: auto;    
    }

    #pagina pInicio .flecha2 {
        top: 1434px;
        left: 627px;
        position: absolute;
        width: 327px;
        height: auto;
    }

    #pagina pInicio .puntos {
        top: 1445px;
        left: 612px;
        position: absolute;
        width: 41px;
        height: auto;
        transform: rotate(45deg);
    }

    #pagina pInicio .bombilla {
        top: 1578px;
        left: 167px;
        position: absolute;
        width: 132px;
        height: auto;
    }

   

    #pagina pInicio .videoPresentacion {
        top: 445px;
        left: 40px;
        position: absolute;       
    }


#pagina pInicio redireccion {
    display: block;
    position: absolute;
    width: 1080px;
    height: auto;
    color: black;
    font-size: 90px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1;
    text-align: right;
}

        #pagina pInicio redireccion boton {
            position: relative;
            display: inline-block;
            width: 130px;
            height: 130px;
            background-size: 130px 130px;
            -webkit-transition: all 0.6s ease-in;
            -moz-transition: all 0.6s ease-in;
            -o-transition: all 0.6s ease-in;
            transition: all 0.6s ease-in;
            top: 44px;
            margin-left: 20px;
        }
            #pagina pInicio .atras {                
                background-image: url(../imagenes/atras.png);                
            }


            #pagina pInicio .atras:hover {
                background-image: url(../imagenes/atrasON.png);
            }

            #pagina pInicio .home {
                background-image: url(../imagenes/home.png);
            }


                #pagina pInicio .home:hover {
                    background-image: url(../imagenes/homeON.png);
                }

            #pagina pInicio .adelante {
                background-image: url(../imagenes/atras.png);
                transform: rotate(180deg);
            }


                #pagina pInicio .adelante:hover {
                    background-image: url(../imagenes/atrasON.png);
                }
       





@keyframes moveUP {
    0% {
        top: 1460px;
        left: 428px;
        opacity: 1
    }

    80% {
        top: 1260px;
        left: 428px;
        opacity: 1
    }

    100% {
        top: 1260px;
        left: 428px;
        opacity: 0
    }
}

@-webkit-keyframes moveUP {
    0% {
        top: 1460px;
        left: 428px;
        opacity: 1
    }

    80% {
        top: 1260px;
        left: 428px;
        opacity: 1
    }

    100% {
        top: 1260px;
        left: 428px;
        opacity: 0
    }
}

@-moz-keyframes moveUP {
    0% {
        top: 1460px;
        left: 428px;
        opacity: 1
    }

    80% {
        top: 1260px;
        left: 428px;
        opacity: 1
    }

    100% {
        top: 1260px;
        left: 428px;
        opacity: 0
    }
}

@-o-keyframes moveUP {
    0% {
        top: 1460px;
        left: 428px;
        opacity: 1
    }

    80% {
        top: 1260px;
        left: 428px;
        opacity: 1
    }

    100% {
        top: 1260px;
        left: 428px;
        opacity: 0
    }
}