@charset "UTF-8";
/* CSS Document */

A.nonno:link, A.nonno:visited { color: #000000; text-decoration: none } /*colore dei link normali e visitati = NERO*/
A.nonno:hover { color: #000000; } /*colore dei link al passaggio del mouse = NERO*/


/*################################################################*/
/* PULSANTI MENU*/
/*################################################################*/
.menu_grigio_osteria {
	display: inline-block;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;	
	border-color: #404040;
	border-radius: 4px;
	background: #555d62;
	font-family: "verdana";
	font-size: 14pt;
	text-align: center;
}
.menu_grigio_osteria_compresso {
	display: inline-block;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;	
	border-color: #404040;
	border-radius: 4px;
	background: #555d62;
	font-family: "verdana";
	font-size: 14pt;
	text-align: center;
}
.menu_bianco_osteria {
	display: inline-block;
	width: 200px;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;	
	border-color: #404040;
	border-radius: 4px;
	background: #fcfcfc;
	font-family: "verdana";
	font-size: 14pt;
	text-align: center;
}
.menu_bianco_osteria_compresso {
	display: inline-block;
	width: 200px;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;	
	border-color: #404040;
	border-radius: 4px;
	background: #fcfcfc;
	font-family: "verdana";
	font-size: 14pt;
	text-align: center;
}

/*---- QUANDO LO SCHERMO E' < 800px ----*/
@media screen and (max-width:800px) {
.menu_grigio_osteria {
	width: 105px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
/*	letter-spacing: -1; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
.menu_grigio_osteria_compresso {
	width: 105px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
	letter-spacing: -1.1; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
.menu_bianco_osteria {
	width: 105px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
/*	letter-spacing: -1; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
.menu_bianco_osteria_compresso {
	width: 105px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
	letter-spacing: -1.1; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
}

/*################################################################*/
/* IMMAGINI */
/*################################################################*/
.tabella {
/*	border-style: solid;*/
	border-width: 0px;
/*	border-color: #404040;*/
	display: inline-block;
	margin-bottom: 20px;
	max-width:100%;
	box-shadow: 0px 0px 2px #888888;
/*	font-family: "arial";*/
	font-size: 8pt;
	color: #000000;
	text-align: center;
}
.tabella2 {
/*	border-style: solid;*/
	border-width: 0px;
/*	border-color: #404040;*/
	display: inline-block;
	margin-bottom: 20px;
	max-width:100%;
	box-shadow: 0px 0px 2px #888888;
/*	font-family: "arial";*/
	font-size: 8pt;
	color: #000000;
	text-align: center;
}
.immagine_singola_senza_bordo {
/*	border-style: solid;*/
/*	border-width: 1px;*/
/*	border-color: #404040;*/
	max-width:100%;
/*	box-shadow: 0px 0px 2px #888888;*/
}
.immagini2x{
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-color: #404040;
	max-width:100%;
	margin-bottom: 2px;
	box-shadow: 0px 0px 2px #888888;
}
.immagini3x{
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-color: #404040;
	max-width:100%;
	margin-bottom: 2px;
	box-shadow: 0px 0px 2px #888888;
}


/*---- QUANDO LO SCHERMO E' < 800px ----*/
@media screen and (max-width:800px) {
.tabella {
	margin-bottom: 15px;
	max-width:98%;
	font-size: 6pt;

}
.tabella2 {
	margin-bottom: 15px;
	max-width:49%;
	font-size: 6pt;

}
.immagini2x{
	max-width:48%;
}
.immagini3x{
	max-width:31%;
}
}