body, h2, p {
	margin: 0;
	padding: 0;
}

body {
	background-color: #444;
	color: #333;
	font-family: Helvetica, sans-serif;
}

#book {
	background: url("book.png") no-repeat;
	position: absolute;
	width: 829px;
	height: 520px;
	left: 50%;
	top: 45px;
	margin-left: -400px;
	/*margin-top: -95px;*/
}
#button-left {
    background-color: white;
    display: inline;
	float: left;
	margin-top: 300px;;
	
	
}
#chiai{
   float:right;
  
}

#button-aiuto{
    position: absolute;
	left: 250px;
	top: 5px;
   
	
	
}
#button-right {
    background-color: white;
    display: inline;
	float: right;
	margin-top: 300px;
	
}
#pages section {
    
	display: block;
	width: 799px;
	height: 500px;
	position: absolute;
	left: 16px;
	top: 5px;
	overflow: hidden;
}
#pages section  div{
	
	display: block;
	
	
}
.page-left0{
    float:left;
	background-color:#444;
    width: 399px;
	height: 495px;
	position: absolute;
	left: 0px;
	top: 0px;
	
	overflow: hidden;
}
.page-left-end {
	float:left;
	background-color: #bf8a86; /*#D1C6A1; /*#BFB593; /*#ada485;*/
	background-image: url("a11.JPG");
	background-position: center top;
	background-size: 100% auto;
    width: 399px;
	height: 493px;
	position: absolute;
	left: 0px;
	top: 0px;
	
	overflow: hidden;
}
.page-right-end{
    float:left;
	background-color:#444;
    width: 400px;
	height: 493px;
	position: absolute;
	left: 402px;
	top: 0px;
	overflow: hidden;
	
}
.page-right0 {
		float:left;
		background-color: #bf8a86; /*#D1C6A1; /*#BFB593; /*#ada485;*/
		background-image: url("a11.JPG");
		background-position: center top;
		background-size: 100% auto;

		width: 400px;
		height: 493px;
		position: absolute;
		left: 402px;
		top: 0px;
		overflow: hidden;
		font-size: 16px;

}
.page-right0 h1 {
		padding-top: 0px;
		font-size: 32px;
		text-align: center;
		color: goldenrod;
}
.page-right0 h2{
		padding: 3px 30px;
		line-height: 1.5em;
		text-align: justify;
		
		
	}
.page-right0 h3{
		
		font-size: 18px;
		font-style: italic;
		text-align: center;
		
	}
.page-right0 h4{
		position: absolute;
		bottom: 10px;
		left: 0;
		right:0;
		font-size: 14px;
		
		text-align: center;
	}
.page-left, .page-left-mista{
    float:left;
	background: url("bookl.png") no-repeat;
    width: 399px;
	height: 493px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.page-left-mista{
   text-align: center;
   
}
.page-left>img {   /*img è child diretto di page-left*/

	
	/*width: 380px;*/
	/*height: 460px;*/  
	/*creare immagini jpg con larghezza massima 380 e altezza massima 480*/
	/*un formato A4 è circa height= width * 1.4	*/
	margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;

	
}
.centrato{

	margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.page-right, .page-right1 {
		float:left;
		background: url("bookr.png") no-repeat;
		
		width: 400px;
		height: 493px;
		position: absolute;
		left: 402px;
		top: 0px;
		overflow: hidden;
		font-size: 16px;
		
}


.page-right h1, .page-left-mista h1  {
		padding-top: 100px;
		font-size: 24px;
		text-align: center;
		color: goldenrod;
	}
.page-right h3, .page-left-mista h13{
		
		font-size: 18px;
		font-style: italic;
		text-align: center;
	}
.page-right h4, .page-left-mista h4 {
		
		font-size: 14px;
		
		text-align: center;
	}
.page-right p, .page-left-mista p, .page-right0 p,
.page-right h2, .page-left-mista h2{
		padding: 3px 30px;
		line-height: 1.5em;
		text-align: justify;
		
	}
.page-right h2,  .page-left-mista h2 {
		margin: 15px 0 10px;
	}
.rientro{
		margin-left: 20px;
		color: goldenrod;
		font-size: 24px;
	}
#pie {
    
   margin-top: 200px;
   font-size: 12px;
   font-style:  normal;
}
#pageflip-canvas {
	position: absolute;
	z-index: 100;
}
#divflip {
	   
	height: 493px;
	position: absolute;
	left: 0x;
	top: 0px;
	overflow: hidden;
	max-width: 399px;
	width:0px;
	z-index: 101;
	
}
#canvas-sec {
	position: absolute;
	z-index: 200;
	
}
.npag, #coc {
   position: absolute;
   bottom: 20px;
   left: 0px;
   right: 0px;
   text-align: center;
   font-size: 12px;
   font-weight: bold;

}
#divind {
   position: absolute;
   left:300px;
   top: 0px;
   border-left: 22px solid #ada485;
   border-right: 22px solid #ada485;
   border-top: 6px solid #ada485;
   border-bottom: 6px solid #ada485;
   /*display:none;*/
    z-index: 102;
}

#aiuto {
   position: absolute;
   width: 829px;
   
   left: 50%;
   top: 45px;
   margin-left: -400px;
   background-color:white;
   border: 2px solid #ada485;
   
   display:none;
   z-index: 103;
}
#aiuto img{
   margin: 0px auto;
   
}

#index {
  line-height: 18px;
  font-size: 14px;
  display: none;
  padding: 0px;
 
}

#indice {
	line-height: 18px;
    font-size: 14px;
	display: inline;
	
}

#index a, #index a:active, #index a:visited, #indice a, #indice a:active, #indice dt a:visited {
	display:block; 
	padding:2px; 
	color:#333; 
	text-decoration:none; 
	background: white; /*#eaf0f2; */
	
}
#index a:hover, #indice a:hover {
	background: #d9e1e4; 
	color: #000;
}
#toppao {
	
	background-color:#444;
    width: 415px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#toppav {
	
	background-color:#444;
    width: 20px;
	height: 520px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#toppab {
	
	background-color:#444;
    width: 415px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 500px;
	display: block;
}
#toppamb {
	
	background: url("bookm.png") no-repeat;
    width: 12px;
	height: 5px;
	position: absolute;
	left: 415px;
	top: 500px;
	display: block;
}
#toppamt {
	
	background: url("bookm.png") no-repeat;
    width: 12px;
	height: 5px;
	position: absolute;
	left: 415px;
	top: 0px;
	display: block;
}

#toppal {
	
	background-color: gray; /*#000;*/
    width: 1px;
	height: 500px;
	position: absolute;
	left: 418px;
	top: 0px;
	display: block;
	z-index: 99;
}


#topparv {
	
	background-color:#444;
    width: 20px;
	height: 520px;
	position: absolute;
	left: 809px;
	top: 0px;
	display: none;
}
#topparo {
	
	background-color:#444;
    width: 0px;   /*max 415*/
	height: 20px;
	position: absolute;
	/*left: 418px;*/
	right: -5px;
	top: 0px;
	display: none;
}
#topparb {
	
	background-color:#444;
    width: 0px;  /*max 415*/
	height: 24px;
	position: absolute;
	/*left: 418px;*/
	right: -5px;
	top: 498px;
	display: none;
}


#topparl {
	
	background-color: gray; /*#000;*/
    width: 3px;
	height: 505px;
	position: absolute;
	left: 415px;
	top: 0px;
	display: none;
	z-index: 99;
}
#control {
 display: none;
}