#calendar {
	margin-left: 5px;
	width: 147px;
}

#calendar a {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	width: 20px;
	text-align : center;
	background-color: #00C3FF;
	color: black;
	text-decoration:none;
}

#calendar a:hover {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	width: 20px;
	text-align : center;
	background-color: black;
	color: white;
	text-decoration:none;
}

#calendar div.caixacalendari{
	background-color: white;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	width: 147px;
	height: 126px;
}

#calendar div.peucalendari{
	background-color: #888888;
	padding-left: 1px;
	width: 147px;
	height: 20px;
}

#calendar div.peu {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 47px;
	text-align : center;
	background-color: #888888;
	color: white;
}

#calendar a.peu {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 47px;
	text-align : center;
	background-color: #888888;
	color: white;
	text-decoration:none;
}

#calendar a.peu:hover {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 47px;
	text-align : center;
	background-color: #888888;
	color: black;
	text-decoration:none;
}

#calendar div.dia {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	width: 20px;
	text-align : center;
	color: #888888;
}

#calendar div.dianou {
	background-color: #C9C9C9;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;	
	width: 20px;
	text-align : center;
	color: black;
}

#calendar div.diaocupat {
	background-color: #00C3FF;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;	
	width: 20px;
	text-align : center;
	color: black;
}

#calendar div.diaactual {
	background-color: #888888;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;	
	width: 20px;
	text-align : center;
	color: white;
}

#calendar div.diaseleccionat {
	background-color: red;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;	
	width: 20px;
	text-align : center;
	color: black;
}

#calendar div.titular {
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;	
	border-bottom: 1px solid #888888;	
	width: 20px;
	text-align : center;
	color: black;
}

#calendar image.mes {
	border: 0px groove #888888;
	margin: 0px 0px 0px 0px;	
}

#calendar a.titolmes {
	
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 0px;
	border-top: 0px;
	text-align : center;
	background-color: #EEEEEE;
	color: black;
	text-decoration:none;	
}

#calendar a.titolmes:hover {
	
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 0px;
	border-top: 0px;
	text-align : center;
	background-color: #EEEEEE;
	color: black;
	text-decoration:none;
}

#calendar img.nommes{
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
}