/* картинки слайдера (календарь1)
----------------------------------*/
/*body, html {
z-index: -5;
		background: url(../images/Zastavka_2.jpg) no-repeat center;
    }  */

.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:600px;
	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{
	width:1500px;
	height:237px;
	z-index:20000;
   /* _увеличение страниц______________*/
	        -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.6);
	        -moz-transform: scale(1.6);
	        -o-transform: scale(1.6);
	        -ms-transform: scale(1.6);
	        transform: matrix(1.6, 0, 0, 1.6, 0, 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:10px;
}
.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;
}



