<html>
<head>
<style type="text/css">
<!--
a:link { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #CC0000; }
a:active { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #000000; }
a:visited { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #114477; }
a:hover { text-decoration: underline;font-family: Verdana,Arial;font-size: 12px;color: #c9c9c9; }
a.diferente:link { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #666666; }
a.diferente:active { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #000000; }
a.diferente:visited { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #CC0000; }
a.diferente:hover { text-decoration: underline;font-family: Verdana,Arial;font-size: 12px;color: #0000FF; }
-->
</style>
</head>
<body>
<a href="#">Enlace Comun</a>
<a href="#" class="diferente">Enlace diferente</a>
</body>
</html>