html { background-image:url(img/f1.gif); background-repeat:repeat;}
html,body{font-size:99%;font-family:Arial,Verdana,Tahoma,sans-serif;}
html,body,div,tr,td,ul,li,img{margin:0;padding:0;}
a, a:visited, a:link, a:active {color:#529EE7}
a:hover {color:#124E89}
h1,h2,h3,h4,h5,h6{padding:0;margin:0; font-size:medium}
h3{color:#246512;}
* html h3 {margin-top:10px}
/* posicionament al centre i a dalt de tots els continguts */
#ubicaciofons{text-align:center; height:100%;margin:0;padding:0; background-image:url(img/f1.gif); background-repeat:repeat;}
#fons2{margin:0 auto; height:100%; width:785px;text-align:left; background-image:url(/img/fonstot2.gif); background-repeat:repeat-y; background-color:#FFFFFF;  background-position:center top; height:100%;padding-bottom:3px}
#continguts{ width:780px;margin:0px; padding:0; margin-left:2px;}

#idiomes{ width:760px; height:27px; text-align:left; margin:0; position:relative; top:-26px; padding-left:20px}
#idiomes div{display:inline;margin-right:7px;}
#idiomes div#separa{color:#B82D86;}
#idiomes #anarrefugis, #idiomes #anaralberg {position:relative;left:360px}
* html #idiomes #anarrefugis, * html #idiomes #anaralberg {position:relative;left:390px}


#idiomes a{font-family:Tahoma, Helvetica, sans-serif;font-size:.65em;color:#BB6404;text-decoration:underline; font-weight:bolder; padding:3px 0 8px 3px; position:relative; top:-3px; font-family: Tahoma, Verdana, Helvetica, sans-serif}
html>body #idiomes a{top:0;padding:3px 0 8px 1px}/*posicionament del menu idiomes per mozilla*/

#idiomes a:hover{text-decoration:none;color:#4086C3; font-weight:bolder; }


#menu{width:778px;height:50px;text-align:center;margin-top:-30px; margin-left:1px;background-image:url(/img/ombra.gif); background-repeat:repeat-x; background-position:top left}
html>body #menu{margin-top:-27px;}
#menu div{float:left; margin-right:0px; width:100px; height:35px;}

#menu #ppal{width:90px;height:35px;margin:0px 7px 0 6px;padding:0px}
#menu #ppal a{display:block;width:90px;height:30px;background:url(/img/pestanyesmenu/ppal.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #ppal a:hover{background-position:center left; color:#ffffff; text-decoration:none}

/*
#menu #tarifes{width:130px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #tarifes a{display:block;width:130px;height:30px;background:url(/img/pestanyesmenu/instalacions.gif) no-repeat top left;padding:5px 0 0 0;margin:0}
#menu #tarifes a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #tarifes.es {width:150px}
#menu #tarifes.es a {width:150px;background:url(/img/pestanyesmenu/Instalacions_gran.gif) no-repeat top left;}
#menu #tarifes.es a:hover{background-position:center left; color:#ffffff; text-decoration:none}
*/

#menu #tarifes{width:70px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #tarifes a{display:block;width:70px;height:30px;background:url(/img/pestanyesmenu/tarifes.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #tarifes a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #noticies{width:70px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #noticies a{display:block;width:70px;height:30px;background:url(/img/pestanyesmenu/tarifes.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #noticies a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #activitats{width:85px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #activitats a{display:block;width:85px;height:30px;background:url(/img/pestanyesmenu/activitats.gif) no-repeat top left;padding:5px 0 0 0;margin:0; text-decoration:none}
#menu #activitats a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #instalacions{width:80px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #instalacions a{display:block;width:80px;height:30px;background:url(/img/pestanyesmenu/reserves.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #instalacions a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #reserves{width:80px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #reserves a{display:block;width:80px;height:30px;background:url(/img/pestanyesmenu/reserves.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #reserves a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #adreces{width:70px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu #adreces a{display:block;width:70px;height:30px;background:url(/img/pestanyesmenu/tarifes.gif) no-repeat top left;padding:5px 0 0;margin:0; text-decoration:none}
#menu #adreces a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu #ofertes{margin-left:7px;width:159px; height:43px; background-image:url(img/pestanyesmenu/promoAnimat.gif); background-repeat:no-repeat; text-align:left; padding-top:2px}
#menu #ofertes span{ display:block;width:110px;padding-left:50px; margin-top:0px; font-size:145%; line-height:18px;cursor:pointer}
#menu #ofertes a{ text-decoration:none; color:#ffffff; }
#menu #ofertes a:hover{color:#FFFF00 }

#menu.menrefugi #instalacions{width:80px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu.menrefugi #instalacions a{display:block;width:80px;height:30px;background:url(/img/pestanyesmenu/reserves.gif) no-repeat top left;padding:5px 0 0;margin:0}
#menu.menrefugi #instalacions a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu.menrefugi #tarifes{width:70px;height:35px;margin:0px 7px 0 0;padding:0px}
#menu.menrefugi #tarifes a{display:block;width:70px;height:30px;background:url(/img/pestanyesmenu/tarifes.gif) no-repeat top left;padding:5px 0 0;margin:0}
#menu.menrefugi #tarifes a:hover{background-position:center left; color:#ffffff; text-decoration:none}

#menu.menrefugi #ofertes {position:Relative;left:40px}
#menu #ofertes.es {position:Relative;left:-10px;}
#menu.menrefugi #ofertes.es {position:Relative;left:50px}

.idsepara{color:#DF9212}

#menu a{font-size:.7em;color:#509EE4;font-weight:800;text-decoration:underline}
#menu a:hover {color:#B82D86}

#contingutscentre{ background-image:url(/img/fondocentral.jpg); width:750px; background-repeat: no-repeat; margin:15px 0 0 15px; text-align:left;}
#contingutcentretitol{font-size: 1.8em; letter-spacing:1px; color:#fff; text-align:left; padding:12px 0 0 45px; margin:0}
#contingutcentretext {  width:600px;margin:0;}
#contingutcentretext.menuimatge {width:700px}
#contingutcentretextavis { width:600px;margin:0;}
#contingutcentretext img{margin:30px 0 0 70px; float:left}
#contingutcentretext p {font-size: .7em; color:#666666; text-align:justify; padding:0px 0 0 90px;}
#contingutcentretextavis p {font-size: .7em; color:#666666; text-align:justify; padding:0px 0 0 90px;}
#contingutcentretext p strong{color:#666666}
#contingutpromos{}

#indexContingutscols{ margin:20px 0 0 70px;}
#indexContingutsesq{float:left;margin-right:23px;padding:0px 10px 0 20px;height:200px;width:270px;}
#indexContingutsesq a:hover{ background-image:url(img/pestanyesmenu/roll/izq.jpg);background-repeat:no-repeat}
#indexContingutsdre{margin-right:22px;padding:0px 10px 0 20px;height:200px;width:270px;}
#separaimg img {float:left; margin-right:23px; padding:20px 23px 0px 0px}

#contingutscols{ height:340px;margin:20px 0 0 75px;padding:0px;}
#contingutsesq{float:left;height:330px;width:260px;background:url(/img/instalacions/albergsIndex_AR.jpg); background-repeat: no-repeat;padding:0;margin:0;}
#contingutsesq{float:left;height:330px;width:260px;background:url(/img/instalacions/albergsIndex_AR.jpg); background-repeat: no-repeat;padding:0;margin:0;}
#contingutsdre{float:left;height:330px;width:260px;background:url(/img/instalacions/refugisIndex.jpg); background-repeat: no-repeat;padding:0;margin:0;}
#separafotos{float:left;margin:100px 40px 0px 40px;}

#contingutsesq p, #contingutsdre p{margin:120px 0px 0px 0px;padding-left:15px;font-size: .7em;color:#246512; text-align:justify; width:170px; height:280px;}
#contingutsesq p a, #contingutsdre p a{color:#CC513E; text-decoration:none; font-weight:bolder; padding-left:60px; }
#contingutsesq a:hover, #contingutsdre  a:hover{text-decoration:underline; color:#91AB36; }
.torna{color:#CC513E; text-decoration:none; font-weight:bolder; font-size: .7em;}

#txtinfoalberg p, #txtinfoalberg ul{font-size: .7em;  color:#666666; padding:5px 25px 0 0;}
#txtactivitats, #reservesesq {font-size: .7em;  color:#666666; padding:5px 10px 0 60px;}
#reservesesq.refugis {font-size:1em;margin-left:20px}
#reservesesq.refugis ul li {background-position:0 9px;padding-left:10px;padding-bottom:10px}
html>body #reservesesq.rreserves {padding-left:13px}

.textreservesample {font-size:.7em;color:#666666;width:100%;}
.textreservesample b {color:#DE9210}

#garonacontingut{ /*width:600px;height:300px;*/ margin:20px 0 0 52px;}
#garonacontingut #garonadresa{width:200px;font-size: .75em;color:#666666; text-align:left; padding:0px 0 0 0px; float:left}
#garonacontingut .garonafotoportada img{padding:0px 0 0 60px;}

#garonatext1{font-size: .7em;  color:#666666; width:430px; padding-right:5px;float:right;}
#garonatext2{font-size: .7em;  color:#666666; width:400px; float:left; padding-left:15px}
#garonaimatges1 {width:200px; height:350px;}
#garonaimatges2 {width:265px; height:350px; float:right;}
#garonaimatges2 a {padding-left:15px}

#restancatext{font-size: .7em;  color:#666666;}

#metacaboscontingut{ /*width:600px: height:300px;*/ margin:20px 0 0 52px;}
#metacaboscontingut #metacabosadresa{width:200px;font-size: .75em;color:#666666; text-align:left; padding:15px 0 0 0px; float:left}
#metacaboscontingut #metacabosfotoportada img{padding:0px 0 0 50px;}
#metacabostext1{font-size: .7em;  color:#666666; width:410px; padding-right:25px;float:right;}
#metacabostext2{font-size: .7em;  color:#666666; width:410px; float:left}
#metacabosimatges1 { width:200px; height:400px; margin-top:0}
#metacabosimatges1 img{padding-top:20px}
#metacabosimatges2 {width:200px; height:350px; padding-left:50px;float:left}
#metacabosimatges2 img{padding-top:20px}

#formulari{ padding:5px 0 0 30px; font-size:.7em; color:#666666}
#indexreserves{height:340px;margin:10px 0 0 30px;padding:0px;}
#reservesesq{float:left;height:350px;width:300px; padding:0; margin:0 0 0 -10px}
* html #reservesesq {margin:0 0 0 -5px;}
#reservesesq a{ text-decoration:none; font-size:.7em}
#reservesesq a:hover{text-decoration:underline}
#reservesdre{float:left;height:360px;width:270px;background:url(/img/reserves.gif); background-repeat: no-repeat;padding:0px;margin-left:70px;}
#reservesdrealbergs{float:left;height:360px;width:300px;background:url(/img/reservesAlbergs05.jpg); background-repeat: no-repeat;padding:0px;margin-left:70px;}
#reservesdrefugis{float:left;height:360px;width:300px;background:url(/img/bassadoles.gif); background-repeat: no-repeat;padding:0px;margin-left:70px;}
#reservesdrefugismm{float:left;height:360px;width:300px;background:url(/img/refugimmg.gif); background-repeat: no-repeat;padding:0px;margin-left:70px;}
#reservesdrefugisam{float:left;height:360px;width:300px;background:url(/img/prova.gif); background-repeat: no-repeat;padding:0px;margin-left:70px;}

#peu{ background-image:url(/img/fonspeu.gif); background-repeat: no-repeat;margin-left:14px;}
#peu p { text-align:right; padding:0px 27px 0px 0px;margin-bottom:0; color:#999999;font-size: .65em; font-weight:bolder;}
#peu a{ color:#999999; text-decoration:none; }

#peu.es {background-image:url(/img/fonspeu_es.gif);}
#peu.es p {padding:0px 32px 0px 0px;}

.peusFotos{font-size:8pt; color:#246512; }
#adrecesinteressants {margin:10px 0 0 90px; font-size: .8em; color:#666666}
#adrecesinteressants a{margin:10px 0 0 90px; color:#246512; font-weight:bolder; text-decoration:none}
#adrecesinteressants a:hover{text-decoration:underline; color:#CC513E;}



* html #contingutcentretext {padding-top:10px}
#menuimatge {margin:0;padding:0 0 0 10px;line-height:0;float:right;}
#menuimatge.refugis {padding-top:15px;}
#menuimatge img, #menuimatge a {margin:0;padding:0}
.filalogotips {padding-top:50px}
.separador {clear:both;font-size:0;line-height:0}
#garonatext2 ul {padding-top:10px}
ul {padding:0 5px 5px 15px}
ul li { list-style:none;background-image:url(/img/li.gif);background-repeat:no-repeat;background-position:0px 5px;padding:0 0 0 10px;margin:0}
#tipustarifes {padding-left:25px}
* html .tarifes li {background-position:0 9px}
.taulaanulacio th, .taulaanulacio td {padding:7px}
.dreta {float:right}
.esquerra {float:left}
#llistatrefugis {width:90%;}

.taulagroga, .taulagroga td {border:1px solid #6699CC; border-style:solid}
.taulablava, .taulablava td {border:1px solid #FF9900}

#textreserves {margin-left:20px}


/* ofertes (component noticies) */
table.llistatofertes {background-image:url(/img/fondopromos.jpg);background-repeat:no-repeat;background-color:#fff;color:#333}
.llistatofertes td {font-size:.7em;font-family:Arial,Verdana,Tahoma,sans-serif;}
.llistatofertes div.componentnoticies {padding:0 10px;text-align:left;}
.llistatofertes div.llistatnoticies span.titol {text-decoration:underline;font-size:1.1em}
.llistatofertes div.llistatnoticies span.titol, .llistatofertes div.titol {font-weight:bold;display:block;color:#319ACE;padding-bottom:3px}
.llistatofertes div.componentnoticies div.lloc,
.llistatofertes div.componentnoticies div.autor,
.llistatofertes div.componentnoticies div.data {display:inline;margin-right:10px;color:#666;}
.llistatofertes div.componentnoticies div.subtitol {font-weight:bold;color:#444;}
.llistatofertes div.componentnoticies div.cos {}
.llistatofertes div.componentnoticies hr.net {display:none;border:1px solid #319ACE;}
.llistatofertes div.componentnoticies div.item, .llistatofertes div.componentnoticies div.noticia {border-bottom:1px solid #319ACE;clear:both;margin-bottom:10px;padding-bottom:10px}
.llistatofertes div.informaciopaginacio {text-align:center;}
.llistatofertes span.paginacio {display:block;text-align:left;}
.llistatofertes li {background-image:none;list-style-image:none;display:inline;padding:0 10px 0 0;margin:0}

.llistatofertes div.subtitol {font-weight:bold}
.llistatofertes div.llistatnoticies div.subtitol {font-weight:normal}
.llistatofertes div.titol {font-size:1.4em;font-weight:bold}
.llistatofertes div.componentnoticies div.titolitem, .llistatofertes div.componentnoticies h4 {font-weight:bold;font-size:.9em}
.llistatofertes div.componentnoticies dl dt {margin-left:40px}
.llistatofertes div.componentnoticies dl dt, .llistatofertes div.componentnoticies dl dd {font-size:.85em}


/* noticies general */
.cxllistatnot .item {background-image:url(/img/icona.gif);background-repeat:no-repeat;padding-left:20px;}
.cxllistatnot span.titol {font-weight:bold;display:block;color:#319ACE;font-size:1.2em;text-decoration:underline;padding-bottom:3px}
.cxllistatnot div.lloc,
.cxllistatnot div.autor,
.cxllistatnot div.data {display:inline;margin-right:10px;color:#666;padding-left:1px}
.cxllistatnot div.componentnoticies div.item, .llistatofertes div.componentnoticies div.noticia {/*border-bottom:1px solid #A4D3E8;*/clear:both;margin-bottom:10px;padding-bottom:10px}
.cxllistatnot div.componentnoticies hr.net {display:none;/*border:1px solid #A4D3E8;*/}
.cxllistatnot div.subtitol {color:#333;margin-top:1px;padding-left:1px}
.cxllistatnot .informaciopaginacio {text-align:center;color:#333;font-size:.9em}
.cxllistatnot .sepsuperior {/*border-bottom:1px solid #319ACE;*/height:1px;margin-bottom:8px;line-height:0px;font-size:0px}

/* detall noticies general */
.cxdetallnot div.titol {font-weight:bold;display:block;color:#319ACE;font-size:1.5em;padding-bottom:3px}
.cxdetallnot div.lloc,
.cxdetallnot div.autor,
.cxdetallnot div.data {display:inline;color:#666;margin-right:10px;}
.cxdetallnot div.subtitol {color:#444;font-weight:bold}
.cxdetallnot hr.net {border:1px solid #319ACE;height:1px;line-height:0px;font-size:0px;height:1px;margin-top:10px}

/* tauels calendaris */
table.calendariapertura {font-family:Arial,Verdana,Tahoma,sans-serif;}
table.calendariapertura td, table.calendariapertura th {border-bottom:1px solid #ccc; border-right:1px solid #ccc}
table.calendariapertura th.taulatop {border-top:1px solid #BFD5EA;}
table.calendariapertura td { background-color:#eee}
table.calendariapertura td.verd {color:#00CC00; background-color:#00CC00}
table.calendariapertura td.groc {color:#FFCC00; background-color:#FFCC00}
table.calendariapertura th.simple {padding:2px 5px;width:5px;border-top:1px solid #ccc}
table.calendariapertura th.doble {padding:0px 2px;border-top:1px solid #ccc}	
table.calendariapertura th.mensualitat {border-left:1px solid #ccc;text-align:left;padding-left:3px}
table.calendariapertura td.none {background-color:#fff}
table.calendariapertura td.barraup {border-top:1px solid #ccc}
table.calendariapertura td.llegenda {border-top:1px solid #ccc} 
table.calendariapertura td.llegendaleft {border-left:1px solid #ccc} 

#llistattarifesrefugis ul li {background-position:0 9px;padding-left:10px;padding-bottom:5px}
html>body #llistattarifesrefugis ul li {background-position:0 5px;padding-bottom:8px}

.proximaReapertura {display:none;}