@charset "utf-8";
/* CSS Document */

body {background-color: #666;

}
#container {
background-color: #000;
width:964px;
height:800px;
margin:auto;
position:relative;
color:#000;
}

#h1 {position:absolute;
width:964px;
height:50px;
left:0px;
top:80px;
font-family: "Brush Script Std";
font-size: 13mm;
color: #F00;
text-align:center;
}

#logoesquelet {
	width:310px;
	height:410px;
	position:absolute;
	background-image:url(imatges/index.jpg);
	left: 328px;
	top: 205px;
	margin:auto;
	text-align:center;
	
}
#foc, #foc1, #foc2, #foc3 {
	background-image: url(imatges/torxa2.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:46px;
	height:173px;
	

}

#foc {
	top:275px;
	left:222px;
}
#foc1 {
	left: 110px;
	top: 275px;
}
#foc2 {
	top:275px;
	left:708px;
}
#foc3 {
	top:275px;
	left:820px;
}

#festa {
	position:absolute;
	width:964px;
	height:auto;
	margin:auto;
	text-align:center;
	color:#666;
	left:0px;
	top:625px;
	font-size:18px;
	font-weight:bold;
}
#personal {position:absolute;
width:964px;
height:auto;
margin:auto;
text-align:center;
color: #CF9;
left:0px;
top:760px;
font-size:14px;
font-weight:bold;
}


#menusuperior {
	margin:auto;
	text-align:center;
	padding:0 0 0 0;
	top:678px;
	width:964px;
	position:absolute;
	left:0px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;	
}

#menusuperior ul {
      width: 75px;
      height: 50px;
      list-style: none;
      padding: 0;
	  float:inherit
    }

#menusuperior ul, li { /* convertim la llista a horitzontal */
      padding: 0;
      margin: auto;
	  text-align:center;
      display: inline;
      height: 45px;
	  width:200px;
	  top: 45px;	
    }
	
	
#menusuperior a {text-decoration:none; color:#FFF; font-size:18px;}
#menusuperior a:hover{text-decoration: underline;color:#FFF; font-size:18px; color: #CCC;}  
#menusuperior a:visited{ }