/*.... TABELAS .... -- Hey, quem disse que tabela não é semantica?*/
/***********************************************************/

.tabela {
font:11px Tahoma, sans-serif;
width:100%; 
margin:0 0 10px 0;
}

.tabela caption {
background:#fff url("bg_caption.gif") repeat-x;
color:#006ab2;
padding:2px;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #c5c6c8;
}

.tabela thead th { 
background:#006ab2 url("bg_thead.gif") repeat-x;
color:#FFF;
padding:2px;
text-align:center;
}

.tabela thead th sup{ 
color:#CCCCCC;
}

.tabela tfoot th {
background:#006ab2 url("bg_tfoot.gif") repeat-x;
color:#FFF; 
padding:2px;
text-align:center;
}

.tabela tfoot td { 
background-color:#006ab2;
color:#fff;
font-weight:bold;
padding:0px 5px;
}

.tabela tbody td {
background:#f5f5f5 ;
color:#000;
padding:2px;
text-align:left;
}

.tabela tbody th {
background-color:#f5f5f5;
color:#000;
padding:2px;
text-align:left;
}

.tabela tbody .odd th, .tabela tbody .odd td {
background:none;
background-color:#FFF;
color:#000;
}

.tabela tbody tr:hover th, .tabela tbody .odd:hover th, .tabela tbody tr:hover td {
background:#FFBA00 url("bg_hover.gif") repeat-x !important;
color:#fff;
}

.tabela tbody a {
color:#0066FF !important;
}

.tabela a:hover {
color:#006ab2;
}