/* Estils del FRAME Superior 2C4257*/

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

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


/* 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; }
#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 { 
	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;}
	
.marca {display:block;height:30px;}

#barra {
	position:fixed;
	top:0px;
	left:0px;	  
	min-width:725px;
	padding: 0px;
	margin:0px;	
	background-color:#2C4257; 
	_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: #003366; }

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

/************* 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;}	 
table.taula th{
	background-color:#555588;
	border-bottom: #111144 solid 1px;
	color : white;}
table.taula td {padding:5px;}
table.taula .fila1 { background-color:#dde0fc;}
table.taula .fila2 { background-color:#edf0Fc;}



 .cabecera {
  background-color: #F5F5F5;    
  width:auto;
  height:auto;  
  border: 3px solid #003300;  
  padding: 26px; 
  margin: 5px 10px 3px 10px;
  Text-align:center;  
}

.titulo {
	width:auto;
	height:18px;
	background-color:orange;
	Text-align:center;
	font-size:20px;
	Vertical-align:middle;
	margin: 0px 10px 3px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.botonera {	
    width:auto;
    height:auto; 
	margin: 5px 10px 3px 10px;
}


.postit {    
   width:120px;
   height:120px;
   float:left;     
   background-image: url('./ofertes/postit.jpg') ;
   color: #666666; 
   text-decoration: none; 
   margin-left:4px;
   margin-bottom:8px;
} 
.postit_t {    
   width:120px;
   height:120px;
   float:left;     
   background-image: url('./ofertes/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;
}