@charset "utf-8";
body { padding:0; margin:0; overflow:auto; font-family: Arial, Helvetica, sans-serif; }
/*** html */
/* botons */
a, a:visited { text-decoration:none; color:#09F; }
a:hover{ color:#09C; }
a img { border: none; }
/* títols */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0;  }
/* textos */
blockquote,p,span,ul,li { padding:0; margin:0;  }
form { padding:0; margin:0; }
/* cites */
q { font-style:italic; }
/*** propis */
/* línea horitzontal: es sitúa un div amb aquest estil i afegint-li el padding ens deixa l'espai horitzinatal desitjat (pot ser padding 0) */
.separador { clear:both; widht:100%; height:0; padding:0; margin:0; }
/* texte desctacat */
.destacat{ background-color:#CCC; padding: 0 3px;  }
/*** ajudes emergents o 'tooltips'
/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */
/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip { position: absolute; z-index: 1010;	filter:alpha(opacity:0.1); }
.tooltipContent{ padding:2px; border:1px solid #C00; background-color: #FFC; font:normal 11px Arial, Helvetica, sans-serif; color:#000; }

/*** maquetació */
/* 'situacio': barra de situació fixe a la part inferior de la pantalla. Conté 'breadcrumb' i 'data' */
#situacio {	position:fixed; bottom:0; width:100%; padding:3px 66px 3px 6px; margin:0 auto;
	overflow:auto; /* per què la caixa s'estiri en alçada i s'ajusti a l'alçada del contingut (que té floats i tal) */ }
	#situacio p { font-size:11px; color:#FFF; }
	#situacio p.breadcrumb{ float:left; }
	#situacio p.acces_soci{ float:right; }
	#situacio p.data{ float:right; }

/****** 'tot': està centrat i conté tota la resta excepte el div 'situacio' que està fixe a la part inferior de la pantalla.
Necessitem 'tot' per a 'camuflar' el petit marge vertical que ens quedaria a la dreta al dividir la pantalla en tres franges verticals.
&test=si mostra aquesta capa en verd */	
#tot{ width:975px; padding:0; margin:0 auto; }

/*** 'menus' ocupa l'amplada i conté 'logotip', 'menu-gidi' i 'menu-eines' */
#menus { width:966px; padding:0; margin:0; overflow:hidden; /* bug: quan hi ha imatges dins un bloc solen vessar encara que les mides siguin exactes */ }
	/* logotip */
	#menus h1{ float:left; width:325px; height:92px; overflow:hidden; /* bug: quan hi ha imatges dins un bloc solen vessar encara que les mides siguin exactes */ }
	/* menu àrees GiDi*/
	#menus ul{ /* menú a àrees GiDi, conté bt_gidi */ float:left; width:326px; height:92px; list-style-type:none; }
	#menus li { display:block; float:left; width:72px; height:72px; padding:20px 9.3px 0 0; }
	#menus li form p { overflow:hidden; }
	#menus li form p .bt_a11s01 { width:72px; height:72px; padding:0; border-style:none; margin:0; background:url(../../maq/00/arees/a11s01.jpg); }
	#menus li form p .bt_a12s01 { width:72px; height:72px; padding:0; border-style:none; margin:0; background:url(../../maq/00/arees/a12s01.jpg); }
	#menus li form p .bt_a13s01 { width:72px; height:72px; padding:0; border-style:none; margin:0; background:url(../../maq/00/arees/a13s01.jpg); }	
	#menus li form p .bt_a14s01 { width:72px; height:72px; padding:0; border-style:none; margin:0; background:url(../../maq/00/arees/a14s01.jpg); }	
	#menus li form p .bt_a11s01:hover, .bt_a12s01:hover, .bt_a13s01:hover, .bt_a14s01:hover { cursor:pointer; }	
	#menus li form p .bt_a11s01:hover { background:url(../../maq/00/arees/a11s01_over.jpg); }
	#menus li form p .bt_a12s01:hover { background:url(../../maq/00/arees/a12s01_over.jpg); }
	#menus li form p .bt_a13s01:hover { background:url(../../maq/00/arees/a13s01_over.jpg); }	
	#menus li form p .bt_a14s01:hover { background:url(../../maq/00/arees/a14s01_over.jpg); }		
	#menus li form p span { visibility:hidden; }	
	/* menu eines */
	#menu_eines{ /* menú 'complementari', conté eines_01, eienes_02 i eines_03 en franges horitzontals */ float:right; width:220px; height:92px; }
		
		#menu_eines .patrocinadors{ width:100%; height:43px; padding-top:19px; }
		#menu_eines form{ float:right; 100%; height:22px; padding:8px 0 0 0; margin:0; border:0; overflow:auto; }
		#menu_eines form .camp{ display:block; float:left; height:16px; border: 2px solid #999; background:#EFEFEF; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#999;	}
		#menu_eines form .camp:hover{  border: 2px solid #333; }
		#menu_eines form .bt_cercar { float:right; width:20px; height:20px; padding:0; margin: 0 0 0 3px; border:0; background:url("../../maq/00/pictogrames/acc_cercar.png"); }
		#menu_eines form .bt_cercar:hover { cursor:pointer; }

#destacats{ width:965px; height: 112px; margin:55px 0 0 0; margin:0; background-color:#FFF; overflow:hidden; }


/*** 'menu_web' (http://www.cssplay.co.uk/menus/final_drop.html) */
#menu_web { clear:both;position:relative;z-index:100; width:975px; height:40px; margin:16px auto 2px auto; }
#menu_web ul { list-style-type:none; }
#menu_web li { float:left;position:relative;}
/* style the links for the top level */
#menu_web a, #menu_web a:visited {
display:block; width:316px; height:38px; padding:0; margin-right:9px; border-bottom:2px #666 solid; /* width+padding+margin+border ha de sumar l'amplada de l'ítem */
font: bold 22px Arial,sans-serif; color:#666; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_web ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; }
/* style the second level links */
#menu_web ul ul a, #menu_web ul ul a:visited {
height:auto; width:304px; padding:6px; border:0; /* tots 3 han de sumar l'amplada de l'ítem */ background:#E5E5E5;
font: bold 14px Arial,sans-serif; }
/* style the top level hover */
#menu_web :hover > a, #menu_web ul ul :hover > a { color:#FFF; }
/* make the second level visible when hover on first level list OR link */
#menu_web ul li:hover ul, #menu_web ul a:hover ul{ visibility:visible; }

/*** 'continguts' mostra els continguts de cada apartat */
#continguts { width:966px; padding:0; margin:0; }

/**** elements comuns i/o que es repeteixen ****/
h3 .avis{ width: 100%; height:150px; padding: 20px; margin: 0 auto; background-color:#C03; font: bold 14px Arial, Helvetica, sans-serif; color:#FFF; }