#bloque {
      width: 700px;
      height:723px;
    
      background-image: url(http://www.granada.org/inet/warboles.nsf/Campus_color.gif);
    }

      .circulo1 {
          position: relative;
          float: left;
          margin-left: 150px;
          margin-top: 140px;
          width: 40px;
          height: 40px;   
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
           background: red;
      }

      .circulo2 {
       position: relative;
       float: left;
       margin-left: 290px;
       margin-top: 150px;
       width: 40px;
        height: 40px;   
        -moz-border-radius: 50%;
         -webkit-border-radius: 50%;
       border-radius: 50%;
          background: red;
      }

         .circulo3 {
         position: relative;
         float: left;
        margin-left: 5px;
        margin-top: 470px;
           width: 40px;
           height: 40px;   
           -moz-border-radius: 50%;
           -webkit-border-radius: 50%;
           border-radius: 50%;
           background: red;
      }

           .circulo4 {
         position: relative;
         float: left;
        margin-left: 100px;
         margin-top: -40px;
           width: 40px;
           height: 40px;   
           -moz-border-radius: 50%;
           -webkit-border-radius: 50%;
           border-radius: 50%;
           background: red;
      }


 #uno{
      padding-left: 15px;
      font-size: 26px;
      font-weight: bold;
      text-decoration:none; 
      color: white;
      font-size: 1.4em;
      text-align: center;
      transition: all 0.3s ;

     }

     #uno:hover {

            font-size: 36px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
  transform: scale(0.8);
  box-shadow: inset 0 0 0 3px #555953;

     }


#rcorners1 {
 
   font-family: Tahoma, Geneva, sans-serif;
color: #FFFFFF;
font-size: 18px;
    border-radius: 25px;
    background: #FF2008;
text-align: center;
    padding: 6px; 
    width: 140px;
    height: 20px;    
}



/*mapa con puntos*/


.fondo {  
  background-image: url(http://www.granada.org/inet/warboles.nsf/Cuadrante1Campus.gif); 
  width: 375px; 
  height: 369px; 
  
  } 
 
  .fondo1 {  
  background-image: url(http://www.granada.org/inet/warboles.nsf/Cuadrante2Campus.gif); 
  width: 375px; 
  height: 369px; 
  
  } 
  
   .fondo2 {  
  background-image: url(http://www.granada.org/inet/warboles.nsf/Cuadrante3Campus.gif); 
  width: 375px; 
  height: 407px; 
  
  } 
  
  .fondo3 {  
  background-image: url(http://www.granada.org/inet/warboles.nsf/Cuadrante4Campus.gif); 
  width: 375px; 
  height: 407px; 
  
  } 

.anima {
        height: 15px;
        width: 15px;
        margin: 15px 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
    }
 
     .anima:hover {
        height: 26px;
        width: 26px;
        margin-left: -50px;
      }


        .pequeanima {
        height: 13px;
        width: 13px;
        margin: 15px 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
    }
 
     .pequeanima:hover {
        height: 40px;
        width: 40px;
        margin-left: -50px;
      }