/* 01GalliDellaLoggia.css */
.allpage {
	width: 1000px;		
	height: 1200px;		
	margin-left: auto;
	margin-right: auto;
	background-color:#fafafa;		
	}
		
/*crea struttura pagina con GRID*/
.grid-container {
	display: grid;
	grid-template-columns: 800px 199px;
	grid-template-rows: 400px 750px 50px;
  	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;	
	border: 1px solid #fafafa;
	}

/* spazio in alto - item 1 e 2 */
.item1 {
	grid-column:1;
	grid-row:1;  
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	}
.item2 {
	grid-column:2;
	grid-row:1;
	border-bottom: 1px solid #fafafa;
	}
	
/* spazio principale */	
.item3 {
	grid-column:1;
	grid-row:2;
	border-right:1px solid #fafafa;	
	}
	
/* spazio LINKS */		
.item4 {
	grid-column:2;
	grid-row:2;   
	}
	
/* footer */	
.item5 {
	grid-column:1/span 2;
	grid-row:3;
	}

/* stile TITOLO SOTTOTITOLO AUTORE TESTO-ARTICOLO */
#titolo {
	position:relative;
	top:-270px;
	left:430px;
	width:500px;
	height:320px;
	font-size:30px;
	font-weight:600;
	line-height:110%;
	text-align:center;
}
/* Sottotitolo o inizio articolo */
/* rimane fisso sullo schermo */		
#sottotitolo {
	position:relative;
	top:-70px;
	left:15px;
	width:990px;
	height:30px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	font-style:italic;
	line-height:120%;
	color:#990000;	
}

#autore {
	position:relative;
	top:-350px;
	left:35px;
	width:950px;
	height:30px;	
	font-size:14px;
	font-style:italic;
	text-align:right;	
}
#didFoto {
	position:relative;
	top:-340px;
	left:440px;
	font-size:12px;
}
.articolo {		
	position: relative;
	top:55px;
	left:0px;
	width:750px;
	height:640px;		
	padding-top: 10px;
	padding-left:20px;
	padding-right:10px;
	font-size:17px;		
	font-family: tahoma;
	font-style: normal;
	font-weight:200;
	letter-spacing:0.3px;
	line-height:150%;
	overflow:auto;
	}
	
	
/* css x LINK vari */
/* x il background dei link */
.spazioLink {
	  position:relative;
	  top:95px;	
	  left:6px;
	  width:199px;
	  height:660px;
	  background-color:#990000;
	}

/* 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;
}

/* linee rosse */
#separatoreArticolo {
	position:relative;
	top:-15px;
	left:300px;
	width:200px;
	border-top: 1px solid #990000;	
}	
#endLineaUp {
	position:relative;
	top:0px;
	left:400px;
	width:200px;
	border-top: 1px solid #990000;	
}
#endLineaDown {
	position:relative;
	top:50px;
	left:300px;
	width:400px;	
	border-bottom: 1px solid #990000;
}