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


body  {												/* corpo della pagina */
		font:100% "Century Gothic", Arial, Helvetica;/* 100%(lascia la grandezza impostata)sequenza carat preferiti */
	background: #666666;							/* colore grigio scuro dei lati */			margin: 0; 								/* fa patire la videata dal punto 0 */
	padding: 0;								/* distanza tra bordo ed inizio contenuto */
	text-align: center;								/* allineamento testo */color: #000000;									/* colore testo */
}



#contenitore { 				/* elemento che contiene tutta la pagina */
	width: 1000px;  		/* larghezza della pagina...senza parti grigie ai lati */
	background: #FFFFFF;	/* colore bianco */
	margin: 0 auto;	/*top(0 se aumenti si vede il grigio sfondo sopra)auto(spazio grig ai lati suddiviso in automatico)*/
}



#header {									/* barra del titolo */
	width:1000px;							/* larghezza*/
	height:150px;							/* altezza */
}




#barraSinistra {			/* vabbò....barra dei pulsanti a sinistra */
	float: left;			/* per far fluttuare la colonna sulla sinistra */
	width: 164px;			/* larghezza colonna */	
	height:auto;			/* altezza automatica */
	background: #FFFFFF;/* sfondo bianco per far vedere spazio tra i pulsanti  se lo levo si vede il grigio di sotto */
	margin-top:20px;
}



.pulsante {						/* pulsanti inseriti nella barra sinistra  sono tutti uguali */	
	background-color:#678cb2;	/* codice per il colore blu */
	margin-bottom:20px;
}

.pulsante_sopra {						/* pulsanti inseriti nella barra sinistra  sono tutti uguali tranne questo che ha il margine anche sopra */	
	background-color:#678cb2;	/* codice per il colore blu */
	margin-bottom:20px;
	margin-top:20px;
}

.corso {	/* elenco puntato per i corsi */
list-style-image:url(/pagine/news/Copyright.gif)						
}


#main {			/* dove va in pratica tutto lo scritto */	
/*top - right - botom - left (molto alto perchè deve andare oltre la barra a sinistra) */
	margin-bottom:3px;
	margin-left:200px;
	margin-right:20px;
	margin-top:40px;
	text-align:left;				/* allineamento testo */
	height:700px;
}


#piede {				/* barra grigia infondo alla pagina */
	background:#DDDDDD; /* sfondo grigio*/
	text-align:justify;	/* allineamento testo */
	margin-right:3px;	/* per far vedere spazio bianco a destra */	
	margin-left:183px;	/* per far vedere spazio bianco a sinistra */
	font-size:12px;
}


#barraInfo {				/* barra pulsanti orizzontale */
	background: #FFFFFF;	/* colore bianco */
	text-align:center;		/* allineamento testo */
	width:1000px;
}


.pulsanteInfo {					/* pulsanti inseriti nella barra orizzontale  tutti tranne lultimo */	background-color:#678cb2;		/* codice per il colore blu */
	margin-right:3px;				/* distanza tra i pulsanti */
	width:164px;	/* larghezza di un pulsante = larghezza totale - 5px*4 (spazio tra pulsanti)/5(numero pulsanti) */
	float:left;				/* per far fluttuare elementi sulla sinistra  uno accanto allaltro */
}


.pulsanteInfoDestra {			/* ultimo pulsante sulla destra della barra */		
	background-color:#678cb2;	/* ha caratteristiche uguali a tutti gli... */	
	width:162px;				/* altri pulsanti tranne il margine  ....*/
	float:left;		/* nn dichiarato  uguale a zero perchè gia distanzaito dal margine del pulsante precedente */
}



.frame {
	border:none;		/* elimino i bordi del frame */
	text-align:left;	/* allineamento testo */
	width:780px;		/* larghezza -->780 per essere centrato all'interno del div main  */
	
}


.generale{
	text-align:left;		/* allineamento testo */
	background:#FFFFFF;		/* colore bianco */
}


h1 {
	font-size:24px;
}


.style3 {
	font-size:12px;
	margin-left:50px;	/* margine per far rientrare il testo della descrizione rispetto al titolo */
}


.style2 {
	font-size:14px;
	text-align:center;
}


.link { 
	color: #000000;
	text-decoration: none;
}


.unTerzo {	
	width:33%;	
	float:left;	
	text-align:center;	
}


.unMezzo {	
	width:50%;	
	float:left;	
	text-align:center;
}