@charset "utf-8";
/* CSS Document */
body {
background-color:#fff4c5;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-image:url(../img/background.gif);
background-position:center;
}

#container{
width:754px;
height:550px;
background-color:#424217;
margin: 2.6% auto auto auto;
}

#contenido{
float:left;
width:726px;
height:398px;
background-color:#eef0a8;
margin: .5% auto auto 14px;
}



/****************************************botones Menu*************/

#botonLaCasa {
	height:31px;
	margin:30px 8px auto 18px;
	float:left;
	display:block;
	width:97px;
	}

		#botonLaCasa a, #botonLaCasa a:active, #botonLaCasa a:visited {
		display:block;
		width:auto;
		height:31px;
		text-decoration:none;
		background:url(../catala/images/laCasa.gif) no-repeat;
		}

		#botonLaCasa a:hover {
		background:url(../catala/images/laCasa_hover.gif) no-repeat;
		}

#botonLaCasa2{
width:97px;
height:31px;
margin:30px 8px auto 18px;
float:left;
display:block;
}

	#botonLaCasa2 a, #botonLaCasa2 a:active, #botonLaCasa2 a:visited {
	display:block;
	width:auto;
	height:31px;
	text-decoration:none;
	background-image:url(../catala/images/laCasa_2.gif);
	}
	
	
	#botonentorns {
	height:31px;
	margin:30px 8px auto 22px;
	float:left;
	display:block;
	width:184px;
	}

		#botonentorns a, #botonentorns a:active, #botonentorns a:visited {
		display:block;
		width:184px;
		height:31px;
		text-decoration:none;
		background:url(../catala/images/entornActivitats.gif) no-repeat;
		}

		#botonentorns a:hover {
		background:url(../catala/images/entornActivitats_hover.gif) no-repeat;
		}

#botonentorns2{
width:184px;
height:31px;
margin:30px 8px auto 22px;
float:left;
display:block;
}

	#botonentorns2 a, #botonentorns2 a:active, #botonentorns2 a:visited {
	display:block;
	width:auto;
	height:31px;
	text-decoration:none;
	background-image:url(../catala/images/entornActivitats_2.gif);
	}

	
	
	
#botonTarifes {
height:31px;
margin:30px 8px auto 22px;
float:left;
display:block;
width:76px;
}

		#botonTarifes a, #botonTarifes a:active, #botonTarifes a:visited {
		display:block;
		width:auto;
		height:31px;
		text-decoration:none;
		background:url(../catala/images/tarifes.gif) no-repeat;
		}

		#botonTarifes a:hover {
		background:url(../catala/images/tarifes_hover.gif) no-repeat;
		}

#botonTarifes2{
width:76px;
height:31px;
margin:30px 8px auto 22px;
float:left;
display:block;
}

	#botonTarifes2 a, #botonTarifes2 a:active, #botonTarifes2 a:visited {
	display:block;
	width:auto;
	height:31px;
	text-decoration:none;
	background-image:url(../catala/images/tarifes_2.gif);
	}



#botonDisponibilitat {
height:31px;
margin:30px 6px auto 22px;
float:left;
display:block;
width:133px;
}

		#botonDisponibilitat a, #botonDisponibilitat a:active, #botonDisponibilitat a:visited {
		display:block;
		width:auto;
		height:31px;
		text-decoration:none;
		background:url(../catala/images/disponibilitat.gif) no-repeat;
		}

		#botonDisponibilitat a:hover {
		background:url(../catala/images/disponibilitat_hover.gif) no-repeat;
		}

#botonDisponibilitat2{
width:133px;
height:31px;
margin:30px 6px auto 22px;
float:left;
display:block;
}

	#botonDisponibilitat2 a, #botonDisponibilitat2 a:active, #botonDisponibilitat2 a:visited {
	display:block;
	width:auto;
	height:31px;
	text-decoration:none;
	background-image:url(../catala/images/disponibilitat_2.gif);
	}

	

#botonArribar {
height:31px;
margin:30px 6px auto 22px;
float:left;
display:block;
width:114px;
}

		#botonArribar a, #botonArribar a:active, #botonArribar a:visited {
		display:block;
		width:auto;
		height:31px;
		text-decoration:none;
		background:url(../catala/images/com_arribar.gif) no-repeat;
		}

		#botonArribar a:hover {
		background:url(../catala/images/com_arribar_hover.gif) no-repeat;
		}

#botonArribar2{
width:114px;
height:31px;
margin:30px 6px auto 22px;
float:left;
display:block;
}

	#botonArribar2 a, #botonArribar2 a:active, #botonArribar2 a:visited {
	display:block;
	width:auto;
	height:31px;
	text-decoration:none;
	background-image:url(../catala/images/com_arribar_2.gif);
	}

	
/*****************************************************************fin de los botones Principales***********************
**********************************************************************************************************************/

/***************************************************************************Submenus************************/

#botonDistribucio{
height:35px;
margin:4px 6px auto 4px;
float:left;
display:block;
width:124px;
}

		#botonDistribucio a, #botonDistribucio a:active, #botonDistribucio a:visited {
		display:block;
		width:auto;
		height:35px;
		text-decoration:none;
		background:url(../catala/images/botonDistribucio.gif) no-repeat;
		}

		#botonDistribucio a:hover {
		background:url(../catala/images/botonDistribucio_hover.gif) no-repeat;
		}
		
#botonDistribucio2{
height:35px;
margin:4px 6px auto 4px;
float:left;
display:block;
width:124px;
}

		#botonDistribucio2 a, #botonDistribucio2 a:active, #botonDistribucio2 a:visited {
		display:block;
		width:auto;
		height:35px;
		text-decoration:none;
		background:url(../catala/images/botonDistribucio_2.gif) no-repeat;
		}
		
		
#botonOrigens{
height:35px;
margin:4px 6px auto auto;
float:left;
display:block;
width:124px;
}

		#botonOrigens a, #botonOrigens a:active, #botonOrigens a:visited {
		display:block;
		width:auto;
		height:35px;
		text-decoration:none;
		background:url(../catala/images/botonorigens.gif) no-repeat;
		}

		#botonOrigens a:hover {
		background:url(../catala/images/botonorigens_hover.gif) no-repeat;
		}
		
#botonOrigens2{
height:35px;
margin:4px 6px auto auto;
float:left;
display:block;
width:124px;
}

		#botonOrigens2 a, #botonOrigens2 a:active, #botonOrigens2 a:visited {
		display:block;
		width:auto;
		height:35px;
		text-decoration:none;
		background:url(../catala/images/botonorigens_2.gif) no-repeat;
		}
		
		
#botonExcursions{
height:39px;
margin:1px 26px auto 8px;
float:left;
display:block;
width:108px;
}

		#botonExcursions a, #botonExcursions a:active, #botonExcursions a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonExcursions.gif) no-repeat;
		}

		#botonExcursions a:hover {
		background:url(../catala/images/botonExcursions_hover.gif) no-repeat;
		}
		
#botonExcursions2{
height:39px;
margin:1px 26px auto 8px;
float:left;
display:block;
width:108px;
}

		#botonExcursions2 a, #botonExcursions2 a:active, #botonExcursions2 a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonExcursions_2.gif) no-repeat;
		}

#botonTurisme{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:140px;
}

		#botonTurisme a, #botonTurisme a:active, #botonTurisme a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonTurismoActiu.gif) no-repeat;
		}

		#botonTurisme a:hover {
		background:url(../catala/images/botonTurismoActiu_hover.gif) no-repeat;
		}
		
#botonTurisme2{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:140px;
}

		#botonTurisme2 a, #botonTurisme2 a:active, #botonTurisme2 a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonTurismoActiu_2.gif) no-repeat;
		}		
	
#botonSenderisme{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:162px;
}

		#botonSenderisme a, #botonSenderisme a:active, #botonSenderisme a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonSenderisme.gif) no-repeat;
		}

		#botonSenderisme a:hover {
		background:url(../catala/images/botonSenderisme_hover.gif) no-repeat;
		}
		
#botonSenderisme2{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:162px;
}

		#botonSenderisme2 a, #botonSenderisme2 a:active, #botonSenderisme2 a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonSenderisme_2.gif) no-repeat;
		}
		
#botonJasiments{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:190px;
}

		#botonJasiments a, #botonJasiments a:active, #botonJasiments a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonJasiments.gif) no-repeat;
		}

		#botonJasiments a:hover {
		background:url(../catala/images/botonJasiments_hover.gif) no-repeat;
		}
		
#botonJasiments2{
height:39px;
margin:1px 0px auto 26px;
float:left;
display:block;
width:190px;
}

		#botonJasiments2 a, #botonJasiments2 a:active, #botonJasiments2 a:visited {
		display:block;
		width:auto;
		height:39px;
		text-decoration:none;
		background:url(../catala/images/botonJasiments_2.gif) no-repeat;
		}
	
/*****************************************************************fin de los submenus*******/

#logotipo {
float:right;
width:271px;
height:51px;
margin:12px 12px auto 200px;
}

#logotipo a img {
border:none;
}

/*******************************************************************Divs de contenido*****************************/

#bigPhoto {
float:left;
width:322px;
height:324px;
background-color:#424217;
margin:28px 10px auto 10px;
}

#bigPhoto2 {
float:left;
width:318px;
background-color:#424217;
margin:28px 10px auto 10px;
}

	.thumbnail{
	float:left;
	width:35px;
	height:42px;
	background-color:#fff;
	margin:3px 2px auto 0px;
	}
	
	.thumbnail2{
	float:left;
	width:35px;
	height:42px;
	filter:alpha(opacity=60); 
	opacity: .60;
	background-color:#424217;
	margin:3px 2px auto 0px;
	}
	
		.thumbnail a img{
		border:none;
		}
		.thumbnail a img:hover{
		filter:alpha(opacity=60); 
		opacity:.60;
		background-color:#FFFFFF;
		}
		.thumbnail2 a img{
		border:none;
		}

#textBox {
float:left;
width:377px;
height:239px;
margin:24px auto 0px 2px;
padding-bottom:0px;
color:#424217;
text-align:left;
overflow:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.column{
float:left;
width:48.8%;
margin:0px auto auto 0px;
color:#424217;
text-align:left;
padding-right:4px;
}


	#textBox p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:2px;
	padding-top:4px;
	font-size:11px;
	font-weight:500;
	}
	
	#textBox ul {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	padding-top:4px;
	list-style: outside disc;
	line-height:14px;
	font-weight:500;
	}
	
	#textBox li{
	margin-left:-20px;
	}
	
	#textBox h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	}

#textBox2 {
float:left;
width:368px;
height:250px;
margin:24px auto 34px 4px;
color:#424217;
text-align:left;
overflow:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


	#textBox2 p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:1px;
	padding-top:2px;
	margin-bottom:8px;
	font-size:11px;
	font-weight:500;
	}
	
	#textBox2 ul {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
	list-style: outside disc;
	font-weight:500;
	}
	
	#textBox2 li{
	margin-left:-20px;
	}
	
	#textBox2 h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:4px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
	#textBox2 a , #textBox2 a:active , #textBox2 a:link {
	color:#663300;
	font-style:italic;
	text-decoration:none;
	}
	
	#textBox2 a:hover{
	text-decoration:underline;
	}
	

#textBox3 {
float:left;
width:360px;
height:295px;
margin:24px auto 34px 4px;
color:#424217;
text-align:left;
overflow:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


	#textBox3 p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:4px;
	padding-top:4px;
	margin-bottom:8px;
	font-size:11px;
	font-weight:500;
	}
	
	#textBox3 ul {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
	list-style: outside disc;
	font-weight:500;
	}
	
	#textBox3 li{
	margin-left:-20px;
	}
	
	#textBox3 h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:4px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
	#textBox3 a , #textBox3 a:active , #textBox3 a:link {
	color:#663300;
	font-style:italic;
	text-decoration:none;
	}
	
	#textBox3 a:hover{
	text-decoration:underline;
	}
	
#textBoxBig {
float:left;
width:96%;
margin:30px auto 34px 30px;
color:#424217;
text-align:left;
overflow:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


	#textBoxBig p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:8px;
	font-size:11px;
	font-weight:500;
	}
	
	#textBoxBig ul {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
	list-style: outside disc;
	font-weight:500;
	}
	
	#textBoxBig li{
	margin-left:-20px;
	}
	
	#textBoxBig h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
	#textBoxBig h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:2px;
	padding-bottom:2px;
	margin-bottom:2px;
	}
	
	#textBoxBig a , #textBoxBig a:active , #textBoxBig a:link {
	color:#663300;
	font-style:italic;
	text-decoration:none;
	}
	
	#textBox2 a:hover{
	text-decoration:underline;
	}

	
	
	
	.destacadotext{
	font-weight:600;
	}
	
	
/**********************************************************************************
***********************************************************************************
***********************************************************************INTRODUCCION
**********************************************************************************/

	
#textBoxIntro {
float:left;
width:544px;
margin:26px auto 34px 96px;
color:#eef0a8;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


	#textBoxIntro p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:8px;
	margin-bottom:4px;
	font-size:12px;
	font-weight:500;
	}
	
	#textBoxIntro a img {
	border:none;
	}
	
	.inicio{
	margin-bottom:20px;
	}
	
	#botonCastellano {
	height:18px;
	margin:20px auto auto 50px;
	float:left;
	display:block;
	width:99px;
	}
	

		#botonCastellano a, #botonCastellano a:active, #botonCastellano a:visited {
		display:block;
		width:auto;
		height:18px;
		text-decoration:none;
		background:url(../img/castellano_boton.gif) no-repeat;
		}

		#botonCastellano a:hover {
		background:url(../img/castellano_boton_hover.gif) no-repeat;
		}
		
	#botonCatala {
	height:18px;
	margin:20px 10px auto 168px;
	float:left;
	display:block;
	width:73px;
	}
	

		#botonCatala a, #botonCatala a:active, #botonCatala a:visited {
		display:block;
		width:auto;
		height:18px;
		text-decoration:none;
		background:url(../img/catala_boton.gif) no-repeat;
		}

		#botonCatala a:hover {
		background:url(../img/catala_boton_hover.gif) no-repeat;
		}
		

/**************************************************************************************FIN INTRO
************************************************************************************************/	
#contactData{
float:right;
width:400px;
color:#eef0a8;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:4px 14px auto auto;
text-align:right;
}
	#contactData p{
	margin-top:0px;
	font-size:10px;
	}
	
		#contactData a, #contactData a:active, #contactData a:visited {
		text-decoration:none;
		color:#eef0a8;
		}
		
		#contactData a:hover {
		text-decoration:underline;
		}
		
		
#calendar{
float:left;
width:498px;
height:290px;
background-color:#424217;
color:#eef0a8;
text-align:center;
}

#explicacionCalendar{
float:left;
width:140px;
height:94px;
margin-left:10px;
background-color:#424217;
color:#eef0a8;
text-align:center;
}