@CHARSET "ISO-8859-1";

#flipbook{
	height: 100%;
	width: 98%;
	position: absolute;
	z-index: 1;
}

#flipbook .hard{
	background-color: #FFFFFF;
}

#flipbook .hard #portada{
	background:url("../images/portada.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	width: 100%;
	height: 90%;
	position: absolute;
	top: 7%;
	overflow: hidden;
}

#flipbook .hard #contracubierta{
	width: 100%;
	height: 100%;
	background-color: #808080;
}

#flipbook .hard #fotoContracubierta{
	width: 50%;
	height: 40%;
	position: absolute;
	top: 25%;
	left: 25%;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
}

#fotoContracubierta #logo{
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 30%;
	background:url("../images/logo.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	overflow: hidden;
}

#fotoContracubierta #texto{
	position: absolute;
	top: 45%;
	left: 10%;
	width: 80%;
	height: 30%;
	font: bold 70% "Arial";
	text-align: center;
	text-shadow: silver;
}



#flipbook .pages{
	background-color: #FFFFFF;
	overflow: hidden;
}

#flipbook .cabeceraDerecha{
	height: 6%;
	width: 85%;
	top: 0%;
	left: 2.3%;
	text-align: left;
	font: bold 100% "Arial";
	border-left: solid #DCDCDC 1px;
	color:green;
	padding-left: 5%;
	padding-right: 15%;
	position: absolute;
	border-bottom: 4px #DEB887 solid;
}
#flipbook .bajoCabeceraDerecha{
	height: 0.2%;
	width: 100%;
	top: 7%;
	left: 2.3%;
	border-left: solid #DCDCDC 1px;
	position: absolute;
	border-bottom: 2px #DEB887 solid;
}

#flipbook .cabeceraIzquierda{
	height: 6%;
	width: 85%;
	top: 0%;
	text-align: left;
	font: bold 100% "Arial";
	color:green;
	padding-left: 5%;
	padding-right: 15%;
	position: absolute;
	border-bottom: 4px #DEB887 solid;
}

#flipbook .pages .pieDePagina{
	height: 2%;
	width: 100%;
	text-align: center;
	top: 96%;
	font: 70% "Arial";
	color:black;
	position: absolute;
}

/*Pagina 2*/
#flipbook .pages #page2{
	width: 100%;
	height: 100%;
	background-color: #DADADA;
}

#page2 #fotoPage2{
	background:url("../images/imagenPaginaVacia.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	width: 20%;
	height: 20%;
	position: absolute;
	top: 40%;
	left: 40%;
	overflow: hidden;
}

/*Pagina 3*/
#flipbook .pages #page3{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background: linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -webkit-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -moz-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -o-linear-gradient(left,#A4A4A4 0%, white 3%);
	border-left: solid #A4A4A4 1px;
}
#flipbook .pages #page3 #texto{
	text-align: justify;
	position: absolute;
	width: 70%;
	height: 80%;
	top: 12%;
	left: 10%;
	font: bold 80% "Arial";
}
#page3 a{
	color: black;
	text-decoration: none;
}
#page3 a:hover{
	color: black;
	text-decoration: none;
}

#page3 #indice{
	width: 100%;
	height: 100%;
	list-style:none;
 	list-style-position:inside;
}

#page3 #indice .puntosIndice{
	float: none;
	position:relative;
	width: 90%;
	height: 8%;
	color: black;
	text-align: left;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice ul#puntoOcho{
	position:absolute;
	width: 100%;
	display:none;
	left:20px;
	top: -50px;
	z-index:1;
	color:black;
	text-align: left;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice ul#puntoSiete{
	position:absolute;
	width: 100%;
	display:none;
	left:20px;
	top: -15px;
	z-index:1;
	color:black;
	text-align: left;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice .subpuntosIndice{
	background-color: #DCDCDC;
	width:100%;
	height: 30px;
	border-bottom:1px black dashed;
	border-left:1px black solid;
	border-right:1px black solid;
	color:black;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice .primero{
	background-color: #DCDCDC;
	width:100%;
	height: 30px;
	border-bottom:1px black dashed;
	border-left:1px black solid;
	border-right:1px black solid;
	border-top:1px black solid;
	color:black;
	border-radius:5px 5px 0 0;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice .ultimo{
	background-color: #DCDCDC;
	width:100%;
	height: 30px;
	border-bottom:1px black solid;
	border-left:1px black solid;
	border-right:1px black solid;
	color:black;
	border-radius: 0 0 5px 5px;
	list-style:none;
 	list-style-position:inside;
}

.puntosIndice:hover{
	color:white;
	background-color: #DCDCDC;
	border: 1px black solid;
	border-radius: 5px 5px 5px 5px;
	height: 5%;
}

.puntosIndice:hover > ul#puntoOcho{
	display:block;
	color:white;
}

.puntosIndice:hover > ul#puntoSiete{
	display:block;
	color:white;
}


/*Pagina 4*/
#flipbook .pages #page4{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

#flipbook .pages #page4 #fotoPage4{
	position: absolute;
	background-image: url("../images/imagen.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 30%;
	left: 60% ;
	top:15%;
	border-radius:10px;
}

#flipbook .pages #page4 #destacadoPage4{
	position : absolute;
	width: 45%;
	max-height: 35%;
	height: auto;
	left: -50% ;
	top:10%;
	font: bold 80% "Arial";
	text-align: justify;
	border: solid green 1px;
	border-radius:10px;
	box-shadow: -5px 10px 7px rgba(0,0,0,0.5);
	padding-left: 2%;
	padding-right: 2%;
	overflow: auto;
}

#flipbook .pages #page4 #textoPage4{
	position: absolute;
	width: 88%;
	max-height: 45%;
	height: auto;
	left: 5% ;
	top:60%;
	font: 70% "Arial";
	text-align: justify;
	overflow: auto;
}




/*Pagina 5*/
#flipbook .pages #page5{
	width: 100%;
	height: 100%;
	background: linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -webkit-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -moz-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -o-linear-gradient(left,#A4A4A4 0%, white 3%);
	border-left: solid #A4A4A4 1px;
}

#flipbook .pages #page5 #textoPage5{
	position: absolute;
	width: 88%;
	max-height: 40%;
	height: auto;
	left: 5% ;
	top:10%;
	font: 70% "Arial";
	text-align: justify;
	overflow: auto;
}


/*Pagina 6*/
#flipbook .pages #page6{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}


/*Pagina 7*/
#flipbook .pages #page7{
	width: 100%;
	height: 100%;
	background: linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -webkit-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -moz-linear-gradient(left,#A4A4A4 0%, white 3%);
	background: -o-linear-gradient(left,#A4A4A4 0%, white 3%);
	border-left: solid #A4A4A4 1px;
}

#page7 #tabla{
	background:url("../images/tabla.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	width: 90%;
	height: 35%;
	position: absolute;
	top: 7%;
	left: 5%;	
	overflow: hidden;
}

#tablaPage7Grande{
	background:url("../images/tabla.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	width: 70%;
	height: 60%;
	position: absolute;
	top: 20%;
	left: 15%;	
	overflow: hidden;
	z-index: 3;
	visibility: hidden;
	border: solid 2px green;
}