body {
font-family:Tahoma,Lucida;	
}

a:active, a:visited {
	text-decoration:none;
}
a:active, a:link, a:visited, a:hover {
	color:#808080;
}

.menu a, input.menu { font-family: 'Great Vibes'; font-size:30px !important; color:#010101 !important; text-shadow:#a7a7a7 0 0 5px;  display:inline-block; }
.titolonews { font-size:24px !important; font-family: 'Great Vibes'; color:#010101 !important; text-shadow:#a7a7a7 0 0 5px;  display:inline-block; padding:10px; line-height:30px; display:block; }

div#container table { border:0px; border-collapse:collapse; border-style:clear; display:inline-block; }


table.IO_report { border-width:10px; }
table.IO_base input[type="text"], table.IO_base input[type="file"], table.IO_base input[type="password"], table.IO_base select, table.IO_base textarea { font-family:Tahoma,Lucida; font-size: 10pt; width:100%; border-style:solid; border-width:0px; border-color:#808080; color:#000000; }
table.IO_base input[type="text"], table.IO_base select { height:20px; }

table.IO_base tr:nth-child(2n+1) input[type="text"], table.IO_base tr:nth-child(2n+1) input[type="file"], table.IO_base tr:nth-child(2n+1) input[type="password"], table.IO_base tr:nth-child(2n+1) select, table.IO_base tr:nth-child(2n+1) textarea { background-color:#b09080;}
table.IO_base tr:nth-child(2n+2) input[type="text"], table.IO_base tr:nth-child(2n+2) input[type="file"], table.IO_base tr:nth-child(2n+2) input[type="password"], table.IO_base tr:nth-child(2n+2) select, table.IO_base tr:nth-child(2n+2) textarea { background-color:#a09090;}
table.IO_report td { padding-left:5px; padding-right:5px; }
table.IO_base .field_descrizione { font-size:9pt; }

table.IO_base td, table.IO_base th{ border:1px; border-style:solid; }

div#container{ margin:0 auto; font-size: 12pt; line-height:150%; text-align: center; width:100%;  }
div#main table { display:inline-block; }

table.IO_base {	
	border-width:2px;
	border-style:solid;
	border-color:#404040;
	margin:20px;
	box-shadow:5px 5px 5px #404040;
}

table.IO_base  tr:nth-child(2n+1) td {
	background:#F0F0F0;
}
table.IO_base  tr:nth-child(2n+2) td {
	background:#FFFFFF;
}


h2.news, h3.news { padding-top:30px; padding-bottom:10px; }

.data { font-style:italic; }

.language_div { display:block; float:right; font-family: 'Great Vibes'; font-size:13pt; font-weight:bold; }
.language_div  a { padding:3px; text-decoration:none; }
.language_div  a:hover { text-decoration:underline; }



.coccarda { height:85px; width:70px; color:black; display:table-cell; padding-top:12px; text-align:center; border-width:1px; border-color:black; background-image:url('../images/coccarda.png'); background-position:6px 0; background-repeat:no-repeat; color:#606060; font-family:"Arial"; text-shadow:#6c6c6c 0px 0px 3px; font-size:12px; }


.error {
	color : red;
}

.login  td {
	padding:5px;
	color: black;
	font-family: 'Tahoma'; 
	font-size:14pt;
}
.login  input[type="text"], .login  textarea {
	font-family: 'Tahoma' !important; 
	font-size:12pt !important;
}

input[type="submit"] {
	border:outset;
}
input[type="submit"]:hover { 
	background: red;
}


div.sell {
	width : 250px;
	margin: 5px;
	padding: 5px;
	border: solid 1px black;
	background: white;
	font-family: 'Tahoma';
	color: black;
	display:inline-block;
}
div.sell.bigobject {
	width : auto;
}
div.sell div {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
div.sell div:nth-child(1) {
	text-align: center;
	font-size:14pt;
	font-weight:bold;
}
div.sell div:nth-child(2) {
	text-align: center;
}
div.sell div:nth-child(3) {
	text-align: center;
}
div.sell div:nth-child(4) {
	text-align: center;
}
div.sell div:nth-child(5) {
	text-align: center;
}
div.sell input[type="text"] {
	width:30px;
	border: solid 1px black;
	text-align:center;
}
div.sell input[type="submit"] {
	text-align:center;
	border: solid 1px black;
	box-shadow:3px 3px 3px #404040;
	border-radius: 5px; 
}
div.sell img {
	border: solid 1px black;
	box-shadow:5px 5px 5px #404040;
	margin: 3px;
}


div.oggetto_ordine {
	margin: 5px;
	padding: 5px;
	border: solid 1px black;
	background: white;
	font-family: 'Tahoma';
	color: black;
	position:relative;
}
div.oggetto_ordine .nome {
	font-size:14pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;	
}
div.oggetto_ordine .img {
	display:inline-block;
	padding-right:10px;
	height:100px;
	min-width:250px;
	text-align:center;
}
div.oggetto_ordine img {
	height:100px;
}
div.oggetto_ordine .info {
	display:inline-block;
	width:600px;
}
/*
div.oggetto_ordine .qtaprezzo {
	position:absolute;
	bottom:5px;
}
*/
div.oggetto_ordine a:link , div.oggetto_ordine a:visited , div.oggetto_ordine a:active  {
	color: black;
}
div.oggetto_ordine a:hover   {
	color: red;
}

div.oggetto_ordine input[type="text"] {
	width:30px;
	border: solid 1px black;
	text-align:center;
}
div.oggetto_ordine .separator {
	display:inline-block;
	width:30px;
}
div.oggetto_ordine.totale {
	text-align:right;
	font-size:18pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;	
	padding: 15px;
	line-height:20pt;
}
div.oggetto_ordine.titolo {
	text-align:center;
	font-size:18pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;	
	padding: 10px;
	text-shadow:#6c6c6c 1px 1px 3px;
}

a.pulsante_negozio, input.pulsante_negozio {
	display:inline-block;
	text-align:center;
	font-size:15pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;		
	border: solid 1px black;
	box-shadow:5px 5px 5px #404040;
	border-radius: 8px; 
	margin:5px;
	padding:5px;
	background:#F0FF20;
}
a.pulsante_negozio:hover, input.pulsante_negozio:hover {
	background:#F02020;
	cursor:pointer;
}


div.loginNegozio input {
	border: solid 1px black;
	text-align:center;
	font-size:12pt;
	font-family: 'Tahoma';	
}
div.loginNegozio input[type="text"] {
	width:150px;
}
div.loginNegozio input[type="password"] {
	width:100px;
}
div.loginNegozio {
	margin: 5px;
	padding: 5px;
	border: solid 1px black;
	background: white;
	font-family: 'Tahoma';
	color: black;
	text-align: center;
}
div.loginNegozio .separator {
	display:inline-block;
	width:30px;
}

div.loginNegozio input[type="button"], div.loginNegozio input[type="submit"] {
	display:inline-block;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;		
	border: solid 1px black;
	box-shadow:2px 2px 2px #404040;
	border-radius: 7px; 
	margin:2px;
	padding:2px;
	background:#a0a0a0;
}
div.loginNegozio input[type="button"]:hover, div.loginNegozio input[type="submit"]:hover {
	background:red;
	cursor:pointer;
}

/*-------------------------------------------------------------------------------------------*/
table.ordini {
	background-color : white;
	width:100%;
}
table.ordini.riepilogo td, table.ordini.riepilogo th {
	font-size:10pt;
	padding:2px 5px;
	line-height:normal;
}
table.ordini th, table.ordini_colori th, div.ordini {
	border: black solid 1px;
	text-align: center;
	font-size:12pt;
	font-weight:bold;
	font-family: 'Tahoma';
	color: black;			
	padding:5px;
}
div.ordini {
	background-color : white;
	display:inline-block;
}
table.ordini td, table.ordini_colori td {
	border: black solid 1px;
	text-align: center;
	font-size:12pt;
	font-weight:normal;
	font-family: 'Tahoma';
	color: black;		
	padding:5px;
}
table.ordini a {
	text-decoration: underline;
}

table.ordini_colori td {
	padding:2px 10px;
}
table.ordini_colori h1, table.ordini h1 {
	margin:0;
}
table.ordini td div.prezzo {
	font-size:16px;
	font-weight:normal;
}



.basket_mail {
	font-family: 'Tahoma';
	font-size:10pt; 
	color:#808080; 
	text-align:center;
}





.field_image_div {
	display:inline-block;	
	vertical-align:top;
	padding:5px;
}
.field_image_div * img {
	max-width:200px;
	max-height:200px;
}
.imageSelectorDiv {
	display:inline-block;	
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
.imageSelectorDiv_Image {
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	max-height:200px; 
	max-width:200px;
}



/* Modificato da Claude - 2026-08-01 - barra di menu a tendina dell'area riservata (vedi creaMenuAreaRiservata
   in TemplateMMPAO.php). Sostituisce la lunga fila di pulsanti che occupava piu' righe in alto e in fondo alla
   pagina. La barra sta dentro il div.menu, accanto agli eventuali pulsanti della pagina (es. "Nuovo Elemento"). */

.armenu {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	line-height:normal;
}
.armenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
/* Modificato da Claude - 2026-08-01 - font-size:0 sulla barra per azzerare gli spazi bianchi fra un <li> e l'altro
   (a capo nell'html): cosi' la distanza fra le voci la decide solo il margine, ed e' identica per tutte, compreso
   il pulsante della pagina. Le voci si riprendono la loro dimensione (11pt !important, vedi sotto). */
.armenu_barra {
	display:inline-block;
	font-size:0;
}
.armenu_barra > li {
	display:inline-block;
	position:relative;
	margin:2px 3px;
	vertical-align:middle;
	font-size:11pt;
}

/* Modificato da Claude - 2026-08-01 - i pulsanti propri della pagina ("Nuovo Elemento", "Nuovo Oggetto", ...) sono
   dentro la barra, in un <li class="armenu_pulsanti">: li rendo uguali alle voci di menu. Restano validi anche i
   selettori su div.menu > input per le pagine che dovessero mettere un pulsante fuori dalla barra. */
.armenu_pulsanti > input[type="button"],
.armenu_pulsanti > input[type="submit"],
div.menu > input[type="button"],
div.menu > input[type="submit"],

/* titolo di una tendina e voce singola di primo livello: stesso aspetto */
.armenu_titolo,
.armenu_voce > a {
	display:inline-block;
	font-family:Tahoma,Lucida !important;
	font-size:11pt !important;
	font-weight:bold;
	color:#303030 !important;
	text-shadow:none !important;
	background:#ede4d8;
	border:1px solid #b08d4f;
	border-radius:4px;
	padding:7px 12px;
	min-height:20px;
	margin:0;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
	-webkit-appearance:none;   /* altrimenti su iPhone i pulsanti restano con l'aspetto di sistema */
	appearance:none;
}
/* un pulsante lasciato fuori dalla barra prende da solo il margine e l'allineamento delle voci */
div.menu > input[type="button"],
div.menu > input[type="submit"] {
	margin:2px 3px;
	vertical-align:middle;
}
/* piu' pulsanti nella stessa voce restano distanziati come le voci fra loro */
.armenu_pulsanti > input + input {
	margin-left:6px;
}
.armenu_pulsanti > input:hover,
div.menu > input[type="button"]:hover,
div.menu > input[type="submit"]:hover,
.armenu_titolo:hover,
.armenu_voce > a:hover,
.armenu_gruppo:hover > .armenu_titolo,
.armenu_gruppo.aperto > .armenu_titolo {
	background:#b08d4f;
	color:#ffffff !important;
}
/* pagina attualmente aperta */
.armenu_titolo.attivo,
.armenu_voce.attivo > a {
	background:#8c6d38;
	color:#ffffff !important;
	border-color:#6a5227;
}
.armenu_freccia {
	font-size:8pt;
	padding-left:6px;
}

/* la tendina vera e propria */
.armenu_tendina {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:200;
	min-width:100%;
	padding:4px 0 !important;
	background:#ffffff;
	border:1px solid #b08d4f;
	border-radius:4px;
	box-shadow:3px 3px 6px rgba(0,0,0,0.35);
	text-align:left;
}
/* Modificato da Claude - 2026-08-01 - la tendina si apre passando col mouse (l'apertura al click resta solo sui
   dispositivi touch, dove il mouseover non esiste: vedi il javascript in TemplateMMPAO.php) */
.armenu_gruppo:hover > .armenu_tendina,
.armenu_gruppo.aperto > .armenu_tendina {
	display:block;
}
/* quando in fondo alla finestra non c'e' spazio (barra inferiore) la tendina si apre verso l'alto */
.armenu_gruppo.verso_alto > .armenu_tendina {
	top:auto;
	bottom:100%;
}
.armenu_tendina li {
	display:block;
}
.armenu_tendina a {
	display:block;
	font-family:Tahoma,Lucida !important;
	font-size:11pt !important;
	color:#303030 !important;
	text-shadow:none !important;
	text-decoration:none;
	white-space:nowrap;
	padding:7px 18px 7px 14px;
}
.armenu_tendina a:hover {
	background:#ede4d8;
	color:#000000 !important;
}
.armenu_tendina li.attivo > a {
	background:#8c6d38;
	color:#ffffff !important;
}
.armenu_separatore {
	border-top:1px solid #d8ccb8;
	margin:4px 6px;
}

/* su smartphone le tendine si aprono comunque, ma le voci sono piu' comode da premere col dito */
@media (max-width: 700px) {
	.armenu_titolo, .armenu_voce > a { font-size:10pt !important; padding:8px 10px; }
	.armenu_tendina a { padding:10px 18px; }
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    .armenu { display:none !important; }
}