@charset "utf-8";
/* 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,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }

/* ETIQUETES PRINCIPALS ---------------------------------------------------------- */
body						{ margin:0; padding:0; font-family:"Trebuchet MS",sans-serif; font-size:80%; background:url(imatges/disseny/bg_body.gif) repeat-x top; color:#444 }
a							{ text-decoration:none; color:#000000 }
a:hover						{ text-decoration:underline; color:#000 }
h1, h2, h3, h4, h5, form, p	{ margin:0; padding:0; border:0; }
h1.contingut				{ background:url(imatges/bg_h1.gif) no-repeat bottom; color:#000; text-align:center; height:49px; margin-bottom:30px; font-size:1.6em; }
input, textarea, select		{ font-family: sans-serif; margin:0; }
img							{ border:0; }
img.dreta					{ float:right; margin:0 0 20px 20px; }
table						{ margin-bottom:30px; }
a.vermas					{ display:block; color:#3c5caf; text-decoration:underline; text-align:right; font-size:.9em; border-top:1px solid #e8ecf7; background:#f9fafd url(imatges/disseny/ico_vermas.gif) right center no-repeat; line-height:2em; padding:0 28px 2px 0; margin:20px 0 }
a.vermas:hover				{ color:#000; }
input.boto					{ padding:2px 4px; cursor:pointer;font-family:Arial, Helvetica, sans-serif; }
p							{ line-height:1.8em }

/* BLOCS D'ESTRUCTURA ---------------------------------------------------------- */
#web, .wrap				{ width:960px; margin:0 auto 0 auto }
#top					{ height:250px; margin-bottom:20px }
#cos					{  }
#foto					{ height:350px; text-align:center; position:absolute; z-index:0; width:100%; background:url(imatges/fotos_cap/ajax-loader.gif) no-repeat center 85px; top:40px }

#columna		{ width:220px; float:left; text-align:left; background:url(imatges/disseny/bg_menu_top.gif) top left no-repeat }
#columnae		{ float:right; width:350px }
#contingut		{ float:left; width:720px; padding:0 0 0 20px; line-height:1.3em; font-size:1em; }
#cerca_comersos	{ width:350px}
#logos-oficials	{ clear:both; padding-top:50px}
#logo					{ margin-left:10px }
#eltemps				{ border:#c1d1d8 1px solid; text-align:left; padding:4px }
#foto a					{ position:absolute; right:50%; top:132px }
.fotoamplia				{ top:100px } 
.cosbaixa				{ top:430px }
.fotoredueix			{ top:40px  }
.cospuja				{ top:200px }
.botobaja				{ top:302px }
.botosube				{ top:132px }
div.capsa	td			{ margin:10px }
.seccio p				{ padding-bottom:20px}
.seccio h1				{ }
.video					{ margin-bottom:30px; z-index: -999;}
#campanya				{ float:right; width:740px; height:178px; background:url(imatges/disseny/bg_campanya.gif) left no-repeat }
#campanya h1			{ background:#ff9000; color:#fff; font-size:1.4em; margin-top:15px; height:38px; line-height:38px; padding-left:35px; margin-left:5px }
#campanya h1 a			{ color:#fff }
#campanya h2			{ float:right; margin-top:26px; padding-right:20px; color:#fff; font-size:.9em; font-weight:bold; background:url(imatges/ico_data.gif) left center no-repeat; padding-left:20px }
#campanya p				{ padding:5px 0px 10px 30px; margin-right:440px; font-size:1em; line-height:1.6em }
.fotocampanya			{ background-repeat:no-repeat; background-position:right }

.campanya				{ border-bottom:dashed 1px #d8ebcb; margin-bottom:40px; }
img.campanya 			{ clear:both}

#destacat	{ width:350px; height:262px; position:relative; }
#destacat .titol { color:#fff; position:absolute;bottom:15px; height:65px; width:100%; background-color:#000; opacity:0.6;filter:alpha(opacity=60); }
#destacat .titol h1 { color:#fff; font-size:1.6em; text-align:left; padding:0; font-weight:bold; padding:5px 0 0 10px; margin:0; color:#fff; }
#destacat .titol h1 a { color:#fff; }
#destacat .titol h2 { color:#fff; margin:0; padding:0 10px 0 10px; }
#destacat .titol h2 a { color:#fff; }


/* CAPSALERA */
#menu_superior			{ height:60px; line-height:36px }
#menu_superior a		{ float:right; margin-left:10px; color:#355d1b; text-decoration:underline }

.menu.associacio			{ background:#ffe3bf url(imatges/disseny/bg_menu_bottom_associacio.gif) bottom center no-repeat }
.menu.serveis				{ background:#bfffbf url(imatges/disseny/bg_menu_bottom_serveis.gif) bottom center no-repeat }
.menu 						{ margin:0 0 20px 0; padding:0 0 10px 0; list-style:none; font-size:1em }
.menu li					{ margin:0; padding:3px 20px; border-bottom:#FFF dotted 1px; color:#444 }
.menu li.primer				{ margin:0; padding:3px 20px; border-top:#FFF dotted 0px }
.menu li.ultim				{ margin:0; padding:3px 20px; border-bottom:#FFF dotted 0px }
.menu a						{ color:#000;  font-weight:bold }
.menu.associacio a:hover 	{ color:#b46314  }
.menu.associacio .actiu a	{ color:#b46314; font-weight:bold  }
.menu.serveis a:hover 		{ color:#4da125  }
.menu.serveis .actiu a		{ color:#4da125;  font-weight:bold  }

.menu li.titol				{ text-align:center; display:block; height:25px; line-height:25px; padding:0 0 5px 0; letter-spacing:.08em; font-weight:bold; border-bottom:#FFF dotted 0px }
.menu.associacio li			{ background:url(imatges/disseny/bg_menu_associacio.gif) repeat-y }
.menu.serveis li			{ background:url(imatges/disseny/bg_menu_serveis.gif) top no-repeat }
.menu.associacio li.titol	{ color:#875729; background:url(imatges/disseny/bg_menu_tit_associacio.gif) top no-repeat;  border-top:#FFF dotted 0px }
.menu.serveis li.titol		{ color:#328729; background:url(imatges/disseny/bg_menu_tit_serveis.gif) top no-repeat }

/* BLOC DE #CONTINGUT ---------------------------------------------------------- */
#contingut h2				{ font-size:1.4em; font-weight:normal; color:#578d33; margin-bottom:15px; }
#contingut ul				{ margin-bottom:10px; }
#contingut li				{ list-style:inside; margin-left:10px; }
#contingut h3				{ font-size:1.2em; margin-bottom:10px; color:#0d5c98; padding-bottom:5px; margin-right:5px }
#contingut strong			{ color:#0d5c98; font-weight:bold; }
#contingut .help			{ border-bottom:1px dashed #1872E8; cursor:help; }
#contingut a				{ font-weight:bold; text-decoration:underline }
#contingut a:hover			{ color:#f6c099; }
#contingut a.gotop			{ display:block; text-align:right; padding:5px 16px 5px 5px; margin-top:14px; background:url(imatges/ico_adalt.gif) right center no-repeat; border-top:3px solid #c5e8f6 }

.bloc_portada { float:left; width:210px; padding:10px 20px; background:url(imatges/disseny/bloc_model1.gif) no-repeat; height:250px }
.dret { margin-left:20px }
#contingut .bloc_portada h2 { font-size:1.1em; color:#1940b0 }

.guia_comercial { clear:both; background-color:#efefef; margin-bottom:15px }
.guia_comercial p { padding:15px;}

#comers_aleatori { height:272px; font-size:.8em; color:#555 }
#comers_aleatori img { margin-bottom:10px }
#comers_aleatori h1,#comers_aleatori h2 { padding:0 10px; margin:0 }

.serveis		{ border-bottom:#efefef dotted 1px; margin-bottom:10px; }

/* NOTICIES */
a.mesnoticies			{ display:block; padding-right:10px; text-align:right; font-weight:bold  }

/* NOTICIES EN SECCIO */
#contingut h1.portada		{ color:#555; font-size:1.4em; text-align:center; background:url(imatges/bg_h1.gif) no-repeat bottom; height:49px; margin-bottom:30px; }
#contingut .noticies								{ float:left; width:350px; margin-top:0px; padding-top:0px }
#contingut .noticies h2								{ color:#2d7000; line-height:1.4em }
#contingut .noticies h3								{ color:#2d7000; font-size:1.1em; border-bottom:1px solid #c9dfe5; margin-bottom:10px; padding:10px;  }
#contingut .noticies h2 a							{ color:#2d7000; text-decoration:none; font-size:.8em }
#contingut .noticies h2 a:hover				{ color:#444 }
#contingut .noticies p						{ line-height:1.6em; color:#555 }
#contingut .noticies img					{ padding:6px 6px 6px 6px; background:#E3F4FC; border:1px solid #D0EBF7; float:right; margin-left:10px; margin-bottom:10px }
#contingut .noticies .data					{ float:right; line-height:1em; text-align:center; color:#000; font-size:1.8em; padding-right:8px }
#contingut .noticies .data strong			{ font-size:.4em; display:block; color:#777 }

#contingut .noticies_ample								{ float:left; width:720px; margin-top:0px; padding-top:0px }
#contingut .noticies_ample h2								{ color:#2d7000; line-height:1.4em }
#contingut .noticies_ample h3								{ color:#2d7000; font-size:1.1em; border-bottom:1px solid #c9dfe5; margin-bottom:10px; padding:10px;  }
#contingut .noticies_ample h2 a							{ color:#2d7000; text-decoration:none; font-size:.8em }
#contingut .noticies_ample h2 a:hover				{ color:#444 }
#contingut .noticies_ample p						{ line-height:1.6em; color:#555 }
#contingut .noticies_ample img					{ padding:6px 6px 6px 6px; background:#E3F4FC; border:1px solid #D0EBF7; float:right; margin-left:10px; margin-bottom:10px }
#contingut .noticies_ample .data					{ float:right; line-height:1em; text-align:center; color:#000; font-size:1.8em; padding-right:8px }
#contingut .noticies_ample .data strong			{ font-size:.4em; display:block; color:#777 }



#contingut .noticia						{ background:url(imatges/disseny/bg_noticia.gif) repeat-y; margin-bottom:20px; width:350px; clear:both  }
#contingut .noticia h2					{ background:url(imatges/disseny/bg_noticia_top.gif) no-repeat; }
#contingut .noticia p, .noticia h2		{ padding:0px 50px 0 10px; }
#contingut .noticia p					{ font-size:.9em }
#contingut .noticia .vermas				{ background:url(imatges/disseny/bg_noticia_bottom.gif) bottom no-repeat; border-top:0; height:28px; line-height:27px;  margin:0; text-align:left; padding-left:10px  }


#cerca_comersos h2, #cerca_comersos p { padding:0 20px }
#cerca_comersos			{ background:url(imatges/disseny/bg_cerca_comersos.gif) repeat-y; height:135px; margin-bottom:20px   }
#cerca_comersos	h2		{ background:url(imatges/disseny/bg_top_cerca_comersos.gif) no-repeat; padding-top:10px; color:#578d33 }
#cerca_comersos form	{ text-align:center; padding:0px 0 20px; background:url(imatges/disseny/bg_bottom_cerca_comersos.gif) bottom no-repeat }
#cerca_comersos	.text	{ border:1px solid #cecece; padding:2px 2px 2px 20px; margin-right:2px; background:url(imatges/disseny/ico_cercar.gif) left center no-repeat }
#cerca_comersos	.boto	{ padding:0 2px }

/* FOTOS DINS #CONTINGUT */
#contingut .foto					{ float:right; padding:6px 6px 6px 6px; background:#E3F4FC; border:1px solid #D0EBF7; margin-bottom:20px; margin-left:15px }
#contingut .esq						{ float:left; margin:6px 14px 10px 6px; }
#contingut .dre						{ float:right; margin:2px 20px 20px 14px; }
#contingut .foto img				{ border:1px solid #FFF; display:block; }
#contingut .foto strong				{ padding:2px 2px 0 2px; text-align:center; font-weight:normal; display:block; }
#contingut .foto_botiga_portada 	{ float:left; margin:0px 0 10px 0; padding:6px 6px 6px 6px; background:#E3F4FC; }

/* TAULA DE SENYALITZACIO */
#senyalitzacio td					{ border-bottom:1px solid #D0EBF7; padding:10px;}
#senyalitzacio td a img				{ border:1px solid #D0EBF7; padding:10px;}
#senyalitzacio td a:hover img		{ border:1px solid #1872E8; }

/* TAULA DE SECTORS */
#sectors						{ width:100%; }
#sectors td						{ padding:0 5px 10px 0; width:50%; font-family:sans-serif; font-weight:bold; background:transparent url(imatges/ico_sector.gif) left top no-repeat; padding-left:22px }
#contingut #sectors td a		{ text-decoration:none; }

/* CONTACTE */
#formulari								{ width:90%; font-family:sans-serif; margin:0 auto 0 auto; }
#formulari th							{ text-align:left; vertical-align:top; padding:7px; background:url(imatges/bg_3pix.gif); width:50%; }
#formulari td							{ text-align:left; }
#formulari .text					{ width:300px; border:1px solid #8BB8F3; padding:4px; }
#formulari textarea.text	{ height:150px; margin-top:3px  }
#formulari .boto					{ padding:2px 6px 3px 6px; cursor:pointer; }

.textpetit								{ font-size:90%;}

/* ENLLASOS D'INTERES DINS #CONTINGUT */
.enllasos							{  }
.enllasos dt					{ color:#003E98; font-family:sans-serif; font-weight:bold; margin-bottom:2px; padding:1px 0 3px 11px; background:url(imatges/ico_bullet.gif) 0 6px no-repeat; }
.enllasos dt span			{ display:block; }
.enllasos dd					{ margin:0 0 14px 0; padding:0 0 0 11px; line-height:18px; border-bottom:1px solid #D0EBF7; }
.enllasos dd a				{ display:block; text-align:right; padding:1px 22px 4px 0; background:url(imatges/ico_mon.gif) right center no-repeat }

/* PAGINADOR */
#contingut .paginador			{ text-align:center; padding:15px 0 }
#contingut .paginador a			{ border:1px solid #efefef; padding:6px 9px 6px 9px; text-decoration:none; }
#contingut .paginador span		{ border:1px solid #efefef; padding:6px 9px 6px 9px; color:#CCC; }
#contingut .paginador strong	{ border:1px solid #efefef; padding:6px 9px 6px 9px; font-weight:bold; }
#contingut .paginador a:hover	{ color:#000; }

/* BARRA DE LOGIN  */
#login								{ padding:15px 20px 20px 20px; height:100px; background:#d8ebcb; border:6px solid #8bc565; position:absolute; top:15%; left:80%; margin:0 auto; width:250px; margin:-60px 0 0 -140px }
#login input.text					{ width:220px; margin-bottom:8px; padding:3px 2px 3px 25px; border:1px solid #cecece  }
#login input.boto					{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; float:right }
#login a { color:#2d7000; text-decoration:underline; font-size:.8em }
#login .user { background:#fff url(imatges/disseny/ico_user.gif) no-repeat 4px center }
#login .pass { background:#fff url(imatges/disseny/ico_pass.gif) no-repeat 4px center }
#login h1 { font-weight:bold }
/* BANERS DE ZONA CONTINGUTS */
.baner { display:block; margin-bottom:20px }


/* CERCADORS */
.cercador						{ clear:both; background:transparent url(imatges/bg_3pix.gif); padding:10px; text-align:center; margin-bottom:25px; }
.cercador input,select		{  }
.cercador input.text			{ border:1px solid #8BB8F3; padding:2px; width:150px; }
.cercador input.boto			{ padding:1px 3px 1px 3px; cursor:pointer; }
.cercador strong					{ padding:1px 3px 2px 19px; background:transparent url(imatges/ico_cercador.gif) left center no-repeat; }

/* COLUMNA ESQUERRA #COLUMNAE */
img.baner							{ margin-bottom:14px; }
.recomanat 						{ width:200px; float:right; text-align:center; padding:0; margin:0 0 14px 20px; background-repeat:no-repeat; background-position:center center; }
.recomanat h3					{ font-family:sans-serif; padding:7px 8px 5px 8px; background-color:#000; color:#FFF; background:transparent url(imatges/bg_comerc_recomanat.gif) bottom right no-repeat; }

/* FOTOGALERIA */
#contingut .galeria										{ padding:1px; width:572px; height:139px; }
#contingut .galeria td a img					{ border:1px solid #FFF; }
#contingut .galeria td a:hover img		{ border-color:#0255C2; }
#contingut .galeria td								{ width:25%; height:139px; background:url(imatges/bg_3pix.gif); text-align:center; padding:8px 6px 8px 6px; }
#contingut .galeria th a.vermas				{ clear:both; background-image:url(imatges/ico_verfoto.gif); padding-right:21px; font-weight:normal; margin-top:5px; }
#contingut .galeria td h4							{ padding:0; margin:4px 0 0 0; }

/* GUIA COMERCIAL */
#llistaguia								{ list-style:none; margin:0; padding:0; clear:both; }
#llistaguia li							{ display:block; padding:10px 20px; border-bottom:1px solid #efefef; background:url(imatges/ico_bullet.gif) 5px center no-repeat; }
#contingut #llistaguia li a				{ text-decoration:none; font-weight:bold; }
#contingut #llistaguia li a:hover		{ color:#000; text-decoration:underline }

/* ANUNCIA'T AMB NOSALTRES */
#pdf a				{ background:#FFF url(imatges/ico_pdf.gif) right center no-repeat; padding:5px 26px 6px 0; text-align:right; margin:0 0 0 0; display:block; border-left:0; }
#pdf a:hover	{ background-color:#F4F5FF; border-color:#8BB8F3; color:#000; }

/* FITXA D'EMPRESA */
#fitxa_empresa									{ width:100%; }
#fitxa_empresa p								{ padding:0; margin:0; }
#fitxa_empresa td								{ vertical-align:top; }
#fitxa_empresa td.fotos					{ vertical-align:top; text-align:right; }

#fitxa_empresa ul.dades								{ list-style:none; margin:0; padding:0; }
#fitxa_empresa ul.dades	strong				{ font-weight:bold; display:block; }
#fitxa_empresa ul.dades li					{ padding:0 0 0 22px; background-position:left 1px; list-style:none; background-repeat:no-repeat; margin-bottom:10px; line-height:18px; }
#fitxa_empresa ul.dades li.adresa			{ background-image:url(imatges/ico_home.gif); }
#fitxa_empresa ul.dades li.telefon		{ background-image:url(imatges/ico_telefon.gif); }
#fitxa_empresa ul.dades li.fax			{ background-image:url(imatges/ico_fax.gif); }
#fitxa_empresa ul.dades li.email		{ background-image:url(imatges/ico_email.gif); }
#fitxa_empresa ul.dades li.web			{ background-image:url(imatges/ico_web.gif); }

#contingut .productes td					{ vertical-align:text-top; }
#contingut .productes td h4					{ font-weight:bold; color:#0d5c98; padding-top:10px }
#contingut .productes td img				{ float:left; margin:10px 16px 16px 0px; border:#CCC solid 4px  }

/* AGENDA CULTURAL */
#calendari					{ width:auto; font-family:sans-serif; float:right; }
#calendari th.mes			{ font-weight:bold; color:#0255C2; }
#calendari th				{ text-align:center; padding:3px; background-image:url(imatges/bg_3pix.gif); }
#calendari td				{ text-align:center; padding:2px; border:1px solid #FCF; }

#contingut .activitat					{ font-family:sans-serif; margin:5px 0 10px 0; clear:both; }
#contingut .activitat .contingut		{ padding:10px 8px 10px 10px; background:#F0F9FE; }
#contingut .activitat h4				{ padding:5px 5px 0 8px; background:#D9E9FE url(imatges/ico_data.gif) 554px 4px no-repeat; }
#contingut .activitat h5				{ background-color:#D9E9FE; margin:0; padding:0 5px 5px 8px; font-weight:normal; }
#contingut .activitat p					{ margin:0; padding:0; }
#contingut .activitat strong			{ font-weight:bold }
#contingut .activitat span				{ display:block; text-align:right; background:#F0F9FE; border-bottom:1px solid #B9D4F8; padding:7px 7px 6px 0; }
#contingut .activitat .contingut span	{ text-align:left; border:none }

/* Taulell d'anuncis */
#contingut #taulell					{ font-family:sans-serif; margin:5px 0 10px 0; clear:both; }
#contingut #taulell dt				{ padding:5px 5px 5px 8px; font-weight:bold; background:#D9E9FE url(imatges/ico_taulell.gif) 554px 4px no-repeat; }
#contingut #taulell dt span			{ margin:0; font-weight:normal; display:block; }
#contingut #taulell dd				{ padding:8px 8px 10px 10px; background:#F0F9FE; margin:0 0 14px 0; border-bottom:1px solid #B9D4F8; }
#contingut #taulell dd p			{ padding:0; margin:0; }
#contingut #taulell dd span			{ display:block; text-align:right }
#contingut #taulell strong			{ font-weight:bold }

/* RECEPTES EN SECCIO */
#contingut dl.receptes					{ padding:0; margin:0; }
#contingut dl.receptes dt				{ font-size:1.2em; margin:.9em 0; border-bottom:1px solid #c9dfe5; margin-bottom:10px; color:#0d5c98; padding-bottom:5px; margin-right:5px }
#contingut dl.receptes dt a				{ color:#1872E8; text-decoration:none; }
#contingut dl.receptes dt a:hover		{ color:#1872E8; }
#contingut dl.receptes dd img			{ margin:0 0 0 10px; float:right }
#contingut dl.receptes dd				{ padding:0 0 5px 0; margin:0 0 5px 0; }
#contingut dl.receptes .data			{ float:left; text-align:center; background-color:#F6F9C5; margin:3px 12px 8px 0; padding:0 0 1px 0; border:1px solid #C6D961; border-top-width:0; }
#contingut dl.receptes .data strong		{ font-weight:normal; display:block; color:#000; background-color:#C6D961; padding:0 7px 0 7px; margin:0 0 2px 0; line-height:14px; }
#contingut dl.receptes .data span		{ display:block; color:#777; line-height:15px; }
#contingut dl.receptes dd a.vermas		{ background:url(imatges/ico_ampliarnoticia.gif) right center no-repeat; padding:0 18px 4px 0; margin-top:5px; }
#contingut dl.receptes p				{ font-weight:normal }

/* ---------------------- PEU ---------------------- */
#peu				{ background:url(imatges/disseny/bg_peu.gif) repeat-x bottom; clear:both; height:106px; padding:0 20px 0 0; font-size:.9em }
#peu .sobrepeu		{ line-height:3.5em }
#peu .sobrepeu a 	{ float:right }

#peu a { text-decoration:underline; color:#2d7000 }
#peu ul { margin-top:8px; color:#4f4f4f }
#peu ul li { line-height:24px }

#peu .adresa { padding-right:100px;  }
#peu .telefon { }
#peu .enlaces { float:right; text-align:right }

.logos li		{ float:left; width:250px; height:120px; }
.logos li img	{ padding-top:8px; }

table.llista	{ border:#d88419 solid 1px; width:100%}
table.llista th	{ background:#f6c099; padding:6px 10px; width:30%; border:#d88419 solid 1px;}
table.llista td	{ background:#ffe3bf; padding:6px 10px; font-weight:bold; border:#d88419 solid 1px;}

table.llista-desc	{ border:#d88419 solid 1px; width:100%}
table.llista-desc th	{ background:#f6c099; padding:6px 10px; width:95%; border:#d88419 solid 1px;}
table.llista-desc td	{ background:#ffe3bf; padding:6px 10px; font-weight:bold; border:#d88419 solid 1px;}