/* картинки слайдера (книга-проекты 1)
----------------------------------*/
#canvas{
	position: absolute;
	width: 740px;
	height: 550px;
	top:10%;
	left: 8%;
}
#book-zoom {
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -ms-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
}
.zoo25 {
	text-align: center;
	margin-left:180px;
	z-index:18000;
	}
	.zoo25 span {
	 font-family: Arial, Helvetica, serif;
	 color: #789de0;
 	 margin-left:4px;
     text-decoration: none;
	 font-size:12px;
	 line-height: 0.1em;
	}
	.zoo span:hover {
		color: #165cdb;
		text-shadow: #789bdb 1px 1px 1px;
		}
.animated{
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}
.sample-docs{
	margin-top:20px;
	width:740px;
	height:550px;
	z-index:20000;
}
   /* _увеличение страниц______________*/
    .sample-docs {
	        -webkit-transition: all 1s ease-in-out;
	        -moz-transition: all 1s ease-in-out;
	        -o-transition: all 1s ease-in-out;
	        -ms-transition: all 1s ease-in-out;
	        transition: all 1s ease-in-out;
	    }
.zoo:hover ~ .sample-docs {
	        -webkit-transform: scale(1.5);
	        -moz-transform: scale(1.5);
	        -o-transform: scale(1.5);
	        -ms-transform: scale(1.5);
	        transform: scale(1.5);
}
 /* _________________________________*/
/* Здесь меняем номер папки с картинками конкретной книги  и номера страниц*/
.sample-docs .hard{
	background-image:url(../pics_kniga_proektu_Kn0/covers5.jpg);
}

.sample-docs .p2{
	background-position:-370px 0;
}
/* Здесь меняем номер предпоследней страницы */
.sample-docs .p47{
	background-position:-740px 0;
}
/* Здесь меняем номер последней страницы */
.sample-docs .p48{
	background-position:-1110px 0;
}
.sample-docs .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background-position:right top;
	background-repeat: repeat-y;
}
.sample-docs .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background-position:left top;
	background-repeat: repeat-y;
}
.sample-docs .page-wrapper{
	-webkit-perspective:2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}
.sample-docs .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.sample-docs .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;
}