body {
	background-image: url(imatges/fons_body.png);
	background-color: #030000;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	line-height: 1;	
	color: #333; 
}


/** Estructura **************************************/


#top {
	font-family: Arial, Helvetica, sans-serif;
	width: 797px;
	margin: 3px auto;
	padding-right: 0.2em;
	color:#FFFFFF;
}

#contenidor {
	background-color: #fff;
	width: 797px;
	border: 3px solid #FFF;
	margin: 0 auto;
	line-height: 130%;
}


#capsalera {
	width: 100%;
	padding:0;
	margin:0;
}

#barraMenu {
	clear: both;
	width: 100%;
	height:27px;
	border-bottom:1px solid white;
}


#continguts {
	background-repeat: repeat-y;
	background-position: left;
	background-image: url(imatges/fons_contenidor_col_esq.png);
}

#columnaAuxiliar {
	width:190px;
	float:left;
	background-image: url(imatges/fons_col_esquerra.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:420px;
	padding-top: 1em;
	padding-bottom: 2em;
}

#columnaArticle {
	width:60%;
	margin-left:250px;
	padding: 2em 0 3em 0;
	font-size:0.8em;

}

.neteja {
	clear:both;
}


/* Format de text  *************************/


div, p, img, a, td, ul, ol {
    font-size: 1em; 
}	

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 1em 0;
	letter-spacing: .07em;
}
h1 { font-size: 1.6em }
h2 { font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px; color: #454545; margin: 1em 0;	}
h3 { font: bold .95em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin-top:2em}
h4 {
	font: bold 1.1em Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	border-top: 1px dotted #CCCCCC;
	padding-top: .5em;
	margin-bottom: 0;
}


a, a:link { 
    text-decoration: none;
    color: #f6f6f6 /* #3E1809; */
}

a img, img {
    border: none;
}

a:visited { color: #514D42; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; }


p { padding: 0 0 .5em 0; }	

/* ul, ol {list-style: none;} */

blockquote {
	padding: 1em 40px;
	margin: 1em 0;
	font: italic 1.1em Georgia, serif;
	background-image: url(imatges/cometes.png);
	background-repeat: no-repeat;
	background-position: 10px .50em;
	border-bottom: 1px dotted #ccc;
	background-color:#F4F0EC;
	line-height:1.5em;
}

blockquote p { padding: .5em 0; margin:0 } 

cite {	font: italic 1.05em Georgia, Times, serif; }


#columnaArticle a {text-decoration: none;}
#columnaArticle a img {border-bottom: none; background-color:none}
#columnaArticle a:link, #columnaArticle a:visited {color: #444; border-bottom: 1px solid #999; background-color:  /*#FFF9EE*/}
#columnaArticle a:hover {color: #000; background-color: #F4F0EC; /* #FFEECB */
border-bottom: 1px solid #998865;}

#columnaArticle li {
	list-style:none;
	padding-left: 1.1em;
	background:url(imatges/punt_llistes.png) no-repeat 0px .5em;
	
	}
	
#columnaArticle td {	border-top: 1px dotted #CCCCCC;	 }

/* taula maxigallery */    
#columnaArticle .galleria a {
border:none;
background:none;
}



/***********

*/

/* menu sota capsalera ***********/

/*

/* NAV - Son of Suckerfish Dropdowns http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#barraMenu, #barraMenu ul {padding: 0;margin: 0;list-style: none}

#barraMenu
{
	font-stretch:expanded;
	text-transform:uppercase;
	font: bold 80% arial;
	margin: 0 0px 0 0px;
	padding: 2px 0 0 0;
	background-image: url(imatges/fons_barra_menu3.jpg);
	}

	#barraMenu li {position:relative; float:left; width: auto; display:block; margin: 0; border-bottom: 0px solid #DDDDDD;border-right: 2px solid #DDDDDD;padding: 0px 0 0px}
	#barraMenu a, #barraMenu a:link, #barraMenu a:visited, #barraMenu a:hover, #barraMenu a:active {border-bottom: none;text-decoration:none;color:#0C0601;display: block;padding: 4px 10px 3px}
	#barraMenu a:hover {color:#FFF}
	
	#barraMenu li ul {border: 2px solid #ccc;border-top:none;background: #f6f6f6;
	text-transform: none;
	filter:alpha(opacity=90%);
	-moz-opacity:0.8;
	opacity:0.8;
	-khtml-opacity:0.8;
	width:15.8em;font-size:100%;margin-top:8px; margin-left: -2px; position: absolute;font-weight:normal;left: -999em;}
	
	#barraMenu li:hover ul, #barraMenu li.sfhover ul {top:13px;left: 0;z-index:99999}
	#barraMenu li li {float:none;border:0px solid #fff;border-top:0px solid #fff;border-right:none;border-left:none;padding-left:0}
	#barraMenu li li.last {border-bottom:none}
	#barraMenu li li a, #barraMenu li li a:link, #barraMenu li li a:visited, #barraMenu li li a:hover {
	color:#000;
	border-bottom: none;
	 padding: 3px 10px 3px;
	 width:14em;
	 }
	#barraMenu li li a:hover {color:#000;background-color: #e6e6e6}
	
	#barraMenu li.active {background: #EFEFEF;}
	#barraMenu li.active ul {border:none;background: #EFEFEF}
	#barraMenu li.active a:link, #barraMenu li.active a:visited, #barraMenu li.active a:hover, #barraMenu li.active a:active {}
	#barraMenu li.active a:hover {color:#000}
	#barraMenu li.here { background-color:#CCC}
	#barraMenu li li.here {color:#000;
	background: #ccc;
	padding: 3px 10px 2px;
	 width:14em}
	
	#barraMenu li.active li {border:none;border-top: 1px solid #EFEFEF}
	#barraMenu li.active li.last {border-bottom: none;}
	#barraMenu li.active li a:link, #barraMenu li.active li a:visited, #barraMenu li.active li a:hover, #barraMenu li.active li a:active {color:#000}
	#barraMenu li.active li a:hover {background: #EFEFEF;color:#000}
	
	#barraMenu li.active li.active a:link, #barraMenu li.active li.active a:visited, #barraMenu li.active li.active a:hover, #barraMenu li.active li.active a:active {color:#000;font-weight:bold;background: #EFEFEF}

	/* hide from IE mac \*/
	#barraMenu li {width:auto}


/*********************************************

/** menu esquerra */
#columnaAuxiliar  {
	font-size:0.85em;
	}
#columnaAuxiliar ul {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #BFB8B0;
	font-family:Arial, Helvetica, sans-serif;
}

#columnaAuxiliar li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #BFB8B0;
}

#columnaAuxiliar li a { 
	text-decoration: none; 
	color:#000000;
	border-bottom: none;

}

#columnaAuxiliar li a:hover
{
	color: #000;
}




/* top ********/

#top ul {  float: right;  margin: 0 .1em 0 0; clear: both;  }

#top img {  margin: 0 0 0 .3em; padding: 0; float:left }

#top li {  margin: 0;  display: inline;  list-style-type: none; padding-left: 1.1em; }

#top a {  color: #ccc; text-decoration:none; }

#top a:hover { color: #fff; }

.menuidiomes { font-size:0.70em;  }

#breadcrumb	{ font-size:0.75em; padding: 0; }

.data {font-size:0.8em; color: #999999; text-align:right; padding:0; }



/* Search Form 
------------------------------------------------------------------------------- */
#search, .elmesnou, .patrocinadors {
    padding: 5px 20px 10px 20px;
	}

.elmesnou { line-height:120%;}


#FSF_input {
background: #fff;
border: 1px solid #999;
color: #111;
padding: 2px 5px 1px 5px;
clear:none;
width:110px;
font-size:0.8em;
}

#FSF_input:focus {
border-bottom: 1px solid #000;
background: #fff;
color: #111;
}

#FSF_submit, #FSF_submit:focus {
background: url(imatges/lupa.png) no-repeat;
margin-left: 5px;
height: 22px;
width: 22px;
border: 0;
text-indent: -9999px;
cursor: pointer;}


/* Resultats cerca */
.FSF_result {
padding: 0.5em 0;
margin: 0.2em 0;
border-bottom: 1px dotted #ccc;
}


/* Form styles

------------------------------------------------ */

input {
font-size: 1em;
}
input:focus {
background: #fff;
color: #111;
}

/* Forms 
------------------------------------------------------------------------------- */
.emailform {
width: 360px;
text-align: left;
padding-bottom: 20px;
border: none;
}

fieldset {
border: none;
}

legend {
display: none;
}

.emailform label,
.emailform p {
display: block;
clear: both;
width: 310px;
font-size: 1em;
line-height: 1.5em;
padding: 0 0 9px;
}

.emailform input {
display: block;
margin-top: 3px;
font-size:1.25em;
}

.emailform select {
float: left;
display: block;
}

.emailform label {
float: left;
clear: left;
width: 310px;
margin: 0;
line-height: 1.5em;
}

.emailform label input {
float: left;
width: 310px;
padding: 0;
}

/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
padding: 0 2px;
height: 18px;
line-height: 20px;
background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background-color: #fff;    
}
form textarea {
margin-top: 3px;
width: 383px;
height: auto;
display: block;
}

form label input.calc {
text-align: right;
width: 100px;
clear: left;
padding: 0;
}
form input.button {
clear: left;
}


/* Comentaris dels usuaris 
------------------------------------------------------------------------- */                        
.comment {
    background-color: #fff;
    border-bottom: 1px dotted #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #F4F0EC;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #f6f6f6 !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;

    z-index: 1;
}
.commentAlt .commentNum {
    color: #FFFFFF;
}
.commentMe .commentNum {
    color: #666666;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #852E2C;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}

.content {
font-size:.95em;
line-height:1.9em;
padding-top:.5em;
}


/* Estils Newslisting  
------------------------------------------------------------------------- */    

.nl_summaryPost {
background-color: #f6f6f6;
border-top: 1px solid @ccc;
padding: 1em 1em 0 1em;
margin: 1em 0;
}

.nl_summaryPost h3 {
 font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: none; margin-top:0;
 background:left top url(imatges/icona_carta.png) no-repeat; padding-left: 20px;
}

#nl_pages {margin-top: 10px;}
#nl_pages #nl_currentpage {border: 1px solid blue;padding: 2px; margin: 2px; background-color: rgb(90, 132, 158); color: white;}
#nl_pages .nl_off {border: 1px solid #CCCCCC; padding: 2px; margin: 2px}
#nl_pages a {border: 1px solid rgb(203, 227, 241);; padding: 2px; margin: 2px; text-decoration: none; color: black;}
#nl_pages a:hover {border: 1px solid #000066; background-color: white; }
#nl_archivelist ul{list-style-type: none; margin-left: 15px; padding-left: 0px;}
#nl_archivelist ul ul{list-style-type: square;margin-left: 	35px;}
.nl_month {font-weight: bold;}

/* Estils botons anterior seguent  
------------------------------------------------------------------------- */    
.PJN_Menu {
font-size:0.8em;
text-align:center;
margin-top:2em;
border-top: 1px dotted #CCCCCC;
}