
/* ----------------------------------------------------------------------
		BODY I CAPÇALERA
---------------------------------------------------------------------- */

	body {
		margin:0;
		padding:0;
		font-size:72%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#3D3938;
	}
	
	div#capca_logo {padding:10px 0 2px 0px; height:1%; margin:0px auto;}
	div#idiomes {float:left; font-size:11px;color:#FFFFFF; margin-right:20px; margin-top:2px;}
	div#idiomes a:link, div#idiomes a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
	div#telefon_capca { float:right; color:#cbcdce; font-size:11px; padding-left:10px;margin:0 20px 5px 10px;padding-right:8px}
	div#telefon_capca a:link, div#telefon_capca a:visited, div#telefon_capca a:hover {color:#cbcdce; text-decoration:none;}
	
	div#vincle_inici { float:right; margin:0 20px 0 10px }
	div#vincle_inici a:link, div#vincle_inici a:visited  { 
		background:url(../../../img/fletxa_01.gif) left 3px no-repeat;
		padding-left:13px;
		color:#FFFFFF;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
	}
	
	#casa_home{
		background-image: url(../../../img/fons_casa_home.gif);
		width:190px;
		height:82px;
		padding: 60px 0px 0px 60px;
	}
	
	a.logo_home{
		color: #d6e30f;
		background-image: url(../../../img/fons_vincle_home.gif);
		background-position: left top;
		background-repeat:no-repeat;
		padding: 20px 0px 0px 64px;
		font-size: 24px;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#logo_interior{
		background-image: url(../../../img/fons_logo_interior.gif);
		background-position: left top;
		background-repeat:no-repeat;
		width:700px;
		height:142px;
	}
	
	#logo_interior .idiomes_interior{
		color:#FFF;
		text-align:right;
		padding: 16px;
	}
	
	#logo_interior .idiomes_interior a{
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	
	/*	LOGIN  */
	
	#login {
		background-image: url(../../../img/fons_login.jpg);
		background-position: left top;
		background-repeat:no-repeat;
		width: 270px;
		height: 322px;
		padding-right: 10px;
	}
	
	#login .idiomes{
		color:#FFF;
		text-align: right;
		padding: 16px 12px 0px 0px;
	}
	
	#login .idiomes a{
		color:#FFF;
		text-decoration:none;
	}
	
	#login .tour{
		margin-left: 44px;
		margin-top:20px;
	}
	
	#login .tour .img{
		float:left;
		width: 89px;
	}
	
	#login .tour .vincles_fotos{
		float:left;
		width: 130px;
		text-align:right;
		padding-right:0px;
	}
	
	#login .tour .vincles_fotos div{
		padding-top: 10px;
	}
	
	#login .tour a{
		color: #d6e30f;
		font-size: 14px;
		font-weight:bold;
	}
	
	#login .form{
		margin-top: 20px;
		margin-left: 40px;
		background-image: url(../../../img/fons_form_login.gif);
		background-position: left top;
		background-repeat:no-repeat;
		width:230px;
		height:151px;
	}
	
	#login .form .espai_logo{
		padding-top: 50px;
	}
	
	#login .form div{
		color: #a6262b;
		text-align:right;
		padding-right: 30px;
		padding-top: 4px;
	}
	
	#login .form input{
		color: #a6262b;
		border: 0px;
		background-image: url(../../../img/fons_input_login.gif);
		background-position: left top;
		background-repeat:no-repeat;
		background-color: #e8f0fa;
		height: 21px;
		width: 103px;
		padding: 2px;
		color:#333;
	}
	
/* ----------------------------------------------------------------------
		MENÚ ESQUERRA
---------------------------------------------------------------------- */
	
	#menu_esquerra {
		padding: 10px 0px 16px 0px;
	}
	
	#menu_esquerra a{
		text-decoration:none;
		outline:none;
		cursor:pointer;
	}
	
	#menu_esquerra a div.titol{
		float:left;
		color:#1160c6;
		font-size: 26px;
		font-family:Arial, Helvetica, sans-serif;
		padding: 4px;
		margin-left: 20px;
		margin-bottom: 10px;
		padding-top: 6px;
		width:148px;
		height: 60px;
	}
	
	#menu_esquerra a div.img{
		float:right;
		background-image: url(../../../img/boto_menu.gif);
		background-position: left 10px;
		background-repeat:no-repeat;
		height: 67px;
		width:47px;
	}
	
	#menu_esquerra a div.img2{
		float:right;
		background-image: url(../../../img/boto_menu2.gif);
		background-position: left 10px;
		background-repeat:no-repeat;
		height: 67px;
		width:44px;
		display:none;
	}
	
	#menu_esquerra .contingut{
		display: none;
		padding-left: 28px;
	}
	
	#menu_esquerra .contingut div{
		padding-bottom: 10px;
	}
	
	#menu_esquerra .contingut a.vincle:link, #menu_esquerra .contingut a.vincle:visited{
		background-image: url(../../../img/ico_fletxa_menu.gif);
		background-position: left top;
		background-repeat:no-repeat;
		padding-left: 20px;
		text-decoration:none;
		color:#000;
	}
	
	#menu_esquerra .contingut a.vincle:hover{
		color: #1160c6;
	}
	
	.titol_menu {
		padding-top: 14px;
	}
	
	.titol_menu div.titol{
		float:left;
		color:#1160c6;
		font-size: 30px;
		font-family:Arial, Helvetica, sans-serif;
		padding: 4px;
		margin-left: 20px;
		width:156px;
	}
	
	.titol_menu div.img{
		float:right;
		background-image: url(../../../img/boto_menu.gif);
		background-position: left top;
		background-repeat:no-repeat;
		height: 67px;
		width:44px;
	}
	
/* ----------------------------------------------------------------------
		AGENDA
---------------------------------------------------------------------- */
	
	#agenda {
		float: right;
		width:180px;
		padding-right: 20px;
	}
	
	#agenda .item{
		padding: 10px 0px 10px 0px;
	}
	
	#agenda .item .item_cal{
		float:left;
		border: 1px solid #CCC;
	}
	
	#agenda .item .item_cal .mes{
		background-color:#e20a16;
		color:#FFF;
		font-weight:bold;
		padding:2px 6px 2px 6px;
		text-align:center;
	}
	
	#agenda .item .item_cal .dia{
		background-color:#FFF;
		color:#000;
		font-weight:bold;
		padding:2px;
		font-size: 1.2em;
		text-align:center;
	}
	
	#agenda .item .item_text{
		float: right;
		width: 126px;
	}
	
	#agenda .item .item_text .vincle a{
		color:#00a19b;
	}
	
	#agenda .item .item_text .hora{
		padding-top:4px;
	}
	
	#agenda .vincle_veure_mes{
		text-align:right;
	}
	
/* ----------------------------------------------------------------------
		TÍTOLS
---------------------------------------------------------------------- */
	
	h2{
		color: #1160c6;
		font-size: 1.8em;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		padding-left: 30px;
		padding-top: 20px;
	}
	
	.titol_apartat{
		color:#1160c6;
		font-size: 30px;
		font-family:Arial, Helvetica, sans-serif;
		padding: 12px 4px 4px 4px;
		text-decoration:none;
	}
	
/* ----------------------------------------------------------------------
		TEXTOS
---------------------------------------------------------------------- */
	
	.subtitol_noticia{
		font-size: 1em;
		font-weight:bold;
		padding-bottom: 6px;
	}
	
	.text_noticia{
		font-size: 0.8em;	
	}
	
/* ----------------------------------------------------------------------
		VINCLES
---------------------------------------------------------------------- */
	
	.veure_mes{
		background-image: url(../../../img/veure_mes.gif);
		background-position: right top;
		background-repeat:no-repeat;
		padding: 7px 36px 10px 0px;
		height: 40px;
		color:#333;
		text-decoration:none;
	}
	
	.vincle_titol_noticia{
		color: #00a19b;
	}
	
	/*	VINCLES D'INTERÉS  */
	
	.vincles {
		padding:20px 0 10px 0;
		text-align:center;
		color:#1160c6;
		font-weight:bold;
		font-size: 16px;
	}
	.vincles a:link, .vincles a:visited {
		color:#ffffff;
		text-decoration:none;
	}
	
	ul#vincles_interes_h { padding: 10px 0px 0px 0px; margin: 0px; list-style:none; font-size:11px; }
	ul#vincles_interes_h li { padding-bottom: 10px; }
	ul#vincles_interes_h a:link, ul#vincles_interes_h a:visited { color:#333; }
	
	/*	FITXERS D'INTERÉS  */
	.arxius {
		background: url(../../../img/ico_links.gif) top left no-repeat;
		padding:20px 0 10px 0;
		text-align:center;
		color:#1160c6;
		font-weight:bold;
		font-size: 16px;
	}
	
	.caixa_vincle_interes{
		padding-bottom: 16px;
	}
	
	.espai_interes{
		padding: 20px;
		border: 2px solid #d6e30f;
		text-align:center;	
	}
	.espai_interes a{
		text-decoration: none;
		color:#333;
		font-weight:bold;
		background-position: left top;
		background-repeat:no-repeat;
		padding: 5px 0px 15px 34px;
		font-size:11px;
	}
	
	a.v_vincle_interes_jpg:link, a.v_vincle_interes_jpg:visited { background-image:url(../../../img/ico_jpg.gif); }
	a.v_vincle_interes_pdf:link, a.v_vincle_interes_pdf:visited { background-image:url(../../../img/ico_pdf.gif); }
	a.v_vincle_interes_excel:link, a.v_vincle_interes_excel:visited { background-image:url(../../../img/ico_excel.gif); }
	a.v_vincle_interes_gif:link, a.v_vincle_interes_gif:visited { background-image:url(../../../img/ico_gif.gif); }
	a.v_vincle_interes_pps:link, a.v_vincle_interes_pps:visited { background-image:url(../../../img/ico_power_point.gif); }
	a.v_vincle_interes_txt:link, a.v_vincle_interes_txt:visited { background-image:url(../../../img/ico_txt.gif); }
	a.v_vincle_interes_doc:link, a.v_vincle_interes_doc:visited { background-image:url(../../../img/ico_word.gif); }
	a.v_vincle_interes_x:link, a.v_vincle_interes_x:visited { background-image:url(../../../img/ico_arxiu.gif); }

/* ----------------------------------------------------------------------
		NOTÍCIES
---------------------------------------------------------------------- */
	
	
	
/* ----------------------------------------------------------------------
		ALTRES
---------------------------------------------------------------------- */

	div#idiomes a:hover { color:#000000;font-weight:bold;}
	div#marges_menu {padding:0 0 0 10px; background:#005828; height:62px; margin-left:0px}
	ul#menu {margin:0; padding:5px 0 0 0 ; list-style:none;margin:0px 30px;}
	ul#menu li {margin:0 4px 0 0 ; padding:0; float:left;height:47px;}
	
	a.v_menu{
		width:auto;
		height:35px;
		display:block;
		color:#ffffff;
		font-size:13px;
		text-decoration:none;
		font-weight:normal;
		padding:5px 10px;
		text-align:right;
	}
	
	a.v_menu:link, a.v_menu:visited {background:url(../img/degradat_menu_01.gif) left top repeat-x;}
	a.v_menu:hover  {background:url(../img/degradat_menu_02.gif) left top repeat-x; color:#FFFFFF}
	
	a.v_menu_triat:link, a.v_menu_triat:visited{
		width:auto;
		height:35px;
		display:block;
		color:#FFFFFF;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
		padding:5px 10px;
		text-align:right;
	}



h2.titols_principals_h_01 { 
	background:url(../img/ico_01.gif) left top no-repeat; padding-left:40px; display:block; padding-bottom:6px; padding-top:4px; margin-bottom:10px}
h2.titols_principals_h_02 {
	background-color:#6eab24;padding-left:10px; padding-bottom:6px; padding-top:4px; margin-bottom:10px;color:#ffffff;font-weight:normal;width:150px}

h3.subtitol_principal_h { color:#000000;}

.textos_noticies_h {color:#c2d3e2;}

ul.llistat_home {margin:10px 0; padding:0; list-style:none; float:right}
ul.llistat_home li{margin:0 0 0 10px; padding:0px 0 0 10px; background:url(../img/punt_01.gif) left 7px no-repeat; float:left}
ul.llistat_home a {color:#137EF0; font-size:10px}

.degradat_home { background:url(../../../img/degradat_01.gif) left top repeat-x; height:18px; margin:20px 0 20px 0}

.data_noticia2 { color:#e20a16; padding-bottom: 4px;}
.titol_noticia_h { color:#00a19b; font-size:16px; font-weight:bold; margin-bottom:5px}
.data_noticia_h {color:#FF9735; font-size:13px; font-weight:bold;margin-bottom:5px}

.peu_foto_h { color:#716F6E;}

a.v_llegir_mes:link, a.v_llegir_mes:visited { padding-left:10px;color:#333; text-decoration:none; }
a.v_llegir_mes:hover { color:#1160c7; }

.v_entrar_clickedu_home:link, .v_entrar_clickedu_home:visited {
background:url(../img/logo_clickedu.gif) right top no-repeat;
margin-right:10px;
padding-top:15px;
display:block;
height:32px;
color:#FF9735;
font-size:15px; font-weight:bold;
text-decoration:none}

div#caixa_login_home {color:#CCCCCC;width:218px; padding:5px 5px 10px 10px; font-size:11px;}

.text_login {padding-left:10px; color:#ffffff;}

.dia_acte_h { background:url(../img/fletxa_02.gif) left top no-repeat;
padding-left:15px;
color:#000000;
font-weight:bold;
margin-bottom:10px;
margin-top:25px}

a.v_titol_acte_h:link, a.v_titol_acte_h:visited {color:#0083d7;font-weight:bold; margin-left:15px; }
.lloc_acte_h {color:#698681;font-weight:bold; margin-left:15px; margin-bottom:10px}
.text_acte_h { color:#000000; margin-left:15px; margin-top:5px}

div#peu {color:#004120; padding: 10px; width:950px; margin:0 auto 10px auto; font-size:10px}
div#peu a:link, div#peu a:visited {color:#004120}

/*****************************
*********INTERIORS************
******************************/
h3.subtitol_principal_i_02 {
	font-weight:bold;
	color:#00a19b;
	font-size:15px;
	padding-bottom:4px;
}

.data_noticia {
	color: #e20a16;
	padding-left:14px;
	padding-bottom: 4px;
}

.textos_interior {color:#3D3938;font-size:12px}
.textos_interior a:link, .textos_interior a:visited, .textos_interior a:hover {color:#333; font-size:12px; text-decoration:none; }

h4.subtitols_categories {background-color:#1399d3;width:100%;background:url(../../../img/fletxa_03.gif) left 3px no-repeat;}

.nom_submenu {background-color:#6eab24; margin-top: 12px; padding:3px 0 5px 10px; font-size:20px; color:#ffffff}


div#vincles_submenus { background-color:#6eab24; width:100%; }
div#vincles_submenus ul{margin:0;padding:0;}
div#vincles_submenus ul li {list-style:none;width:auto;float:left;margin:0;padding:6px;color:#004120;}
div#vincles_submenus ul a:link, div#vincles_submenus ul a:visited { color:#ffffff; text-decoration:none}
div#vincles_submenus ul a:hover {color:#cdcdcd; text-decoration:none}
div#vincles_submenus ul a.menu_triat:link, div#vincles_submenus ul a.menu_triat:visited {color:#004120; text-decoration:none}


.f_rosa {background:transparent url(../img/f_rosa.gif) bottom left repeat-x !important;width:120px}
.f_verd {background:transparent url(../img/f_verd.gif) bottom left repeat-x !important;width:120px}
.f_groc {background:transparent url(../img/f_groc.gif) bottom left repeat-x !important;width:140px}
.f_lila {background:transparent url(../img/f_lila.gif) bottom left repeat-x !important;width:110px}
.f_taronja {background:transparent url(../img/f_taronja.gif) bottom repeat-x !important;width:120px}
.f_blanc_2 {background:#ffffff url(../img/f_esquerra.gif) top left repeat-y; }
.f_blanc_3 {background:#ffffff;}
.f_blau { background:#1a3a9d}
.f_blau_2 {background:transparent url(../img/f_blau.gif) bottom left repeat-x !important;width:120px;}
.f_blau_3 {background:transparent url(../img/f_blau_2.gif) bottom left repeat-x !important;width:110px;}
.f_blau_100 {background:transparent url(../img/f_blau_2.gif) bottom left repeat-x !important;width:100px;}

.presentacio {background:#004120 url(../img/fletxa-verda-esquerra.gif) top right no-repeat;font-size:16px;padding:0px 20px 0 0;font-weight:bold;}
.espaiat {padding:0px 20px 10px 20px;}
.x_espaiat {padding:0px 30px 20px 30px;}


.virtual {background:transparent url(../img/ico_virtual.gif) top left no-repeat;height:25px;padding:10px 0 0 45px;margin:0;float:left;}
.virtual a:link, .virtual a:visited {color:#ffffff;text-decoration:none;font-weight:bold;}

.calendari {background:#ffffff url(../img/ico_calendari.gif) top left no-repeat;height:27px;padding:10px 0 0 38px;border-bottom:1px dashed #b4b1b0;margin:5px 0}
.calendari a:link, .calendari a:visited {color:#000000;text-decoration:none;font-weight:bold;}

ul#menu_agenda {margin:5px 0 0 0;padding:0;}
ul#menu_agenda li {list-style:none;width:auto;margin:0;padding:5px 10px;color:#ffffff;}
ul#menu_agenda a:link, ul#menu_agenda a:visited {color:#333;}
.menu_triat {font-weight:bold; text-decoration:none}

.menu3 {float:left;width:200px;padding:5px 5px 0px 5px;font-size:14px;color:#ffffff;background-color:#0083d7;height:170px}
.menu3 a:link, .menu3 a:visited {color:#ffffff;text-decoration:none}
.ratlla_per_sota {border-bottom:1px dotted #ffffff;padding:5px 0}
.menu_triat_groc {color:#f7c006 !important;font-weight:bold;}

.franja_verda {background-color:#6eab24;height:36px; float:left;width:390px}
.lletra_verda {color:#004120;}