@import "design.css";
@import "_personalizzazione.css";
@import "pulsanti.css";
 /*questo comando imposta i caratteri in modo tale da poterli cambiare*/
html{/*serve per il cambiamento dei caratteri */
	font-size:64%
	}
	.alt{display: none;}
body{
text-align:center; /* per centrare il layout con IE5 */
margin:1em 0.9em;
padding: 2px;
}

#centrato
{ 
/* serve a centrare tutto il layout in maniera efficace con i diversi browser */
width:760px;
margin:0px auto; /* per centrare il layout con i browser rispettosi degli standard */
text-align:left; /* annulla l'allineamento centrato impostato per BODY per centrare il layout con IE5 */
position:relative; /* per gestire il posizionamento assoluto delle colonne */
height: 470px;
}


/*inizio generazione logo*/

#logo h1{ 
/* il logo sostituisce il normale testo applicando un'immagine si 
sfondo al tag H1 (vedi codice XHTML dell'homepage) opportunamente 
dimensionato  */
margin:0;
padding:0px;

height:26px; /* il tag H1 assume le stesse dimensioni dell'immagine del logo */
line-height: 0px;
}
/* fine generazione del logo */


/*inizio generazione logo1*/

#logo1 h1{ 
/* il logo sostituisce il normale testo applicando un'immagine si 
sfondo al tag H1 (vedi codice XHTML dell'homepage) opportunamente 
dimensionato  */
margin:0;
padding:1px;

height:22px; /* il tag H1 assume le stesse dimensioni dell'immagine del logo */
line-height: 0px;
}
/* fine generazione del logo */


/* inzio generazione mappa di navigazione*/
#mappa{
margin: 1 auto;
height: 1.5em;
padding:1px;
}


/* fine generazione mappa di navigazione */


/* inzio generazione corredo*/
#corredo{
background-color: #fc6;
margin: 3 auto;
height: 36px;

}
div#immagini{position: absolute;}

div#immagini img {
	margin: 1px 2px;
	padding: 1px 2px;
}


/* fine generazione corredo */


/* inzio generazione contenuti*/
#contenuti{
left: 0px;
display:block;
margin: 0px;
height:350px;
margin: 3px 0px;
}

#mappapulsanti{
width:20%;
height:350px;
float: left;
margin: 0px;
padding: 0px;
}
#mappapulsantisil{
width:20%;
height:350px;
float: left;
margin: 0px;
padding: 0px;
}

#testo{
height:350px;
width:400px;
float: left;
overflow: auto;
}

#testosil{
height:99%;
width:59%;
float: left;

}


#corredo2d{
width:20%;
height:100%;
float: center;
}


#corredo2d h1{
	left: 0px;
	margin:0px;
	padding:0px;
    height: 100%}


#corredo3d{
width:20%;
height:100%;
float: left;
}


#corredo3d h1{
	left: 0px;
	margin:0px;
	padding:1px;
    height: 100%}
	
#corredo4d{
width:20%;
height:100%;
float: left;
}
#corredo4d h1{
	left: 0px;
	margin:0px;
	padding:1px;
    height: 100%}




/* fine generazione contenuti */



/* inzio generazione bottom*/
#bottom{
margin: 3px auto;
text-align: center;


}
/* fine generazione contenuti */