/* CSS Document */

BODY {
	background: #99ccff url(../imatges/f9.jpg) no-repeat;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin : 20px 0px 20px 0px;
	text-align: center;
	
	
	/* ficar scroll amb color*/
	
    scrollbar-face-color: #99CCFF; 
    scrollbar-shadow-color: #DEEBF5; 
	scrollbar-highlight-color: #DEEBF5; 
	scrollbar-3dlight-color: #5F8ABD; 
	scrollbar-darkshadow-color: #5F8ABD; 
	scrollbar-track-color: #F5F5F5; 
	scrollbar-arrow-color: #FFFFFF;

} 

#contenedor{
	text-align: left;
	width: 700px;
	background-color : #ffffff;
	margin: auto;

	} 

#cabecera{ 
height : 105px; 
width: 700px; 
} 
/* menu horitzontal */

#navegador{
  
	background : #BBDDFF;
	padding : 3px 15px 5px 10px;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc; 
} 

#recerca{ 
background : #003366 url(../imatges/barra1.jpg) no-repeat; 
padding : 0px 0px 0px 625px; 
border-top : 1px solid #cccccc; 
} 

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ color: #494E6B; } 
A.enlacenav:HOVER{ color: #F9EDE1;} 


/* peu de pagina */
#pie{
   background-color: #BBDDFF;
   padding: 3px 10px 3px 10px;
   text-align:right;
   clear: both;
}

/* part mig */

#principal{
   background-color: #ffffff;
   padding: 4px 4px 4px 4px;
   width: 500px;  
   float: left;
   text-align: justify;
}
#principal a, h1,h2, a:link  { color: #0000ff; }
#principal a:hover { 	color: #00ccff; }
#principal h3 { color: #3399FF;	}
#principal h4 { color: #F7A700; }
#principal ul{	list-style-image: url(../imatges/punt.jpg);	 }

#derecha{ margin: 0px 0px 0px 170px; }
#derecha1{ margin: 200px 0px 0px 200px; }

/* menu lateral */

#lateral{
   width: 160px;
   float:left;
}

#lateral ul{
	background-color: #66CCFF;
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
}
#lateral li{
   background-color:#FFFFD8 ;
   margin: 2px 2px 2px 2px;
   padding: 2px 2px 2px 2px;
   font-weight: bold;
}
#lateral a{
   color: #3333cc;
   text-decoration: none;
}

/* avis */
#avis a{
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
	color: #336699
}
#avis a:hover{ color: #00ccff; }

/** per la hora **/
#hora {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
	color: #3333cc;
	font-weight: bold;

	}

/* CSS tablas */
#tabla3{ border: 1px solid  #C6DFFF; } 
#cabtab3{ 
   font-weight: bold; 
   padding: 2px 2px 2px 2px;
   background-color: #C6DFFF;  
} 
#cuerpotab3{ 
   background-color: #FFFFFF; 
} 
#cuerpotab3 ul ,li{ 
   margin: 0px 2px 0px 20px; 
   padding: 0px 0px 0px 0px; 
} 


/* taula per menu inicial */
#tabla2{ 
   border: 1px solid #165480; 
   width: 500px; 
} 
#cabtab2{
	
	font-weight: bold;
	font-size: 12pt;
	padding: 2px 2px 2px 2px;
	color: #0000FF;
} 
#cuerpotab2{ 
    
   font-size: 8pt; 
   padding: 4px 4px 4px 4px; 
   background-color: #FFFFFF; 
} 

/*  principal */

.recuadro {
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
	list-style-image: url(../imatges/punt.jpg);


}
	.recuadro_articles {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	}
    
	.lt {
		height: 10px;
		background: #6e94b7 url(../imatges/lt.gif) no-repeat;
		color: #FFF;
	}
	
	.lbox {
		color: #eee;
		padding: 3px 12px;
		margin: 0 0 15px 0;
		background: #6e94b7 url(../imatges/lb.gif) no-repeat bottom left;
		height: 120px;
      
	}
	
.cpetit {
	float: left;
	width: 140px;
	border: 1px solid #ff8b53;
	margin: 0 15px 15px 0;
	padding: 3px;
	
}
.cpetit p { margin: 0; padding: 3px;  }
.cpetit a{ list-style-image: url(../imatges/vinyeta.jpg);}
/* recuadre 2*/
.recuadro2 {
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
}
	    
	.lt2 {
		height: 10px;
		background: url(../imatges/lt.gif) no-repeat;
		
	}
	
	.lbox2 {
	padding: 3px 12px;
	margin: 0 0 15px 0;
	background: #FFCC66 url(../imatges/lb.gif) no-repeat bottom left;
		
	}
	
	.lbox2 li{	list-style-image: url(../imatges/punt.jpg);}
   


/* CSS menu */
#MenuCSS_JS{
	width: 180px;
	background-color: #FFFFFF;
	 } 
#MenuCSS_Js ul{
	width: 98%;
	border-top-width: thin;
	border: 1px solid #ff8b53;
	background-color: #003366;
	color: #FF8000;
} 
#MenuCSS_Js a{ 
     display: block; 
     width: 100%; 
} 

#MenuCSS_Js a{
	width: auto;	
} 
#MenuCSS_Js a:hover{ 
     background-color: #c6dfff; 
}