/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}


 .tooltip {
	display:none;
	font-size:12px;
	height:130px;
	width:250px;
	padding:25px;
	color:#eee;
	background-image: url(imagenes/black_arrow2.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  
  

  
    #demo1 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 180px;
	margin-left: 20px;
  }
  
 
    #demo2 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 80px;
	margin-left: 40px;
  }

    #demo3 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 122px;
	margin-left: 40px;
  }


    #demo4 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 30px;
	margin-left: 57px;
  }
  
      #demo5 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 10px;
	margin-left: 57px;
  }


      #demo6 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 10px;
	margin-left: 57px;
  }

      #demo7 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 10px;
	margin-left: 57px;
  }

    #demo8 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 80px;
	margin-left: 20px;
  }
  
    #demo9 {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 125px;
	margin-left: 20px;
  }
  
    #demo1-repechaje {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 65px;
  }
    #demo1-repechajeb {
	border:0;
	cursor:pointer;
	float: left;
	height: 102px;
	width: 165px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 0px;
  }