
.allpage {
		width: 1000px;		
		height: 1200px;		
		margin-left: auto;
		margin-right: auto;
		background-color:#fafafa;		
		}

.grid-container {
	display: grid;
	grid-template-columns: 800px 200px;
	grid-template-rows: 400px 750px 50px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;	
	}
	

#stileTesto{
	font-family:tahoma;	
	color:#000000;
	}
/* SEZIONE 1 - foto, titolo, autore, sottotitolo */
.item1 {
	grid-column:1/span 2;
	grid-row:1;
	}
/* SEZIONE 2 - articolo */
.item2 {
	grid-column:1;
	grid-row:2;
	}
/* SEZIONE 3 - LINK vari */	
.item3 {
	grid-column:2;
	grid-row:2; 
	}
/* FOOTER */	
.item4 {
	grid-column:1/span 2;
	grid-row:3;
	}
	
/* ARTICOLO - titolo, sottotitolo (rosso), autore, testo */ 
#doveFoto {
	position:relative;
	top:0px;
	left:0px;
}
#titolo {
	position:relative;
	top:-330px;
	left:570px;
	width:420px;
	font-size:50px;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}

#autore {
	position:relative;
	top:-290px;
	left:370px;	
	font-size:20px;
	font-style:italic;
	text-align:center;	
}
/* Sottotitolo o inizio articolo che rimane fisso sullo schermo */		
#sottotitolo {
	position:relative;
	top:-240px;
	width:998px;
	left:0px;
	margin-bottom:20px;
	font-size:17px;
	font-weight:500;
	letter-spacing:1px;
	font-style:normal;
	line-height:120%;
	color:#990000;	
}

/* testo articolo */
.articolo {		
	position: relative;
	top:-230px;
	height:700px;	
	font-size:18px;		
	font-family: tahoma;
	font-style: normal;
	letter-spacing:0.3px;
	line-height:150%;
	padding-right:5px;
	margin-right:2px;
	overflow-x:hidden;
	overflow-y:auto;
	}

/* SERIE LINK a DX */
	/* x il background della serie di link */
.spazioLink {
	position:relative;
	top:-930px;	
	left:800px;
	width:200px;
	height:700px;
	background-color:#990000;
	}

/* Back to prima pagina */
#backToPP {
	position:relative;
	top:85px;
	left:20px;
	font-size: 16px;
	font-weight:600;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	color: #000000;	
	background-color: #fafafa;
	box-shadow:3px 3px 3px #000000;
	padding:6px 10px 5px 10px;		/*top-right-bottom-left*/
}
	
#toArchivio {
	position:relative;
	top:185px;
	left:20px;
	font-size: 16px;
	font-weight:600;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	color: #000000;	
	background-color: #fafafa;
	box-shadow:3px 3px 3px #000000;
	padding:6px 31px 5px 31px;		/*top-right-bottom-left*/
}	
	
#toCommentare {
	position:relative;
	top:285px;
	left:20px;
	font-size: 16px;
	font-weight:600;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	color: #000000;	
	background-color: #fafafa;
	box-shadow:3px 3px 3px #000000;
	padding:6px 11px 5px 11px;		/*top-right-bottom-left*/
}	

#toApprofondire {
	position:relative;
	top:385px;
	left:20px;
	font-size: 16px;
	font-weight:600;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	color: #000000;	
	background-color: #fafafa;
	box-shadow:3px 3px 3px #000000;
	padding:6px 7px 5px 7px;		/*top-right-bottom-left*/
}
	
#indietro {
	position:relative;
	top:485px;
	left:-80px;
	font-size:18px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
	text-align:center;	
	color: #fafafa;	
	background-color: #990000;	
	box-shadow:3px 3px 3px #000000;
	padding:6px 7px 5px 7px;
}
/* LINEE ROSSE in basso (legate alla posizione di spaziolink) */
#endLineaUp {
	position:relative;
	top:-900px;
	left:300px;
	width:200px;
	border-top:1px solid #990000;	
}
#endLineaDown {
	position:relative;
	top:-850px;
	left:200px;
	width:400px;	
	border-bottom:1px solid #990000;
}

