body {
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	color: #000000;
}


/* ***************************************** */
#container {width:1000px; position:absolute; left:50%; margin-left:-500px; background:url(../imatges/bg_container.png) repeat-y}
#container #header{width:1000px; height:158px}


/* ***************************************** */
/* MENU */
#container #menu {width:319px; height:483px; float:left; background-color:#554c47}
#container #menu ul {list-style:none; margin:0; padding:0}
#container #menu ul li{ margin:0 0 3px 0}
#container #menu ul li a {background-position: top left; background-repeat:no-repeat; height:22px; width:300px; display:block; border:none;}
#container #menu ul li a:hover{background-position: bottom left;}

#container #menu ul li a.home{ background-image:url(../imatges/botons/home.png)}
#container #menu ul li a.empresa{ background-image:url(../imatges/botons/empresa.png) }
#container #menu ul li a.activitats{ background-image:url(../imatges/botons/activitats.png)}
#container #menu ul li a.obres{ background-image:url(../imatges/botons/obres.png)}
#container #menu ul li a.ubicacio{ background-image:url(../imatges/botons/ubicacio.png)}
#container #menu ul li a.contacte{ background-image:url(../imatges/botons/contacte.png)}
#container #menu ul li a.mapa{ background-image:url(../imatges/botons/mapa.png)}

#container #menu ul li a.pos{background-position: bottom left; cursor: default}

#container #menu #menu2 ul {list-style:none; margin-left:45px; padding:0}
#container #menu #menu2 ul li a { list-style:url(../imatges/fletxa-menu.png); font-family:Tahoma; font-size:13px; color:#ffffff; text-decoration:none}
#container #menu #menu2 ul li a:hover { list-style:url(../imatges/fletxa-menu.png); font-size:13px; font-family:Tahoma; color:#66cbff; text-decoration:none}

#container #menu #menu2 ul li a.pos{color:#66cbff; cursor: default}

/* ************************************************************************ */

#container #flash {width:681px;_width:655px; _overflow:hidden; height:483px; float:left; background-color:#554c47}

/* ************************************************************************ */

#container #obres {width:310px; min-height:447px; height:447px; height:auto; float:left; background-color:#bbe8ff; padding-left:10px;}
#container #obres p a {margin:0; padding:0; font-family:Tahoma; font-size:11px; text-decoration:none; color:#0571a8; font-weight:bold;}
#container #obres p a:hover {font-family:Tahoma; font-size:11px; color:#000000; font-weight:bold;}
#container #obres p {font-family:Tahoma; font-size:11px; color:#000000;}
#textcontingut3 .creu{
	margin:0px 0px 0 0px; padding:0;
	float:left;
}

#container #benvinguda {width:680px; min-height:235px;height:235px;height:auto; float:left; background-color:#f8f2ee}
#container #benvinguda p {font-family:Tahoma; font-size:11px; color:#554c47; padding-left:10px;}
#container #benvinguda p a {margin:0; padding:0; float:right; font-family:Tahoma; font-size:11px; padding-right:10px;text-decoration:none; color:#9a8d85; font-weight:bold;}
#container #benvinguda p a:hover {font-family:Tahoma; font-size:11px; color:#000000; font-weight:bold;}

#container #text {width:680px; height:483px; float:left; background-color:#f8f2ee}
#container #text p {font-family:Tahoma; font-size:11px; color:#554c47; padding-left:10px; padding-right:20px;}
#container #text p a {margin:0; padding:0; font-family:Tahoma; font-size:11px; padding-right:10px;text-decoration:none; color:#0571a8; }
#container #text p a:hover {font-family:Tahoma; font-size:11px; color:#000000;}

#container #text2 {width:680px; float:left; background-color:#f8f2ee; overflow-y: auto; overflow-x: hidden;}
#container #text2 p {font-family:Tahoma; font-size:11px; color:#554c47; padding-left:10px; padding-right:20px;}
#container #text2 p a {margin:0; padding:0; font-family:Tahoma; font-size:11px; padding-right:10px;text-decoration:none; color:#0571a8; }
#container #text2 p a:hover {font-family:Tahoma; font-size:11px; color:#000000;}



#container #destacats {width:680px; height:194px; float:left; background-color:#e1d3cb}

#container #separador {width:1000px; height:16px; float:left; background-image:url(../imatges/separador.png)}

#container #footer {width:1000px; float:left; background-color:#9a8d85}
#container #footer p {font-family:Tahoma; font-size:11px; color:#ffffff;}
#container #footer p a {font-family:Tahoma; font-size:11px; text-decoration:none; color:#ffffff; font-weight:bold;}
#container #footer p a:hover {font-family:Tahoma; font-size:11px; color:#000000; font-weight:bold;}

.titols_pet {font-family:Tahoma; font-size:12px; color: #0571a8;}
.titols_gran {font-family:Tahoma; font-size:15px; color: #0571a8; font-weight:bold;}
.titols_gran_negre {font-family:Tahoma; font-size:13px; color: #000; font-weight:bold;}

#flashfoto { vertical-align:bottom}

.floatright{ float:right}
.floatleft{ float:left; margin:0 30px 0 0}



/* FORMULARI DE DESCARREGA */

label {display:inline-block; width:120px; vertical-align:top}
input, textarea{ border:solid 1px #66cbff; background:#f8f2ee}
input{ width:418px;}
input.boto{ background:#554c47; color:#fff; font-weight:bold; border:none; cursor:pointer; width:auto!important;}
input.boto:hover{ background:#554c47; color:#66cbff; font-weight:bold; border:none; cursor:pointer}



input.botones{ width:auto!important;}


/* MAPA WEB */

ul.mapa li { list-style-image:url(../imatges/li_mapa.png); list-style-position:inside; color:#554c47; font-size:14px; font-weight:bolder;}
ul.mapa li a {color:#554c47; font-size:14px; font-weight:bolder; text-decoration:none}
ul.mapa li a:hover{text-decoration:underline} 

ul.mapa li li { list-style-image:url(../imatges/li_li_mapa.png); color:#554c47; font-size:12px; font-weight:bolder; line-height:20px}
ul.mapa li li a {color:#554c47; font-size:12px; text-decoration: none}
ul.mapa li li a:hover {text-decoration: underline}