body {
  color:#333333;
  margin: 0px;
  padding: 0px;
  background-color: #000044;
  text-align: center;
  font-family: verdana, arial;
  font-size: 12px;
}

h1
{
 font-family: verdana,arial;
 font-size: 3em;
 color: #4444AA;
 background-color: transparent;
 font-weight: bolder;
 padding-left: 30px;
/* border-bottom: 2px solid #4444AA; */
 width: 95%;
 margin-bottom: 0px;
}

h2
{
 padding: 0px;
 margin: 0px;
 font-family: verdana,arial;
 font-size: 1.4em;
 color: #FF8800;
 font-weight: bolder;
 padding-left: 30px;
 width: 95%;
}

input, textarea { border: 1px solid #333388; }

p{font-size: 1em;}

a img {display: block; float: left; border: none; margin: 2px;}

form
{
	margin: 0px;
	width: 100%;
	text-align: center;
}

a, a:visited, a:hover
{
	color: #333388;
	text-decoration: none;
	background-color: transparent;
}
a:hover {font-weight: bold;}
ul{display: block; width: 100%;}
li{display: block; clear: both; text-decoration: none;padding-left: 15px; height: 15px; background: url(img/flecha.gif) no-repeat top left;}
/* -------------------- Format pagina ---------------*/

#cabecera
{
 width: 100%;
 background: url(img/cap1.jpg) top left no-repeat;
 height: 100px;
}

#superior
{
 background: url(img/bgSuperior.gif);
 width: 800px;
 height: 25px;
 margin-top: 5px;
}

#inferior
{
 background: url(img/bgInferior.gif);
 width: 800px;
 height: 25px;
 margin: 0px;
}


#pagina
{
  background-color: #ffffff;
  border-left: 2px solid #555555;
  border-right: 2px solid #555555;
  text-align: left;
  width: 780px;
  margin:0px;
  padding: 8px;
}

*html #pagina { width: 800px; }

.noticies .linea{margin-left: 2em;; width: 85%; display: block; float: left; clear: both;}
.noticies .columna1{margin: 0; width: 10%; display: block; float: left;}
.noticies .columna2{margin: 0; width: 80%; display: block; float: left;}
/* ------------- Definicio del menu --------------- */
#menu
{
 display: block;
 float: left;
 height: 15px;
 width: 100%;
}

#menu #cuerpoMenu
{
 display: block;
 float: left;
 width: 100%;
 background-color: #000000;
 color: #ffffff;
 border-top: 0px;
 border-bottom: 0px;
}

#menu #cabSupMenu
{
 display: none;
}

#menu #cabInfMenu
{
 display: none;
}
#menu p{display: block; float: left; margin: 0px; padding: 2px 0 2px 5px; text-align: center; width: 80px;}
#menu a, #menu a:hover, #menu a:visited
{
 display: block;
 float: left;
 text-align: center;
 padding-left: 5px;
 width: 80px;
 border-right: 1px solid #333333;
 text-decoration: none;
 color: #FFFFFF;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 12px;
 background-color: transparent;
 border-bottom: 0px;
}

#menu a#menuIdioma{width: 15px; border: 0px; padding:0;} /* per compatibilitat. Eliminable si es substitueix a tot arreu */
#menu a.menuIdioma{width: 15px; border: 0px; padding:0;}

#menu a:hover{ font-weight: bold;}


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

#paragraf img
{
 padding: 0px;
 margin: 0px;
 display: block;
 float: left;
 margin-right: 15px;
}

#paragraf a img
{
	padding: 0px;
	margin: 0px;
}

#cuerpo
{
 margin-top: 0px;
 width: 100%;
 padding: 0px;
 display: block;
 clear: both;
}

#paragraf
{
 margin: 0px;
 padding: 0px;
 margin-top: 15px;
 display: block;
 float: left;
 width: 100%;
}

#contenido
{
	padding: 0px;
	margin:0px;
}



.noticies
{
	padding-top: 5px;
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #AAAAFF;
}

.noticies p, .noticies img
{
	display: block;
	float: left;
	margin: 0px;
	padding-left: 50px;
}
.calendari p {	
	padding-top: 5px;
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #AAAAFF;
}

.galeria {display: block;}
.thumbs{ display: none; width: 0px;float: left;}
.thumbs img{margin-bottom:3px;}
.fotos{	margin: 0 150px 0 150px; display: block; float: left; background-color: #dedede; width: 500px; height:325px; padding: 10px;}
*html .fotos{margin: 0px 70px 0 70px;}

#navegador{	margin: 0 150px 0 150px; display: block; float: left; background-color: #bebebe; width: 510px; height:30px; padding: 5px;}
*html #navegador{margin: 0px 70px 0 70px;width: 500px; }

#navegador #control{float: left; display: block; margin-left: 3px;}
/* ------------- Cabeceras Contenido ------------------------*/

#noticies #cuerpo
{
	background: url(img/boloSeat2.jpg) top left no-repeat;
	padding-top: 80px;
}

#portada #cuerpo
{
	background: url(img/bandaMetro.jpg) top left no-repeat;
	height: 430px;
}


#laBanda #cuerpo
{
	background: url(img/bandaMetroCurta.jpg) top left no-repeat; 
	padding-top: 150px;
}

#contacte #cuerpo
{
	background: url(img/encadenats2.jpg) top left no-repeat; 
	padding-top: 110px;
}

#galeria #cuerpo
{
	padding-top: 30px;
}

#portada,
#laBanda,
#contacte,
#noticies,
#membresBanda,
#galeria,
#accessibilitat
{
	width: 100%;
	margin-left: -50%;
	padding-left: 600px;
}

*html #portada,
*html #laBanda,
*html #contacte,
*html #noticies,
*html #galeria,
*html #membresBanda,
*html #accessibilitat
{
	padding: 0px;
	margin:0px;
}

/*
#laBanda #cuerpo a
{
	margin: 1px;
	display: block;
	float: left;
padding: 0px;
}

*html #laBanda #cuerpo a
{
	margin: 0px;
	display: block;
padding: 0px;
}
*/
/* ------------- boto enviar mail ------------------------*/


#contacte .envEmail
{
	border-top: 1px solid #AAAAFF;
	border-bottom: 1px solid #AAAAFF;
	background:none;
	color: #dedede;	
	font-weight: bold;
	background-color: #333388;
	border-right: 2px solid #8888DD;
	border-bottom: 2px solid #8888DD;
}

table
{
 display: none;
}