/*Ejemplo de rollover de ratón en un menú*/

#menu {
	 position:relative;
	 float: left;
}

#menu a {
	 background-image: url(http://es.geocities.com/fp_pereda_php/imagenes/button.gif); 
	 /*background-repeat: no-repeat;*/
	 text-decoration: none;
	 display:block;
		width:120px;
		margin: 1em 0; padding:7px 0 10px 20px;
		font: bold 14px/1 sans-serif;
		color:#c60;
      
   }
#menu a:hover {
     background-position: -157px 0;
/*La imagen tiene que estar dividida en píxeles de 157 ancho.*/
   }
#menu a:active {
     background-position: -314px 0;
   }
#menu form {
	
	background-color: Blue;
	border: 35px;
	border-color: Black;
	font-size: medium;
	color: Black;
	}

.boton {
border: 1px solid #BBBBBB;
}