/*********** Estils generals******************/

HTML {
	margin: 0px;
	padding:0px;
	width:100%;
	height:100%;
}
BODY {
	margin: 0px;
	padding:0px;	

	font-family:Arial;
	text-align:center;
	font-size:12px;
	width:100%;
	height:100%;
	background-color:#000000; 
	background-image:url('img/fons.jpg');
	background-position:top left;
	background-repeat:repeat;
	color:white;
	overflow:auto;


}

h2 {
	font-weight:normal;
	font-size:13px;
	text-align:left;

	color:#bacebc;

}

a {
	color:white;
	text-decoration: none;
}

a:hover{
	color:white;
	text-decoration: none;	
	font-weight:bold;
}

p {

	text-align:left;


}



img {
	border:0px;
	padding:0px;
	margin:0px;

}


/*********** Estructura ******************/



#tot{

	width:762px;
	_width:764px;
	height:100%;
	margin-left: auto;
	margin-right: auto;

	display: table;
	
	* overflow:hidden;
	_overflow:none;
}


#tot_dins {

	width:762px;
	height:750px;
	margin-left: auto;
	margin-right: auto;

	display: table-cell;
     	vertical-align: middle;
     	position: relative;

	_top: 50%;
	_left: 0;
	_height: 1px;


}


#tot_dins_inner {

	width:762px;
	height:750px;
	margin-left: auto;
	margin-right: auto;

	border: solid 1px white;

     	_position: relative;
     	_top: -50%;


}


/* part superior */

#cap{
	width:762px;
	_width:760px;
	height:263px;	
	_height:257px;
	border-bottom:solid 1px white;

}	

	.img_titol {
		margin-top:-3px;
		_margin-top:-3px;
		border:0px;
	}


/* fi part superior */

/* part central */


#menu {

	margin-top:0px;
	margin-left:0px;
	
	width:762px;
	height:127px;


}

	#menu ul {
		list-style-type:none;
		margin-top:-12px;
		margin-left:-40px;
		
		* margin-top:0px;
		* margin-left:0px;

		_margin-top:0px;

	}

	#menu li {
		
		float:left;
		height:127px;
		width:127px;

	}







#central {
	
	width:762px;
	height:358px;

	background-image:url('img/degradat_central.jpg');
	background-position:top left;
	background-repeat:repeat-x;


}


#sobre_central {

	width:762px;
	height:298px;



}

#menu_central {
	float:left;

	width:189px;
	height:298px;


}

	#menu_central ul {
		list-style-type:none;
		margin-top:15px;
		margin-left:-25px;
		*margin-left:0px;

	}

	#menu_central li {
		
		width:155px;
		height:17px;

		_width:157px;
		_height:23px;

		border: solid 1px #313131;

		padding-top:4px;
		_padding-top:3px;

		background-color:black;
		color:white;

		font-size:13px;

		margin-bottom:8px;
	}

	#menu_central li.on a {
		font-weight:bold;
		color:white;		
	}

	#menu_central a {
		color: #999999;
	}

	#menu_central a:hover {
		font-weight:bold;
		color:white;
	}

	.botosubmenu {


	}

	#technical_menu {
		font-size:10px;
		width:100px;
		margin-left:45px;
	}

#separacio_central {

	float:left;

	width:11px;
	height:298px;


}

	#linia_separacio_central {

		border-left:solid 1px #6f6f6f;
		
		height:160px;
		margin-top:70px;
	}



#contingut_central_menu {
	float:left;
	
	width:532px;
	height:283px;


	_width:500px;

	padding-top:15px;
	padding-left:15px;
	padding-right:15px;

	_width:562px;
	_height:298px;


}

	.imatge_dreta {
		float:right;
		margin-left:15px;

	}

	.imatge_esquerra {
		float:left;
		margin-right:15px;

	}

	.imatges_dreta {
		float:right;
		margin-left:15px;
		height:260px;
		width:160px;

	}

	.foto_petita {
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}

	.netejar {
	
		clear:both;

	}

#contingut_central_no_menu {
	
	width:762px;
	height:298px;

}

#sota_central {

	width:562px;
	height:55px;
	_height:60px;

	padding-top:5px;

	margin-left:auto;
	margin-right:auto;

	border-top:solid 1px #6f6f6f;

	text-align:center;

	font-size:10px;

}



/***********  Fi  Estructura ******************/


