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

/*################################################################*/
/* PULSANTI */
/*################################################################*/
.menu_grigio_ninja_mites {
	display: inline-block;
	width: 150px; /*larghezza del pulsante <<<<<<<<<<<<<<<<<<*/
	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;
/*	letter-spacing: -0.5; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
.menu_bianco_ninja_mites {
	display: inline-block;
	width: 100px;
	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_tutti_ninja_mites {
	display: inline-block;
	width: 336px;
	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_ninja_mites {
	width: 100px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
	letter-spacing: -0.5; /*riduce lo spazio fra le lettere <<<<<<<<<<*/
}
.menu_bianco_ninja_mites {
	width: 100px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
}
.menu_bianco_tutti_ninja_mites {
	width: 324px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 2px;
	font-size: 10pt;
}
}

/*################################################################*/
/* COLLEZIONE COMPLETA */
/*################################################################*/
.contenitore_tutti_ninja_mites {
	background: #f1f0f2;
	position: relative;
	padding: 20px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	max-width:70%;
	min-width: 413px; /*larghezza minima <<<<<<<<<<<<<<<<<<*/
	border-style: solid;
	border-width: 5px;	
	border-color: #05669b;
	outline-style: solid;
	outline-width: 1px;	
	outline-color: #dcde54;
	font-family: "verdana";
	font-size: 14pt;
	color: #000000;
	box-shadow: 0px 0px 7px #888888; /*box-shadow: spostamento orizzontale, spostamento verticale, sfocatura, colore*/
}

/*---- QUANDO LO SCHERMO E' < 800px ----*/
@media screen and (max-width:800px) {
.contenitore_tutti_ninja_mites{
	padding: 10px;
	margin-top: 5px;
	border-width: 3px;	
	font-size: 10pt;
	box-shadow: 0px 0px 4px #888888;
}
}