@CHARSET "UTF-8";

/*UTILS ---------------------------------------------------------------------*/
.centxcent{height:100%;width:100%;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.aleft { text-align: left; }     /*text a la esquerra*/
.acenter { text-align: center !important; } /*text al centre*/
.aright { text-align: right; }   /*text a la dreta*/
.relative{position:relative; }
.mleft7{margin-left:7px;}
.mleft10{margin-left:10px;}
.mtop8{margin-top:8px;}
.mtop5{margin-top:5px;}
.mright10{margin-right:10px;}
.mright35{margin-right:35px;}


.noborder{border:0px !important;}

.lineh16{line-height:1.6em}
.lineh23{line-height:2.3em}

.h16{ height:16px;}
.h45{ height:45px !important;}
.w10 { width: 10%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w46 { width: 46%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w97 { width: 97%; }
.w100{ width: 100%; }
.w275{width:275px;}

.bold { font-weight: bold; }

.pnone { margin: 0px; padding: 0px;}          /*paragraf sense marges*/

.tcenter { text-align: center; } /*text al centre*/

.mayus { text-transform: uppercase; } /*text en MAYUSCULES*/
.indentx1 {text-indent: 1em;}    /*La primera paraula entra*/
.indentx2 {text-indent: 2em;}    /*La primera paraula entra*/

a.pointer,a.pointer:visited,a.pointer:hover { cursor: pointer; cursor: hand;}
a.colorgrisf,a.colorgrisf:link,a.colorgrisf:visited {color: #585858; } /* color gris mes fort per alguns titols, nov 09*/
a.underline:hover{ text-decoration: underline }
a.nounderline{text-decoration:none}
a.nounderline:hover{text-decoration:none !important}
.pointer{ cursor: pointer; cursor: hand;}

.mleft22{margin-left: 22px}
.mleft10{margin-left: 10px}
.mleft2{margin-left: 2px}

.mright22{margin-right: 22px}
.mright35{margin-right:35px;}
.mright5{margin-right: 5px}

.mbot3{margin-bottom: 3px}
.mtop3{margin-top: 3px}
.mtop5{margin-top: 5px}
.mtop30{margin-top: 30px}
.mtop15{margin-top: 15px}
.pad3{padding: 3px}
.pad6{padding:6px;}
.pad10{padding:10px;}
.pad15{padding: 15px}


.brtopgris{border-top: 1px solid #787676;} /*border top gris, pagina '1' en off*/
.bordecompartir{border:3px solid #F1F1F1;}
.padtop5{padding-top: 5px}
.padtop10{padding-top: 10px}
.paddingb05{padding-bottom: 5px}
.paddingb10{padding-bottom:10px}
.paddingr20{padding-right:20px}
.w300{width: 300px}
.w200{width: 200px}
.w100px{width: 100px}
.w150px{width: 150px}
.h15px{height: 15px;}
.h69{height:69px;}

/*COLORS --------------------------------------------------------------------*/

.colormain {color: #E41126; }   /*Color vermell general */
.colorgris {color: #969696; }   /*Color gris texte, abans(08-abr-09) c7c9ca */
.colorgrisf {color: #585858 !important; } /* color gris mes fort per alguns titols, nov 09*/

.colorgranate{
	color: #790000;
}

.colorverd { color: #8EAB41 }
.colorvermell { color: #A6171B }

.bggrisc{background-color:#f6f6f6;}

.dadcolormain { color: #445576; }  /*DAD Dades Generals*/
.ajucolormain { color: #a10000; }  /*AJU Ajuntament*/
.orgcolormain { color: #eb9d1b; }  /*ORG Mes Organismes*/
.elecolormain { color: #b8bf33; }  /*ELE Eleccions*/
.esccolormain { color: #7232b3; }  /*ESC Escuts i Banderes*/

.allcolormain { color: #ff9a1c; }  /*ALL Allotjament*/
.gascolormain { color: #f60000; }  /*GAS Gastronomia*/
.actcolormain { color: #0070c9; }  /*ACT Activitats*/
.pnacolormain { color: #00ad00; }  /*PNA Patrimoni Natural*/
.pcucolormain { color: #b15700; }  /*PCU Patrimoni Cultural*/

.bibcolormain { color: #8c4141; }  /*BIB Biblioteques*/
.otucolormain { color: #175c8a; }  /*OTU Oficines Turisme*/

.fblanc{background-color:#FFFFFF;} /*fons blanc*/

.liniablanca {
	background-color:#FFFFFF;
}

.liniagris{
	border-bottom:2px solid;
  	border-bottom-color: #e9eae9;
}

.degradatgris{
	background-image:url(img/fons_popup_iframe.jpg);
	background-repeat:repeat-y;
}
.bordegris{
	border:1px solid #989898;}

/*FONT ----------------------------------------------------------------------*/

.size1 {font-size: 9px;} /* Font petita */
.size2 {font-size: 10px;} /* Font normal */
.size3 {font-size: 11px;} /* Font gran */
.size4 {font-size: 12px;text-decoration:none;} /* Font gran */
.size5 {font-size: 16px;} /* Font molt gran */
.size6{font-size:14px;}


/*GENERALS ------------------------------------------------------------------*/

body{
  text-align:center;
  color:#585858;
  margin:auto;
  padding:0px 10px 0px 10px;
  background-color:#FFFFFF;
  font-family:verdana;     /*Font family per tota la web*/
  /*font-size:10px;          Font size per tota la web, hi ha una funcio javascript*/
  color:#000000;
  background-image:url(img/fonsweb.png);
  background-position:center;
  background-repeat:repeat-y;
}



table{
  font-size:1em;
  color:#000000;
}

input { font-family:verdana; font-size:1em; border: 1px solid; border-color: #979797}     /*recuadre*/
textarea { font-family:tahoma,sans; font-size:1em; border: 1px solid; border-color: #979797}
select { font-size:1em; font-family:verdana; border:1px solid #979797}     /*desplegable*/

h1 { font-size: 1.2em; font-weight: normal; margin: 0; padding: 0; }
h2 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }

a,a:link,a:visited{	font-family:verdana; font-size:1em; text-decoration: none}
a:hover{
	text-decoration: underline;
}

/*Tituls Generals*/
.tit1 {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

h2.titul{
	text-transform: uppercase;
	font-size: 1.4em;
}


/*BASE -- menu superior + logo + idiomes ------------------------------------*/
/*---------------------------------------------------------------------------*/
/*capa que engloba tota la web*/
/*Si s'ha d'ampliar o disminuir resoluci�, el width tindrem de canviar aki i ha*/
/*Canviar: #pag  #caixapestanyes */
#base { width: 956px; margin: auto;}



/*TOP -- menu superior + logo + idiomes -------------------------------------*/
/*---------------------------------------------------------------------------*/
#top { width: 100%;}

/*pk el logo nosurti sota de la barra superior*/
.espaidelfix{
	height:35px;
}

/*Recuadre*/
.caixatop{
  /*display: table;*/
  width: 956px;
	height: 30px;
	
  border: 1px solid #ADADAD;
  border-top:0px;
  background-color: #f3f4f6;  /*color de fons gris*/
  
}

.topfixed{
	position:fixed;
	z-index: 3;
}
.botoamaga{
	width:100%;
	height:10px;
	display:block;
	text-align:center;}

/*links*/
a.topinici,
a.topinici:visited {
  color:#484848;
  text-decoration: none;
}
a.topinici:hover { color:#e2001a }


.top-icons a,
.top-icons a:visited {
  /*display: inline-table;*/
  padding-left: 2px;
  /*padding-right: 10px;*/
  /*text-align: left;*/
  width: 18px;
  height: 18px; /*16*/
  /*line-height:18px; fa vertical-align:middle*/
  color: #000000;
  text-decoration: none;
  background-repeat: no-repeat;
  /*background-position: center left;*/
  background-position: bottom left;
 }

.top-icons a:hover {color: #000000; text-decoration: underline; }

/*DAD Dades Generals link*/     /*Els iconos son de 17x36*/
.top-icons a.dad { background-image: url('img/bot/icodadbot.gif'); }
.top-icons a.dad:hover {color: #41516e; background-position: top left; }

/*AJU Ajuntament link*/
.top-icons a.aju { background-image: url('img/bot/icoajubot.gif'); }
.top-icons a.aju:hover {color: #a10000; background-position: top left; }

/*ORG Mes Organismes link*/
.top-icons a.org { background-image: url('img/bot/icoorgbot.gif'); }
.top-icons a.org:hover {color: #eb9d1b; background-position: top left; }

/*ELE Eleccions link*/
.top-icons a.ele { background-image: url('img/bot/icoelebot.gif'); }
.top-icons a.ele:hover {color: #b8bf33; background-position: top left; }

/*ESC Escuts i Banderes link*/
.top-icons a.esc { background-image: url('img/bot/icoescbot.gif'); }
.top-icons a.esc:hover {color: #7232b3; background-position: top left; }

/*ALL Allotjament link*/
.top-icons a.all { background-image: url('img/bot/icoallbot.gif'); }
.top-icons a.all:hover {color: #ff9a1c; background-position: top left; }

/*GAS Gastronomia link*/
.top-icons a.gas { background-image: url('img/bot/icogasbot.gif'); }
.top-icons a.gas:hover {color: #f60000; background-position: top left; }

/*ACT Activitats link*/
.top-icons a.act { background-image: url('img/bot/icoactbot.gif'); }
.top-icons a.act:hover {color: #0070c9; background-position: top left; }

/*PNA Patrimoni Natural link*/
.top-icons a.pna { background-image: url('img/bot/icopnabot.gif'); }
.top-icons a.pna:hover {color: #00ad00; background-position: top left; }

/*PCU Patrimoni Cultural link*/
.top-icons a.pcu { background-image: url('img/bot/icopcubot.gif'); }
.top-icons a.pcu:hover {color: #b15700; background-position: top left; }

/*BIB Biblioteques link*/
.top-icons a.bib { background-image: url('img/bot/icobibbot.gif'); }
.top-icons a.bib:hover {color: #8c4141; background-position: top left; }

/*OTU Oficines Turisme link*/
.top-icons a.otu { background-image: url('img/bot/icootubot.gif'); }
.top-icons a.otu:hover {color: #175c8a; background-position: top left; }

/*FOT Oficines Turisme link*/
/*.top-icons a.fot { background-image: url('img/bot/icofotbot.gif'); }
.top-icons a.fot:hover {color: #175c8a; background-position: top left; }
*/
.idiomes{
	background-color:#F3F4F6;
	border:1px solid #969696;
	padding: 5px;
	margin: 0 !important;
}

.idiomes a{
	color: #363636;
	text-decoration: none;
	text-transform: uppercase;
}

.idiomes a:hover{
	color: #e41126;
	text-decoration: none;
}


/*MAP -- mapes seleccio -----------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#map { width: 100%; }
#mapafla{
	float: left;
	width: 400px;
	align: center;
	text-align: center;
	z-index: 0;
	margin-top: 15px;
}

/*MAPA CATALUNYA ------------------------------------------------------------*/
/* titol del mapa, per defecte CATALUNYA PER */
.titulmap{
	text-align: right;
	background-image: URL(img/fons_titulmap.jpg);
	background-repeat: repeat-x;
	font-size: 1.3em;
	font-weight: bold;
	color: #c50202;
	border-bottom: 1px solid #dfdfdf;
	padding: 1px 5px 1px 0;
	border-bottom:1px solid #a4a4a4;
}
.tancamapa{
	text-align: center;
	background-image: URL(img/fons_plagamapa.jpg);
	background-repeat: repeat-x;
	font-size: 1.3em;
	font-weight: bold;
	height:12px;
	/*color: #c50202;*/
	/*border-left: 0px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;*/
	padding: 1px 5px 1px 0;
}
.botomapa{
	font-size:10px;
	color:#787878;
	text-transform: uppercase;
}	

/*select filtre zones mapa */
.selectmapa{
	margin: 5px 10px 5px 5px;
	border: 1px solid #505052;
}

/*Recuadre*/
.caixamapacat{
  display: table;
  width: 100%;
	/*height:400px; /*mida minima*/
  border-top: 1px solid #969696;
  border-left: 1px solid #969696;
  border-right: 1px solid #969696;
  background-color: #f8f7f7;
  background-image: url(img/fons_caixamapa.jpg);
  background-repeat: repeat-x;
}

.amagamapa{
  width: 100%;
  border-right: 1px solid #969696;
  border-left: 1px solid #969696;
  border-bottom: 1px solid #969696;
  background-color: #f8f7f7;
}

.amagamapa a{
	color: #E41126;
	font-weight: bold;
	display: block;
	padding: 5px;
}

.caixamapacom{
  display: table;
  width: 766px;
  height:258px; /*mida minima, si es canvi també s'ha de canviar al base.tpl.php
  				a la funcio Obremapa()*/
  border: 1px solid #969696;
  background-color: #f8f7f7;
  background-image: url(img/fons_caixamapa.jpg);
  background-repeat: repeat-x;
  margin-right:-2px;
}

.caixamapacom p {
	padding: 0;
	margin: 10px 0 0 10px;
	font-size: 1.3em;
}

.caixamapacat-petit{
  border: 1px solid #969696;
  background-color: #f8f7f7;
  background-image: url(img/fons_caixamapa.jpg);
  background-repeat: repeat-x;
  width: 180px;
}

.caixamapacat-petit select{
	border: 1px solid #4f4f51;
	margin: 5px;
	font-size: 1.1em;
}
/*linia punts vermells a la dreta*/
.lpuntsmap{
	margin-right:10px;
	border-bottom:1px dashed;
  border-bottom-color: #E41126;
  position:relative;
}

/*Links*/
.midamapacat{
	width: 170px; /*Mida de les caixes de les comarques*/
}

.midamapacom{
	width: 150px; /*Mida de les caixes de les poblacions*/
	margin-top: 5px !important;
}
.mapacat {
  margin-top: 15px;
  }

.mapacat a,
.mapacat a:visited {
  display: block;
  padding-left: 10px;
  margin-right: 20px;
  text-align: left;
  /*height: 12px;*/
  color: #969696;
  font-size: 1.1em;
  line-height: 1.3em;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url('img/map/point.gif');
  /* x poblacions amb segona linia, augmento també el padding left */
  text-indent: -5px;
 }

.mapacat a:hover {color: #ffffff; background-color: #E41126; }

.mapacat a.nomon,a.nomon:link,a.nom:visited {
  display: block;
  padding-left: 10px;
  margin-right: 20px;
  text-align: left;
  /*height: 12px;*/
  color: #ffffff;
  background-color: #E41126;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url('img/map/point.gif');
  /* x poblacions amb segona linia , augmento també el padding left*/
  text-indent: -5px;
 }

/*Recuadre stats*/
.caixamapacatstats{
  width: 507px;
  height: 119px;
  padding:5px;
  padding-top:7px;
  position: relative;
  margin: 10px;
  background-image:url(img/fons_caixainici.jpg);
}

/*linia punts vermells a la esquerra*/
.lpuntsmapesq {
	margin-left:10px;
	border-bottom:1px dashed;
  border-bottom-color: #E41126;
  position:relative;
}

.columnesstats {
	margin-top:3px;
  width: 120px; /*Mida de les caixes del recuadre stats*/
  text-align: left;
  }

/*PROMOCIONA'T */
.confirmaenvia{
	margin-top:10px;
	color:#fff;
	padding-top:5px;
	font-weight:bold;
	background-color:#a80101;
	font-size:12px;
	padding-bottom:5px;
	width:100%;
	border:1px solid #a80101;
}
.caixapromocionat{
	width:100%;
	background-image:url(img/fons_topgris.jpg);
	background-repeat:repeat-x;
	border:1px solid #969696;
	margin-top:10px;
	background-color:#efefef;
	text-align:left;
}
h2.promocionat{
	text-transform:uppercase;
	font-size:16px;
	color:#a80101;
	margin-bottom:4px;
}
a.mesinfopromo,a.mesinfopromo:link,a.mesinfopromo:visited{
	background-image:url(img/fonslinkinfo.png);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	text-decoration:none;
	text-align:center;
	height:21px;
	border-top:1px solid #969696;
	display:block;
	color:#FFF;
	font-weight:bold;
	padding-top:4px;
	cursor:pointer;
}
a.mesinfopromo:hover{
	background-position:bottom;
}


/*ICO -- icones centrals ----------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#ico {
	margin-top:15px;
	padding-left:25px; 
	margin-left:-13px;
	width: 100%;	
	text-align: right; 
	height: 75px; 
	background-image:url(img/fonsicos.jpg);
	margin-bottom:10px;}

/*links*/
/*Esta preperat per posar iconos de 32x82 i fer posicio on mouse*/
.icons a,
.icons a:visited {
  /* display: inline-table; no funciona amb ie6 */
  display: block;
  float: left;
  padding-left: 34px;
  padding-right: 10px;
  text-align: left;
  /*width: 140px;*/
  height: 21px; /*16*/
 /* line-height:53px; /*fa vertical-align:middle*/
 padding-top:20px;
  text-decoration: none;
  background-repeat: no-repeat;
  /*background-position: center left;*/
  background-position: bottom left;
  font-weight:normal;
  font-size:12px;
  width: 145px;
 }

.icons a:hover { text-decoration: underline; }

/*DAD Dades Generals link*/     /*Els iconos son de 32x41*/
.icons a.dad { color: #445576; background-image: url('img/ico/dadico.gif'); }
.icons a.dad:hover { background-position: top left; }
.icons a.dadoff { color: #969696; background-image: url('img/ico/dadoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.dadoff:hover { color: #445576; background-image: url('img/ico/dadico.gif') !important;background-position: top left; }
.icons a.dadnull,.icons a.dadnull:hover { color: #969696; background-image: url('img/ico_null/dad.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*AJU Ajuntament link*/
.icons a.aju { color: #a10000; background-image: url('img/ico/ajuico.gif'); }
.icons a.aju:hover { background-position: top left; }
.icons a.ajuoff { color: #969696; background-image: url('img/ico/ajuoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.ajuoff:hover { color: #a10000; background-image: url('img/ico/ajuico.gif') !important;background-position: top left; }
.icons a.ajunull,.icons a.ajunull:hover { color: #969696; background-image: url('img/ico_null/aju.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*ORG Mes Organismes link*/
.icons a.org { color: #eb9d1b; background-image: url('img/ico/orgico.gif'); }
.icons a.org:hover { background-position: top left; }
.icons a.orgoff { color: #969696; background-image: url('img/ico/orgoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.orgoff:hover { color: #eb9d1b; background-image: url('img/ico/orgico.gif') !important;background-position: top left; }
.icons a.orgnull,.icons a.orgnull:hover { color: #969696; background-image: url('img/ico_null/org.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*ELE Eleccions link*/
.icons a.ele { color: #b8bf33; background-image: url('img/ico/eleico.gif'); }
.icons a.ele:hover { background-position: top left; }
.icons a.eleoff { color: #969696; background-image: url('img/ico/eleoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.eleoff:hover { color: #b8bf33; background-image: url('img/ico/eleico.gif') !important;background-position: top left; }
.icons a.elenull,.icons a.elenull:hover { color: #969696; background-image: url('img/ico_null/ele.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*ESC Escuts i Banderes link*/
.icons a.esc { color: #7232b3; background-image: url('img/ico/escico.gif'); }
.icons a.esc:hover { background-position: top left; }
.icons a.escoff { color: #969696; background-image: url('img/ico/escoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.escoff:hover { color: #7232b3; background-image: url('img/ico/escico.gif') !important;background-position: top left; }
.icons a.escnull,.icons a.escnull:hover { color: #969696; background-image: url('img/ico_null/esc.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*ALL Allotjament link*/
.icons a.all { color: #ff9a1c; background-image: url('img/ico/allico.gif'); }
.icons a.all:hover { background-position: top left; }
.icons a.alloff { color: #969696; background-image: url('img/ico/alloff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.alloff:hover { color: #ff9a1c; background-image: url('img/ico/allico.gif') !important;background-position: top left; }
.icons a.allnull,.icons a.allnull:hover { color: #969696; background-image: url('img/ico_null/all.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*GAS Gastronomia link*/
.icons a.gas { color: #f60000; background-image: url('img/ico/gasico.gif'); }
.icons a.gas:hover { background-position: top left; }
.icons a.gasoff { color: #969696; background-image: url('img/ico/gasoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.gasoff:hover { color: #f60000; background-image: url('img/ico/gasico.gif') !important;background-position: top left; }
.icons a.gasnull,.icons a.gasnull:hover { color: #969696; background-image: url('img/ico_null/gas.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*ACT Activitats link*/
.icons a.act { color: #0070c9; background-image: url('img/ico/actico.gif'); }
.icons a.act:hover { background-position: top left; }
.icons a.actoff { color: #969696; background-image: url('img/ico/actoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.actoff:hover { color: #0070c9; background-image: url('img/ico/actico.gif') !important;background-position: top left; }
.icons a.actnull,.icons a.actnull:hover { color: #969696; background-image: url('img/ico/actoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*PNA Patrimoni Natural link*/
.icons a.pna { color: #00ad00; background-image: url('img/ico/pnaico.gif'); }
.icons a.pna:hover { background-position: top left; }
.icons a.pnaoff { color: #969696; background-image: url('img/ico/pnaoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.pnaoff:hover { color: #00ad00; background-image: url('img/ico/pnaico.gif') !important;background-position: top left; }
.icons a.pnanull,.icons a.pnanull:hover { color: #969696; background-image: url('img/ico/pnaoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*PCU Patrimoni Cultural link*/
.icons a.pcu { color: #b15700; background-image: url('img/ico/pcuico.gif'); }
.icons a.pcu:hover { background-position: top left; }
.icons a.pcuoff { color: #969696; background-image: url('img/ico/pcuoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.pcuoff:hover { color: #b15700; background-image: url('img/ico/pcuico.gif') !important;background-position: top left; }
.icons a.pcunull,.icons a.pcunull:hover { color: #969696; background-image: url('img/ico/pcuoff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*BIB Biblioteques link*/
.icons a.bib { color: #8c4141; background-image: url('img/ico/bibico.gif'); }
.icons a.bib:hover { background-position: top left; }
.icons a.biboff { color: #969696; background-image: url('img/ico/biboff.gif'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.biboff:hover { color: #8c4141; background-image: url('img/ico/bibico.gif') !important;background-position: top left; }
.icons a.bibnull,.icons a.bibnull:hover { color: #969696; background-image: url('img/ico_null/bib.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*OTU Oficines Turisme link*/
.icons a.otu { color: #175c8a; background-image: url('img/ico/otuico.gif'); }
.icons a.otu:hover { background-position: top left; }
.icons a.otuoff { color: #969696; background-image: url('img/ico_null/otu.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.otuoff:hover { color: #175c8a; background-image: url('img/ico/otuico.gif') !important;background-position: top left; }
.icons a.otunull,.icons a.otunull:hover { color: #969696; background-image: url('img/ico_null/otu.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/

/*FOT Fotografies link*/
.icons a.fot { color: #0ba1c6; background-image: url('img/ico/fotico.gif'); }
.icons a.fot:hover { background-position: top left; }
.icons a.fotoff { color: #969696; background-image: url('img/ico_null/fot.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/
.icons a.fotoff:hover { color: #175c8a; background-image: url('img/ico/fotico.gif') !important;background-position: top left; }
.icons a.fotnull,.icons a.fotnull:hover { color: #969696; background-image: url('img/ico_null/fot.png'); text-decoration: none;} /*color ha de ser el seu sense dades*/


/*LEG -- ruta seleccio i cerca ----------------------------------------------*/
/*---------------------------------------------------------------------------*/
#leg { width: 100%; height: 22px; }

.path {
	float:left;
	padding-left:29px;
	padding-top:5px;
	padding-bottom:5px;
}

/*CERCADOR ------------------------------------------------------------------*/
.cercador{
	float:right;
}
.cercador input {
  border: 1px solid;
  /*border-color: #000000*/                 /*definit als skins*/
  padding: 2px;
}

.cercador select {
  border: 1px solid;
  /*border-color: #000000*/                 /*definit als skins*/
  padding: 1px;
  margin-left: 5px;
}

/*cerca ico 19x19*/
a.cerca,
a.cerca:visited {
  display: block;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: top left;
  /*background-image: url('img/all/cerca.gif');*/ /*definit als skins*/
}
a.cerca:hover { background-position: bottom left; }


/*BOD -- body, contingut ----------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#bod { width: 100%;	text-align: left; }



/*MEN -- menu esquerra ------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#men { width: 142px; float: right;  padding-top:27px;}

.titlemenboxon {
	/*color: #969696;*/                            /*definit als skins*/
  font-size: 1.3em;
  font-weight: bolder;
  padding: 0px 0px 5px 9px;
}

.menboxon {
  border-left: 1px solid;
	/*border-left-color: #000000;*/                 /*definit als skins*/
  border-bottom: 1px solid;
  /*border-bottom-color: #000000;*/               /*definit als skins*/
  padding: 0px 0px 9px 9px;
  margin-bottom: 9px;
}

.titlemenboxoff {
	color: #969696;
  font-size: 1.3em;
  font-weight: bolder;
  padding: 0px 0px 5px 9px;
}

.menboxoff {
  border-left: 1px solid #969696;
  border-bottom: 1px solid #969696;
  padding: 0px 0px 9px 9px;
  margin-bottom: 9px;
}


/*links*/
.men a,
.men a:visited {
  display: block;
  padding-left: 20px;
  text-align: left;
  width: 140px;
  height: 18px; /*16*/
  line-height:18px; /*fa vertical-align:middle*/
  text-decoration: none;
  background-repeat: no-repeat;
 }

.men a:hover {text-decoration: none; }

/*DAD Dades Generals link*/     /*Els iconos son de 17x36*/
.men a.dad { color: #969696; background-position: bottom left; background-image: url('img/bot/icodadbot.gif'); }
.men a.dad:hover {color: #445576; background-position: top left; }
.men a.dadactive { color: #445576; background-position: top left; background-image: url('img/bot/icodadbot.gif'); }
.men a.dadnull,.men a.dadnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icodadbot.gif'); }

/*AJU Ajuntament link*/
.men a.aju { color: #969696; background-position: bottom left; background-image: url('img/bot/icoajubot.gif'); }
.men a.aju:hover {color: #a10000; background-position: top left; }
.men a.ajuactive { color: #a10000; background-position: top left; background-image: url('img/bot/icoajubot.gif'); }
.men a.ajunull,.men a.ajunull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoajubot.gif'); }

/*ORG Mes Organismes link*/
.men a.org { color: #969696; background-position: bottom left; background-image: url('img/bot/icoorgbot.gif'); }
.men a.org:hover {color: #eb9d1b; background-position: top left; }
.men a.orgactive { color: #eb9d1b; background-position: top left; background-image: url('img/bot/icoorgbot.gif'); }
.men a.orgnull,.men a.orgnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoorgbot.gif'); }

/*ELE Eleccions link*/
.men a.ele { color: #969696; background-position: bottom left; background-image: url('img/bot/icoelebot.gif'); }
.men a.ele:hover {color: #b8bf33; background-position: top left; }
.men a.eleactive { color: #b8bf33; background-position: top left; background-image: url('img/bot/icoelebot.gif'); }
.men a.elenull,.men a.elenull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoelebot.gif'); }

/*ESC Escuts i Banderes link*/
.men a.esc { color: #969696; background-position: bottom left; background-image: url('img/bot/icoescbot.gif'); }
.men a.esc:hover {color: #7232b3; background-position: top left; }
.men a.escactive { color: #7232b3; background-position: top left; background-image: url('img/bot/icoescbot.gif'); }
.men a.escnull,.men a.escnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoescbot.gif'); }

/*ALL Allotjament link*/
.men a.all { color: #969696; background-position: bottom left; background-image: url('img/bot/icoallbot.gif'); }
.men a.all:hover {color: #ff9a1c; background-position: top left; }
.men a.allactive { color: #ff9a1c; background-position: top left; background-image: url('img/bot/icoallbot.gif'); }
.men a.allnull,.men a.allnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoallbot.gif'); }

/*GAS Gastronomia link*/
.men a.gas { color: #969696; background-position: bottom left; background-image: url('img/bot/icogasbot.gif'); }
.men a.gas:hover {color: #f60000; background-position: top left; }
.men a.gasactive { color: #f60000; background-position: top left; background-image: url('img/bot/icogasbot.gif'); }
.men a.gasnull,.men a.gasnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icogasbot.gif'); }

/*ACT Activitats link*/
.men a.act { color: #969696; background-position: bottom left; background-image: url('img/bot/icoactbot.gif'); }
.men a.act:hover {color: #0070c9; background-position: top left; }
.men a.actactive { color: #0070c9; background-position: top left; background-image: url('img/bot/icoactbot.gif'); }
.men a.actnull,.men a.actnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icoactbot.gif'); }

/*PNA Patrimoni Natural link*/
.men a.pna { color: #969696; background-position: bottom left; background-image: url('img/bot/icopnabot.gif'); }
.men a.pna:hover {color: #00ad00; background-position: top left; }
.men a.pnaactive { color: #00ad00; background-position: top left; background-image: url('img/bot/icopnabot.gif'); }
.men a.pnanull,.men a.pnanull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icopnabot.gif'); }

/*PCU Patrimoni Cultural link*/
.men a.pcu { color: #969696; background-position: bottom left; background-image: url('img/bot/icopcubot.gif'); }
.men a.pcu:hover {color: #b15700; background-position: top left; }
.men a.pcuactive { color: #b15700; background-position: top left; background-image: url('img/bot/icopcubot.gif'); }
.men a.pcunull,.men a.pcunull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icopcubot.gif'); }

/*BIB Biblioteques link*/
.men a.bib { color: #969696; background-position: bottom left; background-image: url('img/bot/icobibbot.gif'); }
.men a.bib:hover {color: #8c4141; background-position: top left; }
.men a.bibactive { color: #8c4141; background-position: top left; background-image: url('img/bot/icobibbot.gif'); }
.men a.bibnull,.men a.bibnull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icobibbot.gif'); }

/*OTU Oficines Turisme link*/
.men a.otu { color: #969696; background-position: bottom left; background-image: url('img/bot/icootubot.gif'); }
.men a.otu:hover {color: #175c8a; background-position: top left; }
.men a.otuactive { color: #175c8a; background-position: top left; background-image: url('img/bot/icootubot.gif'); }
.men a.otunull,.men a.otunull:hover { color: #969696; background-position: bottom left; background-image: url('img/bot/icootubot.gif'); }


/*PAG -- contingut seccio ---------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*aqui coloquem + informacio com propostes, .... */
/*Surt del BASE - MEN = 956 - 156 = 800 */
#pag { width: 800px; float: left; margin-left:-2px; }

/*PAGINACIO -----------------------------------------------------------------*/
#numpag{
	width:32px;
	float:left;
	text-align:right;
	margin-top:65px;
}

/*num pagina activa*/
.pagon{
  width: 31px;  /*No hi era*/
  height: 1.3em;
  clear: both;
  border-left: 1px solid;
	/*border-left-color: #000000;*/                 /*definit als skins*/
	border-top: 1px solid;
  /*border-top-color:#000000;*/                   /*definit als skins*/
  border-bottom: 1px solid;
  /*border-bottom-color: #000000;*/               /*definit als skins*/
	border-right: 1px solid;
	/*border-right-color: #FFFFFF;*/                /*definit als skins*/
	background-color:#FFFFFF;
  position:relative;
	left:2px;
	text-align:center;
	z-index:2;
	cursor:pointer;
	margin-top:-1px;
}

/*num pagina inactiva*/
.pagoff{
	width: 28px;
  height: 1.2em;
  float: right;
	border-left:1px solid;
	/*border-left-color: #787676;*/                  /*definit als skins*/
	border-bottom:1px solid;
	/*border-bottom-color: #787676;*/                /*definit als skins*/
	border-right: 1px solid;
	/*border-right-color: #FFFFFF;*/                 /*definit als skins*/
  background-color: #dedee0;
	color: #787676;
	position:relative;
	left: 2px;
	text-align: center;
  z-index:2;
  cursor: pointer;
}

a.apagoff,
a.apagoff:visited {
	margin-left:6px;
	height:10px;
	width:26px;
	text-align:center;
	display:block;
	border-bottom:1px solid #787676;
	border-left:1px solid #787676;
	border-top:1px solid #787676;
	margin-top:-1px;
	background-color:#DEDEE0;
	padding-bottom:2px;
	padding-top:1px;
	
  	color: #787676;
  	text-decoration: none;
}
a.apagoff:hover {
	margin-left:2px;
	height:10px;
	width:30px;
	text-align:center;
	display:block;
	background-color:#FFF;
	padding-bottom:2px;
	padding-top:1px;

  /*color: #FFFFFF;*/                               /*definit als skins*/
}

/*PESTANYES -----------------------------------------------------------------*/
/*Caixa de pestanyes (Pestanyes + contingut)*/
/*Surt del PAG - NUMPAG = 800 - 33 = 766 */
#caixapestanyes{
  display: table;  /*pk pot ser mes gran el height*/
  /*width:766px;*/
  height: auto!important;  /* per IE5+ */
  height: 400px;           /* per IE5+ */
  min-height: 400px;       /* per Mozilla */
	float: left;
}

/*Les pestanyes, segons seleccio*/
.cpestanyes{
	text-align:left;
	margin-bottom: 0px;
	border-bottom: 1px solid;
  /*border-bottom-color: #ff9a1c;*/                 /*definit als skins*/
  z-index: 3px;
}

/*td pestanya activa*/
.pagpeson{
  display: block;
	border-left:1px solid;
	/*border-left-color: #000000;*/                   /*definit als skins*/
	border-top:1px solid;
	/*border-top-color: #000000;*/                    /*definit als skins*/
  border-right:1px solid;
	/*border-right-color: #000000;*/                  /*definit als skins*/
	background-color: #FFFFFF;
	background-position:top center;
	font-size:1.3em;
	font-weight:bold;
	/*color:#000000;*/                                /*definit als skins*/
	padding:4px 10px 0px 10px;
	background-repeat:repeat-x;
	height: 23px;         /*per firefox*/
	/*// height: 28px; */     /*per explorer // NO FUNCIONA */
  margin-bottom: -1px;
  z-index: 0px;
  /*background-image: URL(img/fons_pagpeson.jpg);*/
}

/*pestanya amb contingut pero sense activar*/
.pagpesoff{
	margin: auto;
/* tret per no tocar el tpl de pestanyes
	height: 16px;         /*per firefox*/
/*	// height: 23px;      /*per explorer*/
/*	border-left:1px solid;
	/*border-left-color: #000000;*/                   /*definit als skins*/
/*	border-top:1px solid;
	/*border-top-color: #000000;*/                    /*definit als skins*/
/*  border-right:1px solid;
	/*border-right-color: #000000;*/                  /*definit als skins*/
	/*background-color:#9a9090;*/                     /*definit als skins*/
	/*color:#FFFFFF;*/                                /*definit als skins*/
/*  margin-left:2px;
  margin-top: 4px;
	padding:4px 10px 2px 10px;
	font-size:1.2em;
	cursor:pointer;*/
	width:auto;
}

a.apagpesoff,
a.apagpesoff:visited {
  /*color: #FFFFFF;*/                               /*definit als skins*/
  	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	cursor:pointer;
	font-size:1.2em;
	height:16px;
	margin-left:2px;
	margin-top:4px;
	padding:4px 10px 2px;
	text-decoration: none;
	display:inline-block;
	width:auto;
	
	background-repeat:repeat-x;
}
a.apagpesoff:hover {
  /*color: #FFFFFF;*/                               /*definit als skins*/
  text-decoration: underline;
}

a.apagpesoffhover,
a.apagpesoffhover:visited,a.apagpesoff:hover {
  /*color: #FFFFFF;*/                               /*definit als skins*/
  text-decoration: underline;
}

/*pestanya on no hi ha contingut*/
.pagpesnull{
	height: 16px;          /*per firefox*/
	/* height: 23px;       /*per explorer*/
	border-left:1px solid;
	/*border-left-color: #000000;*/                    /*definit als skins*/
	border-top:1px solid;
	/*border-top-color: #000000;*/                     /*definit als skins*/
  border-right:1px solid;
	/*border-right-color: #000000;*/                   /*definit als skins*/
	/*background-color:#e5e3e3;*/                      /*definit als skins*/
	/*color:#9a9090;*/                                 /*definit als skins*/
  margin-left:2px;
	margin-top:4px;
	padding:4px 10px 2px 10px;
	font-size:1.2em;
}

.topgris{
	border-bottom:1px solid #dfdfdf;
	background-image: URL(img/fons_topgris.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #F0F0F0;
	width: 765px;
	padding-top: 15px;
}

/*varis format*/
.brbot1{
  border-bottom:1px solid;
  /*border-bottom-color: #000000;*/                  /*definit als skins*/
  }

/*CONTINGUTS ----------------------------------------------------------------*/
/*Continguts, la caixa */
/*border caixa + img bottom background*/
.mainbox{
	width: 765px;
  display: block;
  
  /*height: auto!important;*/  /* per IE5+ */
 /* height: 292px;            per IE5+ */
  /*min-height: 800px;*/       /* per Mozilla */
  border-left:1px solid;
	/*border-left-color: #ff9a1c;*/                     /*definit als skins*/
	border-right:1px solid;
	/*border-right-color: #ff9a1c;*/                    /*definit als skins*/
	border-bottom:1px solid;
	/*border-bottom-color: #ff9a1c;*/                   /*definit als skins*/
	/*padding-top:5px;*/
	/*background-image:url(img/fonsdegradat.jpg);*/     /*definit als skins*/
	background-position:bottom center;
	background-repeat:repeat-x;
}

/*linea ratllada sota els titols de les pestanya*/
.lpunts{
	margin-left:10px;
	border-bottom:1px dashed;
  /*border-bottom-color: #000000;*/   /*definit als skins*/
  position:relative;
}

/*Marges del contingut:*/
.marges {
	margin:0em 0em 0em 0em;
  padding:0.5em 1em 0.5em 1em;
}


/*Quadrat de valoracio*/
.quadraton {
  height:1em;
  width:1em;
  /*background-color: #ff9a1c;*/   /*definit als skins*/
}

.quadratoff {
  height:1em;
  width:1em;
  /*background-color: #ff9a1c;*/   /*definit als skins*/
}

/* valoracions */
.valoracions{
	background-image: URL(img/fons_caixavaloracions.jpg);
	width: 161px;
	height: 66px;
	border: 1px solid #e5e3e3;
	/*padding-top: 5px;*/
	margin-bottom: 10px;
}

.icovalor0{
	background-image: URL(img/ico_valoracio_0.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	/*margin: 5px 6px 5px 5px;*/
}

.icovalor10{
	background-image: URL(img/all/ico_valoracio_10.png);
	width: 20px;
	height: 20px;
	float: left;
	background-repeat: no-repeat;
	/*margin: 5px 6px 5px 5px;*/
}

.icovalor20{
	background-image: URL(img/all/ico_valoracio_20.png);
	width: 20px;
	height: 20px;
	float: left;
	background-repeat: no-repeat;
	/*margin: 5px 6px 5px 5px;*/
}

a.link-valoracio{
	/*display: block; 
	width: 16px; 
	height: 14px; */
}

a.link-valoracio:hover,
a.link-valoracio-active,
a.link-valoracio-active:hover{
	text-decoration: none !important;
	background-image: URL(img/all/ico_valoracio_20.png);
}

/*Quadrat de fotos*/
.fotoboxleft{
  border:1px solid;
	border-right: 0px;
  height:235px;
  width:240px;
  position: relative;
	/*border-color: #000000;*/       /*definit als skins*/
	/*background-color: #000000;*/   /*definit als skins*/
}

.fotoboxright{
	border:1px solid;
	border-left: 0px;
  height:235px;
  width:1px;
  position: relative;
	/*border-color: #000000;*/       /*definit als skins*/
	/*background-color: #000000;*/   /*definit als skins*/
}

.fotobox{
  border:1px solid;
  height:220px;
  width:220px;
  position: relative;
	/*border-color: #000000;*/       /*definit als skins*/
	/*background-color: #000000;*/   /*definit als skins*/
}

.nofoto{
	background-image: url(img/nofoto.jpg);
}

.nofoto p{
	color: #9e9d9e;
	font-size: 1.6em;
	text-align: left;
	margin: 10px 0 0 10px;
	font-weight: bold;
	line-height: 1.4em;
}

/* fotos inici, descripcio*/
#nomfoto{
	color: #585858;
	display: block;
	margin: 0 5px 0 5px;
	float: left;
	text-align: left;
}

/*Visualitzar icons, la imatge fa 18x36 i mostrem 18x18*/
a.visualitzarlist,
a.visualitzarlist:visited {
  width: 52px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: bottom left;
  text-align: right;
  margin-left: 3px;
  text-decoration: none;
  line-height: 16px;
  /*background-image: url('img/all/list.gif');*/ /*definit als skins*/
  }
a.visualitzarlist:hover { background-position: top left; text-decoration: underline}

a.visualitzartail,
a.visualitzartail:visited {
  width: 59px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: bottom left;
  text-align: right;
  margin-left: 3px;
  text-decoration: none;
  line-height: 16px;
  /*background-image: url('img/all/tail.gif');*/ /*definit als skins*/
  }
a.visualitzartail:hover { background-position: top left; text-decoration: underline}

a.visualitzarphoto,
a.visualitzarphoto:visited {
  width: 52px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: bottom left;
  text-align: right;
  margin-left: 3px;
  text-decoration: none;
  line-height: 16px;
  /*background-image: url('img/all/photo.gif');*/ /*definit als skins*/
  }
a.visualitzarphoto:hover { background-position: top left; text-decoration: underline}

a.visualitzarliston,
a.visualitzarliston:visited {
  width: 52px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: right;
  margin-left: 3px;
  line-height: 16px;
  /*background-image: url('img/all/list.gif');*/ /*definit als skins*/
  }
a.visualitzarliston:hover { }

a.visualitzartailon,
a.visualitzartailon:visited {
  width: 59px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: right;
  margin-left: 3px;
  line-height: 16px;
  /*background-image: url('img/all/tail.gif');*/ /*definit als skins*/
  }
a.visualitzartailon:hover { }

a.visualitzarphotoon,
a.visualitzarphotoon:visited {
  width: 52px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: right;
  margin-left: 3px;
  line-height: 16px;
  /*background-image: url('img/all/photo.gif');*/ /*definit als skins*/
  }
a.visualitzarphotoon:hover { }

a.tornarllistat,
a.tornarllistat {
  width: 110px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: right;
  margin-left: 3px;
  line-height: 16px;
  /*background-image: url('img/all/list.gif');*/ /*definit als skins*/
  }
a.tornarllistat:hover { text-decoration: underline; background-position: bottom left;}

/*boto mes info*/
a.mesinfo,
a.mesinfo:visited {
  display: block;
	width:77px;
	height:20px;
  line-height:20px; /*fa vertical-align:middle*/
  background-repeat: no-repeat;
  background-position: bottom left;
  /*background-image: url('img/all/mesinfo.jpg');*/ /*definit als skins*/
  color: #ffffff;
  text-decoration: none;
  text-align: center;
	}
a.mesinfo:hover { background-position: top left; }



/*Llistat*/
table.list {
	border-collapse: collapse;
	border-spacing: 0px;
}

td.titulist {
	border-bottom: 1px solid;
	padding: 0px 3px 0px 3px;
	/*border-bottom-color: #ff9a1c;*/    /*definit als skins*/
}

tr.list1 {
	height: 2em;
	padding: 0px 3px 0px 3px;
	/*background-color: #ffe7cc;*/    /*definit als skins*/
}

tr.list1on {
	height: 2em;
	padding: 0px 3px 0px 3px;
	/*background-color: #ffc37f;*/    /*definit als skins*/
}

tr.list2 {
	height: 2em;
	padding: 0px 3px 0px 3px;
	/*background-color: #ffffff;*/    /*definit als skins*/
}

tr.list2on {
	height: 2em;
	padding: 0px 3px 0px 3px;
	/*background-color: #ffc37f;*/    /*definit als skins*/
}

/*mes info ico*/
a.mesinfoico,
a.mesinfoico:visited {
	width:12px;
	height:12px;
  display: block;
  background-repeat: no-repeat;
  background-position: bottom left;
  /*background-image: url('img/all/mesinfoico.gif');*/ /*definit als skins*/

	}
a.mesinfoico:hover { background-position: top left; }

/*envia mes info ico 19x19*/
a.sendmesinfo,
a.sendmesinfo:visited {
  display: block;
   width: 140px;
  padding-top:4px;
  color:#585858;
  font-size:0.9em;
  padding-left:20px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: top left;
  /*background-image: url('img/all/mesinfo.gif');*/ /*definit als skins*/
  }
a.sendmesinfo:hover { /*background-position: bottom left;*/ color:#202020;}

/*envia mes fotos ico 19x19*/
a.sendmesfotos,
a.sendmesfotos:visited {
  display: block;
    color:#585858;
  font-size:0.9em;
  width: 140px;
  padding-top:4px;
  padding-left:20px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: top left;
  /*background-image: url('img/all/mesfoto.gif');*/ /*definit als skins*/
}
a.sendmesfotos:hover { background-position: bottom left; color:#202020;}


/*BOT -- peu de pagina ------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/* si s'ha d'ampliar segons resoluci� el width ser� 100%*/
#bot {
  width: 100%;
  height: 145px;
  border: 1px #DCDCDC solid;
  padding-top: 2px;
  background-image: url('img/bot/fons.jpg'); /*143px vertical fa la imatge*/
  background-repeat: repeat-x;
  background-position: bottom;
  z-index: 1;
  clear: both;
  margin-top: 2em;
}

/*links*/
.peu-fons a,
.peu-fons a:visited {
  display: block;
  padding-left: 20px;
  text-align: left;
  width: 140px;
  height: 18px; /*16*/
  line-height:18px; /*fa vertical-align:middle*/
  color: #000000;
  text-decoration: none;
  background-repeat: no-repeat;
  /*background-position: center left;*/
  background-position: bottom left;
 }

.peu-fons a:hover {color: #000000; text-decoration: underline; }

/*DAD Dades Generals link*/     /*Els iconos son de 17x36*/
.peu-fons a.dad { background-image: url('img/bot/icodadbot.gif'); }
.peu-fons a.dad:hover {color: #445576; background-position: top left; text-decoration: none}

/*AJU Ajuntament link*/
.peu-fons a.aju { background-image: url('img/bot/icoajubot.gif'); }
.peu-fons a.aju:hover {color: #a10000; background-position: top left; text-decoration: none}

/*ORG Mes Organismes link*/
.peu-fons a.org { background-image: url('img/bot/icoorgbot.gif'); }
.peu-fons a.org:hover {color: #eb9d1b; background-position: top left; text-decoration: none}

/*ELE Eleccions link*/
.peu-fons a.ele { background-image: url('img/bot/icoelebot.gif'); }
.peu-fons a.ele:hover {color: #b8bf33; background-position: top left; text-decoration: none}

/*ESC Escuts i Banderes link*/
.peu-fons a.esc { background-image: url('img/bot/icoescbot.gif'); }
.peu-fons a.esc:hover {color: #7232b3; background-position: top left; text-decoration: none}

/*ALL Allotjament link*/
.peu-fons a.all { background-image: url('img/bot/icoallbot.gif'); }
.peu-fons a.all:hover {color: #ff9a1c; background-position: top left; text-decoration: none}

/*GAS Gastronomia link*/
.peu-fons a.gas { background-image: url('img/bot/icogasbot.gif'); }
.peu-fons a.gas:hover {color: #f60000; background-position: top left; text-decoration: none}

/*ACT Activitats link*/
.peu-fons a.act { background-image: url('img/bot/icoactbot.gif'); }
.peu-fons a.act:hover {color: #0070c9; background-position: top left; text-decoration: none}

/*PNA Patrimoni Natural link*/
.peu-fons a.pna { background-image: url('img/bot/icopnabot.gif'); }
.peu-fons a.pna:hover {color: #00ad00; background-position: top left; text-decoration: none}

/*PCU Patrimoni Cultural link*/
.peu-fons a.pcu { background-image: url('img/bot/icopcubot.gif'); }
.peu-fons a.pcu:hover {color: #b15700; background-position: top left; text-decoration: none}

/*BIB Biblioteques link*/
.peu-fons a.bib { background-image: url('img/bot/icobibbot.gif'); }
.peu-fons a.bib:hover {color: #8c4141; background-position: top left; text-decoration: none}

/*OTU Oficines Turisme link*/
.peu-fons a.otu { background-image: url('img/bot/icootubot.gif'); }
.peu-fons a.otu:hover {color: #175c8a; background-position: top left; text-decoration: none}

/*logo TC de fons*/
.peu-fons {
  height: 100%;
  background-image: url('img/bot/logo.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 2;
 }


/*linia horitzontal -- no esta fet servir podem borrar*/
/*es posaria: echo "<hr class='hrbot'>";*/
.hrbot{
 	border: 1px;
  color: #969696; /*color gris*/
  width: 100%
  position: relative;
  height: 1px;  /*x Mozilla*/
 	background-color: #969696;   /*x Mozilla*/
 }

/* totals dels llistats*/
#total{
	padding: 5px 5px 5px 21px;
}

/* resultats cerca, formats, RES DE COLORS */
.separador{
	border-bottom:1px dashed #CCC;
	height:1px;
	width:957px;
	margin-left:-11px;
	margin-top:5px;
	margin-bottom:5px;
}
a.mesinfofons{
	font-size:9px !important;
	font-weight:bold;
	background-image:url(img/mesinfo.jpg);
}
	
.resultatunacerca{
	width:400px;
	margin-right:35px;
}
	
#totalscerca{
	margin-left: 27px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px;
}

.nompescerca{
	color: #707173;
	font-size: 1.2em;
	line-height: 18px;
}

#resulcerca{
	padding-top: 10px;
	padding-bottom: 10px;
}

#resulcerca a.treu{
	color: #707173;
	text-decoration: none;
}

.numtotalcerca{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
}

/* capes per mostrar popups amb capa fosca sobre web */
#fonspopup{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
}

/* caixa blanca amb contingut per sobre de la capa fosca de sobre la web */
#caixafonspopup{
	display:none;
	position:absolute;
	/*top:15%;
	left:30%;*/
	top:57px;
	left:0;
	z-index:1001;
	text-align: center;
	width: 100%;
}

.popupcontent{
	width:764px;
	height: 330px;
	background-color:#FFFFFF;
	margin: auto;
	position: relative;
	padding: 5px 5px 5px 10px;
	background-image:url(img/fonspopup.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

a.tancafinestra,a.tancafinestra:link{
	display: block;
	height: 37px;
	width: 33px;
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 1.2em;
	color: #585858;
	position: absolute;
	right: 0;
	z-index: 2;
}

a.tancafinestra:hover{
	background-position: top right;
}

a.tancafinestra span{
	display: block;
	margin-top: 11px;
}

/* quadrat foto, paginacio */
a.fotopagoff, a.fotopagoff:link, a.fotopagoff:visited{
	width: 4px;
	height: 20px;
	display: block;
	background-image: URL(img/fotopagoff.jpg);
	margin-top: 2px;
	margin-bottom: 2px;
}
a.fotopagoff:hover{
	/*definit als skins */
}

a.fotopagon, a.fotopagon:link, a.fotopagon:visited, a.fotopagon:hover{
	width: 4px;
	height: 20px;
	display: block;
	/* background-image: ; definit als skins */
	margin-top: 2px;
	margin-bottom: 2px;
}

/** per popup ENVIAR FOTOS */
.progressWrapper {
	width: 347px;
	overflow: hidden;
}

.progressContainer {
	/*margin: 5px;*/
	padding: 2px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: tahoma,sans;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	/*background-image: url(../images/cancelbutton.gif);*/
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

#thumbnails img{
	margin: 0 !important;
}

/* proves amb canvi de funcionament de pujar fotos*/
div.upload {
   position: relative;
   width: 182px;
   height: 20px;
   overflow:hidden;
   clip:rect(0px, 80px, 24px, 0px );
}

div.upload:hover {
   position: relative;
   width: 282px;
   height: 20px;
   overflow:hidden;
   clip:rect(0px, 80px, 24px, 0px );
}

div.upload input {
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   margin:0;
   padding:0;
   filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
   cursor: pointer;
}

.box-nodades{
	margin: auto;
	padding: 15px;
	display: table;
	width: 60%;
	/*background-color: #FFFFFF;*/
}

.box-nodades span{
	margin: 15px;
	display:block;
	float: left;
}

/* validacions enviament formularis */
input.disabled {
 border: 1px solid #F2F2F2;
 background-color: #F2F2F2;
}

input.required, textarea.required {
 /*border: 1px solid #00A8E6;*/
}
input.validation-failed, textarea.validation-failed {
 border: 1px solid #FF0000;
 /*color : #FF3300;*/
}
input.validation-passed, textarea.validation-passed {
 /*border: 1px solid #00CC00;
 color : #000;*/
}
input.gris {
 border: 1px solid #AAA;
}

.validation-advice {
/* padding: 3px;*/
 color : #FF0000;
/* font-weight: bold;*/
 font-size: 10px;
 /* display none, perque amb el nou format peten els textos
 /* d'errors i ja tenim els d'ajuda*/
 /*display: none;*/
}

.custom-advice {
 margin: 5px 0;
 padding: 5px;
 background-color: #C8AA00;
 color : #FFF;
 font-weight: bold;
}

.caixainici{
	min-height:170px;
	* height:170px;
	width:100%;
	border:1px solid #979797;
	display:block;
	background-color:#f1f1f1;
	float:left;
	position:relative;
	background-image:url(img/fonsdegradat.jpg);
	background-repeat:repeat-x;
	margin-bottom:20px;
}
.capcaixaini{
	height:17px;
	widht:285px;
	border-bottom:1px solid #979797;
	background-image:url(img/fons_capcaixainici.jpg);
	padding:7px;
	text-align:left;
}
.separadorcaixaini{
	float:left;
	width:18px;
	height:250px;
	display:block;}
	
.cercadorini{
	position:absolute;
	bottom:18px;
	left:23px;
}
.fonsboto{
	background-image:url(img/boto.jpg);
	color:#FFF;
	height:20px;
	padding-bottom:3px;
	text-align:center;
	width:78px;}

.caixainicigran{
	width:467px;
	height:273px;
	border:1px solid #979797;
	float:left;
}
.fotomini{
	height:72px;
	width:72px;
	border:1px solid #a4a4a4;
	display:block;
}
.fotominiinici{
	height:72px;
	width:72px;
	background-color:#F5F5F5;
	border:1px solid #D1D1D1;
	display:block;
}
.fotogran{
	height:230px;
	width:218px;
	border: 1px solid #a4a4a4;
	display:block;}
	
.fotograninici{
	height:230px;
	width:218px;
	border:1px solid #D1D1D1;
	background-color:#F5F5F5;
	display:block;}

#totals a{
	text-decoration:none;
	color:#585858;}
	
	
/* qui som ------------*/
.caixaquisom{
	margin-top:15px;
	height:260px;
	background-image:url(img/quisomfons.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f5f5f6;
	border:1px solid #979797;
	text-align:left;}


/*contactar -----------*/
.caixacontactar{
	margin-top:15px;
	height:auto;
	background-image:url(img/quisomfons.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f5f5f6;
	border:1px solid #979797;
	text-align:left;}
	
.div_mapa{
	margin-top:20px;
	background-color:#DDD;
	width:617px;
	height:215px;
	display:block;}

.fonscaps{ 
	/* per capçaleres de textos ------------*/
	background-image:url(img/fons_cap.jpg);
	background-position:top right;}
	
.frase{
	font-size:14px;
	color:#777;}
	
.idiomeselect{
	background-color:#DEDEDE;
	border:0px;}
	
.num_caracters{
	border:0px;
	background-color:#EEE;}
	
input.enviar{
	height:25px;
	width:142px;
	color:#FFF;
	font-weight:bold;
	background-image:url(img/boto_enviar.jpg);
	border:0px;
	padding-bottom:3px;}
	
input.cercar{
	height:20px;
	width:77px;
	color:#FFF;
	font-weight:bold;
	background-image:url(img/boto.jpg);
	border:0px;
	padding-bottom:3px;}
	
.fonspopup{
	background-image:url(img/fons_popup_iframe.jpg);
	background-position:right bottom;
	background-color:#FAFAFA;
	height:350px;}
	
#cercadordins{
	width:100%;
	background-color:#f0f0f0;
	border:1px solid #979797;
	line-height:15px;
}

/**************** Ajuda emergent*/
.help{width:15px;height:15px; display:block;}
.helptop{
	background-image:url(img/helptop.png);
	height:14px;
	width:153px;
	display:block;
	filter: alpha(opacity=90); opacity: .9;
}
.helpmig{
	background-image:url(img/helpmig.png);
	height:auto;
	width:143px;
	background-position:top left;
	font-size:11px;
	font-weight: bold;
	color:#FFF;
	padding:5px;
	line-height:11px;
	filter: alpha(opacity=90); opacity: .9;
	}
.helpbot{
	filter: alpha(opacity=90); opacity: .9;
	background-image:url(img/helpbot.png);
	height:7px;
	width:153px;
	display:block;
}

/****************** final del help */

a.logopartner{
	background-position:top !important;
	height:44px !important;
	display:block !important;
	width:205px !important;
	border:0px;
}
a.logopartner:hover{
background-position:bottom !important;}

/* refranys inici*/
.refrany_inici_ca{
	background-image:url(img/fonsrefrany_inici_ca.jpg);
	width: 984px;
	height: 135px;
	margin-left: -14px;
}

.refrany_inici_ca span{
	display: block;
	font-family: Georgia;
	font-size: 26px;
	color: #585858;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 44px;
}

/* botons enviar mes info + mes fotos laterals */
.sendmes-lat{
	width: 33.24%;
	height: 24px;
	border-top: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	cursor: pointer;
}

.sendmes{
	width: 49.88%;
	height: 24px;
	border-top: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
}

.sendmes-lat a,
.sendmes a{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 10px;
	padding-left: 25px;
	display: block;
	width: 100%;
}

.sendmes-lat a:hover,
.sendmes a:hover{
	text-decoration: none;
	color: #585858;
}

.sendmes-left{
	background-image:url(img/fons_botolateral_left.jpg);
	/*border-right: 1px solid #a4a4a4;*/
}

.sendmes-leftON{
	background-image:url(img/fons_botolateral_left.jpg);
	background-position: bottom center;
	/*border-right: 1px solid #a4a4a4;*/
}

.sendmes-right{
	background-image:url(img/fons_botolateral_right.jpg);
	background-position: right top;
}

a.sendmes-tanca,
a.sendmes-tanca:link,
a.sendmes-tanca:visited{
	background-image:url(img/bkg_tancaiframe.png);
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 0 3px 0;
	margin-bottom: 10px;
}

.bloc-form{
	background-image: URL(img/fons_form.jpg);
	background-repeat: no-repeat;
	background-color: #f5f5f5;
	background-position: top center;
}

/* OPINIONS */
.valor_resul{
	background-image: URL(img/fons_valoracio_resul.gif);
	background-repeat: no-repeat;
	width: 149px;
	padding-bottom: 1px;
}

.valor_resul td{
	padding-top: 3px;
}

div.opinio_si,
div.opinio_no{
	text-align: left;
}

div.opinio_si{
	background-image: URL(img/fons_opiniosi.png);
	background-repeat: no-repeat;
}

div.opinio_no{
	background-image: URL(img/fons_opiniono.png);
	background-repeat: no-repeat;
}

div.opinio_si span,
div.opinio_no span{
	display: block;
	padding: 8px 3px 3px 29px;
	/*text-shadow: #000000 0 -0 1px; */
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	color: #585858;
}

.txt_elmillor{
	/*padding: 2px;
	border-top: 1px dashed #80b518;
	border-bottom: 1px dashed #80b518;*/
	margin-right: 15px;
	font-family: Tahoma;
}

.txt_elpitjor{
	/*padding: 2px;
	border-top: 1px dashed #c00000;
	border-bottom: 1px dashed #c00000;*/
	margin-right: 15px;
	font-family: Tahoma;
	margin-top: 2px;
}

.caixa_opinasino{
	background-image: URL(img/fons_opinasino.jpg);
	background-repeat: no-repeat;
	width: 149px;
	padding: 0 0 6px 3px;
}

.separador_opinasino{
	width: 138px;
	height: 1px;
	border-bottom: 1px dashed #b2b2b3;
	padding-top: 2px;
}