/*Color del body */
body{
background-color: #D5F5E3;
}


/* Centra el titulo y lo pone en aria con 2em */
#Titulo{
	text-align: center;
  	font: normal 2em arial;
}

/* Pongo todo el contenido del html dentro de un cuadro en el centro*/
#cuadro{
  background: #FFF;
  border: 1px solid silver;
  margin: 1em auto;
  padding: 1em;
  width: 850px;
}

/*Cambio el tamaño del boton*/
li.boton input {
  font-size: 1.2em;
}

/*Separo lo que va dentro de: li div span*/
li div span {
  float: left;
  padding: 0.5em 0;
}

/*Configuro el tamaño para que el anteior quede bien separado*/
li div span.mitad {
  width: 50%;
}

/* Quito los puntos que tienen los li y muevo los margenes para pegarlos mas al cuadro */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*Cuando pase el raton por acepta terminos le saldra un texto */
li:hover p.ayuda {
  display: block;
  margin: 0.3em;
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}

/* Cambiar el tipo de letra y tamaño dentro de: ul li label.titulo */
ul li label.titulo {
  font: normal 1em arial;
}

/*Cambiar el tamaño del input*/
input#apellido, input#email {
  width: 260px;
}