Agenda Modelo I (Azul)

#list {
text-shadow: 1px 1px 0 #fff;
color: #aeced9;
border: solid 1px #aeced9;
box-shadow: inset 2px 2px 0 #f5fcff, inset 0px 0px 5px #c8e6ef;
background: #eaf7fb;
font: normal 10px "Arial";
float: right;
padding: 3px; padding-left: 4px; padding-right: 0px;
text-align: left;
margin: 1px;
width: 74%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
opacity: 0.7;
}
#list:hover{
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
opacity: 1;
}
#dat {
text-shadow: 1px 1px 0 #fff;
color: #aeced9;
border: solid 1px #aeced9;
box-shadow: inset 2px 2px 0 #f5fcff, inset 0px 0px 5px #c8e6ef;
background: #eaf7fb;
letter-spacing: 1px;
text-transform: uppercase;
font: normal 10px "Arial";
float: left;
font-size: 10px;
padding: 3px;
text-align:center;
margin: 1px;
width: 17%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
opacity: 0.7;
}
#dat:hover{
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
text-decoration: none;
opacity: 1;
}