/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/********************** Estils pels Taules ***********************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/




.taula {
  margin-left: auto; 
  margin-right: auto;
  width: 400px;
  border-collapse: collapse;
  border: 2px solid #006599; /* Marró */
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0; /* Blanc Marfil - Text */
  background: #F6ECF0; /* RosaQ - fons normal */
  }
.taula caption {
  text-align: center;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
.taula td {
  border: 1px solid #FF3531; /* BlauQ - borde */
  padding: .3em;
  color: #006599; /* Blanc Marfil */
  }
.taula th {
  font: bold 12px verdana, arial, helvetica, sans-serif;
  border: 1px dashed #006599; /* Blau - borde */
  padding: .3em;
  color: #006599; /* Blanc Marfil */
  background: #F6ECF0; /* BlauQ - fons normal */
  }
.taula thead th, .taula tfoot th {
  font: bold 12px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;
  text-align: center;
  background: #38160C;
  color: #F6ECF0;
  padding-top:6px;
  }
.taula tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
.taula tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.taula tbody th a {
  font: bold 13px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
.taula tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.taula tbody td {
  vertical-align: top;
  text-align: center;
  }
.taula tbody th {
  vertical-align: top;
  text-align: center;
  }
.taula tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.taula .odd {
  background: #7B2342;
  }
.taula tbody tr:hover {
  background: #FF8069;
  color: #006599; /* Blanc Marfil - Text */
  }
  .taula tbody th:hover {
  background: #40A5D9;
  color: #F6ECF0; /* Blanc Marfil - Text */
  }
  /*
.taula tbody tr:hover .taula tbody th:hover, .taula tbody tr.odd:hover .taula th {
  background: #006599;
  }
  */
  
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/********************** Estils pels Textes ***********************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

	.TextNoti {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal; 
		color: #000000;
		text-align:justify;
	}
	
	.Titular {
		COLOR: #d30c28; 
		TEXT-DECORATION: none;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 14px;
		color: #d30c28;
		text-align:justify;
	}
	
	.TextBlanc {
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #ffffff; 
	}
	
	.TextRoig {
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #d30c28; 
	}
	
	.TextGris {
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #666666; 
	}
	
	.Textpetit {
		TEXT-DECORATION: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		text-align:justify;
	}
	
	.TextNegreta {
		font-size: 16px; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #000000; 
		font-weight: bold; 
		text-align:center;
	}
	
	.Dorsal {
		font-size: 50px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #ffff00; 
		text-align:center;
	}
	.Minut {
		font-size: 50px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #000000; 
		text-align:center;
	}
	
	
	.TitolGris {
		font-size: 12px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #666666; 
	}



/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/********************** Estils pels Links ************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/**Link normal**/
a.link:link {
	COLOR: #d30c28; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}
a.link:active {
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #d30c28;
	text-align:justify;
	
}
a.link:visited {
	COLOR: #666666; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align:justify;
}
a.link:hover {
	COLOR: #d30c28; 
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align:justify;
}

/**Link per noticia**/
a.noti:link {
	COLOR: #d30c28; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #d30c28;
	text-align:justify;
}
a.noti:active {
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #d30c28;
	text-align:justify;
	
}
a.noti:visited {
	COLOR: #666666; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align:justify;
}
a.noti:hover {
	COLOR: #a0a0a0; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align:justify;
}

/**Link per noticia petita**/
a.notipetita:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:justify;
}
a.notipetita:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:justify;
	
}
a.notipetita:visited {
	COLOR: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}
a.notipetita:hover {
	COLOR: #a0a0a0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}
/**Link per noticia petita groga**/
a.notipetitag:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	text-align:center;
}
a.notipetitag:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:center;
	
}
a.notipetitag:visited {
	COLOR: #FFFF22; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}
a.notipetitag:hover {
	COLOR: #DDDD11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

/**Link per defecte**/

A:link {
	COLOR: #000000; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
}
A:active {
	TEXT-DECORATION: none
	font-family: Arial, Helvetica, sans-serif;
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
}
A:hover {
	COLOR: #d30c28; TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/********************** Estils pels menus ************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
.himne {
	
	height: 20px; 
	width: 470px; 
	z-index:5;
	left: 180px; 
	top: 5px; 
	position: absolute; 
	visibility: visible; 
	
}

#menu div.barraMenuv,
#menu div.barraMenuv a.botonMenuv {
font-family: arial, verdana, sans-serif;
font-size: 11pt;
font-weight: normal; 
color: #000000;
text-align: center;
}

#menu div.barraMenuv {
text-align: center;
}

#menu div.barraMenuv a.botonMenuv {
background-color: #000000;
color: #CCCCCC;
font-weight:bold;
cursor: pointer;
padding-right: 12px;
padding-left: 12px;
padding-top: 10px;
padding-bottom:10px;
text-decoration: none;
text-align: center;

}

#menu div.barraMenuv a.botonMenuv:hover {
background-color: #333333;
color: #ffffff;
font-weight:bold;
text-align: center;

}

#menu div.barraMenuv a.botonMenuv:active {
background-color: #000000;
color: black;
text-align: center;

}
</style>