/* NdS: struttura del CSS provvisoria: da rivedere */

* {
  margin: 0px;
  padding: 0px;
  }

body {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  color: #333333;
  }

hr {
  height: 8px;
  width: 100%;
  background-color: #000000;
  border: none;
  color:#000000;
  margin-bottom: 10px;
  }

#pageContainer {
  width: 800px; /* 740px */
  margin-left: auto; 
  margin-right: auto;
  }

#header {
  width: 800px; /* 740px */
  height: 93px;
  background: url(images/logo.gif) #bb1f1f no-repeat center left;
  margin-top: 10px;
  border-bottom: #d2d2d2 solid 5px;
  text-align: right;
  margin-bottom: 20px;
  }

#headerLinks {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  padding-top: 60px;
  padding-right: 5px;
  }

.hlink:link {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }

.hlink:active {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }

.hlink:hover {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  text-decoration: underline;
  }

.hlink:visited {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }


/* Per gestire posizionamento blocchi (da ottimizzaree migliorarare) tenere conto che:
     middleSide.height = blocco1.height + blocco2.height = -rightSide.top
*/
  
#middleSide {
  width: 800px; /* 380 */
  height: 1100px; /* per il footer */
  float: left;
  }
 
#leftSide {
  width: 400px; /* 380 */
  position: relative;
  top: 1px;
  left: 0px;
  }

#rightSide {
  width: 340px; /* 320 */
  position: relative;
  top: -1100px;
  left: 460px;
  }
  
#blocco1 {
  height: 500px;
  }
  
#blocco2 {
  height: 600px;
  }

.numBox {
  height: 48px;
  width: 48px;
  border: 1px #000000 solid;
  background-color: #bb1f1f;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
  color: #FFFFFF;
  font-family: arial;
  font-size: 18pt;
  float: left;
  margin-right: 8px;
  }
  
  .numBox2 {
  height: 48px;
  width: 100px;
  border: 1px #000000 solid;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
  color: #ddd;
  font-family: arial;
  font-size: 18pt;
  float: left;
  margin-right: 8px;
  }

h1 {
  color: #333333;
  font-family: arial;
  font-size: 12pt;
  }

h2 {
  color: #333333;
  font-family: arial;
  font-size: 8pt;
  margin-left: 5px;
  }

.showcase {
  margin: 10px 2px 20px 80px;
  padding: 2px;
  border: 2px #000000 solid;
  display:inline;

  }

p {
  text-indent: 20px;
  font-family: arial;
  font-size: 9pt;
  margin-bottom: 20px;
  }
  
span {
     margin-left: 20px;
     font-family: arial;
     font-size: 9pt;
     }
  
ul {
   text-indent: 5px;
   font-family: arial;
   font-size: 9pt;
   margin: 40px;
   margin-top: 5px;
   margin-bottom: 0px;
  }
  
li {
   margin-bottom: 5px;
   }
   
a {
  /*color: #333333;*/
  font-family: arial;
  font-size: 9pt;
  text-decoration: none;
  }

a:hover {
color: red;
/*text-decoration: underline*/
}

#footer {
  clear: both;
  width: 800px;
  font-family: arial;
  font-size: 8pt;
  border-top: 2px #000000 solid;
  }

#title {
  float: left;
  color: #FFFFFF;
  padding-left: 102px;
  margin-top: 10px;
  font-family: arial;
  font-size: 24pt;
  }

#subTitle {
  float: left;
  clear: left;
  color: #FFFFFF;
  padding-left: 104px;
  padding-top: 10px;
  font-family: arial;
  font-size: 8pt;
  }
  
#payoff {
  float: left;
  clear: left;
  color: #FFFFFF;
  padding-left: 102px;
  font-family: arial;
  font-size: 11pt;
  font-weight: normal;
  font-style: italic;
  }

.right {
  float: right;
  margin: 0px;
  margin-bottom: 10px;
  }

.left {
  float: left;
  margin: 0px;
  margin-bottom: 10px;
  }

.flink:link {
  color: #333333;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }

.flink:active {
  color: #333333;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }

.flink:hover {
  color: #333333;
  font-family: arial;
  font-size: 8pt;
  text-decoration: underline;
  }

.flink:visited {
  color: #333333;
  font-family: arial;
  font-size: 8pt;
  text-decoration: none;
  }
.desc{
  text-decoration:none;
  color: #333333;
  font-family: arial;
  font-size: 12pt;
  display:inline;
  vertical-align:super;
  font:bold;
 
 
  }

