/* CSS Document */


.button, .button:visited { /* botones genéricos */
  background: #222 url(URL_overlay.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #FFF;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor:pointer
}
.button:hover { /* el efecto hover */
  background-color: #111
  color: #FFF;
}
.button:active{  /* el efecto click */
  top: 1px;
}

 /* botones pequeños */
.small.button, .small.button:visited {
  font-size: 11px ;
}

 /* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

 /* botones grandes */
.large.button, .large.button:visited {
  font-size:14px;
  padding: 8px 14px 9px;
}

 /* botones extra grandes */
.super.button, .super.button:visited {
  font-size: 34px;
  padding: 8px 14px 9px;
}
Por útimo, definimos los colores, aquí algunos ejemplos:

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #002E5E; }
.blue.button:hover{ background-color: #002851; }

.taronja.button, .blue.button:visited { background-color: #f5a900; }
.taronja.button:hover{ background-color: #f7d489; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }


.menufixe	{ 
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000000;
			text-decoration:none;
			}
.barresmenufixe	{ 
			font-size: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#9B1523;
			text-decoration:none;
			}
.copyright	{ 
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			text-decoration:none;
			}
			
.idiomes	{ 
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000000;
			text-decoration:none;
			}
		
.barresidiomes	{ 
			font-size: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #9B1523;
			text-decoration:none;
			}

.titolexperiencia	{ 
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: 500;
			color: #000000;
			text-decoration:none;
			}
			
.textos	{ 
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			text-decoration: none;
			text-align: left;
			line-height: 1.7;
			}

.lletratextos	{ 
			font-size: 16px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #9B1523;
			text-decoration:none;
			font-weight:bolder;
			text-align:left;
			}

.titolssituacio	{ 
			font-size: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			text-decoration: none;
			text-align: left;
			}

.aquisituacio	{ 
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #9B1523;
			text-decoration: none;
			text-align: left;
			text-decoration:none;
			}
			
.titols	{ 
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			font-weight: 400;
			text-decoration:none;
			text-align:left;
			}
			
.quadreserveis {
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			text-decoration:none;
			text-align:center;
			}