/* Establim marges i bordes a 0 per evitar diferencies entre navegadors */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
	}

body{
	
	
	background:  #ffffff url(imatges/bg_marges.gif) repeat; /* gris */
	
	font-family:  "Trebuchet MS", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:1em;
	color:#000;
}

/* estructura */
#container
{
	background: #fff;
	margin: 0 auto;
	
	overflow: hidden; 
	width: 960px;
	
	}
	
#menu
{   
	background: #BF0000;
	height:35px;
		}
	
#contrast{color: #fff; float:right; margin: -27px 10px 0 0; }	
#contrast a{color: #ccc; text-decoration:none;}		

/*.translate-this-button 
{
	color: #fff; 
	float: right;
	margin-right: 200px;
	margin-top:-26px;
	text-decoration:none;
	_margin:0 19px 0 0; /*IE6 Hack*/
	
	/*}*/

#translate-this
{ 
  float:right;
  margin-right: 200px;
  margin-top: -26px;
  _margin:0 19px 0 0; /*IE6 Hack*/
	}


#cos
{
	float:left;
	width: 600px;
	height: auto;
	margin-left:50px;
	
	}
	
#dreta
{	float:right;
	width:220px;
	
    }


#peu
{	background: #FFF8D9;
 	border-top: solid 1px #BF0000;
	height: 150px;
	margin: 0 auto;
	width:960px;
	}
	
#peu p{
	
	font-size: 0.9em;
	padding: 10px 0 0 25px; 
	vertical-align:middle;
	}

/* estils de capes per nom */
.requadre{
	margin:5px ;
	padding:0 20px 15px 20px;
	/*border: solid 1px #999999;
	background-color:#ffffff;*/
}

.requadre_resposta_autor{
	margin:5px ;
	padding:0 20px 15px 20px;
	border: solid 1px #999999;
	background-color:#ffebcc;
}

.requadre_resposta{
	margin:5px ;
	padding:0 20px 15px 20px;
	border: solid 1px #999999;
	background-color:#ffffff;
}

.sensemarc{
	margin:5px ;
	padding:0 20px 15px 20px;
	border: none;
	background-color:#ffffff;
}

.banner1, .banner2, .banner3 {margin: 10px 0 10px 0;}

.panellResposta
{
	height: auto;
	min-height: 700px;
	margin:75px 0 0 0;
	overflow:hidden;
	width: 690px;
	}	
	

/*estils per a les noticies*/

.subtitol{
	margin-top:0px;
	color:#EE7A11;
	font-size:1.1em;
	font-weight:normal;
}
	
.llegirmes{
	text-align:right;
	font-size:0.9em;
	font-weight:normal;
}	

.combo{
	font-size: 0.9em;
	font-style: normal;
}	
.data { color: #666; float:right; font-size: 0.8em; text-align:right;	}

.tema-autor, .tema
{
	color: #666;
	float:left;
	text-align:left;
	
	}
.nodecor
{
	text-decoration:none;
	}
	
		
/* h2 - per titols pagina */	
h1 {
	margin-top:3em;
	margin-bottom:0.2em;
	text-align:left;
	color:#BF0000;
	font-size:1.3em;
	font-weight:bold;
	}
	
h2 {
	margin-top:2em;
	margin-bottom:0.2em;
	text-align:left;
	color:#BF0000;
	font-size:1.2em;
}



/*h3{color: #999;}*/
.titolArticle {font-size:2em; color:#BF0000;}

/*links*/
a {
	text-decoration:underline;
	color:#BF0000;
	
	}
		
a:hover{
	text-decoration:none;
	
}

.pp a{ text-decoration:none; }	
.pp a:hover{text-decoration: underline;}
.pp a:visited{color: #999;}
.pp ul{ list-style-type: none;  padding-left:15px;}
	
/*paragraf*/
p{text-align: left;}



/*imatges*/
.imagefloatleft{
	float:left;
	display:inline;
	border: solid 1px #666666; 
	margin:0.25em 1em 0.25em 0;
}

.imagenoborder{	border: none; }
.imagefloatleftnoborder{border: none; float: left;}

.imgAlignCenter {text-align: center; } 

.dock{
	margin-top:0px;
	color:#00cc66;
	font-size:5em;
	font-weight:normal;
}


/* Accordion */

.accordionHeader, .accordionHeader2

{   border: 1px solid #cc0000;
    color: white;
    background-color: #cc0000; /*#2E4d7B;*/
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

}

.accordionHeader2  { background-color:  #ACACAC;}


.accordionHeader a

{color: #000; background: none;text-decoration: none;

}

.accordionHeader a:hover{background: none; text-decoration: underline;}

.accordionHeaderSelected{

    border: 1px solid #2F4F4F;
    color: white;
    background-color: #646464;/*#5078B3;*/
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

}

.accordionHeaderSelected a

{	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover {	background: none;	text-decoration: underline;}


.accordionContent

{   background-color: #e4e4e4;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}