#mapa {
	margin-left: 5px;
	width: 170px;
}

#mapa a {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	width: 40px;
	height: 75px;
/*	text-align : center;
	text-decoration:none; */
}

#mapa a:hover {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
/*	border-left: 1px solid #888888;
	border-top: 1px solid #888888; */
	border: 2px solid red;
	width: 37px; 
	height: 72px;	
/*	background-color: red; */
 	text-align : center;
	text-decoration:none;
}

#mapa a.seleccionat {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 2px solid green;
	width: 37px;
	height: 72px;
/*	text-align : center;
	text-decoration:none; */
}

#mapa div.caixacalendari{
	background-image: url(../images/mapa/mapa_petit.jpg);
	background-position : left;
	background-repeat : repeat-y;
	height: 304px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	width: 164px;
}

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

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

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

#mapa 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;
}

#mapa 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;
}

#mapa 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;
}

#mapa 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;
}

#mapa 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;
}

#mapa 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;
}

#mapa 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;
}

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

#mapa 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;	
}

#mapa 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;
}

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