/*==========================================================================================
	
		<<===:::: Fulla d'estils ::::===>>
		
				Joan Ayza
				Escola Universitaria Politècnica de Mataró
				CSMM - Components de Sistemes Multimèdia
				
==========================================================================================*/


body {
	font-family:"Trebuchet MS", Verdana, Arial;
	background: #333;
	z-index: 1;
	}

.container { text-align: center; margin: auto; width: auto; }
	.contprincipal {
		background: #fff;/* Aqui va el color del peu de pagina i de les cantonades */ 
		width:700px;
		height:550px; 
		margin:0 3px;
		margin: auto;
		}
		.contprincipal p { margin:0; padding:5px 10px; }
		.contingut {
			display: block; 
			border: 0 solid #444; 
			border-width: 0 0px; 
			height: 550px;
			}
			.unalinia{
				border-bottom: none;
				border-left: none;
				border-top: none;
				text-align: left;
				font-size: 0.7em; 
				padding: 0; 
				border-bottom: 1px solid #444;
				display: block;
				height: 150px;
				}
				#menu1 {
					border-right: solid #000 1px;
					width: 100px; 
					text-align: left; 
					margin: 0;
					}
					.caixa { position:relative; }
				.foto { float: right; padding-left: 0px; border-left: 1px solid black; }
					.foto img { width: 450px; height: 150px; }
			.liniagrisa { 
				/* Això es la linia que separa la capcelera del resta */
				height:5px;
				display: block;
				border-bottom:none;
				background-color:#333;
				}			
			.aquivaelblanc{ /* Això es el contenidor del text principal */
				background:#FFF;
				width: 100%;
				height: 340px;padding-top:25px;
				overflow: auto;
				border-bottom:#000000 1px solid;border-left:none;border-right:none;border-top:none;
				}
				.aquivaelblanc p {
					font-size:0.8em;
					text-align:justify;
					}
					
					.titolseccio {
						background:#333;
						width:350px;
						color:#ccc;
						float:left;margin-top:-25px;
						text-align:right;
						padding-right:10px;
						margin-left:-60px;               
						}
					.banner {
					float:right;
					margin:10px;
					}
					.logo {
					text-align:center;		
						}
							
		.peu { font-size: 0.9em;
		background:#999; }

.posicionament {
	text-align:left;
	}
/* ------------------------------- INICI DEL MENÚ ------------------------------- */
		#menu1 a span {
		  display:none;
		  }
		
		/* Descripció del menú */
		#menu1 a:hover span.descripciomenu {
		  display:block; 
		  position:absolute; 
		  left:130px; 
		  top:3px; 
		  padding:5px; 
		  width:100px;
		  background-color:#fff; 
		  color:#000; 
		  border:1px solid #234;
		  }
		
		#menu1 a, #menu1 a:visited {
		  text-decoration:none; 
		  background-color:#fff; 
		  color:#000; 
		  display:block; 
		  width:10em; 
		  height:1.5em; 
		  border-bottom:1px solid #fff;  
		  border-right:1px solid #000; 
		  padding:0.5em;
		  }
		#menu1 a:hover {
		  border-bottom:1px solid #000; 
		  text-align:right;
		  }
/* ------------------------------- FINAL DEL MENÚ ------------------------------- */


.imatgediv{float:right;
border:none;
padding:0;
margin:0;
width:440px;
height:140px;}

/* Capa on estan les miniatures de les imatges i els arxius .swf */
.llistadimatges ul { }
.llistadimatges ul li { list-style: none; display: inline; }
.llistadimatges ul li a { float: left; width: 105px; height: 105px; padding: 5px 8px; padding-bottom: 10px;}
.llistadimatges ul li a img { width: 100px; height: 100px; border:0;}
.llistadimatges ul li a:hover { position: relative; border: 0;}
.llistadimatges ul li a:hover img { 
	width: 200px; height: 200px; 
	position: absolute; 
	left: -40px; top: -40px; 
	padding: 5px; 
	border: 0;
	z-index: 100;
	}
/* Capa on es carreguen les imatges i els arxius .swf ampliats */
.imgcontainer { padding: 0px 10px; padding-top: 5px; }
.imgcontainer div { }
.imgcontainer .llista { width: 200px; height: 260px; }
.imgcontainer .llista img { width: 50px; }
.imgcontainer .big { border: 1px solid black; float: right; width: 450px; height: 260px; }
.imgcontainer .big img { max-width: 400px; max-height: 250px; margin: auto; padding-top: 5px; }