#menu {
	  width: 186px;
	  float:left;
	  display:inline;
	  padding-top:125px;
	  background-image:  url("imgs/escola.jpg");
	  background-repeat: no-repeat;
	
	  }
#bloc {
	  width: 754px;
	  float:left;
	  background-color: #EBEBF5;
	  }
#sombradreta {
	  background-repeat: repeat-y;
	  background-position: top right;
	  background-image:  url("imgs/sombra_r.gif");
	  width: 769px;
	  float:left;
	  position: relative;	  
	  }	  
#sombrabaix {
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  background-image:  url("imgs/sombra_d.gif");
	  float:left;
	  padding-bottom: 15px;
	  position: relative;	  
	  }	  	  
#titol { margin:auto; }	  
#peupag {
	  text-align:right;
	  font-family:courier new, courier, serif;
	  font-weight:bold;
	  font-size: 11px;
	  color:#444;
	  width: 764px;
	  margin: 0 0 0 186px;
	  }	  
#bloc .capbloc {
	  background-image:  url("imgs/top_bloc.gif");
	  background-repeat: repeat-x;
	  background-position: top right;
	  padding: 50px 0 20px 0;
	  text-align:center;
	  }	
#bloc .cosbloc {
	  font-family:courier new, courier, serif;
	  font-size: 12px;
	  color: #05305A;
	  background-image:  url("imgs/fons_bloc.gif");
	  background-position: 0px 11px;
	  float:left;
	  }	   	  
#colesq {
	  width: 90px;
	  background-position: 0px 0px;
	  background-repeat: no-repeat;
	  height: 1000px;
	  float: left; 
	  }
.apartat_01 #colesq {background-image:  url("menu/fons_01.gif");}	  
.apartat_02 #colesq {background-image:  url("menu/fons_02.gif");}	  
.apartat_03 #colesq {background-image:  url("menu/fons_03.gif");}	  
.apartat_04 #colesq {background-image:  url("menu/fons_04.gif");}	  
.apartat_05 #colesq {background-image:  url("menu/fons_05.gif");}	  
.apartat_06 #colesq {background-image:  url("menu/fons_06.gif");}	  
.apartat_07 #colesq {background-image:  url("menu/fons_07.gif");}	  
.apartat_08 #colesq {background-image:  url("menu/fons_08.gif");}	  
.apartat_09 #colesq {background-image:  url("menu/fons_09.gif");}	  
.apartat_10 #colesq {background-image:  url("menu/fons_10.gif");}	  
.apartat_11 #colesq {background-image:  url("menu/fons_11.gif");}	  
.apartat_12 #colesq {background-image:  url("menu/fons_12.gif");}	  
.apartat_13 #colesq {background-image:  url("menu/fons_13.gif");}	  
#coldre {
	  float: left;
	  width: 640px;
	  padding: 10px 24px 300px 0px;
	  _padding: 10px 0px 300px 0px; 
	  line-height: 17px;
	  background-repeat:no-repeat;
	  background-position: bottom right;
	  background-image:  url("imgs/taques.gif");
	  position:relative;
	  }	  
.clear {
	  float: none;
	  clear: both;
	  height: 1px;
	  }	  	  
#menu a {
	  display:block;
	  background-position: top left;
	  background-repeat: no-repeat;
	  width: 186px;
	  text-decoration: none;
	  }
#menu a:hover { background-position: bottom left; }	  	   
#opcio_01 { background-image:  url("menu/opcions_01.gif"); height: 63px; }	  
#opcio_02 { background-image:  url("menu/opcions_02.gif"); height: 60px; }	  
#opcio_03 { background-image:  url("menu/opcions_03.gif"); height: 67px; }	  
#opcio_04 { background-image:  url("menu/opcions_04.gif"); height: 57px; }	  
#opcio_05 { background-image:  url("menu/opcions_05.gif"); height: 69px; }	  
#opcio_06 { background-image:  url("menu/opcions_06.gif"); height: 56px; }	  
#opcio_07 { background-image:  url("menu/opcions_07.gif"); height: 62px; }	  
#opcio_08 { background-image:  url("menu/opcions_08.gif"); height: 62px; }	  
#opcio_09 { background-image:  url("menu/opcions_09.gif"); height: 62px; }	  
#opcio_10 { background-image:  url("menu/opcions_10.gif"); height: 63px; }	
#opcio_11 { background-image:  url("menu/opcions_11.gif"); height: 64px; }	
#opcio_12 { background-image:  url("menu/opcions_12.gif"); height: 59px; }	
#opcio_13 { background-image:  url("menu/opcions_13.gif"); height: 64px; }	

#submenu {
	float:left;
	position:relative;
	}
#submenu ul {
	list-style: none;
	margin:0px;
	padding: 0px;
	}
#submenu ul li {
	list-style: none;
	float:left;
	margin: 0 5px 5px 0; 
	white-space:nowrap;	
	}	
#submenu a {
	background: #fff;
	border:solid 1px #05305A;
	color:#05305A;
	font-weight:bold;
	padding: 5px 10px;	
	float:left;
	white-space:nowrap;	
	text-decoration: none;
	}
#submenu a:hover {
	background: #4D6A8A;
	color: #fff;
	border-color: #05305A;
	}
#submenu a.in, #submenu a.in:hover {
	color: #fff;
	background-color: #05305A;
	border-color:#05305A;
	}