*{
    margin: 0;
    padding: 0;
}

body { 
	background: #bbbbbb;
	margin: 0; 
	padding: 0; 
	font: 100%/1.5 Arial, Helvetica, sans-serif;
}

#web { position: relative; width: 80%; left:20%; margin-left:-10%;}

#capcelera { width: 100%; height: 100%; background-color: #eeeeee; margin-top: 25px; } 

.noticies {
	float: left;
	margin: 10px 0px 10px 10px;
	border: 2px solid #bbbbbb;
  	border-radius: 5px;
	background-color: #ffffff;
}

.TitolNoticies {
	font-weight: bold;
	color: #C0392B;
	margin: 5px 5px 5px 5px;
}

.meteorologia {
	float: left;
	margin: 10px 0px 10px 10px;
	border: 2px solid #bbbbbb;
  	border-radius: 5px;
	background-color: #ffffff;
}

.TitolMeteorologia {
	font-weight: bold;
	color: #CA6F1E;
	margin: 5px 5px 5px 5px;
}

.TempDreta {
	float: left;
	width: 50%;
}

.TempEsquerra {
	float: left;
	width: 50%;
}

.TempPatrocinador {
	
}

.activitats {
	clear: both;
	float: left;
	margin: 10px 10px 0px 10px;
	border: 2px solid #bbbbbb;
  	border-radius: 5px;
	background-color: #ffffff;
}

.TitolActivitats {
	font-weight: bold;
	color: #ff8000;
	margin: 5px 5px 5px 5px;
}

.Radio {
	float: left;
	margin: 10px 10px 0px 10px;
	border: 2px solid #bbbbbb;
  	border-radius: 5px;
	background-color: #ffffff;
}

.TitolRadio {
	font-weight: bold;
	color: #000000;
	margin: 5px 5px 5px 5px;
}

#arasona {
	margin: 5px 5px 5px 5px;
	height: 15px;
}