/* ETIQUETES PRINCIPALS ---------------------------------------------------------- */ body { margin:0 auto 0 auto; padding:0; background:#FFF url( ../imatges/disseny/cap/bg_general.gif) top repeat-x; font-family: sans-serif; text-align:justify } a { text-decoration:none; color:#ff6600; } a:hover { text-decoration:none; } h1, h2, h3, h4, h5, form, p { margin:0; padding:0; border:0; } input, textarea, select { font-family: sans-serif; margin:0; } img { border:0; } img.fira { border-color:#0255C2; background:url( ../imatges/disseny/bg_3pix.gif); padding:9px; margin:0 0 15px 15px; } div.bg3pix { background:transparent url( ../imatges/disseny/bg_3pix.gif); } a.vermas { background:transparent url( ../imatges/disseny/ico_vermas.gif) right center no-repeat; padding:0 16px 4px 0; line-height:16px; font-size:11px; display:block; text-align:right; } a.vermas span { text-decoration:underline; } a.vermas:hover { color:#000; } p { line-height:1.9em} input.boto { font-size:11px; padding:2px 4px; cursor:pointer; } /* BLOCS D'ESTRUCTURA ---------------------------------------------------------- */ #web { width:752px; margin:0 auto 0 auto; } #columna { width:200px; float:left; text-align:left; margin-bottom:14px; } #contingut { width:540px; float:right; margin:20px 0 20px 0; } #peu { height:60px; background:#66A8FD url( ../imatges/disseny/cap/bg_peu.gif) top repeat-x; clear:both; text-align:center; } div.capsa { border:1px solid #C5DCF9; } /* BLOC DE #COLUMNA ---------------------------------------------------------- */ /* CAPSALERA */ #logo { margin:13px 0 13px 6px; position:relative; z-index:1; } /* SILUETAS */ #siluetas { position:absolute; top:26px; height:142px; left:0; right:0; } #siluetas div { position:relative; width:752px; margin:0 auto 0 auto; } #siluetas img { position:absolute; } #siluetas img.taps { left:138px; z-index:1; top:104px; } #siluetas img.home1 { left:240px; z-index:2; top:48px; } #siluetas img.noia1 { left:285px; z-index:1; top:52px; } #siluetas img.senyal { right:340px; z-index:2; top:14px; } #siluetas img.familia { right:250px; z-index:2; top:64px; } #siluetas img.stands { right:0px; z-index:1; top:-6px; } #siluetas img.portal { left:120px; z-index:1; top:-6px; } /* MENU EN COLUMNA PRINCIPAL */ #menu { margin:20px 0 12px 0; padding:0; width:200px; list-style:none; } #menu li { margin:0 0 2px 0; padding:0; background:transparent url( ../imatges/disseny/menu/bg_li.gif) left top no-repeat; font-size:12px; } #menu a { color:#000000; display:block; height:22px; line-height:21px; padding-left:7px; background:transparent url( ../imatges/disseny/menu/bg_link.gif) right top no-repeat; } #menu a:hover { color:#ff6600; background-position:right -22px; } #menu a.activu { color:#ff6600; background-position:right -22px; } #menu .submenu { margin:0 0 2px 5px; padding:0; list-style:none; background-color:#EBF2FC; border-bottom:1px solid #D4E6FF; } #menu .submenu li, #menu .submenu a { background-image:none; padding:0; margin:0; } #menu .submenu a { font-size:11px; display:block; height:16px; line-height:16px; padding-left:8px; background:none; border-left:5px solid #FFEECB; } #columna h1 { font-size:12px; color:#0255C2; padding:6px 6px 7px 6px; border-bottom:1px solid #FFEECB; text-align:right; } /* ENQUESTA */ .enquesta h3 { font-size:11px; color:#0255C2; padding:7px 10px 9px 10px; line-height:15px; } .enquesta .opcio { padding:5px 5px 7px 5px; margin:1px; } .enquesta .opcio h4 { font-size:10px; font-weight:normal; display:block; padding:0; margin:0 0 5px 0; } .enquesta .opcio h4 strong { float:right; color:#0255C2; } .enquesta .opcio img { height:10px; border:1px solid #0255C2; } .enquesta a.vermas { margin:5px 6px 5px 5px; } .enquesta h2 { padding-left:10px; } #columna .enquesta h1 { background:url( ../imatges/disseny/ico_enquesta.gif) 5px 5px no-repeat; } #contingut .enquesta h3 { font-size:15px; color:#0255C2; padding:0 10px 9px 10px; line-height:15px; } #contingut .enquestes_llista { list-style:none; margin:0 0 0 14px; padding:0; } #contingut .enquestes_llista li { background:url( ../imatges/disseny/ico_enquesta.gif) left center no-repeat; padding-left:22px; } /* COLUMNA: EL RESSO */ #columna .elresso { margin-top:14px; padding:0; text-align:center; } #columna .elresso h1 { background:url( ../imatges/disseny/ico_pdf.gif) 4px 5px no-repeat; margin-bottom:12px; } #columna .elresso a img { border:1px solid #C5DCF9; } #columna .elresso a:hover img { border-color:#66A8FD; } #columna .elresso a.vermas { margin:7px 5px; } /* BLOC DE #CONTINGUT ---------------------------------------------------------- */ #contingut .seccio h1 { font-size:18px; letter-spacing:-1px; font-weight:normal; margin-bottom:14px; color:#ff6600; border-top:1px solid #FFCC66; padding:4px 8px 5px 8px; background:transparent url( ../imatges/disseny/bg_h1.gif) top repeat-x; } #contingut .seccio h2 { font-size:14px; letter-spacing:-1px; margin:14px 0 20px 0; color:#ff6600; border-bottom:1px solid #FFEECB; font-weight:bold; } #contingut .seccio h3 { font-size:12px; margin:14px 0 10px 0; color:#ff6600; } #contingut .seccio p { font-size:12px; margin-bottom:20px; } #contingut .seccio strong { color:#ff6600; font-weight:normal; } #contingut .seccio .help { border-bottom:1px dashed #1872E8; cursor:help; } #contingut .seccio ul { font-size:12px; line-height:20px; } #contingut .seccio tr { padding: 0px; } #contingut .seccio td { padding:8px;} #contingut .seccio a { text-decoration:underline; } #contingut .seccio a:hover { color:#ff0000; } #contingut a.gotop { font-size:11px; display:block; text-align:right; padding:5px 16px 5px 5px; margin-top:14px; background:url( ../imatges/disseny/ico_adalt.gif) right center no-repeat; border-top:2px dotted #C5DCF9; clear:both; } #contingut input, textarea, td, th { font-size:12px; } #contingut th { text-align:left; width:30%; background:#fef7e9; padding:8px; vertical-align:top} #contingut td { background:#efefef; padding:12px; margin-left:10px} #contingut table { margin-bottom:25px} /* NOTICIES */ #contingut #central h2 { margin-bottom:14px; } .noticia a.vermas { background:url( ../imatges/disseny/ico_ampliarnoticia.gif) right center no-repeat; padding:0 18px 4px 0; } #central a.mesnoticies { background:#E7F1FD url( ../imatges/disseny/ico_noticies.gif) 4px 0 no-repeat; color:#000; font-size:10px; display:block; padding:2px 6px 6px 0; margin:-14px 0 0 0; text-align:right; } /* NOTICIES EN SECCIO */ #contingut dl.noticies { background:url( ../imatges/disseny/separador_noticia.gif) repeat-x bottom; padding:0; margin:0; } #contingut dl.noticies dt { font-family: sans-serif; font-size:18px; padding-bottom:5px; margin:0; letter-spacing:-1px; } #contingut dl.noticies dt a { color:#000; text-decoration:none; } #contingut dl.noticies dt a:hover { color:#1872E8; } #contingut dl.noticies dd { font-size:11px; line-height:18px; padding:0 0 5px 0; margin:0 0 14px 0; } #contingut dl.noticies .data { font-size:17px; 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.noticies .data strong { font-size:10px; 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.noticies .data span { font-size:10px; display:block; color:#777; line-height:15px; } #contingut dl.noticies dd a.vermas { background:url( ../imatges/disseny/ico_ampliarnoticia.gif) right center no-repeat; padding:0 18px 4px 0; margin-top:5px; } #contingut dl.noticies img { margin:3px 10px 5px 0; display:block; } /* FOTOS DINS #CONTINGUT */ #contingut .foto { padding:6px 6px 6px 6px; background:#E3F4FC; border:1px solid #D0EBF7; display:block; } #contingut .esq { float:left; margin:2px 14px 10px 0; } #contingut .dre { float:right; margin:2px 0 10px 14px; } #contingut .foto img { border:1px solid #FFF; display:block; } #contingut .foto strong { font-size:10px; padding:2px 2px 0 2px; text-align:center; font-weight:normal; display:block; } /*#contingut .fotogaleria { text-align:center; } #contingut .fotogaleria img { margin:5px; padding:6px; background:transparent url( ../imatges/disseny/bg_3pix.gif); }*/ /* DESCARREGUES */ #contingut .descarregues { font-size:11px; width:100%; } #contingut .descarregues td a { background:#FFF url( ../imatges/disseny/ico_pdf.gif) 4px center no-repeat; padding:5px 0 6px 26px; margin:0 0 0 0; display:block; border:1px solid #FFEECB; border-left:0; } #contingut .descarregues td a:hover { background-color:#F4F5FF; border-color:#8BB8F3; color:#000; } #contingut .descarregues td { font-size:10px; color:#000; border-left:5px solid #C5DCF9; padding:0; margin:0 0 14px 0; background-color:#EDF4FD; vertical-align:text-top; } #contingut .descarregues td p { font-size:10px; color:#000; padding:6px 10px 6px 10px; line-height:14px; } #contingut .descarregues th a img { border:1px solid #FFEECB; } #contingut .descarregues th a:hover img { border-color:#8BB8F3; } /* 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-size:11px; font-weight:bold; background:transparent url( ../imatges/disseny/ico_sector.gif) left top no-repeat; padding-left:22px } #contingut #sectors td a { text-decoration:none; } /* TAULA D'EXPOSITORS */ #expositors { width:100%; } #expositors td { border-bottom:1px solid #D0EBF7; padding:10px;} /* CONTACTE */ #formulari { width:90%; font-family:sans-serif; margin:0 auto 0 auto; } #formulari th { font-size:12px; text-align:left; vertical-align:top; padding:5px; background:url( ../imatges/disseny/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; } #formulari .boto { padding:2px 6px 3px 6px; cursor:pointer; } /* ENLLASOS D'INTERES DINS #CONTINGUT */ .enllasos { font-size:11px; } .enllasos dt { color:#ff6600; font-size:12px; font-family:sans-serif; font-weight:bold; margin-bottom:2px; padding:1px 0 3px 11px; background:url( ../imatges/disseny/ico_bullet.gif) 0 6px no-repeat; } .enllasos dt span { font-size:10px; 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/disseny/ico_mon.gif) right center no-repeat; font-size:10px; } /* PAGINADOR */ #contingut .paginador { text-align:center; font-size:11px; clear:both; } #contingut .paginador a { border:1px solid #8BB8F3; padding:3px 6px 3px 6px; text-decoration:none; } #contingut .paginador span { border:1px solid #8BB8F3; padding:3px 6px 3px 6px; color:#CCC; } #contingut .paginador strong { border:1px solid #ff9933; padding:3px 6px 3px 6px; font-weight:bold; } #contingut .paginador a:hover { color:#000; } /* BARRA DE LOGIN */ #blogin { text-align:right; padding-top:2px; height:22px; } #blogin input.text { width:110px; border:0; margin-right:5px; font-size:10px; padding:3px; _margin-top:-1px; background:transparent url( ../imatges/disseny/login/bg_inputtext.gif) repeat-x; } #blogin input.boto { vertical-align:middle; } #blogin label { font-size:10px; color:#FFF; padding:2px 6px 2px 22px; background:transparent url( ../imatges/disseny/ico_usuari.gif) no-repeat left center; } /* BANERS DE ZONA CONTINGUTS */ #baners { margin:148px 0 14px 0; } #baners img { width:572px; height:72px; } /* ZONA CENTRAL */ #central h2 { font-size:17px; background:url( ../imatges/disseny/separador_noticia.gif) repeat-x bottom; padding:0 0 8px 0; margin:0; } #central p { font-size:11px; line-height:18px; } /* CERCADORS */ .cercador { clear:both; background:transparent url( ../imatges/disseny/bg_3pix.gif); border:1px solid #CBDFFA; padding:6px; text-align:center; font-size:11px; margin-bottom:15px; } .cercador input,select { font-size:11px; } .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/disseny/ico_cercador.gif) left center no-repeat; } /* CAPSES DESTACADES */ #central .destacat { margin-top:14px; padding:10px 10px 8px 10px; background:transparent url( ../imatges/disseny/bg_destacat.gif) no-repeat bottom left; } #central .destacat h1 { font-size:17px; margin-bottom:10px; text-align:right; } #central .destacat .imatge { float:left; margin:0 20px 0 0; } #central .destacat .vermas { clear:both; } /* COLUMNA ESQUERRA #COLUMNAE */ #columnae img.baner { margin-bottom:14px; } #columnae div.recomanat { height:170px; padding:0; margin:0 0 14px 0; background-repeat:no-repeat; background-position:center center; border-color:#555; background-color:#555; } #columnae div.recomanat h5 { font-family:sans-serif; font-size:13px; padding:7px 8px 5px 8px; background-color:#000; color:#FFF; height:30px; background:transparent url( ../imatges/disseny/bg_comerc_recomanat.gif) bottom right no-repeat; } #columnae div.recomanat a { color:#FFF; } /* 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/disseny/bg_3pix.gif); text-align:center; padding:8px 6px 8px 6px; } #contingut .galeria th a.vermas { clear:both; background-image:url( ../imatges/disseny/ico_verfoto.gif); padding-right:21px; font-weight:normal; margin-top:5px; } #contingut .galeria td h4 { font-size:10px; padding:0; margin:4px 0 0 0; } /* GUIA COMERCIAL */ #llistaguia { list-style:none; margin:0; padding:0; clear:both; } #llistaguia li { display:block; padding:5px 5px 5px 18px; border-bottom:1px solid #B9D4F8; background:url( ../imatges/disseny/ico_bullet.gif) 5px center no-repeat; } #contingut #llistaguia li a { text-decoration:none; font-weight:bold; } #contingut #llistaguia li a:hover { color:#000; } /* ANUNCIA'T AMB NOSALTRES */ #pdf a { background:#FFF url( ../imatges/disseny/ico_pdf.gif) right center no-repeat; padding:5px 26px 6px 0; font-size:12px; 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; background-repeat:no-repeat; margin-bottom:10px; line-height:18px; } #fitxa_empresa ul.dades li.adresa { background-image:url( ../imatges/disseny/ico_home.gif); } #fitxa_empresa ul.dades li.telefon { background-image:url( ../imatges/disseny/ico_telefon.gif); } #fitxa_empresa ul.dades li.fax { background-image:url( ../imatges/disseny/ico_fax.gif); } #fitxa_empresa ul.dades li.email { background-image:url( ../imatges/disseny/ico_email.gif); } #fitxa_empresa ul.dades li.web { background-image:url( ../imatges/disseny/ico_web.gif); } #contingut .productes td { vertical-align:text-top; padding-left:10px; } #contingut .productes td h4 { font-size:11px; } /* AGENDA CULTURAL */ #calendari { width:auto; font-family:sans-serif; font-size:13px; float:right; } #calendari th.mes { font-weight:bold; color:#0255C2; } #calendari th { text-align:center; padding:3px; background-image:url( ../imatges/disseny/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 { font-size:15px; padding:5px 5px 0 8px; background:#D9E9FE url( ../imatges/disseny/ico_data.gif) 554px 4px no-repeat; } #contingut .activitat h5 { background-color:#D9E9FE; font-size:11px; margin:0; padding:0 5px 5px 8px; font-weight:normal; } #contingut .activitat p { font-size:11px; margin:0; padding:0; } #contingut .activitat strong { font-weight:bold; font-size:11px; } #contingut .activitat span { font-size:11px; 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 { font-size:15px; padding:5px 5px 5px 8px; font-weight:bold; background:#D9E9FE url( ../imatges/disseny/ico_taulell.gif) 554px 4px no-repeat; } #contingut #taulell dt span { font-size:11px; 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; font-size:11px; } #contingut #taulell strong { font-weight:bold; font-size:11px; } /* MENU INFERIOR */ #menui { clear:both; background:transparent url( ../imatges/disseny/bg_3pix.gif); text-align:center; height:26px; line-height:26px; margin:14px 0 14px 0; } #menui ul { list-style:none; padding:0; margin:0; font-size:11px; } #menui ul li { list-style:none; padding:0 8px 0 8px; margin:0; display:inline; border-right:1px solid #C5DCF9; } #menui ul li.final { border-right:0; } #menui a { color:#000; } #menui a:hover { border-bottom:2px solid #C5DCF9; } /* PATROCINADORS */ #patrocinadors { margin:0 auto 14px auto; width:752px; } #patrocinadors table { width:100%; } #patrocinadors td { vertical-align:middle; text-align:center; } #patrocinadors a { border:1px solid #FFF; display:block; } #patrocinadors a:hover { border:1px solid #C5DCF9; } /* RECEPTES EN SECCIO */ #contingut dl.receptes { background:url( ../imatges/disseny/separador_noticia.gif) repeat-x bottom; padding:0; margin:0; display:block;} #contingut dl.receptes dt { font-family: sans-serif; font-size:18px; padding-bottom:5px; margin:0; letter-spacing:-1px; } #contingut dl.receptes dt a { color:#000; text-decoration:none; } #contingut dl.receptes dt a:hover { color:#1872E8; } #contingut dl.receptes dt span.autor { float:right; font-size:14px; text-align:right;} #contingut dl.receptes dd.imatge { float:left ; margin:0 0 10px 0; } #contingut dl.receptes dd.imatge img { margin:5px 10px 5px 0; display:block; } #contingut dl.receptes dd { font-size:11px; line-height:18px; padding:0 0 5px 0; margin:0 0 14px 0; } #contingut dl.receptes dd.espec { padding:0 0 5px 0; margin:0 0 0 0; } #contingut dl.receptes .data { font-size:17px; 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-size:10px; 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 { font-size:10px; display:block; color:#777; line-height:15px; } #contingut dl.receptes dd a.vermas { background:url( ../imatges/disseny/ico_ampliarnoticia.gif) right center no-repeat; padding:0 18px 4px 0; margin-top:5px; } /* PEU DE PAGINA */ #peu .peucont { width:752px; margin:0 auto 0 auto;} #peu div.links { text-align:right; font-size:.7em; color:#FFF; float:right; padding-top:5px; line-height:18px; } #peu img.logo { float:left; } #peu a { color:#FFF; text-decoration:underline; }