body {
	color:#333; background:#FFE9C0;
	font:/*1em*/62.5% Verdana, Arial, sans-serif;
}

div, ul, li, h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#333; font-size:1.4em;}
a {text-decoration:none; color:#666; font-size:/*0.69em;*/1em;}
a:hover {text-decoration:underline;}
a:focus, a:active {outline:none;}
p {font-size:/*0.69em;*/1em; line-height:1.35em; margin-bottom:0.75em; color:#666;}
ul, ol {margin-left: 0.5em; clear:both; }
ul {list-style-type:none;}
ul li {font-size:/*0.69em;*/1em; padding:2px 0px; list-style-type:none;}
ul li a, p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span a, li p {font-size:/*1em;*/1em}

li p {/*color:#333;*/ margin-top:5px; margin-left:20px; /*font-family:Georgia, "Bookman Old Style", serif; font-size:1.1em;*/}
/* TODO: afegir aquesta lnia a default.css */
img {border:none; font-size:/*0.69em*/1em; font-style:italic; color:#ccc;}

h2 {font-size:/*0.9em*/1.2em;; text-transform:uppercase; margin-bottom:1em;}
h2.destacats, h3.destacats {color:#666; background:url(imatges/seccio.gif) repeat-y;  text-align:center; line-height:2em; border:1px solid /*#fff*/#ddd; margin:0.5em 1px;}
h2.destacats {margin-bottom:2px; margin-top:1px;}
h2.blau { background:#006897; color:#fff; text-align:left; line-height:1.5em; padding:2px;}
h3 {font-size:/*0.75em*/1.2em; /*margin:0.5em 0em;*/}
h4 { font-size:/*0.69em*/1.1em; text-transform:uppercase; font-weight:bold; line-height:1.6em; margin-bottom:1em; }

strong {color:#333;}

/* TODO: ficar aix dins default.css */

form {margin:20px 0px; width:90%; /*font-size:0.69em;*/ }
form dt {clear:both; width:25%; float:left; text-align:right; font-size:1em; line-height:1.5em;}
form dd {float:left; width:70%; margin:0em 0em 0.3em 0.3em; font-size:1em; line-height:1.5em;} 
textarea {margin:0px;}
input, select, textarea {
	margin-bottom:3px; 
	width:95%; 
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
	color:#333;
	}
* html select { margin-left:0.3em;} /* IE */
label {font-size:1em; line-height:2em;}
fieldset {border:0px solid transparent; /* 'solid transparent' required by Opera*/ }
legend {color: #000; /* IE/Win does not inherit color*/ }
optgroup {font-style:normal; font-weight:bold;}
form input.submit {cursor:pointer; width:auto;}
form input.checkbox {width:auto; margin-bottom:0px;} 
form label.label {float:left; width:20%; clear:left;} /* El clear left s molt important ! */
input.data, select.data {width:auto;}


span.note {color:#666; font-size:0.9em; /*font-size:smaller; */font-style:oblique;}

.accesshidden { text-indent:-9000px; font-size:0px; line-height:0px; position:absolute; top:-9000px; left:-9000px;}
.clearer {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.italic {font-style:italic;}






/* Elastic - liquid layout: 2em de marge */
#wrapper {
	width:72em/*1152px*/; /* En 1024x768 ocupar el 100% en FF i se passar d'ample en IE */
	/*width:47.5em/*760px*/; /* 800x600 */
	/*max-width:100%;*/
	margin:0px auto;
	margin-top:10px;
	background:/*#dedede*/ /*#eee*/#fff;
	/*padding-bottom:20px;*/
	border:1px solid #fff;
	}

#mainNav {
	width: 11em; 
	/*width:7.8em/*125px*/;
	float:left;
	background:/*#eee*/#fff;
	}

#content {
	width: 59em; 
	/*width:39em/*624px*/;
	/*width:37.7em; /* marge = 2em*/
	/*width:38.2em; /* marge = 1.5em */
	float:right;
	background:#fff;
	
	}

#mainContent {
	width: 39em; 
	/*width:30.5em/*488px*/;
	/*width:27.9em;
	width:28.9em;*/
	float:left;
	}

#secondaryContent {
	width: 18em;
	/*width:7.8em/*125px*/;
	float:right;
	background:/*#eee*/#fff;
	}
	
	

/* #mainNav */
#mainNav {padding:1px 0px 0px 1px;}
#mainNav ul {margin-left:0em;}
#mainNav ul, #mainNav ul li {list-style:none;}
#mainNav ul li {margin-bottom:1px; border:1px solid /*#fff*/#ddd;}
#mainNav ul li a {padding-left:8px;display:block; line-height:2em; background:url(imatges/menuitem.jpg) no-repeat top left;}
#mainNav ul li a:hover { background-position:bottom left; text-decoration:none; font-weight:bold;}

	
	#imatgeDestacada {margin:10px 0px; padding:2px; background:/*#fff*/#eee; border:1px solid #ddd;}	
	#imatgeDestacada p {font-weight:bold; /*color:#333;*/}

	#sabiesQue {color:#666; background:/*#fff;*/#eee; padding:2px; border:1px solid #ddd; margin-bottom:3px;}
	#sabiesQue p {/*color:#333;*/}



/* #mainContent */	

#mainContent {background:#FFE9C0;}
#mainContent ul {margin-left:0.5em;}
#mainContent ul li a {/*display:block; */padding-left:1em; background:url(imatges/lateral.gif) no-repeat 0% 5%; line-height:1.4em; font-weight:bold;}
#mainContent ul li a:hover {color:#B78A48;}

#header {
	height:171px; position:relative;
	background-color:#FC3;
	/* url(imatges/capcaleres/2.jpg)*/
	background-repeat:no-repeat;
	background-position:top center;
	}	
	
	#adreca {position:absolute; top:20px; width:100%; background:#fff; font-family:Georgia, "Bookman Old Style", serif;}
	#adreca p {float:right; width:66%; text-align:right; margin-bottom:0em; position:relative; right:3px; }
	#adreca span {float:left; width:32%; text-align:left; font-style:oblique; position:relative; left:3px;}
		

		
		
	#forms {position:absolute; bottom:5px; right:5px; text-align:right; z-index:10000;  }
	#forms form {margin:2px; width:auto;}
	#forms form label, #forms form input {font-size:1em; padding:3px;}
	#forms form input {margin-bottom:1px; width:auto; border-width:0px; position:relative; top:1px;}
	#forms form label {color:#000; background:#fff; font-weight:bold; margin-right:-6px; line-height:2em;}
	#frmCerca #cerca {background:#fdd484;}
	#forms .submit {position:relative; right:28px; top:5px;}
	/*#forms button {background-color:#ddd; border-width:0px; cursor:pointer; width:auto; position:relative; right:25px; font-size:0.9em;}*/
	#forms #advSearch { color:#fff;background-color:#000; text-decoration:none; padding:1px; position:relative; right:26px;}
	#forms #advSearch:hover {color:#000;background-color:#ccc;}
	

	
	/*
		#forms #incloure {background:#fff; text-align:left; position:absolute; bottom:20px; right:25px; width:90%; display:none; font-size:0.8em; line-height:0.8em;}
		#forms #incloure label {font-weight:normal; line-height:0.8em;}
		#forms #incloure input.checkbox { line-height:0.8em; margin:0px; padding:0px;} 
	*/
	
#email {
	color:#fff; background:#000;
	text-align:right;
	line-height:2em;
	padding-right:3px;
	}

#noticiaDestacada {float:left; width:100%; background:#fff; margin-bottom:3px;}
#noticiaDestacada h4, #noticiaDestacada p {padding:3px;}
#noticiaDestacada h4 a {color:#333;}
#noticiaDestacada #img {float:left; width:49%; height:160px;  background:#fff;}
#noticiaDestacada img {/*float:left; width:49%; height:160px;   background:#fff;*//* width:100%;*/height:160px; float:right; }
#noticiaDestacada #textDestacada {float:right; width:49%; background:#fff;}


#noticies {clear:both; background:#FFE9C0;  /*padding:0px 3px;*/}
#noticies .clearer {background:#FFE9C0;}
	.noticia {float:left; width:49%; background:#ffe9c0; margin-bottom:2px;}
	.noticia h4 {color:#fff; background:#FC3; padding:3px; text-transform:uppercase;}
	.noticia h4 a {color:#fff; background:#FC3; text-decoration:none;}
	.noticia h4 a:hover { text-decoration:underline;}
	.noticia .descripcio {background:#ffe9c0; padding:3px;}
	.parell {float:right; width:49%;}

#altresNoticies {background:#fff;}
#altresNoticies ul {padding:1em 0.5em; list-style:none;}
#altresNoticies ul li {list-style:none;}
#altresNoticies ul li a { display:block; width:90%; padding-left:1em; background:url(imatges/quadre5.gif) no-repeat 0px 4px; line-height:1.4em;}

#frmInscripcio dt {width:35%;}
#frmInscripcio dd {width:60%;}


#frmBusca {width:90%; margin:10px auto;}
#frmBusca #w {width:60%; margin-right:10px;}
#frmBusca input.data {width:30%;}
/*#frmBusca input.data {clear:both;}*/


.breadcrumb {/*font-size:0.75em;*/ padding:10px 7px; float:left; width:60%;  }
.missatge {line-height:3em; font-style:italic; text-align:center;}

.news, .textual {background:#fff; color:#333; clear:both; float:left; width:100%;}
.newscontent {padding:10px;}
.news h2, .news h3, .news p {font-family:Georgia, "Bookman Old Style", serif;}
.news p {font-size:1.1em;}
.news p a {font-family:Verdana, Arial, Helvetica, sans-serif;}
.news h2 { text-transform:none; font-size:/*1.3em;*/2em;}
.news h3 {border-bottom:1px solid #ddd; margin:1em 0em; line-height:1.3em;  /*font-size:0.66em;*/ }	

.news h4, .textual h4 {border-bottom:1px solid /*#ddd*/#B78A48; margin:1em 0em 0.5em 0em; line-height:1.3em; font-weight:bold; text-transform:none; color:#333;}	
.news h4 a {color:#333;}

.intro {font-weight:bold;}
.apartat {width:49%; }
#print {float:right; margin:10px 3px; /*font-size:0.69em;*/ display:inline;}


.padding {padding:3px;}
.paddingx2 {padding:6px;}
.paddingx3 {padding:9px;}
.pagSeguent { display:block;  text-align:right; line-height:1.6em;  margin:20px 0px 2px 0px; font-size:0.69em; padding-right:24px; background:url(imatges/next.gif) no-repeat right center;}

.missatge {font-style:oblique; clear:both; font-family:Georgia, "Bookman Old Style", serif;}


.destacat {margin-bottom:5px; padding:2px; background:/*#fff*/#eee; border:1px solid #ddd}
.destacat p {text-align:left;}

#imgDestacadaMax {text-align:center; margin-bottom:1em; }
#imgDestacadaMax img {width:98%;}


/* #secondaryContent */

#secondaryContent {text-align:right;}
#secondaryContent ul {margin-left:0em; list-style:none; text-align:left; }
#secondaryContent ul li {list-style:none;}
#secondaryContent ul li a { display:block; width:90%; overflow:hidden;  padding-left:1em;  background:url(imatges/quadre2.gif) no-repeat 0px 4px; line-height:1.4em;}
#secondaryContent a.img {background:none; margin:3px 0px; display:block}


.pagSeguent, .pagAnterior { display:block; float:right; width:30%;   text-align:right; line-height:1.6em;  margin:20px 0px 10px 0px; font-size:/*0.69*/1em; padding-right:24px; background:url(imatges/next.gif) no-repeat right center;}
.pagAnterior {text-align:left; float:left; padding-right:0px; padding-left:24px; background:url(imatges/back.gif) no-repeat left center;}

#smallnews {
	width: 500;
	float:inherit;
	}