body,html { 
	margin: 0px; padding: 0px;
	width: 100%; height: 100%; 
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size:0.9em;
	height:100%; width:100%;
	color: #000;
}

html { 
	background-image:url(../imatges/fons2.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
	background-attachment:fixed; 
	background-color:#2f2f2f; 
}



a { color: #333; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
img { border: 0px; }
p { padding: 0px; }
h1, h2, h3, h4, h5 { font-weight: normal; margin:0px; padding:0px; }

#tot { width: 980px; height:100%; margin: 0px auto 0px auto;  }

#portada { text-align:center; padding-top:100px; padding-bottom:40px;  }
ul#menu_portada { list-style:none; margin:0px; padding:0px; width:980px; margin:50px auto 20px auto;  }
ul#menu_portada li { margin:0px 40px 0px 0px; padding:0px; width:125px; float:left;
	color:#000; text-align:center; font-size:1.2em; font-weight:bold; }
ul#menu_portada li.ultim { margin-right:0px; }

#dalt { border: 0px solid #ff0000;
	width: 100%; 
}
#login { border: 0px solid #000000;
	position: absolute; top: 7px; 
}
#peu {
	padding:5px; color:#000; font-size:0.8em; text-align:center; clear:both; padding-top:20px;
}

h1 { float:left; margin-top:25px; }
h2 { color:#000; font-size:1.8em; text-transform:uppercase; margin-bottom:20px; margin-left:5px; }
ul#menu { text-align:right; margin:0px 0px 0px auto; list-style:none; height:145px; }
ul#menu li { margin:15px 0px 0px 10px; padding:0px; width:100px; float:right;
	color:#000; text-align:center; font-size:1em; font-weight:bold; }
ul#menu li.actiu a { color:#666; }

#contingut { border: 0px solid #000000; }
#contingut a { color:#444; }
#contingut a:hover { color:inherit; }

div.text_imatge { border: 0px solid #f00;
	margin:20px 0px; position:relative;
	
}

div.text_imatge img.foto_principal { border:0px solid #f00; float:left; margin-bottom:0px; }
div.text_imatge div.text {  }
div.text_imatge h3 { font-size:1.2em; font-weight:bold; padding:0px; text-transform:uppercase; }
div.text_imatge h4 { font-size:1.1em; padding:0px;  }
p { padding:0px 0px 10px 0px; }
div.clear { clear:both; height:1px; font-size:1px;  }
p.peu_foto { clear:both; float:left; font-size:0.9em; margin-top:0px; }
div.lecture_text_dins p { margin:0px 0px 10px 0px; }

.fotos_petites { clear:none; }
.fotos_petites a { margin-right:10px; margin-bottom:10px; align:left; }
#fotos { position:fixed; width:100%; top:0px; left:0px; height:100%; text-align:center;  }
#fotos_dins { position:relative; width:760px; height:460px; background-image:url(../imatges/fotos.gif); margin: 20px auto auto auto; padding:20px;  }
#fotos .foto { margin-bottom:10px; margin-top:10px; }
#boto_anterior { position:absolute; left:10px; bottom:10px; }
#boto_seguent { position:absolute; right:10px; bottom:10px; }
#boto_tancar { position:absolute; right:10px; top:10px; }
.videos { padding-top:10px; }
.videos h4 { font-weight:bold; margin:0px 0px 10px 0px; padding:0px; }
.videos p { margin:5px 0px; padding:0px; }


div.lecture { position:relative; height:400px; margin-top:10px; margin-bottom:30px; }
div.lecture_text { 
	width:530px; height:360px; overflow:hidden; padding:20px; 
	background-image:url(../imatges/lectures_text.gif); 
}
div.lecture_dates { 
	position:absolute; left:600px; top:0px; width:340px; height:360px; overflow:hidden; padding:20px;
	background-image:url(../imatges/lectures_dates.gif); 
}
div.lecture_text_dins, div.lecture_dates_dins { height:360px; overflow:auto; }


#peu { border: 0px solid #000000;
	border: 0px solid #a80000;
	width: 100%;
	}

	
div.posicions { position:relative; }
div.posicions div.posicio { position:relative; }