body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #FFF;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  font-family: 'Century Gothic';
}

#contenitore{
position:absolute;

  
  
}

#mainContentText {
	position: relative;
	width: 100%;
	height: 510px;
	overflow: auto;
}

.oneColElsCtr #container {
  width: 60em;
  background: #FFFFFF;
  margin: 0 auto; /* this overrides the text-align: center on the body element. */  
}

.oneColElsCtr #mainContent {
  padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
  margin-top:50px;
}

.carte{
  padding-right:20px;
}

.oneColElsCtr #container #mainContent p {
  font-size: 75%;
}

.credits{
  text-align:center;
  font-size:75%;
  color:#333;
}

.credits a{
  text-align:center;
  font-size:75%;
  color:#333;
}

.credits a:hover{
  text-align:center;
  font-size:75%;
  color:#333;
  text-decoration:underline;
}
  
table td .head{
  font-size:large;
  color:#900;
}

.oneColElsCtr #container #mainContent h2 {
  color: #900;
  font-family: Verdana, Geneva, sans-serif;
  font-variant: normal;
  text-transform: capitalize;
  text-decoration: underline;
}

h2 a {
  color:#900;
}

h2 a:hover{
  color:#900;
  text-decoration:underline;
}

.menu{
  font-family: Century Gothic, Verdana, Geneva, sans-serif;
  text-align:center;
  font-size:100%;
  color:#990000;
  text-decoration:none;
}

a.menu:hover{
  color:#000000;
  text-decoration:underline;
}