.t1{
			color: #f00; font-family: 'descartesJS_monospace', sans-serif; font-size: 64px; font-weight: 700; line-height: 60px; margin: 0 0 0; padding: 20px 30px; text-align: center; text-transform: uppercase;
		}
		.t2{
			color: #00f; font-family: 'descartesJS_monospace', sans-serif; font-size: 38px; font-weight: 700; line-height: 40px; margin: 0 0 0; padding: 20px 30px; text-align: center; text-transform: uppercase;
		}
		.t3{
			color: #00f; font-family: 'descartesJS_monospace', sans-serif; font-size: 38px; font-weight: 700; line-height: 64px; margin: 0 0 0; padding: 20px 30px; text-align: center; 
		}
		.t4{
			color: #121ECA; font-family: 'descartesJS_monospace', sans-serif; font-size: 25px; font-weight: 700; margin: 0 0 0; padding: 2px 5px; 
		}
		.t5{
			color: #2D7609; font-family: 'descartesJS_monospace', sans-serif; font-size: 23px; font-weight: 700; margin: 0 0 0; padding: 2px 5px; 
		}
		.t6{
			color: #00f; font-family: 'descartesJS_monospace', sans-serif; font-size: 30px; font-weight: 500; line-height: 24px; margin: 0 0 0; padding: 15px 20px; text-align: left; 
		}
		.t7{
			color: #000; font-family: 'descartesJS_monospace', sans-serif; font-size: 30px; font-weight: 500; line-height: 24px; margin: 0 0 0; padding: 20px 25px; text-align: left; 
		}
		.creditos{
			color: #000; font-family: 'descartesJS_monospace', sans-serif; font-size: 32px; font-weight: 500; line-height: 24px; margin: 0 0 0; padding: 20px 25px; text-align: left; 
		}
		
		.foot {position:absolute; bottom:0; left:0; right:0;color: #000; font-family: 'descartesJS_monospace', sans-serif; font-size: 18px; font-weight: 500; line-height: 16px; text-align: center; 
 
}
		
		#book{
			width:1700px;
			height: 785px;
			margin:15px 5px 5px 90px;
		}
		#book .turn-page{
			background-color:white;
			
		}
		#book .cover{
		
			}
		.page {
			background-color: #F8ECC2;
			background: url(images/page.jpg) no-repeat 1px 50%;
			
		}
		.cover {
			background-color: #F8ECC2;
			background: url(images/cover.png) no-repeat 1px 50%;
			
		}
p {
    color:#000;	font-size:24px; font-family: 'descartesJS_monospace', sans-serif; margin:15px 25px 5px 35px;
	}

a{
			color:#000;	font-size:26px; font-family: 'descartesJS_monospace', sans-serif; margin:15px 25px 5px 5px;
		}

body{
	background:transparent url(images/bg.png) no-repeat 9px -20px;
	font-family: Arial, Helvetica, sans-serif;
	color:#444;
	font-size:12px;
	color: #000;
}

.dropbtn {
    background: url("images/menu2.png" ) no-repeat left top; text-align:center;
    color: white;
    padding: 25px;
	height:30px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	top:0;
	right:10px;
}

.dropdown {
    position: absolute;
    right: 12px;
    top: -5px;
}

.show {display:block;}

.nextbtn {
    background: url("images/next.png" ) no-repeat left top; text-align:center;
    color: white;
    padding: 35px;
	font-size: 16px;
    border: none;
    cursor: pointer;
	top:0;
	right:10px;
}

.nextdown {
    position: absolute;
    right: 10px;
    top: 40%
}

.show {display:block;}

.prevbtn {
    background: url("images/prev.png" ) no-repeat left top; text-align:center;
    color: white;
    padding: 35px;
	height:4px;
	font-size: 16px;
    border: none;
    cursor: pointer;
	top:0;
	right:10px;
	
}

.prevdown {
    position: absolute;
    left: -10px;
    top: 40%;
	
	
}