/* ETIQUETES PRINCIPALS 
---------------------------------------------------------- */
body, html					{ height:100%; margin:0; padding:0; background:#FFF ; font-family:Georgia, "Times New Roman", Times, serif; }
a							{ text-decoration:none; color:#146310; }
a:hover						{ text-decoration:none; color:#000; }
h1, h2, h3, h4, h5, form	{ margin:0; padding:0; }
input, textarea, select		{ font-family:Georgia, "Times New Roman", Times, serif; margin:0; }
img							{ border:0; }
input.boto					{ font-size:11px; padding:2px 4px; cursor:pointer; }

/* BLOCS D'ESTRUCTURA 
---------------------------------------------------------- */
#web						{ min-height:100%; width:770px; padding:0; margin:0 auto 0 auto; background:transparent url(../imatges/disseny/bg_peu.png) bottom no-repeat; position:relative; }
#cap						{ border-top:5px solid #11470E; width:742px; padding:10px 15px 15px 15px; margin:0; text-align:left; }
#content					{ font-size:12px; padding:0 20px 180px 20px; border-bottom:1px solid #CFDACF;  }
#peu						{ width:770px; font-size:11px; clear:both; text-align:right; position:absolute; bottom:0; _margin-bottom:-1px;  }
* html #web					{ height:100%; }
p							{ line-height:20px; }
.imatge2					{ float:right; margin:15px 15px 10px 15px; padding:5px; background:transparent url(../imatges/disseny/bg_imatges.gif); }
.imatge						{ float:left; margin:15px 15px 10px 0; padding:5px; background:transparent url(../imatges/disseny/bg_imatges.gif); }

/* MENU EN COLUMNA PRINCIPAL */
#menu 						{ height:30px; margin:0 0 15px 0; padding:0; font-size:11px; list-style:none; border-bottom:1px solid #B7C7B6; border-top:1px solid #E7ECE6; }
#menu ul					{ height:30px; margin:0; padding:0; list-style:none; }
#menu li					{ width:128px; margin:0; padding:0; background:transparent url(../imatges/disseny/menu/bg_li.gif) left top no-repeat; text-align:center; float:left; }
#menu a						{ height:30px; color:#000000; font-weight:bold; font-size:11px; display:block; line-height:30px; background:transparent url(../imatges/disseny/bg_menu_link.png) right top repeat-x; }
#menu a:hover 				{ color:#000; background-position:right -30px; }
#menu a.activu				{ color:#1872E8; background-position:right -30px; }
#menu .submenu				{ margin:0 0 2px 5px; padding:0; list-style:none; background-color:#EBF2FC; border-bottom:1px solid #D4E6FF; }
#menu .submenu li, #menu .submenu a
							{ background-image:none; padding:0; margin:0; }
#menu .submenu a			{ font-size:10px; display:block; height:16px; line-height:16px; padding-left:8px; background:none; border-left:5px solid #D4E6FF; }

h1							{ color:#11470E; font-size:24px; font-weight:normal; border-bottom:1px solid #CFDACF; background:transparent url(../imatges/disseny/h1_detall.gif) right 6px no-repeat; position:relative; }
h2							{ color:#11470E; font-size:18px; font-weight:normal; border-bottom:1px solid #CFDACF; }
h3							{ color:#11470E; font-size:12px; margin-top:10px; }
#content ul					{ line-height:20px; }
#content p					{ line-height:20px; }

a.gotop						{ display:block; text-align:right; font-size:11px; border-top:1px solid #CFDACF; padding:5px 16px 0 0; background:transparent url(../imatges/disseny/ico_gotop.gif) no-repeat right; }
a.gotop:hover				{ text-decoration:underline; }

/* MINIBIBLIOTEQUES 
---------------------------------------------------------------- */
#biblios						{ width:100%; list-style:none; padding:0; margin:0 0 20px 0; }
#biblios li						{ padding:7px 8px 8px 9px; margin:5px 0 25px 0; border:1px solid #CFDACF; clear:both; }
#biblios li h4					{ font-size:11px; }
#biblios li a.link				{ font-size:11px; background:transparent url(../imatges/disseny/ico_world.png) left no-repeat; padding:1px 1px 1px 21px; }
#biblios li .fotos				{ display:block; margin-top:10px; }
#biblios li .fotos a img		{ border:5px solid #EFF3EF; margin:0 0 0 0; }
#biblios li .fotos a:hover img	{ border:5px solid #DCE4DB; }

/* NOTICIES 
---------------------------------------------------------------- */
dl.noticies					{ background:transparent url(../imatges/disseny/bg_imatges.gif) repeat-x bottom; padding:0; margin:20px 0 20px 0; }
dl.noticies dt				{ font-size:18px; padding-bottom:5px; margin:0; letter-spacing:-1px; color:#11470F; }
dl.noticies dt a			{ color:#777; text-decoration:none; }
dl.noticies dt a:hover		{ color:#11470F; }
dl.noticies dd				{ font-size:11px; line-height:18px; padding:0 0 5px 0; margin:0 0 14px 0; }
dl.noticies .data			{ font-size:18px; float:left; text-align:center; background-color:#FFF; margin:3px 12px 8px 0; padding:0 0 3px 0; border:1px solid #CFDACF; border-top-width:0; }
dl.noticies .data strong	{ font-size:10px; font-weight:normal; display:block; color:#000; background-color:#CFDACF; padding:0 10px 1px 7px; margin:0 0 2px 0; line-height:16px; }
dl.noticies .data span		{ font-size:10px; display:block; color:#777; line-height:18px; }
dl.noticies dd a.vermas		{ padding:1px 16px 1px 0; margin-top:10px; display:block; clear:both; text-align:right; font-size:10px; background:transparent url(../imatges/disseny/ico_ampliar.gif) right no-repeat; }
dl.noticies img				{ margin:3px 10px 5px 0; display:block; }

div.paginador				{ display:block; text-align:center; font-size:17px; height:21px; background:transparent url(../imatges/disseny/bg_paginador.gif); padding:5px; }
div.paginador a				{ font-size:17px; color:#11470F; }
div.paginador span			{ font-size:17px; color:#88A387; }
div.paginador a.volver		{ float:left; }
div.paginador a.listado		{ float:right; }

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */

#formulari 					{ width:100%; margin:15px 0 15px 0; }
#formulari th				{ text-align:right; font-size:17px; font-weight:normal; width:35%; color:#555; vertical-align:top; line-height:31px; }
#formulari td				{ text-align:left; padding:2px 5px; }
#formulari td input			{ font-size:17px; width:350px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; }
#formulari td .mal			{ border:1px solid #CC0000; color:#AA0000; }
#formulari td textarea		{ font-size:17px; width:350px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; height:150px; }
#formulari th.boto			{ text-align:center; padding:5px; }
#formulari th.boto input.boto	{ font:11px tahoma, sans-serif; padding:2px 8px 3px 8px; }


#peu .peumenu				{ width:750px; height:27px; color:#FFF; line-height:27px; padding:0 10px 0 10px; clear:both; background:transparent url(../imatges/disseny/bg_peumenu.png) no-repeat top left; }
#peu .peumenu span			{ float:left; }
#peu .peumenu a				{ text-decoration:underline; color:#FFF; font-size:10px; }

#links li					{ list-style:none; line-height:22px; }
#links li a					{ background:transparent url(../imatges/disseny/ico_pdf.gif) center left no-repeat; padding:1px 1px 1px 22px; color:#0033CC;  text-decoration:underline; }
#content strong				{ color:#11470F; }