@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset,img 			{ border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul 					{ list-style:none }
caption,th 				{ text-align:left }
h1,h2,h3,h4,h5,h6,p		{ font-size:100%; font-weight:normal }
q:before,q:after 		{ content:'' }
abbr,acronym 			{ border:0 }

/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:0px 0px 20px 20px; border:#FFFFFF solid 4px; float: right }
img.thumb       { float:right; margin-left:8px; border:#FFFFFF 2px solid }
img.esquerra	{ margin:10px 10px 10px 0; float:left }  
img.centre		{ margin:0 auto; border:#FFFFFF solid 4px; float:none }
img.boto_box	{ float:left; padding:0 10px 0 10px}
img.lateral   	{ margin-bottom:10px }

/* ---------------------- BIG BOYS ---------------------- */
body 			{ font-family:Tahoma, Arial, Helvetica, sans-serif, sans-serif; font-size:80%; padding:0; margin:0; background:url(../imatges/bg_body.gif) top repeat-x; }
h1 				{ font-size:1.5em; color:#000000; margin-bottom:15px; line-height:1.6em; border-bottom:#666666 dotted 1px; font-weight:bold}
h2 				{ font-size:1.3em; color:#000000; margin-bottom:15px; line-height:1.6em; border-bottom:#666666 dotted 1px; font-weight:bold}
h3 				{ font-size:1.1em; color:#333333; margin-bottom:15px;}
p 				{ line-height:1.4em; margin-bottom:18px; color:#444444  }
p.menu			{ margin:0}
strong			{ font-weight:bold; color:#000000; }
a				{ text-decoration:none; color:#ed008c; }
a:hover			{ text-decoration:underline; color:#999999; cursor:url(../imatges/mano.cur),pointer}
li				{ list-style:none}
ul				{ margin-bottom:20px}
blockquote		{ line-height:1.4em; padding:0 30px 20px; color:#ed008c}
b				{ color:#ed008c;}

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 			{ width:960px; clear:both; margin:0 auto; background-color:#FFFFFF  }
#web_entrada	{ width:960px; clear:both; margin:0 auto; background-color:#ed008c  }
#cap 			{ width:960px; background:#e7eaed; border-bottom:#cfd5da solid 1px; border-top:#cfd5da solid 1px; height:120px }
#cap2			{ width:960px; background:url(../imatges/bg_cap_5.gif) no-repeat; border-top:#cfd5da solid 1px; height:121px }
#cap3			{ width:960px; background:url(../imatges/bg_cap_usuari.gif) no-repeat; border-top:#cfd5da solid 1px; height:121px }
#contingut 		{ width:540px; float:left; padding:13px; margin-top:8px; border-top:#cfd5da solid 1px; border-left:#cfd5da solid 1px; border-right:#cfd5da solid 1px; min-height:500px; }
#mensaje 		{ width:510px; text-align:center; font-size:1.8em; padding:13px; margin-top:8px; border:#000000 solid 1px; min-height:50px; background-color:#ed008c; font-weight:bold; color:#ffffff; line-height:30px  }
#peu 			{ width:960px; clear:both; margin:0 auto; padding:13px;  border-top:#ed008c dashed 1px; line-height:1.8em; background:url(../imatges/tisores.gif) right top no-repeat; clear:both}
#barra_entrada	{ height:45px; background-color:#FFFFFF; text-align:center; font-weight:bold; line-height:45px;}
#fotos_entrada	{ margin-top:10px; background-color:#ed008c; }
#adressa		{ clear:both; width:615px; float:right; margin-right:15px; background-color:#fff; }
#baner_dreta	{ width:520px; float:right; margin:0; padding:0;}
#log			{ height:45px; vertical-align:middle; padding-top:8px; text-align:right}
#entrada_agenda	{ margin-bottom:15px; line-height:1.6em; border-bottom:#666666 groove 1px; }
#barra_entrada a{ font-size:1.5em}
#logo_consell	{ float:left}

/* ---------------------- CAP ---------------------- */
#foto_cap 		{ margin:12px 0px 12px 0px; height:200px; }
#foto_cap img 	{ display:none; width:900px} 
.logo 			{ display:block; margin-top:20px; margin-left:20px }
.logo a:hover	{ clear:both; background-color:none }

/* ---------------------- Lateral ---------------------- */
#lateral 			{ width:192px; float:left; margin-top:8px; padding-top:8px; border-top:#cfd5da solid 1px; }
#lateral p 			{ clear:both; border-bottom:#a9a9a9 dotted 1px; line-height:30px; margin-right:20px; font-weight:bold}
#lateral li 		{ font-weight:lighter; color:#535353; margin-left:8px; line-height:26px}
#lateral img		{ margin-bottom:10px; width:180px}
#lateral_dreta img	{ margin-bottom:10px}
#lateral_dreta		{ width:200px; float: right; margin-top:8px; border-top:#cfd5da solid 1px; padding-top:10px; text-align:center}


span.directori p	{ padding-left:20px; font-weight:bold}
span.directori a	{ text-decoration:underline; font-weight:normal}
.notis				{ margin-bottom:16px; border-bottom:1px dotted #FFFFFF}
.pdf				{ background:url(../img/ico_pdf.gif) top left no-repeat; padding-left:20px; text-decoration:underline}
.descripcio			{ float:left; width:320px; }
.ulbus				{ margin-left: 15px; list-style:square; }

/* ---------------------- CONTINGUT ---------------------- */
#box_portada p.box_portada 	{ margin-bottom:0px }
#adressa p.adressa 			{ color:#000000; background:#FFFFFF; padding:14px }
#adressa a 					{ color:#000000}
#banner p.banner 			{ line-height:20px; padding:14px }
#box_contingut ul 	{ margin:5px 0 30px 0}
#box_contingut li 	{ margin:10px 20px; list-style-image:url(../imatges/ico_list.gif)  }
#box_contingut h1 	{ margin:0 0 20px 0; border-bottom:#FFFFFF dotted 1px; padding-bottom:8px}
#contingut a		{ text-decoration:underline}
.baner_centrat		{ text-align:center; margin-bottom:40px; margin-top:46px}

/* ---------------------- H1 ---------------------- */
h1.habitatge 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_habitatge.gif) top right no-repeat }
h1.ocupacio 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_ocupacio.gif) top right no-repeat }
h1.educacio 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_educacio.gif) top right no-repeat }
h1.salut	 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_salut.gif) top right no-repeat }
h1.consum	 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_consum.gif) top right no-repeat }
h1.mobilitat 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_mobilitat.gif) top right no-repeat }
h1.agenda 					{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_agenda.gif) top right no-repeat }
h1.altausuari 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_usuari.gif) top right no-repeat }
h1.fotos	 				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_fotos.gif) top right no-repeat }
h1.participacio				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_participacio.gif) top right no-repeat }
h1.noticies					{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_noticies.gif) top right no-repeat }
h1.informacio					{ font-size:1.6em; color:#ed008c; text-align:right; line-height:50px; padding-right:55px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_informacio.gif) top right no-repeat }
h5			 				{ font-size:1.3em; color:#ed008c; text-align:left; line-height:20px; padding-left:28px; padding-bottom:14px; font-weight:bold; background:url(../imatges/bg_h5.gif) top left no-repeat }
h6			 				{ font-size:1.2em; color:#ed008c; text-align:left; line-height:20px; padding-left:20px; padding-bottom:14px; font-weight:bold; background:url(../imatges/bg_h6.gif) top left no-repeat }
h1.noticies_p				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:20px; border-bottom:0px; padding-right:35px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_noticies_p.gif) top right no-repeat }
h1.agenda_p				{ font-size:1.6em; color:#ed008c; text-align:right; line-height:20px; border-bottom:0px; padding-right:35px; padding-bottom:24px; font-weight:bold; background:url(../imatges/bg_h1_agenda_p.gif) top right no-repeat; margin-top:40px }


/* ---------------------- LLISTAT ---------------------- */

ul.llistat li 	{ color:#ed008c; line-height:26px; padding-left:14px; background:url(../imatges/ico_list.gif) left top no-repeat; }

/* ---------------------- CALENDARI ---------------------- */

#calendari table		{ background:#EFEFEF; text-align:center; border:#CCCCCC solid 1px; font-size:.60em; margin-bottom:40px }
#calendari th			{ text-align:center; line-height:24px; font-weight:normal; background:#DDDDDD; }
#calendari th.mesos		{ width:40px;  border:#CCCCCC solid 1px;}
#calendari th.mes		{ width:40px;  border:#CCCCCC solid 1px; background:#FF99FF;}
#calendari td			{ padding:3px}
.descripcio				{ float:left; width:300px; padding-right:20px }
.data_1					{ background-color:#8bd5fb}
.data_2					{ background-color:#4bc0fd}
.data_3					{ background-color:#00a8ff}
.data_4					{ background-color:#0285c8}
.data_5					{ background-color:#036ba1}
.data_festiu			{ background-color:#FFCCCC}
#calendari td a			{ color:#FFFFFF; text-decoration:none}
#calendari td a:hover	{ color:#FFFFFF; text-decoration:none}

/* ---------------------- NOTICIES ---------------------- */
#fitxa_noticia_portada {  margin-bottom:20px; padding-bottom:16px}
#fitxa_noticia_portada h2 { text-align:left; line-height:24px; border-bottom:0px; color:#ed008c; font-size:1.1em}
#fitxa_noticia_portada h3 { font-size:1em}
#fitxa_entrada_agenda	{ border-left:#DDDDDD solid 4px; padding-left:8px; padding-top:6px; background-color:#efefef; margin-bottom:20px; }
#fitxa_entrada_agenda h3	{ color:#ed008c; font-size:.9em }
#llegir_mes			{ line-height:28px; text-align:right; padding-right:16px; background-color:#EFEFEF; border-bottom:#999999 solid 1px}

/* ---------------------- CONTACTE ---------------------- */
#contacte 					{ margin-top:10px;}
#contacte td				{ line-height:30px; width:30%}
#contacte label 			{ display:block }
#contacte input.text 		{ width:340px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit 			{ display:block; text-align:left; line-height:30px}
#contacte input.boto 		{ padding:2px 3px 4px }
#contacte textarea 			{ width:340px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte input.check	 	{ border:#ed008c solid 1px;  padding-top:10px }

/* ---------------------- ENQUESTA ---------------------- */
.enquesta label				{ width:150px; padding-right:8px; margin-left:10px; margin-top:4px; display:block; text-align:left;}
.enquesta textarea			{width:450px; margin-top:10px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px}
.enquesta input.checkbox	{ margin:0px 10px; }
.enquesta input.text		{width:450px; border:1px solid #ccc; margin-top:5px; padding:2px; margin-bottom:8px}
.enquesta h3				{ font-size:15px; color:#ed008c; padding:7px 10px 9px 10px; line-height:15px; }
.enquesta form				{ text-align:left}
.enquesta input.radio		{ margin:0px 10px;}


/* ---------------------- CONSULTA ---------------------- */
.consulta 					{ margin-top:40px;}
.consulta td				{ vertical-align:top; line-height:24px; border-top:#CCCCCC solid 1px; margin-top:20px; padding:20px 0 14px}
.consulta label 			{ display:block }
.consulta input.text 		{ width:320px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
.consulta .submit 			{ display:block; line-height:30px}
.consulta input.boto 		{ padding:2px 3px 4px; text-align:right; }
.consulta textarea 			{ width:320px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
.consulta input.check	 	{ border:#ed008c solid 1px;  padding-top:10px }
.consulta .radio			{ display:inline}
.consulta input.error 		{ background-color:#FFFFCC}
.consulta textarea.error	{ background-color:#FFFFCC }
.consulta label.error		{ color:#FF0000; display: none;}

/* ---------------------- Fomulari activitats ---------------------- */
#autoritzacio{font-size:10px;font-family:"Times New Roman", Times, serif;margin-left:20px}
#autoritzacio img{ height:30px; width:600px; margin:0 auto}
#autoritzacio td{height:20px;border:#000000 1px solid}
#autoritzacio td.titol{height:20px;font-weight:bold;border:#000000 1px solid}
#autoritzacio table{width:600px;border:#000000 1px solid}
#autoritzacio label{font-weight:normal}
#autoritzacio h1{font-size:18px;font-weight:bold}
#autoritzacio h2{font-size:15px;font-weight:bold}
#autoritzacio h3{font-size:12px;font-weight:bold}
#autoritzacio p{line-height:1.6em;margin-bottom:16px;width:600px;text-align:justify}
#autoritzacio p.vermell{line-height:1.6em;margin-bottom:16px;width:600px;text-align:justify;color:#FF0000}
#autoritzacio hr{width:600px}
#autoritzacio .caixa_buida{width:600px;height:40px;border:1px solid #000}
#autoritzacio .caixa_buida0{width:600px;height:100px;border:1px solid #000}
#autoritzacio .caixa_buida1{width:600px;height:180px;border:1px solid #000}
#autoritzacio .saltopagina{page-break-after: always}

/* ---------------------- PEU ---------------------- */
#ClientValidationSummary 	{ width:370px; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0; padding:3px 5px; font-weight:bold }
#peu a 				{ text-decoration:none; color:#666666;}
#peu a:hover 		{ text-decoration:underline; color:#000000 }
.telefons			{ padding-left:250px; }
.q 					{ display:block; font-size:.9em; text-align:right; margin:0 auto; width:960px; line-height:60px }
.q, .q a 			{ color:#ed008c }
#gotop				{ text-align:right; margin-bottom:25px; padding-bottom:8px; border-bottom:#CCCCCC dotted 1px; width:100%}
#gotop a			{ text-decoration:none; padding-right:20px; background:url(../imatges/bg_gotop.gif) center right no-repeat}


/* ---------------------- ALERTA ---------------------- */
.alert 						{ display:block; background-color:#ed008c; text-align:center; padding-top:25px; color:#FFFFFF; font-size:14px; width:540px; height:210px }
.alert_mini 				{ display:block; background-color:#ed008c; border:#CCCCff solid 2px; text-align:center; padding-top:25px; color:#FFFFFF; font-size:14px; width:540px; height:50px }
.alertb						{ font-weight:bold; color:#ffffff }

.pics				{ width: 170px; height: 110px; padding: 0; margin:0px; overflow:hidden}
.pics img			{ width: 160px; height: 100px; padding: 4px; border: 1px solid #ccc; background-color: #eee; top: 0; left: 0}

/* element ocult per a el formulari de les consultes */
.oculto				{ display:none;}