/* CSS Document */

body {
	margin: 0px;
	background-color: #d1cfcc;
	font-family:Trebuchet MS;
	background-repeat: repeat-x;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#565a5d;
}


#tot{
	position: absolute;
	left: 50%;
	margin-left: -475px;
	width: 900px;
	height: auto;
	top: 10px;
}
.cap{
	width:910px;
	float: left;

}
#capcelera{
	float:left;
	height: 240px;
}
#cap{
	float:left;
	width: 910px;
}
#titol{
	float:left;
	background-color: #FFFFFF;
	width: 680px;
	height: 15px;
	margin-left: 12px;
	text-align: center;

}
#cos{
	width: 894px;
	height: auto;
	float:left;
	background-repeat:repeat-y;
	background-color: #d1cfcc;
	margin: 8px;
}
#contingut{
	float:left;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	margin-top: 8px;
	background-image: url(../imatges/fons.jpg);
}


#menu{
	float:left;
	width: 203px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0px 8px 8px 0px;
}

#menu2{	width: 203px;

}
#menuvert{
	float:left;
	width: 203px;
}

#sumenu{
	height:23px;
	background-color: #565a5d;
	float: left;
	width: 680px;
}

#presentacio{
	float:left;
	width: 444px;
	height: 240px;
	margin: 0px 0px 0px 10px;
	background-color: #565A5D;
}

#presentacio2{
	float:left;
	width: 680px;
	height: 240px;
	margin: 0px 0px 0px 10px;
	background-color: #FFFFFF;
	
	
}
#nota{
	float:left;
	width: 630px;
	height: auto;
	padding:20px;
	background-color: #FFFFFF;
	}
	
#banners{
	float:left;
	width: 2px;
	width:224px;
	margin-left: 10px;
}
#banner1{
	width:224px;
	float:left;
	height: 114px;
	margin-top:0px;
}

#banner1 a{
width:224px;
float:left;
	height: 114px;
	background: url(../imatges/patrocinis2.jpg);
	background-position:0 114px;

}
#banner1 a:hover{background-position: 0 0px;
}



#banner2{
	width:224px;
	float:left;
	background-color: #FFFFFF;
	height: 118px;
	margin-top: 8px;
	background-position: bottom;
	background-repeat: no-repeat;

}

#contactar2{
	width:203px;
	float: left;
	background-image: url(../imatges/tel2.jpg);
	height: 200px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	margin-top: 8px;

}
#contactarcast{
	width:203px;
	float: left;
	background-image: url(../imatges/tel2-cast.jpg);
	height: 200px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	margin-top: 8px;

}
#contact{
	float:left;
	width: 400px;
	height: auto;
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 25px;
}


#mapa{
	float:left;
	width: 600px;
	height: 250px;
	padding-right: 8px;
}
/*caixes de text*/
#text{
	float:left;
	width: 680px;
	height: auto;
	margin: 0px 0px 0px 2px;
	background-color: #FFFFFF;
}
#textavis{
	float:left;
	width: 650px;
	height: 640px;
	background-color: #FFFFFF;
}
#text2{
	float:left;
	width: 680px;
	height: auto;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#text3{
	float: left;
	width: 630px;
	height: auto;
	overflow:auto;
	scrollbar-face-color:#666666;
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
	scrollbar-arrow-color:#fff;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 15px;
	text-align: justify;
	padding-right: 25px;
	padding-left: 25px;
}
#logo{
	float:left;
	width: 203px;
	height: 240px;
	background-color: #FFFFFF;
}

#logo2{
	float:left;
	width: 253px;
	height: 300px;
	margin-left: 330px;
	margin-top: 115px;
}



/*MENU VERTICAL*/
#foxmenucontainer{display:block;}
#foxmenu{display:block;	height:23px;font-size:12px;	text-align:center;float: left;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 3px 0 0;}
#foxmenu ul li a{display:block;float:left;color: #FFFFFF;text-decoration:none;padding:3px 10px 3px 10px;height:17px;background:  #999999;}
#foxmenu ul li a:hover{color:#fff;background:#f32737;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#FFFFFF;background:#565a5d;height:17px;}
#foxmenu ul li a.current2,#foxmenu ul li a.current2:hover{color:#FFFFFF; background: #333333; height:17px;}

/*MENU VERTICAL*/


/*submnenu horitzontal*/
#nav { padding-left:1px;display:block; height:auto; font-size:15px; float:left;}
#nav ul {list-style-type:none; padding:0; margin:0; width: 201px; color:#FFFFFF; }

#nav ul li {  border: 1px solid #d1cfcc; margin: 1px 0; list-style: none; }
#nav ul li a { color: #333333; font-size: 13px; display: block; padding:6px 6px 6px 20px; background-color: #FFFFFF; text-decoration:none; border:none; }
#nav ul li a:hover {  background-color:#f32737; color: #FFFFFF;  }

#nav ul li a.current,#nav ul li a.current:hover{ background-color:#565a5d;  color: #FFFFFF;}
/*submnenu horitzontal*/


/*PEU*/
#totpeu{
	width:876px;
	float: left;
	padding: 0px 8px 8px 8px;
	background-color: #FFFFFF;
	height: 20px;
	border-top: 8px #d1cfcc solid;
}
#peu1{
	width:830px;
	background-color: #FFFFFF;
	float: left;
	height: 20px;
}

.dire{
	font-size: 11px;
	width: auto;
	float: left;
	padding-left: 50px;
	padding-top: 5px;
}
/*PEU*/

.fotoobres{
	background-image:url(../imatges/OBRES.jpg);
	width:610px;
	height:120px;
	float: left;
	border: solid 2px #565a5d;
	margin-top: 15px;


}







.gallerycontainer{
	width: 600px;
	top: 425px;
	left: 250px;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
cursor: crosshair;
}

.thumbnail2:link{
color:#666666;
text-decoration:none;
cursor: default;
}
.thumbnail2:hover{
background-color: transparent;
color:#FF0000;
text-decoration:none;
cursor: default;
}
.thumbnail2:visited{
text-decoration:none;
cursor: default;
color: #666666;

}

.thumbnail2:hover img{
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
cursor:pointer;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
font-size:11px;
text-align:justify;
color:#666666;
top: 370px;
left: 520px; /*position where enlarged image should offset horizontally */
z-index: 50;
width:296px;
}

.fonshome{
	width:680px;
	height:100px;
	float:left;
	background-image: url(../imatges/fonshome.jpg);
	margin-top: 41px;
}