/*********** Estils generals******************/

HTML {
	height:100%;
}

BODY {

	text-align:center;
	background-color:#ffffff;
	font-family:Arial, sans-serif;

	line-height:150%;
	font-size:12px;
	color:#3a6828;

	height:100%;
}


a, a:visited {
	text-decoration:none;
	color:#f8ad73;

}

a:hover, a:active {
	text-decoration:none;
	color:#3a6828;
}


p {

}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	border:0px;
	padding:0px;
	margin:0px;

}

.majuscula {
	text-transform:uppercase;
}

.centrat {
	text-align:center;
}

/********* Botons ***************/



/*********** Estructura ******************/



#tot{

	width:1000px;
	min-height:750px;

	margin-top:20px;
	margin-left: auto;
	margin-right: auto;

	margin-bottom:0px;

	text-align:left;

	background-image:url('img/fons.png');
	background-repeat:no-repeat;
}


#logo {
	width:195px;
	_width:205px;
	height:124px;
	margin-top:5px;

	padding-left:10px;

	float:left;
}

	#logo a {
		color:#3a6828;
	}

	#logo a:hover, #logo a.marcat {
		color:#f8ad73;
	}

#banner {
	float:left;
	
	width:754px;
	height:124px;

	margin-top:5px;

}

#menu {
	float:left;

	width:195px;
	_width:205px;
	padding-top:0px;
	padding-left:10px;
	
	font-weight:bold;
}

	#menu ul{
		list-style-type:none;
		margin-top:0px;
		*margin-top:0px;
	}

	#menu li {
		float:left;
		margin-right:0px;
		min-height:35px;
		margin-bottom:15px;
	}


	.botomenu {
		width:172px;
		padding-top:9px;
		height:26px;
		_height:35px;

		*margin-top:0px;

		text-align:center;

		cursor:pointer;

		background-image:url('img/menu_off.png');
		
	}

	.botomenu:hover, .botomenumarcat {
		width:172px;
		padding-top:9px;
		height:26px;
		_height:35px;

		*margin-top:0px;

		text-align:center;

		cursor:pointer;

		background-image:url('img/menu_on.png');
	}

	#menu a {
		color:#3a6828;
	}


#cap  {


}





#central {

	float:left;
	
	width:754px;
	min-height:520px;

	margin-top:10px;

	background-image:url('img/fonscentral.png');
	background-repeat:repeat;

}

	#text_central {
		padding:10px;
		font-weight:bold;
		letter-spacing:0.5px;
	}

		.mostrar_text {
			display:block;
		}

		.nomostrar_text {
			display:none;
		}

	#imatges_central {
		padding:10px;
	}

		ul.imgpetites {

			float:left;

			width:290px;
		
			margin-top:10px;
			margin-bottom:0px;
			*margin-bottom:25px;

		}

		li.imgnomarcada { 
			opacity: .5; 
			filter: alpha(opacity=50);
			float: left; 
			display: block; 
			cursor: pointer; 
			border: 0px; 
			margin-right: 5px; 
			margin-bottom: 10px; 
			padding:2px;
		}


		li.imgmarcada, li.imgnomarcada:hover {
 
			filter: alpha(opacity=100);
			float: left; 
			display: block; 
			cursor: pointer; 
			border: 0px; 
			margin-right: 5px; 
			margin-bottom: 10px; 
			padding:2px;

			opacity: .99 /* safari bug */ 


		}
		
		li.imgmarcada img, li.imgnomarcada img {
			margin-bottom:-5px;
			*margin-bottom:-3px;
		}

		#imggran {
			
			float:right;
			margin-top:10px;
			margin-right:0px;

			border:0px; 
			padding:2px;

		}

.netejar {
	clear:both;
}

/***********  Fi  Estructura ******************/