@charset "utf-8";

/* CSS Document */

<style type="text/css">#numero1,
#numero2,
#numero3,
#numero4,
#numero5,
#numero6,
#numero7 {
    -webkit-animation: aparece 2.5s ease-out;
    -moz-animation: aparece 2.5s ease-out;
    -o-animation: aparece 2.5s ease-out;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    cursor: pointer;
}

#volver_menu {
    font-family: 'Oxygen';
    font-size: 15px;
    color: #000;
    position: absolute;
    left: 161px;
    top: -26px;
    cursor: pointer
}

#numero1 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
}

#numero2 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
}

#numero3 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
}

#numero4 {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
}

#numero5 {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
}

#numero6 {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
}

#numero7 {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
}


/*/////////////////////////////////*/

.tooltip1,
tooltip2,
tooltip3,
tooltip4,
tooltip5,
tooltip6,
tooltip7,
tooltip8 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip1 span {
    display: none;
}

.tooltip1:hover span {
    display: block;
    position: absolute;
    top: 25px;
    left: -20%;
    width: 69px;
}

.tooltip2 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip2 span {
    display: none;
}

.tooltip2:hover span {
    display: block;
    position: absolute;
    top: 50px;
    left: -10%;
    width: 69px;
}

.tooltip3 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip3 span {
    display: none;
}

.tooltip3:hover span {
    display: block;
    position: absolute;
    top: 50px;
    left: 5%;
    width: 69px;
}

.tooltip4 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip4 span {
    display: none;
}

.tooltip4:hover span {
    display: block;
    position: absolute;
    top: 50px;
    left: -10%;
    width: 69px;
}

.tooltip5 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip5 span {
    display: none;
}

.tooltip5:hover span {
    display: block;
    position: absolute;
    top: 270px;
    left: 15%;
    width: 69px;
}

.tooltip6 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip6 span {
    display: none;
}

.tooltip6:hover span {
    display: block;
    position: absolute;
    top: 130px;
    left: 50%;
    width: 69px;
}

.tooltip7 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip7 span {
    display: none;
}

.tooltip7:hover span {
    display: block;
    position: absolute;
    top: 1050%;
    left: 15%;
    width: 69px;
}

.tooltip8 {
    position: absolute;
    /*left: 502px;
	top: 332px;*/
}

.tooltip8 span {
    display: none;
}

.tooltip8 span {
    display: block;
    position: absolute;
    top: -170px;
    left: 25%;
    width: 69px;
}


}
</style>