
  body { 
	background-color: #7C9CBC;
    margin: 0px; border: none; padding: 0px;
  }

  #pagecentering {
    position: relative; top: 0px; left: 50%; 
	width: 960px; height: 470px;
    margin: 0px 0px 0px -480px; border: none; padding: 0px;
	background-color: #FCFCFC;
  } /* e' il blocco contenitore a posizionamento relativo che permette la centratura della pagina nel browser */

    #pagecentering #A-col {
      position: absolute; top: 0px; left: 0px;
	  width: 40px; height: 100%;
	  margin: 0px; border: none; padding: 0px;
    } /* uno spazio a colonna per il margine sinistro della cornice */
  
    #pagecentering #B-col {
      position: absolute; top: 0px; left: 40px;
	  width: 60px; height: 100%;
	  margin: 0px; border: none; padding: 0px;
    } /* uno spazio a colonna per il pezzetto di cornice con le tre bandierine */
  
    #pagecentering #C-col {
      position: absolute; top: 0px; left: 100px;
	  width: 270px; height: 100%;
	  margin: 0px; border: none; padding: 0px;
    } /* spazio per la parte sinistra della pagina, con il blocco note a spirale... */
  
      #pagecentering #C-col #pic {
        position: absolute; top: 95px; left: 50px;
	    width: 190px; height: 280px;
	    margin: 0px; border: none; padding: 0px;
      } /* ...e, sovrapposta al blocco-note, la foto dell'ingresso della struttura */
	
    #pagecentering #D-col {
      position: absolute; top: 0px; left: 370px;
	  width: 530px; height: 100%;
	  margin: 0px; border: none; padding: 0px;
    } /* spazio per la parte destra della pagina (la parte principale), divisa in tre righe */
  
      #pagecentering #D-col #D1-top {
        position: absolute; top: 0px; left: 0px;
	    width: 100%; height: 75px;
	    margin: 0px; border: none; padding: 0px;
      } /* margine alto della parte destra */
	
      #pagecentering #D-col #D2-mid {
        position: absolute; top: 75px; left: 0px;
	    width: 100%; height: 270px;
	    margin: 0px; border: none; padding: 0px;
      } /* main area: mezz'altezza nella parte destra... */

        #pagecentering #D-col #D2-mid #sheet {
          position: absolute; top: 0px; left: 10px;
	      width: 510px; height: 260px;
	      margin: 0px; border: none; padding: 0px;
		  background-image: url(../images/hp-stru/D2-mid-leaf.jpg);
        } /* ...e, sovrapposto alla main area, il foglio di carta anticata */
		
          #pagecentering #D-col #D2-mid #sheet h3 { 
		    margin: 20px auto 0px; border: none; padding: 0px;
			font: 16px Georgia, "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Serif; color: #A6367F; 
			font-weight: bold; text-decoration: none; text-align: center;
		  }
  
          #pagecentering #D-col #D2-mid #sheet p { 
		    margin: 2px auto 0px; border: none; padding: 0px;
			font: 12px Georgia, "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Serif; color: #7C9CBC; 
			font-weight: bold; text-decoration: none; text-align: center;
		  }
	
          #pagecentering #D-col #D2-mid #sheet table { 
		    width: 480px; height: 50px; margin: 2px 15px 0px; border: none; padding: 0px;
		  }
		    #pagecentering #D-col #D2-mid #sheet table tr { 
		      width: 100%; margin: 0px; border: none;
		    }
			  #pagecentering #D-col #D2-mid #sheet table tr td { 
		        margin: 0px; border: none; padding: 0px 2px; vertical-align: top;
		      }
			    #pagecentering #D-col #D2-mid #sheet table tr td h4 {
				  margin: 0px;
				  font: 15px Georgia, "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Serif; color: #A6367F; 
			      font-weight: bold; text-decoration: none; text-align: center;
				}
		  
          #pagecentering #D-col #D2-mid #sheet #socialleft { 
		    position: absolute; top: 222px; left: 130px; width: 56px; height: 28px;
		  }
            #pagecentering #D-col #D2-mid #sheet #socialleft img { 
		      border: none;
		    }
          #pagecentering #D-col #D2-mid #sheet #socialright { 
		    position: absolute; top: 222px; right: 130px; width: 56px; height: 28px;
		  }
            #pagecentering #D-col #D2-mid #sheet #socialright img { 
		      border: none;
		    }
	
	
      #pagecentering #D-col #D3-bottom {
        position: absolute; top: 345px; left: 0px;
	    width: 100%; height: 125px;
	    margin: 0px; border: none; padding: 0px;
      } /* main area: margine basso della parte destra... */

	  /* una questione di metodo (eventualmente): 
	     #pagecentering #D-col #D3-bottom #menu:hover { background-image: url(); } */

	    #pagecentering #D-col #D3-bottom #menu {
          position: absolute; top: 10px; left: 10px;
	      width: 510px; height: 40px;
	      margin: 0px; border: none; padding: 0px; text-align: center;
		  background-image: url(../images/hp-stru/D3-bottom-menu.jpg);
        } /* ...e, sovrapposto alla parte bassa, il rigo di carta anticata per il menu di scelta della lingua */
	
          #pagecentering #D-col #D3-bottom #menu a:hover  { color: #003366; }
          #pagecentering #D-col #D3-bottom #menu a  { 
		    font: 16px 'Trebuchet MS', Sans-Serif; color: #7C9CBC; 
		    font-weight: bold; text-decoration: none; text-align: center; line-height: 40px; }

          #screenshot {
		    position: absolute;
			display: none;
			border: none; /* used to be 1px solid #CCC */
			/* padding: 5px; */
			/* background: #333; */
			/* color: #FFF; */
		  }
	
    #pagecentering #E-col {
      position: absolute; top: 0px; left: 900px;
	  width: 60px; height: 100%;
	  margin: 0px; border: none; padding: 0px;
    } /* uno spazio a colonna per il margine destro della cornice */
  

