A:link {font-family:calibri,arial,"Times New Roman",Georgia,Serif; font-weight:normal;font-size:14;text-decoration:none;color:#FFFFFF;}

A:visited {font-family:calibri,arial,"Times New Roman",Georgia,Serif; font-weight:normal;font-size:12;text-decoration:none;color:#FFFFFF;} 

A:active {font-family:calibri,arial,"Times New Roman",Georgia,Serif; font-weight:normal;font-size:14;text-decoration:none;color:#FFFFFF;}

A:hover {font-family:calibri,arial,"Times New Roman",Georgia,Serif; font-weight:normal;font-size:14; text-decoration: underline;color:#ffffff;}

table { border-collapse: separate; }
td { border: solid 1px #000; }
tr:first-child td:first-child { border-top-left-radius: 8px; }
tr:first-child td:last-child { border-top-right-radius: 8px; }
tr:last-child td:first-child { border-bottom-left-radius: 8px; }
tr:last-child td:last-child { border-bottom-right-radius: 8px; }

img {
  border-radius: 10%;
}

button.cssbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 0px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#42aaff),
		to(#003366));
	background: linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	border-radius: 5px;
	border: 1px solid #003366;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
    	text-align:center;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	width: 100%;
	height: 100%;
 	vertical-align: middle;

}


button.cssbutton:hover {
	color: #ffff00;
	border-radius: 5px;
}
button.cssbutton:active {
	color: #ff0000;
	border-radius: 5px;
}
button.cssbutton img {  
    /*display: inline-block;*/
    vertical-align: middle;
    horizontal-align: center
    /*background: #f00;*/
    padding: 0px;
    border-radius: 5px;
}

.imageOCiclista {
    content:url(/frameesq/OCiclista.jpg);
    vertical-align: middle;
    width: 37px;
    height= 32px;
    margin-bottom: -16px;
    border-radius: 5px;
}

.imagePES {
    content:url(/frameesq/PES3.jpg);
    vertical-align: middle;
    width: 35px;
    height= 30px;
    margin-bottom: -16px;
    border-radius: 5px;
}

.imageMoodle {
    content:url(/frameesq/Moodle.jpg);
    vertical-align: middle;
    width: 37px;
    height= 30px;
    margin-bottom: -16px;
    border-radius: 5px;
}