/* Pestanyes del menu superior */
/* adaptat the thescripts.com pero era mes facil fer-ho
per overlaping tabs */

      #tabs {
      position:absolute;
      left:50px;
      top: 15px;
      float:left;
      width:759px;
      /*background-image:url("../imatges/header.gif");
      background-repeat:no-repeat;*/
      /*font-size:93%;*/

      }
    #tabs ul {
          margin:0;
          padding:0px 0px 0 0px;
          list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
          font: bold 11pt Arial, sans-serif;
      float:left;
      background:url("../imatges/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 8px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      /*height: 18px;*/
      /*line-height: 24px;*/
      background:url("../imatges/tabright.gif") no-repeat right top;
      padding: 5px 10px 2px 0px;
      color:#999;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
          
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
        #tabs #active{
      background-position:0% -84px;
        }
        #tabs #active span {
      background-position:100% -84px;
          color:#000000;
    }

/* Final pestanyes */


.header{position:absolute;
        left: 0px;
        top: 0px;}

.subheader{position: absolute;
        left: 0px;
        top: 40px;
}

.banner{position:absolute;
 top: 5px;
 left: 820px;}

body{background-image: url('../imatges/fonsGB.gif') }

/* necessari per visualitzar be en FireFox */
html>body #tabs a span {display: block;}


input.boto{
        color:#000;
	font-family: Arial,sans-serif;
	font-size:12px;
        /*text-transform: uppercase;*/
	font-weight: bold;
	/*border:1px solid;
	border-top-color:#000;
	border-left-color:#000;
	border-right-color:#000;
	border-bottom-color:#000;*/
	background-color:#fff;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        border: 2px outset #ccc;
}


.baix_t {
        BORDER-RIGHT: 1px solid #000000;
        BORDER-BOTTOM: 1px solid #000000;
        BORDER-LEFT: 1px solid #000000;
        TEXT-INDENT: 10px;
	FONT-SIZE: 12px
        FONT-FAMILY: Arial, sans-serif;
        text-align: left;
        padding: 5px 5px 5px 5px;
}

.titol_t {
        BORDER-RIGHT: #000000 1px solid;
        BORDER-TOP: #000000 1px solid;
        FONT-WEIGHT: bold;
        FONT-SIZE: 16px;
        BORDER-LEFT: #000000 1px solid;
        COLOR: #000000;
        TEXT-INDENT: 10px;
        BORDER-BOTTOM: #000000 1px solid;
        FONT-FAMILY: Arial, sans-serif;
        text-align: center;
        background-color: #ffffff;
        padding: 1px 1px 1px 1px;
}


/* taules d'inici en CSS. 
No es pot fer una taula amb cantonades arrodonides i transparents i 
per tant no es podria canviar de color la pagina
Nomes funciona pel titol.
*/

.titol_ini {
            background-image: url('../imatges/titol.gif');
            background-repeat:no-repeat;
            font-family: Arial, sans-serif;
            FONT-WEIGHT: bold;
            text-align: center;
            FONT-SIZE: 20px;
            height:26px;
            line-height: 26px;
            width: 300px;
            padding-top: 5px;
            padding-bottom: 0px;
            margin-bottom: 0px;
            padding: 9px 0px 0px 0px;
}


.baix_ini{
            font-family: Arial, sans-serif; font-size: 14px;
            width: 300px;
            text-align: left;
            border-left: #000000 2px solid;
            border-right: #000000 2px solid;
            background: url('../imatges/final300.gif') 0 110%;
            background-repeat:no-repeat; 
            }

/*final taules inici */

.titol {FONT-SIZE: 24px; FONT-FAMILY: Arial; FONT-WEIGHT: bold; text-align: center; width: 800px; padding: 5px 5px 5px 0px;}
.enorme {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;}
.gran {font-family: Arial, sans-serif; font-size: 14px; }
.normal {font-family: Arial, sans-serif; font-size: 12px;}
.petit {font-family: Arial, sans-serif; font-size: 11px;}
.mini {font-family: Arial, sans-serif; font-size: 10px;}
.micro {font-family: Arial, sans-serif; font-size: 2px}


ol
{
list-style-image: url("../imatges/listcurt.gif");
padding: 10px 0 0 24px; margin: 0px;
}

ul
{
list-style-image: url("../imatges/listcurt.gif")
}


a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline; color: #ff6600;}