body,html {
	margin: 0px;
	padding: 0px;
	background-color: #d1cc7b;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow: auto;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
hr {
	border: 0px;
    color: #649600;
	background-color: #649600;    
    height: 1px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}


/* ESTRUCTURA PER CENTRAR */
#tot {
	width: 973px;
	height: 590px;
	margin: 0px auto 0px auto;
	position: relative;
}

/* CAPÇALERA */
#dalt {
	width: 100%; 
	right: -5px; 
	top: 0px;
	position: absolute; 
	color: #649600;
	text-align: right;
}

/* MENÚ */
ul#menu {
	width: 140px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: absolute;
	left: 0px;
	bottom: 50px;
}

ul#menu li {
	padding: 0px;
	margin: 15px 0px 0px 0px;
	position: relative;
	width: 140px;
	height: 54px;
}

ul#menu li a.actiu {
	background-color: #96cf00;
}

ul#menu li a {
	background-color: #649600;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#menu li a:hover {
	background-color: #96cf00;
}
ul#menu li a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.canto {
	position: absolute;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	font-size: 1px;
}	
.cdalt {
	top: 0px;
	left: 0px;
	background-image: url(../img/pastilla_dalt_esq.gif);
	z-index: 100;
}

.cbaix {
	right: 0px;
	bottom: 0px;
	background-image: url(../img/pastilla_baix_dreta.gif);
}

/* PORTADA */
#tot_portada { position:relative; margin: 0px auto 0px auto; width:900px; height:555px; }
#fotos_portada { position:absolute; top:170px; left:150px; margin:0px; padding:0px; }
ul#idiomes {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: absolute;
	left:50px;
	bottom:5px;
}
ul#idiomes li {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	position: relative;
	float: left;
	width: 170px;
	height: 65px;
}
ul#idiomes li a {
	background-color: #649600;
	display: block;
	height: 65px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul#idiomes li a:hover { background-color: #96cf00; }
ul#idiomes li a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* CONTINGUT */
#contingut {
	position: absolute;
	width: 720px; 
	margin:0px;
	padding: 0px;
	right: 0px;
	bottom: 50px;
}
#paper {
	color: #531e04;
	background-color:#fff;
	padding: 10px 15px 10px 10px;
	margin: 0px 0px 5px 10px;
	position: relative;
	overflow: hidden;
}
.moltgran { height: 305px; }
.gran { height: 265px; }
.petit { height: 225px; }

#paper h2 { font-size: 2em; margin:0px 0px 10px 0px; }
#paper h3 { font-size: 1.3em; margin:10px 0px 10px 0px; color:#649600; }
#paper h4 { font-size: 1em; margin:10px 0px 5px 0px; font-weight:bold; }
#paper p { text-align: justify; margin:0px; }
#paper br { line-height: 6px; }
.moltgran img { margin: 0px 15px 0px 0px; float:left; }
.gran img { margin: 0px 15px 0px 0px; float:left; }
.petit img { margin: 0px 15px 0px 0px; float:left; }
#paper li { margin-bottom: 10px; }
#paper p.neteja { clear: both; display: block; height: 1px; margin: 0px; padding: 0px; font-size:1px; }
#paper a { color: #531304; text-decoration:none; }
#paper a:hover { color: #000; text-decoration:none; }

.baix_dreta { position:absolute; right:10px; bottom:10px; }

#scroll { position:absolute; right: 10px; top: 0px; height: 100px; width: 20px; }
#scroll_dalt { position: absolute; top: 0px; }
#scroll_dalt a { background-image: url(../img/fletxa_dalt_off.gif); width: 20px; height: 20px; display:block; text-decoration:none; }
#scroll_dalt a:hover { background-image: url(../img/fletxa_dalt_on.gif); }
#scroll_baix { position: absolute; bottom: 0px; }
#scroll_baix a { background-image: url(../img/fletxa_baix_off.gif); width: 20px; height: 20px; display:block; text-decoration:none; }
#scroll_baix a:hover { background-image: url(../img/fletxa_baix_on.gif); }
#paper.petit #scroll { height: 245px; }
#paper.gran #scroll { height: 285px; }
#container_scroll { position: relative; overflow: hidden; width: 670px; }
#contingut_scroll { position: absolute; top: 0px; left: 0px; }



/* SUBMENÚ */
ul#submenu {
	width: 720px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
}

ul#submenu li {
	padding: 10px 0px 0px 10px;
	margin: 0px;
	position: relative;
	float: left;
	width: 230px;
	height: 30px;
}
ul#submenu li.doble { width: 470px; }

ul#submenu li a {
	background-color: #649600;
	display: block;
	height: 30px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul#submenu li a.actiu { background-color: #96cf00; }
ul#submenu li a:hover { background-color: #96cf00; }

ul#submenu li a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#mosaic_allotjaments { margin:0px; padding:0px;  }
#mosaic_allotjaments td { margin:0px; padding:0px; }
#mosaic_allotjaments img { margin:0px 0px 0px 10px; padding:0px; border: 2px solid #000; }

#iconagosno { position: absolute; right:0px; bottom:0px; margin:0px 0px 0px 0px; padding:0px; border:0px; }
#iconavideo { border:0px; width:48px; height:30px; position: absolute; right:15px; bottom:0px; margin:0px 0px 8px 0px; padding:0px; }


table.calendari { border:0px; margin:0px; padding:0px; }
table.calendari td { width:20px; height:20px; text-align:center; }
table.calendari td.mes { font-weight:bold; text-align:right; }
table.calendari td.inici { background-image: url(../img/calendari_inici.png);	background-position: top center;
	background-repeat: no-repeat;
}
table.calendari td.mig { background-image: url(../img/calendari_mig.png);	background-position: top center;
	background-repeat: no-repeat;
}
table.calendari td.fi { background-image: url(../img/calendari_fi.png);	background-position: top center;
	background-repeat: no-repeat;
}

#mosaic_entorn { margin:0px; padding:0px;  }
#mosaic_entorn td { margin:0px; padding:0px; }
#mosaic_entorn img { margin:0px 10px 0px 0px; padding:0px; }
#mosaic_entorn tr.text_entorn td { padding-bottom:10px; }
#mosaic_entorn a { font-size:1.2em; font-weight:bold; }

div.finestra { position:absolute; left: 200px; top: 40px; width: 280px; display:none; visibility: hidden; padding: 10px; border: 1px solid; background-color: #96cf00; }
div.finestra a { color: #000; text-decoration:none; }
div.finestra a:hover { color: #000; text-decoration:underline; }
div.finestra h3 { font-size: 1.3em; margin:0px 0px 10px 0px; }


div.foto_forestal { width: 300px; height: 260px; float:left; margin:0px; padding:0px 15px 0px 0px; }
div.foto_forestal img { margin:0px; }

.entrada_form { border:1px solid #649600; background-color: #e4ecd6;
	width: 570px; margin:0px 0px 5px 0px; padding: 2px; 
	font-size:1em; font-family: Arial, sans-serif; }
.entrada_form:focus { background-color: #c7d5ad }
.error { position: absolute; right: 20px; top: 17px; color: #f00; font-size:1.2em; }

/* PEU */
#peu { 	
	width: 710px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size:1.2em;
}
#peu a { color: #FFF; text-decoration: none; }
#peu a:hover { color: #FFF; text-decoration: underline; }