#ESTILOLI {
    padding: 0em; 
    cursor:pointer; 
    font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
    font-size: 12px;
    list-style:none;
}

#foldheader {
    padding: 0em; 
    cursor:pointer; 
	list-style-image:url(img/carpeta_1.gif) ;
    font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
    font-size: 12px;
}

#foldinglist {
    margin-left: 1.5em;
    padding: 0em; 	
	/*list-style-image:url(img/punt.gif);*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;
}

#foldheadermain {
    margin-left: -1.4em;	
    padding: 0em;    
	list-style-image:url(img/carpeta_1.gif) ;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
    cursor:pointer;
}

#element {    	
    padding: 0em;    
	/*list-style-image:url(img/punt.gif);*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
    cursor:pointer;
}

body {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    /* background-color: #DBD3CB; */
    background-color: #ffffff;
    /* font-weight: bold; */
}

body td {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    /* background-color: #DBD3CB; */
    background-color: #ffffff;
    /* font-weight: bold; */
}

A {
    color: #000000;
    text-decoration: none;
    font-family: Verdana;
}

A:hover {
    /*  color: #AABBDD; */
    color: #FF0000;
    text-decoration: underline;
    font-family: Verdana;
}

img#link {
    margin-left:3px;
    vertical-align: middle !important;
    text-decoration: none !important;
    border:0px !important;
}

img.imatge {
	margin-left: -8px; 
	margin-top: -15px;
}

/* h1 {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px; 
} */

/*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{
	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: 12px;
	color: #000;
	text-align: left;
	font-weight: normal;
}
h6{
	font-size: 9px;
	color: #000000;
	text-align: left;
	font-weight: normal;
}

.oculto {
	display: none;
}

li {
	margin-top: 5px;
}

ol {
    counter-reset: item;
}

ol > li {
    counter-increment: item;
}

ol ol > li {
    display: block;
}

ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}

/*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;
}

#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: 50px; */
	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: 40px;
	/*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;
}

/* CONTENT GENERAL                              */
#content{
	width: auto;
	padding: 0px 0px 10px 20px;;
}
#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: #d8a0c8;; */
	/* background-color: #ad0096; */
	background-color: #990886;
	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: #012060;
	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: #012060;
	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: #012060;
	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: #012060;
	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: #091e7c;
	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_blue2 {
	background-color: #253fd4;
	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;
    text-indent: 15px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
}
.header_pink {
	/* background-color: #c92ab4; */
	background-color: #b4189f;
	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_pink2 {
	/* background-color: #e61dcb; */
	background-color: #d61ebe;
	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;
    text-indent: 15px;
	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*/

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

.tablas_enlaces {
	font-size: 12px;
	color: #012060;
	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: #012060;
	text-decoration: underline;
}
a.tablas_links:link, a.tablas_links:visited, a.tablas_links:hover {
	text-decoration:none;
	color:#000;	
}

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
  
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
  
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }