/* CSS Document */


#cloudDiv{
	height:300px;
	width:910px;
	border:1px solid black;
}



body {
		margin: 0 auto 0 auto;
		width: 910px;
		background: #ffffff;

}
	
	

	
/* Per centrar p�gina */
	
	#principal {
		position:relative;
		background-color:#ffffff;
		margin: 0 auto 0 auto;
		width: 910px;
		overflow:hidden;
		
	
	}

/* fi  centrar pagina */
	
	

img  {
	border: 0px;

}	

table  {
	border: 0px solid;
	border-color:#CCFF00;
}	

tr  {
	border: 0px solid;
	border-color:#CCFF00;
}	

td  {
	border: 0px solid;
	border-color:#CCFF00;
	vertical-align: top;
}	



	
	
	
#cap {
		margin: 0px;
		background: #ffffff;
		text-align:left;
		width:910px;
		height: 120px;
	}
	
#navegacio_superior {
		float:right;
		width: 510px;
		height: 30px;
		background-color: #ffffff;
		overflow:hidden;
		padding-top: 10px;
	}
	
#logo {
		float:left;
		width: 400px;
		height: 30px;
		background-color: #ffffff;
		overflow:hidden;
	
	}
	
#cos {
		position:relative; /* en principi no calia, però per posicionar el separador de manera absoluta i que creixi*/
		background-color: #ffffff;
		text-align:left;
		width:910px;
	overflow:hidden;
	}
	
.barra_superior {
	background-color:#333333;
	padding: 2px 0px 2px 10px;
	height: 15px;
	margin-bottom: 50px;
	}
	
		
#esquerra {
		float:left;
		width: 700px;
		height: 494px;
		overflow:hidden;
		margin-bottom: 30px;
	
	}
	
#esquerra_barra {
		background-image:url(../img/fons_esquerra.gif);
		float:left;
		width: 660px;
		height: 494px;
		background-color: #33FF00;
		overflow:auto;
		margin-bottom: 30px;
		padding-right: 40px;
	
	}
	

	
	
#dreta {
		float:left;
		width: 210px;
		background-color: #ffffff;
		overflow:hidden;
	
	}
	

	
	
.caixa_lateral {
		/* position:static; */
		padding-left: 30px;
		margin-bottom: 30px;
	
	}
	
.barra_titul_lateral {
	background-color:#cccccc;
	padding: 2px 0px 2px 10px;
	height: 15px;
	}

.text_lateral_gris  {
	margin-bottom: 50px;
}

.separa {
	padding: 0px 0px 0px 0px;
	}
	
.separa_hor {
	padding: 0px 10px 0px 10px;
	}
	
.separa_vert {
	margin:15px 0px 15px 0px;
	}
	
.separa_vert_lateral {
	margin:10px 0px 20px 0px;
	
	}
	
.separa_vert_lateral1 {
	margin:0px;
	padding:0px;
	margin-top:-10px;
	margin-bottom:15px;
}
	
#peu {
		position:relative; /* en principi no calia, però per posicionar el separador de manera absoluta i que creixi*/
		background-color: #ffffff;
		padding: 0px;
		overflow:hidden;
		width:910px;
		margin-top: 40px;
		margin-bottom: 30px;
	
	}

.barra_peu {
	width:910px;
	height: 8px;
	background-color: #f4f4f4;
	padding: 0px 0px 0px 0px;
	}
	
.noticia {
	height: 60px;
	padding: 0px 0px 0px 0px;
	}
	
.icona_noticia {
	
		float:left;
		width: 50px;
		height: 50px;
		padding: 0px 0px 0px 0px;
	}
	
.foto_noticia {
	
		float:left;
		width: 220px;
		padding: 10px 0px 30px 0px;
	}
	
.text_noticia_llarg {
	
		float: right;
		padding: 10px 0px 30px 0px;
	}
	
.text_noticia {
	
		float: right;
		width: 590px;
		height: 60px;
		padding: 0px 0px 0px 0px;
	}
	
	
.foto_grossa {
	
		float:left;
		width: 280px;
		padding: 10px 0px 30px 0px;
	}
	
.text_general {
	
		float: right;
		width: 620px;
		padding: 10px 0px 30px 0px;
	}
	
.navegacio_pagines {
		background-color:#f4f4f4;
		height: 15px;
		padding: 5px 0px 0px 0px;
		margin:30px 0px 0px 0px;
	}
	
.titul_noticia_gran {
margin-bottom:20px;
	}
	
.entradeta_noticia_gran {
margin-bottom:20px;
	}
	
.data_noticia_gran {
margin-bottom:10px;
	}
	
.titul_estudi {
margin-bottom:10px;
	}
	
.projectes {
margin-bottom:10px;
	}
	
.barra {
margin-bottom:30px;
	}
	
	
.col_205 {
		float:left;
		width: 205px;
		overflow:hidden;
		}
		
.col_30 {
		float:left;
		width: 30px;
		overflow:hidden;
		}