video {
	width: 300px !important;
	height: 220px !important;
	float: left;
	margin-left: 70px;
	margin-top: 50px;
	margin-bottom: 20px;
	background-color: transparent;
}
.audio {
	width: 250px;
	height: 200px;
	background-repeat: no-repeat;
	margin-left: 90px;
	margin-top: 30px;
	background-size: 100% auto;
}
.flipbookmobile {
	display: none;
	visibility: hidden;
}
#juguete {
	background-image: url(../video/un_juguete_una_ilusion.jpg);
}
#edmc {
	background-image: url(../video/el_dia_mas_corto_rn1.jpg);
}
#pedroruiz {
	background-image: url(../video/Pedro_ruiz_Buruaga.jpg);
}
#dosdemayo {
	background-image: url(../video/dos_de_mayo.jpg);
}
#aitor {
	background-image: url(../video/Aitor_Luna_audio.jpg);
}
.flipbook-viewport{
	overflow: hidden;
	width: 100%;
	height: 50%;
}
.flipbook-viewport .container{
	position: relative;
	left: 50%;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.flipbook-viewport .flipbook{
	width: 922px;
	height: 600px;
	left: -461px;
}

.flipbook-viewport .page{
	width: 461px;
	height: 600px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.flipbook .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);
}
.flipbook-viewport .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;
}
.flipbook-viewport .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;
}
@media screen and (max-width:1000px){
	video {
	width: 220px !important;
	height: 200px !important;
}
#juguete {
	width: 200px;
	height: 150px;
	background-size: cover;
}
.flipbook-viewport{
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-top: 60px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.flipbook-viewport .container{
	position: relative;
	/* [disabled]top: 60%; */
	left: 65%;
	margin-top: 40px;
	bottom: 0px;
	padding-bottom: 0px;
}
.flipbook-viewport .flipbook{
	width: 700px;
	height: 450px;
	left: -461px;
}
.flipbook-viewport .page{
	width: 700px;
	height: 600px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
}
@media screen and (max-width:650px){
	video {
	width: 220px !important;
	height: 200px !important;
}
#sectionlibro {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 50px;
}
.pagesmobile img {
	width: 100%;
	height: auto;
}
.pagesmobile {
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 1px 1px 5px #333333;
	box-shadow: 1px 1px 5px #333333;
	margin-top: 20px;
}
#juguete {
	width: 200px;
	height: 150px;
	background-size: cover;
}
.flipbook-viewport{
	overflow: hidden;
	width: 100%;
	height: 50%;
	display: none;
	visibility: hidden;
}
.flipbookmobile {
	width: 100%;
	height: auto;
	margin-left: auto;
	display: block;
	visibility: visible;
	margin-right: auto;
	margin-top: 30px;
}
.clippingmobile {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	-webkit-box-shadow: 1px 1px 3px #666666;
	box-shadow: 1px 1px 3px #666666;
}
.clippingmobile img{
	width: 100%;
	height: 100%;
}
}