#portitle {
	margin: 0 auto; padding: 0;
	height: 2em; width: 35.5em;
	text-align: center;
	}
#crono {
	margin: 0 auto; padding: 0;
	position: relative; /*fija la posici&ón de la imagen emergente*/
	width: 35.5em; height: 3.6em;
	text-align: center;
	}
a.bio, a.bio:visited { 
	display: block; 
	float: left;
	margin: 0 0.2em; padding: 0.3em 0.5em;
	background: #fff; color: #000; /*avoids default link behaviour*/
	text-decoration: none; /*avoids default link behaviour*/
	font-size: 76%;
	border: 1px solid #000;
	width: 6em;
	}
a.bio span {	
	display: block; position: absolute; 
	top: -100px; left: -100px; 
	width: 1px; height: 1px; 
	overflow: hidden; 
	z-index: -1;
	}
a.bio:hover {
	border: 1px solid #000;
	text-decoration: none; 
	}
a.bio:hover img {
	border: 0px solid #000;
	z-index:100;
	}
a.bio:active img, a.bio:focus img {border: 0px;}
a.bio:hover span {
	display: block; position: absolute;
	width: 21em; height: 21em; 
	top: 8em; left: 13.5em; 
	background-color: #fff; color: #000; 
	z-index:100;
	}
a.bio:active, a.bio:focus {
	border: 1px solid #000;
	}
a.bio:active span, a.bio:focus span {
	display: block; position: absolute; 
	width: 21em; height: 21em; 
	top: 8em; left: 13.5em; 
	border: 0px;
	background: #fff; color: #000;
	}
		
a.gpm, a.gpm:visited     {background-color: #ffffc0; color: #000;}
a.pcc, a.pcc:visited     {background-color: #ffffa0; color: #000;}
a.sopas, a.sopas:visited {background-color: #fff080; color: #000;}
a.rec, a.rec:visited     {background-color: #ffe060; color: #000;}
a.track, a.track:visited {background-color: #ffd040; color: #000;}
a.sw, a.sw:visited       {background-color: #ffc020; color: #000;}

a.gpm:hover, a.pcc:hover, a.sopas:hover,
a.rec:hover, a.track:hover, a.sw:hover {
	background-color: #fff; color: #000;
	}