/* ====  CORPO  =====*/
body {
  font-family  : "Arial", Times, sans-serif;
  font-size    : 15px;
  padding-right: 15%;
  padding-left : 15%;
}

/* ==== LINKS  ===== */
a:link {
  text-decoration:none;
  color: #993333;
}

a:visited {
  text-decoration:none;
  color: #cc6666;
}

a:hover {
  text-decoration:underline;
  color: #ff3243;
}

/* ==== TABELA  ===== */

th, td{
  font-family:"Verdana", Times, sans-serif;
  font-size:12px;
}

.cel_canto{
  background-color: black;
  color           : white;
}

.cel_margem{
  background-color: gray;
  color           : white;
}
.cel_margem_centro{
  background-color: gray;
  color           : white;
  text-align      : center;
}

.cel_miolo{
  background-color: #EEE;
  color           : black;
}
.cel_miolo_centro{
  background-color: #EEE;
  color           : black;
  text-align      : center;
}

.cel_destaque{
  background-color: #B8B8B8;
  color           : black;
}

 /*
td:hover{
  background-color: #B8B8B8;
  color           : black;
}  */

/* ==== h1 ===== */
h1{
  font-family:"Verdana", Times, sans-serif;
  font-size:20px;
}

/* ==== SETAS DE ORDENAÇÃO jQuery===== */

/* seta dupla à esquerda + cursor mão */
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}

/* seta ascendente */
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

/* seta descendente */
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

/* para caberem as setas à esquerda */
th{
 padding-left: 15pt;
}