.boton{/*esto es una clase*/
font-family: Verdana, Arial, helvetica;
text-align: center;
font-size: 9pt;
text-transform: uppercase;/*permite colocar el texto en mayusculas */
text-decoration: none;
padding: 4px 4px 2px 5px;/*espacio de relleno para cada uno de los lados */
display: block;/*indicamos que se despliegue el bloque */
background-color: #272729;
border-radius: 15px;/*esto es para redondear las esquinas del botòn */
color: #fff;
width: 100px;/*ancho del botòn */
height: 25px;/*alto del botòn */
}
.boton:link{
  font-family: verdana, arial, helvetica;
  color:#ffffff;
}
.boton:hover{
  font-family: verdana, arial, helvetica;
  display: block;
  background-color: #f50788;
  color: #ffffff;
}
.boton:active{
  font-family:  verdana, arial, helvetica;
  display: block;
  background-color: rgb(113, 212, 51);
  color: #FFFFFF;
}
.fade
{
  opacity: 0.7;
}
.fade:hover
{
  opacity: 1;
}
.color
{
  text-decoration: none;
  font-style: normal;
  font-size: 9pt;
  color:#202121;
}
.color:hover
{
  text-decoration: none;
  font-style: normal;
  color:#000000;
  font-weight: bold;
}
#redondeo
{
  border-radius: 500%;
}