body { 
    color:#006394;
    font-size: 0.69em;
    font-family: verdana,arial,helvetica,sans-serif;
    background-color:#ebebeb;
	margin:0px;
    }


h1 {
font-size:1.2em;
padding-left:0.2em;
margin-top:0px;
border-bottom:1px solid #ebebeb;
}

/* definisco il comportamento dei link principali */

  a:link { color:#ff6600;
    text-decoration: underline;
    }

  a:visited { color:#ff6600;
    text-decoration: underline;
    }
	
  a:hover { color:#ff6600;
    text-decoration: none;
    }

/* definisco la struttura della pagina web */

  #header {
  	background-image:url(immagini/banner2.png);
	background-repeat:no-repeat;
    background-color:#ffffff;
	width: 768px;
	height:146px;
    color:#003366;
    text-align: center;
    font-weight: bold;
    }

/* gli id menuoriz che seguono definiscono la struttura del menu orizzontale (principale) */
	 
  #menuoriz { 
    background-color:#006394;    
    width: 762px;
    text-align: right;
	color:#fff;
    padding:0.3em;
	}

  #menuoriz a:visited { 
    color:#fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
  
    text-decoration: none;
    }

  #menuoriz a:link { 
    color:#fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   
    text-decoration: none;
    }

  #menuoriz a:hover { 
    color:#f60;
    font-family: Verdana,Arial,Helvetica,sans-serif;
 
    text-decoration: underline;
    }

/* gli id principale princsx e princdx definiscono una struttura a due colonne. nella colonna sinistra andrà il menu navig */

  #principale { width: 768px;
    background-color:#FFFFFF;
    }

  #princsx { width: 178px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    float: left;
	color:#036;
	background-color:#FFFFFF;
    }
	
  #princdx {
    margin: 0em;
    padding: 0.5em;
    width: 577px;
    float: right;
	background-color:#FFFFFF;
	color:#006394;
	text-align:justify;
    }

	#footer { 
    border: 1px solid #999;
	background-color:#006394;
    color:#fff;
    width:763px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    padding:0.2em;
	clear: both;
	}
	
  #navig { 
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 0.15em;
    background-color:#ebebeb;
	width:90%;
    color:#006394;
	margin-left:5px;
    } 

  #navig a:link {  
    border-bottom: 1px solid #CCC;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#006394;
    text-decoration: none;
	background-color:#ebebeb;
    }

  #navig a:visited {  
    border-bottom: 1px solid #CCC;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#006394;
    text-decoration: none;
	background-color:#ebebeb;
    }

  #navig a:hover {  
    border-bottom: 1px solid #CCC;;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#ffffff;
    text-decoration: none;
    background-color:#006394;

    }

  .navigtop { 
  border-top: 1px solid #CCC;
    }

  .box { 
    padding: 1em;
    width: 91%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
    line-height:1.4em;
	border:#006394 1px dashed;
	margin-bottom:2em;
	color:#006394;
	    }
		
  .scorriadestra { 
    padding-right: 0.9em;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    float: left;
    }

  .scorriasinistra { 
    padding: 0.3em 0.3em 0.3em 0.9em;
    float: right;
    }

  .centratore { 
    margin: auto;
    width: 770px;
    position: relative;
	color:#FFFFFF;
    }

    .path { width:578px;
     text-align:right;
     }  
	 
	 #navig1 { 
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 0.15em;
 
	width:90%;
    color:#006394;
	margin-left:5px;
    }

  #navig1 a:link {  
    border-bottom: 1px solid #CCC;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#006394;
    text-decoration: none;

    }

  #navig1 a:visited {  
    border-bottom: 1px solid #CCC;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#006394;
    text-decoration: none;

    }

  #navig1 a:hover {  
    border-bottom: 1px solid #CCC;;
    padding: 0.15em 0em 0.15em 0.7em;
    display: block;
    color:#ffffff;
    text-decoration: none;
    background-color:#006394;
    }

.sinistra {
width:46%;
padding:0.5em;
float:left;

}

.destra {
width:46%;
padding:0.5em;
float:right;

}

.grassetto { font-weight:bold;
}

.centraimg {
	text-align:center
}

.scorpioncini {
	background-image:url(immagini/scorpioncini.jpg);
}

.granchiotto {
	background-image:url(immagini/granchiotto.jpg);
}
	
.uvasfondo {
	background-image:url(immagini/uvasfondo.gif);
}	
	.ruota {
	background-image:url(immagini/ruota.gif);
}	
	
a.white:link, a.white:visited{
 color:#fff;
 text-decoration:none;
 }
a.white:hover{
 color:#f60;
 text-decoration:none;
 }