@CHARSET "ISO-8859-1";

#libro{
	height: 100%;
	width: 100%;
	-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    z-index: 2;
}

#libro .hard{
	background-color: #58a0e3;
	overflow: hidden;
}

#libro .pages{
	background-color: #58a0e3;
	overflow: hidden;
	background: linear-gradient(left,#2c65d3 0%, #58a0e3 15%);
	background: -webkit-linear-gradient(left,#2c65d3 0%, #58a0e3 15%);
	background: -moz-linear-gradient(left,#2c65d3 0%, #58a0e3 15%);
	background: -o-linear-gradient(left,#2c65d3 0%, #58a0e3 15%);
	background: -ms-linear-gradient(left,#2c65d3 0%, #58a0e3 15%);
	border-left: solid #B4B4B4 1px;
}

#libro .pages #portada{
	width: 100%;
	height: 100%;
	background-color: #58a0e3;
	background: url("../images/portada3c.jpg") no-repeat center center;
	background-size: 100% 100%;
}


#libro .hard #portada{
	width: 100%;
	height: 100%;
	background-color: #58a0e3;
	background: url("../images/portada3c.jpg") no-repeat center center;
	background-size: 100% 100%;
}

#libro .hard #contracubierta{
	width: 100%;
	height: 100%;
	background-color: #58a0e3;
	background: url("../images/portada2b.jpg") no-repeat center center;
	background-size: 100% 100%;
}

#libro .pages #contracubierta{
	width: 100%;
	height: 100%;
	background-color: #58a0e3F;
	background: url("../images/portada2b.jpg") no-repeat center center;
	background-size: 100% 100%;
}

#libro .pages{
	background-color: #58a0e3;
	overflow: hidden;
}

#libro .pages .cabeceraDerecha{
	height: 5%;
	width: 85%;
	top: 0%;
	left: 2.3%;
	text-align: left;
	font: bold 100% "Arial";
	/*border-left: solid #DCDCDC 1px;*/
	padding-left: 5%;
	padding-bottom: 1px;
	padding-right: 15%;
	padding-top: 5px;
	position: absolute;
	border-bottom: 2px #DCDCDC solid;
	color: #1f6f91;
}


#libro .pages .cabeceraIzquierda{
	height: 5%;
	width: 85%;
	top: 0%;
	text-align: left;
	font: bold 100% "Arial";
	padding-left: 5%;
	padding-bottom: 1px;
	padding-right: 15%;
	padding-top: 5px;
	position: absolute;
	border-bottom: 2px #DCDCDC solid;
	color: #1f6f91;
}

#libro .pages .logoCabecera{
	position: absolute;
	top: 0%;
	left: 75%;
	width: 15%;
	height: 100%;
	background: url("../images/logo.jpg") no-repeat;
	background-size: 100% 100%;
}

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

/*Pagina 2*/
#libro .pages #page2{
	width: 100%;
	height: 100%;
	background-color: #CCFFFF;
	background: linear-gradient(bottom,#CAF5F5 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(bottom,#CAF5F5 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(bottom,#CAF5F5 0%, #FFFFFF 100%);
	background: -o-linear-gradient(bottom,#CAF5F5 0%, #FFFFFF 100%);
	background: -ms-linear-gradient(bottom,#CAF5F5 0%, #FFFFFF 100%);
	-moz-box-shadow: 10px 10px 5px red;
-webkit-box-shadow: 10px 10px 5px red;
box-shadow: 10px 10px 5px red;
}

#libro .pages #page2 #foto{
	position: absolute;
	top: 60%;
	left: 5%;
	width: 50%;
	height: 30%;
	background: url("../images/logo_page2.jpg") no-repeat center center;
	/*background-size: 100% 100%;*/
	/*border-radius: 10px 10px 10px 10px;*/
}

#libro .pages #page2 #textoArriba{
	position : absolute;
	width: 80%;
	max-height: 50%;
	height: auto;
	left: 10%;
	top: 12%;
	font: bold 90% "Arial";
	text-align: justify;
	overflow: auto;
	color: #2F4F4F;
}

#libro .pages #page2 #textoAbajo{
	position : absolute;
	width: 70%;
	max-height: 25%;
	height: auto;
	left: 10%;
	top: 75%;
	font: 80% "Arial";
	text-align: justify;
	overflow: auto;
	color: #2F4F4F;
}

/*Pagina 3*/
#libro .pages #page3{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background: linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -webkit-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -moz-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -o-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -ms-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	border-left: solid #B4B4B4 1px;
}


#libro .pages #page3 #logo2{
	position: absolute;
	top: 4%;
	left: 5%;
	width: 80%;
	height: 20%;
	background: url("../images/logo_page3.jpg") no-repeat center center;
	background-size: 100% 100%;
	border-radius: 10px 10px 10px 10px;
}

#libro .pages #page3 #buscador{
	position: absolute;
	top: 22%;
	left: 8%;
	width: 75%;
	height: 50%;
	font-weight: bold;
	font-size: 100%;
	text-align: justify;
	padding: 5%;
	border: 0.5px solid gray;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}

#buscador #autortitulo{
	position: absolute;
	top: 34%;
}

#buscador #tipo{
	position: absolute;
	left: 60%;
	top: 37%;
}

#buscador #cuadroTipo{
	position: absolute;
	left: 60%;
	top: 45%;
	font-weight: normal;
}

#buscador #botonBuscar{
	position: absolute;
	left: 30%;
	top: 80%;
}
#buscador #botonReset{
	position: absolute;
	left: 50%;
	top: 80%;
}

/*Pagina 4*/
#libro .pages #page4{
	width: 100%;
	height: 100%;
	background-color: #CCFFFF;
	background: linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -o-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -ms-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
}
#libro .pages #page4 #indiceTituloPage4{
	position: absolute;
	top: 12%;
	left: 20%;
	height: auto;
	width: 60%;
	//border: 2px grey solid;
	border:0;
	padding-top:2px;
	text-align: center;
	overflow: auto;
	font-weight: bold;
	background-color: #CFCFCF;
	border-radius:3px;
	box-shadow: 2px 4px 3px rgba(0,0,0,0.5);
}
#libro .pages #page4 #indicePage4{
	position: absolute;
	top: 18%;
	left: 20%;
	height: auto;
	max-height: 70%;
	width: 60%;
	border: 2px #CCFFFF solid;
	text-align: center;
	overflow: auto;
	font-weight: bold;
	background-color: white;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
}

/*Paginas derecha resultados*/
#libro .pages .pageDerecha{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background: linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -webkit-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -moz-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -o-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -ms-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	border-left: solid #B4B4B4 1px;
	font-size: 100%;
}


/*Paginas izquierda resultados*/
#libro .pages .pageIzquierda{
	width: 100%;
	height: 100%;
	background-color: #CCFFFF;
	background: linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -o-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
	background: -ms-linear-gradient(bottom,#8BFFFF 0%, #FFFFFF 100%);
}

#libro .pages .cuadroAutor{
	position: absolute;
	top: 12%;
	left: 8%;
	height: auto;
	max-height: 73%;
	width: 82%;
	border: 3px #FFF solid;
	text-align: left;
	padding: 1%;
	overflow: auto;
	background-color: white;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5); 
}

#libro .pages #pageVacia{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background: linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -webkit-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -moz-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -o-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	background: -ms-linear-gradient(left,#C1C1C1 0%, #FFF 15%);
	border-left: solid #B4B4B4 1px;
}

#libro .pages #pageVacia #logo{
	position: absolute;
	top: 35%;
	left: 20%;
	width: 60%;
	height: 30%;
	background: url("../images/logo1.jpg") no-repeat;
	background-size: 100% 100%;
}

span.autor, span.titulo, span.tipodoc, span.anyo  {
color:#1f6f91;
}

td.filaancho {
height:40px;
}