/* 001-C2_01cssdaOpenpolis */

.allpage {
	width: 1000px;		
	height: 1200px;		
	margin-left: auto;
	margin-right: auto;
	background-color:#fafafa;		
	}
	
/*********************************************************/
/* struttura pagina */		
.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;
	}

/*divisione spazi x foto orizzontale*/
.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;
	}
.item3 {
	grid-column:1;
	grid-row:2;
	border-right:1px solid #fafafa;	
	}
.item4 {
	grid-column:2;
	grid-row:2;   
	}
.item5 {
	grid-column:1/span 2;
	grid-row:3;
	}		
/*********************************************************/
#stileTesto {
	font-family:tahoma;
	color:#000000;
}	
/*********************************************************/
/* stile testata pagina */
#titoloPagina {
	position:relative;
	top:-200px;
	left:0px;	
	color:#ffffff;
	font-size:80px;
	font-weight:600;
	letter-spacing:10px;
	text-shadow:10px 10px 20px #000000;
	text-align:center;
}
	
#didascaliaFoto {
	position:relative;
	top:-60px;
	left:30px;
	font-size:12px;
	font-weight:200;
	color:#ffffff;
}

/* stili testata e archivio */
#titoloPagina {
	position:relative;
	top:-300px;
	left:0px;	
	color:#ffffff;
	font-size:50px;
	font-weight:600;
	text-shadow:5px 5px 8px #000000;
	text-align:center;
}
#stileArchivio {
	position:relative;
	top:170px;
	left:50px;
	font-size:40px;
	font-weight:700;
	letter-spacing:3px;
	color:#990000;
	text-shadow:3px 4px 5px #555555;
}
/*********************************************************/
/* stileTestoTitoloAutore */
#titolo {
	position:relative;
	top:-270px;
	left:360px;
	width:420px;
	height:320px;
	font-size:50px;
	font-weight:600;
	color:#000000;
	line-height:140%;
	text-align:center;
	margin-left:50px;
}
/* Sottotitolo o inizio articolo */
/* rimane fisso sullo schermo */		
#sottotitolo {
	position:relative;
	top:-40px;
	left:10px;
	width:780px;
	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:-285px;
	left:35px;
	width:800px;   /* spazio orizzontale x l'autore*/
	height:30px;	
	font-size:20px;
	font-style:italic;
	text-align:right;	
}

/* testo dell'articolo */
.articolo {		
		position: relative;
		top:-5px;
		left:0px;
		width:750px;
		height:630px;		
		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;
		}
/*********************************************************/
/* stile x LINKS vari */
#toOpenpolis {
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	font-style:normal;
	color:#990000;
	text-shadow:1px 1px 0px #555555;
	text-decoration:none;
	cursor:pointer;
}
/* x il background della serie di link */
  .spazioLink {
	  position:relative;
	  top:65px;	
	  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*/
}	
/*********************************************************/	
/* linee rosse */
#separatoreArticolo {
	position:relative;
	top:5px;
	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;
}