body {
	font-family: Arial, Helvetica, sans-serif;
	line-height:100%;
	margin: 0;
	padding: 0;
	color: #333333;
	background-image:url(imagenes/fondo.gif);

}

h1
	{
	color: #000000;
	font: 24px arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
h2
	{
	color: #999999;
	font: 14px arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
	}


td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


/****************************************
*      Contenedor
*****************************************/
#contenedor
	{
		padding:0 10px;
		margin:0 auto;		
		width: 798px;
		height: auto;
		text-align: left;
	}
	
/****************************************
*      Enlaces web
*****************************************/	
a:link 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
	}
a:visited 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
	}
a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	}
a:active
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	}
/****************************************
*     Cabecera
*****************************************/
#cabecera
	{
		height: 134px;
		
	}
.imagefloat_logo
	{
		float: left;
		padding: 0;
		margin: 50px 0 0 20px;
		width: 187px;
		height: 67px;
		border:0;
	}
.imagefloat_tope_fonde
	{
		padding: 0;
		margin: 0;
		width: 798px;
		height: 6px;
		border:0;
	}
	
	
/****************************************
*      Aquí empieza contents (Invitación, etc.).
*****************************************/
#contenido
	{
		width: 798px;
		height: 407px;
		margin:0;
		padding: 0;
		border: 0;
		background-image:url(imagenes/crear_musica_colaborativa.jpg);
	}
#contenedor_textobanner_y_boton
	{
		width: 300px;
		height: 183;
		float:left;
		margin: 150px 22px 0 20px;
		padding: 0;
		border: 0;
	}

#texto_banner_contenido
	{
		width: 274px;
		height: auto;
		float:left;
		margin: 0 22px 0 0;
		padding: 0;
		border: 0;
		line-height:20px;
	}

#cuerpo_interior
	{
		width: 798px;
		height: 500px;
	}
	
#contenido_interior
	{
		width: 798px;
		height: 407px;
		margin:0;
		padding: 0;
		border: 0;
		background-image:url(imagenes/fondo_cuerpo.gif);
	}
	
#contenido_interior_texto
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 585px;
	line-height:130%;
	margin: 20px 20px 20px 20px;
	padding: 0;
	color: #666666;
}

#contenido_interior_formulario
	{
		width: 798px;
		height: 690px;
		margin:0;
		padding: 0;
		border: 0;
		background-image:url(imagenes/fondo_cuerpo.gif);
		font-size: 12px;
	}

/****************************************
*      Imágenes flotantes (Logo, títulos, etc.)
*****************************************/
.imagefloat_tope_barra_color
	{
		padding: 0;
		margin: 0;
		width: 798px;
		height: 22px;
		border:0;
	}
.imagefloat_formas_contacto
	{
		padding: 0;
		margin: 0 0 20px 0;
		width: auto;
		height: auto;
		border:0;
	}
.imagefloat_titulos_textos
	{
		padding: 0;
		margin: 20px 0 20px 0;
		width: auto;
		height: auto;
		border:0;
	}	
.imagefloat_twitter
	{
	text-decoration:none;
	float:left;
	margin: 0 0 0 250px;
	padding: 0;
	border: 0;
	height: 15px;
	width: 15px;
	}
.imagefloat_mastil_guitarra_home
	{
	height: 54px;
	width: 48px;
	float:right;
	padding:0;
	margin: 80px 49px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}	
/****************************************
*      Formulario invitación.
*****************************************/	
  /* General */
  
  

        .cleanform {
			font-size:1em;
        	width:670px;
        	color: #333333;
        	text-align:left;
			position:relative;
        	margin:20px 20px 20px 20px;
        }

		/* Elements */

		.cleanform  label,.cleanform legend{  
        	padding:0;
			margin:0.3em 0;
        }

		.cleanform fieldset{ 
			padding:0.7em;
			border:1px solid #CCCCCC;
			margin:0 0 0.5em 0;
		}
	             
        .cleanform label {
            font-weight:bold;
        }
        
        .cleanform fieldset input {
            width:70%;
            line-height:1.5em;
			padding:0.15em;
        }
        
         .cleanform .radio input,
		 .cleanform .checkbox input {
            width:auto;
			border:none;
         }
        
        .cleanform input, .cleanform textarea, .cleanform select {
        	display:block;
        	margin-bottom:1em;
        	font-size:1em;
        	border:1px solid #bbb;
			padding:0.15em;
			margin-right:1em
        }

        .cleanform .radio label, .cleanform .radio input,
		.cleanform .checkbox label, .cleanform .checkbox input{
        	display:inline;
			margin:0 1.5em 0 0
        }


 		.cleanform .radio input, .cleanform .checkbox input{
			margin:0 0.3em 0 0
        }

		/* Button */

		.cleanform button {
			margin:0.3em 0;
        	border:1px solid #ccc;
        	background-color:#eee;
        	font-size:1em;
        	cursor:pointer;
        	padding:0.5em
        }

		.cleanform button:hover {
        	background-color:#333;
        	color:white;
			border:1px solid #000;
        }
        .cleanform button:active {
        	background-color:#333;
        	color:white;
			border:1px solid #000;
        }
		
		/* information */
		
        .cleanform .formInfo {
            margin-bottom:1em;
            padding-bottom:0.5em;
            border-bottom:0.1em solid #ddd;
        }

        .cleanform .formInfo h2 {
        	color: #333333;
        	font-weight:bold;
        	font-size:1.2em;
        	margin-bottom:1em
        }

        .cleanform .formInfo p{
        	text-align:justify
        }

        .cleanform .required {
        	color: #666666;
        	font-weight:bold;
        	font-size:0.8em;
		}


/****************************************
*      aqui empiezan Botones de la web.
*****************************************/	
#boton_cabecera
	{
	height: 34px;
	width: 161px;
	float:right;
	padding:0;
	margin: 70px 22px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}

#boton_banner_home
	{
	height: 34px;
	width: 161px;
	float:left;
	padding:0;
	margin: 15px 22px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}

a.button{
	background:url(imagenes/boton.png);
	display:block;
	color: #FFFFFF;
	height:34px;
	width: 161px;
	line-height:33px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 25px;
	}
a:hover.button{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

a:visited.button{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.invitacion{
		background:url(imagen/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

/****************************************
*      Footer
*****************************************/	
#footer	
	{
	clear: both;
	height: 23px;
	margin-top: 10px;
	}
#navcontainer
	{
	margin: 0 0 0 22px;
	overflow: hidden;
	width: auto;
	font: 12px Arial, Helvetica, sans-serif;
	
	}

#navlist
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#navlist li
	{
	border-left: 1px solid #000;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
	}

.texto_pie
	{
	color: #000000;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:right;
	margin: 0 22px 0 0;
	padding: 0;
	}

	
.barra_footer
	{
		padding: 0;
		margin: 5px 0 0 0;
		width: 798px;
		height: 1px;
		border:0;
	}