
.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: 500px 750px 50px;
  	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;	
	}
	

#stileTesto  {
	font-family:tahoma;	
	color:#000000;
	}
/* spazio x foto, titolo, autore */
.item1 {
	grid-column:1/span 2;
	grid-row:1;  
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	}
/* spazio x sottotitolo, articolo */
.item2 {
	grid-column:1;
	grid-row:2;
	border-right:1px solid #fafafa;	
	}
/* spazio x 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 */ 
#titolo {
	position:relative;
	top:-430px;
	left:610px;
	width:390px;
	height:320px;
	font-size:50px;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}

/* Sottotitolo o inizio articolo che rimane fisso sullo schermo */		
#sottotitolo {
	position:relative;
	top:-320px;
	left:10px;
	width:980px;
	height:30px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	font-style:italic;
	line-height:120%;
	color:#990000;	
}
#didFoto {
	position:relative;
	top:-425px;
	left:610px;
	width:200px;
	font-size:13px;
	margin-left:10px;
}
/* testo articolo */
.articolo {		
		position: relative;
		top:-260px;
		left:-10px;
		width:750px;
		height:780px;		
		padding-top: 10px;
		padding-left:20px;
		padding-right:10px;
		font-size:17px;		
		font-style: normal;
		font-weight:200;
		letter-spacing:0.3px;
		line-height:150%;
		overflow:auto;
		}

/* SERIE LINK a DX */
	/* x il background della serie di link */
  .spazioLink {
	  position:relative;
	  top:-1050px;	
	  left:770px;
	  width:199px;
	  height:790px;
	  background-color:#cccccc;
	}

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

#toApprofondire {
	position:relative;
	top:385px;
	left:25px;
	font-size: 16px;
	font-weight:600;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	color: #000000;	
	background-color: #fafafa;
	box-shadow: 4px 5px 3px 5px rgba(0,0,0,0.2);
	padding:6px 7px 5px 7px;		/*top-right-bottom-left*/
}
	
#indietro {
	position:relative;
	top:485px;
	left:25px;
	font-size: 18px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
	text-align:center;	
	color: #fafafa;	
	background-color: #990000;
	box-shadow: 4px 5px 3px 5px rgba(0,0,0,0.2);
	padding:6px 7px 5px 7px;
}

/* LINEA ROSSA in basso */

#endLineaDown {
	position:relative;
	top:-1000px;
	left:300px;
	width:400px;	
	border-bottom: 1px solid #990000;
}
