* {
	border:0;
	padding:0;
margin:0;
}
a:active, a:hover {
	outline:0
	}

body {
	background: #000000 url(imatges/fonszana1.png) repeat 50% 0%;
	text-align:center;
font-family: sans-serif;
}
#contenidor {
	margin:0 auto;
	text-align:left;
	width: 640px;
}
#capcelera {	
	position:relative;
    width: 251px;
	height: 38px;
	background: transparent url(imatges/nuriallado.gif) no-repeat;
	top:60px;
	left:399px;
}
#capcelera h1 {
	text-indent:-9999px;
	height:25px;
	display:block;
	overflow:hidden;
}
div#cos {
	position:relative;
	width: 640px;
	height: 290px;
	top: 45px;
}
div#cos2 {
	background: url(imatges/fonszana5.png) repeat 50% 0%;
	position: relative;
	width: 640px;
	height: 290px;
	top: 45px;
line-height:2em;
}
div#cosclar {
	position: relative;
	width: 400px;
	height: 200px;
	top: 50px;
	left:22px;
	padding: 10px;
	color: #000;
	margin-left:20px;
font-size:0.75em;
}
a, a:link, a:visited {
	text-decoration: none;}

div#cosclar a, div#cosclar a:link, div#cosclar a:visited {
	text-decoration: none;
font-weight: bold;color:#000;
}

div#cosclar a:hover {
	text-decoration: none;
color:#960;
font-weight: bold;
}
div#coscontacte {
	position: relative;
	width: 200px;
	height: 200px;
	top: 200px;
	left:390px;
	padding: 10px;
	color: #000;
font-size:0.75em;
line-height:1.25em;
text-align:right;
}
a, a:link, a:visited {
	text-decoration: none;}

div#coscontacte a, div#coscontacte a:link, div#cosclar a:visited {
	text-decoration: none;
font-weight: bold;color:#000;
}

div#coscontacte a:hover {
	text-decoration: none;
color:#960;
font-weight: bold;
}
div#menu {
	position:relative;
	top:35px;
	text-align: left;
	width: 175px;
	height: 22px;
}
ul#nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 175px;
	height: 22px;
	background: transparent url(imatges/menu1.gif) no-repeat;
}



/*<group=level 1>*/

ul#nav li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#nav li a {
	border: 0;
	display: block;
	height: 22px;
	background: url(imatges/menu1.gif) no-repeat;
}

ul#nav li a:hover {
	border: 0;
	display: block;
	background-image: url(imatges/menu1a.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#inici a {
	width: 28px;
 }

li#galeries a {
	width: 55px;
}

li#galeries a:link,
li#galeries a:visited,
li#galeries a:hover {	
	background-position: -28px 0px;
}


li#contacte a {
	width: 59px;
}

li#contacte a:link, 
li#contacte a:visited, 
li#contacte a:hover {	
	background-position: -83px 0px;
}

li#links a {
	width: 33px;
}

li#links a:link, 
li#links a:visited, 
li#links a:hover {	
	background-position: -142px 0px;
}

/*<group=level 2>*/

#nav li ul {	
	display: block;
	position: absolute;
	visibility: hidden;
	left: 0px;
	width: 60px;
	margin: 0;
}

#nav li:hover ul {
	visibility: visible;
	z-index: 1;
}
*/li#asperger li#india li#lisboa li#macros li#matanca li#musica /*

#nav li#galeries ul {
	position:relative;
	background: none;
	height: 90px;
	left: 150px;
}

* html ul#nav li#galeries ul {
	margin-left: 75px;
}

ul#nav li#galeries ul li#india a:link, 
ul#nav li#galeries ul li#india a:visited {
	width: 60px;
	height: 21px;
	background: url(imatges/menu2.gif) no-repeat 0px 0px;
}

ul#nav li#galeries ul li#india a:hover {
	width: 60px;
	height: 21px;
	background: url(imatges/menu2.gif) no-repeat -60px 0px;
}

ul#nav li#galeries ul li#lisboa a:link,
ul#nav li#galeries ul li#lisboa a:visited {
	width: 60px;
	height: 17px;
	background: url(imatges/menu2.gif) no-repeat 0px -21px;
}

ul#nav li#galeries ul li#lisboa a:hover {
	width: 60px;
	height: 17px;
	background: url(imatges/menu2.gif) no-repeat -60px -21px;
}
	
ul#nav li#galeries ul li#rostres a:link,
ul#nav li#galeries ul li#rostres a:visited {
	width: 60px;
	height: 22px;
	background: url(imatges/menu2.gif) no-repeat 0px -38px;
}

ul#nav li#galeries ul li#rostres a:hover {
	width: 60px;
	height: 22px;
	background: url(imatges/menu2.gif) no-repeat -60px -38px;
}