#button {margin-top: 12px;margin-right: 16px;
    display: block;
    float: left;
    width: 156px;
	/*width: 12em;*/
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #b4bbbf;/*linea base 90bade*/
	color: #333;
	}


#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 1px solid #b4bbbf;/*linea base 90bade*/
		margin: 0;
		}
#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #445866; /*izq oscuro 1958b7*/
		border-right: 10px solid #959a9f; /*derecho claro 508fc4*/
		background-color: #84929E; /*#base 2175bc 84929E*/
		color: #ddd;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #466471;/*izq oscuro 1c64d1*/
		border-right: 10px solid #9ab; /*derecho claro 5ba3e0*/
		background-color: #94a2aE; /*#base 2586d7 94a2aE*/
		color: #fff; /*f90*/
		}