BODY, FONT, P, DIV, TD, FORM, INPUT, TEXTAREA {FONT-FAMILY: Geneva,Verdana,Arial,Sans-serif; FONT-SIZE: 12px; }

BODY {
  background: #eee; margin:0;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: repeat;
  background-image: url(imgs/ani_03.gif);
}

A:link    {BACKGROUND: none; COLOR: #006D98; TEXT-DECORATION: none}
A:active  {BACKGROUND: none; COLOR: #006D98; TEXT-DECORATION: none}
A:visited {BACKGROUND: none; COLOR: #006D98; TEXT-DECORATION: none}
A:hover   {BACKGROUND: none; COLOR: #0e6313; TEXT-DECORATION: underline}

#dixibit {
	position: absolute; width:98%; bottom:0; left:0;
	margin:1px; padding: 2px 8px;
	background-color: #449A4A;
	color: #FFF;
}
body > #dixibit { width: 99%; position: fixed;}  /* bug ie */
#dixibit a { color: #000; font-weight:bold; padding:1px 2px;}
#dixibit a:hover { color: #fff; text-decoration:none; background-color:#000}
#dixibit a.botons { float:right; padding: 1px 8px; FONT-FAMILY: Arial,Sans-serif;}
#dixibit form { float:right; padding: 1px 8px; FONT-FAMILY: Arial,Sans-serif; margin:0; font-size: 0.8em;}

#cos {  }

/**** BLOC1 : Per llista de links en vertical ****/
/**** BLOC2 : Per llista de links en horitzontal ****/
.bloc1, .bloc2 {
	margin: 0 0 6px 0;
	border:1px solid #000;
	position: absolute;
}
.bloc1 h2, .bloc2 h2 {
	margin: 0;
	padding: 2px 10px 2px 2px;
	background-color: #000;
	color: #FA0;
	border:1px solid #FFF;
	FONT-FAMILY: Arial,Sans-serif;
	font-size: 1.4em;
	cursor:move;
}
.bloc1 h2 a.boto, .bloc2 h2 a.boto { float:left; padding: 0 4px 0 0; }
.bloc1 ul {
	list-style: none;
	padding: 2px 0 0 0;
	margin: 0 0 -1px 0;
}
.bloc1 li {
	margin: 0;
	padding: 2px;
	border-bottom:1px solid #000;
}
.bloc1 li a        {color:#000000; text-decoration:none; display:block; padding:2px;}
.bloc1 li a:hover  {color:#FFFFFF; background:#FFAC06; text-decoration:none;}
.bloc2 ul {
	padding: 4px 0;
	margin: 0 -1px 0 0;
}
.bloc2 li {
	display: inline; 
	padding: 4px 6px; 
	border-right:1px solid #000;
}
.bloc2 li a        {color:#000000; text-decoration:none;}
.bloc2 li a:hover  {color:#FFFFFF; background:#FFAC06; text-decoration:none;}

.bloc1 ul.inet, .bloc2 ul.inet {background:#FFF3A7;}
.bloc1 ul.local, .bloc2 ul.local {background:#DFF1AD;}
.bloc1 ul.proves, .bloc2 ul.proves {background:#B5E3F0;}
.bloc1 ul.varis, .bloc2 ul.varis {background:#FFC3C0;}
.bloc1 ul.petit, .bloc2 ul.petit {background:#FFF3A7; font-size: 0.8em;}

.bloc1:hover > h2, .bloc2:hover > h2{color: #eee;}


/**** NOTA1 : Per anotacions ****/
.nota1 {
	margin: 0 0 6px 0;
	border:1px solid #000;
	position: absolute;
}
.nota1 h2 {
	margin: 0;
	padding: 2px 10px 2px 2px;
	background-color: #444;
	color: #FFF;
	border:1px solid #FFF;
	FONT-FAMILY: Arial,Sans-serif;
	font-size: 1.1em;
	cursor:move;
}
.nota1 h2 a.boto { float:left; padding: 0 4px 0 0; }
.nota1 textarea {
	border: 0;
	margin:0;
	padding: 2px 4px;
}
.nota1 form { margin:0; padding:0; } /* per ie */
.nota1 > textarea { width: 100%; } /* a ie no */
.nota1 p {
	margin:0;
	padding: 6px;
	max-width: 500px;
}
.nota1 p.groc {background: #FFE607;}
.nota1 p.verd {background: #C0E306;}
.nota1 p.taronja {background: #FFB007;}
.nota1 p.blau {background: #3399FF;}
.nota1 p.important1 {background: #FFFF60; color: #D20000; font-size: 1.3em;}
.nota1 p.important2 {background: #FF1E1E; color: #ffffff; font-size: 1.3em;}

.nota1:hover {border:1px solid #FFAC06;}
.nota1:hover > h2{color: #FFAC06;}


/**** CERCA1 : Per llista de cercadors ****/
.cerca1 {
	margin: 0 0 6px 0;
	border:1px solid #000;
	position: absolute;
}
.cerca1 h2 {
	margin: 0;
	padding: 2px 10px 2px 2px;
	background-color: #fa0;
	color: #000;
	border:1px solid #FFF;
	FONT-FAMILY: Arial,Sans-serif;
	font-size: 1.1em;
	cursor:move;
}
.cerca1 h2 a.boto { float:left; padding: 0 4px 0 0; }
.cerca1 form { margin:0; padding:0; background:#fff;}
.cerca1 form input {padding:2px; margin: 2px;}

.cerca1 ul {
	padding: 4px 1px;
	margin: 0;
	border-top:1px solid #444;
	background:#fff;
}
.cerca1 li {
	display: inline; 
	padding: 0; 
}
.cerca1 li a        {color:#000000; text-decoration:none; padding: 2px 6px;}
.cerca1 li a:hover  {color:#FFFFFF; background:#FFAC06; text-decoration:none;}

.cerca1:hover > h2{color: #eee;}


/**** EDICIO : Per editar ****/
.edicio {
	margin: 0 0 6px 0;
	border:6px solid #000;
	background-color: #ccc;
	position: absolute;
	bottom:20px; right:0;
	display: none;
}
.edicio h2 {
	margin: 0;
	padding: 2px 10px;
	background-color: #000;
	color: #FA0;
	border:1px solid #FFF;
	FONT-FAMILY: Arial,Sans-serif;
	font-size: 1.1em;
	cursor: default;
}
.edicio form { margin:0; padding: 2px; }