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

html * { margin: 0; padding: 0; }

body{
  font-family: Tahoma;
  font-size: 12px;
  color: #58585a;
  margin: 0;
  padding: 0;
  text-align: center;
}

a { font-size: 1em; text-decoration: none; margin: auto; margin: 0px; padding: 0px; }
a.aunderline:hover { text-decoration: underline; }

span { font-size: 1em; }

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

img { border: 0px; margin: 0px; padding: 0px; }

table{
  font-family: Tahoma;
  font-size: 12px;
  color: #58585a;
}


ul { margin-left: 5px; margin: 0px; padding: 0px; }
li { list-style: square; margin-left: 5px; padding: 0px; }

input,select,textarea{
  font-size: 1em;
  color: #58585a;
  border: 0;
  padding: 1px;
  margin: 0;
  font-family: Tahoma;
  border: 1px solid #8a8a8a;
}

form{
  padding: 0;
  margin: 0;
}

/*UTILS ---------------------------------------------------------------------*/
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w99 { width: 99%; }
.w100{ width: 100%; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.aleft { text-align: left; }     /*text a la esquerra*/
.acenter { text-align: center; } /*text al centre*/
.aright { text-align: right; }   /*text a la dreta*/
.vmiddle { vertical-align: middle; }   /*text a la dreta*/

.bold { font-weight: bold; }

.paddingt4 { padding-top: 4px; }
.paddingt04 { padding-top: 4px; }
.paddingl4 { padding-left: 4px; }
.paddingl20 { padding-left: 20px; }
.paddingb10 { padding-bottom: 10px; }
.paddingr05 { padding-right: 5px; }
.paddingr10 { padding-right: 10px; }
.paddingr20 { padding-right: 20px; }
.padding05 { padding: 5px; }

.marginr05 { margin-right: 5px; }

.mayus { text-transform: uppercase; }          /*text en MAYUSCULES*/
.minus { text-transform: lowercase; }          /*text en minuscules*/
.1mayus { text-transform: capitalize; }        /*primera lletra en Mayuscules*/

.indentx1 { text-indent: 1em }    /*La primera paraula entra*/
.indentx13 { text-indent: 1.3em }
.indentx2 { text-indent: 2em }


/*MIDES WIDTH----------------------------------------------------------------*/
/*capa que engloba tota la web*/
#base { width: 956px; margin: auto; display: table; padding-left: 7px; border: 0px solid #6b8912;}



/*INICI----------------------------------------------------------------------*/
#content{
    /*background-image: URL(img/fonsinici.gif);*/
    width: 956px;
    min-height: 699px;
    margin:auto;
}

#contentsec{
   width: 951px;
    min-height: 130px;
    margin:auto;
}

#inici{
  /*width: 930px;*/
  width: 100%;
  padding-left: 25px;
  padding-top: 205px;
  text-align: left;
}

.menu{
  /*margin-top: 240px;*/
  /*margin-left: 12px;*/
  width: 268px;
  text-align: left;
  float: left;
}
a.menu-inici{
  display: block;
  height: 28px;
  background-image: URL(img/fonsmenuinici.png);
  background-position: top left;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 10px;
}

a.menu-inici:hover{
  background-position: bottom left;
}

a.menu-inici span{
  display: block;
  margin-left: 58px;
  padding: 6px 6px 6px 12px;
}

#logoinici{
	text-align: left;
	margin: 25px 0 0 25px;
}

.credits{
	float: right;
	margin: 125px 48px 0 0;
	text-align: right;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 18px;
	opacity:0.9;
	filter:alpha(opacity=90) ;
	color: #999999;
	font-size: 9px;
}
/*---------------------------------------------------------------------------*/

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

.colorgeografia { color: #d2c9ac; }       /*Color gris - fluix #e8e3d4 */
.colordemografia { color: #fbaf18; }      /*Color groc - fluix #feedcc */
.coloreconomia { color: #e2021b; }        /*Color vermell - fluix #f9c7cd */
.colorestadistica { color: #006ea7; }   /*Color blau - fluix #c7dfec */
.coloraltres { color: #009146; }          /*Color verd  - fluix #c7e7d6 */
.colorglossari { color: #1a171b; }        /*Color negra - fluix #cdcccd */

.bgcolorgeografia { background-color: #d2c9ac; }       /*Color gris*/
.bgcolordemografia { background-color: #fbaf18; }      /*Color groc*/
.bgcoloreconomia { background-color: #e2021b; }        /*Color vermell*/
.bgcolorestadistica { background-color: #006ea7; }   /*Color blau*/
.bgcoloraltres { background-color: #009146; }          /*Color verd*/
.bgcolorglossari { background-color: #1a171b; }        /*Color negra*/
.bgcolorpresentacio{
	background-color: #b2b2b2;
}

.bgcolorgeografiamenu { background-color: #d2c9ac; }       /*Color gris*/
.bgcolorgeografiamenu:hover { background-color: #dfd9c5; }       /*Color gris*/
.bgcolordemografiamenu { background-color: #fbaf18; }      /*Color groc*/
.bgcolordemografiamenu:hover { background-color: #fcc75d; }      /*Color groc*/
.bgcoloreconomiamenu { background-color: #e2021b; }        /*Color vermell*/
.bgcoloreconomiamenu:hover { background-color: #eb4d5f; }        /*Color vermell*/
.bgcolorestadisticamenu { background-color: #006ea7; }   /*Color blau*/
.bgcolorestadisticamenu:hover { background-color: #4c99c1; }   /*Color blau*/
.bgcoloraltresmenu { background-color: #009146; }          /*Color verd*/
.bgcoloraltresmenu:hover { background-color: #4cb27d; }          /*Color verd*/
.bgcolorglossarimenu { background-color: #1a171b; }        /*Color negra*/
.bgcolorglossarimenu:hover { background-color: #5e5c5f; }        /*Color negra*/
.bgcolorpresentaciomenu { background-color: #b2b2b2; }        /*Color gris 2*/
.bgcolorpresentaciomenu:hover { background-color: #d8d8d8; }        /*Color gris 2*/


.negre{color: #000000}


/*COMUNS --------------------------------------------------------------------*/

tr { vertical-align: middle; }

h1 { font-weight: bold; font-size: 1.1em; margin: 0; padding: 3px 10px 3px 10px; }

.fletxa { float: left; padding-right: 4px;}

td.font {
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
  padding-top: 8px;
 }

#topseccio{
  background-image: URL(img/topseccio.gif);
  background-position: top center;
  background-repeat: no-repeat;
  height: 130px;
  margin: auto;
}

#centreseccio{
  background-image: URL(img/centreseccio.gif);
  margin: auto;
  background-position: top center;
  min-height: 300px;
  text-align: left;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 13px;
}

#bot{
  padding-top: 35px;
  clear: both;
}

#bot img, #botseccio img {
  border: 0px;
  /*margin: 10px 15px 15px 15px;*/
  padding: 0px;
}

#botseccio{
  margin: auto;
  background-image: URL(img/botseccio.gif);
  background-position: top center;
  min-height: 100px;
}

a.menu-seccio,a.menu-seccio:hover{
  display: block;
  height: 25px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 5px;
  width: 180px;
  font-size: 0.9em;
  text-align: left;
}

a.menu-seccio span{
  display: block;
  padding-left: 6px;
  padding-top: 6px;
}

.menuseccio{
  float: right;
  /*margin-right: 130px;*/
  margin-top: 15px;
  width: 650px;
}

.titseccio{
  /*background-image: URL(img/fonsmenuinici.gif);*/
  background-position: bottom left;
  background-repeat: no-repeat;
  font-size: 24px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 25px;
}

.titseccio span{
  margin: 5px 15px 5px 70px;
}

a.anterior{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/anterior.png);
	margin: 3px 4px 1px 4px;
}

a.seguent{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/seguent.png);
	margin: 3px 4px 1px 4px;
}

.box-link-fixe{
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 10px;
}

#logoseccio{
	width: 370px;
	text-align: right;
}

a.linklogo{
	display: block;
	float: left;
	width: 250px;
	height: 120px;
}

/*DEMOGRAFIA ----------------------------------------------------------------*/
a.linkdemografia, a.linkdemografia:link {	color: #fbaf18; }
a.linkdemografia:hover{	text-decoration: underline; }

a.mespoblacio,
a.mespoblacio:visited { color: #fbaf18; margin-right: 5px; }
a.mespoblacio:hover { color: #000000; text-decoration: underline; }

a.mostrapoblacio,
a.mostrapoblacio:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostrapoblacio:hover { color: #000000; background-color: #fad489; text-decoration: none; }

a.mostrapoblacioactiu,
a.mostrapoblacioactiu:hover { color: #000000; background-color: #fad489; text-decoration: none; }

td.border1right { padding-right: 5px; border-right: 1pt solid #000000; }

tr.demografia { background-color: #feedcc; }   /*Saturacio de 90 a 45*/
tr.blanc { background-color: #ffffff; }

.demografiaseleccio {
  text-align: left;
  background-color: #ffffff;
  color: #fbaf18;
  border-bottom: 1pt solid #fbaf18;
  padding: 3px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.demografiatitul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.demografiatitul h1{ background-color: #fbaf18; margin-left: 20px; }

td.demografiahead {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
  border-bottom: 1pt solid #000000;
}

td.demografia { height: 20px; vertical-align: middle; border-bottom: 0.5pt solid #fbaf18; }

td.demografiaultim { height: 20px; vertical-align: middle; }

td.demografiafoot {
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  border-top: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
}

.box-llistat a.demografia{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.demografia:hover{ background-position: bottom left; }

.box-llistat a.demografia span{
  background-color: #feedcc;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.demografia:hover span{
  background-color: #fbaf18;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

a.mostrademografia,
a.mostrademografia:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostrademografia:hover { color: #000000; background-color: #fad489; text-decoration: none; }

/*GEOGRAFIA ----------------------------------------------------------------*/

a.linkgeografia, a.linkgeografia:link {	color: #d2c9ac; }
a.linkgegrafia:hover{	text-decoration: underline; }


.geografiatitul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.geografiatitul h1{
  background-color: #d2c9ac;
  margin-left: 20px;
}

td.geografiahead {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
  border-bottom: 1pt solid #000000;
}

td.geografiatitul {
  height: 20px;
  vertical-align: middle;
  border-bottom: 0.5pt solid #d2c9ac;
}

td.geografiaultim {
  height: 20px;
  vertical-align: middle;
}

td.geografiafoot {
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  border-top: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
}

.box-llistat a.geografia{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.geografia:hover{
  background-position: bottom left;
}

.box-llistat a.geografia span{
  background-color: #e8e3d4;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.geografia:hover span{
  background-color: #d2c9ac;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

a.mostrageografia,
a.mostrageografia:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostrageografia:hover { color: #000000; background-color: #d2c9ac; text-decoration: none; }

a.mostrageografiaactiu,
a.mostrageografiaactiu:link,
a.mostrageografiaactiu:hover { color: #000000; background-color: #d2c9ac; text-decoration: none; }

/* ECONOMIA ------------------------------------------------------------------*/
a.linkeconomia, a.linkeconomia:link {	color: #e2021b; }
a.linkeconomia:hover{	text-decoration: underline; }

a.meseconomia,
a.meseconomia:visited { color: #e2021b; margin-right: 5px; }
a.meseconomia:hover { color: #000000; text-decoration: underline; }

a.mostraeconomia,
a.mostraeconomia:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostraeconomia:hover { color: #000000; background-color: #f9c7cd; text-decoration: none; }

a.mostraeconomiaactiu,
a.mostraeconomiaactiu:link,
a.mostraeconomiaactiu:hover { color: #000000; background-color: #f9c7cd; text-decoration: none; }

tr.economia { background-color: #f9c7cd; }

.economiaseleccio {
  text-align: left;
  background-color: #ffffff;
  color: #e2021b;
  border-bottom: 1pt solid #e2021b;
  padding: 3px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.economiatitul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.economiatitul h1{ background-color: #e2021b; margin-left: 20px; }

td.economiahead {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
  border-bottom: 1pt solid #000000;
}

td.economia { height: 20px; vertical-align: middle; border-bottom: 0.5pt solid #e2021b; }

td.economiaultim { height: 20px; vertical-align: middle; }

td.economiafoot {
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  border-top: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
}

a.economiaanterior{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/demografia/anterior.gif);
	margin: 3px 4px 1px 4px;
}

a.economiaseguent{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/demografia/seguent.gif);
	margin: 3px 4px 1px 4px;
}
.box-llistat a.economia{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.economia:hover{
  background-position: bottom left;
}

.box-llistat a.economia span{
  background-color: #f9c7cd;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.economia:hover span{
  background-color: #e2021b;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}
/* FI ECONOMIA */

/* ESTADISTIQUES -------------------------------------------------------------*/
a.linkestadistica, a.linkestadistica:link {	color: #006ea7; }
a.linkestadistica:hover{	text-decoration: underline; }

a.mesestadistica,
a.mesestadistica:visited { color: #006ea7; margin-right: 5px; }
a.mesestadistica:hover { color: #000000; text-decoration: underline; }

a.mostraestadistica,
a.mostraestadistica:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostraestadistica:hover { color: #000000; background-color: #c7dfec; text-decoration: none; }

a.mostraestadisticaactiu,
a.mostraestadisticaactiu:link,
a.mostraestadisticaactiu:hover { color: #000000; background-color: #c7dfec; text-decoration: none; }

tr.estadistica { background-color: #c7dfec; }

.estadisticaseleccio {
  text-align: left;
  background-color: #ffffff;
  color: #006ea7;
  border-bottom: 1pt solid #006ea7;
  padding: 3px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.estadisticatitul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.estadisticatitul h1{ background-color: #006ea7; margin-left: 20px; }

td.estadisticahead {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
  border-bottom: 1pt solid #000000;
}

td.estadistica { height: 20px; vertical-align: middle; border-bottom: 0.5pt solid #006ea7; }

td.estadisticaultim { height: 20px; vertical-align: middle; }

td.estadisticafoot {
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  border-top: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
}

a.estadisticaanterior{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/anterior.gif);
	margin: 3px 4px 1px 4px;
}

a.estadisticaseguent{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/seguent.gif);
	margin: 3px 4px 1px 4px;
}

.box-llistat a.estadistica{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.estadistica:hover{
  background-position: bottom left;
}

.box-llistat a.estadistica span{
  background-color: #c7dfec;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.estadistica:hover span{
  background-color: #006ea7;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}
/* FI ESTADISTIQUES */



/* ALTRES --------------------------------------------------------------------*/
a.linkaltres, a.linkaltres:link {	color: #009146; }
a.linkaltres:hover{	text-decoration: underline; }

a.mesaltres,
a.mesaltres:visited { color: #009146; margin-right: 5px; }
a.mesaltres:hover { color: #000000; text-decoration: underline; }

a.mostraaltres,
a.mostraaltres:visited { color: #000000; background-color: #ffffff; margin-right: 5px;}
a.mostraaltres:hover { color: #000000; background-color: #c7e7d6; text-decoration: none; }

a.mostraaltresactiu,
a.mostraaltresactiu:link,
a.mostraaltresactiu:hover { color: #000000; background-color: #c7e7d6; text-decoration: none; }

tr.altres { background-color: #c7e7d6; }

.altresseleccio {
  text-align: left;
  background-color: #ffffff;
  color: #009146;
  border-bottom: 1pt solid #009146;
  padding: 3px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.altrestitul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.altrestitul h1{ background-color: #009146; margin-left: 20px; }

td.altreshead {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
  border-bottom: 1pt solid #000000;
}

td.altres { height: 20px; vertical-align: middle; border-bottom: 0.5pt solid #009146; }

td.altresultim { height: 20px; vertical-align: middle; }

td.altresfoot {
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
  border-top: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
}

a.altresanterior{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/anterior.gif);
	margin: 3px 4px 1px 4px;
}

a.altresseguent{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/seguent.gif);
	margin: 3px 4px 1px 4px;
}

.box-llistat a.altres{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.altres:hover{
  background-position: bottom left;
}

.box-llistat a.altres span{
  background-color: #c7e7d6;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.altres:hover span{
  background-color: #009146;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}
/* FI ALTRES */

/* GLOSSARI ------------------------------------------------------------------*/
.box-llistat a.glossari{
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  color: #58585a;
  margin-bottom: 4px;
}

.box-llistat a.glossari:hover{
  background-position: bottom left;
}

.box-llistat a.glossari span{
  background-color: #cdcccd;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.box-llistat a.glossari:hover span{
  background-color: #1a171b;
  color: #FFFFFF;
  display: block;
  padding: 3px 0 3px 4px;
  margin-left: 20px;
}

.glossarititul {
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  min-width: 524px;
}

.glossarititul h1{ background-color: #000000; margin-left: 20px; }

a.linkglossari, a.linkglossari:link {	color: #000000; }
a.linkglossari:hover{	text-decoration: underline; }

a.glossarianterior{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/anterior.gif);
	margin: 3px 4px 1px 4px;
}

a.glossariseguent{
	display: block;
	width: 17px;
	height: 17px;
	background-image: URL(img/estadistica/seguent.gif);
	margin: 3px 4px 1px 4px;
}

/* FI GLOSSARI */

/* QUADRE CERCA*/

.box-cerca{
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  margin-left: 60px;
  margin-top: 7px;
}

input.cerca{
	background-image:URL(img/ico-cerca.gif);
	width: 19px;
	height: 19px;
	cursor: pointer;
	border: 0;
}

.box-cerca select{
	padding: 1px;
}

.tdresul{
	color: #8a8a8a;
	padding: 8px;
	border-top: 1px solid #7f7f7f;
}

/* llistats de dades*/
.box-llistat{
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 7px;
  padding-bottom: 5px;
}

.box-seleccio{
  margin:0 0 10px 0;
}

/*detall - html */
.lineadetall{
	border-top: 1px solid #7f7f7f;
	margin-left: 60px;
	margin-top: 10px;
}

.divdetall{
	padding-left:20px;
}

.divdocs{
	padding-left:20px;
	padding-top: 10px;
}

/* PRESENTACIO INICIAL */
.box-presentacio{
  margin-left: 22px;
  margin-right: 40px;
  margin-top: 7px;
  padding-bottom: 5px;
}
.box-presentacio p{
	font-size: 11px;
	margin-bottom: 10px;
}
/* FI PRESENTACIO INICIAL*/