html{
	overflow-y:auto;
}
			
/*---------------------------- Estil de index.php --------------------------------------------------------*/
* html #barraIntro{
			width: 950px;
			background-color: #000;
		}
		#barraIntro{
			background-color: #000000;
			width: 880px;
			height: 15px;
			margin: 0 auto 0 auto;
			text-align: right;
			padding-right: 20px;
			padding-top: 2px;
		}
		.itemMenuIntro{
			margin: 0;
			text-align: center;
			margin-left: 10px;
			width: 70px;
			height: 15px;
			display: inline;
			font-size:9px;
		}
		#ulIntro{
			margin: 0;
			padding: 0;
			height: 15px;
			width: 100%;			
		}
/*---------------------------- Estil principal de la web ---------------------------------------------*/

	
		body{
			margin-top: 30px;
			text-align: center;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			background-color:#000;
		}
		* html #preLoad{
			left: 10px;
		}
		#preLoad{
			position: absolute;
			width: 100%;
			/*width: 950px;*/
			/*height: 700px;*/
			left: 0;
			top: 0px;
			z-index: 2;
			background-color: transparent;
			text-align:center;
			visibility: visible;
			
		}
		#tapaMenu{
			position: relative;
			margin: 71px auto 0 auto;
			width: 910px;
			height: 15px;
			background-color: #000;
			visibility:hidden;
		}
		#tapaGran{
			position: relative;
			margin: 2px auto 0 auto;
			background-color: #000;
			width: 910px;
			height: 180px;
			color:#fff;
			font-size: 12px;
			padding: 150px 20px;
			
		}
	/*-----------Inici Nova capa de carregant---------------*/	
		#tapaBarra2{
			position: absolute;
			background-color:#000;
			width: 950px;
			height: 15px;
			top:0px;
			left:-25px;
			z-index: 3;
		}
		#tapaGran2{
			position: absolute;
			top:0;
			left:0;
			background-image:url(../imatges/fons_precarrega.jpg);
			background-color:#000;
			width: 950px;
			height: 480px;
			color:#fff;
			font-size: 12px;
			z-index:2;
			
		}
		#imatgePreload{
			position: absolute;
			top: 250px;
			left: 450px;
			visibility: hidden;
		}
		#textCarrega{
			position: absolute;
			left: 350px;
			top: 200px;
		}
	/*-----------Final Nova capa de carregant---------------*/	
		#capLogo{
			position: relative;
			width: 900px;
			height: 30px;
			margin: -20px auto 0;
			text-align: right;
		}
		#capsalera{
			position: relative;
			width: 950px;
			height: 40px;
			margin: 0px auto 0 auto;
			/*background-color: #262528;*/
			background-color: #333;
			text-align: right;
		}
		* html #logo{
			margin-right: 17px;		
		}
		#logo{
			position: relative;
			width: 100px;
			height: 20px;
			background-image: url(../imatges/logo.jpg);
			background-repeat: no-repeat;
			background-color: transparent;
			margin-top: 10px;
			margin-right: 20px;
			cursor:pointer;
			float: right;
		}
		#barra{
			position: relative;
			width: 900px;
			height: 15px;
			padding-top: 2px;
			margin: 0 auto;
			background-color:#000000;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			letter-spacing: 1px;
			color: #FFFFFF;
			/*border-bottom: 1px solid #ccc;*/
		}
		#tapaBarra{
			position: absolute;
			background-color:#000;
			width: 950px;
			height: 15px;
			left: 0;
			top: 0;
			z-index: 3;
			filter: Alpha (Opacity=5);
			-moz-opacity:0.05;
			opacity: 0.05;
			visibility: hidden;
		}
		#centre{
			position: relative; 
			width: 950px;
			margin: 0 auto 0 auto;
			height: 480px;
			background-image: url(../imatges/fonsNoFlash.jpg);
			background-repeat:no-repeat;
			background-color: #000;
			text-align: center;
			border: 1px solid #333;
			/*border-top: 0;*/
		}
		#centreImpresio{
			position: relative;
			margin: 0 auto 0 auto;
			visibility:hidden;
			display:none;
			background-color: #000;
		}
		#noFlashIntro{
			position: relative; 
			width: 950px;
			margin: 0 auto 0 auto;
			height: 480px;
			background-image: url(../imatges/fonsNoFlash.jpg);
			background-repeat:no-repeat;
			background-color: #000;
			border: 1px solid #333;
			color: #999;
			font-size: 11px;
			visibility: hidden;
		}
		/*
		#versioFlash{
			margin-top: 10px;
			color: #999;
			font-size: 11px;
			visibility: hidden;
		}
		*/
		#legal{
			width: 900px;
			margin: 0 auto;
		}
		#barraPetita{
			position: absolute;
			width: 120px;
			height: 40px;
			left: 890px;
	   		top: 0; 
			background-color:#71625b;
			filter: Alpha (Opacity=35);
			-moz-opacity:0.35;
			opacity: 0.35;
			visibility: hidden;
		}
		#barraVertical{
			/*background-color: #71625b;*/
			position: absolute;
			height: 480px;
			width: 120px;
			background-color:#71625b;
			padding: 0px;
			left: 890px; 
			visibility: hidden;
	   		top: 0; 
	   		z-index: 4;
			filter: Alpha (Opacity=35);
			-moz-opacity:0.35;
			opacity: 0.35;
			margin: 0;
		}
		#tapaBarraVertical{
			position: absolute;
			height: 350px;
			width: 120px;
			background-color:#4d485b;
			padding: 0px;
			left:22px; 
			visibility: hidden;
	   		top: 0; 
	   		z-index: 6;
			filter: Alpha (Opacity=1);
			-moz-opacity:0.01;
			opacity: 0.01;
			margin: 0;
		}
		

/*-----------------------------------------------------------------------------------------------------------------------------*/
		.subMenu{
			position: absolute;
			/*width: 100%;*/
			height: 460px;
			font-size:11px;
			color: #fff;
			text-align: left;
			z-index: 5;
			left: 42px; 
			top: 20px;
		}
		.itemMenu{
			position: relative;
			margin-top: 15px;
			margin-left: 10px;
			text-align: left;
			overflow: auto;
		}
/*		.desplegable{
			width: 150px;
			height: 150px;
			overflow: hidden;
		}

*/		.llistaDesplegable{
			width: 100px;
			list-style:none;
			margin: 0px;
			padding: 0px;
			text-align:left;
			/*background-color:#006666;*/
		}

		.itemDesplegable{
			/*width: 100%;
			height: 10px;*/
			margin-top: 5px;
			margin-left: 0px;
			/*background-color:#990000;*/
		}
/*-----------------------------------------------------------------------------------------------------------------------------*/
		#continguts{
			position: absolute;
			left: 0; 
			top: 0; 
			background-image: url(../imatges/fons.jpg);
			background-repeat: no-repeat;
			z-index: 1;
			width: 950px;
			height: 100%;
			overflow: hidden;
		}
		#frameContinguts{
			position: absolute;
			top: 0;
			left:130px;
			margin: 0;
			width: 870px;
			height: 100%;
			background-color: transparent;
			z-index:3;
			overflow-x: hidden;
				
		}
		#peuLogo{
			position:relative;
			margin: 20px auto;
			width:950px;
			text-align:center;
			color:#555;
			font-size:9px;
		}
		#fosc{
			position: absolute;
			width: 950px;
			height: 100%;
			top: 0;
			left:950px;
			left:0px;
			margin: 0 0 0 0px;
			background-color: #000;
			z-index:2;
			filter: Alpha (Opacity=90);
			-moz-opacity:0.90;
			opacity: 0.90;
		}
		
/*-------------etiquetes del menu----------------------------------*/
		#barra ul {
			position: absolute;
			text-align: left;
			padding: 0px;
			margin: 0px;
			margin-left: 30px;
			width: 100%;
			left: 0;
		}
		#barra ul li {
			position: absolute;
			/*left:0; */
			margin-left: 20px;
			margin-right: 0px;
			display: inline;
			/*width: 70px;*/
			/*background-color:#993333;*/
		}
		#fletxaMenu{
			width: 100%;
			text-align: center;
			margin: 0 auto 0 auto;
		}
		.blanc{
			color:#FFFFFF;
		}
/*------------------------------etiquetes pels links------------*/
/*		A:hover, A:active{
			color: #0099C;
		}
		A:link{
			color:#fff;
			text-decoration: none;
		} 
		A:visited{
			text-decoration: none;
			color:#fff;
		}
		*/
		
	A:link		{text-decoration: none; color: #999;}
	A:visited	{text-decoration: none; color: #999;}
	A:hover		{text-decoration: none; color: #fff;}
	A:active	{text-decoration: none; color: #fff;}
	A:focus		{text-decoration: none; color: #fff;}

	A.linkFlash:link		{text-decoration: none; color: #fff;}
	A.linkFlash:visited		{text-decoration: none; color: #fff;}
	A.linkFlash:hover		{text-decoration: none; color: #999999;}
	A.linkFlash:active		{text-decoration: none; color: #999999;}
	A.linkFlash:focus		{text-decoration: none; color: #999999;}
	
	A.programacio:link		{text-decoration: none; color: #999999;}
	A.programacio:visited	{text-decoration: none; color: #999999;}
	A.programacio:hover		{text-decoration: none; color: #990000; font-weight:bold;}
	A.programacio:active	{text-decoration: none; color: #990000; font-weight:bold;}
	A.programacio:focus		{text-decoration: none; color: #990000; font-weight:bold;}
/*---------------------------iframe----------------------------------------*/
	#iFrame{
		margin: 0;
	}