/* CSS Document */
body {
	margin: 0px; 
	padding: 0px; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../imatges/fondos/fondo.jpg) right top repeat-x #688819;
	}
* {
	padding: 0px; 
	margin: 0px;}
ul {
	list-style-type: none;
}
.clear {
	clear: both;
}
/*----MAIN PANEL----*/
#mainPan {
		width:871px; 
		position:relative; 
		margin:0 auto; 
		border-left: solid 3px #434343;
		border-right: solid 3px #434343;	
		background: url(../imatges/fondos/fondo_main.jpg) right top repeat-y;	
		}
/*---HEADER-FOOTER---*/
#header {
		width: 871px;
		padding-bottom: 19px;
		background: url(../imatges/fondos/separata.jpg) right bottom repeat-x;
	
}
#header_2 {
		width: 871px;
		padding-bottom: 19px;
		background: url(../imatges/fondos/separata.jpg) right bottom repeat-x;
	
}
#header_ocult {
		font-size: 0px;
		text-indent: -9999px;
		margin-top: -2px;
		background: #003300;
}

/*----Left Panel----*/
#leftPan {
		width: 542px;
		float: left;
		border-right: solid 4px #F0F0F0;
		margin-right: 4px;
		padding-bottom: 25px;
		
		
}
/*-------Right Panel -------------*/
#rightPan {
		width: 320px;
		#width: 317px;
		float: right;
		background: url(../imatges/fondos/fondo_right.jpg) right top repeat-x #ebebeb;
		padding-bottom: 25px;
		padding-top: 22px;
	
}
.negreta {
	color: #8a8a8a;
	font-weight: bold;
}

#footer {
		width: 871px;
		border-top: solid 5px #434343;
		padding: 22px 0px 15px 0px;
		background-color: #6d6d6d;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FFFFFF;
		text-align: center;
		float: right;
}

#footer p{
		display: block;
		width: 871px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FFFFFF;
		text-align: center;
		float: left;
}
#footer ul#llista_menu {
	display: block;
	float: left;
	width: 560px;
	text-align: center;
	margin-left: 20px;
	
}
#footer ul#llista_menu  li {
	display: block;
	float: left;
}
#footer ul#llista_menu  li a{
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	width: 110px;
	text-align: center;	
	border-right: dotted 1px #999999;
}
#footer ul#llista_menu  li a.primer_menu{
	border-left: dotted 1px #999999;
}
#footer ul#llista_menu li a:hover, #footer ul#llista_menu  li a.primer_menu:hover{
	color: #000000;
}
#footer ul#credits_mapa {
	display: block;
	float: right;
	width: 165px;
	padding-left: 20px;
	margin: -2px 0px 20px 20px;
	text-align: left;
	border-left: dotted 1px #999999;
}
#footer ul#credits_mapa  li {
	float: left;
	width: 80px;
	height: 15px;
}

#footer ul#credits_mapa  li a.credits {
	float: left;
	font-size: 10px;
	padding: 1px 0px 5px 15px;
	margin-right: 15px;	
	color: #FFFFFF;
	text-transform:lowercase;
	text-decoration: none;
	background: url(../imatges/vinyetes/credits.gif) left 2px no-repeat;
}
#footer ul#credits_mapa  li a.mapa_lloc {
	float: left;
	font-size: 10px;
	padding: 1px 0px 5px 15px;
	margin-right: 15px;	
	color: #FFFFFF;
	text-transform:lowercase;
	text-decoration: none;
	background: url(../imatges/vinyetes/map.gif) left top no-repeat;
}
#footer ul#credits_mapa  li a.credits:hover, #footer ul#credits_mapa  li a.mapa_lloc:hover {
	color: #000000;
}