body {
	font-family:arial, verdana, tahoma;
	font-size: 15px;
	text-align:left;
	background:#fff url("../images/stcolumbas_08.jpg") no-repeat;
	padding:10px 15px 20px 15px;
}

table {
	font-size: 15px;
	font-family:arial, verdana, tahoma;
}

a {
	text-decoration:none;
	color:#f05c20;
}

a:hover,a:active{
	text-decoration:underline;
}

h1 {
	margin:10px 0;
	padding:0;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	color: #f05c20;
}

h2 {
	margin:10px 0;
	padding:0;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color:#339ea9;
}

h3 {
	margin:10px 0;
	padding:0;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	line-height:1.5em;
	color: #000;
}


td {
	font-family:arial, verdana, tahoma;
	vertical-align:top;
	font-size: 15px;
	text-align:left;
}

td p {
	margin:0;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
	padding: 5px;
	text-decoration: none;
}