/*estil per defecte del cos de la web*/
body {
	padding:0;
	margin:0;
	font-family: verdana,sans-serif;
	background-color: #ffffff;
	font-size: 10px;
}
/*estil per defecte de les imatges*/

img {
	border:0;
}

div#resum table{
	font-size: 10px;
}

/*estils de titols */
h1, h2, h3, h4, h5, h6  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #FFF;
	font-size: 12px;
}

h1{
	margin-top: 2rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #000000;
	white-space: nowrap;
}

h2{
	font-family: Verdana,Arial,sans-serif;
	color: #000000;
	white-space: nowrap;
}

/*h3{
	font-size: 12px;
	color: #0066CC;
	height: auto;
}*/

/*h4{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}*/

h5{
	font-size: 15px;
	color: #000;
	text-align: left;
	font-weight: normal;
}
h6{
	font-size: 9px;
	color: #000000;
	text-align: left;
	font-weight: normal;
}
/*defineix el texte "CERCA" que trobem en el fitxer programa.php*/
/*.tit_cerca{
	font-size: 12px;
	color: #C89BE1;
	height: auto;
}*/
/***********************************************/
/* CABECERA    - estils necessaris per generar la capçalera          */
/***********************************************/
.enlacecabecera {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	white-space: nowrap;
	text-decoration: underline;
	margin-right: 10px;
	margin-top: 10px;
}
a.enlacecabecera:hover {
	color: #000000
}
.franjaseparador1 {
	height: 1px;
	background-color: #c00000
}
.franjaseparador2 {
	height: 1px;
	background-color: #d63b1d
}
.corte {
	width: 100%;
}
.franjamenu {
	height: 23px;
	background-color:#929697;
}
/*estil de links associats a imatges o textes que composen el menú horitzontal que serveix per navegar entre HOME/LLEI/PROJECTE*/

.menugencat {
	font-weight: bold;
	font-size: 15px;
	/*color: #4D4F53;*/
	*color: #888988;
	white-space: nowrap;
	text-decoration: none;
	margin-left: 9px;
}

.imatge_menu {
	vertical-align:middle;
	text-align:left;
}
.menugencat2 {
	font-weight: bold;
	font-size: 15px;
	color: #88898b;
/*	color: #ffffff;
	white-space: nowrap;
	text-decoration: none;
	margin-left: 6px;
}
a.menugencat2:hover {
	text-decoration: underline;
}
.menusel {
	font-weight: bold;
	font-size: 12px;
	/*color: #4D4F53;*/
	color: #88898b;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	/*background-color: #966129;*/
/*	background-color: #ffffff;
	
	border-bottom-color: #88898b;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	border-left-color: #c00000;
	border-left-style: solid;
	border-left-width: 2px;

	width: 84px;
}

.menusel_sin {
	font-weight: bold;
	font-size: 12px;
	/*color: #4D4F53;*/
	color: #88898b;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	background-color: #88898b;
	border:none;

	border-left-color: #88898b;
	border-left-style: solid;
	border-left-width: 2px;
	display:none;
	width: 84px;
}

.menusel_proj {
	font-weight: bold;
	font-size: 12px;
	color: #26CECF;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	width: 95px;
}
a.menusel_proj:hover {
	text-decoration: underline;
}
.menusel_proj_sin {
/*	font-weight: bold;
/*	font-size: 12px;
	/*color: #4d4f53;*/
	color: #88898b;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	background-color: #88898b;/*#00A2B4;*/
	width: 300px;
	padding-left:34px;
}
A.menugencat:hover {
	text-decoration: underline;
}
.menu_inactive {
	font-weight: bold;
	font-size: 12px;
	/*color: #4D4F53;*/
	color: #88898b;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	background-color: #88898b;
	width: 300px;
	padding-left:34px;
}
a.menu_inactive:hover {
	text-decoration: underline;
}
.menu_inactive_sin {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	background-color: #DCDCFA;
	
	width: 84px;
}

/***********************************************/
/* LLISTES, per evitar taules                              */
/***********************************************/

/* Reset per a iOS */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* INDEX */
.index-blocs {
  background: #f5f5f5;
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  max-width: 800px;
}

.index-blocs ul {
  list-style: none;
  padding-left: 0;
}

.index-blocs li {
  margin-bottom: 0.5rem;
}

.index-blocs a {
  text-decoration: none;
  color: #c00000;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.index-blocs a:hover {
  text-decoration: underline;
}


/* CONTENIDOR */
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
}

/* BLOCS */
.bloc {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.bloc-title {
  font-size: 1rem;
  color: #000;
  background-color: #fff;
  padding: 0.5rem 0;
  margin-bottom: 0.7rem;
  border-bottom: 2px solid #ccc;
  width: 100%;
  max-width: 1950px;
}

/* Llistes */
.document-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 1900px;  /* Límit màxim de 1900px */
}

.document-list li {
  border-bottom: 1px solid #ccc;
/*  max-width: 2000px;
  width: 100%;
  margin: 0 auto; */
  padding: 0.5rem 0;
  display: flex; /* Afegit per millor control */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Enllaços */
.document-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  gap: 0.5rem; /* Abans 0.25, augmentat lleugerament per millor espaiat */
  width: 100%; /* Assegura que ocupi tot l'espai */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 1rem; /* Afegit per forçar mida consistent */
  line-height: 1.4; /* Millor llegibilitat */
}

/* Guió inicial */
.document-link::before {
  content: "» ";
  font-weight: bold;
  color: #c00000;
  flex-shrink: 0; /* Evita que es redueixi */
  margin-right: 0.3rem;
}

/* Icones */
.document-link::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px; /* Afegit per prevenir canvis de mida */
  min-height: 24px; /* Afegit per prevenir canvis de mida */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0; /* Impedeix que la icona es redueixi */
}

/* Media query per mòbils */
@media (max-width: 768px) {
   .document-link {
    gap: 0.4rem; /* Espai lleugerament menor en mòbils */
	font-size: 1rem !important; /* Força la mateixa mida */
  }
	
	.document-link::after {
/* 	display: none;*/ 
	width: 20px; /* Mida lleugerament menor en mòbils */
    height: 20px;
    min-width: 20px;
    min-height: 20px;
   }
	
  /* Assegurar que els textos multi-línia mantinguin la mida */
  .document-list li {
    font-size: 1rem;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
}
	
/* Hover */
.document-link:hover {
  color: #c00000;
}

/* Icones segons extensió */
.document-link[href$=".pdf"]::after {
  background-image: url("../icones/icon_pdf.svg");
}

.document-link[href$=".xlsx"]::after,
.document-link[href$=".xls"]::after {
  background-image: url("../icones/icon_xlsx.svg");
}

.document-link[href$=".docx"]::after,
.document-link[href$=".doc"]::after {
  background-image: url("../icones/icon_docx.svg");
}

.document-link[href$=".pptx"]::after,
.document-link[href$=".ppt"]::after {
  background-image: url("../icones/icon_pptx.svg");
}




/***********************************************/
/* MENU LATERAL                              */
/***********************************************/

#navBar{
	/*background-color: #966129;*/
	background-color: #88898b;
	width: 217px;
	margin-bottom: 25px;
}

.menu_lat {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	white-space: normal;
	text-decoration: none;
	vertical-align:middle;
	margin-left:10px;
}
a.menu_lat:hover {
	text-decoration: underline;
}

.menu_lat_select {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff; /*#0066FF;*/
	white-space: normal;
	text-decoration: none;
	vertical-align:middle;
	margin-left:10px;
}
a.menu_lat_select:hover {
	text-decoration: underline;
}

/*********** #navBar link styles ***********/
#lat_Links {
	margin: 0px;
	padding: 15px 0px 10px 10px;
}
#lat_Links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#lat_Links li {
	height: 20px;
	vertical-align:middle;
	margin-bottom:5px;
}
#lat_Links ul li a {
	position:relative;
	vertical-align:top;
	top:3px;
}
#lat_inf {
	margin: 0px;
	padding: 15px 0px 10px 10px;
	height: 100px;
	background-color: #AC3CB9;
}
#lat_Links_sub {
	margin: 4px;
	padding: 0px 0px 0px 10px;
}
#lat_Links_sub ul {
	list-style-type: disc;
	margin-left: 20px;
	/*color:#4d4f53;*/
	color: #88898b;
	vertical-align:middle;
	padding:0;
}

#lat_Links_sub li {
	vertical-align: top;
	height: auto;
	text-align: left;
	margin-bottom:5px;
}

#lat_Links_sub ul li a {
	position:relative;
	vertical-align:top;
	top:0;
}

/* estil del submenu generat a partir de la BBDD en els apartats agrupacions i sub apartats */

.menu_lat_sub {
	font-weight: normal;
	font-size: 10px;
	/*color: #4d4f53;*/
	color: #ffffff;
	white-space: normal;
	text-decoration: none;
	vertical-align:top;
	margin:0;
	padding:0;
}
a.menu_lat_sub:hover {
	text-decoration: underline;
}
.menu_lat_sub_select {
	font-weight: bold;
	font-size: 10px;
	/*color: #4d4f53;*/
	color: #ffffff;
	white-space: normal;
	text-decoration: none;
}
a.menu_lat_sub_select:hover {
	text-decoration: underline;
}
/***********************************************/
/* CONTENIDO                              */
/***********************************************/

/* ZONA BANNER                              */
#content_superior {
	padding: 0px 0px 0px 0px;
	margin:0;
	height:80px;
}
/*#banner{
	background-color:#888a8d;
	position:relative;
	top:-23px;
	border-bottom: 2px solid #E98300;
}*/
#img_pressupostos{
	background-color:#ffffff;
	position:relative;
	top:-23px;
	border-bottom: 2px solid #ffffff;
	background-image:url('../img/img_pressupostos.jpg');
	background-position:left;
	background-repeat:no-repeat;
	height:140px;
}

#img_presLlei{
	background-color:#ffffff;
	position:relative;
	border-bottom: 2px solid #ffffff;
	background-image:url(../img/img_pres_llei.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:140px;
	top:-23px;
}
#img_elaboracio{
	background-color:#ffffff;
	position:relative;
	border-bottom: 2px solid #ffffff;
	background-image:url(../img/img_elaboracio.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:140px;
	top:-23px;
}


/* CONTENT GENERAL                              */
#content{
	width: auto;
	padding: 0px 0px 10px 20px;;
}
/* FILL DE ARIADNE - LINKS DE PATH                              */
#fill{
	font-size: 12px;
	padding: 34px 0px 0px 5px;
	/*margin-top:-10px;*/
}

.fill_enlaces {
	font-weight: bold;
	font-size: 14px;
	color:#AEAFB0;
	white-space: nowrap;
	text-decoration: none;
	margin-right: 4px;
}
a.fill_enlaces:hover {
	text-decoration: underline;
}
/* zONA RESUMENES PDF - estil dels textes i cel·les que contenen els links als documents del web        */
/*#resum {
	padding-top: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	font-weight:bold;
}
.resum_enlaces {
	color: #FF0000;
	white-space: nowrap;
	text-decoration: none;
	margin-left: 6px;
}
.resum_enlaces:hover {
	color: #000;
	white-space: nowrap;
	text-decoration: underline;
	margin-left: 6px;
}

.resum_p {
	white-space: nowrap;
	font-size: 11px;
	line-height: 2px;
}*/
/* ZONA DESPLEGABLES - barra esquerra on trobem el menu vertical   */
#content_desplegables {
	padding:1px;
	border-top:1px solid #E4E4E4;
	background-color: /*#EFFBFF;*/#f4f4f4;
}
#desplegables {
	padding:0;
	font-size: 11px;
	padding-left: 10px;
}
.button {
	border-right: #000000 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #000000 1px solid;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	font-style: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #333333;
}
.desplegable {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.desplegable3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 500px;
}
#desplegables2 {
	font-size: 11px;
	width: auto;
	background-color: #008800;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 4px;
}
/***********************************************/
/* CONTENIDO                              */
/***********************************************/
#tablas {
	padding:0px;
	margin-top:12px;
	font-size: 12px;
}
/* caption i headers, defineixen els colors separatoris i la tipografia de les files a les que se'ls associa l'estil*/

caption {
	font-size: 12px;
	background-color: #c000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	white-space: nowrap;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 6px;
	text-align: left;
}

a.titol_capcalera{
	font-weight: normal;
	font-family: Arial;
	color: #660303;
	text-decoration: none;
	font-size: 1.9em;
	margin: .2em 0 .2em 40px !important;
	padding: 0 0 0 0 !important;
}

#titol_taula {
	font-size: 12px;
	background-color: #dfe280;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin:0;
	padding-left: 8px;
	vertical-align:middle;
	border-bottom: 3px solid #FFFFFF;
	width:465px;
}
#imatge_titol {
	font-size: 12px;
	background-color: #dfe280;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin:0;
	padding:0;
	border-bottom: 3px solid #FFFFFF;
	/*width:23px;*/
	text-align:center;
}

#sub_titol_taula {
	font-size: 12px;
	background-color: #dfe280;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin:0;
	padding-left: 8px;
	vertical-align:middle;
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	width:465px;
}

#imatge_sub_titol {
	font-size: 12px;
	background-color: #dfe280;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin:0;
	padding:0;
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	width:23px;
	height:24px;
}

#header0 {
	font-size: 11px;
	background-color: #88898b;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	white-space: nowrap;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 6px;
	text-align: left;
	}

#header1 {
	font-size: 11px;
	background-color: #ffffff;/*#fad8c2;*/
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: left;
	}
#header2 {
	font-size: 11px;
	background-color: #ffffff; /*#fad8c2;*/
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: left;
	
}
#header3 {
	font-size: 11px;
	background-color: #ffffff; /*#fad8c2;*/
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header4 {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header5 {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header6 {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header7 {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header8 {
	font-size: 11px;
	background-color: #ffffff;

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
#header9 {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
.header_blue {
	background-color: #8A4B08;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: left;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
}

.header_grey {
	font-size: 11px;
	background-color: #f1f1f1;/*#fad8c2;#DFF7FF;#EEEEEE;*/
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: center;
}
/*defineix el tipus d files de les taules per defecte*/

#tablas td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-align: center;
}
/*defineix les columnes en les taules per defecte*/
#tablas tr {
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}

/* taules dobles */
#tablas2 table {
	width:100%
}
#tablas2 table td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-align: center;
}
#tablas2 td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-align: center;
	white-space:nowrap;
}
#tablas2 table tr {
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}
/*defineix les columnes en les taules per defecte*/

/* taules dobles responsives*/
.tablas2resp {
	max-width: 100px;
	margin: 0 auto;
	overflow-x: auto;
  	-webkit-overflow-scrolling: touch;
}
.tablas2resp table {
	width:100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.tablas2resp th, .tablas2resp td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ccc;
  word-break: break-word; 
  white-space: normal;
}
.tablas2resp td a {
  display: inline-block;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word; 
  white-space: normal;
}

#tablas2resp table td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-align: center;
}
#tablas2resp td {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-align: center;
	white-space:nowrap;
}
#tablas2resp table tr {
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}
/*defineix les columnes en les taules per defecte*/



/* a continuació links, i estils emprats en les taules*/

.tablas_enlaces {
	font-size: 15px;
	color: #600000;
	white-space: nowrap;  
	text-decoration: none;
	margin-right: 4px;
	font-weight:bold;
}
/*.tablas_col1 {
	font-size: 36px;
	color: #FF0000;
	margin-right: 4px;
}*/

a.tablas_enlaces:hover {
	color: #900000;
	text-decoration: underline;
}
/***********************************************/
/* PAGINAS CON TEXTO        posició i mida del texte                       */
/***********************************************/
#text {
	font-size: 15px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	/*width:510px;*/
}
/* fa referencia als links que trobem continguts en la zona centre-dreta*/


.text_enlaces {
	font-size: 12px;
	color: #c00000;
	white-space: nowrap;
	text-decoration: none;
	margin-right: 0px;
	font-weight: bold;
	padding-left: 6px;
}
a.text_enlaces:hover {
	color: #c00000;
	text-decoration: underline;

}

/***********************************************/
/* PIE      colors, mida i posició del peu de pàgina */
/***********************************************/

#contenido_pie {
	padding: 10px 0px 12px 0px;
	text-align: center;
	white-space: normal;
	border-top: 2px solid #c00000;
}

#contenido_pie td{
	font-size: 10px;
}

#contenido_pie_desplegable{
	padding: 0px 0px 0px 240px;
	text-align: left;
	border-top-color: #DEDEDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 10px;
	white-space: normal;
}
.pie {
	font-size: 1em;
	color: white;
	text-decoration: none;
}
a.pie {
	font-size: 1em;
}
a.pie:hover {
	color: white;
	text-decoration: underline;
}
#fill td {
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	text-align: left;
}
/*referent a com organitzar tot el contingut que es presenta al centre-dret de la web */

#content_all {
	border-left: 217px solid #88898b;
	padding: 0;
	margin: 0;
}

#content_inferior {
	text-align:left;
	position:relative;
	left:-216px;
	vertical-align:bottom;
	bottom:0px;
}

/*defineix posició de la la barra esquerra que conté el menú vertical*/

#content_nav {
	top: 148px;
	left: 0px;
	padding-bottom: 10px;
	width: 217px;
	z-index: 999;
	background-color: #88898b;
}

.menugencat_petit {

	font-weight: bold;
	font-size: 12px;
	color: #AC3CB9;
	white-space: nowrap;
	height: 23px;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}

A.menugencat_petit:hover {
	color: #000000;
	text-decoration: underline;
}
/*estil del menu esquerra */


.menu_inactive_home {
	font-weight: bold;
	font-size: 12px;
	/*color: #4D4F53;*/
	color: #88898b;
	white-space: nowrap;
	height: 24px;
	text-decoration: none;
	background-color: #DCDCFA;
	border-left-color: #c00000;
	border-left-style: solid;
	border-left-width: 2px;
	width: 47px;
}
.menu_active_home {
	font-weight: bold;
	font-size: 12px;
	/*color: #4D4F53;*/
	color: #88898b;
	white-space: nowrap;
	height: 24px;
	text-decoration: none;	
	background-color: #88898b;
	border-left-color: #c00000;
	border-left-style: solid;
	border-left-width: 2px;
	width: 47px;
}

/* Flechas */

.flecha {
	font-size:16px;
	color:#000000;
}

ul {
	margin:0;
	padding-left: 14px;
	padding-right: 8px;
	padding-top: 8px;
}

#tablas {
	padding:0px;
	margin-top:12px;
	font-size: 12px;
}
/* caption i headers, defineixen els colors separatoris i la tipografia de les files a les que se'ls associa l'estil*/

caption {
	font-size: 15px;
	background-color: #c00000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	white-space: nowrap;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 6px;
	text-align: left;
}


/* IMATGES */
.llibre {
	 background: url("../img/llibret.gif");  
	 background-repeat:no-repeat;
	 text-align: right;
	 width:125px;
	 height:25px;
}

.flechaCerrada {
	background: url("../img/fletxa_desactivada.gif");
	background-repeat:no-repeat;
    background-position: center left;
	width:20px;
	height:20px;
}

.flechaAbierta {
	background: url("../img/fletxa_activada.gif");
	background-repeat:no-repeat;
	background-position: center left;
	width:20px;
	height:20px;
}

.divcistella {
	padding: 15px 0px 10px 10px;
	position:relative;
	height: 50px;
}

.check {
	background-image: url("../img/check.gif");	
	width: 16px;
	height: 16px;	
	display: inline;
	position:relative;
	float: none;
	background-repeat:no-repeat;	
}

.uncheck {
	background-image: url("../img/uncheck.gif");	
    width: 16px;
	height: 16px;	
	display: inline;
	position:relative;
	float: none;
	background-repeat:no-repeat;
}

.resume {
	background-image: url(../img/resume.gif);	
	background-repeat:no-repeat;
    width: 20px;
	height: 20px;	
	display: inline;
	position:relative;
	float: none;
}

.trash {
	background-image: url(../img/trash.png);	
	background-repeat:no-repeat;    
	width: 20px;
	height: 20px;	
	display: inline;
	position:relative;
	float: none;
}

.up {
	background-image: url(../img/up.png);	
	background-repeat:no-repeat;
    width: 13px;
	height: 13px;		
}

.down {
	background-image: url(../img/down.png);	
	background-repeat:no-repeat;    
	width: 13px;
	height: 13px;		
}

.flechaup{
	background-image: url(../img/flecha_up.png);	
	background-repeat:no-repeat;
    width: 13px;
	height: 13px;	
	display: inline;
	position:relative;
	float: none;
}

.flechadown {
	background-image: url(../img/flecha_down.png);	
	background-repeat:no-repeat;
    width: 13px;
	height: 13px;	
	display: inline;
	position:relative;
	float: none;
}

.document {
	background-image: url(../img/document.gif);	
	background-repeat:no-repeat;
    width: 22px;
	height: 23px;	
	display: inline;
	position:relative;
	float: none;
}

.engine {
	background-image: url(../img/engine.png);	
	background-repeat:no-repeat;
    width: 21px;
	height: 21px;	
	display: inline;
	position:relative;
	float: none;
}

.escudo {
	background-image: url(../img/escudo.gif);	
	background-repeat:no-repeat;
    width: 217px;
	height: 50px;	
}	

.home {
	background-image: url(../img/home.gif);	
	background-repeat:no-repeat;
	width: 20px;
	height: 20px;    
	text-decoration: none;
	display: block;
	vertical-align:middle;
	text-align:left;
}

.menu_inactive_home, .menu_active_home {
	display:none;
}

a.tablas_links:link, a.tablas_links:visited, a.tablas_links:hover {
	text-decoration:none;
	color:#000000;
	display:inline-block;
	max-width: 100%;
	word-break: break-word;
	overflox-wrap: break-word;
  	white-space: normal;
}

.lliBre img {
	margin-right:4px;
	vertical-align:middle;
}

/* Regles per a la data de publicació */

#info_data {
	width: 90%;
	margin: 0px auto;
	margin-bottom: 10px;
    z-index: 99;
	position: relative;
	font-size: small;
}

#titol_data {
	color: #FFF;
	text-align: center;
	font-style: italic;
	float: left;
	font-size: small;
}

#titol_mail{
	text-align: center;
	font-size: small;
}

#load {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #88898B;
	border: 1px none;
	border-radius: 10px;
	padding: 12px;
	opacity: 0.9;
	display: none;
	filter: alpha(opacity=90);
}

#data_publicacio{
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#anys{
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: small;
}

#enviar_mail{
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: small;
}
	
/**	CSS: Definicio dels blocs per les grids. */

.FW_bWidth {
	min-width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	color:#000;
}

* html .FW_bWidth {
	padding-left: 980px;
}

/*\*/
* html .FW_bWidth , * html .FW_bMinwidth{
	height: 1px;
}

.FW_bWidth1 {	
	min-width: 770px;
	margin: 0 auto;
	text-align: left;
}

/**/
* html .FW_bContainer {
	margin-left: -980px;
	position: relative;
}

/*\*/
* html .FW_bContainer, * html .FW_bMarc {
	height: 1px;
}

.FW_bMarc li {	
	line-height: 1.6em;
}

* html .SCL_MarcPrincipal .FW_bMarc {
	height: auto !important;
}

.FW_bMarc {	
	margin: 0px 0px 8px 0px;
	padding: 0px;
	width: 99%;
}

/* Inici Capcalera */
.FW_bCapcalera {	
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
	background-color: #fff;
}

div.FW_bCapcalera div#FW_menuCap  {
	float:left;
	clear:both;
	width:100%;
	color: #fff;
	border-bottom: 2px solid #c00000!important;
	background-color: #fff;
}

div.FW_bCapcalera div#FW_menuCap ul{
	float: right;
	list-style-type: none;
	margin: -7px 0px 0 0!important;
	padding: 0;
	text-align: center;  
	vertical-align:middle;
}

div.FW_bCapcalera div#FW_menuCap ul li{
	float:left;
	margin: 0 0 0 .3em;
	display: block;
	line-height: 1.1em;
}

* html div.FW_bCapcalera div#FW_menuCap ul{
	margin: -4px 0px 0 0!important;
}

div.FW_bCapcalera div#FW_menuCap ul li a {
	text-decoration: none;
	display: block;
	color: #000;
	padding: 1px 3px 1px 3px;
	font-size: .9em;
}

div.FW_bCapcalera div#FW_menuCap ul li a:hover{
	color:#AC2115;
	text-decoration:none !important;
}

div.FW_bCapcalera div#FW_menuCap ul li.FW_menuSel a {
	color: #AC2115;
}

div.FW_bCapcalera div#FW_menuCap ul li.FW_menuSel a:hover{
	text-decoration: underline;
}

.FW_bEscut {
	margin: 11px 0px 0px 11px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #FFFFFF;
	min-height: 34px;
}

.FW_bCercador {
	margin: 6px 0px 0 5px;
	padding: 0px;
	float: right;
}

.FW_bCercador form {
	background-image:none;
	margin-top: 0px;
	line-height: 1.5em;
	vertical-align: middle!important;
}

.FW_bCercador form input#cercadorOcult {
	width: 140px;
	margin: 3px 0px 0px 10px!important;
	border-color :#000000;
	border-width: 1px;
	font-family: Verdana;
	font-size: .9em;
	vertical-align: middle;
}

.FW_bCercador  form input#cerca {
	vertical-align: middle;
	margin: 3px 0px 0px 0px!important;
	border: 0px;
}

.FW_bOcult{	
	position:absolute;
	left:-2000px;
	top:-2000px;
}

.FW_bIdiomes {
	margin: 11px 0 0;
	padding: 0px 0px 0px 0px;
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
}

.FW_bIdiomes a {
	margin: 0 0 0 8px;
	color: #4D4D4D;
}

.FW_bEnllacosCap {
	margin:  10px 0 0;
	padding: 0px 0px 0px 0px;
	float: right;
	font-size: 0.9em;
}

.FW_bEnllacosCap a {
	margin: 0 0 0 8px;
	color: #4D4D4D;
	line-height: 1.5em;	
}

.FW_barraNavegacio {
	float: left;
	display: inline;
	background: transparent url(../img/barraNavegacio.gif) no-repeat scroll
		left center;
	padding-left: 0.4em;
}

.FW_bTitol {	
	clear: both;
	width: 100%;
	height: 25px;
	position: relative;
	padding-bottom: 3px;
    padding-top: 2.5px;
}

* html .FW_bTitol {	
	margin: 5px 0 0 0;
	height: 26px;
}

.FW_bTitol h2 a,.FW_bTitol h2 a:link,.FW_bTitol h2 a:visited {
	color: #660303;
	text-decoration: none;
}

h1 a.FW_bTitol,h1 a.FW_bTitol:link,h1 a.FW_bTitol:visited {
	color: #FFFFFF;
	text-decoration: none;
}

p a.FW_bTitol,p a.FW_bTitol:link,p a.FW_bTitol:visited {
	color: #FFFFFF;
	text-decoration: none;
}

h1 a.FW_bTitol:hover {
	text-decoration: underline;
}