i created another page www.usrc.it/index.php?option=com_content&view=article&id=734 with to table (both modules loaded in a page)
For each table i writein css Styles:

BODY #at_{$id} THEAD TR TH DIV {height: auto;}

#{$id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{$id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{$id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{$id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{$id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}

But now the table is not formatted.
What is that I'm wrong?

My bad, sorry. Use {$id} or #{id} prefix instead of #{$id}. It will be:

BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}

Regards,
ARI Soft

Nothing to do

one css:
BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}


second css:

BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #f2dede; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #f2dede; font-size: 10px;
}

........


the difference is the color in column 1 and 2 but the result it's always the same:
www.usrc.it/index.php?option=com_content&view=article&id=734


using {$id} it's ok
with #{id} no

Is it working now?

Regards,
ARI Soft

using {$id} it's ok
with #{id} no

the last question is
In the page: www.usrc.it/index.php?option=com_content&view=article&id=731 i used aridata for a piechart.
I used the same table color but the piecahert is strange, it's like opaque. Do you know why?
Is there the possibility to chenge the color of the caracter showing percentage in the piechart?
Regards

These are the same background colors as in the table. You can add the following CSS rule to change text color of labels on pie chart:

{$id} SVG>G>TEXT {fill:#6e6e6e!important;}

Regards,
ARI Soft