/* Basic sample */
@import url('https://fonts.googleapis.com/css?family=Special+Elite');

    html, body {
    margin: 0;
    height: 100%;

}


.boton
	{
		background:none;
		border:0px;
		background-color:rgba(0,0,0,0);
		transition:all 0.4s linear;
	}
	
.boton:hover
{
	 background-color:rgba(0,0,0,0.1);
	 cursor:pointer;
}


body {
    background-color: #333;
	  background: url(../img/hero-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin:0;
	padding:0;
	z-index:999;
}

body.hide-overflow {
    overflow: hidden;
}

/* helpers */

.t {
    display: table;
    width: 100%;
    height: 100%;
}

.tc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.rel {
    position: relative;
}

/* book */

.book {
    margin: 0 auto;
    width: 90%;
    height: 90%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book .page {
    height: 100%;
}

.book .page img {
    max-width: 100%;
    height: 100%;
}



.fondoindice
{
	background-image:url(../img/fondopoema.jpg); 
	text-align:left; 
	font-family:"Poppins", sans-serif; 
}



.book{
	overflow:hidden;
	width:100%;
	height:100%;
		font-family:"Special Elite";
}

.book .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.book .flipbook{
	width:922px;
	height:600px;
	left:-561px;
	top:-390px;

}

.book .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-size:1.8vmin;
}

.book .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.book .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.book .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.book .shadow{
	box-shadow:0 4px 10px #666666;
	}