body{
	font-family: Georgia, tunga, tahoma, sans-serif, "Times New Roman", Times, serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	background-color: #afd353;
	
}

/***********************************************/
/* caracteristiques de llocs especials de la pàgina     */
/***********************************************/

#franja_superior{
	margin: 0;
	padding: 0;
	border: 0;
	height:150px;
	width: 100%;
	background-color: #6a9f19;
	background-image: url(mand_superior.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#textsuperior{
	position: absolute;
	right: 50px;
	left: 168px;
	top: 96px;
     }
#franja_superior h1{
	font-size: x-large;
	text-align: center;
	font-style: normal;
}

#menu  {   background-color: #6a9f19;
           padding: 0;
		   border: 0 ;
           margin: 0 75% 0 0; /* marge dret del 75% per tal que quedi a l'esquerra */                     
  	       background-image: url(mand_inferior.gif);
	       background-repeat: no-repeat;
	       background-position: 0px 0px;	
		   color: #dae5c3;
}
#menu a:link, #menu a:visited {
	display:block;
	width:100%;
	margin: 0px 0px  0px 20px;
	padding: 1px;
	color:#990000;
	text-decoration:none;
	font-weight: bold;
}

#menu a:hover {
           margin-left: 25px;
		   color:#990000;
		   font-weight: bold;
		   height: 100%;
}

#menu a:link img, #menu a:visited img, #menu a:hover img {color:#afd353;   
}

#content{ /*contingut */
    float:right; 
	width: 72%;
	margin: 0;
	padding: 0 3% 0 0;/*flota a la dreta ocupa un 75% amb un farciment de marge de 3% */
}
#content p , li , ul, ol{
	margin: 3px;
	/*border: 1px dotted #000000;*/
}

#content a:link, #content a:visited {
	color: #daeac3;
	text-decoration: none;/* els links  sense subrratllar */
	color: #daeac3;
	background-color: #749225;
} 
#content  a:hover {
	color: #daeac3;
	text-decoration: none;/* els links  sense subrratllar */
	color: #daeac3;
	background-color: #586F1C;
} 

a:hover {
	text-decoration: underline;
}
/* quan el ratolí està sobre si que es subrratllen */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, tunga, tahoma, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #4E7513;}
h1{	font-size: 180%;}
h2{ font-size: 130%;}
h3{ font-size: 120%;}
h4{ font-size: 110%;}
h5{ font-size: 105%;}

.bloc{	padding: 0px 0px 10px 10px;}

.flota_esquerra{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.flota_dreta{
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.centrador { /* cal posar l'imatge o el que sigui dins un <div  class="centrador">  </div>   */
	text-align: center;
 }

hr.invisible {display:block;
               clear:left;
               margin: -1px;
               visibility:hidden;
}

.quadre {
	background-color: #ffcc66;
	border: 1px solid #003300;
	display: block;
	float: none;
	position: relative;
	text-align: center;
	font-weight: bold;
}
.quadregris {
	background-color: #daeac3;
	font-family: "Courier New", Courier, mono;
	border: 1px solid #003300;
	display: block;
	position: relative;
	text-align: left;
	overflow: auto;
	height: 200px;
	width: 60%;
	margin-left: 20% ;
	z-index:1; 
	}
.quadregris p {
	margin: 0px;
	padding: 0px;
}


#peupagina{/* el peu de cada pàgina */
	clear: both;
	border: 1px solid #819563;
	font-size: 85%;
	color: #004000;
	background-color: #6a9f19;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
	text-align:center;
}
#peupagina a:link, #peupagina a:visited, #peupagina a:hover {
	color: #FFFF99;
	text-decoration: none;/* els links  sense subrratllar */
	color: #daeac3;
	background-color: #1F7B04;
} 
#peupagina  a:hover {
	text-decoration: none;/* els links subrratllats quan el ratoli hi passa */
}