/* Còpia de css/normal.css del web antic */
/* Pestanyes del menu superior */
/* adaptat the thescripts.com pero era mes facil fer-ho
per overlaping tabs */

      #tabs {
      position:absolute;
      left:200px;
      top: 15px;
      float:left;
      width:759px;
      /*background-image:url("img/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("img/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("img/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('img/fonsBG.gif');
overflow-x:hidden; 
 }



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

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border-radius: 12px;
    border: 1px solid #000000; /* Green */
}




.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;
}

div.crop {height: 200px;
width: 250px;
overflow: hidden;
}
div.crop img {
margin: 0px 0px 0 0;
}



/* 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('img/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('img/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("img/listcurt.gif");
padding: 10px 0 0 24px; margin: 0px;
}

ul
{
list-style-image: url("img/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;}