/* CSS comu */
BODY {
margin: 0px 0px 0px 0px;
background: #FFFFFF;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
color: #666;
font-size: 85%;
}

h1 {
color:#9A9898;
font-size: 2em;
letter-spacing: 1px;
margin-left:8px;
margin-top:8px;
margin-bottom:4px;
}

ACRONYM {
cursor:help;
font-variant:small-caps;
border-bottom: 2px dotted #aaa;
border-bottom-style:dotted;
border-bottom-color:#aaa;
font-weight:bold;
color:#aaa;
}

a:hover
{
color: #c0c0c0;
}

a {
/*font-variant:small-caps;*/
font-size:1em;
color:#666;
text-decoration:none;
font-weight:bold;
}

img {
vertical-align:middle;
}

/* ................ divs especifics */

#adalt{
position:absolute;
top:0px;
left:0px;
height:90px;
width:987px;
margin:0px;
padding:0px;
background-image:url(grafics/capcelera.jpg);
background-attachment: fixed;
background-repeat:no-repeat;
background-position:top left;
/*border:1px solid black;*/
}

#adaltBanner {
position:absolute;
top:8px;
left:625px;
height:88px;
width:350px;
margin:0px;
padding:0px;
}


#esquerra{
z-index:2;
background-image:url(grafics/esquerra.jpg);
background-attachment: fixed;
background-repeat:no-repeat;
background-position:0px 0px;
position:absolute;
top:0px;
left:0px;
height:540px;
width:170px;
margin:0px;
padding:0px;
}


#esquerra li{
list-style:none;
vertical-align:middle;
}

#principal{
z-index:1;
position:absolute;
top:100px;
left:170px;
/*width:809px;*/
margin:0px;
padding:0px;
}


#peu{
text-align:center;
margin:0px 0px 0 4px;
border-top:1px solid #C5EEB8;
padding:6px 0 0 0;
width:805px;
font-size:0.8em;
} 


/***** div caixa rodona de principal *****/
.cB {
  background:url(grafics/caixa_leftright.jpg) top left;
  padding:0 15px 0 10px;
  /*width:795px;*/
}
* html .cB {
  position:relative; /* arregla IE/win buggy bg display */
  w\idth:810px; /* hack per el explorer /quin remei! */
  w\idth:795px;
}
.cBt, .cBb {
  background:url(grafics/caixa_topbottom.jpg) top left;
  height:20px;
  margin:0 -15px 0 -10px;
}
.cBb {
  background-position:bottom left;
  height:35px; 
}
/***** fi caixa rodona de principal *****/



/* ...................................... menu anidat CSS
/* menu desplegable CSS */

ul.FemMenu, ul.FemMenu ul {
  width: 98px;                 /* tamany dels blocks de menu */
	font-size:0.8em;
  
  background-color:#C5EEB8;/* Fem els blocks del menu transparents - el bg-color OBLIGATORIAMENT ha se ser inclos perque IE trebali correctament! */
  padding-left: 0px; /*treiem la normal indentacio dels ul */
  cursor: pointer; /* cursor */
  margin-left: 23px; /* per Opera 7 els margins final i el model de margin pot portar problemes */
}



ul.FemMenu li {
  list-style-type: none;       /* treiem els bullets */
  margin: 0px;                 /* Opera 7 posa espaiat llarg entre els elements li */
  position: relative;          /* Fem els blocs de menu amb posicionament relatiu al menu pare
  color:#666;                  /* color default de la font  */
  font-weight:bold;
	border-bottom:1px solid #C5EEB8;
}

ul.FemMenu li.segur {
  list-style-type: none;       /* treiem els bullets */
  margin: 0px;                 /* Opera 7 posa espaiat llarg entre els elements li */
  position: relative;          /* Fem els blocs de menu amb posicionament relatiu al menu pare
  color:#666;                  /* color default de la font  */
  font-weight:bold;
	border-bottom:1px solid #C5EEB8;
	background:transparent url(grafics/flecheta2.gif) no-repeat 42px 16px;
}



ul.FemMenu li > ul {          
  display: none;               
  position: absolute;
  top:0px;
  left:0px;          
	border:2px solid #009942;
	padding:2px;
	width:102px;
	margin-left:98px;
}

ul.FemMenu li:hover, ul.FemMenu li.CSStoHighlight {
  background-color: #009942;      
  color: #c0c0c0;                 
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding-left:8px;
}

ul.FemMenu ul.CSStoShow {     
  display: block;              
  padding:3px;
  border:2px solid #009942;
  background-color: #C5EEB8;
color:#000;
	width:90px;
	margin-left:30px;
	font-size:1em;
}


ul.FemMenu li:hover > ul {    
display: block;              
font-size:1em;
}

/* una mica de estil als links */
ul.FemMenu li a { 
display: block; width: 100%; text-decoration: none; 
}

ul.FemMenu li a:hover, ul.FemMenu li a.CSStoHighLink {color: #000; }
ul.FemMenu li:hover > a { color: #000; }