body{
	font-family:Verdana;
	font-size:10px;
	margin-left:0px;
	margin-top:0px;
	background: #ffffff url(../../res/img/fondo_4.jpg) repeat;
}
div#metascreen{
	width:900px;
	height:auto;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}

div#metascreen div#screen{
	width:900px;
	height:auto;
	float:left;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
div#screen div#area_cen{
	float:left;
	width:900px;
	height:auto;
	/*background-color:#FFCC99;*/
	text-align:left;
}	

/* AREA BOTTOM */			
	div#screen div#area_peu,div#screen div#area_peu_blog {			
		float:left;
		width:835px;
		border-top: solid 1px #666666;
		text-align:center;	
		margin-top:130px;
		padding-left:30px;
		padding-right:30px;
		color:#9A9189;
	}
	a.area_peu:link, a.area_peu:visited{
		text-decoration:none;
		font-weight:bold;
		color:#9A9189;}
	a.area_peu:hover, a.area_peu:active{
		color:#666666;
		font-weight:bold;}
	div#screen div#area_peu_blog { margin-top:30px;}		
/* FI AREA BOTTOM */	




/* AREA TOP */	
		div#screen div#area_top {
			float:left;
			width:900px;
			height:100px;
			background:ffffff;
		}
				div#area_top div#data_top,div#area_top_blog div#data_top{
					margin-top:-15px;
					width:895px;
					color:#666666;
					text-align:right;
				}						
				div#area_top div#menu_top {
					float:left;
					margin-top:4px;
					margin-bottom:4px;
					width:900px;
					background-color:#666666;
					height:21px;
					color:#FFFFFF;
				}
						div#menu_top div#opc_gen{
							float:left;
							width:747px;
							height:21px;
							padding-left:5px;
							line-height:21px;
						}
						a.opc_gen:link, a.opc_gen:visited{
							text-decoration:none;
							color:#ffffff;}
						a.opc_gen:hover, a.opc_gen:active{
							color:#d3e87a;}
						div#menu_top div#opc_idi{
							float:left;
							width:148px;
							height:21px;
							line-height:21px;
						}
						a.opc_idi:link, a.opc_idi:visited{
							text-decoration:none;
							color:#ffffff;}
						a.opc_idi:hover, a.opc_idi:active{
							color:#d3e87a;}
/* FI AREA TOP */	

/* MENU ESQUERRA */
		div#area_cen div#menu_esq {
			float:left;
			width:166px;
			height:auto;
		}		
		
		
		div#menu_esq div#seccions{
			width:166px;
			float:left;
			height:auto;
			margin-bottom:15px;
		}
		
		div#seccions div#seccio{
			width:160px;
			float:left;
			height:74px;
			margin-bottom:1px;
			padding-left:3px;
			padding-right:3px;
			padding-top:3px;
			background-color:666666;
		}
		a.seccio:link, a.seccio:visited{
			text-decoration:none;
			color:#ffffff;}
		a.seccio:hover, a.seccio:active{
			color:#d3e87a;
			font-weight:bold;}
		
		div#seccio div#foto_sec{
			width:160px;
			float:left;
			height:55px;
			margin-bottom:3px;
			background-color:ffffff;
		}
		div#seccio div#text_sec{
			width:155px;
			float:left;
			height:16px;
			color:ffffff;
			padding-left:5px;
			font-weight:bold;
		}
/* FI MENU ESQUERRA */

/* MENU DRETA */
		div#area_cen div#menu_dre {
			float:right;
			width:166px;
			height:auto;
		}		
		
		
		
		/* ESTILS LOGIN */
		div#menu_dre div#login{
			width:166px;
			float:left;
			height:auto;
			margin-bottom:15px;
		}
		
		div#login div#titol{
			width:161px;
			float:left;
			height:19px;;
			margin-bottom:1px;
			background-color:666666;
			color:ffffff;
			line-height:19px;
			font-weight:bold;
			padding-left:5px;
		}
		
		div#login div#area_box{
			width:154px;
			float:left;
			height:65px;
			margin-bottom:0px;
			border:solid 1px #666666;
			padding:5px;
		}
		
		/* FI ESTILS LOGIN */
		
		
		
		/* ESTILS AGENDA */
		div#menu_dre div#agenda{
			width:166px;
			float:left;
			height:auto;
			margin-bottom:15px;
		}
		div#agenda div#titol{
			width:161px;
			float:left;
			height:19px;;
			margin-bottom:1px;
			background-color:666666;
			color:ffffff;
			line-height:19px;
			font-weight:bold;
			padding-left:5px;
		}
		div#agenda div#area_box{
			width:164px;
			float:left;
			height:auto;
			margin-bottom:0px;
			border:solid 1px #666666;
		}
		/*  FI ESTILS AGENDA */		
		
		
		/* ESTILS BLOGS */
		div#menu_dre div#blogs{
			width:166px;
			float:left;
			height:auto;
			margin-bottom:15px;
		}
		div#blogs div#titol{
			width:161px;
			float:left;
			height:19px;;
			margin-bottom:1px;
			background-color:666666;
			color:ffffff;
			line-height:19px;
			font-weight:bold;
			padding-left:5px;
		}
		div#blogs div#area_box_1,div#blogs div#area_box{
			width:154px;
			float:left;
			height:auto;
			padding:5px;
			margin-bottom:0px;
			border:solid 1px #666666;
			/*line-height:20px;*/
		}
		div#blogs div#area_box_1{border-bottom:none;}
		a.blog:link, a.blog:visited{
			text-decoration:none;
			color:#666666;}
		a.blog:hover, a.blog:active{
			color:#666666;
			font-weight:bold;}

		
		/*  FI ESTILS BLOGS */		
		
		
		
		/*  ESTILS DELS INPUTS i BUTTONS */			
		div#screen input.web_button{
			color:#666666;
			font-size:9px;
		}
		div#screen input.web_input{
			color:#666666;
			font-size:9px;
		}
		div#screen label.web_label{
			color:#666666;
			font-size:9px;
		}	
		/*  FI ESTILS DELS INPUTS i BUTTONS */					
		
		
/* FI MENU DRETA */


/* AREA CONTINGUT*/
	div#area_cen div#area_con {
		float:left;
		width:566px;
		height:auto;
		margin-bottom:5px;
		margin-right:1px;
		margin-left:1px;
		padding:0px;
	}
/* FI AREA CONTINGUT*/
	
/* AREA HOME*/
	div#area_con div#present {
		float:left;
		width:526px;
		text-align:justify;
		padding:20px;
	}
	div#present div#foto1,div#present div#foto2,div#present div#foto3 {
		float:left;
		margin-right:55px;
	}
	div#present div#foto3 {margin-right:0px;}
	div#present div#foto1 {margin-left:25px;}
/* FI AREA HOME*/

/* RECURSOS DOCENTS*/
	div#area_con div#rec_docents {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#rec_docents div#titol_rec,div#rec_docents div#titol_doc {
		float:left;
		width:543px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		text-transform:uppercase;
		margin-left:5px;
		background-image:url(../../res/img/caps_rec.jpg);
	}
	div#rec_docents div#titol_doc {background-image:url(../../res/img/caps_doc.jpg);}
	div#rec_docents div#area_carpetes {
		float:left;
		width:539px;
		text-align:justify;
		height:suto;
		color:666666;
		margin-left:11px;
		margin-top:10px;
	}
	
/* FI RECURSOS DOCENTS*/

/* REVISTA*/
	div#area_con div#rev {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#rev div#titol_rev {
		float:left;
		width:539px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		text-transform:uppercase;
		margin-left:5px;
		background-image:url(../../res/img/caps_rev.jpg);
	}
	div#rev div#cercador{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		padding:5px;
		border:1px solid #666666;
	}
	div#rev div#area_historic{
		float:left;
		width:530px;
		text-align:justify;
		height:auto;
		margin-top:10px;
		margin-left:11px;
	}
	div#area_historic div#titol{
		float:left;
		width:530px;
		text-align:justify;
		height:13px;
		color:#FFFFFF;
		padding:5px;
		font-weight:bold;
		text-transform:uppercase;
		background-color:#E8F3BA;
	}
	div#cercador div#paraula{
		float:left;
		width:264px;
		text-align:justify;
		margin-bottom:3px;
	}
	div#cercador div#autor{
		float:left;
		width:263px;
		text-align:justify;
	}
	div#cercador div#tematica{
		float:left;
		width:264px;
		text-align:justify;
	}
	div#cercador div#any{
		float:left;
		width:210px;
		text-align:justify;
		margin-bottom:3px;
	}
	div#cercador div#boto{
		float:left;
		width:auto;
		text-align:justify;
		margin-bottom:3px;
	}
	div#rev div#area_ultims{
		float:left;
		width:539px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		margin-top:10px;
	}
	div#area_ultims div#area_ultims_esq{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		color:666666;
	}
	div#area_ultims div#area_ultims_dre{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:9px;
	}
	
	div#area_ultims div#article,div#area_ultims div#article_2{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		margin-bottom:7px;
	}
	div#area_ultims div#article_2{ margin-left:9px;}
	div#article div#tit_art,div#article_2 div#tit_art{
		float:left;
		width:255px;
		text-align:justify;
		height:auto;
		color:ACCE24;
		font-size:12px;
		border-bottom:1px solid #666666;
		/*border-top:1px solid #666666;*/
		padding:5px;
		font-weight:bold;
		/*background-color:eeeeee;*/
	}
	div#resum_art .data{
		font-size:9px;
		font-weight:bold;
	}
	div#article div#resum_art,div#article_2 div#resum_art{
		float:left;
		width:255px;
		text-align:justify;
		height:auto;
		color:666666;
		border-bottom:1px solid #666666;
		background-color:eeeeee;
		/*border-left:1px solid #666666;
		border-right:1px solid #666666;*/
		padding:5px;
	}
	div#resum_art div#llegir_mes{
		float:left;
		width:255px;
		text-align:right;
		font-size:9px;
		font-weight:bold;
	}
	div#resum_art div#autor_art{
		float:left;
		width:255px;
		text-align:right;
		font-weight:bold;
		padding-top:5px;
	}
	a.llegir_mes:link, a.llegir_mes:visited,a.llegir_mes:hover, a.llegir_mes:active{
		text-decoration:none;
		color:#666666;
		font-weight:bold;}
	div#rev div#area_passats{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		margin-top:20px;
		color:666666;
		margin-left:11px;
	}
	div#area_passats div#linia{
		float:left;
		width:471px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:35px;
		border-top:1px dotted #666666;
	}
	div#area_passats div#art_passats{
		float:left;
		width:541px;
		text-align:justify;
		height:auto;
		margin-top:10px;
		color:666666;
		line-height:20px;
	}
	div#art_passats div#titol{
		float:left;
		width:530px;
		text-align:justify;
		height:auto;
		color:666666;
		padding:5px;
		font-weight:bold;
		text-transform:uppercase;
	}
	div#titol .data{
		font-size:8px;
	}
	div#rev div#ampliacio{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		padding:5px;
		border:1px solid #666666;
	}
	div#ampliacio div#data_ampl{
		float:left;
		width:529px;
		text-align:right;
		font-size:8px;
		height:auto;
		color:666666;
		font-weight:bold;
		margin-bottom:10px;
	}
	div#ampliacio div#titol_ampl{
		float:left;
		width:329px;
		text-align:justify;
		height:auto;
		color:666666;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		line-height:25px;
		margin-right:150px;
	}
	div#ampliacio div#titol_rec{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		color:d3e87a;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		line-height:25px;
	}
	div#ampliacio div#linia_ampl{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		border-top:1px dotted #666666;
		margin-botton:10px;
	}
	div#ampliacio div#resum_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
	}
	div#ampliacio div#text_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
	}
	div#ampliacio div#titol_rec_2{
		float:left;
		width:529px;
		font-weight:bold;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:10px;
		text-transform:uppercase;
		margin-top:10px;
	}
	div#ampliacio div#area_rec{
		float:left;
		width:469px;
		text-align:justify;
		height:200px;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
		margin-left:45px;
	}
	div#ampliacio div#area_rec_esq{
		float:left;
		width:234px;
		text-align:justify;
		height:auto;
		color:666666;
		line-height:20px;
	}
	div#ampliacio div#area_rec_dre{
		float:left;
		width:234px;
		text-align:justify;
		line-height:20px;
		height:auto;
		color:666666;
	}
	
	div#ampliacio div#persones_ampl{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		color:666666;
		padding-top:5px;
		font-weight:bold;
	}
	div#rev div#imatges_ampl{
		float:left;
		width:541px;
		text-align:right;
		height:auto;
		margin-left:11px;
	}
	div#rev div#tematiques_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		padding:5px;
		border-top:1px dotted #666666;
		border-bottom:1px dotted #666666;
		margin-bottom:12px;
	}
	div#tematiques_ampl div#titol {
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		font-weight:bold;
	}
/* FI REVISTA*/

/* NOTICIES*/
	div#area_con div#not {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#not div#titol_not {
		float:left;
		width:543px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		text-transform:uppercase;
		margin-left:5px;
		background-image:url(../../res/img/caps_not.jpg);
	}
	div#not div#cercador{
		float:left;
		width:541px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
	}
	div#cercador div#cercador_esq{
		float:left;
		width:424px;
		text-align:left;
		height:auto;
		color:666666;
		padding:5px;
	}
	div#cercador_esq div#titol_hist{
		float:left;
		width:424px;
		text-align:left;
		height:auto;
		font-size:12px;
		color:ACCE24;
		font-weight:bold;
		line-height:15px;
		margin-bottom:10px;
	}
	a.titol_hist:link, a.titol_hist:visited,a.titol_hist:hover, a.titol_hist:active{
		text-decoration:none;
		color:ACCE24;
		font-weight:bold;
	}
	.data_hist{
		text-align:left;
		height:auto;
		font-size:9px;
		color:666666;
		font-weight:bold;
	}
	.resum_hist{
		text-align:left;
		height:auto;
		color:666666;
		font-size:10px;
		font-weight:normal;
		text-transform:none;
	}
	div#cercador div#cercador_dre{
		float:left;
		width:105px;
		text-align:justify;
		height:auto;
		color:666666;
		border:1px solid #d3e87a;
	}
	div#cercador_dre div#arxiu{
		float:left;
		width:105px;
		text-align:center;
		height:auto;
		color:ffffff;
		font-weight:bold;
		background-color:d3e87a;
		line-height:20px;
	}
	div#cercador_dre div#subarxiu{
		float:left;
		width:105px;
		text-align:center;
		height:auto;
		color:666666;
		font-weight:bold;
		background-color:E8F3BA;
		line-height:20px;
	}
	div#cercador_dre div#anys{
		float:left;
		width:105px;
		text-align:center;
		height:auto;
		color:666666;
		line-height:15px;
	}
	div#not div#area_ultims_not{
		float:left;
		width:539px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		margin-top:0px;
	}
	div#area_ultims_not div#area_ultims_esq_not{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		color:666666;
	}
	div#area_ultims_not div#area_ultims_dre_not{
		float:left;
		width:265px;
		text-align:justify;
		height:375px;
		margin-top:2px;
		color:666666;
		background-color:#ffffff;
		margin-left:9px;
	}
	
	div#area_ultims_not div#article_not,div#area_ultims_not div#article_2_not{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		margin-bottom:7px;
	}
	div#area_ultims_not div#article_2_not{ margin-left:9px;}
	div#article_not div#tit_art_not,div#article_2_not div#tit_art_not{
		float:left;
		width:265px;
		text-align:justify;
		height:auto;
		color:#ACCE24;
		padding:0px;
		padding-bottom:4px;
		font-weight:bold;
		font-size:12px;
		/*text-transform:uppercase;*/
	}
	div#resum_art_not .data{
		font-size:9px;
		font-weight:bold;
	}
	div#article_not div#resum_art_not,div#article_2_not div#resum_art_not{
		float:left;
		width:255px;
		text-align:justify;
		background-color:#eeeeee;
		height:auto;
		color:666666;
		border-top:1px solid #666666;
		border-bottom:1px solid #666666;
		padding:5px;
	}
	div#resum_art_not div#llegir_mes{
		float:left;
		width:255px;
		text-align:right;
		font-size:9px;
		padding-top:5px;
		font-weight:bold;
	}
	a.llegir_mes:link, a.llegir_mes:visited,a.llegir_mes:hover, a.llegir_mes:active{
		text-decoration:none;
		color:#666666;
		font-weight:bold;}
	a.historic:link, a.historic:visited,a.historic:hover{
		text-decoration:none;
		color:#666666;
	}
	a.historic:hover, a.historic:active{
		text-decoration:underline;
		color:#666666;
		font-weight:bold;
	}
	div#not div#area_historic{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		margin-top:20px;
		margin-left:11px;
	}
	div#area_historic div#titol{
		float:left;
		width:530px;
		text-align:justify;
		height:13px;
		color:#FFFFFF;
		padding:5px;
		font-weight:bold;
		text-transform:uppercase;
		background-color:#E8F3BA;
		
	}
	div#titol .data{
		font-size:8px;
	}
	div#not div#ampliacio_not{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		padding:5px;
		border:1px solid #666666;
	}
	div#ampliacio_not div#data_ampl{
		float:left;
		width:529px;
		text-align:right;
		font-size:8px;
		height:auto;
		color:666666;
		font-weight:bold;
		margin-bottom:10px;
	}
	div#ampliacio_not div#titol_ampl{
		float:left;
		width:329px;
		text-align:justify;
		height:auto;
		color:666666;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		line-height:25px;
		margin-right:150px;
	}
	div#ampliacio_not div#avant_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		font-size:12px;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:150px;
	}
	div#ampliacio_not div#titol_rec{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		color:d3e87a;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		line-height:25px;
	}
	div#ampliacio_not div#linia_ampl{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		border-top:1px dotted #666666;
		margin-botton:10px;
	}
	div#ampliacio_not div#resum_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
	}
	div#ampliacio_not div#text_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
	}
	div#ampliacio_not div#titol_rec_2{
		float:left;
		width:529px;
		font-weight:bold;
		text-align:justify;
		height:auto;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:10px;
		text-transform:uppercase;
		margin-top:10px;
	}
	div#ampliacio_not div#area_rec{
		float:left;
		width:469px;
		text-align:justify;
		height:200px;
		color:666666;
		padding-bottom:10px;
		padding-top:5px;
		margin-botton:5px;
		margin-left:45px;
	}
	div#ampliacio_not div#area_rec_esq{
		float:left;
		width:234px;
		text-align:justify;
		height:auto;
		color:666666;
		line-height:20px;
	}
	div#ampliacio_not div#area_rec_dre{
		float:left;
		width:234px;
		text-align:justify;
		line-height:20px;
		height:auto;
		color:666666;
	}
	
	div#ampliacio_not div#persones_ampl{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		color:666666;
		padding-top:5px;
		font-weight:bold;
	}
	div#not div#imatges_ampl{
		float:left;
		width:541px;
		text-align:right;
		height:auto;
		margin-left:11px;
	}
	div#not div#tematiques_ampl{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		margin-left:11px;
		padding:5px;
		border-top:1px dotted #666666;
		border-bottom:1px dotted #666666;
		margin-bottom:12px;
	}
	div#tematiques_ampl div#titol {
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		color:666666;
		font-weight:bold;
	}

/* FI NOTICIES*/

/* PROJECTES*/
	div#area_con div#proj {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#proj div#titol_proj {
		float:left;
		width:543px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		text-transform:uppercase;
		margin-left:5px;
		background-image:url(../../res/img/caps_proj.jpg);
	}
	div#area_con div#proj {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#proj div#area_projectes{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		margin-top:0px;
		color:666666;
		margin-left:11px;
	}
	div#area_projectes div#projs{
		float:left;
		width:541px;
		text-align:justify;
		height:auto;
		margin-top:10px;
		color:666666;
		line-height:20px;
	}
	div#projs div#titol{
		float:left;
		width:530px;
		text-align:justify;
		height:auto;
		color:666666;
		padding:5px;
		font-weight:bold;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	div#titol .data{
		font-size:9px;
		font-weight:bold;
	}
	div#titol .descripcio{
		font-size:10px;
		font-weight:normal;
		text-transform:none;
		text-align:left;
	}
	div#titol .info{
		font-size:10px;
		font-weight:normal;
		text-transform:none;
		font-weight:bold;
		text-align:left;
	}
	a.info:link, a.info:visited,a.info:hover, a.info:active{
		text-decoration:none;
		font-weight:bold;
		color:d3e87a;
	}
/* FI PROJECTES*/

/*AREA CONTACTA*/
	div#area_con div#cont {
		float:left;
		width:566px;
		text-align:justify;
		height:auto;
		/*background-color:#99CCCC;*/
	}
	div#cont div#titol_cont {
		float:left;
		width:543px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		text-transform:uppercase;
		margin-left:5px;
		background-image:url(../../res/img/caps_cont.jpg);
	}
	div#cont div#area_contacta{
		float:left;
		width:529px;
		text-align:justify;
		height:auto;
		/*margin-top:20px;*/
		padding:5px;
		margin-left:11px;
		border:1px solid #666666;
	}
	div#area_contacta div#enviar{
		float:left;
		width:529px;
		text-align:right;
		height:auto;
		color:666666;
		padding-top:5px;
		font-weight:bold;
		margin-top:10px;
	}
	div#area_contacta div#text{
		float:left;
		width:529px;
		text-align:left;
		height:auto;
		color:666666;
		line-height:15px;
		margin-bottom:15px;
	}
	div#area_contacta div#camps{
		float:left;
		width:409px;
		text-align:left;
		height:auto;
		color:666666;
		line-height:20px;
		margin-top:10px;
		font-weight:bold;
		margin-left:30px;
	}
	div#camps div#camp_esq{
		float:left;
		width:130px;
		line-height:20px;
		text-align:left;
		height:auto;
	}
	div#camps div#camp_dre{
		float:left;
		width:279px;
		line-height:20px;
		text-align:left;
		height:auto;
	}
/*FI AREA CONTACTA*/

	
/* AREA BLOGS*/
	div#screen div#area_top_blog {
		float:left;
		width:900px;
		height:87px;
		background:ffffff;
	}

	div#area_con div#blog {
		float:left;
		width:899px;
		text-align:justify;
		height:auto;
		overflow:visible;
	}
	div#blog div#titol_blog {
		float:left;
		width:539px;
		text-align:justify;
		height:50px;
		line-height:50px;
		font-weight:bold;
		font-family:Verdana;
		padding-left:18px;
		color:ffffff;
		font-size:13px;
		margin-left:5px;
		background-image:url(../../res/img/caps_cont.jpg);
	}
	div#blog div#zona_menu {
		float:left;
		width:162px;
		text-align:justify;
		height:auto;
		margin-left:1px;
		margin-top:8px;
		background-color:eeeeee;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		border:1px solid #666666;
		padding-right:15px;
	}
	
				div#zona_menu div#area_box{
					width:161px;
					float:left;
					height:75px;
					margin-bottom:0px;
				}
				div#zona_menu div#area_box_sortir{
					width:161px;
					float:left;
					height:50px;
					margin-bottom:0px;
				}

				div#zona_menu div#temes,div#zona_menu div#escrits,div#zona_menu div#registrat,div#zona_menu div#registre { 
					float:left;
					width:161px;
					text-align:justify;
					height:auto;
					font-size:13px;
					font-weight:bold;
					color:666666;
					border-bottom:1px dashed #666666;
					margin-bottom:3px;
				}	
				div#zona_menu div#registre{margin-top:75px;}
				div#zona_menu div#escrits { margin-top:30px;}
				div#zona_menu div#registrat { font-size:10px; margin-top:0px; border:none; text-align:left; color:666666;}
				a.registrat:link, a.registrat:visited,a.registrat:hover, a.registrat:active{
					text-decoration:none;
					font-weight:bold;
					color:666666;
				}
				a.tema:link, a.tema:visited,a.tema:active{
					text-decoration:none;
					color:666666;
				}
				a.tema:hover{ text-decoration:underline;}
				div#zona_menu div#tema,div#zona_menu div#escrit {
					float:left;
					width:161px;
					text-align:justify;
					height:auto;
					color:666666;
					margin-top:1px;
				}	
	div#blog div#zona_escrits {
		float:left;
		width:694px;
		text-align:justify;
		height:auto;
		padding:5px;
	}
	div#zona_escrits div#data_escrit{
		float:left;
		width:674px;
		text-align:justify;
		height:auto;
		font-size:16px;
		margin-bottom:5px;
		color:d3e87a;
		font-weight:bold;
		font:"Arial Black";
	}
	div#zona_escrits div#titol_escrit{
		float:left;
		width:674px;
		text-align:justify;
		height:auto;
		font-size:14px;
		color:666666;
		margin-bottom:1px;
		font-weight:bold;
	}
	div#zona_escrits div#eti_escrit{
		float:left;
		width:674px;
		text-align:left;
		height:auto;
		color:666666;
		margin-bottom:20px;
		text-transform:lowercase;
	}
	 div#eti_escrit .eti{ text-decoration:underline;}
	 
	 div#zona_escrits div#cos_escrit{
		float:left;
		width:674px;
		text-align:left;
		height:auto;
		color:666666;
		margin-bottom:10px;
	}
	div#zona_escrits div#comentaris_escrit{
		float:left;
		width:674px;
		text-align:right;
		height:auto;
		color:666666;
		margin-bottom:30px;
		text-decoration:underline;
		padding-bottom:10px;
		border-bottom:1px dashed #666666;
	}
	a.comentaris:link, a.comentaris:visited,a.comentaris:hover, a.comentaris:active{
		text-decoration:none;
		color:666666;
	}
	
	div#zona_escrits div#zona_comentaris{
		float:left;
		width:640px;
		height:auto;
		margin-left:34px;
	}
	div#zona_comentaris div#numeret_comentari{
		float:left;
		width:30px;
		text-align:left;
		height:auto;
		color:666666;
		margin-bottom:5px;
	}

	div#zona_comentaris div#cos_comentari{
		float:left;
		width:600px;
		text-align:left;
		height:auto;
		color:666666;
		margin-bottom:5px;
	}
	 div#zona_comentaris div#usuari_comentari{
		float:left;
		width:610px;
		text-align:left;
		height:auto;
		color:666666;
		margin-bottom:40px;
		padding-left:30px;
	}



/* FI AREA BLOGS*/

/*Estils que pinten l'agenda petita*/
			table.calendar {
				font-family: Verdana;
				font-size: 10px;
				color: #666666;
				text-align: center;
				font-weight: bold;
				width: 164px;
				}
			table.calendar caption.calendar-month {
				text-align: right;
				background-color: #D4E77B;
				color: #FFF;
				font-size: 13px;
				text-align: center;
				font-weight: bold;
				width: 164px;
				padding: 3px 6px 3px 6px;
				border-bottom: 1px solid #FFF;}
			table.calendar th {
				background-color: #C9C9C9;
				padding: 3px 1px;
				font-size: 10px;}
			table.calendar td {padding: 0;}
			table.calendar td.empty {
				background-color: #ffffff;}
			table.calendar td a {
				background-color: #EDF5C9;
				color: #666666;
				text-decoration: none;
				display: block;
				padding: 2px 0 2px 0;}
			table.calendar td a:hover, table.calendar td.today a {
				background-color: #666666;
				color: #EDF5C9;
				text-decoration: none;}
/*Fi dels estils que pinten l'agenda petita*/		

		
/* Estils que pinten els events de la agenda quan s'entra en una secció*/
				div#area_con div#event_agenda,div#area_cen_popup div#event_agenda{
						width:536px;
						float:left;
						text-align:left;
						margin-bottom:10px;
						margin-left:7px;
						margin-top:7px;
						color:#FFFFFF;}
				div#area_cen .data_i_resum,div#area_cen_popup .data_i_resum{
						width:460px;
						margin-left:0px;
						float:left;
						height:auto;
						text-align:left;
						line-height:20px;
						font-weight:bold;
						margin-bottom:3px;
						padding-left:0px;
						color:#666666;}
				div#event_agenda .camp_titol_esq,div#event_agenda .camp_titol_dre{
						float:left;
						background-color:#d9d9d9;
						color:#666666;
						text-align:left;
						line-height:15px;
						margin-left:0px;
						margin-right:3px;
						margin-bottom:3px;
						padding-left:10px;
						padding-right:10px;}
				div#event_agenda .camp_titol_esq{width:100px;}
				div#event_agenda .camp_titol_dre{width:100px;}
				div#event_agenda .camp_texte, div#event_agenda .camp_texte_vincle,div#event_agenda .camp_texte_desc{
						float:left;
						width:380px;
						color:#aea7a1;
						text-align:left;
						line-height:15px;
						margin-right:3px;
						margin-bottom:3px;
						padding-left:10px;
						padding-right:10px;
				}
				div#event_agenda .camp_texte_vincle{color:#666666; margin-left:0px; font-weight:bold;}
				a.data_i_resum:link, a.data_i_resum:visited,a.data_i_resum:hover, a.data_i_resum:active {
						text-decoration:none;
						color:#666666;}
				a.camp_texte_vincle:link, a.camp_texte_vincle:visited,a.camp_texte_vincle:hover, a.camp_texte_vincle:active {
						text-decoration:none;
						color:#666666;}
				a.titol:link, a.titol:visited,a.titol:hover, a.titol:active {
						text-decoration:none;
						color:#666666;}
				div#event_agenda .camp_texte_desc{
						/*position:absolute;
						top:113px;
						left:20px;*/
						background-color:#ffffff;
						color:#aea7a1;
						float:left;
						text-align:left;
						line-height:15px;
						margin-right:3px;
						margin-bottom:3px;
						padding-left:10px;
						padding-right:10px;
						width:590px;
						height:160px;}
				div#event_agenda .camp_titol_esq_desc{
						/*position:absolute;
						top:95px;*/
						background-color:#d9d9d9;
						float:left;
						color:#000000;
						text-align:left;
						line-height:15px;
						margin-right:3px;
						margin-bottom:3px;
						padding-left:10px;
						padding-right:10px;
						width:590px;}
/* Fi estils que pinten els events de la agenda  */

/* Estil per a l'agenda gran */
			div#area_con div#calendari {
				margin-top:0px;
				margin-left:12px;
				float:left;
				width:540px;
				left:0px;
			}
			  
			div.titolAgenda{
				padding-top: 2px;
				padding-bottom: 2px;
				font-size:16px;
				color: #666666;
				font-weight: bold;
			}
			
			div#calendari a.titol {
				color: #205599;	
				font-size:10px;
			}
			
			td.titol_dies {
				text-align: center;
				background-color: #C9C9C9;
				font-size: 10px;
				color: #666666;
				font-weight: bold;
				line-height:20px;
				width:14%;
			}
			
			td.diaOff {
				background-color: #EDF5C9;
				font-size: 10px;
				color: #666666;
				font-weight: lighter;
				vertical-align: top;
				width:14%;
				height:45px;
			}

			td.diaOn {
			
				background-color: #EDF5C9;
				font-size: 10px;
				color: #66666;
				font-weight: lighter;
				cursor: pointer;
				cursor: hand;
				vertical-align: top;
				width:14%;
				height:45px;

			}
/* FI Estil per a l'agenda gran */