
/* Estils del FRAME Superior */

body.top{
	background:#C28256 url("imatges/centret.jpg") right no-repeat;
	margin:5px;	
	padding:0px;
}

#logo {
	text-align:right;
	color:#31221D;
	font-family: "Courier New";
	border-bottom: 3px solid #31221D;
	font-size:28px;	 
	padding:0px;
	margin:0px 75px 0px 0px;
}	  

div.boto {
	float:left;
	width:20px;
	height:20px;
	margin:5px;
	background-color:blue;
	border:1px white solid;
}
div.blau { background-color:blue;cursor:pointer  }
div.verd { background-color:green;cursor:pointer  }
div.salmon { background-color:#A15F3C;border-width:3px;width:16px;height:16px;cursor:pointer }
div.home { background:white url('imatges/home.gif') center center no-repeat;}


/* Estils pels FRAMES Laterals */


body.lateral{
	background: #FFFFFF url(imatges/fonssalmon.jpg) repeat-x top;
	margin:0px;
	padding:0px;
	font: normal 70% "Microsoft Sans Serif",Arial; }	   

dl.menu{ 
	position:relative;
	z-index:1;
	border: 1px solid #31221D;	
	margin: 0px 5px;	 
	padding: 0px;
	font: normal  12px  "Microsoft Sans Serif","Arial"; }
dl.menu dt {	
	background: #A76B51 no-repeat 3px 0.5em; 
	color: #FFF;
	font-size: 1.2em;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	padding: 5px 0px;
	border: 1px solid #E5D8B8; }	
dl.menu dt.obert {background-color:#31221D;}
dl.menu dt.avall {}
dl.menu dt.amunt {}	
dl.menu dd {		
	height:190px;
	background-color: #E5D8B8;	
	margin:0px;	
	overflow:hidden; 
	display:none }	
dl.menu a {
	color: #000;
	text-decoration: none;
	display: block;
	padding:3px 0px 3px 7px; 
	cursor:pointer;}
dl.menu a:hover {background-color:#FBECDD;} /*border: #A76B51 dotted;border-width:1px 0px; }	   */
dl.menu div {	
	margin:0px;
	text-align:center;}	
dl.menu p{margin:6px 0px;}

#peulateral {
	position:absolute;
	bottom:0px;
	left:0px; 
	width:100%;
	text-align:center;	 
	z-index:0;}
#peulateral img { border:1px solid #E5D8B8 }  
		  


/* Estils pel FRAME Central */

#central {	 
	margin:0px;
	padding:0px;
	background-color: #FCFFF0;   
	font-size:12px;	
	font-family: "Microsoft Sans Serif",Helvetica, Arial;
	line-height:150%;
	color: black;
	background:url(foo) fixed; 
	background-color:#FCFFF0;   }	
	
#contingut{
	margin:0px 20px;}	
.marca {display:block;height:30px;}
#barra {
	position:fixed;
	top:0px;
	left:0px;	  
	padding: 0px;
	margin:0px;	
	background-color:#4E2E1D; 
	_position:absolute;	
	_top:expression(eval(document.body.scrollTop));
	}	

#barra h1 { 
	
	float:right;
	text-align:right;
	margin:0px;
	padding:8px;
	color:white;
	font-size:16px;}					   

#portada {
	font-family: "Microsoft Sans Serif",Helvetica, Arial;
	font-size:13px;
	margin:0px;
	padding:20px 8px;
	background:#F7F7F7 url('imatges/centre_fons3.jpg') no-repeat top left;
	}	
	
#peuportada {	
	clear:both;	
	margin:15px 15px 0px 15px;
	padding:0px; 
	border:1px solid black;
	font-size:13px;
	background-color:#f4e2d3;
	text-align:center; }
	  
#portada h1{
		margin:0px;
		color:black;
		font-size:20px;
		font-weight:bold;}
		
#data { color:#404040; }
#objectius {
		padding:0px 0px 20px 5px;
		margin:0px 0px 20px 5px;
		float:right;
		width:40%;
		text-align:left;
		font-size:11px;
		border:1px solid #404040;
		color:black;
		background-color:#EAECF5;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;}
#objectius h2{
		padding:0px 5px 5px 5px;
		text-align:center;
		color:black;
		border-bottom: 1px double #404040;
		font-size:14px;}	
		
#objectius ul{ margin:0px; padding:0px 10px; }
#objectius li { list-style-type:none;padding:5px 0px;}
#nojs{background:red;padding:20px;text-align:center;color:white;font-weight:bold; }

#navportal li {
  list-style-type:none;
  margin:4px 0px 4px -10px;  
  padding:3px;}			  
  
#navportal li a{ 
  padding:3px; 
/*  background-color:#f4e2d3;*/
  text-decoration:none;
  color:#404040;
  font-weight:bold; }
/*  color:#993300;}	*/
  
#navportal li a:hover{
  background-color:red;
  color:black;}
  

  	
#central dt {		  
	margin: 10px 0px 5px 0px;
	font-weight:bold;  
	color: #7D695C;}	

#central h2 { 
	font-size:18px;
    background-color:#A76B51;
	color:white;
	padding: 8px;
	text-align:center;
	border: black solid 1px;}
#central h3 {	
	font-size:14px;	 
	border-bottom:2px solid #4C2600;	
	background-color:#FBEFDD;
	color : #4C2600;}	  
#central h4 {font-size:13px; }

table { font-size:12px}
table.taula {width:95%;border:0px; margin:auto;}  
table.taula th{
	background-color:#663333;
	border-bottom: #111144 solid 1px;
	color : white;}
table.taula td {padding:5px }
table.taula .fila1 { background-color:#EFE3DC;}
table.taula .fila2 { background-color:#FFEDD1;}

/********** MENU *******************/
	
#navlist , #navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left; }

#navlist li a {	
	font-weight:bold;
	text-decoration: none;
	float:left;
	color: #ffffff;
	padding: 12px 10px 3px 10px; }

#navlist li a:hover{
	/*color: #ffff00;*/
	background-color: #2F1700; }

#navlist li a:active{
	color: #cccccc;
	background-color: #003366;}

/************* FIN MENU **************************/

 








