body {margin:0;padding:0;width: 3850px;height: 519px;color:#900; font: 62.5%/150% Tahoma, Sans-Serif; background: #cccc66; /*url(../img/bground_fons.png) repeat-x left top;*/}
#googleMaps{position: absolute;top: 50%;margin-top:-225px;left: 50%;margin-left:-390px;width:780px;height: 450px;}
#mapsFooter{ text-align:center; height:25px; width:780px;; background-color:#7C1D20; color: #FFFFFF; line-height:25px;}
#mapsFooter a{ color:#FFFFFF;}
h2 {font-size: 1.1em; color:#999;}
h3 {font-size: 1.4em; color:#000;}

a, a:link, a:visited { text-decoration:none; color:#900;}
a:hover{ text-decoration:underline;}

hr, .hide {position:absolute; top:0; left:-9000px;}	

/* posar un fons a tota la pàgina primer un fons per tota la pàgina..............*/
#backG {background-image:url(../img/fons_background.gif); background-repeat: repeat-x; height: 550px; }

/*afegeixo div per la foto del inici*/
#imgInici{float:left; padding-top:50px; text-align:center; width:550px;}

/* i aquí sols el fons del inici de la pàgina.....................................*/
#page { background-image:url(../img/fons_layer.jpg); background-repeat: no-repeat; height: 550px; }

#leftsider { float: left; width:300px; height:350px; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 50px;}

#leftsider h1 {font-size: 2.5em; color:#CC6;}

/*menú modificat..............................................................................*/
#menu { padding-left:60px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 550px;}
#menu ul { float:left; margin:0; padding:0; list-style:none; width: 530px; }
#menu ul li { float:left;}
#menu a{ display:block; padding:0 10px; line-height:20px; text-decoration:none; color: #900;}
#menu a:hover{ border-bottom:1px dashed #fff;}


#content { margin: 90px 0 0 40px;  float: left; font-size: 1.1em; }
#content h4 {font-size: 1.2em;}

/* SECCIONS ....................................*/
/* modifico secció per secció ....................................*/
.par_uno { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 560px; height: 400px;}
.par { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 315px; height: 400px; background-image:url(../img/fons_cuina.jpg); background-repeat:no-repeat; background-position:center;}
.par_seventh { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 315px; height: 400px; background-image:url(../img/fons_mapa.jpg); background-repeat: no-repeat; background-position:center;}
.par_eight { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 315px; height: 400px; background-image:url(../img/fons_contacte.gif); background-repeat: no-repeat; background-position:center;}
.par_nine { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 315px; height: 400px; background-image:url(../img/fons_links.gif); background-repeat: no-repeat; background-position:center;}
.par_cuatro { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 680px; height: 400px;}
.par_seis { margin: 30px 30px 0 0px; padding-left: 30px; float: left; width: 315px; height: 400px; /*background-image:url(../img/fons_par_dos.gif);  background-repeat: no-repeat; background-position:left;*/}

.galeria {float: left; width: 680px; background-color:#660000; padding-top:10px;  height: 30px; text-align:center;}
.texto, .button {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.alt {/* modify this to add style to alternate sections*/}

#note { margin-top:10px; }

p.secbot a{
	margin-top: -5px;
	padding-left: 15px;
	border-bottom:none;
	color: #22b1e1;
	background: url(../img/leftsmall.png) no-repeat scroll left center;
	text-decoration:none;
	font-size:0.9em;
}

p.secbot a:hover { border-bottom:1px solid #22b1e1; }

#arrows { position: fixed; top: 440px; left: 650px; width: 90px; height: 30px; cursor: pointer; }

#arrows ul { margin: 0; padding: 0; list-style:none; }

#arrows ul li {margin: 0; padding: 0; display:inline; width: 40px; height: 30px; }

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../img/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/rightbig.png) no-repeat;}


#rightsider {
	padding: 0 10px 0px 0;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}

#subscribe { /* background image block */
display: block;
width: 215px;
height: 60px;
background: url(images/options.png) no-repeat;
margin-top: 0px;
}
/*#subscribe a {
text-decoration:none;
}*/

.hide {
visibility:hidden;
}

#situacio {float: left; position:absolute; width : 180px; height: 23px;left: 2600px; top: 475px;}