body {
	color: #000000;
	background-color: #FFFFFF;
	margin: 30px 30px 0px 60px;
	text-align: justify;
	font-family: Verdana;
}



img {
	border: none;
}

a {	text-decoration: underline;
	color: #000000;
}

tr { border: 2px dotted;
}
.fotos {
	text-align: center;
	border:0;
vertical-align: middle;	
}
td { border: 2px dotted;
}

.vermell { background-color: #FF9999; text-align: center;
}

.taronja { background-color: #FFCC99; text-align: center;
}

.groc { background-color: #FFFFCC; text-align: center;
}

.verd  { background-color: #CCFFCC; text-align: center;
}
.blanc  { background-color: #FFFFFF; text-align: center;
}
.gris { background-color: #CCCCCC;
}

#titol h1 { font-size:  1.2em; text-align: center;
}

#titol h2 {  font-size:   1.8em; text-align: left;
}

#esquerraindex {
	width: 45%;
	float: left;
}

#dretaindex {
	width: 45%;
	float: left;
	text-align: center;
}

	#dretaindex h1 {
	font-family: "Comic Sans MS";
	font-size:  2em;
	text-align: center;
	}

	#dretaindex em { font-family: Verdana; font-size:8pt;
	}



#menu {
	margin-left: 8%;
}

#menu li {
	float: left;
	list-style: none;
}



#dreta { 
	width: 45%;
	float: left; 
	margin-left: 10px;
}



#esquerra {
	width: 45%;
	float: left;

}

	
	#esquerra p { margin-left: 100px;
	}

#centre { 
	width: 90%; 
	float: left;
	
	text-align: left; 
	margin-left: 10px;
}

	
.idreta {
	float: right;
	border:0;
}
#peus { 
	width: 100%;
	clear: both;
	text-align: left;
}

	
h2 {
	font-size: 1.4em;
}
.centre {
	text-align: center;
}
#peusindex {
	width: 100%;
	clear: both;
	margin: 10px 20px 0px 0px;
	padding-top: 10px;
	height: 50px;
	background-color: #FFFFFF;
	font-family: "Comic Sans MS";
	border: 2px dotted;
	font-size: 1.2em;
	text-align: center;
}