/* Content Flip Style */



.contenedorbook{ position: relative;  }



.bb-bookblock {

	width: 400px;

	height: 300px;

	position: relative;

	background: #fff;

	z-index: 100;

}



.bb-page {

	width: 50%;

	height: 100%;

	left: 50%;

	position: absolute;



	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;



	-webkit-transform-origin: left center;

	-moz-transform-origin: left center;

	-o-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center;

	

}



.bb-page > div,

.bb-outer,

.bb-content {

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

}



.bb-content {

	background: #fff;

}



.bb-inner {

	position: relative;

	width: 100%;

	height: 100%;

}



.bb-overlay, .bb-outer {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bb-page > div {

	width: 100%;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;



	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bb-back {

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}



.bb-outer {

	width: 100%;

	overflow: hidden;

	z-index: 999;

}



.bb-overlay, 

.bb-flipoverlay {

	background-color: #fff;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	opacity: 0;

	z-index: 1000;

}



.bb-flipoverlay {

	background-color: #fff;

}



.bb-bookblock > div.bb-page:first-child,

.bb-bookblock > div.bb-page:first-child .bb-back {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	transform: rotateY(180deg);

}



.js .bb-item {

	width: 100%;

	height: 633px;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

	background: #fff;
	border: 2px solid #661c3e;

}
.pleft{width: 50%; float: left;}
.pright{width: 50%; float: right; border-left: 1px solid #000;
    height: 631px;}
.pright .portadalibro{width: 100%; height: 100%;}
#tblcontents{display: none;}
#pleftportada{background-color: #f2ccc7; height: 629px;}
.lf{position: absolute; bottom: 20px; left: 30px; font-size: 15px!important;}
.rgt{position: absolute; bottom: 20px; right: 30px; font-size: 15px!important;}

@media (max-width: 1024px){
.js .bb-item {
	width: 100%;
	height: 600px;
	overflow-y:auto; 
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 600px;
}
.lf{position: relative; bottom: 20px; left: 30px; font-size: 15px!important; float: left;}
.rgt {
    position: relative;
    bottom: 20px;
    right: 30px;
    font-size: 15px!important;
    float: right;}

}

@media (max-width: 900px){
.js .bb-item {
	height: 500px;
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 500px;
}

}

@media (max-width: 650px){
.js .bb-item {
	height: 400px;
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 400px;
}

}