

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	background-color: #fff;
	text-align:center;
	
	font-family:Helvetica, Arial, Verdana ;
}

img {

	border:0px;

}

#web{
	text-align:left;
	width:700px;
	height:585px;
	margin:auto;
	background-image:url(fons.jpg);
	background-repeat:no-repeat;
}


#menu {
	width:126px;
	height:331px;
	/*background:red;*/
	position:relative;
	top:48px;
	left:30px;
	text-align:center;
}

#menu-llista {
	list-style:none outside;
	margin:0;
	padding:0;
	height:240px;
	margin-top:30px;	

}
#menu-llista  li{
	margin-top:10px;
	padding:0;
}

#menu-llista li a {
	color:black;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#menu-llista li.actual a {
	border-bottom:red 2px solid;
}
#menu-llista li.actual a:hover  {
	border-bottom:red 2px solid;
}
#menu-llista li a:hover  {
	border-bottom:red 1px solid;
}


#menu .rourets {
	position:relative;
	bottom: 5px;
	font-size:11px;

}

#menu .rourets a {
	color:red;
	font-weight:bold;
}

#cos {	
	width:464px;
	height:467px;
	/*background:red;*/
	position:relative;
	top:-283px;
	left:210px;
	overflow:auto;
	
	font-size:14px;
	color: black;	
	text-align:justify;
	line-height: 1.6em;		
}
#cos p{	
	margin-right:5px;
	margin-left:5px;
}

#cos a:link{	
	font-weight:bold;
	color:red;
	text-decoration:underline;
}
#cos a:hover{	
	text-decoration:none;
}

#cos a:visited{	
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

#cos  h2{
	margin-right:5px;
	margin-left:5px;

	margin-top:10px;

	font-size:18px;
	border-bottom:red 1px solid;

}


#quisom {

	width:100%;

/*	background-image:url('imatges/flyer_fons.jpg'); */

}

#quefem {

	width:100%;

/*	background-image:url('imatges/contrabaix_fons.jpg'); */


}

#feinafeta {

	width:100%;
	background-image:url('imatges/taula_fons.jpg');
}


img.flotant {

	float:left;

	margin-right:10px;
	margin-left:10px;
}

.netejar {

	clear:left;

}

img.petita {

	width:100px;
	margin-left:8px;
	margin-bottom:8px;

	float:left;

	border:0px;

}

.imgdreta {

	float:right;
	margin-left:10px;

	margin-bottom:20px;

}

.netejar_imgfeina {

	clear:left;
	margin-bottom:10px;
}

#dadesempresa {



	clear:both;

	margin-top:20px;

	font-size:10px;
	line-height: 1.0em;	
}

#contactetext {

	margin-top:100px;

	text-align:left;

}

#entrada {

	width:100%;
	height:460px;

	background-image:url('imatges/lluna.jpg');	

}

#dinslluna {

	padding-top:200px;
	padding-left:50px;
	padding-right:50px;

	color:red;
	font-weight:bold;

}

#entrada2 {

	width:100%;
	height:437px;

	background-image:url('imatges/entrada.jpg');	

}

#text_click {

	line-height:1.0em;
	font-size:10px;

	margin-left:250px;
	width:180px;

	padding-top:25px;



}