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

      #tabsmet {
      position:absolute;
      left:250px;
      top: 118px;
      float:left;
      width:400px;
      /*background-image:url("../imatges/fotoheader.gif");
      background-repeat:no-repeat;*/
      /*font-size:93%;*/

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

/* Final pestanyes */

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