/* THE BIG GUYS */ * { margin:0; padding:0 } body { background:#e9e1b2 url(../imatges/fons_cos.jpg) center; font:90% Georgia, serif; text-align:justify; } /* LINKS */ a { background:transparent; text-decoration:underline; cursor:pointer; color:#000 } a:hover { color:#9c0103 } /* FORMS */ form { margin: 0 0 1.5em } input, textarea { font-family:tahoma,verdana,sans-serif; margin:0 } fieldset { margin-bottom:15px; padding:15px; border:1px solid #ccc } fieldset legend { _margin-bottom:10px; padding:4px } label { display:block;padding: 5px 0 } label br { clear:left } input.text { padding:2px; border:1px solid #999052; background:#eeebd8; margin:1px 0 1px 15px; width:30em; font-size:1em } textarea.textarea { padding:2px; border:1px solid #999052; background:#eeebd8; margin:1px 0 1px 15px; width:30em; font-size:1em } input.boto { padding:2px 6px 2px 5px } /* TYPOGRAPHY */ p { font-size:.95em; line-height:1.6em } p, ul, ol { margin:0; padding:0 } h1, h2, h3, h4, h5, h6 { margin:0 0 10px 0; color:#9c0103 } h1 { font-size:1.6em; font-weight:normal; } h2 { font-size:1.4em } h3 { font-size:1.2em } h4 { font-size:.9em } h5 { font-size:.8em } .highlight { color:#E17000; font-size:.9em; text-align:center } .error { color:#c00;font-weight:bold} b { color:#990000 } /* LISTS */ ul { margin:0; list-style:none; color:#990000 } li { margin:0 } dl { margin: 0 0 1em 0 } dt { font-weight:bold;margin-top: 1.3em } dl dl { margin: 0 0 1.5em 30px } /* GENERAL */ img { border:none } hr { clear:both } .clear { clear:both; font-size:0px; height:0px; line-height:0px } /* LAYOUT */ #web { width:960px; margin:0 auto } /* LAYOUT - HEADER */ #cap { clear:both; margin:0 } /* LAYOUT - main body of page */ #cos { padding:0 } #contingut { margin:0 0 0 230px; padding:0 50px 0 50px } #columna1 { float:left; width:220px; padding-left:25px } #sobrepeu { clear:both; text-align:center } #portada { } /* LAYOUT - FOOTER */ #peu { height:85px; padding:0 50px; margin:20px 0 0 0; text-align:right; background:transparent url(../imatges/peu_g.gif) bottom center no-repeat; } #peu .links { padding-bottom:15px; color:#999 } #peu .links a { padding:0 3px 0 3px; color:#555 } #peu a.gotop { display:block; border-bottom:1px solid #f0d9d9; background:transparent url(../imatges/ico_tornar_amunt.gif) right bottom no-repeat; font-size:.80em; text-decoration:none; line-height:22px; padding-right:22px; margin:0 0 20px 230px } /* MENUS */ .menu { font-size:.95em; padding:0; border-top:1px solid #b54142; font-weight:bold } .menu li { background:transparent url(../imatges/bg_boto1.gif) bottom repeat-x } .menu li.submenu { background:transparent url(../imatges/bg_boto2.gif) bottom repeat-x } .menu li.ultim { } .menu a { display:block; padding:4px 8px 5px 8px; text-decoration:none; color:#fff; border-bottom:1px solid #b54142 } .menu a:hover { color:#fff; background-color:#9c0103 } .menu li.submenu a { color:#000; font-size:.95em;} .menu li.submenu a:hover { color:#fff;} .menu li.titol_menu { height:23px; padding:0 6px 0 0; font-weight:bold; text-align:right; line-height:21px; background:#879dc8 url(../imatges/bg_menu_titol.gif) top left no-repeat; color:#fff } /* CLASES DE CONTINGUT */ #contingut a.volver { display:block; background:#EDF0F7 url(../imatges/ico_volver.gif) left center no-repeat; padding-left:18px; text-decoration:none; margin-top:15px; line-height:1.8em } #contingut a.veure { display:block; text-align:right; background:transparent url(../imatges/ico_veuremes.gif) right center no-repeat; padding-right:18px; text-decoration:none; font-size:.85em } #contingut a.tot { display:block; font-size:.8em; line-height:16px; font-weight:bold; text-align:right; background:transparent url(../imatges/ico_veuretot.gif) right center no-repeat; padding-right:18px; text-decoration:none; } #contingut a.enllas { display:block; font-size:.8em; line-height:16px; background:transparent url(../imatges/ico_enllas.gif) left center no-repeat; padding-left:22px; text-decoration:none; } #contingut h1 { letter-spacing:-.05em; border-bottom:3px double #e5dba4; } #contingut h2 { margin-bottom:15px; font-weight:normal } #contingut h2 a { text-decoration:none } #contingut h3 { margin:10px 0 15px 0; font-weight:normal; } #contingut h5 { margin:0px 0px 25px 0; padding-right:50px; font-weight:normal; text-align:right; border-bottom:1px solid #990000; line-height:43px; background:transparent url(../imatges/pdficon.gif) right top no-repeat; } #contingut h5 a { text-decoration:none } #contingut p { margin-bottom:15px } #contingut ul { font-size:.95em; line-height:1.6em; list-style:disc; padding-left:20px } #contingut a { color:#9c0103 } #contingut b { color:#9c0103 } #contingut a:hover { color:#000 } #contingut img.dreta { float:right; margin:6px 0px 8px 20px; background:transparent url(../imatges/bg_img.gif); padding:5px; border:2px #990000 solid; } #contingut img.esq { float:left; margin:6px 20px 8px 0px; background:transparent url(../imatges/bg_img.gif); padding:5px; border:2px #990000 solid; } #contingut img.productes { margin:0px 0px 0px 0px; background:transparent url(../imatges/bg_img.gif); } #contingut img.banertop { float:right; margin:6px 8px 8px 12px; padding:6px } #contingut img.baner_central { margin:0 0 15px 0; padding:0; background:none } #contingut h1.cava { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/tapscava.gif) right top no-repeat; } #contingut h1.historia { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/segell.gif) right top no-repeat; } #contingut h1.situacio { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/bruixola.gif) right top no-repeat; } #contingut h1.productes { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/llevataps.gif) right top no-repeat; } #contingut h1.plaquestitol { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/plaques.gif) right top no-repeat; } #contingut h1.vins { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/tapsvi.gif) right top no-repeat; } #contingut h1.vins_ecologics { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/ecologic.gif) right top no-repeat; } #contingut h1.noticies_titol { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/noticies.gif) right top no-repeat; } #contingut h1.contacte { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/contacte.gif) right top no-repeat; } #contingut h1.galeria { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/foto.gif) right top no-repeat; } #contingut h1.enoturisme { text-align:center; border-bottom:3px solid #e5dba4; line-height:63px; background:transparent url(../imatges/enoturisme.gif) right top no-repeat; } /* CLASES ESPECIALS */ img.eslogan { position:absolute; top:0; left:0; z-index:1 } #missatge p { font-family:font-family:Lucida Sans Unicode, sans-serif; font-size:2.10em; color:#FFF; border-bottom:#990000 1px dashed; padding-top:0px; background-color:#990000; line-height:155px; vertical-align:bottom; } /* NOTICIES */ #contingut .noticies h4 { color:#c7d1e5; font-weight:normal; margin:0 0 10px 0 } #contingut .noticies p { overflow:hidden } #contingut .noticies a.veure { border-bottom:1px solid #f0d9d9; margin:5px 0 15px 0; clear:right } #contingut .noticies p img { margin:0 0 10px 10px; padding:0 } /* PLAQUES */ .plaques { overflow:hidden; height:120px; line-height:1.5em; margin-bottom:15px; border-bottom:1px solid #ddd } .plaques img { float:right; clear:right } /* COLUMNA 2 - BANERS */ .minibaner { display:block; margin-bottom:20px } /* IDIOMES */ #idiomes { font-size:.80em; text-align:right; display:block; line-height:2.1em; list-style:none; position:absolute; width:920px } #idiomes a { padding:0 0 0 26px; margin-left:8px; text-decoration:none; color:#999; } #idiomes a:hover { color:#9E0206 } #idiomes a.actiu { font-weight:bold; color:#000; } #idiomes .es { background:transparent url(../imatges/ico_es.gif) 5px center no-repeat } #idiomes .ca { background:transparent url(../imatges/ico_ca.gif) 5px center no-repeat } #idiomes .en { background:transparent url(../imatges/ico_gb.gif) 5px center no-repeat } #idiomes .fr { background:transparent url(../imatges/ico_fr.gif) 5px center no-repeat } /* ----- TABLAS----- */ table.llista { margin:0 15px 15px 15px; padding:0px; border:2px solid #990000; width:90%;} table.llista th { padding:5px 10px 5px 10px; background-color:#990000; color:#FFFFFF; text-align:left;} table.llista tr { padding:10px 0 10px 0; } table.llista td { padding:10px 10px; border-bottom:1px solid #990000; }