/* CSS Structure Document */

/* Direttiva MOzilla per togliere i bordi ai link - opzione di default*/
:-moz-any-link:focus {
  outline: none;
}

/* Correzione generale per la compatibilità */
*{
  margin :  0;
  padding:  0;
  border: 0;
}

/* Correzione per la compatibilità dei form */
form{
  margin :  0;
  padding:  0;
}

body
{
  width: 100%;
  /*background: rgb(224,242,217) url('../images/body.gif') 0 0 repeat-x;*/
  background: rgb(238,247,232) url('../images/body.gif') 0 0 repeat-x;
  text-align: center;
}

div#center
{
  /*border:1px solid red;*/
  width:950px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  
  position:relative;
}

/*******************************************************************************
* POSTERIORE
*******************************************************************************/ 
div#posteriore
{
  position:absolute;
  z-index:1;
  top:100px;
  left:-20px;
  width:950px;
  
  /*
  #height:400px;
  _height:400px;
  min-height:400px;
  */
}

table#posterioreTable
{
  /*
  #height:400px;
  _height:400px;
  min-height:400px;
  */
  /*width:950px;*/
  border-collapse: collapse;
}

table#posterioreTable tr td{
  vertical-align: top;
  text-align: left;
}

table#posterioreTable td#posterioreTableCornerTL,
table#posterioreTable td#posterioreTableCornerTR
{
  width:20px;
  height:13px;
  font-size:0;
}

table#posterioreTable td#posterioreTableCornerBL,
table#posterioreTable td#posterioreTableCornerBR
{
  width:20px;
  height:19px;
  font-size:0;
}

table#posterioreTable td#posterioreTableCornerTL
{
  background:url('../images/posterioreTL.png') top left no-repeat;
}

table#posterioreTable td#posterioreTableCornerTR
{
  background:url('../images/posterioreTR.png') top left no-repeat;
}

table#posterioreTable td#posterioreTableML
{
  background:url('../images/posterioreML.png') top left repeat-y;
}

table#posterioreTable td#posterioreTableMR
{
  background:url('../images/posterioreMR.png') top left repeat-y;
}

table#posterioreTable td#posterioreTableCornerBL
{
  background:url('../images/posterioreBL.png') top left no-repeat;
}

table#posterioreTable td#posterioreTableCornerBR
{
  background:url('../images/posterioreBR.png') top left no-repeat;
}

.greenBackground
{
  background: rgb(171,217,153);
  #background: #A2D48F;
}

.posterioreBMBackground
{
  background:url('../images/posterioreBM.png') top left repeat-x;
}

table#posterioreTable th
{
  height:0;
  font-size:0;
}

table#posterioreTable th#posterioreTableCol2,
table#posterioreTable th#posterioreTableCol4
{
  width:180px;
}
table#posterioreTable th#posterioreTableCol1,
table#posterioreTable th#posterioreTableCol5
{
  width:20px;
}
table#posterioreTable th#posterioreTableCol3
{
  width: 549px; /*950-406*/
}  
/*******************************************************************************
* CONTENITORE
*******************************************************************************/
div#contenitore
{
  width:729px;
  position:relative;
  z-index:2;
}

/*******************************************************************************
* HEADER
*******************************************************************************/
div#header
{
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: url('../images/header.png') top left no-repeat;
  text-align:center;
}

div#logo
{
  width: 100%;
  height:88px;
}

div#logo img{
  float:left;
}

div#logo p{
  float: right;
  color: white;
  padding: 0;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 3px;
  margin-right: 0;
  margin-left: 10px;
  font-size: 11px;
  border-right: 1px dotted green;
}

div#logo p.last{
  margin-right: 0;
  padding-right: 0;
  border: 0;
}

div#logo a,
div#logo a:focus,
div#logo a:link,
div#logo a:visited
{
  text-decoration: none;
  color: white;
}

div#logo a:hover{
  text-decoration: underline;
  color: white; 
}

/*******************************************************************************
* HEADER > MENU
*******************************************************************************/
div#menu
{
  height: 29px;
  width: 100%;
  border-bottom:3px solid rgb(221,223,221);
  font-weight: normal;
  font-size: 12px;
  font-family: Arial,sans-serif;
  letter-spacing: -0.2px;
}
div#menu ul
{
  height: 29px;
  width: 100%;
  overflow:hidden;
  text-align: center;
  list-style: none;
}
div#menu li
{
  height:29px;
  width:75px;
  float:left;
  margin-right:2px;
}
div#menu a,
div#menu a:hover,
div#menu a:focus,
div#menu a:link,
div#menu a:visited
{
  display:block;
  line-height:29px;
  text-align:center; 
  background:url('../images/tab.gif') top left no-repeat;
  text-decoration: none;
  color:#FFF;
}
div#menu a:hover,
div#menu a.roll
{
  background:url('../images/tab_roll.gif') top left no-repeat;
}

/*******************************************************************************
* CONTENT
*******************************************************************************/ 
div#content
{
  width: 100%;
  /*
  _height: 100%;
  min-height: 100%;  
  padding-top: 10px;
  padding-bottom: 10px;
  */  
  
  text-align:center;
  
  background-image: url('../images/content.png');
  background-position: 0px 0px;
  background-repeat: repeat-y;
}
div#headerSpace,
div#contentSpace
{
  width:700px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

/*******************************************************************************
* CONTENT-contentSpaceTop
*******************************************************************************/
div#contentSpaceTop
{
  width: 100%;
  height: 212px;
  overflow: hidden;
}

div#contentSpaceTop img
{
  display:block;
}

div#claim
{
  width: 232px;
  height: 172px;
  float:left;
  overflow: hidden;
  margin-top:5px;
  background:rgb(52,52,52);
}

div#splash
{
  margin-top:5px;
  width: 457px;
  height: 172px;
  float:right;
  overflow: hidden;
  background:rgb(52,52,52);
}

div#curLocation
{
  margin: 5px 0 5px 0;
  width: 100%;
  height: 30px;
  line-height: 30px;;
  overflow: hidden;
  background:url('../images/curLocation.gif') top left repeat-x;
}

/*******************************************************************************
* CONTENT > CONTENUTI
*******************************************************************************/ 
div#contenuti
{
  padding:5px 0 5px 0;
}

/*******************************************************************************
* CONTENT > CONTENUTI > LEFTCOLUMN
*******************************************************************************/ 
div#leftColumn
{
  float:left;
  width:232px;
}
div#leftMenuImage
{
  height:109px;
}
div#leftMenuImage img
{
  display:block;
}
div#leftColumnTop
{
  margin-top:5px;
  height:9px;
  font-size:0;
  background: rgb(215,237,206) url('../images/leftMenuTop.gif') top left no-repeat;
}
div#leftColumnMiddle
{
  padding:5px;
  background: rgb(215,237,206);
  text-align:justify;
}
div#leftColumnBottom
{
  height:9px;
  font-size:0;
  background: rgb(215,237,206) url('../images/leftMenuBottom.gif') top right no-repeat;
}

/*******************************************************************************
* CONTENT > CONTENUTI > RIGHTCOLUMN
*******************************************************************************/
div#rightColumn
{
  float:right;
  width:455px;
  min-height: 300px;
}

/*******************************************************************************
* FOOTER
*******************************************************************************/ 
div#footer
{ 
  width: 100%;
  height: 20px;
  background: url('../images/footer.png');
}

/* adatta la lunghezza del contenitore al contenuto in caso di float */
.clear
{
  clear: both;
  height: 0;
  font-size: 0;               /* Correzione per ie. Elimina le altezze del div */
  overflow: hidden;
  line-height: 0;
}