.textfield { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #476955; font-weight: bold}
.nivel1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0A5428; clip:    rect(   20)}
.nivel1-Bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0A5428; clip: rect(   20) }
.titulo2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0A5428; clip: rect(   50px) ; margin-left: 20px ; text-transform: capitalize}
.nivel2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0A5428; clip: rect(   50px) ; margin-left: 20px }
.titulo3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0A5428; clip: rect(   50px) ; margin-left: 20px ; text-transform: capitalize}
.titulo2May { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0A5428; clip: rect(   50px) ; margin-left: 20px ; text-transform: uppercase}
.eventos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; clip: rect(   50px) ; text-transform: capitalize ; text-align: center}
A:visited{text-decoration: underline; color: #0000FF}<!-- vinculo visitado -->
A:link{text-decoration: underline; color: #0A5428}<!-- vinculo sin visitar -->
A:hover{color: #FF0000; text-decoration: none}<!-- si se pone el raton encima -->