/* author: dojo@zenGirona.net */
body
{ padding:0;
  border:0;
  margin:0;
  width:100%;
}
#bonic
{ float: left;
  width:30%;
}
#bonic > img
{ width: 100%;
  margin: 2em;
}
#bonic #frases pre {
  margin-left: 6em;
  font-family: "Helvetica", sans-serif;
  font-style: italic;
  font-size: 85%;
  color: red;
  line-height: 75%;    
  }
#xixa
{ margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 4em;
  float:left;
  width:50%;
  text-align:center;
}
#esquerra
{ width:30%;
  float:left;
  clear: left;
  margin-left:1em;
}
#central 
{ width:20%;
  float:left;
  margin-left:1em;
}
#dreta 
{ width:30%;
  float:left;
  margin-left:1em;
  clear:right;
}
#dreta p
{ margin-top: 2em;
}
#elForm
{ float:left;
  width: 90%;
  margin-top: 2em;
  text-align: left;
}
label
{ width: 5em;
  text-align: right;
  font-family:monospace;
}
#elForm p {
  margin-top: 0;
}
#elForm p.boto {
  text-align: center;
}
.formerror
{ border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 5px 0;
}
.errortext
{ padding-left: 5em;
  font: bold smaller sans-serif;
}
.enviaerror 
{ margin-top: 2em;
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 5px 0;
}
#peu
{ width: 90%;
  margin-bottom: 2em;
  float:left;
  text-align:right;
  margin-right: 2em;
}
ul
{ margin-left:2em;
  margin-bottom:2em;
}
h3
{ margin-top:2em;
}
h3, li
{ text-align:left;
}
p.avis
{ color: red;
  font-size: 120%;
}
.esq
{ float: left;
  width: 25em;
  text-align: right;
  margin-left: 2em;
  font-size:110%;
  font-weight:bold;
}