/*aquesta serà l'id central del nostre document, la caixa principal*/
body {padding:0;
	width:800;}

#cos 	{
		width:546px;
		/*donem l'amplada al cos*/
		margin:5% auto;
		/*apliquem un marge en percentatge superior i inferior i automàtic per que centri el cos*/
		font-family: Arial, Helvetica, sans-serif;
		/*utilitzem la font arial com a genèrica per el document o altres sans-serif */
		font-size:16px;
		/*establim el cos general de la lletra*/
		}

/*donem format especial per el títols h1*/		
h1		{
		font-family: Georgia, 'Times New Roman', serif;
		/*la familia de font a utilitzar serà del tipus serif*/
		font-style: italic;
		/*apliquem cursiva*/
		font-size: 28px;
		/*done el cos a la lletra dels títols h1*/
		color: #d77b00;
		/*el color corresponent*/
		}

/*definim una classe genèrica per tots els hiper-vincles*/		
a {
	text-decoration: none;
	/*els traiem el subratllat*/
	color:#424242;
	/*establim un color genèric grisós*/
	}	

/*establim un forma per les llistes sense ordre*/		
ol 	{
	color: #d84900;
	/*color dels seus component - taronjós*/
	font-family: Georgia, 'Times New Roman', serif;
	/*el tipus de lletra de la família serif*/
	}		

/*creem una classe per posar en majúscules la primera lletra dels noms*/
.nom {text-transform:capitalize;}	

/*fem que l'abbr surti de la imatge del basquet surti amb dotted de 2 píxels*/
.abbr-destacat {border-bottom: 2px dotted}			

				

/*definim l'hipervincle del primer paràgraf*/	
a.link-destacat {
				color: #007600;
				/*es de color verdós i ho fem per tots els formats així no ens canvia el disseny*/
				text-decoration: none;
				/*no està subratllat*/
				}
	
/*creem una classe per el primer tipus d'aquestes imatges*/	
.imatge1	{
			width: 500px;
			/*amplada de la caixa*/
			padding: 1.5em 0 1em 0;
			/*donem espai per la part superior i inferior*/
			margin: 3% auto;
			/*apliquem un marge en percentatge superior i inferior i automàtic per que centri el div*/
			background : #d77b00;
			/*posem el color de fons*/
			text-align:center;
			/*centrem la imatge*/
			border-top: 2px outset #424242;
			/*donem estil a la vora superior*/
			border-bottom: 2px outset #424242;
			/*donem estil a la vora inferior*/
			}
/*establim una classe per els paràgrafs del model imatge 1*/
div.imatge1 p	{
				font-size:14px;
				/*mida de la font*/
				padding: 0.5em 0 0 2em ;
				/*desviem una mica de la part superior i de la esquerra*/
				text-align:left;
				/*aliniem el text a l'esquerra*/
				}
/*definim el segon model d'imatge*/			
.imatge2	{
			font-size:14px;	
			/*cos de la lletra*/
			width: 500px;
			/*mida de la caixa*/
			padding: 2.5em 0 0.5em 0;
			/*espai del límit de la imatge superior i inferior*/
			margin: 3% auto;
			/*apliquem un marge en percentatge superior i inferior i automàtic per que centri el div*/
			background : #d6d6d6;
			/*donem color al fons*/
			text-align:center;
			/*al·liniem el contingut al centre*/
			border-left: 4px dashed #d84900;
			/*donem format a la vora superior*/
			border-right: 4px dashed #d84900;
			/*donem format a la vora inferior*/
			}
/*al·liniem el text del model d'imatge 2 al centre*/
div.imatge2 p {text-align:center;}

/*definim una classe per la ressenya de l'autor*/
.blockquote1 	{
				width:395px;
				/*mida de la caixa*/
				font-family: Georgia, 'Times New Roman', serif;
				/*tipus de font serif*/
				font-size: 18px;
				/*cos de la font*/
				margin-left: 1.25em;
				/*desviem la caixa de l'esquerra a la dreta una mica*/
				padding: 3em 4.5em;
				/*definim un espai de l'interior per que el text no s'enganxi al marge*/
				background : #d6d6d6;
				/*definir el color de fons*/
				border: 2px dotted #ff7d00;
				/*posem l'estil de la caixa amb una vora iterlineada*/
				}