*{
margin:0;
padding:0;
border:0
}
body{
color:#515151;
background:url(../../img/web/fons_3.gif) #E4D5C9;
font:10px verdana,arial,tahoma,geneva,sans-serif
}
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:808px;
background:url(../../img/web/page-bgr.gif) repeat-y center
}
/*--- HEADER INICI ---*/
#header-inici{
margin:0 auto;
width:800px;
background:url(../../img/web/bgr-cap-inici.jpg) #ffffff no-repeat 0px 0px;
height:189px;
}
#btn{
float:left;
width:212px;
padding:220px 0 0 20px;
}

/*- Top Menu -*/
#topmenu{
width:187px;
float:right;
padding:166px 0px 0px 0px;
font-size:11px;
height:20px;
}
/*- Search -*/
.search{
padding:0px 0px 0px 32px;
width:155px;
color:#84471A;
}
.search input{
width:124px
}
input.search-go{
border:0;
width:14px;
background:url(../../img/web/ico-search.gif) no-repeat center;
height:15px
}
/*----- 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:800px;
margin:0 auto;
clear:both;
}

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

#layer_Continguts{
width:194px;
}
.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #575754;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;

}

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

.sitemap a
{
display: block;
padding:3px 10px 3px 20px; 
border-top: solid 1px #FFFFFF;
text-decoration:none;
color:#FFFFFF;
/*font-weight:bold;*/
font-size:12px;
background-color:#000000;
background:url(../../img/web/ico-list.gif) #000000 no-repeat left;

}

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


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

.sitemap ul a
{
display: block;
padding:3px 10px 3px 20px; 
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
background-color:#9B1457;
}

.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:2px 10px 2px 40px;
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: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;*/
}

/* calendari */
.calendari{
margin:15px 0px 0px 9px;
padding:25px 10px 0px 9px;
background:url(../../img/web/bgr-calendari.gif) no-repeat;
height:220px;
}
.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 ul {  list-style:none; font-family:verdana,arial,sans-serif; font-size:10px; padding:5px 0 5px 0;background-color:#84471A}
.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;}


/* -------------------------- contacte ------------------------------- */
#contacte{
margin:0px auto;
height:466px;
}
#contacte input,textarea{
border:1px solid #84471A;
}

#contacte .text{
float:left;
width:450px;
padding:10px 40px 0px 60px;
text-align:justify;
}
*html #contacte .text{ /* corregir error IE */
float:left;
width:450px;
padding:12px 40px 0px 60px;
text-align:justify;
}
#contacte .text h2{
padding:0px 0px 10px 0px;
}

#contacte .formtxt{
float:left;
width:140px;
height:220px;
}

#contacte .formboto{
text-align:right;
padding-right:10px;
}

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

}

/*--- LEFT column ---*/
#leftcol{
margin:0px 0 0;
width:186px;
float:left;
}
#leftcol .spacer{
padding:10px 0px 10px 16px;
}
/*- Category List -*/
ul.category{
margin:0 0 0px 0;
}
.category li{
/*border-bottom:1px solid #e9eaea;*/
color:#ffffff;
background:url(../../img/web/ico-list.gif) #000000 no-repeat left;
font-size:11px;
line-height:20px;
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) #579e57 no-repeat left;
text-decoration:none
}

/*--- CENTER column ---*/
#centercol{
margin:0px 0 0;
width:605px;
float:right;
background:url(../../img/web/hl-dot.gif)  repeat-x 0px 32px;
}
#centercol img{
border: 4px solid #E9EAEA;
}
#centercol h2{
padding:0 10px;
margin:0 0 15px 0;
color:#ffffff;
background:url(../../img/web/hl-dot3.gif) #84471A repeat-x bottom;
font-size:11px;
font-weight:normal;
line-height:26px
}
#centercol h2 a{
color:#ffffff
}
#centercol h3{
padding:0 0 0 10px;
margin:0 0 15px 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{
margin:0 0 10px 0
}
#centercol p{
padding:0 0 10px 0
}
#centercol p.ar{
padding:0 0 3px 0
}
#centercol .veure{
border:0px;
float:right;
padding-right:20px;
}
.destaquem{
background-color:#9B1457;
margin:1px 0 20px 0;
height:30px;
}

#content p{
margin:0px 15px 0px 20px;
}

/*- Title -*/
.title{
height:170px
}
/*- 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;
}
.separador {
margin:-5px 20px 0px 20px;
height:10px;
background:url(../../img/web/hl-dot-sep.gif) repeat-x top;

}

/*--- FOOTER ---*/
#footer{
clear:both;
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
}
#footer a{
color:#ffffff
}
/*--- 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 20px
}
.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
}