@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }

body {
	background: repeat url('../web/img/fons-n.png') #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 16px;
	color: #FFFFFF;
	overflow: hidden;
}

a:link { text-decoration: underline; color: #FFFFFF; }
a:active { text-decoration: underline; }
a:visited { text-decoration: underline; color: #FFFFFF; }
a:hover { text-decoration: none; }

.oculto { display: none }



/* MENU */

#menu-contenedor {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 400px;
	height: auto;
	z-index: 100;
	}
#menu-tope {
	float: left;
	background: #CCCCCC no-repeat url("../img/menu-fletxes.png") right;
	width: 380px;
	height: auto;
	padding: 2px 10px;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE -7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	cursor: pointer;
	color: #000000;
	font-size: 95%;
	}
#menu {
	float: left;
	display: block;
	width: 400px;
	height: 550px;
	background-color: #FFFFFF;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE -7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	overflow-y: auto;
	overflow-x: hidden;
	}
#menu ul {
	list-style: none;
	}
#menu a:link, #menu a:visited {
	display: block;
	padding: 5px 10px;
	width: 380px;
	/*border-bottom: 1px solid #DDDDDD;*/
	cursor: pointer;
	color: #000000;
	font-size: 95%;
	text-decoration: none;
	}
#menu a:hover, #menu a:active {
	display: block;
	padding: 5px 10px;
	background-color: #CCCCCC;
	width: 380px;
	/*border-bottom: 1px solid #DDDDDD;*/
	color: #000000;
	font-size: 95%;
	text-decoration: none;
	}
	a.actual { background-color: #CCCCCC }
.seccion {
	font-family: Verdana;
	font-size: 80%;
	font-weight: bold;
	line-height: 11px
	}
.nou {
	color: #FFA900;
	}
	
	/* colors de seccions */
	.audiovisual { color: fuchsia }
	.impresos { color: red }
	.internet { color: green }



/* IMAGENES */
	#supersize { position:fixed }
	#supersize img, #supersize a {
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0
		}
	#supersize .prevslide, #supersize .prevslide img { z-index: 1 }
	#supersize .activeslide, #supersize .activeslide img { z-index: 2 }
	#loading {
		position: absolute;
		top: 49.5%; 
		left: 49.5%;
		z-index: 3;
		width: 24px; 
		height: 24px;
		text-indent: -999em;
		background-image: url('../img/spinner-000.gif');
		}
		
/*
	.imagen {
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: -100;
		}
	
			http://www.so-uk.net/tester5.html
			
			#imagen table,#imagen td{ width: 100%; height: 100%; overflow: hidden; }
			#imagen div { background-color: #000000; position: absolute; width:200%; height: 200%; top: -50%; left: -50%; }
			#imagen td { vertical-align: middle; text-align: center; }
			#imagen img { min-height:50%; min-width:50%; margin:0 auto; }
*/




/* TEXTO */

#texto-contenedor {
	position: absolute;
	top: 80px;
	left: 40px;
	width: 400px;
	height: auto;
	z-index: 99;
	}
#texto-contenedor h1 { /* titol del projecte */
	font-size: 200%;
	font-weight: 100;
	margin-bottom: 10px;
	line-height: 32px;
	/*text-shadow: 2px 2px 2px #000000;*/
	padding-bottom: 15px
	}
#texto-contenedor p { /* descripcio, tags, etc. */
	font-size: 140%;
	line-height: 26px;
	/*text-shadow: 1px 1px 1px #000000;*/
	padding-bottom: 10px
	}
.fondo-gris {
	background-color: #111111;
	padding: 5px
	}