@charset "utf-8";
/* CSS Document */

#container{
		width: 980px;
		margin:0 auto;
		border: #E2021B 2px solid;
		padding: 10px;
}

.titolo{
	font-size:40px;
	padding: 10px 0;
	color: #E2021B;
	font-weight: bold;
}

.sottotitolo{
	font-size:20px;
	font-style:italic;
	padding: 5px 0;
}

body{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}
.wrapReady {
	float: right;
	padding-left: 30px;
}
.rosso{
	font-weight: bold;
	color: #E2021B;
}
.informazioni {
  display:block; /* a must */
  border: solid #666;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
  color: #000;
  font-family:Verdana, Geneva, sans-serif;
  background: #e4e4e4;
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
}
.informazioni b {
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #666;
  border-width:1px 0 0; /* top border only */
  font-weight:normal;
}
.informazioni b b {
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
.informazioni b b b { /* i don't think three-deep tag is even necessary */
  top:-1px;
  padding: 1px 6px;
  border-width: 0;
  padding: 10px 10px 10px 10px;
}