body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 610px;
	
	background-color: #FFFFFF;
	vertical-align: top;
	color: #000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

p {
	font-size: 11px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #306192;
}
.clar {
	color: #FFFFFF;
}
.vermell {
	color: #CC0000;
	font-weight: bold;
}

.credits {
	font-size: 10px;
}

.notes {
	font-size: 10px;
	color: #FF6600;
}	
a:link {
	font-weight: bold;
	color: #336699;
	text-transform: none;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #336699;
	text-transform: none;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
	text-transform: none;
}
a:active {
	font-weight: bold;
	color: #990000;
	text-transform: none;
	text-decoration: none;
}
.clar a:link {
	font-weight: bold;
	color: #CCCCFF;
	text-transform: none;
	text-decoration: none;
}
.clar a:visited {
	font-weight: bold;
	color: #CCCCFF;
	text-transform: none;
	text-decoration: none;
}
.clar a:hover {
	font-weight: bold;
	color: #CCCFFF;
	text-decoration: underline;
	text-transform: none;
}
.clar a:active {
	font-weight: bold;
	color: #9999FF;
	text-transform: none;
	text-decoration: none;
}

#muds {
	background-repeat: no-repeat;
	background-image:url(imatges/muds/caixa_mud.gif);
	position: absolute;
	z-index: 1;
	height: 470px;
	width: 598px;
	left: 45px;
	top: 45px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#titol {
	position: absolute;
	z-index: 2;
	height: 20px;
	width: 573px;
	left: 20px;
	top: 5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#avaluat {
	position: absolute;
	z-index: 3;
	height: 32px;
	width: 142px;
	left: 473px;
	top: 12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(imatges/muds/caixa_avaluat.gif);
	background-repeat: no-repeat;
}
#practica {
	position: absolute;
	z-index: 3;
	height: 32px;
	width: 142px;
	left: 473px;
	top: 12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(imatges/muds/caixa_practica.gif);
	background-repeat: no-repeat;
}
#info {
	background-repeat: no-repeat;
	z-index: 4;
	visibility: visible;
	position:absolute; 
	left:590px; 
	top:82px; 
	width:50px; 
	height:50px;
} 
#text {
	background-color: #CCFFFF;
	z-index: 5;
	visibility: hidden;
	position:absolute; 
	left:326px; 
	top:82px; 
	width:297px; 
	height:50px; 
	background-color: #FFCC66; 
	layer-background-color: #FFCC66; 
	border: 1px none #000000; 
	padding-left: 15px;
}
#contingut{
	position: absolute;
	z-index: 6;
	height: 400px;
	width: 570px;
	left: 15px;
	top: 45px;
}
#icones{
	position: absolute;
	z-index: 7;
	height: 380px;
	width: 48px;
	left: 642px;
	top: 45px;
}
#credits {
	position:absolute;
	z-index: 8;
	left:50px;
	top:505px;
	width:590px;
	height:10px;
}
#logo {
	background-color: #0481BB;
	layer-background-color: #0481BB;
	position:absolute;
	z-index: 9;
	left:0px;
	top:540px;
	width:760px;
	height:24px;
 }
#amagainfo {
	z-index: 10;
	visibility: hidden;
	position:absolute; 
	left:291px; 
	top:82px; 
	width:50px; 
	height:50px;
}

 #numeros {
	position:absolute;
	z-index: 20;
	left:269px;
	top:-2px;
	height: 30px;
	width: 304px;
	 
 }