body {
 margin:1em 3em;
 
}

h1 {
 text-align:center;
}

input {
 border: thin solid gray;
}

li {
 list-style-image: url(icon.png);
}

h2 {
 clear: left;
 padding-top: 1em;
}

a, a:visited {
 text-decoration: none;
 font-weight: bold;
 color: black;
}

a:hover {
 text-decoration: underline;
 color: black;
}

#edita {
 float: right;
 margin: 0.5em;
 padding: 0.3em;
 cursor: pointer;
}

#edita img {
 vertical-align: middle;
}

#dades label {
  float: left;
  width:200px;
  text-align:right;
  padding: 0.2em;
}

#dades input {
 float: left;
 
}

#dades div{
   width:500px;
   clear:both;
}


#carta {
 border: 1px dotted gray;
 padding: 1em;
}

#envia {
 text-align: center;
}

#envia input {
 font-size: x-large;
 font-weight: bold;
 background-color: yellow;
 cursor: pointer;
}

#peu {
 border-top: 1px dotted gray;
 font-size: x-small;
 text-align: center;
 margin: 2em 1em 1em 1em;
 padding: 0.3em;
}

#peu img {
 vertical-align: middle;
}

#idioma {
 text-align: center;
}