.agenda a {
background: #e9edf0; 
margin: 3px;
padding: 3px;
display: block;
font-size: 9px;
border-radius: 3px; 
text-transform:uppercase;
font-size: 8px; 
font-family : silkscreen; 
text-indent:10px; 
color:#aaa;
text-shadow: -1000px 0 1px #8594ab; 
overflow:hidden; 
border-right:0px solid #b8c7db;
-webkit-transition: all 0.8s ease-out; 
-moz-transition: all 0.8s ease-out; 
-o-transition: all 0.8s ease-out;
}
.agenda a:hover {
color: #fff; 
padding-left: 29px; 
padding-right: 11px; 
text-shadow: 1px 1px 1px #b8c7db; 
border-right:10px solid #e3d6c3;
}