/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#fff;
 background-image: url(../img/fons.gif);
 font-family: Arial, Helvetica, sans-serif;
} 
 
#tot{ 
 width:760px; 
 text-align:left;
 font-size:14px;  
 margin-left:auto; 
 margin-right:auto;
 margin-top:10px;
 background-color:#fff;  
} 

#titol_idiomes{
 background-color:#fff; 
	}
 
#pagina{
	width:400px;
	text-align:left;
	margin: 0px;
	padding:0px;
	float:left;
	background-color:#fff;
	}

#idiomes	{
	width:200px;
	float:right;
	text-align:right;
	margin:0px;
	padding:20px 20px 0px 0px;
	background-color:#fff;
	font-size:1em;
	}

#idiomes ul{
	margin:0px;
	padding:0px;
	}

#idiomes li	{
	margin:0em 0.3em 0em 0.3em;
	padding:0px;
	display: inline;
	}

#idiomes a	{
	text-decoration: none;
	color: #8e8e8e;
	font-size: 1em;
	}

#idiomes li a:hover,#idiomes a#current	{
	color: #333;
	font-size: 1em;
	}

#idiomes a#current 	{ 
	color: #333;
	} 
 
#superior{
clear:both;
 position:relative; 
 height:140px; 
 background-color:#ccc; 
 width:100%;
} 
 
#columnaesq{
 width:27%; 
 float:left; 
 position:relative; 
 background-color:#fff;
 padding: 1em 0em;
 font-size:1em;
 }
 
#columnaesq ul{
	list-style-type:none;
	margin:0;
	padding:1em 1.5em;
	font-size: 1em;
	line-height:1em;
	}	
	
#columnaesq li{
	padding: 5px 0px;
	}
	
#columnaesq img{
 text-align:center;
 border:0px;
 }

h1.flickr{
 margin-top:2em;
  }
   
#contingut{
 background-color: #fff;  
 width:70%; 
 float:left; 
 position:relative; 
 border-right:1px dashed #333;
 padding: 1em 0.3em; 
 margin: 1em 0em;
  }

 	
.borde{
	border: 1px solid #8e8e8e;
	}
	
.dreta_mig{
	text-align: right;
	margin-right: 10px;
	float: right;
	}
.dreta{
	text-align: right;
	margin-right: 10px;
	float: right;
	width:540px;
	margin-bottom:10px;
	}
.dreta_tesq{
	text-align: left;
	margin-right: 35px;
	float: right;
	width:515px;
	margin-bottom:20px;
	}
	 
#contingut img{
 	padding:0px 5px 5px 5px;
 	margin: 0px 5px 0px 0px;
 	border:0px solid #8e8e8e;
 	}
 	
#contingut ul{
	list-style-type:square;
	color:#8e8e8e;
	margin:0;
	padding:0.5em 0em;
	}

#contingut li{
	margin-left:1.7em;
	padding: 3px 0px;
	}

.apartat{
	margin:10px 0px;
	clear:both;
	}

.imatge{ 	
	float:left;
	width:140px;
	margin-bottom:15px;
	}
	
.members{ 	
	float:left;
	width:50px;
	margin-bottom:15px;
	margin-top:5px;
	}
 
.descripcio{
	float:left;
	width: 230px;
	margin-bottom:15px;
	}
 
#columnadreta{
 background-color: #fff;  
 width:30%; 
 float:right; 
 position:relative;
 padding: 1em 0em; 
 margin: 0.5em 0em;
 }
 
 #columnadreta img{
 text-align:center;
 border:0px;
 }
 
#columnadreta ul{
	list-style-type:square;
	color:#8e8e8e;
	margin:0;
	padding:1em 0em;
	}

#columnadreta li{
	margin-left:1.5em;
	}
	
#columnadreta .avis{
	margin: 5px 0;	
	padding:10px 10px 10px 35px;
	background: #6788a7 url(../img/portada/avis.gif) left center no-repeat;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	}

#columnadreta .avis a{
	color:#fff;
	border-bottom: #fff 1px solid;
	}
	
.columnadreta h2{
	padding-left:0px;
	}
		 
#columnaprincipal{
 float: left; 
 display:inline; 
 position: relative; 
 width:70%; 
 }
 
#peu{
 background-color:#fff;
 border-top:1px dashed #333;
 color:#8e8e8e;
 clear:both;
 text-align:center;
 font-size: 0.8em;
 padding: 5px 0px;
 } 

/*Elements bàsics*/

a:link,a:visited{
	color: #8e8e8e;
	font-weight: bold;
	padding: 0;
	text-decoration:none;
}

a:hover{
	color:#000;
	padding: 0;
	text-decoration:none;
}

/* Paragraphs */

p{
	line-height: 1.3em;
	margin: 15px 0 0 10px;
}

p.centrat{
	text-align:center;
	clear:both;
	}

acronym {
	color: #286329;
	font-weight: bold;
	font-size: 1em;
}

h1{
	margin-left:10px;
	padding-top:0px;
	font-size: 1.5em;
	color: #6788a7;
	}

h2,dt{
	margin-bottom:0px;
	margin-left:10px;
	padding:0px;
	font-size: 1.1em;
	color: #6788A7;
	}

h3{
	font-size: 1.1em;
	color:#6788A7;	
	}
	
h4{
	font-size: 1.0em;;
	color:#000;
	text-align:center;
	}

h5{
	font-size: 1.0em;
	color:#6788a7;
	text-align:left;
	}
	
.centrat{
	text-align:center;
	}
	
.mini{
	font-size: 0.8em;
	color:#6788a7;
	text-align:right;
	}
	
.miniesq{
	font-size: 0.8em;
	color:#6788a7;
	text-align:left;
	margin:10px 0px;
	}	

.minidreta{
	font-size: 0.8em;
	color:#6788a7;
	text-align:right;
	margin:5px 40px 10px 0px;
	}
		
.caplletra {
	font-size:3.0em;
	color:#5b0d0e;
	font-weight:bold;
	float:left;
	height:0.6em;
	line-height:0.6em;
	margin-top:2px;
	margin-right:1px;
	}
	
.gris{
	background-color:#eee;
}

.vermell{
	color:red;
	text-align:left;
	}

table{
	border:0px;
	margin:10px 0px;
	padding:10px 0px;
	width:90%;
	border-collapse:collapse
	}
	
td, tr{
	border:0px;
	padding:3px;
	}

.ambborde{
	padding:5px 5px 5px 5px;
 	margin: 0px 5px 0px 0px;
 	border:1px solid #8e8e8e;
	}
	
.floatleft{
	float:left;	
	}
	
/*  Calendari */
.calendari{border:0px solid #ccc; padding:0px; margin:0px; }
.year {padding:0; margin:2em auto; height:250px; background:transparent; position:relative; padding-top:0px;}
.year li {display:block; height:1em; background:transparent; margin:0px; }
.year a {display:block; width:100px; height:14px; font-size:1em; overflow:hidden; text-decoration:none; color:#000; padding:0px;}

.year a .days {display:none;}

.year a:hover {background:transparent; text-align:left; cursor:default; color:#000;}
.year a:hover .month {background:transparent; cursor:default; color:#6788a7; font-weight:bold;}
.year a:hover .days {display:block; position:absolute; left:100px; top:0px; width:280px;}

.year a:hover .days em {display:block; font-style:normal; width: 40px; height:40px; float:left; text-align:center; font-size:1.2em; line-height:40px; overflow:hidden; color:#ccc;}

.year a:hover .days .obert {color:#6788a7;}

.year a:hover .days .jan {width:240px;}
.year a:hover .days .feb {width:80px;}
.year a:hover .days .mar {width:120px;}
.year a:hover .days .apr {width:240px;}
.year a:hover .days .may {width:40px;}
.year a:hover .days .jun {width:160px;}
.year a:hover .days .jul {width:240px;}
.year a:hover .days .aug {width:80px;}
.year a:hover .days .sep {width:200px;}
.year a:hover .days .oct {width:0px;}
.year a:hover .days .nov {width:120px;}
.year a:hover .days .dec {width:200px;}

.year a:hover .days span {clear:left;}

.tancat{color:#ccc;}
.obert{color:#6788a7;}


/* Fi calendari */

img.centrat{
	margin-left:70px;
	}	
img.left{
	float:left;
	padding:10px 20px 0px 10px;
	}