/* CSS Document */
/*Estils generals web*/
html, body, form, div, a, span, img {margin:0;padding:0;border:none}
html, body{font-family:Verdana, Tahoma, Arial, sans-serif;background-color:#F3F3F1;}
#web {width:776px;margin:0 auto ;background-color:#FFFFFF;height:auto;min-height:100%;}
div.separador {clear:both;font-size:0;line-height:0px}
a {text-decoration:none}
a:hover {text-decoration:underline}
.amagat{display:none}

/* RECTIFICACI DE TAMANY DE TITOLS AMB FF (hereda el 'font-size' del contingut 
i redueix les fonts provocant diferencies IE - Firefox */
h1 {font-size:x-large;color:#745A1F}
h2 {font-size:large;color:#BD9334; border-bottom:1px solid #BD9334; padding-bottom:.3em;} 
h3 {font-size:medium;color:#BD9334}
h4 {font-size:small;color:#BD9334}
h5 {font-size:x-small}
h6 {font-size:xx-small}

/*CAP*/
#cap{width:776px; position:relative}
/*fons gris logo*/
#capDalt{height:92px;background-image:url(img/fonsCap.jpg); background-repeat:no-repeat; background-position:top left}
/*menu idiomes*/
#idiomes {width:389px; height:37px; position:absolute; top:54px; left:386px}
#idiomes ul.idiomes {list-style:none; padding:0; margin:0}
#idiomes ul.idiomes li {float:left; padding:0; margin:0}
#idiomes ul.idiomes li#esp a {width:82px; height:37px; background-image:url(img/idiomes/esp.gif); background-repeat:no-repeat; background-position:left; display:block}
#idiomes ul.idiomes li#esp a:hover {background-image:url(img/idiomes/esp_h.gif)}
#idiomes ul.idiomes li#cat a {width:74px; height:37px; background-image:url(img/idiomes/cat.gif); background-repeat:no-repeat; background-position:left; display:block}
#idiomes ul.idiomes li#cat a:hover {background-image:url(img/idiomes/cat_h.gif)}
#idiomes ul.idiomes li#eng a {width:76px; height:37px; background-image:url(img/idiomes/eng.gif); background-repeat:no-repeat; background-position:left; display:block}
#idiomes ul.idiomes li#eng a:hover {background-image:url(img/idiomes/eng_h.gif)}
#idiomes ul.idiomes li#deu a {width:78px; height:37px; background-image:url(img/idiomes/deu.gif); background-repeat:no-repeat; background-position:left; display:block}
#idiomes ul.idiomes li#deu a:hover {background-image:url(img/idiomes/deu_h.gif)}
#idiomes ul.idiomes li#fra a {width:79px; height:37px; background-image:url(img/idiomes/fra.gif); background-repeat:no-repeat; background-position:left; display:block}
#idiomes ul.idiomes li#fra a:hover {background-image:url(img/idiomes/fra_h.gif)}
/*foto i eslogan*/
#capBaix{margin:0;padding:0; background-image:url(img/fonsCapPortada.jpg); background-repeat:no-repeat}
#capBaix div.eslogan {padding:60px 0 0 230px;height:78px;}
/*menu taronja       */
#menuTaronja {position:relative;background-image:url(img/fonsMenuTaronja.gif); background-repeat:no-repeat; background-position:top; width:776px; height:23px;top:-11px}
* html #menuTaronja {position:relative;background-image:url(img/fonsMenuTaronja.gif); background-repeat:no-repeat; background-position:top; width:776px; height:23px;top:0px}
/*menu general*/
ul.linksgenerals {margin-top:0px;margin-left:-35px;font-family:Verdana, Tahoma;font-size:0.7em;cursor:pointer;list-style:none;}
ul.linksgenerals li {margin-top:2px;float:left;border-right:1px solid #BA5D01;padding-right:10px; padding-left:10px;}
ul.linksgenerals li.border {border-right:none}
ul.linksgenerals a {color:#FFFFFF;text-decoration:none}
ul.linksgenerals a:hover {color:#984F00;text-decoration:none}
/*menu icones*/
ul.linksicones{list-style:none;margin-right:7px}
ul.linksicones li{float:right;display:inline;padding-right:5px; padding-left:5px;}

/*COS*/
#cos{width:776px;text-align:left;/*position:relative;*/background-color:#FFFFFF;height:auto;min-height:100%;}
#menuEsq {padding-bottom:10px;padding-top:45px;width:160px;height:420px;/*position:relative;*/ float:left;}
#contenedor{border-left:2px dotted #BCBCBC;margin-top:0px; /*-475px*/background-color:transparent;height:auto;min-height:100%; float:right;}
#peu{margin-left:4px;margin-right:4px;width:602px; height:18px;background-image:url(img/peu.jpg);background-repeat:no-repeat;clear:both;}
#peu a{position:relative;color:#FFFFFF;font-size:.7em;text-decoration:none;padding-right:10px;left:528px;top:2px}
#peu a:hover{text-decoration:underline}

/** Generic **/
.llistat {width:auto;background-color:#fff}
/** Especifics forum **/
.missatge span.respondreforum { padding:2px; margin:0; float:right; width:auto; text-align:right; background-color:#EBEBD6;}

.forum .missatge_forum  {border:1px solid #D3D3A2;padding:5px;margin-bottom:5px;background-color:#F2F1E3}
.forum .missatge_forum .respostaforum { padding:4px; margin-top:5px; width:auto; border-top:1px solid #D3D3A2;border-bottom:1px solid #D3D3A2; background-color:#EBEBD6;} 
.forum .contenedor_nou_topic {margin:5px;text-align:right}
.forum .contenedor_nou_topic span.respondreforum {display:block}

.forum .contenedor_nou_topic span.respondreforum img {position:relative;top:-3px;left:4px}
.forum span.respondreforum img.fletxaforum {position:relative;top:-3px;left:8px}

#contingut .forum span img {border:none !important}

.forum .missatge_forum {overflow:hidden}

#contingut .forum .missatge_forum a:hover {color:#333}
#contingut .forum .missatge_forum .respostaforum a {color:#666}
#contingut .forum .missatge_forum .respostaforum a:hover {color:#333}

.forum .missatge_forum .contenedor_respondre_forum {text-align:right}

.forum  .tema_forum,
div.final_tema_forum {border-top:1px solid #D6D3A5;padding:7px}
.forum  .tema_forum .descripcio_tema {padding-left:7px;padding-top:7px}


/** Especifics taulell anuncis **/
.taulell_anunci .anunciarse span {position:relative;top:5px;padding-left:5px}


/* Compartits llistats (forum-anuncis) */
.documents .categoria_document,
.documents .document,
.enquestes .enquesta,
.taulell_anunci .categoria,
.taulell_anunci .anunci,
.anuncis_oficials .categoria, 
.competicions .categoria, 
.noticies .categoria,
.agenda .categoria,
.especials .categoria {border-top:1px solid #D3D3A2;border-bottom:1px solid #D3D3A2;padding:5px;margin-bottom:5px;background-color:#F2F1E3}

.documents #cercardata,
.enquestes #cercardata,
.taulell_anunci #cercardata,
.anuncis_oficials #cercardata,
.competicions #cercardata,
.noticies #cercardata,
.agenda #cercardata,
.especials #cercardata {text-align:right;margin-bottom:10px}

#contingut .documents .categoria_document a,
#contingut .categoria a,
#contingut .anunci a,
#contingut .enquestes .enquesta a,
#contingut .forum  .tema_forum a,
#contingut .forum .missatge_forum a,
#contingut .taulell_anuncis a,
#contingut .anuncis_oficials a,
#contingut .competicions a,
#contingut .noticies a,
#contingut .agenda a,
#contingut .especials a {font-weight:bold;color:#666}

#contingut .documents .categoria_document a:hover,
#contingut .categoria a:hover,
#contingut .anunci a:hover,
#contingut .enquestes .enquesta a:hover,
#contingut .forum  .tema_forum a:hover,
#contingut .forum .missatge_forum a:hover,
#contingut .taulell_anuncis a:hover,
#contingut .anuncis_oficials a:hover,
#contingut .competicions a:hover,
#contingut .noticies a:hover,
#contingut .agenda a:hover,
#contingut .especials a:hover {color:#333}


.taulell_anunci .altres,
.forum .missatge_forum .altres {font-size:.8em}

.documents .tornar, .documents .seguent, .documents .anterior,
.enquestes .tornar, .enquestes .seguent, .enquestes .anterior,
.taulell_anunci .tornar, .taulell_anunci .seguent, .taulell_anunci .anterior,
.forum .tornar, .forum .seguent, .forum .anterior,
.anuncis_oficials .tornar, .anuncis_oficials .seguent, .anuncis_oficials .anterior,
.competicions .tornar, .competicions .seguent, .competicions .anterior,
.noticies .tornar, .noticies .seguent, .noticies .anterior,
.detall_agenda .tornar, .detall_agenda .seguent, .detall_agenda .anterior,
.especials .tornar, .especials .seguent, .especials .anterior {padding:7px;border-bottom:1px solid #D6D3A5;font-size:.9em}

.documents div.detall, .taulell_anunci div.detall, .enquestes div.detall,
.anuncis_oficials div.detall, .competicions div.detall, .noticies div.detall,
.agenda div.detall, .especials div.detall {border-bottom:1px solid #D6D3A5;padding-bottom:10px;margin:0}

.documents .tornar img, .documents .anterior img, .documents .seguent img,
.enquestes .tornar img, .enquestes .anterior img, .enquestes .seguent img,
.taulell_anunci .tornar img, .taulell_anunci .anterior img, .taulell_anunci .seguent img,
.forum .tornar img, .forum .anterior img, .forum .seguent img,
.anuncis_oficials .tornar img, .anuncis_oficials .seguent img, .anuncis_oficials .anterior img,
.competicions .tornar img, .competicions .seguent img, .competicions .anterior img,
.noticies .tornar img, .noticies .seguent img, .noticies .anterior img,
.detall_agenda .tornar img, .detall_agenda .anterior img, .detall_agenda .seguent img,
.especials .tornar img, .especials .anterior img, .especials .seguent img {position:absolute;right:19px}
 
/*
.taulell_anunci .seguent,
.forum .seguent {margin-bottom:10px}
*/

#contingut .documents a,
#contingut .taulell_anunci a,
#contingut .forum  .tema_forum a {color:#666}

#contingut .documents a:hover,
#contingut .taulell_anunci a:hover,
#contingut .forum  .tema_forum a:hover {color:#333}

.anuncis_afegir_nou .input textarea,
.anuncis_afegir_nou .input input,
.forum_afegir_nou .input textarea,
.forum_afegir_nou .input input {width:400px}
.forum_afegir_nou .input textarea,
.anuncis_afegir_nou .input textarea {height:150px}

/* Estils Noticies i Agenda */
/* Portada */
#noticiesPortada .llistat,
#agendaPortada .llistat {background:none}
#noticiesPortada .resumnoticia,
#agendaPortada .event_agenda {margin-bottom:10px;padding:0 30px;}
#noticiesPortada .resumnoticia .data,
#agendaPortada .event_agenda .data {font-size:.65em;color:#8FA5B3;font-weight:bold;padding-left:10px}
#noticiesPortada .resumnoticia .titol,
#agendaPortada .event_agenda .titol {font-size:.7em;color:#D2A236;background-image:url(img/fonsSubmenu.gif);background-repeat:no-repeat;padding-left:10px;background-position:2px 5px}
#noticiesPortada .resumnoticia .titol a,
#agendaPortada .event_agenda .titol a  {color:#D2A236;font-weight:bold}
#noticiesPortada .resumnoticia .subtitol,
#agendaPortada .event_agenda .subtitol  {font-size:.65em;;padding-left:10px}
#noticiesPortada .resumnoticia .imatge,
#agendaPortada .event_agenda .imatge {float:right;background-image:url(img/imatge_not_portada.gif);background-repeat:no-repeat;padding-left:7px;margin-left:5px;margin-bottom:2px}

/* Llistat */
.llistatnoticies img {float:right;border:1px solid #D6D3A5}

/* Detall */
.fitxa_noticia .imatges {float:right;margin:20px 10px 10px 10px}
.fitxa_noticia .imatges .imatge {width:104px}
.fitxa_noticia .imatges img.detallimatge {width:100px}
.fitxa_noticia h1 {margin-top:0;padding-top:0}
.fitxa_noticia img {border:1px solid #CED3D6;padding:2px}
.separador.noticia {border-bottom:1px solid #CCC;margin-bottom:15px;padding-top:15px}

.detall_noticia .detallimatges_titol,
.detall_noticia .detallenllassos_titol {border-bottom:1px solid #D6D3A5;font-weight:bold;margin-top:25px}
.detall_noticia .detallimatges,
.detall_noticia .detallenllassos {padding:20px}
.detall_noticia .detallimatges img {border:1px solid #CED3D6;padding:2px}


/*Galeria portada*/
#cos #colEsq #galeria {width:189px;height:116px;margin-bottom:23px}
#cos #colEsq #galeria .componentgaleriaimatges{text-align:left;margin:0px;margin-top:8px;padding:10px;width:100px;height:70px;clear:right}
#cos #colEsq #galeria .componentgaleriaimatges a,
#cos #colEsq #galeria .componentgaleriaimatges span {display:inline;float:left;margin:0px 6px 6px 0px}
#cos #colEsq #galeria .componentgaleriaimatges a img{border:1.5px solid #fff}
#cos #colEsq #galeria .componentgaleriaimatges a:hover img{border:1.5px solid #000}