/*************************/
/* DEFINIZIONE TAG 		*/
/************************/
/* I tag sottoelencati, a meno che non specificato diversamente, non hanno bisogno della definizione di classe */
/* in quanto sono stati ridefiniti, ovvero sono state aggiunte delle caratteristiche particolari, come il font */
/* e la grandezza da utilizzare senza specificarlo ogni volta */


/**************************************/
/* COLORI UTILIZZATI NEL SITO */
/*************************************/
/* Di seguito vengono riportati i colori utilizzati all'interno del sito www.telepharma.it      	*/
/* #5883AE è la banda azzurro scuro usata ,per le righine che separano una voce dall'altra, ecc.	*/
/* #C0D5E8 è la banda azzurro chiaro usata in home page e come sfondo per i titoli dei listini, 	*/
/* per le offerte e per la banca dati																*/
/* #EBEBEB è il grigio chiaro che fa da sfondo al footer e che viene utilizzato anche nella sezione	*/
/* della banca dati																					*/
/* #F3F7FB è il celeste di sfondo delle aree tematiche, dei listini, delle offerte, e dei form della*/
/* banca dati																						*/


BODY { font-family: Verdana, Helvetica;  font-size: 10px;}

/* testo preformattato  */
PRE	{ font-family: "Courier New", monospace; font-size: 12px; }

TABLE.data 	{ background-color: #F3F7FB; }

TD	{ font-family: Verdana, Helvetica; font-size: 10px; }

/* celle di bordo */
TD.border	{ background-color: #5883AE; color: #FFFFFF; font-size: 10px; }

/*celle di riempimento*/
TD.in	{ background-color: #F3F7FB }

/* celle di dati x menu */
TD.menu 	{ background-color: #F3F7FB; color: #0066CC; font-size: 10px; }

/* celle di intestazione colonne */
TD.header, TD.ligthborder 	{ background-color: #C0D5E8; color: #000000; font-size: 10px; }

/* celle di dati x segnalazioni */
TD.warning	{ color: #FF0000; font-size: 10px; }

/* celle di dati semplici */
TD.data 	{ color: #000000; font-size: 10px; }

TD.end		{ background-color: #D1D1D1; }

TD.divisore	{ background-color: #ebebeb; color: #000000; font-size: 10px;}

/* usato per le parentesi quadre di ornamento */
TD.parentesi	{ font-family: Verdana, Helvetica; font-size: 10px; color: #666666;  background: #999999;}

/*	specifici x sezione "stat"*/
TD.tot {background-color: Teal;	color: #FFFFFF;	font-size: 10px; font-weight: bold;}
TD.testa { background-color: #5883AE; color: #FFFFFF; font-size: 10px; font-weight: bold; }
TD.val	{ background-color: #F3F7FB; }
.title { font-size:25px; color: #0066CC; font-weight: bold;}
.stitle { font-size: 15px; color: #0066CC; font-weight: bold;}
.label { font-size: 10px; color: #666666;}
.tot {color: Teal;	font-size: 10px; font-weight: bold;}
.grafo {background-color: Teal;	color: #FFFFFF;	font-size: 20px; font-weight: bold;}
/*	fine specifici x sezione "stat"*/

/* orari e turni */
TD.nomecolonna { font-family: Verdana, Helvetica; font-size: 11px; color: #FFFFFF; font-weight: bold;  background: #5883AE;}	/* titolo colonna risultato ricerca */
TD.orario { font-family: Verdana, Helvetica; font-size: 11px; color: #003366; background: #C0D5E8;}	/* voci menu farmacia */

TD.linea_sep { background: #EBEBEB; }
TD.cornice_anteprima { background: #5883AE; }
TD.bg_corpo_tab { color: #000000; background: #F3F7FB; }
TD.bg_light_tab { background: #F3F7FB; }
TD.tab_ord { background: #F3F7FB; }
TD.bg_listedist { background: #F3F7FB; }
TD.bg_cornice_tab { background: #5883AE; }
TD.cornice_grigia { background: #999999; }
TD.txt_custsat { font-size: 11px; color: #000000;}

P { font-family: Verdana, Helvetica; font-size: 10px;}

A { font-size: 11px; color: #0066CC; text-decoration: none;}
A:visited { text-decoration: none;}
A:hover { text-decoration: underline; color: #990000;}


/* I tag INPUT E SELECT, sono stati ridefiniti, non c'e' bisogno di indicare nessuna classe */
INPUT { font-family: Verdana, Helvetica; font-size: 10px; color: #000000;}
SELECT { font-family: Verdana, Helvetica; font-size: 10px; color: #000000;}
/*OPTION { font-family: Verdana, Helvetica; font-size: 10px; color: #ff0000;}*/

/* Questo tag, viene indicato nel sorgente con ID="opta", viene usato per la lista delle aree */
/* tematiche, per settare il colore delle voci autorizzate*/
#opta {	font-size: 10px;color: #0066CC;}

/* Questo tag, viene indicato nel sorgente con ID="optna", viene usato per la lista delle aree */
/* tematiche, per cambiare il colore delle voci non autorizzate*/
#optna { font-size: 10px; color: #ff0000;}


/******************************************************************************************************************/
/* NOTA: DEFINIZIONE STILE PER LE COMUNICAZIONI VISUALIZZATE ALL'INTERNO DELL'APPLET */
/******************************************************************************************************************/
/* <font size="3"  face="Helvetica"  color="#003366">

/****************************/
/* CLASSI GENERICHE */
/***************************/
.testo 			{ font-size: 10px; color: #000000;}
.standard 		{ font-size: 12px; color: #000000;}
.standard_bd	{ font-size: 14px; color: #0066CC; font-weight: bold;}

/* La classe immagini, viene usata per tutte le immagini che contengano un link */
/* essa, non visualizza la sottolineatura al passaggio del mouse come accade sui link */
.immagini { text-decoration: none;}

/* Il testo in grassetto, puo' essere utilizzato nell'elenco dei prodotti (solo i nomi) sul listino o nelle offerte */
.testobold { font-size: 10px; color: #000000; font-weight: bold; background: #F3F7FB;}

/* La classe testoa, va a sostituire le righe color arancio che si trovano in tutte le pagine che contengono */
/* Listini, offerte, comunicazioni, ecc. */
.bandacolorata, .testoa { font-size: 10px; color: #000000; background-color: #C0D5E8;}

/* Bianco e biancomini, al momento non sono utilizzati, ma presto entreranno anche loro */
.bianco { font-size: 11px; color: #FFFFFF; background: #5883ae; font-weight: bold;}
.biancomini { font-size: 11px; color: #FFFFFF; background: #5883ae;}

/* La classe celeste viene usata, nelle pagine di conferma e comunque di avviso, per tornare alla pagina precedente */
/* per annullare o confermare un comando */
.messaggiomini, .continua, .annulla, .contattaci, .disclaimer, .credits, .celeste, .vocimenu2  { font-size: 11px; color: #0066CC; font-weight: bold;}
.bg_mid_tab { font-size: 11px; color: #003366; font-weight: bold; background-color: #E2EFF8;}

/* La classe form, e' usata attualmente per il form di "segnalazione reazione avversa" */
.form { font-size: 10px; color: #0066CC; font-weight: bold;}

/* La classe celeste2, e' usata nel menu principale */
.vocimenu, .celeste2 { font-size: 11px; color: #0066CC;}

/* La classe celestegrande, deve essere usata nei titoli delle pagine da cui si accede direttamente dal menu */
/* Es. Riepilogo comunicazioni inviate, Gestione liste di distribuzione, Accesso ai listini, Offerte ricevute, ecc*/
.messaggio, .titololistino, .titoloofferta, .celestegrande{ font-size: 15px; color: #0066CC; font-weight: bold;}
.titolo_sez_grande{ font-size: 15px; color: #0066cc; font-weight: bold;}
.applet_scade { font-size: 9px; font-face: Helvetica; color: #0066CC; }

/*nome software aggiornamento software*/
.celestegrande_big{ font-size: 18px; color: #ffffff; background-color: #5883ae; font-weight: bold;}

/* La classe blusfondo, e' utilizzata soprattutto nell'elenco delle offerte per distinguere l'offerta dal resto */
/* dei dati */
.titoletto, .titolettoofferta, .titolettolistino, .blusfondo { font-size: 11px; color: #003366; font-weight: bold; background-color: #E2EFF8;}

.testosfondo { font-size: 10px; color: #003366; background-color: #E2EFF8;}
.bg_menu_head { font-size: 10px; color: #000000; background-color: #C0D5E8; }

/* La classe sitook, e' usata per linkare il sito web della ditta, all'interno dei listini e delle offerte */
/* La classe nosito, e' usata invece per visualizzare le informazioni della ditta o del fornitore nel caso */
/* in cui non sia disponibile un sito web */
.sitook, .nosito { font-size: 13px; color: #0066CC; }

.stampa, .blu { font-size: 11px; color: #003366; font-weight: bold;}
.blumini { font-size: 10px; color: #003366; font-weight: bold;}

.attenzione { font-size: 11px; font-weight: bold; color: #ff0000;}
.rosso { font-size: 11px; font-weight: bold; color: #ff0000; background: #F3F8FB}
.attenzionemini, .rossomini { font-size: 10px; font-weight: bold; color: #ff0000;}

/* Obbligatorio, indica nel form un campo obbligatorio */
.obbligatorio { font-size: 11px; color: #ff0000;}

/* Le classi grigio. grigiomini e nero, sono state utilizzate per la parte del footer, dove ci sono i credits ecc. */
.footer, .grigio { font-size: 10px; color: #666666; font-weight: bold;}
.copy, .grigiomini, .disabled{ font-size: 10px; color: #666666;}
.nero { font-size: 11px; font-weight: bold; color: #000000;}

/* per annullare o confermare un comando */
.foglio, .areatematica, .twig, .bordeaux  { font-size: 11px; color: #990000;}

/* date sopra l'elenco comunicazioni e link aggiuntivi */
/* .datacom  { font-size: 10px; color: #990000;} */
.datacom, .sublink { font-size: 10px; font-style: italic; color: #0066CC;}


/* classe usata per la pagina del logout */
.logout, .manutenzione  { font-size:25px; color: #0066CC; font-weight: bold;}

/* La classe ricercaform, e' usata nel menu di ricerca dei prodotti in bancadati */
.ricercaform { font-size: 10px; color: #0066CC;}

/* La classe msg, è usata per i messaggi di errore */
.msg {font-size: 15px; font-weight: bold; color: #FF3700; background: #FFEAF1}

/* La classe msg, è usata per i messaggi andati a buon fine */
.msgok {font-size: 15px; font-weight: bold; color: #0066CC; background: #F3F7FB}

/* La classe msg, è usata per i messaggi di errore nella richiesta di registrazione*/
.msgno {font-size: 15px; font-weight: bold; color: #FF3700;}

/* La classe msg, è usata per i messaggi andati a buon fine nella richiesta di registrazione*/
.msgyes {font-size: 15px; font-weight: bold; color: #0066CC;}