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

HTML {
	height:100%;
}

BODY {

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

	line-height:150%;
	font-size:12px;
	color:#87888a;

	height:100%;
}


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

}

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

a.fletxa, a.fletxa:visited {

	text-decoration:none;
	color:#006666;

	background-image:url('img/triangleverd.gif');
	background-position:0% 40%;
	background-repeat:no-repeat;

	padding-left:10px;
}

a.fletxa:hover, a.fletxa:active {
	text-decoration:none;
	color:#87888a;

	background-image:url('img/trianglegrisfosc.gif');
}


a.tornar_a, a.tornar_a:visited {

	text-decoration:none;
	color:#d7d6d6;

	background-image:url('img/trianglegrisclar.gif');
	background-position:0% 40%;
	background-repeat:no-repeat;

	padding-left:10px;
}

a.tornar_a:hover, a.tornar_a:active {
	text-decoration:none;
	color:#006666;

	background-image:url('img/triangleverd2.gif');
}

p {

}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

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

}

.majuscula {
	text-transform:uppercase;
}

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



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



#tot{

	width:800px;
/*	height:973px;	 */

	height:100%;

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

	margin-bottom:00px;

	text-align:left;

	background-color:black;
}

#tot_menys_baix {
	width:800px;
	min-height:855px;
	background-color:#dadadc;

}

#cap  {
	width:800px;
	height:83px;

	background-color:black;

}

	#logocap {
		float:right;
		width:83px;
		height:83px;
		margin-right:65px;
	}


	#idiomes {
		float:left;
		margin-top:56px;
		margin-left:20px;
		color:#5e5d5c;
		font-size:9px;
	}

	.idioma {
		float:left;
		margin-left:2px;


	}

		.idioma a {
			color:#5e5d5c;
			
		}
		.idioma a:hover, .idioma a.seleccionat {
			color:white;
		}

#cap_imatges {

	width:800px;
	height:264px;
	margin-top:2px;

	z-index:-1;

}


#menu {

	width:801px;
	height:33px;

	margin-top:-7px;
	* margin-top:10px;

	font-size:9px;
	line-height:100%;
}

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

	#menu li {
		float:left;
		margin-right:1px;
		height:33px;

	}


	.botomenu {
		width:94px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:black;
		
	}

	.botomenu:hover, .botomenumarcat {
		width:94px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:#006666;
	}

	.botomenu115 {
		width:117px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:black;
		
	}

	.botomenu115:hover, .botomenu115marcat {
		width:117px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:#006666;
	}
	

	.botomenu114 {
		width:112px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:black;
		
	}

	.botomenu114:hover, .botomenu114marcat {
		width:112px;
		padding-top:14px;
		height:25px;

		*margin-top:-8px;

		text-align:center;

		color:white;
		cursor:pointer;

		text-transform:uppercase;

		background-color:#006666;
	}




#central {

	clear:both;
	
	width:800px;
	min-height:356px;

	margin-top:2px;
	*margin-top:-5px;

	background-color:#ffffff;

}

	#text_central {
		width:320px;
		_width:284px;
		min-height:285px;
		_heigth:315px;
		float:left;
		margin-top:0px;
		padding-left:34px;
		padding-right:30px;

		padding-top:30px;

		line-height:150%;
		color:#87888a;

	}

		ul.imgpetites {
		
			margin-top:0px;
			margin-bottom:15px;
			*margin-bottom:25px;
		}

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


		li.imgmarcada, li.imgnomarcada:hover {
 
			filter: alpha(opacity=100);
			float: left; 
			display: block; 
			cursor: pointer; 
			border: 1px solid #006666; 
			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:34px;
			margin-right:34px;

			border: 1px solid #87888a; 
			padding:2px;

		}

#sota1 {
	width:800px;
	height:132px;

	margin-top:0px;

	background-image:url('img/sota1.jpg');
	background-position:top left;
	background-repeat:no-repeat;

	clear:both;
}

#sota2 {
	clear:both;
	width:800px;
	height:70px;

	margin-top:0px;

	background-color:black;

	font-size:9px;
}

	#text_sota2 {
		border-top:solid 1px #929190;
		
		width:265px;
		padding-top:3px;

		margin-left:20px;

		color:white;
		font-size:12px;

		text-transform:none;
	}

		#text_sota2 a, #text_sota2 a:visited {
			text-decoration:none;
			color:#87888a;
		}

		#text_sota2 a:hover, #text_sota2 a:active {
			text-decoration:none;
			color:#006666;
		}



.netejar {
	clear:both;
}

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