/*Establim valors generals per la pàgina, un marge 0 per normalitzar el visionat en els diferents agents d'usuari, un padding mínim per que no ens quedi enganxat als límits de pantalla, color de fons, i el tipus de font del document i el seu cos*/
body {
	width:800px;
	margin:5px auto;
	padding: 10px;
	background: #ffffff;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	}

/*Donem el format correcte al caption d'entrada de la taula, a destacar eliminar els borders i deixar només el superior, m'ha semblat que el tipus de lletra era courier però no estic del tot segur*/
caption {
	margin: 0px;
	padding: 10px;
	border: none;
	border-top: 1px solid #e8edff;
	background: #f0f2fa;
	font-family: courier, "courier new", consolas;
	font-size: 15px;
	}	

/*Aquest és el format de la taula l'hem mesurat amb photoshop i així establim la seva amplada, col.lapsem els borders de manera que no es vegin*/
table {
	width: 363px;
	text-align: center;
	border-collapse: collapse;
	}

/*Assignem l'estil comú per la capçalera i el peu, color de fons i borders superior i inferior*/
thead, tfoot {
	background: #6a96cc;
	border-top: 2px solid #6678b1;
	border-bottom: 2px solid #6678b1;
	}
	
/*Degut a que el thead té pes específic no em cal crear un ID per el head tot i que potser per ser més ordenat hauria estat millor fer-ho ja que he hagut de crear un ID er el peu*/	
/*En aquest estil definim el color de la font de la capçalera, el tipus de font i el cos de la lletra, no he trobat cap font que s'assembli més a la de l'exemple :( */
thead {
	color: #8022a8;
	font-family: Calibri;
	font-size: 14px; 
	}
	
/*Fem que aparegui una vora inferior del color adequat per que separi les files*/
th,td {
	border-bottom: 1px solid #f0f2fa;
	}

/*donem espai de 4píxels a les quatre bandes de l'interior dels titulars principals de la taula*/
th { padding: 4px;}		

/*l'espai de les altres files és més gran i el contingut general de la lletra és d'un color blau-gris*/
td { padding: 8px; color: #6666b5;}

/*A tots els th que tenen l'atribut scope=row els donen propietats d'alineació, color de fons, padding i situem la imatge del casc en la posició correcte*/
th[scope="row"]{
	text-align: left;
	background: #c6f0e3;
	padding-left: 20px;
	background-image:url(../images/casco.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right:2px;
	}

/*donem format de color a les files tipus zebra*/	
tr.fila-par 	{ background: #c6f0e3;}	
tr.fila-impar 	{ background: #d5dbf4;}

/*Utilitzant el pseudo-element “last-child” podem modificar el format de la darrera columna "puntos" sense fer gaires invents, hem d'assignar especificitat de ID al peu per que no ens canviï el format la regla del td, és podria haver fet assignant una classe a la darrera columna però ho he trobat més còmode d'aquesta manera*/

/*diem a l'estil que la darrera columna de la taula te el següent format així podem canviar el color, font, cos... sense problemes*/
td:last-child {font-weight: bold;}

/*ja que la darrera norma te més pes ens canvia el peu llavors podia marcar el font-weight:normal com a !important però he trobat més responsable crear un ID per el peu, potser hauria d'haver creat el mateix per la capçalera per mantenir l'ordre :? */
#peu {
		font-size: 12px; 
		color:#ffffff ;
		font-weight: normal;
		}