/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	FONT-WEIGHT: normal;
	background-color: #FFFFFF;
	color: #666666;
	text-align: justify;
}

h1{
	font-size: 24px;
	color: #FF0000; 
	FONT-WEIGHT: normal;

}

h2{
	font-size:9px;
	color: #333333;
	text-align: justify;
	FONT-WEIGHT: normal;

}

h3{
	font-size:9px;
	FONT-WEIGHT: normal;
	text-align: right;
}
.mapa{
font-size:9px;
	color: #333333;
	text-align: justify;
	FONT-WEIGHT: normal;
	padding-left:20px;
}
#capsalera {
	height:20px;
	width: 896px;
	height : auto;
	margin: 2px auto;
}
#tot{
	text-align: left;
	width: 896px;
	margin: auto;
	border: 1px solid #cccccc;
	overflow: hidden;
}


/*MENU*/


#menu {
	height:25px;
	width: 896px;
}
a.menu:link { color: #ffffff; text-decoration:none; }
a.menu:visited { color: #ffffff; text-decoration:none;}
a.menu:hover {color: #ffffff; text-decoration:none;}

#res {
	height:25px;
	width: 224px;
	background-color: #333333;
	float: left;
}


#presentacio {
	height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;

}

div.presentacio a  {

	display:block;
}
div.presentacio a:link {background-color:#333333;text-decoration:none;
}
div.presentacio a:hover {background-color:#FF0000; text-decoration:none;}

.text {
	top: 6px;
	left: 0px;
	width: 111px;


}


#proces {
		height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;
}

#obres {
		height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;
}

#empresa {
	height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;
}

#contacte {
		height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;
}

#enllacos {
	height:25px;
	width: 111px;
	background-color: #333333;
	color: #FFFFFF;
	left: 225px;
	border-left-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	float: left;
	margin-left: 1px;
}


/*FINAL MENU*/

#contenidor {
	width: 896px;
	height: auto;
	
}

#submenu{
	padding-top: 90px;
	width: 200px;
	height : auto;
	padding-left: 15px;
	float: left;
	
}
a.submenu:link { color: #ff0000; text-decoration:none; }
a.submenu:visited { color: #ff0000; text-decoration:none;}
a.submenu:hover {color: #000000; text-decoration:none;}

#contingut{
	padding-top: 40px;
	width: 636px;
	height : auto;
	padding-right: 30px;
	float: right;
	padding-bottom: 20px;
	padding-left: 15px;
	
}


#fons {
	background-image: url(imatges/fons.jpg);
	height:25px;
	width: 896px;
	float:left;

	
	
}
#peu {
	width: 896px;
	margin: 2px auto;
	height: auto;

}
#peutot {
	width: 896px;
	margin: 2px auto;
	height: auto;

}
a.peu:link { color: #333333; text-decoration:none; }
a.peu:visited { color: #333333; text-decoration:none;}
a.peu:hover {color: #ff0000; text-decoration:none;}


#logo{
	width: 448px;
	height : auto;
	float: left;
}
#adreca {
	width: 448px;
	height : auto;
	float:right;
}
#imatges{
	padding-top: 10px;
	width: 620px;
	height : auto;
	padding-bottom: 20px;
	padding-left: 15px;
	
}
.menu{
line-height:24px;
height:25px;

}