/* Posizionamento del footer in fondo alla pagina */
html, body {height: 100%;} 
body{
	margin:0;
	
	
	padding:0 25%;
	

}

p{ font-size:24px;}

.bor{margin-left:20px;
font-family:"Times New Roman";
 font-style:italic;
 	color:#000;	
}


.bordo{border:#FFF solid 10px:
}
h1{ 
	margin:0;
	min-width:300px;
	padding: 2% 0 1% 0 ;
	font-size:45px;

}

p.last{ padding-bottom: 5em;}

/* Barra di navigazione inferiore */
#nav{	
	width:100%;
	clear: both;
	border-top: 1px dotted #999;
	background-color:rgba(0,0,0,.1); /* = a #nav:hover, #prev:hover, #next:hover */
}
.fixed{
	position:fixed;
	bottom:0;
	left:0;
	z-index:1000;
}
#nav a{ 
    display: block;
	text-decoration: none; 

	color:white;
    height: 30px; 
	line-height:30px;
	text-decoration: none; 

	color:white;
}
#nav a:first-child{
	float:left; 
	margin-left:1em;
}
#nav a:last-child{
	float:right; 
	margin-right:1em;
}

/* prev || next */
#prev, #next{
	position: fixed;
	width: 40px;
	height:40px;
	border-radius: 20px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	font-size:.5em;
	top:50%;
	margin-top: -20px;
	color:white;
	background-color:rgba(0,0,0,.1);
}
#prev{left:-25px;}
#next{right:-25px;}
/* Triangoli */
#prev span, #next span{
	display:inline-block;
	width:0px;
	height:0px;
	margin-top: 12px;
	
	border: 8px solid transparent;
}
#prev span{
	margin-left:-10px;
	border-right-color:white;
}
#next span{
	margin-right:-10px;
	border-left-color: white;
}
#prev:hover{left:-5px;}
#next:hover{right:-5px;}

/* Transizioni */
#nav:hover, #next:hover, #prev:hover{
	transition:.5s;	
	background-color:rgba(0,0,0,.9);/* = a #nav */
}
#nav:hover, #prev:hover, #next:hover{} 

@media (max-width: 480px) { /* Mobile */
	#nav{	
		width:100%;
		height: 64px; 
		text-align:center;
		clear: both;
		font-size:.9em;
	}
	#nav a:first-child, #nav a:last-child{		
		float:none; 
		margin:0 0 2px 0;
	}
	
	#nav a:first-child{
		border-bottom: 2px solid white;
	}
	
	.fixed{
		/*position:static;*/
	}
	h1{ 
		min-width:100%;
	}

	
}