body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: url(../ima/bg1.gif) repeat;
	padding: 0px;
	border-top: 4px solid #418CC5;
	margin: 0px;
	}
	
	#all {
		padding: 0px;
		width: 750px;
		margin: 0px auto;
		background: #FFFFFF;
		border: 0 1px 1px 1px solid #aaaaaa;
	}
	
	h1 {
		padding: 0px;
		margin: 10px 0 0 10px;
		font-size:2em; color: #555
		}

	p.clear{
	clear:both;margin:0;padding:0
	}
	
	a:active, a:hover, a:link, a:visited {
	color: #0E3267;
	}

	#top {
		border-bottom: 1px solid #666666;
		width: 750px;
	}
	
	#menu {
	
	width: 516px;
	height: 27px;
	background: url(../ima/menu.jpg) no-repeat;
	padding: 6px 0 0 0;
	float: left;
	text-align: left;
	text-indent: 10px;
	font-size: 12px;
	color: #FFFFFF;
	}
	
	
		A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
			color: #FFFFFF;
			text-decoration: none;
			font-weight: bold;
		}
		A.enlacenav:HOVER{
			color: #CCFF00;
			font-weight: bold;
		}
		A.anunci, A.anunci:VISITED, A.anunci:ACTIVE, A.anunci:LINK{
			color: #006699;
			text-decoration: underline;
			font-weight: bold;
		}
		A.anunci:HOVER{
			color: #006699;
			font-weight: bold;
			text-decoration:none
		}
		
			#postit {
			background-color: #FFFFFF;
			width: 504px;
			float: left;
			margin: 0;
			font-family: "Trebuchet MS", Arial, sans-serif;
			font-size: 13px;
			padding: 5px 0 0 0;
			}
			
			#postit li {
			line-height: 2em;
			text-align: left;
			}
			
			.strong {
				color: #CCFF00;
				font-weight: bold;
			}
			
			#postit p {
				text-align: left;
				margin-left: 25px;
				margin-right: 12px;
			}
			
			
			/* div para la seccion imagen*/
				
			#imagen {
					width: 450px; /* the width of the thumbnail block */
					margin: 0 0 25px 10px;
					float: left;
				}
				
			#imagen h1 {
					padding: 0px;
					margin: 15px 0 20px 10px;
				}
			#imagen p {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 11px;
					margin:0 0 1em 15px;
					padding:0;
					text-align: left
					}
					
			#imagen p.nota {
					font-family:Arial, Helvetica, sans-serif;
					font-size: 10px;
					text-align: left;
					margin: 0 0 15px 15px;
					}
				
				#colima1 {
					margin: 0 0 0 15px;
					padding: 0px;
					width: 600px;
					float: left;
					}
				
				#colima1 img{
					padding: 1px;
					margin: 0 25px 25px 0;
					border: 1px solid #C1C1C1;
					float: left;
					}
				
				#colima2 {
					margin: 0px 0px 0px 30px;
					padding: 0px;
					width: 150px;
					float: left;
				}
				
				#colima2 img{
					padding: 1px;
					margin: 0;
					border: 1px solid #C1C1C1;
					}
				
		div.lateral {
			float: right;
			width: 200px;
			margin: 25px auto;
		}
		
		div.modulo {
			width: 170px;
			margin: 0 auto 25px auto;
			}
			
			div.modulo .cabecera {
				width: 170px;
				height: 30px;
				margin: 0;
				}
				
			div.modulo .mid {
				font-size:0.7em;
				padding: 5px;
				background: #ECF4FD;
				}
			
			div.modulo .mid p {
				margin-left: 10px;
				font-size: 11px; 
			}
				
			div.modulo .mid ul {
				margin-left: 5px;
				padding: 0;
				margin:0;
			}
	
			div.modulo .mid li {
				padding: 0 0 5px 10px;
				list-style: none;
				background: url("/ima/li.gif") no-repeat top;
				background-position: 0 4px;
				_background-position: 0 7px;
			}
			
			
		
		.titlat{
			background-color:#CCFF00;
			color:#000000;
			font-size:8pt;
			text-transform : uppercase;
			padding: 8px 0px 7px;
			font-weight : normal;
			letter-spacing : 2px;
			text-align: center;
		}

		
		p.anunci {
			font-family: "Trebuchet MS", Arial, sans-serif;
			font-size: 13px;
			color: #3477AD;
			background-color: #F1F3F1;
			margin:15px 0 15px 0;
			padding: 5px 5px 5px 10px;
			line-height: 1.4em;
		}
		
		#footer {
			background: #CACACA;
			width: 750px;
			height: 50px;
			border-top: 1px solid #666;
			padding: 0px;
			margin: 25px 0 0 0 !important
			}
			
		#footer p {
			font-size: 0.7em;
			margin: 0;
			padding: 10px;
		}
		
		#top img {
			margin: 0px;
			padding: 0px;
		}
		
		#top h1 {
			margin: 0px;
			padding: 0px;
		}
		
	/*Estils per als pop-ups de les imatges*/
	
		#lightbox{
			background-color:#eee;
			padding: 10px;
			border-bottom: 2px solid #666;
			border-right: 2px solid #666;
			}
		#lightboxDetails{
			font-size: 0.8em;
			padding-top: 0.4em;
			}	
		#lightboxCaption{ float: left; }
		#keyboardMsg{ float: right; }
		
		#lightbox img{ border: none; } 
		#overlay img{ border: none; }
		
		
		#overlay{ background-image: url(../ima/overlay.png); }

		* html #overlay{
			background-color: #000;
			back\ground-color: transparent;
			background-image: url(../ima/blank.gif);
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ima/overlay.png", sizingMethod="scale");
			}