body { 
    margin: 0px; 
    border: 0px none; 
    padding: 0px;
  }
	
  #hpcentering {
    /* si tratta del blocco contenitore a posizionamento assoluto 
	   che permette la centratura dei contenuti sulla home page, con qualunque risoluzione di schermo */
    position: absolute;
	top: 0px; left: 50%; width: 700px; height: 500px;
    margin: 10px 0px 0px -350px; border: 0px none; padding: 0px;
    text-align: center; 
  }

  .hp_square {
	float:left; width: 100px; height: 100px; 
	margin: 0px; border: 0px none; padding: 0px; 
  }

  #centeredbackground02 {
    /* "centeredbackground02" e' il blocco contenitore a posizionamento assoluto 
	   che permette la centratura dei contenuti su pagine di qualunque larghezza 
	   con background azzurro e sfondo color sabbia */
    position: absolute;
	top: 0px; left: 50%; width: 720px;
    margin: 10px 0px 0px -360px; border: 0px none; padding: 0px 0px 10px 0px; 
    text-align: center;
  }
  
  #sandbackground {
    /* "sandbackground" e' il blocco contenitore con sfondo color sabbia */
	width: 700px; background-image: url(images/bkgrounds/sand.png);
    float: left; 
	margin: 0px; border: 0px none; padding: 0px; 
    text-align: center;
  }

  #centeredbackground03 {
    /* "centeredbackground03" e' il blocco contenitore a posizionamento assoluto 
	   che permette la centratura dei contenuti su pagine di qualunque larghezza 
	   con background verde e sfondo color marmo */
    position: absolute;
	top: 0px; left: 50%; width: 720px;
    margin: 10px 0px 0px -360px; border: 0px none; padding: 0px 0px 10px 0px;
    text-align: center;
  }
  
  #marblebackground {
    /* "marblebackground" e' il blocco contenitore con sfondo tipo marmo */
	width: 700px; height: 500px; background-image: url(images/bkgrounds/marble.png);
    float: left; 
	margin: 0px; border: 0px none; padding: 0px; 
    text-align: center;
  }
  
  #pagetitle {
    /* e' il blocco nel quale si inserisce il titolo della pagina */
	position: absolute;
	top: 15px; right: 15px;
	width: 360px; height: 60px;
	margin: 0px; border: 0px none; padding: 0px; 
  }

  #main {
    /* e' il blocco nel quale si inseriscono i contenuti della pagina */
	position: absolute;
	top: 80px; left: 20px;
	width: 620px;
	margin: 0px; border: 0px none; padding: 0px 20px; 
  }

  p {
    font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #4C2300;
	margin: 0px;
	text-align: justify;
  }
  
  .piede_hp {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 5px auto;
	text-align: center;
  }
  
  .occhiello {
	font-family: Times, Serif;
	font-size: 13px;
	color: #777777;
	font-weight: bold;
	font-style: italic;
  }

  .titoletto {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #4C2300;
	font-weight: bold;
  }

  .didask {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #4C2300;
  }

  .mipresento {
    font: 13px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	margin: 0px;
	margin-bottom: 6px;
	text-align: center;
  }
  
  .altrocchiello {
	font-family: Times, Serif;
	font-size: 13px;
	color: #797959;
	font-weight: bold;
	font-style: italic;
  }

  a:hover { 
    font: 12px Arial, Verdana, Helvetica, sans-serif; 
	color: #4C2300; 
	text-decoration: underline;
  }
  
  a {
    font: 12px Arial, Verdana, Helvetica, sans-serif; 
	color: #4C2300; 
	text-decoration: none;
  }
  
  a img { 
    border: none;
  }

  a:hover img { 
    border: none;
  }
  
  .formrow { width: 160px; float: left; margin: 0px; border: 0px none; padding: 0px; }
  
  .form {
    font: 12px Arial, Verdana, Helvetica, sans-serif; 
	color: #4C2300;
	line-height: 22px; 
	margin: 0px;
	text-align: justify;
  }
  
  input { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #4C2300; font-weight: bold; margin: 0px; }

  textarea { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #4C2300; font-weight: bold; margin: 0px; }
				  
  .thumbrow { position: absolute; left: 32px; width: 576px; margin: 0px; border: 0px none; padding: 0px; }

  .thumbnail { width: 120px; height: 80px; 
               margin: 8px 0px 8px 20px; border: 2px solid #603006; padding: 0px; float: left; }

/* ------------------------------------------------------------------
              Tutta la parte del menu di Gurtom.com
   ------------------------------------------------------------------ */

  body {
    font: 12px Arial, Verdana, Helvetica, sans-serif;
  }

  /* menu per le pagine a quadro sabbia e sfondo celeste */ 

  /* voci del menu di primo livello, a riposo */ 
  .gurtl0Sonorm {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #4C2300; /* marron */
    border-left: 4px solid #4C2300; /* marron */
    background: #4C2300; /* marron */
    color: #DFD6C3; /* sabbia */
    cursor: pointer; /* per la compatibilità con IE 5.5 ci vorrebbe anche "cursor: hand", 
	                    qui e in tutti gli altri stili definiti di seguito, 
						però il validatore CSS lo considera un errore... */
  }

  /* voci del menu di primo livello, a rollover */ 
  .gurtl0Soover {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #4C2300; /* marron */
    border-left: 4px solid #D9E9EC; /* celeste */
    background: #4C2300; /* marron */
    color: #D9E9EC; /* celeste */
    cursor: pointer;
  }

  /* voci del menu di primo livello, active (clicked) */ 
  .gurtl0Soclck {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold;
    border: 1px solid #4C2300; /* marron */
    border-left: 4px solid #D9E9EC; /* celeste */
    background: #797959; /* olivastro */
    color: #DFD6C3; /* sabbia */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, a riposo */ 
  .gurtl1Sonorm {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
	border: 1px solid #DFD6C3; /* sabbia */
    border-left: 4px solid #D9E9EC; /* celeste */
    background: #D9E9EC; /* celeste */
    color: #797959; /* olivastro */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, a rollover */ 
  .gurtl1Soover {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #DFD6C3; /* sabbia */
    border-left: 4px solid #797959; /* olivastro */
    background: #D9E9EC; /* celeste */
    color: #4C2300; /* marron */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, active (clicked) */ 
  .gurtl1Soclck {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #DFD6C3; /* sabbia */
    border-left: 4px solid #DFD6C3; /* sabbia */
    background: #797959; /* olivastro */
    color: #D9E9EC; /* celeste */
    cursor: pointer;
  }



  /* menu per le pagine a quadro marmo e sfondo verde */ 

  /* voci del menu di primo livello, a riposo */ 
  .gurtl0Monorm {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #4C2300; /* marron */
    border-left: 4px solid #4C2300; /* marron */
    background: #4C2300; /* marron */
    color: #CCE0E6; /* marmo */
    cursor: pointer;
  }

  /* voci del menu di primo livello, a rollover */ 
  .gurtl0Moover {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #4C2300; /* marron */
    border-left: 4px solid #FFFF86; /* giallo */
    background: #4C2300; /* marron */
    color: #FFFFA6; /* giallo */
    cursor: pointer;
  }

  /* voci del menu di primo livello, active (clicked) */ 
  .gurtl0Moclck {
    padding: 4px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold;
    border: 1px solid #CCE0E6; /* marmo */
    border-left: 4px solid #FFFF86; /* giallo */
    background: #797959; /* olivastro */
    color: #CCE0E6; /* marmo */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, a riposo */ 
  .gurtl1Monorm {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
	border: 1px solid #CCE0E6; /* marmo */
    border-left: 4px solid #FFFF86; /* giallo */
    background: #FFFFA6; /* giallo */
    color: #797959; /* olivastro */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, a rollover */ 
  .gurtl1Moover {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #CCE0E6; /* marmo */
    border-left: 4px solid #797959; /* olivastro */
    background: #FFFFA6; /* giallo */
    color: #4C2300; /* blue */
    cursor: pointer;
  }

  /* voci del menu di secondo livello, active (clicked) */ 
  .gurtl1Moclck {
    padding: 3px;
    font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; text-align: left;
    border: 1px solid #CCE0E6; /* marmo */
    border-left: 4px solid #CCE0E6; /* marmo */
    background: #797959; /* olivastro */
    color: #FFFFA6; /* giallo */
    cursor: pointer;
  }