.grilla ul{
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.grilla .encabezado span{
    border-radius: 14px;
    text-align: center;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.grilla span{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#211d1e+0,494647+50,e2e2e2+100 */
    background: #211d1e; /* Old browsers */
    background: -moz-linear-gradient(top, #211d1e 0%, #494647 50%, #e2e2e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #211d1e 0%,#494647 50%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #211d1e 0%,#494647 50%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211d1e', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 30px;
    margin-right: 2px;
    padding-left: 5px;
    vertical-align: top;
}
.grilla .boton{
    text-align: center;
}
.grilla li.over span{
    background: #333333;
    cursor: pointer;
}
.grilla li.selected span{
    background: #999999;
}