@charset "utf-8";

/* ---------------------- CSS RESET ---------------------- */
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,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none; margin:0; }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0; padding:0 }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
p	{ text-align:left}
em	{color:#333; font-weight:bold}
/* ---------------------- BIG BOYS ---------------------- */
html, body { width:100%; height:100% }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:80%; background-color:#333; background-position:top center; background-repeat:no-repeat; padding:0; margin:0; }

body.ca { background-image:url(../imatges/bg_body_ca.jpg) }
body.es { background-image:url(../imatges/bg_body_es.jpg) }
body.en { background-image:url(../imatges/bg_body_en.jpg) }

h1,h2,h3	{ font-weight:normal }
h1				{ font-size:1.7em; margin-bottom:10px }
h2				{ font-size:1.25em; margin-bottom:10px }
h3				{ font-size:1em; margin-bottom:10px }
p					{ font-size:.95em; color:#555; line-height:1.75em; margin-bottom:10px; margin-top:10px }
em				{color:#333;}
strong 		{ color:#333; font-weight:bold; }
a 				{ text-decoration:none; color:#384000 }
a:hover 	{ text-decoration:underline }
li				{ line-height:10px}
textarea 	{ margin-bottom:30px }
input 		{ margin-right:6px }
blockquote { font-size:1em; color:#333; font-weight:bold; line-height:1.7em; min-height:50px; margin-bottom:20px; margin-top:30px; margin-right:20px; background:url(../imatges/bg_citas.gif) left top no-repeat; padding-left:60px; font-family:Georgia, "Times New Roman", Times, serif }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 				{ margin:0 auto; width:960px; }
#cap 				{ margin-top:170px; font-family:"Courier New", Courier, monospace; height:110px }
#contingut 	{ line-height:1.5em; background:#ECEDCE url(../imatges/bg_contingut.jpg) top left no-repeat; padding:0 30px }
#peu				{ text-align:left; font-size:.95em; height:60px; padding-top:20px; margin-top:20px; background:url(../imatges/bg_peu.gif) top left repeat-x }

/* ---------------------- CAP ---------------------- */
#logo					{ margin-left:200px; }
#idiomes			{ float:right; margin-top:20px;  }
#idiomes li		{ float:left; letter-spacing:-.03em; padding:0 8px 5px 10px; background:url(../imatges/menu_separador.gif) left center no-repeat }
#idiomes li:first-child { background:none; padding-left:0 }

#menu 						{ padding:20px 0 10px 0; display:block; background:url(../imatges/bg_peu.gif) bottom left repeat-x; text-align:center; font-size:1.1em }
#menu li:first-child { background:none; padding-left:0 }
#menu li 					{ display:inline; letter-spacing:-.03em; padding:0 10px 0 12px; background:url(../imatges/menu_separador.gif) left center no-repeat }
#menu li a 				{ text-decoration:none; color:#898a5f; font-weight:bold }
#menu li a.activa { text-decoration:underline; color:#000 }
#menu li a:hover 	{ color:#000 }

/* ---------------------- CONTINGUT ---------------------- */
h1 { padding:15px 0 0 0; font-size:2em; color:#6f0000; line-height:30px }
h2 { padding:0 0 8px 0 }

#contingut a 	{ text-decoration:underline }
h1, h2, h3 { font-family:Georgia; letter-spacing:-.03em }
#contingut h2 { color:#af7869; }

.clear { clear:both; display:block }
.dreta		{ float:right;  background:#dfe0c4; padding:6px; margin-left:20px; margin-bottom:10px}
.esquerra	{ float:left;  background:#dfe0c4; padding:6px; margin-right:20px; margin-bottom:10px}

#contingut .foto_ambpeu			{ background:#dfe0c4; padding:10px; margin-right:10px; font-size:.95em; float:right; width:300px; margin:0 22px 15px 23px }
#contingut .foto_ambpeu	img { margin-bottom:10px }

#contingut .foto_expo_galeria			{ background:#dfe0c4 url(../imatges/bg_fotos.gif) bottom repeat-x; padding:10px; margin-right:10px; float:left; width:160px; height:300px; margin:0 22px 15px 23px }
#contingut .foto_expo_galeria img 		{ border:5px solid #fff; margin-bottom:6px; width:150px }
#contingut .foto_expo_galeria h3 a		{ text-decoration:none }
#contingut .foto_expo_galeria h3 a:hover{ text-decoration:underline }

#contingut .foto_principal				{ background:#dfe0c4; padding:10px; width:520px; margin-right:10px }
#contingut .foto_principal img 	{ border:10px solid #fff; }

#contingut .foto_secundaria			{ float:right; width:320px; padding:10px }
#contingut .foto_secundaria img 	{ border:10px solid #fff; width:300px; }
#contingut .foto_secundaria h3		{ font-size:1em }

#contingut .foto_principal a, .foto_secundaria a { display:block; text-align:center; margin-bottom:8px }
#contingut .foto_principal p, .foto_secundaria p, .foto_secundaria h3 { margin:0; padding:0; line-height:1.45em; padding-left:2px; padding-right:2px }
#contingut .foto_principal p, .foto_secundaria p { color:#000 }
#contingut .foto_secundaria h3 a { text-align:left; margin-bottom:0 }

#contingut .foto_contactes { background-color:#DFE0C4; padding:10px }
#contingut .foto_contactes img { margin:0 10px 0 0; border:5px solid #fff; width:270px }
#contingut .foto_contactes p { margin:0; padding:6px 0 0 0; color:#000 }

/* DOCUMENTAL */

#videodoc { background:#000 url(../imatges/bg_documental.jpg) top center no-repeat; padding:31px; text-align:center }
#videodoc .documental { display:block; text-align:center; margin:0 auto }

/* MAPA */
#mapa {width: 900px; height: 400px; margin-bottom: 20px}
.enllas	{ margin-bottom:25px; border-bottom:dashed 1px #c9cab0;}
/* FORMULARI DE CONTACTE */

#contacte label { display:block; margin-bottom:3px }
#contacte input.text { width:890px; border:1px solid #898a5f; padding:4px; margin-bottom:8px; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif }
#contacte .submit { display:block }
#contacte input.boto { padding:3px; font-size:1em; cursor:pointer }
#contacte textarea { width:890px; border:1px solid #898a5f; height:180px; padding:4px; margin-bottom:8px; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif }
#contacte .aviso { font-size:.9em }
#ClientValidationSummary { display:block; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:10px 0; padding:3px 6px }
#ClientValidationSummary li { line-height:1.5em }

/* NOTICIES */
#noticies h2, #noticies h3, #noticies p { margin-left:110px;  }

#noticies h2 { font-size:2em; color:#384000; line-height:1.1em }
#noticies h3 { letter-spacing:0; color:#808552 }
#noticies p img { float:right; margin:0 0 15px 15px; border:7px solid #fff }

#noticies .lateral { float:left; width:90px; }
#noticies h4 {  height:90px; padding-top:50px; color:#A9A99C; display:block; background:url(../imatges/bg_data.gif) left top no-repeat; text-align:center }
#noticies h4 strong { display:block; font-size:2.8em; padding:4px 10px 14px; font-weight:normal; color:#808552; }
#noticies h5 { margin:10px 0 0 0; font-size:.9em; line-height:1.35em; color:#777; padding:0 3px; letter-spacing:-.05em }
#noticies h5 strong { display:block; color:#384000; font-weight:normal }

.amunt { background:url(../imatges/bg_peu.gif) bottom left repeat-x; font-size:.9em; display:block; height:30px; color:#777; clear:both; text-align:right; margin-bottom:20px }
.amunt_enllas { background:url(../imatges/bg_peu.gif) bottom left repeat-x; font-size:.9em; display:block; height:30px; color:#777; clear:both; text-align:right; margin-bottom:20px }


#noticies .paginador { text-align:right; font-size:1em; color:#777; display:block; height:30px; font-variant:small-caps }
#noticies .paginador li { display:inline; padding-right:6px }
#noticies .paginador li.dades { float:left }


#noticies.portada h2 { font-size:1.6em; color:#384000; line-height:1.1em }
#noticies.portada h3 { letter-spacing:0; color:#808552 }
#noticies.portada h2 a { text-decoration:none }

/* PORTADA */
.introduccio { width:440px; margin-right:10px;  }


/* ENLLAÇOS */
#enllasos h3, #enllasos p { margin-left:80px;  }

#enllasos h3 { font-size:1.3em; color:#384000; line-height:1.1em }
#enllasos p img { float:right; margin:0 0 15px 15px; border:7px solid #fff }

#enllasos .lateral { float:left; width:60px; }
#enllasos h4 {  height:40px; padding-top:50px; color:#A9A99C; display:block; background:url(../imatges/bg_data.gif) left top no-repeat; text-align:center }
#enllasos h4 strong { display:block; font-size:2.8em; padding:4px 10px 14px; font-weight:normal; color:#808552; }
#enllasos h5 { margin:10px 0 0 0; font-size:.9em; line-height:1.35em; color:#777; padding:0 3px; letter-spacing:-.05em }
#enllasos h5 strong { display:block; color:#384000; font-weight:normal }
#enllasos a.url { margin-left:20px }

/* --------------------------------- PEU  ----------------------------------------------------------------- */
#peu ul { color:#4d3316; display:block }
#peu li { float:left; line-height:1.5em }
#peu li.info {  }
#peu li.credits { float:right; text-align:right; line-height:1.2em; font-size:.9em; padding-bottom:5px }
#peu li.logo-consell { float:left; text-align:left; line-height:.9em; font-size:.9em; padding-bottom:5px }

#peu a {  }
#peu a:hover { color:#666 }

#sotapeu p { color:#aaa; padding:10px 20px 30px 0px }