@charset "utf-8";
/* CSS Document */
html{height: 100%;}
body {
	background: url(../images/bg.jpg) 50% 50% no-repeat #000000;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#bodyContent{
	position: absolute;
	width: 990px;
	height: 570px;
	left: 50%;
	top:50%;
	margin-left: -495px;
	margin-top: -285px;
}

#head{
	background: url(../images/headPage.png) 0 0 no-repeat transparent;
	height: 96px;
	margin-bottom: 5px;
}

#head .vacances{
	/*margin-left: 270px;*/
}

#head .causes{
	position: absolute;
	top: 0px;
	right: 0px;
}
#head .causes:hover{
	cursor: pointer;
}

#causeToolTip{
	background:url(../images/1.5ToolTip.png) 0 0 no-repeat;
	width: 190px;
	height: 80px;
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
	z-index: 100;
}
#causeToolTip p{
	float: left;
	width: 74px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 13px;
	color: #004785;
	margin-left: 60px;
	margin-top: 24px;
}
#causeToolTip img{
	float: left;
	margin-top: 25px;
}
#languages{
	position: absolute;
	top: 50px;
	right: 15px;
}
#languages a{
	margin-left: 5px;
}
.logoFuntastic{
	height: 400px;
	background:url(../images/funtastic.jpg) bottom center no-repeat;
}
#colLeft{
	width: 790px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#Content{
	/*height: 325px;*/ /* Mod. 28.02.2011 */
	width: 790px;
	overflow: hidden;

	background-color: #FFF;
}
#ContentHome{
	/*height: 325px;*/ /* Mod. 28.02.2011 */
	padding: 35px;
	height: 156px;
	background: url(../images/bg-home-ext.png) 0px 0px repeat-x #85b3dc;
}
#ContentGallery{
	height: 325px;
	width: 790px;
	overflow: hidden;
	background: url(../images/bgGallery.gif) 0 0 repeat-y #FFF;
}
#container{ padding: 5px 10px 10px 10px; position: absolute;}
#contingut{ padding: 10px; height: 180px;overflow: auto;}
#contingutGallery{ padding: 10px; height: 260px;overflow: auto; }
#contingut2{ padding: 10px; height: 160px;overflow: auto;}
#contingutNoHeader{ padding: 10px; height: 290px;overflow: auto;}
.columns1 { width: 755px; }
.columns2 { 
	width: 449px;
	float: left;
}
#gallery{
	position: absolute;
	top: 5px;
	left: 480px;
	padding: 0px 10px;
	width: 290px;
	height: 200px;
	overflow: hidden;
}
#gallery-staff{
	float: left;
	margin-left: 10px;
	width: 230px;
}

#menu{
	height: 31px;
	background-color: #004785;
	border-top: 1px solid black;
}
#colRight{
	width: 200px;
	/*height: 473px;*/
	float: left;
	background: url(../images/bgColRight.png) 0 5px repeat-y;
}
#colRight #reserves{
	height: 254px;
	padding: 10px 0px 10px 16px;
	}
#colRight #contact{
	height: 69px; /* 85px - padding */
	padding: 10px 0px 10px 16px;
	}
#colRight #news2{
	height: 44px; /* 60px - padding */
	padding: 10px 0px 10px 16px;
	}
.bgBoard{
	/*background: url(../images/bg-vaixell.gif) bottom left no-repeat;*/
}
#FootCol1{
	width: 255px; /* 265px - padding */
	height: 94px;
	padding: 5px;
	background: url(../images/foot-bg-block-1.gif) 0 0 no-repeat;
	float: left;
}
#FootCol2{
	width: 245px; /* 265px - padding */
	height: 84px;
	padding: 10px;
	background: url(../images/foot-bg-block-2.gif) 0 0 no-repeat;
	float: left;
}
#FootCol3{
	width: 240px; /* 265px - padding */
	height: 84px;
	padding: 10px;
	background: url(../images/foot-bg-block-3.gif) 0 0 no-repeat;
	float: left;
}
.socials{
	margin-top: 23px;
	margin-left: 75px;
}

#cool-to-action{
	background: url(../images/bg-cool-to-action.gif) 0 0 no-repeat;
	padding-top: 10px;
	margin-bottom: 5px;
}	
.columnContacte{
	width: 240px;
	float: left;
}



#map{
	float: right;
	border: 1px solid #608cb3;
}

#blockGallery{
	float:left;
	width: 150px;
	margin-left: -15px;
}
#photos{
	float: right;
	width: 570px;
}

#bloc-text{
	display:none;
}

#twitter{
	display: none;
	margin-top: 20px;
}
.twtr-tweet-text p{
	font-size: 10px;
}