a{
	color: #2B5555;
}

a:hover{
	color: #C0C000;
	text-decoration: underline;
}

a.site-name {
	font-size: 2em;
}

body{
	margin: 20px 0;
	padding: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

h1.site-name{
	background: url(titol.png) no-repeat;
	text-indent: -99999px;
}

h2{
	margin-top: 15px;
	padding: 0.1em;
	background: #C0C000;
	color: #FFFFFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

html {
	margin: 0;
	padding: 0;
}

.menu{
	float: left;
}

.site-name{
	float: left;
	width: 120px;
	margin: 25px 0 2em 0;
	height: 56px;
}

#contenidor{
	margin: 0 auto;
	width: 760px;
}

#contingut{
	float: right;
	width: 620px;
	margin-bottom: 2em;
	letter-spacing: 0.05em;
	line-height: 1.2em;
}

#pagina{
	float: left;
	width: 760px;
	margin-bottom: 2em;
	background: url(fons.gif) repeat-y;
	text-align: left;
}

#peu{
	padding-left: 130px;
	width: 630px;
	float: left;
}

#peu a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#peu a:hover{
	color: #B5BDAA;
}

#peu li{
	margin: 0 1em 0 0;
	padding: 0;
	display: inline;
}

#peu ul{
	margin: 0;
	padding: 0;
}

#utilitats{
	float: left;
	width: 120px;
	padding-right: 5px;
	font-size: 1.05em;
}

#utilitats a{
	color: #FFFFFF;
	text-decoration: none;
}

#utilitats a.active {
	font-weight: bold;
}

#utilitats a:hover{
	color: #C0C000;
}

#utilitats h2{
	padding-left: 0.5em;
	margin-bottom: 1em;
	background: transparent;
	font-size: 1em;
	font-weight: normal;
}

#utilitats li{
	margin: 0 0 0.5em 0;
	font-size: 0.9em;
	letter-spacing: 0.04em;
}

#utilitats ul{
	margin: 0;
	padding: 0 0 0 1.2em;
	list-style: none;
}