/*  questo CSS é valido per tutte le WEB page di G10design
    questo deve essere caricato attraverso il sito 00MAIN
    Inserire in questo file tutti gli stili che ricorrono nelle diverse webpage del gruppo G10deisgn (ridurre al minimo gli stili)
    Porre alla fine gli stili che ricorrono solo in alcune pagine */
/* ho dei dubbi se sia la migliore soluzione. Limita la lbierta sui diversi siti. Devo stare attento ad eventuali cambi e devo tornare sul sito per cambiare. Probabilmente va fatto solo per pochi stili. I.E. link e indirizzo a fondo pagina*/

	

.g10link/* questo il link (invisibile) a G10design su ogni pagina */{
	position:absolute;
	left:0px;
	top:-2px;
	width:6px;
	height:6px;
	z-index:30;
		}
.title {
	position:absolute;
	left:11px;
	top:19px;
	width:304px;
	height:90px;
	z-index:7;
	font-size: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #339999;
	letter-spacing: 10px;
}
.title a{
	font-size: 60px;
}




#G10author /*la posizione di un link a g10design . Attenzione. se lo metto qui poi cambia per tutte le pagine. Meglio se lo metto indipendente in ogni sito.*/ {
	position: absolute; /*fixed affinche risulti indipendente dal layer in cui si trova*/
	z-index: 20;
	width:920px;
	left:10px;
	bottom:20px;
	height: 20px;/*giocando con il parametro height posso pareggiare le differenze tra IE e firefox*/
	/*per rendere trasparente il testo*/
	font-size: 10px;
	filter:alpha(opacity=20);/*IE*/
	-moz-opacity:0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;/*mozilla*/
			}
		
#Lay-GDesign {
	position:absolute;
	z-index:22;
	left: 36px;
	bottom: 5px;
}
#Lay-GDadres {
	position:absolute;
	z-index:22;
	height: 30px;
	left: 150px;
	font-size: 10px;
	color: #666666;
	bottom: 0px;
	vertical-align: bottom;
	letter-spacing: normal;
}
		
#lay-fullwidth {
	position:absolute;
	width: 780px;
	left:20px;
	top:245px;
	z-index:25;
	}

#helpnote {
	font-size: 12px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	padding: 10px;
	color: #FF66CC;
	text-align: right;
	position:absolute;
	left:491px;
	top:37px;
	width:180px;
	height:48px;
	z-index:15;
}

.command02 {
	font-size: 32px;
	text-decoration: none;
	text-align: center;
}/*testo standard per i simboli di navigazione*/


.text01 {
	text-align: justify;
	font-size: 12px;
	width: 180px;
	padding-top: 20px;
	padding-left: 20px;
	white-space: normal;
	color: #333333;
	}/*testo standard sulle colonne SX e DX*/

.text01grey {
	font-size: 12px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	padding: 10px;
	color: #666666;
}
.text02grey {
	font-size: 12px;
	border-top-width: 30px;
	border-bottom-width: 30px;
	border-left-width: 30px;
	border-right-width: 30px;
	padding: 30px;
	color: #666666;
}/*testo = al precedente , ma con un bordo maggiore (per esempio per lasciare sufficiente spazio al front-frame in recycle)*/

.text02pink {
	font-size: 14px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	color: #FF66CC;
}
.text02pink a{
	font-size: 14px;
	color: #FF66CC;
}
.txt-speach /*to use i.e. for famous text, or informal comments */{
	font-size: 10px;
	letter-spacing: 1px;
	font-style: italic;	
}
#Lay-Left {
	position:absolute;
	left:0px;
	top:200px;
	height:400px;
	z-index:8;
}
#Lay-textR {
	position:absolute;
	left:600px;
	top:200px;
	height:352px;
	z-index:24;
}

/*qui di seguito i 3 layers delle 3 immagini del prodotto
La immagine del fromt frame é stabilita nel CSS locale, per poter avere differenti formati*/


#L2img {
	position:absolute;
	left: 220px;
	top: 220px;
	width:360px;
	height:360px;
	z-index:3;
	visibility: visible;
}
#L3img {
	position:absolute;
	left: 220px;
	top: 220px;
	width: 360px;
	height: 360px;
	z-index:2;
	visibility: hidden;
}
#L1img {
	position:absolute;
	left: 220px;
	top: 220px;
	width:360px;
	height:360px;
	z-index:1;
	visibility: hidden;
}

/* i seguenti tre stili configurano i 3 layer in cui sono visualizzate le frecce per muoversi 
tra le 3 immagini in successione. Cercare di utilizzarli per tutti i siti del gruppo G10design
L'ordine e' il seguente    02,03,01  Un giorno sarebbe bene cambiarlo  in 1,2,3*/

#lay-next02{
	position: absolute;
	z-index:13;
	top: 540px;
	left: 540px;
	visibility: visible;
	}
#lay-next03{
	position:absolute;
	z-index:12;
	top: 540px;
	left: 540px;
	visibility: hidden;
	}
#lay-next01{
	position:absolute;
	z-index:11;
	top: 540px;
	left: 540px;
	visibility: hidden;
	}


/* qui seguono gli stili relativi alle main pages del gruppo G10design
   Il seguente stile stabilisce la grandezza degli asterischi (non so perché, ma sono necessari entrambi)
   eventualmente is potrebber oinserire anche tute le posizioni degli asterisci,
   aggiungendo anche gli aspterisci che compaiono solo in certe main page.*/
.command01 
{font-size: 24px;}
.command01 a
{font-size: 24px;}