@CHARSET "ISO-8859-1";

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

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


/*Portada*/
#flipbook .hard #portada{
	background:url("../images/portada2.jpg") no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*Contracubierta*/
#flipbook .hard #contracubierta{
	background:url("../images/page10.jpg") no-repeat;
	background-size: 100% 80%;
	margin:auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#flipbook .hard #contacto{
	position: absolute;
	top: 82%;
	right: 0%;
	width: 40%;
	height: 5%;
	text-align: right;
	font: bold 80% "Arial";
	padding-right: 12px;
}


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

#flipbook .pages .cabecera{
	height: 4%;
	width: 95%;
	top: 0%;
	text-align: left;
	border-bottom: solid black 1px;
	font: bold 110% "Arial";
	color:black;
	padding-left: 5%;
	position: absolute;
}
#flipbook .pages .pieDePagina{
	height: 2%;
	width: 100%;
	text-align: center;
	top: 96%;
	font: bold 110% "Arial";
	color:black;
	position: absolute;
}


/*Pagina 2*/
#flipbook .pages #page2{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#flipbook .pages #page2 #textoPage2{
	text-align: justify;
	position: absolute;
	width: 60%;
	max-height: 55%;
	height: auto;
	top: 7%;
	left: 33%;
	font: 2ex "Arial";
	overflow: auto;
	padding-right: 2%;
}
#flipbook .pages #page2 #destacadoPage2{
	position: absolute;
	top: 67%;
	left: 33%;
	width: 56%;
	max-height: 23%;
	height: auto;
	border-radius:10px;
	text-align: justify;
	padding-right:2%;
	padding-left: 1%;
	font: bold 3ex "Arial";
	animation: animacionPage2 2s;
	-moz-animation: animacionPage2 2s;
	-o-animation: animacionPage2 2s;
	-webkit-animation: animacionPage2 2s;
	overflow: auto;
}
#flipbook .pages #fotoPage2{
	width: 30%;
	height: 96%;
	left: 0% ;
	top:4%;
	background-image: url("../images/torre.jpg");
	background-size: 100% 100%;
	position: absolute;
}


/*Pagina 3*/
#flipbook .pages #page3{
	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 #page3 #fotoPage3{
	position: absolute;
	background-image: url("../images/page3.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 52%;
	left: 60% ;
	top:4%;
	border-radius:10px;
}
#flipbook .pages #page3 #destacadoPage3{
	position : absolute;
	width: 45%;
	max-height: 40%;
	height: auto;
	left: 8% ;
	top:15%;
	font: bold 3ex "Arial";
	text-align: justify;
	border: solid black 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 #page3 #textoPage3{
	position: absolute;
	width: 88%;
	max-height: 38%;
	height: auto;
	left: 5% ;
	top:58%;
	font: 2ex "Arial";
	text-align: justify;
	overflow: auto;
}


/*Pagina 4*/
#flipbook .pages #page4{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#flipbook .pages #fotoPage4{
	width: 30%;
	height: 96%;
	left: 0% ;
	top:4%;
	background-image: url("../images/torre.jpg");
	background-size: 100% 100%;
	position: absolute;
}
#flipbook .pages #page4 #destacadoPage4{
	position: absolute;
	width: 50%;
	max-height: 30%;
	height: auto;
	left: 38%;
	top:34%;
	font: bold 3ex "Arial";
	text-align: justify;
	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 #clientesArriba{
	position: absolute;
	width: 61%;
	height: 26%;
	left: 35%;
	top:10%;
	animation: animacionPage4Arriba 2s;
	-moz-animation: animacionPage4Arriba 2s;
	-o-animation: animacionPage4Arriba 2s;
	-webkit-animation: animacionPage4Arriba 2s;
}
#flipbook .pages #page4 #clientesAbajo{
	position: absolute;
	width: 61%;
	height: 30%;
	left: 35%;
	top:66%;
	animation: animacionPage4Abajo 2s;
	-moz-animation: animacionPage4Abajo 2s;
	-o-animation: animacionPage4Abajo 2s;
	-webkit-animation: animacionPage4Abajo 2s;
}



/*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 #fotoPage5{
	position: absolute;
	background-image: url("../images/page5.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 52%;
	left: 60% ;
	top:4%;
	border-radius:10px;
}
#flipbook .pages #page5 #destacadoPage5{
	position : absolute;
	width: 45%;
	max-height: 35%;
	height: auto;
	left: 8% ;
	top:18%;
	font: bold 3ex "Arial";
	text-align: justify;
	border: solid black 1px;
	border-radius:10px;
	padding-left: 2%;
	padding-right: 2%;
	overflow: auto;
}
#flipbook .pages #page5 #proveedores{
	position: absolute;
	width: 90%;
	height: 35%;
	left: 5%;
	top: 60%;
}


/*Pagina 6*/
#flipbook .pages #page6{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#flipbook .pages #fotoPage6{
	width: 30%;
	height: 96%;
	left: 0% ;
	top:4%;
	background-image: url("../images/torre.jpg");
	background-size: 100% 100%;
	position: absolute;
}
#flipbook .pages #textoPage6{
	position: absolute;
	width: 55%;
	height: 15%;
	left: 35% ;
	top:17%;
	font: 2ex "Arial" normal;
	text-align: justify;
}
#flipbook .pages #texto1Page6{
	position: absolute;
	width: 55%;
	height: 10%;
	left: 35% ;
	top:32%;
	font: 2ex "Arial" normal;
	text-align: justify;
	animation: animacionPage6Primero 2s;
	-moz-animation: animacionPage6Primero 2s;
	-o-animation: animacionPage6Primero 2s;
	-webkit-animation: animacionPage6Primero 2s;
}
#flipbook .pages #texto2Page6{
	position: absolute;
	width: 55%;
	height: 10%;
	left: 35% ;
	top:42%;
	font: 2ex "Arial" normal;
	text-align: justify;
	animation: animacionPage6Segundo 3s;
	-moz-animation: animacionPage6Segundo 3s;
	-o-animation: animacionPage6Segundo 3s;
	-webkit-animation: animacionPage6Segundo 3s;
}
#flipbook .pages #texto3Page6{
	position: absolute;
	width: 55%;
	height: 10%;
	left: 35% ;
	top:55%;
	font: 2ex "Arial" normal;
	text-align: justify;
	animation: animacionPage6Tercero 4s;
	-moz-animation: animacionPage6Tercero 4s;
	-o-animation: animacionPage6Tercero 4s;
	-webkit-animation: animacionPage6Tercero 4s;
}
#flipbook .pages #texto4Page6{
	position: absolute;
	width: 55%;
	height: 10%;
	left: 35% ;
	top:65%;
	font: 2ex "Arial" normal;
	text-align: justify;
	animation: animacionPage6Cuarto 5s;
	-moz-animation: animacionPage6Cuarto 5s;
	-o-animation: animacionPage6Cuarto 5s;
	-webkit-animation: animacionPage6Cuarto 5s;
}
#flipbook .pages #texto5Page6{
	position: absolute;
	width: 55%;
	height: 10%;
	left: 35% ;
	top:78%;
	font: 2ex "Arial" normal;
	text-align: justify;
	animation: animacionPage6Quinto 6s;
	-moz-animation: animacionPage6Quinto 6s;
	-o-animation: animacionPage6Quinto 6s;
	-webkit-animation: animacionPage6Quinto 6s;
}





/*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;
}
#flipbook .pages #page7 #fotoPage7Primera{
	position: absolute;
	background-image: url("../images/page7Primera.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 47%;
	left: 60% ;
	top:4%;
	border-radius:10px;
}

#page7Primera2{
	position: absolute;
	background-image: url("../images/page7Primera2.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 85%;
	left: 30% ;
	top:10.5%;
	border-radius:10px;
	z-index: 3;
	visibility: hidden;
}

#page7Segunda2{
	position: absolute;
	background-image: url("../images/page7Segunda2.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 85%;
	left: 30% ;
	top:10.5%;
	border-radius:10px;
	z-index: 3;
	visibility: hidden;
}

#flipbook .pages #page7 #fotoPage7Segunda{
	position: absolute;
	background-image: url("../images/page7Segunda.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 47%;
	left: 60% ;
	top:52%;
	border-radius:10px;
}
#flipbook .pages #page7 #destacadoPage7{
	position : absolute;
	background: url("../images/recorte.jpg") no-repeat center center;
	background-size: 100% 100%;
	width: 48%;
	max-height: 40%;
	height: auto;
	left: 5% ;
	top:12%;
	font: bold 3ex "Arial";
	text-align: justify;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	padding-left: 2%;
	padding-right: 2%;
	overflow: auto;
}
#flipbook .pages #page7 #destacadoPage7Segundo{
	position : absolute;
	background: url("../images/recorte.jpg") no-repeat center center;
	background-size: 100% 100%;
	width: 48%;
	max-height: 30%;
	height: auto;
	left: 5% ;
	top:57%;
	font: bold 3ex "Arial";
	text-align: justify;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	padding-left: 2%;
	padding-right: 2%;
	overflow: auto;
}


/*Pagina 8*/
#flipbook .pages #page8{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
#flipbook .pages #page8 #fotoPage8{
	width: 30%;
	height: 96%;
	left: 0% ;
	top:4%;
	background-image: url("../images/torre.jpg");
	background-size: 100% 100%;
	position: absolute;
}
#flipbook .pages #page8 #textoPage8{
	width: 60%;
	height: 75%;
	left: 35% ;
	top:15%;
	position: absolute;
	font: 2ex "Arial" normal;
	text-align: justify;
	overflow: auto;
}



/*Pagina 9*/
#flipbook .pages #page9{
	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 #page9 #fotoPage9Primera{
	position: absolute;
	background-image: url("../images/page9Primera.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 47%;
	left: 60% ;
	top:4%;
	border-radius:10px;
}

#page9Primera2{
	position: absolute;
	background-image: url("../images/page9Primera2.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 85%;
	left: 30% ;
	top:10.5%;
	border-radius:10px;
	z-index: 3;
	visibility: hidden;
}

#page9Segunda2{
	position: absolute;
	background-image: url("../images/page9Segunda2.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 85%;
	left: 30% ;
	top:10.5%;
	border-radius:10px;
	z-index: 3;
	visibility: hidden;
}


#flipbook .pages #page9 #fotoPage9Segunda{
	position: absolute;
	background-image: url("../images/page9Segunda.jpg");
	background-size: 100% 100%;
	width: 45%;
	height: 47%;
	left: 60% ;
	top:52%;
	border-radius:10px;
}
#flipbook .pages #page9 #destacadoPage9{
	position : absolute;
	background: url("../images/recorte.jpg") no-repeat center center;
	background-size: 100% 100%;
	width: 48%;
	max-height: 62%;
	height: auto;
	left: 5%;
	top:19%;
	font: bold 3ex "Arial";
	text-align: justify;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	padding-left: 2%;
	padding-right: 2%;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, version anterior de safari */
	-moz-opacity: 1;       /* firefox, mozilla, netscape */
	-webkit-opacity: 1;	   /* chrome */
	opacity: 1;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: absolute;
	animation: animacionPage9 10s;
	-moz-animation: animacionPage9 10s;
	-o-animation: animacionPage9 10s;
	-webkit-animation: animacionPage9 10s;
	overflow: auto;
}



/*  ---------------  Animaciones  ---------------  */

/*Pagina 2*/
@keyframes animacionPage2{
	from{top: 55%;left: -100%;}
	to{top: 67%;left: 33%;}
}
@-moz-keyframes animacionPage2{
	from{top: 55%;left: -100%;}
	to{top: 67%;left: 33%;}
}
@-o-keyframes animacionPage2{
	from{top: 55%;left: -100%;}
	to{top: 67%;left: 33%;}
}
@-webkit-keyframes animacionPage2{
	from{top: 55%;left: -100%;}
	to{top: 67%;left: 33%;}
}



/*Pagina 4*/
@keyframes animacionPage4Arriba{
	from{top: -100%;left: 0%;}
	to{top: 10%;left: 35%;}
}
@-moz-keyframes animacionPage4Arriba{
	from{top: -100%;left: 0%;}
	to{top: 10%;left: 35%;}
}
@-o-keyframes animacionPage4Arriba{
	from{top: -100%;left: 0%;}
	to{top: 10%;left: 35%;}
}
@-webkit-keyframes animacionPage4Arriba{
	from{top: -100%;left: 0%;}
	to{top: 10%;left: 35%;}
}

@keyframes animacionPage4Abajo{
	from{top: 150%;left: 0%;}
	to{top: 66%;left: 35%;}
}
@-moz-keyframes animacionPage4Abajo{
	from{top: 150%;left: 0%;}
	to{top: 66%;left: 35%;}
}
@-o-keyframes animacionPage4Abajo{
	from{top: 150%;left: 0%;}
	to{top: 66%;left: 35%;}
}
@-webkit-keyframes animacionPage4Abajo{
	from{top: 150%;left: 0%;}
	to{top: 66%;left: 35%;}
}


/*Pagina 6*/
@keyframes animacionPage6Primero{
	from{top: 32%;left: -100%;}
	to{top: 32%;left: 35%;}
}
@-moz-keyframes animacionPage6Primero{
	from{top: 32%;left: -100%;}
	to{top: 32%;left: 35%;}
}
@-o-keyframes animacionPage6Primero{
	from{top: 32%;left: -100%;}
	to{top: 32%;left: 35%;}
}
@-webkit-keyframes animacionPage6Primero{
	from{top: 32%;left: -100%;}
	to{top: 32%;left: 35%;}
}

@keyframes animacionPage6Segundo{
	from{top: 42%;left: -100%;}
	to{top: 42%;left: 35%;}
}
@-moz-keyframes animacionPage6Segundo{
	from{top: 42%;left: -100%;}
	to{top: 42%;left: 35%;}
}
@-o-keyframes animacionPage6Segundo{
	from{top: 32%;left: -100%;}
	to{top: 42%;left: 35%;}
}
@-webkit-keyframes animacionPage6Segundo{
	from{top: 42%;left: -100%;}
	to{top: 42%;left: 35%;}
}

@keyframes animacionPage6Tercero{
	from{top: 55%;left: -100%;}
	to{top: 55%;left: 35%;}
}
@-moz-keyframes animacionPage6Tercero{
	from{top: 55%;left: -100%;}
	to{top: 55%;left: 35%;}
}
@-o-keyframes animacionPage6Tercero{
	from{top: 55%;left: -100%;}
	to{top: 55%;left: 35%;}
}
@-webkit-keyframes animacionPage6Tercero{
	from{top: 55%;left: -100%;}
	to{top: 55%;left: 35%;}
}

@keyframes animacionPage6Cuarto{
	from{top: 65%;left: -100%;}
	to{top: 65%;left: 35%;}
}
@-moz-keyframes animacionPage6Cuarto{
	from{top: 65%;left: -100%;}
	to{top: 65%;left: 35%;}
}
@-o-keyframes animacionPage6Cuarto{
	from{top: 65%;left: -100%;}
	to{top: 65%;left: 35%;}
}
@-webkit-keyframes animacionPage6Cuarto{
	from{top: 65%;left: -100%;}
	to{top: 65%;left: 35%;}
}

@keyframes animacionPage6Quinto{
	from{top: 78%;left: -100%;}
	to{top: 78%;left: 35%;}
}
@-moz-keyframes animacionPage6Quinto{
	from{top: 78%;left: -100%;}
	to{top: 78%;left: 35%;}
}
@-o-keyframes animacionPage6Quinto{
	from{top: 78%;left: -100%;}
	to{top: 78%;left: 35%;}
}
@-webkit-keyframes animacionPage6Quinto{
	from{top: 78%;left: -100%;}
	to{top: 78%;left: 35%;}
}


/*Pagina 9*/

@keyframes animacionPage9{
	from{filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	-webkit-opacity: 0;	   /* chrome */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to{filter: alpha(opacity=1); /* internet explorer */
	-khtml-opacity: 100;      /* khtml, version anterior de safari */
	-moz-opacity: 100;       /* firefox, mozilla, netscape */
	-webkit-opacity: 100;	   /* chrome */
	opacity: 100;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}
@-moz-keyframes animacionPage9{
	from{filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	-webkit-opacity: 0;	   /* chrome */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to{filter: alpha(opacity=1); /* internet explorer */
	-khtml-opacity: 100;      /* khtml, version anterior de safari */
	-moz-opacity: 100;       /* firefox, mozilla, netscape */
	-webkit-opacity: 100;	   /* chrome */
	opacity: 100;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}
@-o-keyframes animacionPage9{
	from{filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	-webkit-opacity: 0;	   /* chrome */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to{filter: alpha(opacity=1); /* internet explorer */
	-khtml-opacity: 100;      /* khtml, version anterior de safari */
	-moz-opacity: 100;       /* firefox, mozilla, netscape */
	-webkit-opacity: 100;	   /* chrome */
	opacity: 100;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}
@-webkit-keyframes animacionPage9{
	from{filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	-webkit-opacity: 0;	   /* chrome */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to{filter: alpha(opacity=1); /* internet explorer */
	-khtml-opacity: 100;      /* khtml, version anterior de safari */
	-moz-opacity: 100;       /* firefox, mozilla, netscape */
	-webkit-opacity: 100;	   /* chrome */
	opacity: 100;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}