*{
margin:0;
padding:0;
border:0
}
body{
color:#515151;
background-color:#96B2C0;
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;
color:#7F7F7F;
text-align:justify;
}
a{
color:#000000;
text-decoration:none
}
a:hover{
color:#515151;
text-decoration:underline
}
input,select,textarea{
border:#cccccc 1px solid;
padding:1px 2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
li{
list-style:none
}
#page{
margin:0 auto;
width:769px;
background:url(../../img/web/page-bgr.gif) repeat-y center

}
/*--- HEADER INICI ---*/
#header{
margin:0 auto;
width:761px;
background:url(../../img/web/header-bgr.gif) #ffffff no-repeat 0px 0px;
height:161px
}
#header-logo{
width:184px;
height:161px;
}
#header-background{
height:198px;

}


#header-forum{
margin:0 auto;
width:761px;
background:url(../../img/web/bgr-cap-inici.jpg) #ffffff no-repeat 0px 0px;
height:147px
}

/*- Top Menu -*/
#topmenu{
padding:0px 0px 0px 0px;
margin:0 10px 0 420px;
font-size:11px;
height:20px;
width:140px;
}
#idioma {
height:20px;
width:140px;
background-color:#0078C1;
color:#FFFFFF;
text-align:center;
padding:5px 0 0 0px;
margin:0 10px 0 420px;
}
#idioma a{
color:#FFFFFF;
}

/*- Search -*/
.search{
padding:0px 0px 0 0px;
width:140px;
float:right;
margin:2px 0 0;
color:#000000;
}
.search input{
width:110px
}
input.search-go{
border:0;
width:18px;
margin:4px 0 0;
background:url(../../img/web/ico-search.gif) no-repeat center;
height:18px
}
#menu{
padding:0px 15px 0 0;
clear:both;
text-align:right;
color:#FFFFFF;
}
#menu a{
color:#FFFFFF;
}
/*----- NAVEGACIO ------*/
#navegacio-inici{
margin:0 auto;
width:800px;
background-color:#EB9F18;
height:30px;
}
#navegacio-inici p{
padding:6px 0px 0px 10px;
}

/*--- COLUMN LAYOUT ---*/
#columns{
width:761px;
margin:0 auto;
clear:both;
}

/********************************/
/*  MENÚ DE NEVAGACIÓ           */
/********************************/
#inici{
margin:1px 0px 0px 0px;
background-color:#000000;
height:30px;
width:183px;
}
#inici img{
padding:5px 0px 0px 10px;
}

#layer_Continguts{
width:177px;
padding: 0 0 0 3px;
}
.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: georgia,verdana, arial, Helvetica, sans-serif;
	color: #575754;
	text-align:left;
	background-color:#0078C1;
	border-bottom:1px solid white;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: georgia,verdana, arial, Helvetica, sans-serif;

}

.sitemap li { margin: 0 0 0px 0; }

.sitemap a
{
display: block;
padding:4px 10px 4px 5px; 
text-decoration:none;
color:#FFFFFF;
/*font-weight:bold;*/
font-size:12px;

}

.sitemap a:hover
{
color: #FFFFFF;
text-decoration: none;
background-color:#000000;
}
.sitemap a.active
{
	color: #FFFFFF;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap ul li { margin: 0 0 0px 0; }

.sitemap ul a
{
display: block;
padding:5px 10px 5px 10px; 
text-decoration:none;
color:#8F7547;
font-size:12px;
background-image:url(../../img/web/bg-menu.gif);
background-position:left 0px;
/*border-bottom:1px dotted #666666;*/

}

.sitemap ul a:hover
{
color: #000000;
background-color: #D7D7D7;
text-decoration: none;
}
.sitemap a.active
{
	/*background-color:red;*/
}
.sitemap ul a.active
{
	/*background-color:lightblue;*/
}

/* Tercer nivel */

.sitemap ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul a
{
display: block;
padding:6px 10px 5px 15px; 
vertical-align:middle;
/*border-bottom: solid 1px #C8C8C8;*/
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:11px;
background-image:url(../../img/web/bg-menu.gif);
/*background-image:url(../../img/web/bg_listmenu.gif);
background-repeat:no-repeat;
background-position:0px 0px 0px 10px;
background-position:left 1px;*/
}

.sitemap ul ul a:hover
{
color: #414B07;
background-color: #69C;
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}


/* Cuarto nivel */

.sitemap ul li ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul ul a
{
display: block;
padding:2px 10px 2px 55px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:10px;
background-color:#EFEFF1;
background-image:url(../../img/web/bg_listmenu.gif);
background-repeat:no-repeat;
background-position:left 1px;
}

.sitemap ul ul ul a:hover
{
color: #414B07;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}



/* galeria */
.sitemap2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: georgia,verdana, arial, Helvetica, sans-serif;
	color: #575754;
	text-align:left;

	}
/* Primer nivel */
.sitemap2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: georgia,verdana, arial, Helvetica, sans-serif;
height:20px;

}

.sitemap2 li { 
margin: 0 0 0px 0; 
border-bottom:1px solid #FFFFFF;
}

.sitemap2 a
{
display: block;
padding:4px 10px 4px 5px; 
text-decoration:none;
color:#98A228;
/*font-weight:bold;*/
font-size:12px;
background-color:#D5D8B6;

}

.sitemap2 a:hover
{
color: #000000;
text-decoration: none;
background-color:#D5D8B6;
}
.sitemap2 a.active
{
	color: #FFFFFF;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap2 ul li { margin: 0 0 0px 0; }

.sitemap2 ul a
{
display: block;
padding:5px 10px 5px 10px; 
text-decoration:none;
/*color:#8F7547;*/
font-size:12px;
background-position:left 0px;
/*border-bottom:1px dotted #666666;*/

}

.sitemap2 ul a:hover
{
color: #000000;
background-color: #D7D7D7;
text-decoration: none;
}
.sitemap2 a.active
{
	/*background-color:red;*/
}
.sitemap2 ul a.active
{
	/*background-color:lightblue;*/
}

/* calendari */
.calendari{
margin:15px 0px 0px 0px;
padding:5px 10px 10px 12px;
/*background:url(../../img/web/bgr-calendari.gif) no-repeat;*/

font:10px georgia,verdana,arial,tahoma,geneva,sans-serif;
}
.calendari p{
padding:15px 10px 0px 9px;
}


/* enquesta */
.enquesta-cap{
background:url(../../img/web/bgr-enquesta-cap.gif) no-repeat;
margin:10px 0px 0px 9px;
padding:22px 10px 0px 10px;
height:10px;
}
.enquesta{
background:url(../../img/web/bgr-enquesta-cos.gif) repeat-y;
margin:-1px 0 0 9px;
padding:0px 10px 0 10px;
}
.enquesta p{
padding:5px 0 0 0px;
}
.enquesta ul{
padding:0 0 5px 5px;
}
.enquesta li{
padding:5px 0 0 0;
}
.enquesta input{
border:0px;
margin-right:5px;
}
.enquesta-peu{
background:url(../../img/web/bgr-enquesta-peu.gif) no-repeat;
margin:0 0 0 9px;
padding:15px 10px 0 10px;
height:48px;
}
.enquesta-peu p{
padding:8px 10px 0px 10px;
}
.enquesta-resultat{
padding:5px 0px 0 5px;
}

.graph { 
	position: relative; /* IE is dumb */
	width: 140px; 
	border: 1px solid #749BAB; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #749BAB; 
	text-align: left; 
	color: #000000; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }

/* navegacio */
.header-breadcrumbs { margin:1px 0 0 0;}
.header-breadcrumbs ul {  list-style:none; font-family:verdana,arial,sans-serif; font-size:10px; padding:5px 0 5px 0;background-color:#000000}
.header-breadcrumbs ul li {display:inline; padding:0 2px 0 13px; background:transparent url(../../img/web/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:#7D7D7D; }
.header-breadcrumbs ul a { color:#FFFFFF; text-decoration:none; }
.header-breadcrumbs ul a:hover {color:#FFFFFF; text-decoration:underline;}



#content .text h2{
padding:0px 0px 10px 0px;
}

#content .formtxt{
float:left;
width:140px;
height:220px;
color:#0078C1;
font-size:11px;
}

#content .formboto{
text-align:right;
padding-right:80px;
}

#content .noborder { 
border:0px;
}
#content .imatge{
padding:54px 0px 0px 0px;
}
#content p{
padding:0px 0px 0px 0px;
}
#content p.logos {
padding:30px 0px 0px 20px;
}
#content .txtform{
width:300px;
margin:5px 0px 5px 0px;

}

/*--- LEFT column ---*/
#leftcol{
margin:0px 0 0;
width:183px;
float:left
}
#leftcol .spacer{
padding:10px 0px 10px 16px;
}
/*- Category List -*/
ul.category{
margin:0 0 0px 0;
width:186px;
}
.category li{
/*border-bottom:1px solid #e9eaea;*/
color:#ffffff;
background:url(../../img/web/ico-list.gif) #84471A no-repeat left;
font-size:12px;
height:20px
}
.category li a{
padding:0 0 0 20px;
display:block;
color:#ffffff;
line-height:20px;
height:20px
}
.category li a:hover,.category li.active a{
display:block;
color:#ffffff;
background:url(../../img/web/ico-list.gif) #9D6C48 no-repeat left;
text-decoration:none
}

/*--- CENTER column ---*/
#centercol{
margin:0px ;
width:574px;
float:left;
}
#centercol img{
/*border: 4px solid #E9EAEA;*/
}
#centercol h3{
padding:0 0 0 10px;
margin:0 0 10px 0;
color:#4b3b04;
/*background:url(../../img/web/hl-dot2.gif) repeat-x bottom;*/
font-size:16px;
font-weight:normal;
letter-spacing:-1px;
height:30px
}
#centercol h3 span,#centercol h4 span{
display:none
}
#centercol h4{
padding:0 0 0 20px;
margin:0 0 5px 0;
font:11px verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;

}
#centercol p{
margin:0 0 0px 0;
}
#centercol p.ar{
padding:0 0 3px 0
}
#centercol p.linia{
padding:5px 0 0px 10px;
margin:0 0 10px 0;
background:url(../../img/web/hl-dot3.gif) #000000 repeat-x bottom;
}
#cercador{
padding-left:20px;
}
.desc img{
border:5px solid #E9EAEA;
}
#content {
margin:0px 20px 0px 20px;

}
#content h1{
margin:20px 0px 15px 0px;
font:14px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#8F7547;
}
#content h2{
margin:0px 0px 10px 0px;
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#8F7547;
}
#content h4{
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#8F7547;
}
#content a{
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#8F7547;
}

#content p{
margin:0px 0px 0px 0px;

}
#content .separador{
margin:0px 20px 20px 20px;
clear:both;
background:url(../../img/web/hl-dot.gif)  repeat-x bottom;
}


#content .txt{
float:right;
width:100px;
}
#content .txt2{
float:right;
}

#content .foto{
float:left;
margin:0px 15px 5px 0px;
border: 4px solid #E9EAEA;
}


#content-contenido{
margin:-10px 0 0 0;
text-align:justify;

}

#content-contenido h1{
margin:30px 15px 15px 20px;
font:14px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
}

#content-contenido p{
margin:0px 15px 10px 20px;
}
#content-contenido table{
margin:0px 15px 10px 20px;
}
#content-contenido img{
border: 4px solid #E9EAEA;
}


#content-contenido .formboto{
text-align:right;
padding-right:100px;
}

#content-contenido .noborder { 
border:0px;
}
#content-contenido .imatge{
padding:54px 0px 0px 0px;
}

#content-inicio{
margin:-10px 0 0 0;
text-align:justify;
width:395px;
float:left;
}

#content-inicio h1{
margin:0px 15px 15px 20px;
font:14px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
}

#content-inicio p{
margin:0px 15px 10px 20px;
}
#content-inicio table{
margin:0px 15px 10px 20px;
}
#content-inicio img{
border: 4px solid #E9EAEA;
}


#content-inicio .formboto{
text-align:right;
padding-right:100px;
}

#content-inicio .noborder { 
border:0px;
}
#content-inicio .imatge{
padding:54px 0px 0px 0px;
}

#logos{
padding:0 0px 10px 15px;
float:left;
width:162px;
}
#caixa { 
float:right;
width:167px;
height:422px;
background:url(../../img/web/bgr-caixa.gif);
margin:10px 10px 0 0;
}
*html #caixa { 
float:right;
width:167px;
height:422px;
background:url(../../img/web/bgr-caixa.gif);
margin:10px 5px 0 0;
}

/*
#content-detall h1{
margin:0px 15px 5px 20px;
padding:0 0 5px 0;
font:12px georgia,verdana, arial,tahoma,sans-serif;
font-weight:bold;
}
#content-detall p{
margin:0px 10px 10px 0px;
}
#content-detall .galeria{
float:left;
margin:0px 15px 0px 0px;
border: 4px solid #E9EAEA;
}

#content-detall .foto{
float:left;
margin:0px 15px 0px 20px;
border: 4px solid #E9EAEA;
}
#content-detall .txt{
float:right;
}
#content-detall .txt2{
float:right;

}
#content-detall .separador{
height:115px;
}
#content-detall h1{
padding:5px 0 0px 10px;
margin:0 20px 5px 0;
color:#515151;
background:#E9EAEA;
font-size:10px;
font-weight:bold;
height:20px;
}*/

#content-galeria {
margin:-10px 15px 10px 20px;
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;

}
#content-galeria h1{
margin:30px 15px 15px 0px;
font:14px georgia,verdana, arial,tahoma,sans-serif;
font-weight:bold;
color:#98A228;
}

#content-galeria h2{
margin:20px 15px 0px 0px;
font:14px georgia,verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#98A228;

}

#content-galeria .separador{
margin:0px 2px 15px 2px;
clear:both;
background:url(../../img/web/hl-dot.gif)  repeat-x bottom;
}

#content-galeria a{
font:12px georgia,verdana,arial,tahoma,geneva,sans-serif;
}
#content-galeria .link{
margin:0px 5px 0px 5px;
}

#content-galeria p{
margin:0px 15px 10px 20px;
}
#content-galeria img{
border: 4px solid #E9EAEA;
}
#content-galeria .galeria{
padding:5px 0 0px 30px;
margin:0 20px 150px 0;
}

#content-galeria .fotos{
width:170px;
min-height:103px;
height:auto;
float:left;
margin-right:0px;
margin-bottom:20px;
text-align:center;
}


/*- Title -*/
.title{
margin:1px 0 0 0;
height:121px
}
/*- Boxes -*/
.boxes{
padding:7px 0 0
}
/*- Rounded Borders Box -*/
.box{
float:left;
width:288px;
margin:0 0 15px 0;
color:#4b3b04;
background:url(../../img/web/box-bgr.jpg) #ecbb12 no-repeat top center
}
#right.box{
float:right
}
.box .spacer{
padding:0 13px
}
.box-top{
background:url(../../img/web/box-top.gif) no-repeat top;
height:9px
}
.box-bot{
background:url(../../img/web/box-bot.gif) no-repeat bottom;
height:8px
}
.destaca {
margin:0px 15px 0px 20px;
height:100px;
}
/* ---BANNER---- */
#banner{
clear:both;
text-align:right;
padding:0px 40px 10px 0;
}

/*--- FOOTER ---*/
#footer{
clear:both;
color:#ffffff;
background:url(../../img/web/bgr-peu.gif) #96B2C0 repeat-x top;
line-height:25px;
padding:8px 0 0 0 ;
text-align:center;
height:25px;
font-size:11px;
width:769px;
font:11px verdana,arial,tahoma,geneva,sans-serif;

}
#footer a{
font-size:11px;
color:#0078C1;
}
/*peu del forum*/
#footer2{
clear:both;
margin:0px 0px 0px 4px;
border-bottom:7px solid #ffffff;
color:#ffffff;
background:url(../../img/web/hl-dot.gif) #B62A18 repeat-x top;
line-height:25px;
text-align:center;
height:25px;
font-size:10px;
width:761px;
}
#footer2 a{
font-size:9px;
color:#E1C1A9;
}

/*--- Misc. styles ---*/
.fix,.hl{
clear:both;
line-height:1px;
height:1px
}
.hl{
margin:5px 0;
background:#cccccc
}
.ac{
text-align:center
}
.ar{
text-align:right
}
.fl{
float:left
}
img.fl{
margin:0 15px 15px 0px;
border: 4px solid #E9EAEA;
}
.fr{
float:right
}
.p14{
font-size:14px
}
.p16{
font-size:16px
}
.white,.white a{
color:#ffffff
}
.yellow,.yellow a{
color:#edea9a
}
.yellow2,.yellow2 a{
color:#e7ca7a
}
