body{
background:#FFFFFF;
margin:0px;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
line-height: 140%;
color:#666666;
}

A:link{color:#2E9AFE; text-decoration:none; }
A:hover{ color:#2E9AFE; text-decoration:underline; }
A:active{ color:#2E9AFE; text-decoration:none; }
A:active:hover{ color:#2E9AFE; text-decoration:underline; }
A:visited{ color:#2E9AFE; text-decoration:none; }
A:visited:hover{ color:#2E9AFE; text-decoration:underline; }


#wrapper {
	width:100%;
	height:auto;
	margin:auto;
}
#header {
	position: fixed;
	z-index:1;
	width:800px;
	overflow:hidden;
	height:80px;    
}
#esquerra {
	width:146px;
	height:80px;
	float:left;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 2px solid;
}
#centre {
	width:450px;
	height:80px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	border-bottom:#CCCCCC 2px solid;
	background: url("imatges/fondocentre.jpg");
	background-repeat:no-repeat;
	
}
#dreta {
	width:122px;
	height:80px;
	float:left;
	border-bottom:#CCCCCC 2px solid;
	padding-left:20px;
	padding-right:20px;
	background: url("imatges/fondodreta.jpg");
}

h1{
	text-align:right;
	color:#FFFFFF;
	font-size:14pt;
	font-weight:bold;
	padding-right:20px;
}

h2{
	text-align:right;
	color:#FFFFFF;
	font-size:12pt;
	font-weight:bold;
	padding-right:20px;
}


#main {
	width:800px;
	overflow:hidden;
	height:auto;
	padding-bottom:90px;
}
#column1 {
	position:fixed;
	top:80px;
	width:146px;
	border-right:#CCCCCC 2px solid;
	height:300px;
	float:left;
}

#navlist{
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 12px Verdana, sans-serif;
	background:#F3F3F3;
	width: 12em;
}

#navlist li{
	list-style: none;
	margin: 0;
	border-top:#CCCCCC 1px solid;
	text-align: right;
}

#navlist li a{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	background: #F3F3F3;
	text-decoration: none;
}

#navlist li a:link { color: #6C8EFF; }
#navlist li a:visited { color: #999999; }

#navlist li a:hover{
	border-color: #FE3;
	color: #666666;
	background: #FFFFFF;
}

#column2 {
	position:relative;
	top:80px;
	left:146px;
	overflow:hidden;
	width:460px;
	height:auto;
	float:left;
	padding:20px;
	text-align:justify;	
}

.tabledir {
	width:92%;
	text-align:right;
}

.table1 {
	width:200px;
	margin:auto;
	font-size:12px;
	border:0px solid #000000; 
}
	
.table1 td {
	font-weight:bold;
	color:#000099;
	vertical-align:middle; text-align:center;
	border:0px solid #000000; 
}
	
h3{
	text-align:right;
	color:#306EFF;
	font-size:14pt;
	font-weight:bold;
}

#column3 {
	position:relative;
	top:80px;
	z-index:-1;
	width:auto;
	height:auto;
	float:right;
	padding-top:30px;
	background-color:#FFFFFF;
}

#column {
	position:relative;
	top:80px;
	left:146px;
	width:630px;
	height:auto;
	float:left;	
	padding:10px;
}
#column4{
	position:relative;
	top:80px;
	left:146px;
	width:630px;
	height:auto;
	float:left;	
	padding-left:10px;
}

#buscador {
	width:330px;
	height:auto;
	float:right;	
	padding:0px;
}

#column table {
	border:1px solid #3366FF;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
}

#column li {  
	padding:0;
	display: inline;  
	font-size:10pt;
	
}  
#column img{  
	display: block;
	max-width: 120px;
	max-height: 120px;
	margin-left:auto;
	margin-right:auto;
	 
}  

h4{
	text-align:left;
	color:#6C8EFF;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:10px;
}

#footer{
	height:auto;
	width:800px;
	text-align:center;
	font-size:10px;
	margin-top:0px;
	border-top:#CCCCCC 2px solid;
	text-transform:lowercase;
}