#clear {
clear: both;
height: 0;
}

/* links */

a {
	font-weight: bold;
	font-size:1.2em;
	color: rgb(111,143,80);
	text-decoration: none;
	}
	
a.actual{
	font-weight: bold;
	font-size:1.2em;
	color: rgb(111,143,80);
	text-decoration: none;
	}	
	
/* general */

h1 {
	font-size:2em;
	color: rgb(65,64,29);
	margin:0px;
	padding:10px 0px 10px 0px;
}

h2,dt {
	font-size:1.8em;
	color: rgb(111,143,80);
	margin:5px 0px 0px 0px;
	font-weight:normal;
}

h3 {
	color: rgb(97,97,60);
	font-size:1.5em;
	margin:0;
	padding:5px 0px 5px 0px;
	font-weight:normal;
}

h4 {
	font-size:1.5em;
	color: rgb(126,160,100);
	margin:0px;
	padding:5px 0px 5px 0px;
	}
h5{
	font-size:1em;
	color: rgb(111,143,80);
	margin:0px;
	padding:0px;	
	}

p,dd {
	color:rgb(97,97,60);
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height:1.5em;
	}

b, strong {
	color: rgb(111,143,80);
	font-weight: bold;
	}
	
i {
	font-style:italic;
	}

.taronja {
	color:rgb(255, 204, 0);
}

.groc{
	color: rgb(255,113,15);
	font-weight: bold;
	}
.gris{
	color:rgb(60,47,15);
	font-weight:bold;
	}
.centrat{
	text-align:center;
	}
	
.dreta{
	text-align:right;
	}
	
.esq{
	text-align:left;
	}
	
.fesq{
	float:left;
	clear:left;
	padding: 0px 10px 0px 0px;
	margin:0px;
	}
	
.fdreta{
	float:right;
	clear:right;
	padding: 0px 0px 0px 10px;
	margin:0px;
	}

/* blocs */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:0px;
	background-image: url(img/fons.gif);
	background-color:rgb(256,256,256);
	background-repeat: repeat;
	}

/* ------------------------- portada ----------------------------- */

#tot {
	height:480px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:rgb(191,182,105);
	background-image:url(img/portada6.jpg);
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 10px 0px 10px;
	border-right: 35px solid rgb(256,256,256);
	border-left: 35px solid rgb(256,256,256);
	border-bottom: 1px solid rgb(256,256,256);
	color:rgb(0,0,0);
	width:  755px;  /*1-para opera*/
	\width: 700px; /*2-para ie-se agrega el padding y border*/
	w\idth: 700px; /*3- estandares*/
	}
	
/*titol de la pagina */

#pagina {
	text-align:left;
	border-right:35px solid rgb(256,256,256);
	border-left:35px solid rgb(256,256,256);
	border-bottom:1px solid rgb(256,256,256);
	padding: 20px 0px 0px 0px;	
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-color: rgb(256,256,256);
	width:  755px;  /*1-para opera*/
	\width: 720px; /*2-para ie-se agrega el padding y border*/
	w\idth: 720px; /*3- estandares*/
	}

/*idiomes*/
	
#navlist{
	float:left;
	text-align:left;
	margin:0px;
	padding:0px 0px 30px 0px;
	font-size:1em;
	width:  100%;
	}

#navlist ul{
	clear:both;
	margin:0px;
	padding:40px 0px 0px 0px;
	}

#navlist li	{
	margin:0em 0.3em 0em 0.3em;
	padding:0px;
	display: inline;
	}

#navlist li a	{
	text-decoration: none;
	color: rgb(111,143,80);
	border-top:20px solid rgb(111,143,80);
	}

#navlist li a:hover,#navlist a:active{
	color: rgb(255, 204, 0);
	border-top:20px solid rgb(255, 204, 0);
	}

/*menu general*/

#navlist1	{
	text-align:left;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:1.1em;
	}

#navlist1 ul{
	margin:0px;
	padding: 3px 3px 3px 0px;
	}

#navlist1 li	{
	margin:0em 0.3em 0em 0.3em;
	padding:0px;
	display: inline;
	}

#navlist1 li a	{
	text-decoration: none;
	color: rgb(0,0,0);
	border-right-style:double;
	border-width:3px;
	padding-right:0.8em;
	}

#navlist1 li a:hover{
	color: rgb(255, 204, 0);
	border-right-style: double;
	border-width:3px;
	padding-right:0.8em;
	}

#navlist1 li a:active{
	color: rgb(255, 204, 0);
	border-right-style: double;
	border-width:3px;
	padding-right:0.8em;
	}

/* zona menu portada*/
#portada{
	width:  200px;  /*1-para opera*/
	\width: 200px; /*2-para ie-se agrega el padding y border*/
	w\idth: 200px; /*3- estandares*/
	margin-top:17px;
	margin-left:0px;
	/* height:230px; aram*/
	height:195px;
	}

/* barra verda */

#barra	{
	width:  18px;  /*1-para opera*/
	\width: 18px; /*2-para ie-se agrega el padding y border*/
	w\idth: 18px; /*3- estandares*/
	float:left;
	height:180px;
	/*height:245px; aram*/
	margin: 0px;
	padding:0px;
	}
	
/* menú*/

#navlist2	{
	/*height:235px; aram*/
	height:185px;
	width:  157px;  /*1-para opera*/
	\width: 195px; /*2-para ie-se agrega el padding y border*/
	w\idth: 157px; /*3- estandares*/
	margin: 0px 0px 0px 28px;
	padding: 5px;
	text-align: left;
	}

#navlist2 ul{
	margin:0px;
	padding:0px;
	}

#navlist2 li	{
	margin:1em 0px 1em 0px;
	padding:2px;
	text-align:left;
	list-style-type:none;	
	line-height:0.5em;
	}

#navlist2 li a	{
	text-decoration: none;
	color: rgb(255,255,255);
	font-size: 1.1em;
	padding: 0.4em 0px 0.4em 3px;
	}

#navlist2 li a:hover,#navlist2 a:active	{
	color: rgb(255, 204, 0);
	font-size: 1.1em;
	}

/* turisme */

#turisme{
	width:24px;
	height:55px;
	text-align: left;
	float:left;
	padding: 0px;
	}

#turisme img {
	margin:25px 0px 0px 0px;
	padding:0px;
	}


/* reserves aram 13.10.2010 */
#reserves	{
	width:  180px;  /*1-para opera*/
	\width: 185px; /*2-para ie-se agrega el padding y border*/
	w\idth: 180px; /*3- estandares*/
	height:43px;
	text-align: center;
	/*float:left;*/
	margin: 5px 0px 0px 25px;
	padding: 0px;
	}

#reserves img{
	border: 0px;
	}

/* agenda */
#agenda	{
	width:  165px;  /*1-para opera*/
	\width: 170px; /*2-para ie-se agrega el padding y border*/
	w\idth: 165px; /*3- estandares*/
	height:80px;
	float:left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	}

#agenda img{
	border: 0px;
	}

#credits{
	font-size:1.2em;
	clear:both;
	text-align:right;
	margin: 0px;
	padding:0px;
	border: 0px solid rgb(0,0,0);
	width:  735px;  /*1-para opera*/
	\width: 700px; /*2-para ie-se agrega el padding y border*/
	w\idth: 700px; /*3- estandares*/
	}
	
#credits a:link	{
	text-decoration: none;
	color: rgb(255, 204, 0);
	}

#credits a:hover{
	color: rgb(255, 204, 0);
	text-decoration: none;
	}

#credits a:active 	{ 
	color: rgb(255, 204, 0);
	text-decoration: none;
	}


/*---------------------- peu--------------------------------------- */
#peu{
	clear:both;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgb(255,255,255);
	text-align:center;
	padding:0px;
	border-top:10px solid rgb(256,256,256);
	border-bottom: 35px solid rgb(256,256,256);
	border-right: 35px solid rgb(256,256,256);
	border-left: 35px solid rgb(256,256,256);
	width:  755px;  /*1-para opera*/
	\width: 720px; /*2-para ie-se agrega el padding y border*/
	w\idth: 720px; /*3- estandares*/
	}

#peu img{
	border:0px;
	}
	
/* logos */
#logos {
	clear:both;
}

#logos img {
	margin:0px;
	background-color:rgb(115,154,87);
	}

/* ------------------------------ interiors --------------------------------*/ 
/*titol de la pagina i idiomes interior */

#cap {
	background-color:rgb(256,256,256);
	border-right: 35px solid rgb(256,256,256);
	border-left: 35px solid rgb(256,256,256);
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	padding:15px 0px 0px 0px;
	width:  755px;  /*1-para opera*/
	\width: 720px; /*2-para ie-se agrega el padding y border*/
	w\idth: 720px; /*3- estandares*/
	}
	
#paginaint {
	width:50%;
	text-align:left;
	margin: 0px;
	padding:0px;
	float:left;
	}
	
/* ---------------- idiomes--------------------- */
	
#navlistint {
	float:right;
	text-align:right;
	margin:0px;
	padding:20px 0px 5px 0px;
	font-size:1em;
	width:40%;
	}

#navlistint ul{
	margin:0px;
	padding:0px;
	}

#navlistint li	{
	margin:0em 0.3em 0em 0.3em;
	padding:0px;
	display:inline;
	}

#navlistint li a	{
	text-decoration: none;
	color: rgb(180,198,158);
	border-top:20px solid rgb(180,198,158);
	}

#navlistint li a:hover,#navlistint a:active	{ 
	text-decoration: none;
	color: rgb(255, 204, 0);
	border-top:20px solid rgb(255, 204, 0);
	text-decoration: none;
	}

.imatges{
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	border-bottom:5px solid rgb(232,242,218);
	text-align:center;
	}

/* cos */
	
#totint {
	float:none;
	background-image:url(img/patronat.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:rgb(180,198,158);
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border-right: 35px solid rgb(256,256,256);
	border-left: 35px solid rgb(256,256,256);
	border-bottom: 1px solid rgb(256,256,256);
	border-top: 5px solid rgb(256,256,256);
	color:rgb(0,0,0);
	width:  755px;  /*1-para opera*/
	\width: 720px; /*2-para ie-se agrega el padding y border*/
	w\idth: 720px; /*3- estandares*/
	}


/*----------------------------------menu general--------------------*/
#navlist1int	{
	text-align:left;
	margin:0px;
	padding:5px 0px 10px 24px;
	font-size: 1.1em;
	}

#navlist1int ul{
	margin:0px;
	padding: 3px 3px 3px 0px;
	}
		
#navlist1int li	{
	margin:0em 0.3em 0em 0em;
	padding:0px;
	display: inline;
	}

#navlist1int li a	{
	text-decoration: none;
	color: rgb(0,0,0);
	border-right-style:double;
	border-width:3px;
	padding-right:0.8em;
	}

#navlist1int li a:hover{
	color: rgb(255, 204, 0);
	border-right-style: double;
	border-width:3px;
	padding-right:0.8em;
	}

#navlist1int li a:active{
	color: rgb(255, 204, 0);
	border-right-style: double;
	border-width:3px;
	padding-right:0.8em;
	}



/*---------------------municipis-----------------------*/

#municipis{
	text-align:center;
	margin:0px;
	padding: 0px;
	}

#municipis ul{
	margin:0px;
	padding: 0px;
	}

#municipis li	{
	margin:0em 0.1em 0em 0.1em;
	padding:0px;
	display: inline;
	}

#municipis li a	{
	text-decoration: none;
	color: rgb(65,64,29);
	font-size: 1.1em;
	border-right: 1px solid rgb(65,64,29);
	padding-right:0.5em;
	}

#municipis li a:hover,#navlist1int:active	{ 
	text-decoration: none;
	color: rgb(111,143,80);
	font-size: 1.1em;
	border-right: 1px solid rgb(111,143,80);
	padding-right:0.5em;
	}
	
hr {
	height:3px;
	text-align: center;
	background-color:rgb(111,143,80);
	color:rgb(111,143,80);
	}
	
.fonsmunicipi{
	background-image: url(img/municipi2.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	}

/* turisme */

#turismeint{
	width:24px;
	float:left;
	padding:0px;
	}

#turismeint img {
	margin:5px 0px 0px 0px;
	}
/* -------------- menú interior ------------------- */
#navlist2int	{
	float:left;
	clear:right;
	width:155px;
	text-align: left;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	background-color: rgb(111,143,80);
	}

#navlist2int ul{
	margin:1em 5px 0px 5px;
	padding:0px;
	}

#navlist2int ul ul{
	margin:0px 5px 0px 10px;
	padding:0px;
	}

#navlist2int li	{
	margin:0px 0px 1em 0px;
	padding:2px 0px 0px 0px;
	text-align:left;
	list-style-type:none;	
	line-height:1em;
	}

#navlist2int li a	{
	text-decoration: none;
	color: rgb(255,255,255);
	font-size: 1.1em;
	padding: 0.4em 0px 0.4em 3px;
	}

#navlist2int li a:hover,#navlist2int ul li a:hover{ 
	color: rgb(255, 204, 0);
	text-decoration: none;
	}
	
#navlist2int:active, #navlist2int a.actual{
	color: rgb(255, 204, 0);
	text-decoration: none;
}

/* ---------------------- continguts interiors ----------------------- */

#contingut{
	background-color:rgb(232,242,218);
	float:left;
	font-size:1.2em;
	width: 465px;
	width:  465px;  /*1-para opera*/
	\width: 477px; /*2-para ie-se agrega el padding y border*/
	w\idth: 465px; /*3- estandares*/
	margin: 0px 7px 5px 5px;
	padding:10px 20px 10px 20px;
	color:rgb(0,0,0);
	}

#contingut img{
	margin: 10px 0px 10px 0px;
	}
		
#contingut ul{
	list-style:none;
	margin:20px 0px 10px 0px;
	padding:0px;
	}
	
.llistaaire{
	line-height:1.8em;
	}		

#contingut a	{
	text-decoration: none;
	color:rgb(111,143,80);
	font-size: 1.1em;
	}

#contingut a:hover,#contingut a:active	{ 
	color: rgb(255,204,0);
	text-decoration: none;
	font-size: 1.1em;
	}
	
.fonssabermes{
	background-image:url(img/sabermesfons.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
	}

.fonscontacte{
	background-image:url(img/contacta.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:400px;
	}

.fonscastells{
	background-image:url(img/castells2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:570px;
	}
		
.fonsermites{
	background-image:url(img/ermites2.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:650px;
	}
	
.fonsmuseus{
	background-image:url(img/museus2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:600px;
	}
	
.fonspobles{
	background-image:url(img/pobles2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:600px;
	}
	
.fonsnatura{
	background-image:url(img/natura2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:600px;
	}
	
.fonsinstalacions{
	background-image:url(img/instalacions2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:700px;
	}

/* ----- Esports ----- */

.aventura{
	background-image:url(img/d_aventura.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	height:720px;
	}

.riu{
	background-image:url(img/piragua.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
	height:730px;
	}
	
.senderisme{
	background-image:url(img/senderisme1.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:500px;
	}

.muntanya{
	background-image:url(img/muntanya1.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:750px;
	}
	
.neu{
	background-image:url(img/neu1.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:550px;
	}

.btt{
	background-image:url(img/d_btt.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:700px;
	}
	
.instalacions{
	background-image:url(img/d_instalacions.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:650px;
	}
	
.pesca{
	background-image:url(img/pesca1.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:500px;
	}	

.veureimg{
	width:30%;
	float:left;
	}
.veuretext{
	float:left;
	width:70%;
	}
	
.veure{
	clear:left;
	}
/* ---- nom secció ------*/
.seccio{
	clear:both;
	height:90px;
	}

/* --- Familiar --- */
	
.familiar{
	font-family:'Lucida Casual', 'Comic Sans MS';
	}

#familiar{
	background-color:rgb(232,242,218);
	font-family:'Lucida Casual', 'Comic Sans MS';
	float:left;
	font-size:1.1em;
	width: 465px;
	width:  465px;  /*1-para opera*/
	\width: 477px; /*2-para ie-se agrega el padding y border*/
	w\idth: 465px; /*3- estandares*/
	margin: 0px 7px 5px 5px;
	padding:10px 20px 10px 20px;
	color: rgb(97,97,60);
	}

#familiar img{
	margin: 10px 0px 10px 0px;
	text-align:center;
	}
	
#familiar ul{
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:5px;
	border:0px solid rgb(247,120,005);	
	}
	
.portfamilia{
	width:65%;
	}	
	
#familiar li{
	padding: 4px 0px 0px 0px;
	}

#familiar a	{
	text-decoration: none;
	color: rgb(111,143,80);
	font-size: 1.3em;
	}

#familiar a:hover,#familiar a:active	{ 
	color: rgb(255,204,0);
	text-decoration: none;
	font-size: 1.3em;
	}

#familiar p{
	width:70%;
	margin-bottom:5px;
	}

.minairons{
	list-style-image:url(img/liminairons.gif);
	list-style-position:inside;
	}
	
.vella{
	list-style-image:url(img/livella.gif);
	list-style-position:inside;
	}
	
.encantades{
	list-style-image:url(img/liencantades.gif);
	list-style-position:inside;
	}

.fonsfamilia{
	background-image: url(img/pare.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

.fonsencantades{
	background-image: url(img/fonsencantades.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height:870px;
	}

/* ---------------- menu horizontal ----------------- */
	
#centrat {
	text-align:center;
	font-size:1.2em;
	margin:0px 20px 10px 25px;
	background-color:rgb(232,242,218);
	padding:10px 20px 10px 20px;
	color:rgb(0,0,0);
	}
	
#centrat ul{
	text-align:left;
	list-style:none;
	}
	
#centrat li	{
	text-align:left;
	list-style-type:circle;
	text-indent:0;
	margin:5px;
	}

#centrat li a	{
	text-decoration: none;
	color: rgb(111,143,80);
	font-size: 1.1em;
	}

#centrat li a:hover,#navlist2 a#current{
	color: rgb(144,129,54);
	font-size: 1.1em;
	}

#centrat a#current 	{ 
	color:rgb(144,129,54);
	}
	
.guia{
	float:left;
	padding:0px 10px 0px 0px;
	color:rgb(97,97,60);
	}

.guies{
	clear:both;
	padding:10px;
	}

/* ---------- secció crèdits ---------------- */

.fonscredits {
	background-image: url(img/credits1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height:240px;
	}
	
.credits{
	width:70%;
	margin:0px 0px 0px 190px;
	text-align:left;
	}
	
/* ---- Credits --- */

#creditsint{
	color:rgb(153, 102, 0);
	font-size:1.2em;
	clear:both;
	text-align:right;
	margin: 0px;
	padding:0px;
	border: 0px solid rgb(0,0,0);
	width:  735px;  /*1-para opera*/
	\width: 700px; /*2-para ie-se agrega el padding y border*/
	w\idth: 700px; /*3- estandares*/
	}
	
#creditsint a,#creditsint a:hover,#creditsint a:active{
	text-decoration: none;
	color:rgb(255,204,0);
	}