/* ----------------- */
/* ESTILS GENÈRICS   */
/* ----------------- */

  HTML		{ height:100%; }
 
  BODY		{ color:#333333; font-size:11px; font-family:Trebuchet MS, Verdana,Tahoma,Arial,Helvetica,Sans-serif; 
              margin:4; line-height:15px; height:100%;
			  scrollbar-face-color:#0066CC; scrollbar-shadow-color:#0099CC; scrollbar-highlight-color:#0099CC; scrollbar-3dlight-color:#0066CC; scrollbar-darkshadow-color:black; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFFCE; 
			  background-color:#FFFFFF; background-attachment:fixed }

  TH		{ background:#7BB1CA; color:#FFFFFF; font-size:15px; font-weight:bold; height:15px; }

  SELECT 	{ font-family:Verdana, Tahoma, Arial; font-size:10px; }

  TD 		{ font-size:11px; font-family: Trebuchet MS, Verdana, Tahoma, Arial, helvetica, sans-serif; color: #000000;}
  .TD1 		{ font-size:11px; background-color:#FFFFE0; padding:10px; }
  .TD2		{ font-size:11px; background-color:#F1FFD2; padding:10px; }
  .TD3 		{ font-size:11px; background-color:#EEEEEE; padding:10px; }
  
  .Error	{ font-family:Trebuchet MS, Verdana, Arial;
           	  font-size:11px; font-weight:bold; color: #FFFFFF; background-color:#CC0033; }

  H1, H2, H3, H3, H4	{ color:#627D8D; }

  A:link				{ font-size:11px; text-decoration: none; color: blue; }
  A:visited         	{ font-size:11px; text-decoration: none; color: #6699CC; }
  A:hover, A:active		{ font-size:11px; text-decoration: underline; color: darkred; }

  .Asub:link			{ color: #bbbbbb; text-decoration: none; font-size: 5px; }
  .Asub:visited			{ color: #bbbbbb; text-decoration: none; } 
  .Asbu:hover 			{ color: #000000; text-decoration: none; }

  .Marc1	{ border-style: solid; background-color:#ffeeff; border-width: 1px; height:35px; border-color: #FFFFFF darkblue #FFFFFF #FFFFFF; }
  .Marc2	{ border-style: solid; background-color:#ffffee; border-width: 1px; height:35px; border-color: darkblue darkblue #FFFFFF #FFFFFF; }
  .Marc2f	{ border-style: solid; background-color:#ffffee; border-width: 1px; height:35px; border-color: darkblue darkblue darkblue #FFFFFF; }
  
  .Marc3	{ border-style: solid; border-width: 1px; background-color:#eeffff; border-color: darkblue darkblue darkblue darkblue;  }
  .Marc4	{ border-style: solid; border-width: 1px; background-color:#eeffee; border-color: darkblue darkblue darkblue darkblue;  }

  .Subr	    { border-bottom: 1px solid #336699; }

  .Titol 	{ font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right;
  		      font-size:25px; color:#FF0000; font-weight:bold; height:45px; color:#666699;  } 

  .TitolApartat	{ width:100%; font-family:Trebuchet MS; font-size:15px; color:#FFFFFF; font-weight:bold; vertical-align:top; }

  .titol1	{ height:20px; text-align:center; background:#FFBB00 url('http://www.capgrossos.com/imatges/fons/barraTitol1.gif'); }
  .titol2	{ height:20px; color:darkred; text-align:center; background:#EEEEEE url('http://www.capgrossos.com/imatges/fons/barraTitol2.gif'); }
  .titol3	{ height:20px; text-align:center; background:#EEEEEE url('http://www.capgrossos.com/imatges/fons/barraTitol3.gif'); }
  .titol4	{ height:20px; color:darkred; text-align:center; background:#EEEEEE url('http://www.capgrossos.com/imatges/fons/barraTitol4.gif'); }
  .titol5	{ height:20px; color:#FFFFFF; text-align:center; background:#EEEEEE url('http://www.capgrossos.com/imatges/fons/barraTitol5.gif'); }
  
  .titol_BLAU    { height:20px; text-align:center; background:#FFBB00 url('http://www.capgrossos.com/imatges/fons/barra_Titol_BLAU.gif'); }
  .titol_VERMELL { height:20px; text-align:center; background:#00FFBB url('http://www.capgrossos.com/imatges/fons/barra_Titol_VERMELL.gif'); }
  
  .titolSUB0	 { background-color:#f0fff0; border-width:1px; border-style: solid; border-color: white white #AACCAA white; }
  .titolSUB1	 { background-color:#e0eee0; border-width:1px; border-style: solid; border-color: white white #AACCAA white; }
  
  .llista0	{ height:15px; color:#000000; background-color:#ddddee; font-family:Verdana, Tahoma, Arial; font-size:10px;	}
  .llista1	{ height:15px; color:#000000; background-color:#eeeeff; font-family:Verdana, Tahoma, Arial; font-size:10px;	}
  

/* ----------------- */
/* ESTILS NOTÍCIES   */
/* ----------------- */

  .SubTema 		{ width:100%; height:25px; border-bottom:2px dotted #FFFFFF; 
                  font-family:Trebuchet MS; color:#FFFFFF; font-weight:bold; vertical-align:top; }

  .cssTema	 	{ vertical-align:middle; padding-left:5px; padding-right:5px; 
  				  font-size:14px; font-family:Trebuchet MS, Verdana, Tahoma; color:#FFFFFF; font-weight:bold; }
  .cssTemaSubr	{ border-bottom:2px dotted #FFFFFF; }

  .cssTema2 TH	{ padding-left:5px; padding-right:5px; background-color:#BBF1FA;
  				  font-size:10px; font-family:Trebuchet MS, Verdana, Tahoma; color:#285078; font-weight:bold; }
  .cssTema2 TD	{ padding-left:5px; padding-right:5px; background-color:#DBF1FA;
  				  font-size:10px; font-family:Trebuchet MS, Verdana, Tahoma; color:#285078; }

  .cssTema2B TH	{ padding-left:5px; padding-right:5px; background-color:#FFBBBB;
  				  font-size:10px; font-family:Trebuchet MS, Verdana, Tahoma; color:#285078; font-weight:bold; }
  .cssTema2B TD	{ padding-left:5px; padding-right:5px; background-color:#FFDDBB;
  				  font-size:10px; font-family:Trebuchet MS, Verdana, Tahoma; color:#285078; }

  .cssSubr		{ border-bottom: 1px solid #666699;  }
				  
  b.rtop, b.rbottom				{ display:block; background: transparent; }
  b.rtop b, b.rbottom b			{ display:block; height: 1px; overflow: hidden; }
  b.r1							{ margin: 0 5px; }
  b.r2							{ margin: 0 3px; }
  b.r3							{ margin: 0 2px; }
  b.rtop b.r4, b.rbottom b.r4	{ margin: 0 1px; height: 2px}
  
  .cian							{ background: #9BD1FA; color:#FFFFFF; }
   .cian2						    { background:#7BB1CA; color:#FFFFFF; }
  .rosa							{ background: #FA9BD1; }
  .verd2							{ background: #D1FA9B; } 
  .verd							{ background: #9BFA9B; } 
  .groc							{ background: #FAFAD1; }
  .taronja						{ background: #FFCC66; }
    .taronja2						{ background: #FFCC99; }
  .gris							{ background: #DDDDDD; }
  .negre						{ background: #000000;}
  
  .txtFosc						{ color: #285078; }

  .notiMarc		{ border-style: solid; border-width: 1px; border-color: #FFFFFF darkblue darkblue #FFFFFF;  }
  .notiA:link, .notiA:visited	{ font-size: 13px; text-decoration: none; font-weight: bold; color:#537598; }
  .notiA:hover, .notiA:active	{ font-size: 13px; text-decoration: underline; font-weight: bold; color:#003366; }
  .notiData:link, .notiData:visited	{ font-size: 9px; font-weight: normal; color: #777777}
  .notiData:hover, .notiData:active { font-size: 9px; font-weight: normal; color: #003366}

  .barraMenu a       { width:50px; padding-left: 5px; padding-right: 5px; border-right:1px solid #FFFFFF; text-align:center; }
  .barraMenu a:hover { width:50px; padding-left: 5px; padding-right: 5px; border-right:1px solid #FFFFFF; text-align:center; background-color: #F7F2DF; }
  .barraScroll       { background-color: #F7F2DF; }
  
  .Formu {	BACKGROUND-COLOR: rgb(255,255,255);
  			BORDER: 1px solid rgb(128,128,128); 
			FONT-FAMILY: Verdana,Tahoma, Arial; FONT-SIZE: 10px;  }		/* 9px		SELECT, INPUT, BUTTON */


  /* ESTILS PER SIMPLEMODAL */
  #modalOverlay {background-color:#ffffff; cursor:wait;}
  #modalContainer {height:525px; width:750px; left:50%; top:15%; margin-left:-400px; background-color:#fff; border:3px solid #666666;}
  #modalContainer a.modalCloseImg {background:url(../imatges/icones/ico_tancar3.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
  #modalContainer a.modalCloseImg2 {background:url(../imatges/icones/ico_tancar2.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:55px; right:18px; cursor:pointer;}
  #modalContainer #basicModalContent {padding:0px;}

/* ----------------- */
/* ESTILS CALENDARI  */
/* ----------------- */

  .cal		 { font-family:Tahoma,Verdana,Arial; font-size:9px; font-weight:normal;
               color:#000000; text-decoration:none; text-align: center; vertical-align:center; cursor:pointer; }
  .Avui	     { border: 1px solid darkblue; }  
  .Festiu	 { color:#FFFFFF; background-color:#AA6666; }
  .Ocupat    { color:yellow;  background-color:darkblue; text-decoration:bold; }
  
  .calFeina  { text-decoration:none; color:#000000; font-weight:normal; text-align: center; cursor:pointer; background-color:salmon; }
  .calFeinaT { text-decoration:none; color:#000000; font-weight:normal; text-align: center; cursor:pointer; background-color:#FFFF66; }

  
  .calNom     {	font-family:Arial,Helvetica,sans-serif; font-size:9px; font-weight:900; }
  .calDia     {	font-family:Arial,Helvetica,sans-serif; font-size:9px; }
  .calOK      {	font-family:Arial,Helvetica,sans-serif; font-size:9px; cursor:pointer; background-color:salmon; }
  .calFES     {	font-family:Arial,Helvetica,sans-serif; font-size:9px; color:white;    background-color:#ff0033; }
  .CalOC      { font-family:Tahoma,Verdana,Arial;       font-size:9px; color:yellow;   background-color:darkred;  text-decoration:bold; text-align:center; vertical-align:center; cursor:pointer; width:14; height:14; }
  .CalPF      { font-family:Tahoma,Verdana,Arial;       font-size:9px; color:yellow;   background-color:green;    text-decoration:bold; text-align:center; vertical-align:center; cursor:pointer; width:14; height:14; }
  .CalRE      { font-family:Tahoma,Verdana,Arial;       font-size:9px; color:yellow;   background-color:#333333;  text-decoration:bold; text-align:center; vertical-align:center; cursor:pointer; width:14; height:14; }
  .CalAS      { font-family:Tahoma,Verdana,Arial;       font-size:9px; color:yellow;   background-color:#ffcc66;  text-decoration:bold; text-align:center; vertical-align:center; cursor:pointer; width:14; height:14; }
  .explic     {	color:white; font-family:Arial; font-size:11px; text-align:left; }
  
/* ----------------- */
/* ESTILS GESTIÓ     */
/* ----------------- */

  .GesForm  { background-repeat:no-repeat; padding-left:5px; 
              border-top:1px solid #999999; border-left:1px solid #999999;
              border-bottom:1px solid #444444; border-right:1px solid #444444;
	          font-size:11px; font-family: Trebuchet MS,Verdana,Tahoma,Arial; }
  .Oblig    { background-color:#FFFFAA; }
  .NomForm  { font-size:11px; font-family: Trebuchet MS,Verdana,Tahoma,Arial; color:#555555; font-weight:bold; padding-left:8px; padding-right:8px; }
  .FonsForm { background-color:#D6D9F1; }
  .TitForm  { background-color:#E7EAFF; }
  .SubForm  { background-color:#DDDDDD; }
   
/* ----------------- */
/* ESTILS CALENDARI  */
/* ----------------- */

  #divTooltip     {position:absolute; top:-10px; width:150px; visibility:hidden; z-index:200; background-color:#f3f3f3; layer-background-color:#f3f3f3;}
  .normalStyle    {padding:2px; text-align:center; font-weight:500; width:150px; color:#ffffff; top:100px; font-family:verdana,arial,helvetica; font-size:10px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border-width:1px; border-style:solid; border-color:#000000; cursor:default;}
  .netscape4Style {padding:0px; font-weight:500; width:150px; color:#ffffff; top:100px; font-family:verdana,arial,helvetica; font-size:10px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border:1px solid #000000;}

  .A2:link    {	color: gold; text-decoration: none; }
  .A2:visited {	color: gold; text-decoration: none; }

/* ----------------- */
/* ESTILS FÒRUM      */
/* ----------------- */

  .inactiu   { background-color: transparent;} 
  .actiu     { background-color: rgb(189,211,222); color: rgb(9,47,84); }
  .sobre     { background-color: rgb(222,232,232); }
  
  .txtForum  { font-family:Tahoma,Verdana, Arial; padding-top:5px; padding-bottom:0px; padding-left:20px; padding-right:10px; }

    .Marc			{ border-style: solid; border-width: 1px; border-color: darkblue; }
    .Aforum:link    { font-size:11px; text-decoration: none; color: darkblue; }
    .Aforum:visited { font-size:11px; text-decoration: none; color: darkred; }
    .Aforum:active  { font-size:11px; text-decoration: underline; color: black; }
    .Aforum:hover   { font-size:11px; text-decoration: none; color: blue; }

  .A2forum:visited:before { color: #668; font-size:12px; font-weight:bold; content: "\00A0\221A"; }
                           /* tret de http://juglar103.blogsome.com/*/ /*Carà cter més apropiat que U+221A */

    .Selector		{ font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* ----------------- */
/* ESTILS megaPORRA  */
/* ----------------- */

  .opcio0   	   					{	font-size:11px; text-decoration: none; color: #AA6666; background-color:#cccccc; }
  .Aopcio0:link, .Aopcio0:visited   {	font-size:11px; text-decoration: none; color: #AA6666; }
  .Aopcio0:hover, .Aopcio0:active	{	font-size:11px; text-decoration: none; color: black; }

  .opcio1   	   					{	font-size:11px; text-decoration: none; color: #8888AA; background-color:#eeeeff; }
  .Aopcio1:link, .Aopcio1:visited	{	font-size:11px; text-decoration: none; color: #8888AA; }
  .Aopcio1:hover, .Aopcio1:active	{	font-size:11px; text-decoration: none; color: darkblue; }

  .opcio2 	  						{	font-size:11px; text-decoration: none; color: #AA8888; background-color:#ffeeee;}
  .Aopcio2:link, .Aopcio2:visited	{	font-size:11px; text-decoration: none; color: #AA8888; }
  .Aopcio2:hover, .Aopcio2:active 	{	font-size:11px; text-decoration: none; color: darkblue; }

  .porraTIT	{ height:20px; color:gold; text-align:center; background-color:darkred; }
  .porraWIN	{ height:20px; color:gold; text-align:center; background-color:darkred;
				font-weight:bold; border-width:1px; border-style: solid; border-color: gold gold gold gold; }
  .porraOK0	{ height:20px; background-color:#ffeeff; color:#333333; font-weight:bold; text-align:center;
         		border-width:1px; border-style: solid; border-color: #9999FF #9999FF #9999FF #9999FF; }
  .porraOK1	{ height:20px; background-color:#ffffee; color:#333333; font-weight:bold; text-align:center; 
                border-width:1px; border-style: solid; border-color: #9999FF #9999FF #9999FF #9999FF; }
  .porraOK2	{ height:20px; background-color:gold; color:#333333; font-weight:bold; text-align:center; 
                border-width:1px; border-style: solid; border-color: #9999FF #9999FF #9999FF #9999FF; }
  .porraKO0	{ height:20px; background-color:#ffeeff; color:#AAAAAA; text-align:center; }
  .porraKO1	{ height:20px; background-color:#ffffee; color:#AAAAAA; text-align:center; }
  .porraKO2	{ height:20px; background-color:gold; color:#AAAAAA; text-align:center; }