.footable {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444
}

.footable.breakpoint>tbody>tr>td.expand {
    background: url(Imagenes/ImagenesWeb/plus.png) 5px center no-repeat;
    padding-left: 40px
}

.footable.breakpoint>tbody>tr.footable-detail-show>td.expand {
    background: url(Imagenes/ImagenesWeb/minus.png) 5px center no-repeat
}

.footable.breakpoint>tbody>tr.footable-row-detail {
    background: #eee
}

.footable>tbody>tr:hover {
    background: #fbf8e9
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer
}

.footable>tbody>tr>td,
.footable>thead>tr>th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left
}

.footable>thead>tr>td,
.footable>thead>tr>th {
    position: relative;
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.footable>thead>tr>td:first-child,
.footable>thead>tr>th:first-child {
    -moz-border-radius: 6px 0 0;
    -webkit-border-radius: 6px 0 0;
    border-radius: 6px 0 0
}

.footable>thead>tr>td:last-child,
.footable>thead>tr>th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

.footable>thead>tr>td:only-child,
.footable>thead>tr>th:only-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.footable>tbody>tr:last-child>td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px
}

.footable>tbody>tr:last-child>td:last-child {
    -moz-border-radius: 0 0 6px;
    -webkit-border-radius: 0 0 6px;
    border-radius: 0 0 6px
}

.footable>tbody img {
    vertical-align: middle
}