/*donem les especificacions bàsiques de la plana*/
body	{
		margin:5% auto;
		/*el marge que tindrà dels costats i endalt i avall serà proporcional*/
		width:800px;
		/*mida del contingut*/
		padding: 0;
		/*traiem el padding*/
		font-family: Georgia, 'Times New Roman', serif;
		/*establim la font general a georgia o una serif*/
		font-size: 19px;
		/*donem el valor al cos de la lletra general*/
		color:#424242;
		/*establim el color de la font*/
		}

/*anem a donar estil als títols h1*/
h1 		{
		font-family: Arial, Helvetica, sans-serif;
		/*família de la font sans-serif*/
		font-size: 25px;
		/*cos de la lletra*/
		color:#ff7d00;
		/*color de la lletra*/
		}
		
/*donem un padding superior/inferior i esquerre* a les llistes per que tinguin espai entre elles/		
.cercles, .quadrats {padding: 0.3em 0em 0.3em 2.5em;}

/*donem una mica d'espai superior als elements li de les llistes definides amb la classe quadrats*/
.quadrats li{padding-top:0.1em;}

/*donem format a les llistes definides amb la classe diamant*/
.diamants li{
			list-style-type: none;
			/*no volem cap filigrana*/
			background: #fff url("images/diamante.png") no-repeat 0 0.1em;
			/*per que hi posem la nostra imatge de diamant que no es repetirà per el fons amb un color de fons blanc*/
			/*li donem la posició desviant-lo una mica a l'eix vertical*/
			margin-left: 0.5em;
			/*desviem una mica la llista a l'esquerra*/
			padding: 0.25em 0em 0.1em 1em;
			/*marquem la posició del text desviat de la part superior/inferior i 1 em de l'esquerra*/
			}
/*definim l'estil dels enllaços del diamants*/
.diamants a	{
			text-decoration: none;
			/*traiem el subratllat*/
			color:#ff4d00;
			/*definim el color del vincle en tots els estats menys en l'estat de visitat*/
			}
/*definim un color blau per que l'usuari vegi que l'ha visitat*/			
.diamants a:visited{color:blue;}