/*--generale--*/
html { 	margin: 0;
	}
body { 	margin: 0;
	background-color: #FFFACD;
	}


P  { 	font-style: normal; 
	text-align: left; 
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px ;
 	}
  
  
/*body {
        font-size: small; 
	font-size: small;  
} */
  /*----------------------------- pareteSx -----------------------------------*/
  
#pareteSx { 	position: absolute;
		clear: left;
		}



#primo { 	position: fixed;
		width: 17.6%; height: 20.4%;
		top: 0em; right: auto; bottom: auto; left: 0em;
		background-color: #556B2F;
		background-image: url(ombra_sx.png);
		background-repeat: repeat-y;
		background-position: right;			
		}		
				 
#logo img {	padding-top: 8%;
		padding-left: 12%;
		}				 
				 
#titolo h1 { 	text-align: center;
		display: none;
		}
				
				
#secondo { 	position: fixed;
		width: 11.0%; height: 59.4%;
		top: 20.4%; right: auto; bottom: auto; left: 0%;
		background-color: #556B2F;
		}
				 
#secondobis { 	position: fixed;
		width: 6.6%; height: 59.2%;
		top: 20.4%; right: auto; bottom: auto; left: 11%;
		background-color: #556B2F;
		border-top: 1px black solid;
		background-image: url(ombra_sx.png);
		background-repeat: repeat-y;
		background-position: right;					
		}				 	
				 			
#terzo { 	position: fixed;
		width: 17.6%; height: 20.4%;
		top: auto; right: auto; bottom: 0em; left: 0em;
		border-top: 1px black solid;
		border-right: 1px black solid;
		background-color: #556B2F;
		background-image: url(ombra_sx.png);
		background-repeat: repeat-y;
		background-position: right;
		}
							
	/*---------------------------- pareteDx --------------------------------*/

#pareteDx { 	position: absolute;
		clear: none;
		}

					
	/*---------------------------- contenitore --------------------------------*/

#contenitore { 	position: absolute;
		clear: left;}

#quarto { 	position: fixed;
		width: 15%; height: 20.5%;
		top: 0em; right: auto; bottom: auto; left: 17.5%;	
		border-left: 1px black solid;			 
		background-color: #FFFACD;
		}
				 
#quinto { 	position: fixed;
		width: 2.5%; height: 12.8%;
		top: 0em; right: auto; bottom: auto; left: 32.6%;
		/*border-bottom: 1px black solid;*/
		background-color: #FFFACD;
		display: block;
/*		background-image: url(pixel_nero.gif);
		background-repeat: repeat-x;
		background-position: bottom;
*/
		}
				 
#sesto { 	position: fixed;
		width: 2.4%; height: 7.4%;
		top: 12.8%; right: auto; bottom: auto; left: 32.6%;
		background-color: #FFFACD;
		}

div.box2{width:94% !important;width /**/:94%;
			height:90% !important;height /**/:90%;
			overflow: auto; padding: 4px;
} 
			  
#navigazione { 	position: fixed;
		width: 17.5%; height: 58.3%;
		top: 20.4%; right: auto; bottom: auto; left: 17.5%;
		border-top: 1px black solid;
		border-left: 1px black solid;
/*		background-color: #CCE2A6;
		background-color: #E4F1BC;
*/
		background-color: #E3F7A5;
  		padding-top: 0.40em;
		}

#navigazione p { 	text-align: right;
  						font-size: 0.85em;
  						margin: 0.45em 1.63em 0.54em 0em;
  						padding: 0.30em 0em;
  						font-weight: normal; 
  						}  

#navigazione a:link { 	color: #620D0D; 
			text-decoration: none;
			}
#navigazione a:active  { 	color: #620D0D; 
				text-decoration: none;
				}
#navigazione a:visited  { 	color: #620D0D; 
				text-decoration: none;
				}
#navigazione a:hover  { 	color: #343434; 
				font-weight: bolder;
				text-decoration: none; 
				}			 
			 
#settimo { 	position: fixed;
		width: 17.5%; height: 20.5%;
		top: auto; right: auto; bottom: 0em; left: 17.5%;
		background-color: #FFFACD;
/*		border-top: 1px black solid;*/
		border-left: 1px black solid;
		display: block;
		background-image: url(pixel_nero.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
			 
			 
	/* --------- indirizzo --------- */	 

#settimo p { 	text-align: right;
  		font-size: 0.65em;   /* -- testo ridimensionabile -- */
  		margin: 0.95em 1.63em 0.54em 0em;
  		padding: 0.30em 1em;
  		font-weight: normal;  						
  		color: #474747;
  		letter-spacing: 0.1em; 
  		}  

#settimo a:link { 	color: #620D0D; 
			text-decoration: none;
			}
#settimo a:active  { 	color: #620D0D; 
			text-decoration: none;
			}
#settimo a:visited  { 	color: #620D0D; 
			text-decoration: none;
			}
#settimo a:hover  { 	color: #343434; 
			text-decoration: none; 
			}			 				 
				 
#ottavo { 	position: fixed;
		width:47.4%; height: 6.9%;
		top: 0em; right: auto; bottom: auto; left: 35%;
		background-color: #FFFACD;
		}
				
				
				
		/*----------- lingue -------------*/
		
#nono p { 	color: #343434; 
		font-size: 65%;
		line-height: 150%; 
		text-align: right;
		padding-right: 5px;
		/*padding-bottom: 10px;*/
		display: block;
		letter-spacing: 0.1em;
		}

#sopraLingue { 	position: fixed;
		width: 9.3%; height: 2.9%;
		top: 7.1%; right: auto; bottom: auto; left: 72.5%;
		background-color: #FFFACD;
		}
			
#latoLingue { 	position: fixed;
		width: 0.7%; height: 13.3%;
		top: 7.1%; right: auto; bottom: auto; left: 81.8%;
		/*border-bottom: 1px black solid;*/
		background-color: #FFFACD;
		}
		
#lingue { 	position: fixed;
		text-align: right;			
		width: 9.3%; height: 10.5%;
		top: 9.9%; right: auto; bottom: auto; left: 72.5%;
		/*border-bottom: 1px black solid;*/
		background-color: #FFFACD;			
		}						
			 
#imglingue { 	position: fixed;
		width: 8.8%; height:6.7%;
		top: 10.2%; right: auto; bottom: auto; left: 72.6%;
		background-color: #FFFACD;
		}			 

#imglingue img { 	border: none;
			margin: 1px;
			}
					
/*#imglingue a { 	color: #FFFACD;}*/
		 			 					 
			 
#nono { 	position: fixed;
		width: 37.3%; height:5.4%;
		top: 7.4%; right: auto; bottom: auto; left: 35%;
		/*border-bottom: 1px black solid;*/
		border-left: 1px black solid;
		background-color: #FFFACD;
		display: block;
		background-image: url(pixel_nero.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}			 
		
#nono p { 	display: none;}		
			 
#decimo { 	position: fixed;
		width: 37.4%; height: 7.4%; 
		top: 12.8%; right: auto; bottom: auto; left: 35%;
		border-left: 1px black solid;
		/*border-bottom: 1px black solid;*/				
		background-color: #FFFACD;
		}			 

div.box{width:96% !important;width /**/:96%;
			height:94% !important;height /**/:94%;
			overflow: auto; padding: 4px;
} 
				
#undicesimo { 	position: fixed;
		width: 47.5%; height: 48.4%;
		top: 20.1%; right: auto; bottom: auto; left: 35%;
		border-left: 1px black solid;
		background-color: #FFFACD;
		/*display: block;
		background-image: url(pixel_nero.gif);
		background-repeat: repeat-x;
		background-position: top;*/
		}

#tabella {font-size: small;
font-style: italic;
font-variant: small-caps;
font-stretch: condensed;
color: #474747;}


#text { 	line-height: 1em;
		}

#text h2 { 	text-align: center;
		padding: 0em 4em;
		font-style: oblique;
		font-weight: lighter;
		font-size:1.6em;   /* -- testo ridimensionabile -- */
		color: #556B2F;
		}					
					
#text h3 { 	text-align: center;
		padding: 0em 4em;
		font-size:1em;   /* -- testo ridimensionabile -- */
		color: #556B2F;
		padding-bottom: 0.6em;
		}					
					
#text p { 	text-align: left;  
		padding: 0em 3em;
		font-style: oblique;
		display: block;
		line-height: 1.6em;
		font-size:0.9em;   /* -- testo ridimensionabile -- */
		}				
			
#text_ristorante { 	line-height: 1em;
			text-align: center;
			height:60%;
			vertical-align: middle;
			position:absolute;
			top:35%;
		}

#text_ristorante h2 { 	text-align: center;
		padding: 0em 4em;
		font-style: oblique;
		font-weight: lighter;
		font-size:1.6em;   /* -- testo ridimensionabile -- */
		color: #556B2F;
		}					
					
#text_ristorante h3 { 	text-align: center;
		padding: 0em 4em;
		font-size:1em;   /* -- testo ridimensionabile -- */
		color: #556B2F;
		padding-bottom: 0.6em;
		}					
					
#text_ristorante p {
		padding: 0em 3em;
		font-style: oblique;
		display: block;
		line-height: 1.6em;
		font-size:0.9em;   /* -- testo ridimensionabile -- */
		text-align: center;
		}				
			
#divprezzi { 	text-align: left;  
		width:74%;
		padding: 0.2em 3em;
		display: block;
		color: #620D0D;
		}				
			
#titoloprezzi { 	text-align: left;  
		width:100%;
		padding: 0em 3em;
		font-style: oblique;
		font-variant: small-caps;
		display: block;
		line-height: 1.6em;
		font-size:0.9em;   /* -- testo ridimensionabile -- */
		}				
			
#testoprezzi { 	text-align: left;  
		line-height: 1.1em;
		font-size:0.85em;   /* -- testo ridimensionabile -- */
		}

#rigaintera { 	
		width:80%;
		text-align: left;  
		display: block;
		font-size:0.85em;   /* -- testo ridimensionabile -- */
		}

#rigainteratitoli { 	
		width:100%;
		text-align: left;  
		display: block;
		font-size:0.85em;   /* -- testo ridimensionabile -- */
		}

#cella {	
		top:0px;
		padding: 0em 0em 0em 0em;
		font-size:0.9em;   /* -- testo ridimensionabile -- */
		overflow: visible;
		display: inline;
		}

#cella p{	
		top:0px;
		padding: 0em 0em 0em 0em;
		font-size:0.85em;   /* -- testo ridimensionabile -- */
		overflow: visible;
		position: relative;
		display: inline;
		}

#cella_Bold { 	
		top:0px;
		padding: 0em 0em 0em 0em;
		font-size:0.9em;   /* -- testo ridimensionabile -- */
/*		position: relative; */
		overflow: visible;
		display: inline;
		}

#cella_Bold p{ 	
		top:0px;
		padding: 0em 0em 0em 0em;
		font-variant: small-caps;
		font-size:0.85em;   /* -- testo ridimensionabile -- */
		position: relative;
		overflow: visible;
		display: inline;
		}


.colonna1{	left:0%;
		position: relative;
		}
			
.colonna2{	left:10%;
		position: relative;
		}
			
.colonna3{	left:20%;
		position: relative;
		}
			
.colonna4{	left:30%;
		position: relative;
		}
			
.colonna5{	left:40%;
		position: relative;
		}
			
.riga1{	top:0em;
	}
			
.riga2{	top:1em;
	}
			
.riga3{	top:2em;
	}
			
.riga4{	top:3em;
	}
			
div.thumbnail { 	position: fixed;
			width: 47.5%; height: 24.7%;
			top: auto; right: auto; bottom: 7%; left: 35%;
			border-left: 1px black solid;
			clear: left;
			border-bottom: 1px black solid;
			background-color: #FFFACD;
			}	
				

					
#boxFotoAlto { 	position: fixed;
		width:47.2%; height:3%;
		top: auto; right: auto; bottom: 29%; left: 35.2%;
		}
				
#boxFotoBasso { 	position: fixed;
			width:47.2%; height:3%;
			top: auto; right: auto; bottom: 8%; left: 35.2%;
			}
				
#boxFotoCentroDx { 	position: fixed;
			width:13.2%; height:15.5%;
			top: auto; right: auto; bottom: 12.2%; left: 37%; 
			}
				
#boxFotoCentro { 	position: fixed;
			width:13.2%; height:15.5%;
			top: auto; right: auto; bottom: 12.2%; left: 52%; 
			}
				
#boxFotoCentroSx { 	position: fixed;
			width:13.2%; height:15.5%;
			top: auto; right: auto; bottom: 12.2%; left: 67%;
			}																																												

	
	
#boxFotoCentroSx img { 	width: 100%;
			border: 2px solid black;
			}
			
#boxFotoCentroDx img { 	width: 100%;
			border: 2px solid black;
			}
			
#boxFotoCentro img { 	width: 100%;
			border: 2px solid black;
			}
									
					
#tredicesimo { 	position: fixed;
		width: 47.5%; height: 7%;
		top: auto; right: auto; bottom: 0%; left: 35%;
		background-color: #FFFACD;
		}								
					
					
		/*---------------------------- parte dx --------------------------------*/					
					

					
#alto { 	position: fixed;
		width: 17.4%; height: 12.7%;
		top: 0%; right: 0%; bottom: auto; left: auto;
		border-left: 1px black solid;
		background-color: #556B2F;
		background-image: url(ombra_dx.png);
		background-repeat: repeat-y;
		background-position: left;
		}					
					
#quattordicesimo { 	position: fixed;
 			width: 6.6%; *width: 6.7%; height: 7.8%;
 	 		top: 12.7%; right: 10.8%; bottom: auto; left: auto;
 	 		border-top: 1px black solid;
 	 		border-left: 1px black solid;
			background-color: #556B2F;
			background-image: url(ombra_dx.png);
			background-repeat: repeat-y;
			background-position: left;
			}	
				 			
#quindicesimo { 	position: fixed;
			width: 10.8%; height: 7.8%;
			top: 12.7%; right: 0%; bottom: auto; left: auto;
/*			border-bottom: 1px black solid;*/
			background-color: #556B2F;
			}
						
#centrale { 	position: fixed;
		width:17.4%; height: 59.2%;
		top: 20.3%; right: 0%; bottom: auto; left: auto;
		border-left: 1px black solid;
		background-color: #556B2F;
		background-image: url(ombra_dx.png);
		background-repeat: repeat-y;
		background-position: left;
}

#centrale img { 	width: 100%;
			} 

						
#sedicesimo { 	position: fixed;
		width: 12%; *width: 12.1%; height: 20.8%; /*20.6%*/
		top: auto; right: 5.4%; bottom: 0%; left: auto;
		/*border-top: 1px gray solid;*/
		border-left: 1px black solid;
		background-color: #556B2F;
		background-image: url(ombra_dx.png);
		background-repeat: repeat-y;
		background-position: left;
		}					 	

#diciassettesimo { 	position: fixed;
			width: 5.4%; height: 20.8%; /*20.6%*/
			top: auto; right: 0%; bottom: 0%; left: auto;
			/*border-top: 1px gray solid;*/
			background-color: #556B2F;
			}
				 	
		/*---- intestazione -----*/
		
#intestazione { 	text-align: left;
			}		
		
#intestazione h1 { 	display: none;
			}						
						
						
		/*---- elementi -----*/
		
		
				/*  more>>  */		
/*.holder {width:210px; margin:5px; padding:1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}*/


		/*---- dimensionamento testo -----*/
		
#textSize 	{ 	position: absolute;
			top:20%;
			right:5%;
			text-align: right;
			font-size: 0.7em;  }		
		
#smallSize 	{ 	font-size: 0.8em;
			}
#normalSize 	{ 	font-size: 1em;
			}
#bigSize 	{ 	font-size: 1.4em;
			}

#nascosto	{	display: none;
			}