#demostracao li{
    margin:5px;
    line-height:38px;
    list-style:none;
}

#demostracao a{
    color:#def;
    background:#822;
    text-decoration:none;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#a22), to(#622));
    background-image:-moz-linear-gradient(top, #a22, #622);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:3px;
    border-top:5px solid #622;
    border-left:5px solid #622;
    border-bottom:5px solid #a22;
    border-right:5px solid #a22;
    position:relative;
    left:0;
    -webkit-transition:color .1s linear, border .1s linear, left .1s ease-in;
    -o-transition-property: color, border, left;
    -o-transition-duration: .1s, .1s ,.1s;
    -o-transition-timing-function: linear, linear, ease-in;
}

#demostracao a:hover{
    color:#ffb;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#622), to(#a22));
    background-image:-moz-linear-gradient(top, #622, #a22);
    border-top:5px solid #a22;
    border-left:5px solid #a22;
    border-bottom:5px solid #622;
    border-right:5px solid #622;
    left:10px;
}

#demostracao a:active,#demostracao a:focus{
    background:#522;
}