* {	
	   font-family:arial;
	   font-size:11px;
	   color:#000;
	   margin:0px;
	   }
body {
	   background: url("../imgs/fonsbody.gif") top left repeat-y;
	   }
#login {
	   background:#666;
	   }	   
#login form {
 	   width:200px;
	   padding:10px;
	   border:solid 1px #bbb;
	   background:#eee;
	   text-align:right;
	   line-height:25px;
	   margin:200px auto 0;
	   }
#login form div {
	   background:#bbb;
	   color:#fff;
	   font-weight:bold;
	   text-align:left;
	   padding:0 5px;
	   margin-bottom:10px;
	   text-transform: uppercase;
	   }	   
#login form #entrar {
	   margin-top:5px;
	   }	   
	   
#menu {
	   float:left;
	   width:200px;
	   height:100%;
	   background:#bbb;
	   margin:0px;
	   }
#menu ul {
	   list-style:none;
	   margin:4px 0;
	   padding:0px;
	   }	   
#menu li {
	   margin:2px 4px;
	   background:#bbb;
	   padding:0px;
	   line-height:25px;
	   }
#menu li a {
	   text-decoration:none;
	   color:#000;
	   font-weight:bold;
	   padding:0 5px;
	   margin:0px;
	   line-height:25px;
	   height:25px;	   
	   display:block;
	   }	   	   
#menu li a:hover {
	   background-color:#666;
	   color:#fff;
	   }	   
#contingut {
	   margin-left:200px;
	   padding:25px;
	   }	   	   
#contingut h1.titol {
	   font-family:Arial;
	   font-weight:bold;
	   font-size: 26px;
	   color:#666;
	   margin:0 0 12px 0;
       }	   
	   
#submenu {
	   }	   
#submenu ul {
	   height:22px;
	   border-bottom:solid 3px #666;
	   list-style:none;
	   padding:0px;
	   }		
#submenu li {
	   background:#eee;
	   float:left;
	   line-height:22px;
	   margin:0 10px 0 0;
	   padding:0 10px;
	   }
#submenu a {
	   text-decoration:none;
	   display:block;
	   font-weight:bold;
	   }	  
#submenu a:hover {
	   text-decoration:underline;
	   }	    
#llistat {
	   border:solid 1px #ccc;
	   border-bottom:none;
	   }
#llistat td {
	   padding:5px;
	   }
#llistat thead td {
	   border-bottom:solid 4px #bbb;
	   background:#eee;
	   color:#000;
	   font-weight:bold;
	   }		
#llistat tbody td {
	   border-bottom: solid 1px #ccc;
	   }
#llistat .estat0 td { 
	   background-color:transparent; 
	   }
#llistat .estat1 td {
	   background-color:#e9f7e5; 
	   }
.nou { 
	   text-transform:uppercase;
	   color:#ff3333;
	   font-weight:bold; 
	   }
td.llista {
	   text-align:center;
	   }
#llegenda {
	   border:solid 1px #ccc;
	   border-bottom:none;
	   }
#llegenda td {
	   padding:2px;
	   text-align:center;
	   }
#llegenda thead td {
	   border-bottom:solid 4px #bbb;
	   background:#eee;
	   color:#000;
	   font-weight:bold;
	   }		
#llegenda tbody td {
	   border-bottom: solid 1px #ccc;
	   }
.oblig {
	   font-weight:bold;
	   }	   

.add   {

	   background-color: #e8e8e8;
	   background-image: url(../imgs/add.gif);
	   background-repeat: no-repeat;
	   background-position: 6px center;

	   text-decoration: none;
	   border: solid 1px #ccc;
	   font-weight:bold;

	   line-height: 50px;
	   padding: 4px 10px 4px 28px;
	   }
.respondre {
	   background-color: #e8e8e8;
	   background-position: 6px center;
	   text-decoration: none;
	   border: solid 1px #ccc;
	   font-weight:bold;
	   line-height: 50px;
	   padding: 4px 10px 4px 10px;
	   }
.clear {
	   height:50px;
	   }
span.color {
	   padding:0px 8px;
	   }   
#tabs {
	padding:0px !important;
	margin:15px 0px 15px 0px !important;
	height:26px;
	background:url("../imgs/punt_gris.gif") repeat-x left bottom; 
    }
#tabs ul {
    list-style:none;
	padding:0px !important;
	margin:0px 0px 0px 15px !important;	
    }	
#tabs li {
    float:left;
	background:url("../imgs/snav_esquerra.gif") no-repeat left top; 
	padding-left:6px;  
	border-bottom:1px solid #C0C0C0;
	text-align:center;
    }	
#tabs a {
    display:block;
    background:url("../imgs/snav_dreta.gif") no-repeat right top; 
	padding: 6px 6px 5px 0px; 
	white-space:nowrap; 
  	text-decoration:none;
	color:#666;
 	font-family:arial;
	font-size:11px;
    }
#tabs li:hover {
    background-position:0% -150px;
  	}
#tabs li:hover a {
    background-position:100% -150px;
	color:#000;
  	}	
/* ***************************************************************************** */	
/* MENÚ MKTREE */	
/* ***************************************************************************** */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; }
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px;	spacing:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  span.bullet { padding-left: 20px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../imgs/mktree_minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../imgs/mktree_plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  { cursor: default; background: url(../imgs/mktree_esq.gif)   top left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: none; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  ul li { background: url(../imgs/mktree_esq2.gif) left center repeat-y;}
	}