body { font-size: 0.7em;
                font-family: Helvetica, sans-serif;
                background-color: #000;
		               }


      #imagen {margin:0 auto;
               width: 800px;
               height: 600px;
               position: relative; /*Muy Importante*/
               background:url(images/fondo2.jpg) no-repeat; 
               }

            a {outline-style: none;
               display: block;
               color:#000;
               text-decoration:none;
               position: absolute; /*Muy Importante*/
               width: 90px; /*Tamaño de todos los cuadrados*/
               height: 90px; 
               }
 
       a:hover {
                 
               /* border: 0px solid #fff; /*Borde interior Blanco, lo quito*/
                cursor: hand;
                }

/*al pasar el ratón*/

       .efectohover{
                display: block;
                width: 90px;
                height: 90px;
                position: absolute;
                top: 0px;
                left: 0px;
                }

/* a:hover .efectohover {
                      border: 1px solid #aaa;
                     
                        } era el borde gris exterior que quité */
 


/*Posicion de cada nota*/
  
                .uno a{
                       top: 500px;
                       left: 311px;
                       }
               .dos a {
                       top: 307px;
                       left: 406px;
                       }
      
               .tres a { 
                        top: 500px;
                        left: 114px;
                        }
              .cuatro a {
                         top: 403px;
                         left: 267px;
                         }
  
               .cinco a {
                         top: 403px;
                         left: 365px;
                         }

                .seis a {
                         top: 500px;
                         left: 436px;
                         }

                .siete a {
                         top: 325px;
                         left: 620px;
                         }

/*Reglas para mostrar el texto de cada nota*/
  
              .texto {
                      position: absolute;
                      left: -10000px;
                      text-align:center;
                      background-color:#FFFFFF; 
                      width: 88px;
                      bottom: -3px;
                      }
    
        a:hover .texto{
                       left: 0;
                      } 


          .animacion {
                      position: absolute;
                      left: -10000px;
                      align:center;
                      width: 90px;
                      top: 0px;
                      }

         a:hover .animacion{
                       
                       left: 0;
                      } 

img {border: none;}