html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Trebuchet, Arial, sans serif;
 background-color: #000;
} 
 
#tot{ 
 width:960px;
 height:600px; 
 text-align:left;
 font-size:12px;
 line-height:2em;  
 margin-left:auto; 
 margin-right:auto;
 margin-top:20px;
 margin-bottom:0px;
 padding:0px;
 background:#000 url(img/fons.jpg) top center no-repeat;
 border:1px solid #fff;  
} 

#menu{
 background-color: transparent;
 color:#8e8e8e;
 padding:30px; 
 margin: 0;
 text-align:center;
 font-size:1.2em;
 }
 
#menu ul{
	list-style-type: none;
	margin:0px;
	padding:0;
	font-size:1.1em;
	}

#menu li{
	display:inline;
	margin:1em;
	padding:0.2em 0 0em 2em;
	}

.groc {
	background: url(img/groc.gif) no-repeat;
	}
	
.verd {
	background: url(img/verd.gif) no-repeat;
	}
	
.taronja {
	background: url(img/taronja.gif) no-repeat;
	}
	
.blau {
	background: url(img/blau.gif) no-repeat;
	}
	
.verd_oca {
	background: url(img/verd_oca.gif) no-repeat;
	}
	
.granate {
	background: url(img/granate.gif) no-repeat;
	}	

#contingut_portada{
	background-color: transparent;
 	padding:0; 
	margin: 0;
	height:350px;
	color:#fff;
  }
  
#contingut{
	background-color: #000;
 	padding:20px; 
	margin:15px;
	height:300px;
	overflow: auto;
	color:#fff;
  }
 
#contingut img{
 	padding:10px 20px 5px 20px;
 	margin:0;
 	border:0px solid #8e8e8e;
 	text-align:center;
 	}
 	
#contingut ul{
	list-style-type: none;
	margin:0px;
	padding:0;
	font-size:1.25em;
	}

#contingut li{
	margin:0em;
	padding:0em 0 0em 0em;
	}

.mapa{
	margin:20px 0 0 30px;
	}
		
#logo{
 background-color: transparent;
 height:170px;
 color:#333;
 padding: 0;
 margin: 0; 
 text-align:center;
 }
	
/*Elements bàsics*/

a:link,a:visited{
	color: #fff;
	padding: 0;
	text-decoration:none;
}

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

/* Paragraphs */

p{
	margin:0;
	font-size:1.25em;
	padding:10px 0 0 10px;
}

h1{
	margin:0 0 10px 0;
	padding:0;
	font-size: 2em;
	color:#fff;
	border-bottom: 0px dotted #bf3626;
	}

h2{
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	font-size: 1.5em;
	color: #fff;
	}
	
.vermell{
	color:#bf3626;
	}
	
h3{
	font-size: 1.2em;
	color:#000;
	text-align:center;
	}
	
h4{
	font-size: 1.0em;;
	color:#000;
	text-align:center;
	}

h5{
	font-size: 1.0em;
	color:#6788a7;
	text-align:left;
	}

.float_left,.staff{
	float:left;
	}
	
address{
	font-size:1.2em;
	}

#peu {width:960px;  margin-left:auto; margin-right:auto; font-family: Trebuchet, Arial, sans serif; background-color: #000; color:#5f5f5f; font-size: .7em;}
	#peu p {padding-left: 0px;}
	#esquerra {width:700px; float:left; text-align: left; padding-top: 5px;}
	#social{width:40px; float:left;text-align:left; padding-top:10px;}
	#dreta {width: 150px; float:right; text-align: right; padding-top:5px;}
	#peu .mini{font-size: .5em; color:#5f5f5f; }
	#peu a:link,#peu a:visited{color: #BC3726;padding: 0;text-decoration:none;}
	#peu a:hover{color:#cfcfcf;padding: 0;text-decoration:none;}