/*******************Generals*********************************/

.imatge{
	float:left;
	margin-right:10px;
}
#sombra{

height:300px;
}
.cos2h {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	FONT: 12px/20px "trebuchet ms",verdana,sans-serif; 
	COLOR: #ccc;
	BACKGROUND-COLOR:#000000;
	text-align:center;
	width:100%;
	height:4500px;
	filter: alpha(opacity=70); opacity: .8;
	visibility:hidden;


}
.cos2v {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	FONT: 12px/20px "trebuchet ms",verdana,sans-serif; 
	COLOR: #ccc;
	BACKGROUND-COLOR:#000000;
	text-align:center;
	width:100%;

	filter: alpha(opacity=70); opacity: .8;
	visibility:visible;


}

.cosct {
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	FONT: 12px/20px "trebuchet ms",verdana,sans-serif; 
	COLOR: #ccc;
	
	text-align:center;
	width:100%;

	visibility:hidden;


}

.fotoh {
	FONT: 12px/20px "trebuchet ms",verdana,sans-serif; 
	COLOR: #ccc;
	BACKGROUND-COLOR:#FFFFFF;
	width:800px;
	text-align:center;
	margin:auto;	
	border: thick solid #e2e2e2; 
	margin-top:10px;
	height:400px;
	position:relative;
	z-index:10;
	top:-400px;

	visibility:hidden;
}
.fotov {
	FONT: 13px verdana,sans-serif; 
	COLOR: #333333;
	BACKGROUND-COLOR:#FFFFFF;
	width:800px;
	text-align:center;
	margin:auto;	
	border: thick solid #e2e2e2; 
	margin-top:10px;
	position:relative;
	z-index:3;
	top:120px;
	padding:5px;
	visibility:visible;
	background-image: url("load.gif");
	background-repeat: no-repeat;
	background-position: center center;
}


body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#1b357e;
	background-image: url("imatges/fnbody.gif");
	background-repeat:repeat-x;
}

.sep{
	clear:both;
}




#content{
	margin:auto;
	width:900px;
	height:600px;


	background-image: url("imatges/fondocos.gif");
	background-repeat:no-repeat;
}



#esquerra{
	padding-top:280px;
	width:350px;
	height:300px;
	border:0px solid;
	float:left;
	padding-left:5px;
	text-align:left;


}

#esquerra ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	width: 250px;
	height:100px;
	padding-top:4px;
	float:left;
	background-image: url("imatges/fnlinks.jpg");
	background-repeat:no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	border:0px solid;

}

#esquerra ul li {
	width:290px;	
	padding:1px;
	font-weight:bold;
	/*margin-bottom:10px;
	padding-bottom:7px;*/

	

}


#esquerra .sit{
	color:#a1e5c1;
}

#esquerra ul li a{
	color:#FFFFFF;
	text-decoration:none;


}
#esquerra ul li a:hover{

	color:#a1e5c1;


}


#esquerra img{
	margin-bottom:5px;

}




#dreta{
	padding-top:28px;
	width:480px;
	border:0px solid;
	float:left;
	height:550px;
	padding-left:12px;
}

#dreta #cos{
	text-align:left;
	padding:20px;
	width:420px;
	border:0px solid;
	float:left;
	height:500px;

}

#dreta #cos p{
	text-align:justify;
	display:block;
	color:#333333;


}


h1{	padding-top:0px;
	text-align:justify;
	display:block;
	color:#007336;
	font-size:20px;
	MARGIN-TOP:0PX;


}


#dreta ul {
	border:0px solid;
	list-style-type: none;
	text-align:justify;
	display:block; 	
	color:#333333;
	padding-left:0px;
	padding-right:10px;
	display:blocK;
	margin:0px;
	margin-top:10px;

}
#dreta ul li {
	display:block;	
	padding-left:0px;
	padding-right:20px;	
	border-bottom:1px dotted;
	margin-bottom:10px;
	padding-bottom:8px;
	margin-left:0px;

}


#dreta #lks{

	text-align:left;
	display:blocK;
	width:400px;
	font-size:15px;
	

}
#dreta a {

	text-decoration:none;
	color:#007336;
	font-weight:bold;
}



#peu{
	text-align:left;
	padding:17px;
	padding-right:5px;

	width:450px;
	border:0px solid;
	float:left;
	height:10px;
	text-align:right;
}




/*********************RECOLLIDA***********************************/

#containers{
display:block;
border:0px solid;
margin-top:20px;

}

#containers img{
	float:left;
	margin-right:12px;
}