body, html { font-family: Tahoma, Arial, Helvetica, sans-serif; padding:0; margin:0; background:#fff url('img/fons.jpg') repeat-y top center}
form, div, ul, li { padding:0; margin:0; list-style:none;}
div { padding:0; margin:0;}
a { color:#fff; text-decoration:underline;}
a:hover { color:#F5CB00; text-decoration:none;}
a img { border:0 solid #fff;}
div#cap { background: url('img/fonscap.gif') no-repeat top center; width:783px; height:69px; margin:0 auto;}
#cos { background: url('img/fonscos.gif') no-repeat top center; width:783px; margin-left:auto; margin-right:auto}
div#logo { position:relative; top:6px; left:6px;}
div#idi { position:absolute; top:6px; width:573px; padding-right:10px; margin-left:200px; text-align:right;}
div#idi a { text-decoration:none; font-size:.65em; font-weight:bold;}
div#idi ul { list-style-position:outside;}
div#idi ul li { display:inline; background: url('img/liidio.gif') no-repeat 0 9px; padding:0 3px 0 7px;}

/* menu */
#colesq { width:179px}
span.text{display:block}
#colesq A { color:#fff; font-weight:bolder; text-decoration:none; width:100%; height:100%;}
#colesq A:hover { color:#F5CB00;}
#colesq .text { font-size:.7em; color:#fff; font-weight:bolder; width:168px; background:no-repeat top left; vertical-align:middle; padding:2px 3px 2px 8px; cursor:pointer; }
#colesq .text:hover { color:#F5CB00; text-decoration: none; }

#colesq .btnLaFederacio .text { height:36px; background-image: url('img/btfederacio.jpg');}
#colesq .btnLaFederacioOver .text, #colesq .btnLaFederacioActiu .text {  color:#F5CB00; height:36px; background-image: url('img/btfederacio.jpg');}

#colesq .btnHostalMercat .text { height:36px; background-image: url('img/btguia.jpg');}
#colesq .btnHostalMercatOver .text, #colesq .btnHostalMercatActiu .text {  color:#F5CB00; height:36px; background-image: url('img/btguia.jpg');}

#colesq .btnHostalAvis .text {height:36px;background-image: url('img/bthostalavis.jpg')}
#colesq .btnHostalAvisOver .text  {height:36px;background-image: url('img/bthostalavis.jpg');color:#F5CB00}
* html #colesq a:hover .text {color:#F5CB00}


#colesq .btnHostalData .text { height:51px; background-image: url('img/bthostaldata.jpg');}
#colesq .btnHostalDataOver .text { height:51px; background-image: url('img/bthostaldata.jpg'); color:#F5CB00;}
#colesq .btnHostaleriaLleida .text { height:51px; background-image: url('img/bthostalerialleida.jpg');}
#colesq .btnHostaleriaLleidaOver .text { height:51px; background-image: url('img/bthostalerialleida.jpg'); color:#F5CB00;}
#colesq .btnHostalNet .text { height:51px; background-image: url('img/bthostalnet.jpg');}
#colesq .btnHostalNetOver .text { height:51px; background-image: url('img/bthostalnet.jpg'); color:#F5CB00;}
#colesq .btnGuiaProveidors .text { height:36px; background-image: url('img/btguia.jpg');}
#colesq .btnGuiaProveidorsOver .text { height:36px; background-image: url('img/btguia.jpg'); color:#F5CB00;}

#colesq .btnProductesPropis .text { height:36px; background-image: url('img/btproductes.jpg');}
#colesq .btnProductesPropisOver .text, #colesq .btnProductesPropisActiu .text {  color:#F5CB00; height:36px; background-image: url('img/btproductes.jpg');}

#colesq .btnPublicacions .text { height:36px; background-image: url('img/btpublicacions.jpg');}
#colesq .btnPublicacionsOver .text, #colesq .btnPublicacionsActiu .text {  color:#F5CB00; height:36px; background-image: url('img/btpublicacions.jpg');}

#colesq .btnRecerca .text { height:23px; background-image: url('img/btrecerca.jpg');}
#colesq .btnRecercaOver .text, #colesq .btnRecercaActiu .text {  height:23px; background-image: url('img/btrecerca.jpg'); color:#F5CB00;}

#colesq .btnLinksInteresants .text { height:23px; background-image: url('img/btenllacos.jpg');}
#colesq .btnLinksInteresantsOver .text, #colesq .btnLinksInteresantsActiu .text {  color:#F5CB00; height:23px; background-image: url('img/btenllacos.jpg');}

#colesq .btnContactar .text { height:23px; background-image: url('img/btcontactar.jpg');}
#colesq .btnContactarOver .text, #colesq .btnContactarActiu .text {  color:#F5CB00; height:23px; background-image: url('img/btcontactar.jpg');}

#colesq .btnAtencioAlSoci .text { height:71px; background-image: url('img/btatenciosoci.jpg');}
#colesq .btnAtencioAlSociOver .text, #colesq .btnAtencioAlSociActiu .text {  color:#F5CB00; height:71px; background-image: url('img/btatenciosoci.jpg');}

#colesq .btnAutenticacio .text { height:23px; background-image: url('img/btn_area_usuaris.jpg');}
#colesq .btnAutenticacioOver .text, #colesq .btnAutenticacioActiu_es .text {  color:#F5CB00; height:23px; background-image: url('img/btn_area_usuaris.jpg');}


#colesq .contingut .eminterntext .text, div#colesq .contingut .emexterntext .text {
  background: url('img/fonsm2.jpg') repeat top left; width:135px; margin:1px 0 2px 12px; padding:1px 4px 5px 14px;
  font-size:.6em; text-decoration:none; font-weight:bolder; color:#fff; height:auto;}
#colesq .contingut .eminterntext A .text, div#colesq .contingut .emexterntext A .text { color:#fff; }
#colesq .contingut .eminterntext A:hover .text, div#colesq .contingut .EmInternTextActiu A:hover .text,
#colesq .contingut .emexterntext A:hover .text, div#colesq .contingut .emexterntextActiu A:hover .text { color:#F5CB00; }
/*div#colesq .contingut .eminterntextOver .text {
  background: url('img/fonsm2.jpg') repeat top left; width:135px; margin:1px 0 2px 12px; padding:1px 4px 5px 14px;
  font-size:.6em; text-decoration:none; font-weight:bolder; color:#F5CB00; height:auto;}*/
#colesq .contingut .EmInternTextActiu .text, div#colesq .contingut .emexterntextActiu .text {
  background: url('img/fonsm2.jpg') repeat top left; width:135px; margin:1px 0 2px 12px; padding:1px 4px 5px 14px;
  font-size:.6em; text-decoration:none; font-weight:bolder; color:#F4FE69; height:auto;}

/* continguts */
#cont { width:429px; padding:0 0 0 10px}
div.cx { width:429px;background: url('img/cxfons.gif'); margin:0 0 10px 0; clear:both;}
div.cx div.cxcapini {width:429px; background: url('img/cxcap.gif') repeat-y top left; clear:both;}
div.cx div.cxcapini02 { width:429px;background: url('img/cx02cap.gif') repeat-y top left; clear:both;}
div.cx div.cxcapini h1, div.cx div.cxcapini02 h1 { text-align:center; color:#fff; font-size:.7em; margin:0; padding:1px 0 0 0;}
div.cx div.cxcapini h1 a, div.cx div.cxcapini02 h1 a { text-decoration:none;}
div.cx div#cxmoll { width:auto; padding:0 8px 2px 6px; margin:0 0 2px 10px; font-size:.5em; color:#ddd; background: url('img/puntmoll.gif') no-repeat 0 3px; clear:both;}
div.cx div#cxmoll a { font-size:1.1em; color:#fff;}
div.cx div#cxmoll STRONG { font-size:1.1em; color:#F5CB00; font-weight:bolder;}

div.cx div.cxcont { background: url('img/cxpeu.gif') no-repeat bottom left; padding:0 6px 2px 6px;}
div.cx div.cxcont a {
	color:#0797AB;
	font-size: 70%;
}
div.cx div.cxcont h1 { color:#244894; margin:.4em .1em .1em .1em;}
div.cx div.cxcont h2, div.cx div.cxcont h3, div.cx div.cxcont h4, div.cx div.cxcont h5, div.cx div.cxcont h6 { color:#244894; margin:.3em .1em .1em .1em;}
div.cx div.cxcont ul { margin:.4em .4em 6px .4em;}
div.cx div.cxcont ul ul { margin:.4em;}
div.cx div.cxcont ul li { background: url('img/liidio.gif') no-repeat 0 4px; padding:0 0 4px 8px; margin:1px 0 2px 0;}
div.cx div.cxcont img {
	margin:3px;
	border: 1px solid #aaa;
}
/*
div.cx div.cxcont { background: url('img/cxpeu.gif') no-repeat bottom left; font-size:.8em; padding:0 6px 2px 6px;}
div.cx div.cxcont a { color:#0797AB;}
div.cx div.cxcont h1 { color:#244894; margin:.5em .2em .1em .2em; font-size:1.6em;}
div.cx div.cxcont h2 { color:#244894; margin:.4em .2em .1em .2em; font-size:1.4em;}
div.cx div.cxcont h4 { color:#244894; margin:.4em .2em .1em .2em; font-size:1em;}
div.cx div.cxcont ul { margin:.4em .4em 6px .4em; font-size:.9em;}
div.cx div.cxcont ul ul { margin:.4em; font-size:1em;}
div.cx div.cxcont ul li { background: url('img/liidio.gif') no-repeat 0 4px; padding:0 0 4px 8px; margin:1px 0 2px 0;}
div.cx div.cxcont img { margin:2px; }
*/

/* columna dreta (banners) */
#coldreta { padding-left:10px; width:155px}
#coldreta img { padding:0 0 5px 0;}
#coldreta a.hostalerialleida{background:url(img/bannerhostalerialleidaes.gif) no-repeat 0 0;width:146px;height:76px;display:block;text-decoration:none;padding:0 0 5px}
#coldreta a.hostalerialleida:hover{background-image:url(img/bannerhostalerialleidaeshover.gif);padding:0 0 5px}
#coldreta a.bannerloteria{background:url(img/loteria.gif) no-repeat;width:146px;height:76px;display:block;text-decoration:none;padding:0 0 5px;cursor:default}
#coldreta a.bannerloteria:hover{background:url(img/loteria2.gif) no-repeat;padding:0 0 5px}
/* peu */
div#peu { width:783px; text-align:center; font-size:.65em; padding:0 0 8px 0; color:#fff; margin:0 auto; clear:both;}
div#peu address { font-style:normal; color:#ddd; font-size:.9em;}

/* noticies */
TABLE.noticies TD.data { color:#333; padding-top:2px; width:25%; }
TABLE.noticies TD.noticia { color: #000; width:75%; }
TABLE.noticies TD.noticia A { color:#000; text-decoration:underline; }
TABLE.noticies TD.noticia A:hover {  text-decoration:none; }
TABLE.noticies TD.noticia STRONG A, TABLE.noticies TD.noticia A STRONG { font-size:120%; font-weight:bolder; color:#0797AB; }
ul.notini { clear:both;}
ul.notini li { clear:both; margin-bottom:8px; padding-bottom:8px;}
ul.notini li div.notinidata { width:70px; float:left; font-size:.8em;}
ul.notini li div.notinicos { width:320px; float:left; clear:right; font-size:.9em;}
ul.notini li div.notinicos a { font-weight:bolder;font-size:1.1em}
ul.notini li div.notinicos span { font-weight:bolder;color:#0797AB;font-size:1.1em}
ul.notini li div.notinicos div.notinidet {}
ul.notini li div.notinicos div.notinidet a {font-size:.9em;color:#000;font-weight:normal}

/* formularis */
fieldset.form { padding:.2em .4em .2em .4em;}
fieldset.form legend { font-size:.8em; font-weight:bolder; padding:0 0 .4em 0; text-align:right;}
fieldset.form div.label { font-size:.85em; width:144px; padding:.1em .4em; vertical-align:top; float:left; text-align:right;}
fieldset.form div.text { padding:.1em 0; vertical-align:middle;}
fieldset.form div.radio { font-size:.85em; float:left; width:auto;}
fieldset.form label {}
fieldset.form input.text, fieldset.form input.textllarg, fieldset.form input.textdades { font-size:.85em; padding:0 2px; margin:.05em 0 .2em 0; color:#000; background:#CBEBE8; border:1px solid #0A2896;}
fieldset.form input.text:active, fieldset.form input.textllarg:active { background:#f6f6f6; border:1px solid #000;}
fieldset.form input.text { width:200px;}
fieldset.form input.textllarg { width:390px;}
fieldset.form input.textdades { width:94px; text-align:right;}
fieldset.form select.text { font-size:.8em; padding:0; margin:0; color:#000; background:#CBEBE8; border:1px solid #0A2896; width:94px;}
fieldset.form br { clear:both; padding:0; margin:0; line-height:0;}
div.peuform { font-size:.7em; padding:.5em;}
div.peuform p { padding:0 1em .5em; margin:.4em;}
div.btform { text-align:center;}
input.bt { background:#094096; border:1px solid; border-color:#809CC9 #031737 #031737 #809CC9; color:#fff; font-size:.85em; font-weight:bolder;}

/* taula dades */
table.dades { width:90%; background:#f2f2f2; border-left:1px solid #003157; border-top:1px solid #003157; margin:4px auto;}
table.dades th,
table.dades td { vertical-align:top; font-size:.85em; padding:0 1px 0 1px; border-right:1px solid #003157;}
table.dades th { text-align:left; background:#094096; color:#fff; font-weight:normal;}
table.dades th.titoldades { text-align:center; font-size:.8em; font-weight:bolder; background:#003157;}
table.dades td { border-bottom:1px solid #003157;}
table.dades td.dades { text-align:right;}
div.llistatanteriors { width:200px; float:left; padding:8px 0 6px 8px;}
div.cxcont div.llistatanteriors h2 { font-size:.85em;}

/* per noticies */
div#noticia h4 {border-bottom:1px solid #244894; color:#244894; font-size:110%;}
div#noticia h5 {border-bottom:1px solid #333333; color:#333333; font-size:105%; text-align:justify;}

/* per agenda */
div#agenda h4 {border-bottom:1px solid #008775; color:#008775; font-size:110%;}
div#agenda h5 {border-bottom:1px solid #333333; color:#333333; font-size:105%; text-align:justify;}

/* per noticies/agenda */
div#noticia H4, div#noticia H5, div#agenda H4, div#agenda H5 { margin-left: 0px; }
div#noticia, div#agenda { padding: 3px; }
div#noticia div.DataLloc, div#agenda div.DataLloc { text-align:right; font: bold 0.65em Tahoma, Arial, Helvetica, sans-serif; margin-top:5px; }
div#news H4 { color:#000000; border-bottom:1px solid #0000CC; }

/* altres */
.netTot { clear: both; }

/* revista hostaler */
table.sumari th.numPag { background-color:#244894; color:#ffffff; font-size:1.1em; font-weight:bold; }
table.sumari td.titPag A { color:#244894; font-size:1.1em; font-weight:bold; text-decoration:none; border-bottom:2px solid #666666; display:block; }
table.sumari td.titPag LI { font-size:0.8em; }
table.numerosAnteriors th { font-size:1em; font-weight:bold; color:#244894; text-align:center; margin-top:10px; }
table.numerosAnteriors th span.midaMb { font-size:80%; }
table.numerosAnteriors td { text-align:center; }

#colesq .contingut .emexterntext .text {
  background: url('img/fonsm2.jpg') repeat top left; width:135px; margin:1px 0 2px 12px; padding:1px 4px 5px 14px;
  font-size:.6em; text-decoration:none; font-weight:bolder; color:#fff; height:auto;}



/*DETALL DE LA NOTICIA*/



div.noticia{}  
div.noticia div.titol{color:#0797AB;font-size:.9em;}  
div.noticia div.lloc, div.noticia div.autor, div.noticia div.data{font-size:.6em;color:#9AABCB}
div.noticia div.subtitol{font-size:.7em;}
div.noticia div.cos{font-size:.6em;margin-top:15px}
div.noticia div.font{color:#666}

div.imatgesrelacionades{text-align:left}
div.imatgesrelacionades h4{color:#fff;font-size:.9em;background-color:#C9D2E3;padding:3px}
div.imatgesrelacionades dl{}
div.imatgesrelacionades dl dt{float:none;margin:10px 0;}
div.imatgesrelacionades dl dd{display:none}
div.imatgesrelacionades dl dt a{font-size:.8em;text-align:left;}
div.imatgesrelacionades dl dt a img{border:none;display:block}
div.imatgesrelacionades dl dt a img span{display:block;font-size:.7em}

div.categoriesrelacionades{clear:left;margin-top:10px;display:none}
div.categoriesrelacionades h4{color:#fff;font-size:.9em;background-color:#C9D2E3;padding:3px}
div.categoriesrelacionades dl{}
div.categoriesrelacionades dl dt{padding-left:10px}
div.categoriesrelacionades dl dt a{font-size:.8em;}
div.categoriesrelacionades dl dt a span{display:block;}

div.documentsrelacionats{clear:left;margin-top:10px;}
div.documentsrelacionats h4{color:#fff;font-size:.9em;background-color:#C9D2E3;padding:3px}
div.documentsrelacionats dl{}
div.documentsrelacionats dl dt{padding-left:10px}
div.documentsrelacionats dl dt a{font-size:.8em;}
div.documentsrelacionats dl dt a span{display:block;}


div.ImatgesRelacionades{}
div.ImatgesRelacionades *{display:inline}
div.ImatgesRelacionades a.NoticiaImatge{float:none;clear:left}
div.ImatgesRelacionades a.NoticiaImatge div.Imatge{}
div.ImatgesRelacionades a.NoticiaImatge div.Imatge img{}

div.ComponentPublicacioAmpliat{position:relative;margin:0;margin-top:5px}
div.ComponentPublicacioAmpliat div.DetallImatge{} 
div.ComponentPublicacioAmpliat div.DetallImatge div.Subtitol{position:absolute;top:0;left:0;font-size:1.2em;margin-left:20px;color:#956A09}
div.ComponentPublicacioAmpliat div.DetallImatge div.Imatge{margin-top:20px}
/*

/*	LLISTAT NOTICIES PORTADA*/
div.componentnoticies{} 
div.componentnoticies div.llistatnoticies{}
div.componentnoticies div.llistatnoticies div.item, 
div.componentnoticies div.llistatnoticies div.itemimatge{border-bottom:1px solid #0797AB;padding-bottom:10px;}
div.componentnoticies div.llistatnoticies div.item a.titol{width:auto;float:none;font-size:.8em;text-decoration:none}
div.componentnoticies div.llistatnoticies div.itemimatge a.titol{width:290px;float:right;font-size:.8em;text-decoration:none}
div.componentnoticies div.llistatnoticies div.item a.titol:hover,
div.componentnoticies div.llistatnoticies div.itemimatge a.titol:hover{text-decoration:underline}
div.componentnoticies div.llistatnoticies div.item a.titol span.titol,
div.componentnoticies div.llistatnoticies div.itemimatge a.titol span.titol{}
div.componentnoticies div.llistatnoticies div.itemimatge div.imatge{float:left;width:100px;margin-right:15px}
div.componentnoticies div.llistatnoticies div.itemimatge div.imatge img{width:100px}
div.componentnoticies div.llistatnoticies div.item div.lloc,
div.componentnoticies div.llistatnoticies div.itemimatge div.lloc{color:#9AABCB}
div.componentnoticies div.llistatnoticies div.item div.autor,
div.componentnoticies div.llistatnoticies div.itemimatge div.autor{color:#9AABCB}
div.componentnoticies div.llistatnoticies div.item div.data{float:left;color:#9AABCB}
div.componentnoticies div.llistatnoticies div.itemimatge div.data{float:none;clear:left;color:#9AABCB}
div.componentnoticies div.llistatnoticies div.item div.subtitol,
div.componentnoticies div.llistatnoticies div.itemimatge div.subtitol{font-size:.7em}
* html div.componentnoticies div.llistatnoticies div.itemimatge a.titol{width:290px;float:right;display:inline}
* html div.componentnoticies div.llistatnoticies div.itemimatge div.imatge{float:none;position:relative;width:100px;margin-right:15px}

span.paginacio{font-size:.7em;text-align:center}
span.paginacio div.informaciopaginacio{text-align:center}

.componentnoticies hr.net{clear:left;}


div.ComponentPublicacioAmpliat{margin:0;padding:0}
div.ComponentPublicacioAmpliat div.DetallImatge{margin:0;padding:0}
div.ComponentPublicacioAmpliat div.DetallImatge div.Imatge{margin:0;padding:0}
div.ComponentPublicacioAmpliat div.DetallImatge div.Imatge img{}
div.ComponentPublicacioAmpliat div.DetallImatge div.Subtitol{}

/* afegit autenticacio persistent */
.contenidorAutenticaico {background:url(img/area_usuaris.jpg) no-repeat; padding: 2px 0 5px 0; margin-top: 2px;}
.DadesEntrar{margin-top:2px;width: 173px;padding-left:5px; color:#fff; FONT-WEIGHT:BOLD; font-size:.65em;line-height:120%}
.DadesSortir{margin-top:2px;width: 173px;padding-left:5px; color:#fff; FONT-WEIGHT:BOLD; font-size:.65em;line-height:120%}

.DadesEntrar input {width:140px;clear:right; display:block;font-size:.9em; }
.DadesEntrar .missatgeErrorZonaMissatges{color:red; margin-top: 4px;}
.titolControlAutenticacio {padding:0 0 0 8px; color:#fff; FONT-WEIGHT:BOLD; font-size:.7em;}
.titolZonaMissatges {display:none}
.botonera{width:50px;height:15px; margin-left:93px;background:red;text-align:center;margin-top:5px;}
.contenidorControls {margin-top: 5px;}
.missatgeInstruccioZonaMissatges, .TextBenvinguda {font-weight: normal; font-size: .9em; padding:0 15px 0 8px;}
.ctlAutenticacioNomUsuari {white-space:nowrap}