@charset "utf-8";
/* RESET ---------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }

/* HTML ---------------------------------------------------------------------------------------------------- */
body { font-family:"Trebuchet MS",sans-serif; font-size:85%; background:#fff url(../img/bg_body.gif) repeat-x top }
h1 			{ font-size:1.5em }
h2			{ font-size:1.3em; margin-top:20px }
h3			{ font-size:1.2em; color:#c22e1d; margin-top:20px; border-bottom:#d19c8f dotted 1px; }
p			{ }
strong		{ color:#c22e1d }
a			{ text-decoration:none; color:#000 }
a:hover		{ color:#c22e1d }
input, select, textarea { font-family:sans-serif; font-size:1.2em }

/* PRINCIPAL ---------------------------------------------------------------------------------------------------- */
#web { width:990px; margin:0 auto; background:url(../img/bg_pagina.png) top center repeat-y }
#capsalera { background:url(../img/bg_principal.jpg) no-repeat top center; padding-top:25px }
#boto-home	{ float:right; background:#FFFF33; height:180px; margin-right:64px}
/* CAP ---------------------------------------------------------------------------------------------------- */
#cap				{ height:158px; float:left }
#menu_superior		{ padding:90px 0 0 330px }
#menu_superior li	{ float:left; padding-right:30px; background:url(../img/menu_punto.gif) right center no-repeat }
#menu_superior li.u	{ background:none }
#menu_superior a	{ color:#540400; display:block; font-weight:bold; border-bottom:1px solid #753f24 }

/* COS ---------------------------------------------------------------------------------------------------- */
#columna		{ width:220px; margin-left:75px; float:left }
#contingut		{ width:580px; padding:40px 20px; float:left; }

#contingut h1 { color:#674e22; font-weight:bold; font-size:1.5em; background:url(../img/barra_h1.gif) no-repeat left bottom; margin-bottom:15px }
#contingut h2 { font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif }
#contingut h4 { color:#666666; font-size:.7em}
#contingut p	{ color:#333; padding:10px 0; line-height:1.5em }
#contingut ul	{ color:#333; padding:8px 0; }
#contingut ul li	{ color:#674e22; padding:10px 30px; line-height:1.2em; }
#contingut ul.llista li	{ color:#674e22; padding:10px 30px; line-height:1.2em; background:url(../img/ok.gif) top left no-repeat}
#contingut ul li strong	{ color:#ee5f3d }

#cos .baner		{ padding:20px 30px; background-position:top left; background-repeat:no-repeat }
#cos .baner h2	{ font-size:.9em; color:#584e38 }
#cos .baner p	{ padding:0; font-size:.9em }
#cos .ontrobarnos { background-image:url(../img/bg_ontrobarnos.jpg); height:94px }

.galeria		{ margin-top:22px}
.galeria h2 a { color:#9b712d; font-weight:bold; padding:20px 0 8px 30px; text-decoration:underline; font-size:.9em; }

/* -- Menu ---------------------------------------------------------------------------------------------------- */
#menu { padding:0 0 0 30px; line-height:39px; font-weight:bold }
#menu li.actiu a { color:#674e22; font-weight:bold; border-bottom:2px solid #674e22 }

/* -- Novetats ---------------------------------------------------------------------------------------------------- */
.novetat	{ background:url(../img/barra_h1.gif) no-repeat left bottom; margin-bottom:15px }
.img_dreta	{ float:right; margin:0 0 1em 1em; background:url(../img/bg_fotos.gif) top left; padding:8px }

/* -- Extres ---------------------------------------------------------------------------------------------------- */
.clear  { clear:both }
.enllas	{ padding-left:30px; background:url(../img/enllas.gif) left no-repeat; line-height:38px; text-decoration:underline}
.mapa { background:url(../img/bg_mapa.png) no-repeat; height:372px; width:580px; padding-top:24px; padding-left:38px }
.destacada_portada	{ background:url(../img/bg_destacada_portada.jpg) no-repeat; width:580px; height:118px; font:Georgia, "Times New Roman", Times, serif; font-size:1.8em; margin-top:30px; padding-top:40px; padding-left:20px}
.destacada_portada	{ color:#FFF}

/* -- Formulari ---------------------------------------------------------------------------------------------------- */
.form { background:url(../img/bg_form.png); height:310px; padding-top:60px }
.form label								{ display:block; width:120px; float:left; line-height:30px; padding-left:40px; color:#555; clear:left }
.form input.text, .form textarea		{ border:0; background:#333 url(../img/bg_input.png); width:350px; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.9em; margin:2px 0; color:#fff }
.form input.text						{ }
.form textarea							{ height:9em }
.form .submit							{ display:block; text-align:right; padding:10px 60px }
.form .submit input						{ font-size:.9em; padding:2px }
#ClientValidationSummary { width:370px; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0; padding:3px 5px; font-weight:bold }

/* PEU ---------------------------------------------------------------------------------------------------- */
#peu { height:145px; background:url(../img/bg_peu.jpg) no-repeat; font-size:.8em; padding:20px 20px 0 90px }
#peu ul { color:#43300e; line-height:1.6em }
#peu h1 { font-weight:bold }
#peu li { float:left; display:block; width:180px }
#peu .enlaces { padding-left:30px; color:#666 }
#peu .amunt { font-weight:bold; text-decoration:underline; display:block; background:url(../img/bg_amunt.gif) 80px center no-repeat }

/* Idiomes */
#idms 							{ margin:0 auto; width:935px; padding-bottom:6px; float:right}
#idiomes 						{ float:right; font-size:.9em; padding-bottomp:15px; font-weight:bold }
#idiomes a 						{ padding:0 0 10px 18px;   }
#idiomes a:hover				{ text-decoration:underline   }
#idiomes span.inactiu a 		{ width:40px; display:inline; }
#idiomes span.actiu a			{ width:50px; display:inline; font-weight:bold; color:#FFFFFF }
#idiomes span.actiu a:hover		{ }
#idiomes a.es 					{ }
#idiomes a.ca 					{ }  /* background-image:url(../img/bandera_ca.gif)  */