body {
	font-family: "comic Sans MS";  background-color: #FD7D15; margin-top: 0px; width: 100%; font-size: 0.9em; 
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 120%; color: #006500; }
h2 { font-size: 140%; color: #000000; }
#pagina {
	width: 770px;
	min-height: 100%; height: 100%; 
	overflow: hidden; 
	_display: inline-block; /*només per IE6*/
	background-color: #FCC316;
	border-left: 5px solid #ffffff; 
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff; 
	border-top: 5px solid #ffffff; 
	margin: 5px auto 0px auto;
	}
.esquerra {
	width: 250px;
    min-height: 600px; height: auto !important; height: 600px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
.menu {
	width: 250px;
	height: 330px;
	margin: 10px 0px 0px 0px;
	color: #2B200D;
	font-size: 97%;
	font-weight: normal;
	float: left;
	position:relative;
	}
.menu ul {
	list-style-type: none;
	width: 220px; 
	margin: 0px 0px 0px 0px;
	float: left;
	}
.menu ul li {
	width: 220px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: 50px;
	float: left;
	}
.menu ul li a { 	
	width: 220px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: 50px;
	float: left;
	text-decoration: none;
	color: #000000;
	}
.menu ul li a:hover {
	text-decoration: none; 
	color: #000000;
	font-weight: bold;
	}
.menu img { border: 0px; }
.dades {
	width: 240px; 
	height: 200px;
	margin: 10px 10px 10px 10px;
	float: left;
	}
.dades p {
	margin: 2px 0px 0px 0px;
	color: #2B200D;
	font-size: 75%;
	font-weight: bold;
	}
.dades p a {
	text-decoration: underline; 
	color: #2B200D;
	}
.dades p a:hover {
	text-decoration: none;
	color: #E91111;
	}
.dreta {
	width: 520px;
    min-height: 600px; height: auto !important;	height: 600px;
	margin: 0px 0px 0px 0px;
	float: right; 
	}
.superior {
	width: 520px;
	height: 210px;
	margin: 10px 0px 0px 0px;
	}
.inferior {
	width: 520px;
	height: 290px;
	margin: 10px 0px 0px 0px;
	}
.inferior1 {
	width: 300px;
	height: 290px;
	margin: 10px 0px 0px 0px;
	float: left;
	}
.inferior2 {
	width: 220px;
	height: 290px;
	margin: 10px 0px 0px 0px;
	float: right; 
	}
.inferior2 p {
	margin: 10px 0px 0px 0px;
	text-align: left;
	}
.central {
	width: 500px;
    min-height: 600px; height: auto !important;	height: 600px;
	margin: 0px 10px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	}
.central p {
	text-align: justify;
	}
.central img { border: 1px solid #ffffff; }
.ariadna {
	width: 300px;
	height: 30px;
	margin: 10px 5px 10px 0px;
	font-size: 110%;
	font-style: italic;
	color: #006500;
	}
.ariadna a {
	color: #000000; 
	}
.ariadna a:hover {
	color: #E91111;
	}
 .tirafotos { 
 width: 490px; 
 min-height: 110px;  height: auto !important; height: 102px;
 margin: 0px;
 padding: 0px;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 float: left; 
  }
.tirafotos img  { border: 1px solid #ffffff; }
.tirafotos ul { list-style-type: none; width: 100%; margin: 0px;    }
.tirafotos li { 
 width: 150px;  
 margin: 0px 1px 1px 0px; 
 display: inline;
 }