:root {
  --vermellEstil:#DC001B;
  --vermellFoscEstil:#BC1414;
  --grisEstil: #516270;

  --franjaRetols: #4D6DF3;
  --marro: #AA7540;
  
  --taronjaFRM :#FFD993;
  
  --blau : #0099FF;
  --blauCel : #AAD5FF;
  --blauCel2 : #66CCFF;
  --grisFort : #666666 ;
  --groc : #FFFFCC; 
  --lilaClar : #CCCCFF;
  --verdClar : #c0f0c0;
  --vi : #FF8080 ;
  --taronja : #ffcc33;
  --taronjaClar : #FFD993;
  
  --links : #990000;
}

@font-face {font-family: arialPetita; src: url('/_estils/arialnb.ttf'); 
	font-weight: bold; }
@font-face {font-family: arialPetita; src: url('/_estils/arialnbi.ttf'); 
	font-weight: bold; font-style: italic, oblique;}
@font-face {font-family: arialPetita; src: url('/_estils/arialni.ttf'); 
	font-style: italic, oblique;}
@font-face {font-family: arialPetita; src: url('/_estils/arialn.ttf'); }


@font-face {font-family: corporativa; src: url('/_estils/Decima Nova Pro Bold.otf'); 
	font-weight: bold; }
@font-face {font-family: corporativa; src: url('/_estils/Decima Nova Pro Bold Ital.otf'); 
	font-weight: bold; font-style: italic, oblique;}
@font-face {font-family: corporativa; src: url('/_estils/Decima Nova Pro Ital.otf'); 
	font-style: italic, oblique;}
@font-face {font-family: corporativa; src: url('/_estils/Decima Nova Pro.otf');}	



fieldset[c='dbg']{
		margin:auto;max-width:80%;text-align:center;padding:3px 0px 7px 12px;
		width:fit-content;background-color:#e6ffe2;margin-bottom:15px;
	legend {padding: 0px 10px;background-color: white;
			border: 1px solid grey;border-radius: 15px;}
	dt,dd {display:inline-flex;padding: 2px 10px;border: 1px solid blue;font-size:10px}
	dt {background-color:#ffe400;border-radius: 15px 0px 0px 15px;}
	dd {margin-left: unset; margin-right: 15px;height:11px;vertical-align:bottom;
			border-radius: 0px 15px 15px 0px;}
	span {display: inline-block;}
}


.blau { background-color: #0099FF;}
.blauCel {	background-color: #AAD5FF;}
.blauCel2{background-color: #66CCFF;}
.grisFort{ background-color: #666666 }
.groc { background-color: #FFFF99; }
.lilaClar { background-color: #CCCCFF;}
.verdClar {	background-color: #c0f0c0}
.vi {background-color: #FF8080 }
.taronja{	background-color: #ffcc33}
.taronjaClar {	background-color: #FFD993;}

BODY
{
	MARGIN-TOP: -1px;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 10pt;
	COLOR: #516270;;   /*#516270;*/
	MARGIN-RIGHT: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*	LETTER-SPACING: -1pt; */
	TEXT-DECORATION: none;
	/*background: #ffb161;*/
	margin-bottom: 0px;
}

span {
	display:-moz-inline-box; /* Gecko proprietary */
	display:inline-block; /* supported by Opera and ? */
	/*width:25%;height:1em;*/ /* width and height required */
	/*vertical-align:top;*/ /* Gecko needs this */
} 	/* IE, Opera & Gecko slight diff */

TD {
	FONT-SIZE: 10pt;
	COLOR: #516270;
}

A {
	padding: 3px 0px;
	margin: 0px 0px;
	font-size: 10pt;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*	text-decoration: none; */
	color: #A52A2A;
}

A:visited {	color: #A52A2A;}
A.lien {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff8000;
    font-family: Trebuchet MS,verdana;
    LETTER-SPACING: -1pt;
    POSITION: relative;
    TOP: 0px;
    TEXT-DECORATION: none
}
A.divise {
    FONT-SIZE: 11pt;
    BACKGROUND: #000000;
    COLOR: #c0c0c0;
    POSITION: relative;
    TOP: 0px
}

input[type="select"]:disabled { color: #404040; }
select:disabled {border:1px solid #100f0f;color:#3f3e3e;background-color: #fffaeb;}

UL {
	/*margin-left: 20px; */  /* En IE es necessita, en els altres no */
	list-style: square;
}
LI { list-style: square;	}

OL LI {	list-style-type: decimal;	}

option[disabled] {color:#71717c;}

.alerta, p.alerta {
	background: url('/imatges/alerta16.png') no-repeat left center; padding-left:22px;

}

.avisDesti {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-top: 1px;
	FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND: #9acd32;
    COLOR: #000000;
    font-family: Trebuchet MS;
    TEXT-DECORATION: none
}

.avisFletxa {
    PADDING: 0px 7px;
    FONT-WEIGHT: bolder;
    font-size:8pt;
    BACKGROUND: #9acd32;
	font-family: Tahoma;
	color: #FFFFFF;
    TEXT-DECORATION: none;
}

.avisNum {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    BACKGROUND: #ff9900;
    COLOR: #f8fb82;
    font-family: "Arial ";
    TEXT-DECORATION: none
}

.avisOrigen {
    PADDING-top: 1px;
	PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND: #9acd32;
    COLOR: #304285;
    font-family: Trebuchet MS;
    TEXT-DECORATION: none
}

.avisText {
    BORDER-RIGHT: #005501 1pt solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #304285;
    BORDER-BOTTOM: #005501 1pt solid;
    font-family: Trebuchet MS;
    BORDER-COLLAPSE: collapse;
    TEXT-DECORATION: none
}

.barraURL {
	PADDING-LEFT: 15px;
	FONT-SIZE: 12px;
	COLOR: white;
	font-family: Trebuchet MS, Tahoma;
	font-variant: small-caps;
/*	BACKGROUND-COLOR: #FF7E00; */
	background-image: url(../imatges/barraURL_SMX.png);
	line-height:20px;
}

.barraURL A, .barraURL A:visited {
	FONT-SIZE: 12px;
	color: #f39900;
	font-family: Trebuchet MS, Tahoma;
	font-variant: normal;
/*	BACKGROUND-COLOR: #FF7E00; */
}

.body2 {
    FONT-WEIGHT: 100;
    FONT-SIZE: 10pt;
/*    BACKGROUND-IMAGE: url(/imatges/fonstotal.JPG); */
    COLOR: #516270;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.boto22 {
	cursor:pointer;
	padding: 5px 20px; 
	font-family:corporativa;
    FONT-SIZE: 110%;
    border-radius: 17px;	-webkit-border-radius: 17px; -moz-border-radius: 17px; -border-radius: 17px; 
    border-width: 6px;
    border-color: white;
    border-style: solid;
}

.boto22:hover {
	border-style: double ;
	border-width:6px;
	font-family:corporativa;
    border-color: initial;
	
}

.botoAlerta {background: url('/imatges/alerta16.png') no-repeat 5px center; padding-left:27px; background-color:rgb(255, 143, 0);color:black}

.botoFiltre { FONT-SIZE: 10pt; color: #ffffff; font-family:corporativa; background-color: blue; }

.botoPetit {font-size:7pt;font-variant:small-caps}

.calCapsalera {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND: #9acd32;
    COLOR: #304285;
    font-family: Trebuchet MS;
    TEXT-DECORATION: none
}

.calData {
    BORDER-RIGHT: #005501 1pt solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BORDER-BOTTOM: #005501 1pt solid;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.calendari {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    font-family: "Trebuchet MS";
    TEXT-DECORATION: none
}

.calLink {
    FONT-SIZE: 8pt;
    COLOR: #EA8100;
    font-family: Trebuchet MS;
    TEXT-DECORATION: none;
}

.calText {
    BORDER-RIGHT: #003300 1pt solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000050;
    BORDER-BOTTOM: #003300 1pt solid;
    font-family: Trebuchet MS;
    BORDER-COLLAPSE: collapse;
    TEXT-DECORATION: none
}

.campBloquejat {
	FONT-SIZE: 10pt;
	COLOR: #404040; /*gray;*/
	font-family: 'arialPetita', 'times new roman',sans-serif;
	BACKGROUND-COLOR: #fff3ce;
	PADDING-LEFT: 5px;
	border: 1px solid grey;
}

.campData {
    FONT-SIZE: 10pt;  font-family: 'arialPetita', 'times new roman',sans-serif;
    COLOR: #000000;
    
	background-image:url("/imatges/calendari_16x16.png");
    background-position:right center;
    background-repeat:no-repeat; 
	width:85px;
	padding-left:5px;
}

.campEdicio {
    FONT-SIZE: 10pt; font-family: 'arialPetita', 'times new roman',sans-serif;
    color: #000000;	   
	PADDING-LEFT: 5px;
}

.campErroni {color:white; background-color:red;}

.campSeleccio {
	FONT-SIZE: 10pt;  font-family: 'arialPetita', 'times new roman',sans-serif;
	COLOR: #000000;		BACKGROUND-COLOR:#CEC6FF ; /*# #AAD5FF CEC6FF;*/
	border: 1px solid grey;
}

.campSeleccio option { line-height: 14px; }

.campTria {
	FONT-SIZE: 10pt; font-family: 'arialPetita', 'times new roman',sans-serif;
	COLOR: #382515;		BACKGROUND-COLOR: #DDC0A4;
}

.cap {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    LETTER-SPACING: -.5pt;
    TEXT-DECORATION: none
}

.capsalera {
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px
}

.carregant {
	background: #FDFFB0 url(""/imatges/animades/treballant.gif"") repeat-y center top/200px 250px;
}

.centrat, .centrada {
    margin-left:auto !important; 
    margin-right:auto !important;
 }

.chPetit {
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN-TOP: -3px;
    FONT-WEIGHT: 100;
    FONT-SIZE: 6pt;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    font-family: 'arialPetita';
    TEXT-DECORATION: none
}

.contenidorCentral{
	padding-TOP: 15px;  /* Deixo veure 15px del degradat */
	width: 950px; /*	height: 600px;*/
	padding-left: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	border: 2px solid #e0e0e0;
	border-width: 0 2px;
	margin-bottom: 0px; /*-10px; */
}

.contenidorPerQArrodonit {
	/* border:1px solid red; */
	margin: 0px 0px 25px 0px;
	padding: 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.enllas {
    LEFT: 0px;
    color: #008000;
    POSITION: relative;
    TOP: 0px
}

.enllas1 { TEXT-DECORATION: none }

.enllas2, .enllas2:visited {
    color: #516270;
    TEXT-DECORATION: none
}

.enllasNoMarca, .enllasNoMarca:active, .enllasNoMarca:visited  {
	padding: 3px 0px; 
	margin: 0px 0px; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #516270;
}

.espai {
    LEFT: 90px;
    POSITION: relative
}

.degradat {
	background: #ffB161; /* #ff7e00 */
 	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#516270));  /* ff7e00 */
	background: -webkit-linear-gradient(#c0c0c0, #516270);
	background: -moz-linear-gradient(#c0c0c0, #516270);
	background: -ms-linear-gradient(#c0c0c0, #516270); 
	background: -o-linear-gradient(#c0c0c0, #516270);
	background: linear-gradient(#c0c0c0, #516270);	
	
	width: 100%;
	height:100%;
	behavior: url(/_estils/pie.htc);	
	-pie-background: linear-gradient(#c0c0c0, #516270);
	margin-right:0px; 
	margin-bottom: 0px;
}

.divise {
    FONT-SIZE: 12pt;
    BACKGROUND: #000000;
    COLOR: #c0c0c0;
    POSITION: relative;
    TOP: 0px
}

.file_amagaInputFile { 
	position: relative;
	/*height: 100%;*/
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	/*filter:progid : DXImageTransform.Microsoft.Alpha(opacity=0);  */
	filter:alpha(opacity=0); /* For IE8 and earlier */
	left:-272px;top:-50px;  /* -152 0 Desplaço tot el textbox, només queda el botó*/
	font-size:18pt;
}

.file_contenidor { 
	/* border:2px solid red; */
	width:450px;
	height:27px;
	/*float:left;*/
}

.file_dretaBoto {
    background: transparent url(/imatges/botoGrisBlau_final.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.file_dretaBotoIE {
    background: transparent url(/imatges/botoGrisBlau_final.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 15px; 
    text-decoration: none;
}

.file_esquerraBoto {
    background: transparent url(/imatges/botoGrisBlau_inici.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0px 5px 15px;
	width:130px;
}

.file_etiqueta {
	width: 170px;
	height: 24px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	float:left;
	/*border:2px solid blue; */
}

.file_etiquetaIE {
	width: 150px;
	height: 24px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	float:left;
	/*border:2px solid blue; */
}

.fletxes {
    LEFT: 0px;
    POSITION: absolute;
    TOP: 180px
}

.font10 {font-size: 10px; }
.font11 {font-size: 11px; }

.Form1 {
    FONT-WEIGHT: 200;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    font-family: arialPetita;
    TEXT-DECORATION: none
}

.Form2 {
    FONT-WEIGHT: 200;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.forumDades {
    FONT-SIZE: 10pt;
    color: #990000;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #ffcc33
}

.forumDat {
    FONT-SIZE: 10pt;
    color: #990000;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #33ccff
}

.forumLista1 {    LIST-STYLE-IMAGE: url(/imatges/puntForum.gif) }
.forumLista2 {    LIST-STYLE-IMAGE: url(/imatges/fletxaForum.gif) }
.forumLista3 {    LIST-STYLE-IMAGE: url(/imatges/fletxaForum.gif) }
.forumLista4 {	  LIST-STYLE-IMAGE: url(/imatges/fletxaForum.gif) }
.forumLista5 {    LIST-STYLE-IMAGE: url(/imatges/fletxaForum.gif) }
.forumLista6 {    LIST-STYLE-IMAGE: url(/imatges/fletxaForum.gif) }

.forumNum {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    color: #008000;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #ffff99;
    TEXT-DECORATION: none
}

.horari {
    FONT-WEIGHT: 500;
    FONT-SIZE: 9pt;
    color: #000000;
    font-family: arialPetita;
    LETTER-SPACING: 1pt;
    TEXT-DECORATION: none
}

.iconaAjuda { vertical-align:top;height:10px;margin:4px 5px 0px 0px}

.imgEsq { FLOAT: left }
.img_A {cursor:pointer}

.indicador {
	border-bottom: 1px solid Purple;
	border-left: 5px solid Purple;
	border-right: 1px solid Purple;
	padding-left: 10px;
	font-family: arialPetita;
	font-size: smaller;
}

.indicador2 {
	border-left: 5px solid Purple;
	padding-left: 10px;
}

.indicador3 {
	border-bottom: 1px solid #79DD7A;
	border-left: 5px solid #79DD7A;
	border-right: 1px solid #79DD7A;
	padding-left: 10px;
	font-family: arialPetita;
	font-size: smaller;	
}

.indicadorBarra {
	border-bottom: 1px solid Purple;
	padding-left: 10px;
}

.indicadorsTaula {
	padding-left: 10px;
	font-family: arialPetita;
	font-size: smaller;
}

.inputBlancArialN8 {
	FONT-SIZE: 8pt;
	color: #000000;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	text-align: center;
}

.inputBlancPetit {
    FONT-SIZE: 10pt;
    color: #000000;
    font-family: 'arialPetita', 'times new roman',sans-serif;
}

.inputBloquejat {
	PADDING-LEFT: 5px;
	FONT-SIZE: 10pt;
	color: Gray;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #fff3ce
}

.inputBloquejatBlanc {
    FONT-SIZE: 10pt;
    color: #a0a0a0;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #ffffff
}

.inputButVerd	{
    FONT-SIZE: 10pt; 	font-family:corporativa;
    background-color: #85b12b;	color: #ffffff;
}

.inputButVermell	{
	FONT-SIZE: 10pt;	font-family:corporativa;	
	background-color: red;	color: #ffffff;		
}

.inputButOFF, .inputButBloquejat {
	FONT-SIZE: 10pt;	font-family:corporativa;	
	background-color: #e4e4e4 !important;	color: #a7a7a7 !important;		
	box-shadow: 0 0 6px 0px #5f5f5f;
}

.inputButOFF.boto22 {border-width:0px;font-family:corporativa}
.inputButOFF.boto22:hover {	border-width:0px !important;} 

.inputDesaModifs	{
    FONT-SIZE: 10pt; font-family:corporativa;  
    background-color: #2530ad;	color: #ffffff;
}

.inputDesaNovesDades {
	FONT-SIZE: 10pt; font-family:corporativa;
	background-color: #AD5930; color: #ffffff;
}

.inputEnviaCorreus {
	FONT-SIZE: 10pt; font-family:corporativa;
	background-color: #0475d8; color: #ffffff;
}

.inputFesAltres	{
    FONT-SIZE: 10pt;	font-family:corporativa;   
    background-color: rgb(173, 37, 166);	
	color: #ffffff;		padding:0px 15px;
}

.inputFesAltres2	{
	FONT-SIZE: 10pt;	font-family:corporativa;	
	background-color: dodgerblue;	color: #ffffff;		
}

.inputNovaRev {
	FONT-SIZE: 7pt;
	color: #8B4513;
	font-family:corporativa;
	TOP: -16px;
	background-color: White;
	border: 1px solid;
	text-align: center;
}

.inputNovaTR	{
    FONT-SIZE: 10pt;	font-family:corporativa;  
    background-color: rgb(144, 70, 255);	color: #ffffff; 	padding:0px 15px;
}

.inputNovesLookUp {
    FONT-SIZE: 10pt; font-family:corporativa;    
    background-color: #e15917;  color: #ffffff; 
}

.inputObrePopup	{
    FONT-SIZE: 10pt;	font-family:corporativa; 
    background-color: rgb(37, 173, 173);	color: #ffffff;		padding:0px 15px;
}	

.inputText{
    FONT-SIZE: 12px;
    MARGIN-LEFT: 0px;
    font-family: Trebuchet MS, Tahoma
}

.inputTextVerd {
    FONT-SIZE: 10pt;
    color: black;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #33cc00
}

.inputTextVermell {
    FONT-SIZE: 10pt;
    color: black;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #ff0000
}

.inputValidat {
    FONT-SIZE: 7pt;
    color: #ffffff;
    font-family:corporativa;
    TOP: -16px;
    background-color: #9acd32
}

.labelBloquejat {
    BORDER-RIGHT: #ffffff thin inset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #dedede thin ridge;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #dedede thin ridge;
    color: #808080;
    MARGIN-RIGHT: auto;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #ffffff thin inset;
    font-family: 'arialPetita', 'times new roman',sans-serif;
    background-color: #fff3ce
}

.lien {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    color: #BC1414; /*#ff8040; */
    font-family: verdana;
    LETTER-SPACING: -.5pt;
    POSITION: relative;
    TOP: 0px;
    TEXT-DECORATION: none
} 

.lienNegre {
    FONT-SIZE: 8pt;
    color: #000000;
    font-family: verdana;
    LETTER-SPACING: -.5pt;
    POSITION: relative;
    TOP: 0px;
    TEXT-DECORATION: none
}

.llistat {
    FONT-WEIGHT: 600;
    FONT-SIZE: 11pt;
    color: #000000;
    font-family: arialPetita;
    LETTER-SPACING: 10pt;
    TEXT-DECORATION: none
}

.mapaDesc {
    FONT-SIZE: 9pt;
    VISIBILITY: hidden;
    color: black;
    font-family: arialPetita;
    POSITION: absolute;
    background-color: #9ed325
}

.mapaNum {
    FONT-SIZE: 11pt;
    VISIBILITY: hidden;
    color: white;
    font-family: arialPetita;
    POSITION: absolute;
    HEIGHT: 23px;
    background-color: red
}

.mapaPlantaOff {
    FONT-SIZE: 11pt;
    color: white;
    font-family: arialPetita;
    background-color: blue
}

.mapaPlantaOn {
    FONT-SIZE: 11pt;
    color: white;
    font-family: arialPetita;
    background-color: red
}

.normal {
    FONT-SIZE: 12pt;
    COLOR: #804080;
    font-family: Trebuchet MS;
    LETTER-SPACING: -.5pt;
    TEXT-DECORATION: none
}

.notes {
    FONT-WEIGHT: 500;
    FONT-SIZE: 8pt;
    color: #000000;
    font-family: arialPetita;
    LETTER-SPACING: 1pt;
    TEXT-DECORATION: none;
    POSITION: relative;
   left: -20px	
}

.novetatsText {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    LEFT: -15px;
    COLOR: #304285;
    font-family: Trebuchet MS;
    LIST-STYLE-TYPE: square;
    POSITION: relative;
    TEXT-DECORATION: none
}

.novetatsTitol {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND: #800080;
    COLOR: white;
    font-family: Trebuchet MS;
    TEXT-DECORATION: none;
}

.llistats_RetolCol {
	color: white;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1;
	padding-left:5px;
	padding-right:5px;
	background-color: #4D6DF3;
}

.objCodi {
	color:rgb(220, 0, 27);
	font-weight:bolder;
}

.objectiu {
	border-bottom: 2px solid #FFA500;
	border-left: 7px solid #FFA500;
	border-right: 2px solid #FFA500;
	padding-left: 10px;
	LETTER-SPACING: 1pt;
	font-family: arialPetita;
}

.optN1 {} 
.optN2 {padding-left:20px} 
.optN3 {padding-left:40px} 
.optN4 {padding-left:60px} 
.optN5 {padding-left:80px} 
.optN6 {padding-left:100px} 

.padding0{	PADDING-RIGHT: 0px;	PADDING-left: 0px;}

.posCal {
    LEFT: -12px;
    POSITION: relative
}

.pujaMarge10 {POSITION: relative;	TOP: -10px }
.pujaMarge15 {POSITION: relative;   TOP: -15px }
.pujaMarge20 {POSITION: relative;   TOP: -20px }
.pujaMarge25 {POSITION: relative;   TOP: -25px }

.quadratArrodonit_15 {
	background-color: #FFFFCC;
	border:1px solid #516270;
	padding: 0px 15px 0px 15px;
	position: absolute; 
	/*top: 5px; left: 5px;*/

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(/_estils/border-radius.htc);
}

.quadratArrodonit_5 {
	/*border:1px;*/
	border:1px solid #516270;
	padding: 3px 10px 3px 10px; /* top=3 per cross-browser*/

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/_estils/border-radius2.htc); 
}

.rel2 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.requadre {
	border: 1px solid #D78C00;
	padding-left: 10px;
	font-family: arialPetita;
	font-size: smaller;
}

.retolNivell1 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	color: white;
	font-family: Trebuchet MS;
	font-variant: small-caps;
	TEXT-DECORATION: none;
	background-color: #516270;
}

.retolNivell2 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	color: White;
	font-family: Trebuchet MS;
	TEXT-DECORATION: none;
	font-variant: small-caps;
	background-color: #4d6df3;
}

.retolNivell3 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	color: White;
	font-family: Trebuchet MS;
	font-variant: small-caps;
	TEXT-DECORATION: none;
	background: #14AB70;
}

.selectArbre {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	color: #516270;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #EEE275;
}

.selectArbre1 {
	FONT-SIZE: 10pt;
	color: Gray;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #EEE275;
}

.selectArbreBlau {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	color: #516270;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #ccccff;
}

.selectArbreBlau1 {
	FONT-SIZE: 10pt;
	color: Gray;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #ccccff;
}

.selectBeige {
	FONT-SIZE: 10pt;
	color: black;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #fff3ce;
	PADDING-LEFT: 5px;
}

.selectBeige2 {
	FONT-SIZE: 10pt;
	color: Gray;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #fff3ce;
	PADDING-LEFT: 5px;
}

.selectBlanc {
	FONT-SIZE: 10pt;
	color: black;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	PADDING-LEFT: 5px;
}

.selectGranBlau {
	background-color: #4D6DF3; /*#1E90FF;*/
	font-family: "Arial";
	font-size: 14pt;
	color: #FFFFFF;
}

.selectGranLila, .selectLilaGran { 
	background-color:purple;
	font-family:"Arial";
	font-size:14pt;color:#FFFFFF;
}

.selectGranTaronja {
	background-color: #FF8C00;
	font-family: "Arial";
	font-size: 14pt;
	color: #FFFFFF;
}

.selectGranVerd {
	background-color: #9ACD32;
	font-family: "Arial";
	font-size: 14pt;
	color: #FFFFFF;
}

.selectRosat {
	FONT-SIZE: 10pt;
	color: #000000;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #FFB6C1;
}

.selectTaron {
	FONT-SIZE: 10pt;
	color: #000000;
	font-family: 'arialPetita', 'times new roman',sans-serif;
	background-color: #DDC0A4;
}

.spanAlerta {background: url('/imatges/alerta16.png') no-repeat 5px center; padding:3px 8px 3px 27px; background-color:rgb(200, 255, 0);color:black}

.spanBarraLinks {
	color: #516270; 
	FONT-SIZE: 10pt;
    padding: 0px 20px 5px 15px;	 
    background-color:#d0ffdf;
	/*	padding: 0px 15px 5px 15px; background-color:rgb(218,230,222); border-radius: 15px 5px; */
}

.spanBarraLinks A , .spanBarraLinks A:visited {
	color: #516270; 
	FONT-SIZE: 10pt;
	padding: 0px 0px 5px 5px;
}

.spanInfo {background: url('/imatges/info_16.png') no-repeat 5px center; padding:3px 8px 3px 27px; background-color:rgb(137,255, 255);color:black}
.spanStop {background: url('/imatges/stop_24.png') no-repeat 5px center; padding:5px 8px 5px 35px; background-color:rgb(255, 255, 0);color:black}

.subpestanya {
	font-size: 10pt; font-family: Trebuchet MS, Tahoma;
	color: white;
	text-align: center;
	padding: 0px 30px 0px 30px;
	text-decoration: none;
	font-weight: 600;
}

.subtit {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    color: #ffffff;
    font-family: verdana;
    LETTER-SPACING: -.5pt;
    POSITION: relative;
    TOP: 0px;
    TEXT-DECORATION: none
}

.subtit2 {
	BORDER-RIGHT: #005501 1pt solid;
	BORDER-top: #005501 1pt solid;
	BORDER-lefT: #005501 1pt solid;
	BORDER-bottom: #005501 1pt solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    color: #ffffff;
    font-family: verdana;
    LETTER-SPACING: -.5pt;
    POSITION: relative;
    TOP: 0px;
    TEXT-DECORATION: none
}

table.tbl_banner {
	width:100%;	border-width:0px;
	tr:first-child {height:50px;background-color:var(--vermellEstil);
		td:first-child {width:118px;vertical-align:middle;text-align:center;
			background-color:white;}
		td {text-align:center;white-space-collapse: collapse; text-wrap-mode: nowrap;
			font-size: 20pt;color:#FFFFFF;font-weight:bolder}
	}
	tr:nth-child(2) {height:18px;
		td {text-align:center;background-color:var(--grisEstil);
			text-wrap-mode: nowrap;color:#FFFFFF; font-family: verdana;
			font-weight: bold; font-size: 8pt;}
	}
	tr:nth-child(3) {height:20px;
		td {font-size: 13px;font-family: Arial Narrow;color:var(--grisEstil);}
		td:first-child {padding-left: 15px;text-align:left;vertical-align:bottom;
			A,A:visited {font-size: 13px;font-family: Arial Narrow;color:var(--links);}
		}
		td:nth-child(2) {text-align:right;vertical-align:bottom;width:300px;
			margin-right:30px;}
		
	}
}

.tab1 {  LEFT: 30px;	POSITION: relative }
.tab2 {  LEFT: 30px;    POSITION: relative }
.tab3 {  LEFT: 30px;	POSITION: relative }

.taula {
	MARGIN-TOP: 90px;
	FONT-SIZE: 12pt;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	COLOR: #304285;
	font-family: Trebuchet MS, Tahoma;
	LETTER-SPACING: -.5pt;
	TEXT-DECORATION: none;
}

.taulaNoMarge {
    MARGIN-TOP: 0px;
    FONT-SIZE: 12pt;
    MARGIN-LEFT: 0px;
    COLOR: #804080;
    MARGIN-RIGHT: 0px;
    font-family: Trebuchet MS, Tahoma;
    LETTER-SPACING: -.5pt;
    TEXT-DECORATION: none
}

.td_b {padding:2px 8px 3px 8px;border-bottom:1px solid #b6bbb7}

.tdLinkDocCAS { vertical-align:top;width:25;text-align:left;padding-left:0px;padding-right:3px}

.tdLinkDocCAT { vertical-align:top;width:22;text-align:center;padding:0px}

.textCentrat { text-align:center }

.textTaula {
    FONT-SIZE: 10pt;
    /* COLOR: #804080; */
    font-family: Trebuchet MS, Tahoma;
    LETTER-SPACING: -.5pt;
    TEXT-DECORATION: none
}

.textTaula2 {
    FONT-SIZE: 9pt;
    /* COLOR: #804080;*/
    font-family: arialPetita;
    LETTER-SPACING: 0pt;
    TEXT-DECORATION: none
}

.titCal {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    color: #000000;
    font-family: Abadi MT Condensed;
    text-align: center
}

.titCaps {
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #BC1414;
    font-family: Trebuchet MS, Tahoma;
    text-align: center
}

.titLlista {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    color: #804080;
    font-family: Trebuchet MS, Tahoma
}

.titol0 {
    FONT-WEIGHT: 600;
    FONT-SIZE: 18pt;
    color: #516270;;
    font-family: Trebuchet MS, Tahoma
}

.titol1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    color: #516270;;
    font-family: Trebuchet MS, Tahoma
}

.titol2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    color: #516270;
    font-family: Trebuchet MS, Tahoma
}

.titol2petit {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    color: #516270;
    font-family: Trebuchet MS, Tahoma
}

.titol3 {
    FONT-SIZE: 12pt;
    color: #516270;
    FONT-STYLE: italic;
    font-family: Trebuchet MS, Tahoma
}

.ulApartat {
	/*border:1px solid green;*/
	margin-bottom:0px;
	list-style: square;
	margin-left:0px;
	padding-left:0px; 
}

.ulApartat li {
	margin-left:0px;
	padding-left:0px;
}

#divIconaAjuda {width:100%;text-align:right;display:inline-block;
	span[id='user'] {text-align:right;padding-right:20px;padding-left:20px;} 
}