html { height: 100% }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background-image: url("imatges/fonsFcat25a.jpg");
	cursor: url("../../imatges/pescat.cur"),url("../imatges/pescat.cur"), url("imatges/pescat.cur"), default;
	}

#map_canvas { height: 100% }

#postit {
	z-index: 100;
	position: fixed;
	background-color: transparent;
}

diorames{
	padding: 0 0 0 90px;
}

.diorames table tr td{
	vertical-align:bottom;
	padding: 5px 5px 20px 5px;
	font-size: 12px	
}

.diorames table tr td img {
	margin: 0px;
	border: 0px;
}

.activitat{
	width:100%;
	overflow:hidden;
}

.activitat_imatge{
	margin: 5px 10px 0 0;
	float:left;
	font-size: 0.9em;
	text-align:center;
}

.activitat_texte{
	margin: 5px;
	font-size: 12px;
	text-align: justify;
}

.centre {text-align: center}
.dret {text-align: right}
.esq {text-align: left}
.vermell {color: red}
.marron {color: maroon}
.mini{font-size: 9px}
.petit{font-size: 12px}
.nomarges{margin: 0}
.b{font-weight: bold}
.i{font-style: italic}
.remarc {
	line-height: 1.8;
	border-top: 1px solid maroon;
  border-bottom: 1px solid maroon;
	margin: 0px 30px 0px 30px;
	}
.subrratllat {
	line-height: 1.5;
  border-bottom: 1px solid maroon;
	margin: 0px 0px 0px 0px;  
	}
	
a {
	text-decoration: none;
	color:  #036;
	}
a:visited {
	color:  #036;
	}
a:active {
	color:  blue;
	}
a:hover {
	color: blue;
	}

a.menup:link {color: maroon;font-weight: bold}
a.menup:visited {color: maroon;font-weight: bold}
a.menup:active {color: maroon;font-weight: bold}
a.menup:hover {color: green;font-weight: bold}
	
h1 {
	font-size: 24px;
	color: maroon;
	}
h2 {
	font-size: 22px;
	}
h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	}
h1,h2,h4,h5,h6 {
	line-height: 1.2;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	}

p {
	font-size: 14px;
	text-align: justify;
	margin: 0px 0px 10px 0px;
	}
/*
p.dades{
	font-size: 12px;
	text-align: left;
	}
*/
img {
	margin: 5px;
	border: 0px;
	}	

th {
	padding: 10px;
	background-image: url("imatges/FonsG.gif"); 
	vertical-align: top;
	}

td {
	padding: 15px;
	vertical-align: top;
	font-size: 12px;	
	}

td.llist {
	padding: 0px 10px 5px 10px;
	margin: 0px;
	font-size: 12px;	
	}

td.llist14 {
	padding: 0px 10px 3px 0px;
	margin: 0px;
	font-size: 14px;	
	}

li {
	margin: 0;
	font-size: 14px;	
	}

dl{font-size: 12px;}

dt {
	margin: 5px 0px 0px 20px;
	font-weight: bold;
	}
dd {
	text-align: justify;
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffc;
padding: 3px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align: center;
font-size: 9px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: -100px; L'Opera no treballa bé amb això */
left: 180px; /*position where enlarged image should offset horizontally */
}