body { text-align:center; background-repeat:repeat-x; background-color: #E0D0A7; background-image:url(../img/fons.gif); margin-bottom: 30px; }

/* Per Firefox */
html>body { margin-top: auto; margin-left: auto; /* margin-bottom: 10em; */ margin-right: auto; }

* { /* per als problemes d'alçada que tenia amb l'explorer */
		padding: 0; 
		border: 0; 
		margin: 0; 
}

.contenidor {
	margin:0 auto 0 auto; width:739px;
	}
.capsalera {
	background-image:url(../img/capsalera_.gif); margin-top: 57px; width:738px; height:128px; border:0px solid #FFFFFF;
	}
.imagemap {
float: left;
width : 210px;
height: 128px;
}

.songs_inici {
	float:right; width:50px; height:50px;
	}
.capsalera_about {
	background-image:url(../img/capsalera_esquerra.gif); background-repeat: no-repeat;
text-align:left; margin-top: 57px; width:738px; height:128px; border:0px solid #FFFFFF;
	}
.esquerra_1 {
	width:11px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra {
	background-color:#97BD00; width:179px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra a { display:block; width:100%; height:100%; /* Per posar els links al DIV */
	} 
.esquerra a span  { display:none; /* Borro el text del link perquè només es vegi la imatge */
	}
.esquerra_menu1 {
	background-image:url(../img/menu1a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu2 {
	background-image:url(../img/menu2a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu3 {
	background-image:url(../img/menu3a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu4 {
	background-image:url(../img/menu4a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu5 {
	background-image:url(../img/menu5a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu6 {
	background-image:url(../img/menu6a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.esquerra_menu7 {
	background-image:url(../img/menu7a.gif); width:179px; height:51px; padding: 0px 0px 0px 0px; float:left;
	}
.central_1 {
	background-color:#EB3B00; width:196px; min-height: 360px; /* Per Firefox */ height:auto !important; height:360px; /* Per IE */ padding: 0px 0px 0px 0px; float:left;
	}
.central_2 {
	background-color:#FFBF00; text-align:left; width:113px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}
.dreta {
	background-image:url(../img/musica.gif); width:239px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}
.peu_1 {
	width:150px; height:20px; text-align:left; float:left;
	}
.peu_2 {
	width:498px; height:20px; float:left;
	}
.peu_3 {
	width:90px; height:20px; /* float:left; */ margin-top:360px; margin-left:648px; _margin-left:278px; position:absolute; /* _right: 100px; _left: 261px; */
	}


/* últim  */
.central { 
	text-align:left; 
	width:400px; 
	min-height: 320px; /* Per Firefox */
	height:auto;
	_height:360px; /* Per IE */
	padding: 40px 0px 0px 0px;  /* Per Firefox */
	_padding: 40px 0px 10px 0px; /* Per IE */
	float:left;
	}
	
.central_2 {
	margin: 0px 0px 0px 20px; /* Per Firefox */
	_margin: 0px 0px 0px 10px; /* Per IE */
	text-align:left; 
	width:360px; /* Per Firefox */
	_width:360px; /* Per IE */
	height:auto;
	_height:auto; */
	padding: 0px 0px 0px 0px; 
	_padding: 0px 0px 0px 0px; 
	float:center;
}

.central_artists { 
	text-align:left; 
	width:311px; 
	min-height: 320px; /* Per Firefox */
	height:auto;
	_height:360px; /* Per IE */
	padding: 40px 10px 0px 10px;  /* Per Firefox */
	_padding: 40px 0px 0px 0px; /* Per IE */
	float:left;
	}
	
.central_artists_2 {
	margin: -10px 0px 0px 10px; /* Per Firefox */
	_margin: -10px 0px 0px 10px; /* Per IE */
	text-align:left; 
	width:311px; /* Per Firefox */
	_width:311px; /* Per IE */
	height:auto;
	_height:auto; */
	padding: 0px 0px 0px 0px; 
	_padding: 0px 0px 0px 0px; 
	float:center;
}

.central_artists_3 {
	margin: 40px 10px 0px 10px; /* Per Firefox */
	_margin: 20px 20px 0px 20px; /* Per IE */
	text-align:left; 
	width:281px; /* Per Firefox */
	_width:281px; /* Per IE */
	height:auto;
	_height:auto; */
	padding: 0px 0px 0px 0px; 
	_padding: 0px 0px 0px 0px; 
	float:center;
}

.central_4 {
	margin: -30px 0px 0px 37px; /* Per Firefox */
	_margin: -30px 0px 0px 37px; /* Per IE */
	text-align:left; 
	width:281px; /* Per Firefox */
	_width:281px; /* Per IE */
	height:auto;
	_height:auto; */
	padding: 0px 0px 0px 0px; 
	_padding: 0px 0px 0px 0px; 
	float:center;
}

.central_index_2 {
	background-color:#F0B400;
	margin: 0px 0px 0px 0px; /* Per Firefox */
	_margin: 0px 0px 0px 0px; /* Per IE */
	text-align:left; 
	width:114px; /* Per Firefox */
	_width:114px; /* Per IE */
	min-height: 360px; /* Per Firefox */
	height:auto;
	_height:360px; /* Per IE */
	padding: 0px 0px 0px 0px; 
	_padding: 0px 0px 0px 0px; 
	float:left;
}



.dreta_about {
	background-image:url(../img/about.gif); width:137px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}

.dreta_songs {
	background-image:url(../img/songs.gif); width:137px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}

.dreta_artists {
  /* width:205px; height:521px; */ padding: 0px 0px 0px 0px; float:left;
	}

.dreta_songwriters {
	background-image:url(../img/songwriter.gif); width:138px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}

.dreta_links {
	background-image:url(../img/links.gif); width:138px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}
	
.dreta_contact {
	background-image:url(../img/contact.gif); width:138px; height:360px; padding: 0px 0px 0px 0px; float:left;
	}


.text_central1 {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:10px;
	color:#000000;
	margin: 0px 4px 0px 4px;
}

.text_central2 {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	text-align: left;
	color:#FFFFFF;
	margin: 5px 0px 0px 7px;
	
}

.text_peu {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:11px;
	text-align: center;
	color:#000000;
	margin-left:15px;
}
.text_peu a {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:11px;
	text-align: center;
	color:#000000;
	text-decoration:none;
	}
.text_peu a:hover {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:11px;
	text-align: center;
	color:#000000;
	text-decoration:underline;
	}

.blanc {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	text-align: left;
	color:#FFFFFF;
	margin: 0px 4px 0px 4px;
}

.negreta {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	text-align: left;
	color:#000000;
	font-weight: bold;
	margin: 0px 4px 0px 4px;
}

.text_dreta {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	text-align: right;
	color:#FFFFFF;
	margin: 0px 4px 0px 4px;
	}
	
.text_central_about {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	color:#FFFFFF;
}

.text_central_songs_blanc {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:16px;
	text-align: left;
	color:#FFFFFF;
	font-weight: bold;
}

.text_central_songs_negre {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	text-align: left;
	color:#000000;
	font-weight: bold;
}

.text_central_artists_3 {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:12px;
	color:#000000;
	/* border:1px #00FF00 solid; */
}

.text_blanc_songwriters {
	font-family: Arial, Helvetica, Verdana, Century Gothic;
	font-size:16px;
	text-align: left;
	color:#FFFFFF;
	font-weight: bold;
}


/* Formularis */
input, textarea { font-family: Arial, Helvetica, Verdana, Century Gothic; font-size: 12px; color: #000000; background-color: #FFFFFF; 
				border: #047391; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
				width:320px;
				} 


select { font-family: Arial, Helvetica, Verdana, Century Gothic; font-size: 12px; color: #000000; background-color: #FFFFFF; border: #047391; 
				border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float:right;
				margin: 0px 20px 0px 0px;
				}
label { font-family: Arial, Helvetica, Verdana, Century Gothic; font-size: 12px; color: #FFFFFF; display:block; font-weight:bold;  
				}  
input:focus, textarea:focus { background:#F4FDFF;  
				} 

.enviar {
	background: url(../img/boto_enviar.gif) no-repeat;
	outline: none;
	width:86px;
	height:21px;
	border: none;
	}
.enviar:hover {
	background: url(../img/boto_enviar2.gif) no-repeat;
}

.cursor { cursor: hand; }

a:link,a:visited { font-family: Arial, Helvetica, Verdana, Century Gothic; font-size: 12px; color: #FFFFFF; text-decoration: underline; }
a:hover { font-family: Arial, Helvetica, Verdana, Century Gothic; font-size: 12px; color: #E4E4E4; text-decoration: underline; }