*{
margin:0;
padding:0;
}

body{
  font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
  background:rgb(165,42,42);
  font-size:14px;
  text-align:center;
  color:#333;  
}

#container{
  text-align:left; 
  width:800px;    
  margin:0 auto 0 auto;  
}

#header{
  background:Yellow;
  width:800px;   
  height:100px;
}

#content{ 
  clear:both;    
  width:800px;  
  background-color: White;
  color: #333; 
  line-height: 18px;
  border-collapse:collapse;
  padding:20px 40px;      
}

#footer{   
  clear:both;
  padding: 6px 10px;
  text-align: right;
  background: White;
  width:800px;
}

table.normal {
  width: 95%;
  margin:0 auto 0 auto;  
}

table.normal tr.normal td {  
  padding: 1px 1px 1px 1px;    
  vertical-align:center;
  text-align: left;
  background: white;
  border-collapse: collapse;
}

td.dreta {
  text-align:right;
  vertical-align:center;
} 

td.centre {
  text-align:center;
  vertical-align:center;
}

td.esquerra {
  text-align:left;
  vertical-align:center;
}

.TitolTaula{
  text-align:left;
  font-weight:bold;
  background:rgb(204,102,51);
  padding: 4px 4px 4px 4px;  
}

.TitolTaulaClar{
  text-align:left;
  font-weight:bold;
  background:rgb(230,176,151);
  padding: 4px 4px 4px 4px;
}

input.text {
  width:100%;
  background:rgb(255,230,176);
}

label { 
  font-size:14px;
  font-weight:bold; 
}

.error, error_message {
  font-size: 14px;
  font-weight:bold;
  color:yellow;
  background-color:red;
}

ul, li {
  margin: 0 12px;
}