* {	padding: 0;	margin: 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
  background-color: #FF9A49;
}
html, body {height: 100%;}

img { border: none; vertical-align: middle; }
p { margin-bottom: 12px; }

a:link {	color: #00F;	text-decoration: none; }
a:visited {	color: #00F;	text-decoration: none; }
a:hover {	color: #0000F0; text-decoration: underline; }
a:active {	color: #00F;	text-decoration: none; }

h1, h2 { padding: 2px 4px 4px 8px; background-color: #000; color: #FFF; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 {
	font-size: 1.1em;
	margin: 0 0 4px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

#contingut {
	margin-left: 20%;
	margin-right: 20%;
	width: auto;
	height: 100%;
	overflow: auto;
	position: relative;
	z-index: 100;
	background-color: #FFF;
}

#menu {
	position: absolute;
	top:0; left:0; 
	width: 20%;
	height: 100%;
	overflow: auto;
	z-index: 100;
}
#treballs {
	position: absolute;
	top:0; right:0; 
	width: 20%;
	height: 100%;
	overflow: auto;
	background-color: #FFA65E;
}
	#treballs ul,
	#menu ul {
		margin: 12px 0 24px 0;
		list-style: none;
	}
	#treballs ul {
		font-size: 0.9em;
	}
	#treballs li,
	#menu li {
		margin: 12px 0 2px 8px;
	}
	#treballs li a,
	#menu li a {
		color: #EFEFEF;
		text-decoration: none;
	}
	#treballs li a:hover,
	#menu li a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	#menu #contacte li a {
		color: #FFF;
		text-decoration: none;
	}
	#menu #contacte li a:hover {
		color: #EFEFEF;
		text-decoration: underline;
	}

#info {
	padding: 12px;
}
	#info ul {
		margin: 16px 6px;
	}
	#info li {
		margin: 4px 0 6px 24px;
	}

#espaiarfinal {
	height: 220px;
}
#espaiarfinal.petit {
	height: 20px;
}

#logo {
	position: absolute;
	bottom:0; left:0; width: 360px; height: 280px;
  background-image: url("imgs/dxb_07.gif");
	z-index: 120;
}
#logo.petit {
	position: absolute;
	bottom:0; left:0; width: 180px; height: 140px;
  background-image: url("imgs/dxb_07pq.gif");
	z-index: 120;
}

#publi {
	text-align: center;
	margin-top: 44px;
	margin-bottom: 6px;
}

.interior { padding: 12px; }
.neteja { clear: both; }

.box {
	margin: 12px;
	border: 3px solid #000;
	background: #000;
}
	.box div {
		position: relative;
		top: -3px;
		left: -3px;
		background: url("imgs/box2_tl.gif") top left no-repeat;
	}
	.box div div {
		top: auto;
		left: auto;
		right: -6px;
		background: url("imgs/box2_tr.gif") top right no-repeat;
	}
	.box div div div {
		bottom: -6px;
		right: auto;
		background: url("imgs/box2_br.gif") bottom right no-repeat;
	}
	.box div div div div {
		bottom: auto;
		left: -6px;
		background: url("imgs/box2_bl.gif") bottom left no-repeat;
		padding: 0 0 6px 6px;
	}

a.external {
	background: url("imgs/external2.gif") center right no-repeat;
	padding-right: 13px;
}

.enmarca {
	border: #FF9A49 3px solid;
	padding: 4px;
}
.centrat { text-align: center; }