/* Reseteamos el CSS */
p,h1,form,fieldset,label,input{
	border:0;margin:0;padding:0;
}

body{
	background:#eaf3fa;
	font-family:Arial,Helvetica,sans-serif;
	font-size:76%;
	color:#418eb6;
}
fieldset{
	width:475px;
	margin:auto;
	overflow:hidden;
	padding:30px;
	background:url(images/bg.jpg) no-repeat;
}
h1,p,label,span{
	background:url(images/txt-form.png) no-repeat;/* Imagen con todos los textos para h1,p,label,span */
	text-indent:-9999em;/* Hace desaparecer por arte de magia los textos xD! y solo quedaran las imagenes */
}
h1{
	margin:10px 0 3px 0;
	background-position:0 0; /* Posición de la imágen */
	width:200px; height:45px;/* Medidas de nuestro título */
}
p{
	margin:0 0 50px 0;
	background-position:0 -50px;
	width:143px;height:9px;
}
label{
	float:left;/* Importante para la alineación */
	width:200px;/* ancho que heredaran todos los label */
	font-size:2em;
	margin:12px 0 15px 0;
}
span{
	display:block; /* hace que salte de linea */
}
.nombre{
	background-position:0 -59px;
	height:23px;
}
.nombre span{
	background-position:0 -94px;
	height:10px;
}
.email{
	background-position:0 -104px;
	height:23px;
}
.email span{
	background-position:0 -138px;
	height:10px;
}
.pass{
	background-position:0 -148px;
	height:23px;
}
.pass span{
	background-position:0 -182px;
	height:8px;	
}

input{
	float:left;
	background:url(images/input.png) no-repeat;
	width:245px; height:36px;
	margin:0 0 25px 0; padding:15px;
	color:#ccc; font-size:2em;
}

#registrar{
	float:left;
	margin:15px 0 0 140px;padding:0;
	background:url(images/registrar.png) 0 -45px;
	width:185px;height:45px;
	color:#418eb6;
}
/* Hover a nuestro Boton 
   No funciona en IE6(no se por qué lo siguen usando xD) */
#registrar:hover{
	background-position:0 0;
	color:#d0e8f7;
}