/* Estils del FRAME Superior */

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

#logo {
	text-align:right;
	color:#2C4257;
	font-family: "Courier New";
	border-bottom: 3px solid #2C4257;
	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;
}	  




/* Estils pels FRAMES Laterals */


body.lateral{
	background: #FFFFFF url(../imatges/fonsblau.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 #527CA5;	
	margin: 0px 5px;	 
	padding: 0px;
	font: normal  12px  "Microsoft Sans Serif","Arial"; }
dl.menu dt {	
	background: #2C4257 no-repeat 3px 0.5em; 
	color: #FFF;
	font-size: 1.2em;
	cursor: pointer;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 5px 20px;
	border: 1px solid #CDE6ED; }	
dl.menu dt.obert {background-image:url(../imatges/fletxeta_dreta.gif);}
dl.menu dt.avall {background-image:url(../imatges/fletxeta_avall.gif);}
dl.menu dt.amunt {background-image:url(../imatges/fletxeta_amunt.gif);}	
dl.menu dd {		
	height:190px;
	background-color: #CDE6ED;	
	margin:0px;	
	overflow:hidden; 
	dispay:none}	
dl.menu a {
	color: #000;
	text-decoration: none;
	display: block;
	padding:3px 0px 3px 7px; 
	cursor:pointer;}
dl.menu a:hover {background-color:#DBF4EF;}	   
dl.menu div {	
	margin:0px;
	text-align:center;}	
dl.menu p{margin:6px 0px;}

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


/* Estils pel FRAME Central */

#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; }

#caja_objectius {
		padding:0px 0px 17px 5px;
		margin:0px 0px 17px 5px;
		float:right;
		width:40%;
		text-align:left;
		font-size:11px;
		}

#objectius {
		padding:0px 0px 17px 0px;
		margin:0px 7px 17px 0px;
		float:right;
		width:100%;
		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;}

#iso {
		padding:5px;
		margin:3px;
		float:right;
		width:100%;
		}

#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: #663300 ;
  color:black;}
  

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

	}	

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


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

	
/********** 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 2px 10px; }

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

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

/************* FIN MENU **************************/
	
#central h2 {	 
	font-size:18px;
    background-color:#2C4257;
	color:white;
	padding: 8px;
	text-align:center;
	border: black solid 1px;}
#central h3 {		
	font-size:14px; 
	border-bottom:1px solid #4489FF;	
	color : #114589;} 	 
	
#central h4 {font-size:13px; }
	
table { font-size:12px}
table.taula {
	width:95%;
	border:0px;
	margin:auto;
	color: #666;
}	 
table.taula th{
	background-color:#663300;
	border-bottom: #111144 solid 1px;
	color : white;}
table.taula td {padding:5px;}
table.taula .fila1 { background-color:#FFFFCC;}
table.taula .fila2 { background-color:#FFCC66;}


.clear {clear:both;}
 
.postit {    
   width:120px;
   height:120px;
   float:left;     
   background-image: url(../imatges/postit.jpg);
   color: #666666; 
   text-decoration: none; 
   margin-left:4px;
   margin-bottom:8px;
} 
.postit_b {    
   width:120px;
   height:120px;
   float:left;     
   background-image: url(../imatges/postit-blanc.jpg);
   color: #666666; 
   text-decoration: none; 
   margin-left:4px;
   margin-bottom:8px;
} 
.postit_t {    
   width:120px;
   height:120px;
   float:left;     
   background-image: url(../imatges/postit-tancat.jpg);
   color: #666666; 
   text-decoration: none; 
   margin-left:4px;
   margin-bottom:8px;
} 
.texto_postit {    
   font-family: verdana, arial, sans-serif; 
   font-size: 8pt; 
   font-weight: bold;
   float:left;     
   Text-align:center;
   color: #666666; 
   text-decoration: none; 
   margin-left:15px;
   margin-top:35px;
   margin-bottom:15px;
   margin-right:15px;
}