body{
		font-family:Verdana;
		text-align: center;
		background-color: #fff;
		margin: 0;
		padding: 0;
		font-family: Verdana;
		font-size: 75%;
		width: 98%;
		
	}

	#centre ul li A:link		{text-decoration: none; color: #000;}
	#centre ul li A:visited	{text-decoration: none; color: #000;}
	#centre ul li A:hover		{text-decoration: none; color: #f6ac61;}
	#centre ul li A:active	{text-decoration: none; color: #000;}
	#centre ul li A:focus		{text-decoration: none; color: #000;}	
	
	#centre{
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#dreta{
		width: 520px;
		float:left;
		margin: 0;
		padding: 0;
		/*background-color:red;*/
		margin-left: 50px;
	
	}	
	#esquerra{ /*controla el titol*/
		width: 290px;
		float:left;
		margin: 0;
		padding: 0;
		/*background-color: #000;*/
	}
	
	#explicacio{
		text-align: left;
		font-size: 0.9em;
		padding-top: 38px;
		width: 100%;
		line-height: 14px;

	}
	
	h3{
		width: 100%;
		heigth: 100%;
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	h5{
		text-align: left;
		color: #E67817;
		font-size: 1em;
	}
	
	.dates{
		text-align: right;
/*		padding-right:20px;*/
		width: 110px;
		font-size: 12px;
		
	}
	.hores{
		text-align: right;
/*		padding-right:20px;*/
		width: 90px;
		font-size: 12px;
		
	}		

	* html #dreta{
		width: 540px;
	}	
	
	#imatge{
		text-align: left;
		margin-left: 190px;
		margin-top: 30px;
	}
	
	.imatge{
		margin-top: 5px;
		margin-left: 10px;
		float: left;
		margin-bottom: 5px;
	}
	
	li{
		width: 100%;
		text-align: left;
		list-style: none;
		font-size: 7pt;
		padding-left: 0;
		margin: 0;
		margin-top: 5px;
	}	
	
	.llistatCursos{
		position: relative;
		width: 100%;
	}
	
	#llegenda{
		font-size: 0.8em;
		margin-left: 15px;
		margin-top: 10px;
		width: 500px;
	}	

	.miniaturaColor{
		padding-top: 3px;
		width: 15px;
		border: none !important;
	}
	
	.nomCurs{
		width: 390px;
		padding: 0;
		text-transform: uppercase;
		font-size: 11px;
		/*font-size: 0.79em;*/
	}
	.nomArea{
		color: #E67817;
		font-size: 1em;
		font-weight:bold;
		padding-left: 15px;
	}
	
	.noCursos{
		clear: left;
		margin-top: 50px;
		margin-left: 100px;
	}					
	
	.taula{
		margin-top: 0px;
		clear: left;
		border-collapse: collapse;
	}
	.taula tr{
		margin: 0;
		border-bottom: 1px solid #f6ac61;
	}
	.taula td{
		vertical-align: top;
		border-bottom: 1px solid #f6ac61;
		padding-top: 3px;
		padding-bottom: 3px;	
	}

	#titol{
		margin: 0;
		heigth: 10px;
		margin-top: 30px;
		padding: 0;
		text-align: right;
		color: #E67817;
		border-bottom: 1px solid #f6ac61;
	}	
	
	.titol{
		color: #E67817;
		font-size: 1em;
		font-weight:bold;
		float: left;
		margin-top: 90px; 
	}	
	
	ul{
		padding: 10px;
		padding-left: 0;
		margin: 0;
	}