/* CSS Document */

/************* SPA   ***************/
#text {
	font-size: 1.0em;
	text-align: justify;
	}

.columna1_spa, .columna2_spa, .columna3_spa, .columna1_eno, .columna2_eno, .columna3_eno {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #7B8086;
	padding-top: 24px;	
	width: 172px;
	float: left;
	}	
	
.columna1_spa{
	margin-left: 27px;
	background-image: url(../imatges/cercle_spa01.png);
	}
	
.columna1_spa p, .columna2_spa p, .columna3_spa p {
	margin-left: 10px;
	line-height: 0.9em;
	}	

.columna1_spa H2, .columna2_spa H2, .columna3_spa H2, .columna1_eno h2, .columna2_eno h2, .columna3_eno h2 {
	display: block;
	background-repeat: no-repeat;
	margin-left: 55px;
	margin-bottom: 7px;
}

.columna1_spa H2 span, .columna2_spa H2 span, .columna3_spa H2 span, .columna1_eno h2 span, .columna2_eno h2 span, .columna3_eno h2 span {
	position: absolute;
	left: -10000px;
	}
	
.columna2_spa {
	background-image:url(../imatges/cercle_spa02.png);
	margin-left: 90px;
	}

.columna3_spa {
	background-image: url(../imatges/cercle_spa03.png);
	margin-left: 90px;
	}
	
.columna1_spa H2 {
	background-image: url(../imatges/hidroterapia.png);
	height: 19px;
	width: 105px;
	}
	
.columna3_spa h2 {
	background-image: url(../imatges/day.png);
	width: 58px;
	height: 19px;
	}
	
.columna2_spa h2 {
	background-image: url(../imatges/estetica.png);
	width: 119px;
	height: 22px;
	}


/*************** ENOLOGIA  ***********/

.cuento {
	color: #7B8086;
	font-size: 1.3em;
	position: absolute;
	top: -44px;
	left: 24px;
	width: 431px;
	display: block;
	}

.columna1_eno, .columna2_eno, .columna3_eno {
	margin-top: 30px;
	margin-bottom: 20px;
	}
	
.columna1_eno {
	background-image:url(../imatges/cercle_eno01.jpg);
	margin-left: 17px;
	}
	
/* apanyo explorer */
html>body .columna1_eno {
	margin-left: 27px;
	}
	
.columna1_eno h2 {
	background-image: url(../imatges/entorn.png);
	width: 126px;
	height: 31px;
}

.columna2_eno {
	background-image:url(../imatges/cercle_eno02.jpg);
	margin-left: 90px;
	}
	
.columna2_eno h2 {
	background-image: url(../imatges/cates.png);
	width: 102px;
	height: 22px;
}

.columna3_eno {
	background-image:url(../imatges/cercle_eno03.jpg);
	margin-left: 90px;
	}
	
.columna3_eno h2 {
	background-image: url(../imatges/sopars.png);
	width: 119px;
	height: 45px;
}

div#columnes {
	display: none;
	}
	
/***************** RESERVES *******************/

#main_menu #reserves span {
	width: 103px;
	}
	
html > body #main_menu #reserves span {
	width: 94px;
	}

/***************************************/
/************* BORSA DE TREBALL ********/
/***************************************/
div#borsa{
	text-align: left;
	font-size: 1.1em;
	color: #7b8086;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 10px;
	padding-bottom: 27px;
	background-color: #FBF6EC;
	}
	
div#borsa p {
	margin-top: 17px;
	}
	
	
/***************************/
/********** CONTACTAR ************/
/******************************/

#contacte h2, #fundacio h2 {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 34px 0px;
	height: 38px;	
	}
	
#contacte h2 {
	background-image: url(../imatges/contactah2.png);
}

#angles #contingut #contacte h2 {
	background-image: url(../imatges/contactah2eng.png);
	}
#contacte {
	text-align: left;
	font-size: 1.15em;
	color: #7b8086;
	background-color: #FBF6EC;
	padding-bottom: 0px;
	}

#contacte a {
	text-decoration: none;
	color: #7b8086;
	}
	
#contacte a:hover {
	text-decoration: underline;
	}
	
#contacte .desc {
	margin-bottom: 15px;
	margin-top: 32px;
	margin-left: 23px;
	margin-right: 23px;
	display: block;
	float: none;
	height: 20px;
	}
#contacte ul li {
	margin-bottom: 10px;
	list-style: none;
	width: 155px;
	margin-left: 160px;
	}
	
#contacte ul {
	float: left;
	
	}
	
#contacte #mescoses {
	clear: both;
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 23px;
	}

#contacte #mescoses .telf {
	color: #B35408;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 20px;
	}
	
/***************************/
/********** FUNDACIO ************/
/******************************/

#fundacio h2 {
	background-image: url(../imatges/fundacioh2.png);
	background-position: 23px 38px;
	padding-top: 38px;
	margin-bottom: 16px;
	}

#fundacio {
	position: relative;
	text-align: left;
	font-size: 1.0em;
	color: #7b8086;
	background-color: #FBF6EC;
	background-image: url(../imatges/fons_fundacio.png);
	background-position: center 230px;
	background-repeat: no-repeat;
	height: 280px;
	}
	
#fundacio p {
	padding: 13px 23px 0px 23px;
	}

#fundacio .adresa {
	position: absolute;
	top: 242px;
	right: 0px;
	}
	
#fundacio .adresa a {
	text-decoration: none;
	color: #7b8086;
}

#fundacio .adresa a:hover {
	text-decoration: underline;
}