body{
	background:url("../img/fon_lib.jpg") no-repeat;
	background-size: cover;
	width:100%;
	height: 100%;}
	
.shapka{top:0; left:0;
	width:100%;
	height: 70px;
	background:url("../img/imager/shapka_flip.jpg")  no-repeat;
	background-size: cover;
	position:absolute; z-index:5;}	

.process{width: 30px;
	background:transparent url("../img/submit/process.png") 100% no-repeat;
	background-size: cover;
	position:absolute; z-index:15;
		-webkit-animation:process 1s normal infinite;}
	
@-webkit-keyframes process {
	 0% {  transform: rotate(0deg);} 
	100% { transform: rotate(360deg);}}
	
.process2{
	-webkit-animation:process2 1s normal infinite;}
}
	
@-webkit-keyframes process2 {
	 0% {opacity: 1;} 
	 80% {opacity: 1;} 
	100% {opacity: 0;}}
	
.shapka_sub{margin-top:10px;
	margin-left:42%;
	position:absolute; z-index:3;
	border: none;}
	
.shapka_flip{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/flip1.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}

.shapka_flip_act{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/flip2.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}
	
.shapka_blind{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/blind1.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}

.shapka_blind_act{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/blind2.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}
	
.shapka_html{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/html1.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}

.shapka_html_act{width:100px;
height: 50px;
border-radius: 6px;
	background:transparent url("../img/slide/html2.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	border: none;}

.div_logo{margin-left:28px; 
margin-top:10px;
	position:absolute; z-index:3;}

.lib_logo{width:50px; 
height: 50px;
border-radius:5px;
	background:transparent url("../img/100lib_logo.jpg") 100% no-repeat;
	background-size: cover;
	text-indent:-1000em;
	position:absolute; z-index:3;	
	display:inline-block;
	border: none;}
	
.lib_function{margin-top:18px;
width:150px;
height:35px;
font-size: 24px;
border-radius: 5px;
padding: 2px;
	margin-left:70%; 
	border:none;
	background:url("../img/submit/sub_n0.jpg") 100% 20% no-repeat;
	background-size: cover;
	background-color:#f0dfb9;
	color:#682f00;
	position:absolute; z-index:3;}

.lib_navig{margin-top:18px;
width:280px;
height:35px;
font-size: 24px;
border-radius: 5px;
padding: 2px;
	border:none;
	margin-left:79%; 
	background:url("../img/submit/sub_n0.jpg") 100% 30% no-repeat;
	background-size: cover;
	background-color:#f0dfb9; 
	color:#682f00;
	position:absolute; z-index:3;}

.left_block{top:70px; 
	width:30%;
	height: 92%;	
	position:absolute; z-index:1;}	
	
.main_block{top:70px;
	left:30%;
	width:70%;
	height: 92%;
	position:absolute; z-index:1;}	
	
.main_uns{width:1100px;
font-size: 26px;
margin-top: 30px;
margin-left: -200px;
	color:#682f00;
}

.animat_1_1{font-size:34px;
margin-top: 30px;
	width:100%;
	text-align: center;
	position:absolute; z-index:2;	
	color:#9f0000;
	opacity:0;
	font-family:Impact;
	-webkit-animation:animat_1_1 10s 1s normal forwards;}
	
@-webkit-keyframes animat_1_1 {
	 0% { opacity:1;} 
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_1_2{width: 220px;
height: 300px;	
margin-top: 150px;
border-radius: 20px;
	margin-left: 28%;
	opacity:0;
	position:absolute; z-index:2;
	background:url("../img/slide/pdf.png") no-repeat;
	background-size: cover;
	-webkit-animation:animat_1_2 10s 1s normal forwards;}
	
@-webkit-keyframes animat_1_2 {
	 0% { opacity:1;} 
	 45%{background:url("../img/slide/pdf.png") no-repeat; background-size: cover;}
	 70%{background:url("../img/slide/text1.jpg") no-repeat; background-size: cover;}
	 97% { opacity:1; background:url("../img/slide/text1.jpg") no-repeat; background-size: cover;} 
	100% { opacity:0;}}
	
.animat_1_3{width: 220px;
height: 300px;
margin-top: 150px;
border-radius: 20px;
	margin-left: 55%;
	opacity:0;
	position:absolute; z-index:2;
	background:url("../img/slide/djvu.png") no-repeat;
	background-size: cover;
	-webkit-animation:animat_1_3 10s 1s normal forwards;}
	
@-webkit-keyframes animat_1_3 {
	 0% { opacity:1;} 
	 55%{background:url("../img/slide/djvu.png") no-repeat; background-size: cover;}
	 80%{background:url("../img/slide/text2.jpg") no-repeat; background-size: cover;}
	 97% {  opacity:1; background:url("../img/slide/text2.jpg") no-repeat; background-size: cover;} 
	100% { opacity:0;}}
	
.animat_1_4{font-size:30px;
margin-top: 500px;
	width:100%;
	opacity:0;
	text-align: center;
	position:absolute; z-index:2;	
	color:#9f0000;
	font-style: italic;
	-webkit-animation:animat_1_4 7s 4s normal forwards;}
	
@-webkit-keyframes animat_1_4 {
	 0% { opacity:1;} 
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_2_1{font-size:34px;
margin-top: 50px;
	width:100%;
	text-align: center;
	opacity:0;
	position:absolute; z-index:2;	
	color:#9f0000;
	font-family:Impact;
	-webkit-animation:animat_2_1 10s 11s normal forwards;}
	
@-webkit-keyframes animat_2_1 {
	 0% { opacity:1;} 
	 97% { opacity:1;} 
	100% { opacity:0;}}

.animat_2_2{width: 200px;
height: 200px;	
margin-top: 150px;
border-radius: 20px;
	margin-left: 21%;
	opacity:0;
	position:absolute; z-index:2;
	background:url("../img/slide/flip.gif") no-repeat;
	background-size: cover;
	-webkit-animation:animat_2_2 10s 11s normal forwards;}
	
@-webkit-keyframes animat_2_2 {
	 0% { opacity:1;} 
	 5%{width: 200px; height: 200px; }
	 6%{width: 250px; height: 250px; }
	 29%{width: 250px; height: 250px; }
	 30%{width: 200px; height: 200px; }
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_2_2t{margin-top: 410px;
font-size: 26px;
width: 250px; 
	color:#682f00;
	margin-left: 21%;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	opacity:0;
	position:absolute; z-index:3;
	-webkit-animation:animat_2_2t 10s 11s normal forwards;
	}
@-webkit-keyframes animat_2_2t {	
 	4%{opacity:0;}
	 6%{opacity:1;}
	 29%{opacity:1;}
	 31%{opacity:0;}
	 }	
	
	
.animat_2_3{width: 200px;
height: 200px;
margin-top: 150px;
border-radius: 20px;
	margin-left: 43%;
	position:absolute; z-index:2;
	opacity:0;
	background:url("../img/slide/blind.gif") no-repeat;
	background-size: cover;
	-webkit-animation:animat_2_3 10s 11s normal forwards;}
	
@-webkit-keyframes animat_2_3 {
	 0% { opacity:1;} 
	 35%{width: 200px; height: 200px; }
	 36%{width: 250px; height: 250px; }
	 59%{width: 250px; height: 250px; }
	 60%{width: 200px; height: 200px; }
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_2_3t{margin-top: 410px;
font-size: 26px;
width: 250px; 
	color:#682f00;
	margin-left: 43%;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	opacity:0;
	position:absolute; z-index:3;
	-webkit-animation:animat_2_3t 10s 11s normal forwards;
	}
@-webkit-keyframes animat_2_3t {	
 	35%{opacity:0;}
	 37%{opacity:1;}
	 57%{opacity:1;}
	 60%{opacity:0;}
	 }	
	
	
.animat_2_4{width: 200px;
height: 200px;	
margin-top: 150px;
border-radius: 20px;
	margin-left:65%;
	opacity:0;
	position:absolute; z-index:2;
	background:url("../img/slide/html.gif") no-repeat;
	background-size: cover;
	-webkit-animation:animat_2_4 10s 11s normal forwards;}
	
@-webkit-keyframes animat_2_4 {
	 0% { opacity:1;} 
	 65%{width: 200px; height: 200px; }
	 66%{width: 250px; height: 250px; }
	 89%{width: 250px; height: 250px; }
	 90%{width: 200px; height: 200px; }
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_2_4t{margin-top: 410px;
font-size: 26px;
width: 250px; 
	color:#682f00;
	margin-left: 65%;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	opacity:0;
	position:absolute; z-index:3;
	-webkit-animation:animat_2_4t 10s 11s normal forwards;
	}
@-webkit-keyframes animat_2_4t {	
 	66%{opacity:0;}
	 67%{opacity:1;}
	 87%{opacity:1;}
	 90%{opacity:0;}
	 }	
	
	
.animat_2_5{font-size:30px;
margin-top: 500px;
	width:100%;
	text-align: center;
	opacity:0;
	position:absolute; z-index:2;	
	color:#9f0000;
	font-style: italic;
	-webkit-animation:animat_2_5 10s 11s normal forwards;}
	
@-webkit-keyframes animat_2_5 {
	 0% { opacity:1;} 
	 99% { opacity:1;} 
	100% { opacity:0;}}
	
	
	
.animat_3_1{font-size:34px;
margin-top: 30px;
	width:100%;
	text-align: center;
	position:absolute; z-index:2;	
	color:#9f0000;
	opacity:0;
	font-family:Impact;
	-webkit-animation:animat_3_1 10s 21s normal forwards;}
	
@-webkit-keyframes animat_3_1 {
	 0% { opacity:1;} 
	 97% { opacity:1;} 
	100% { opacity:0;}}
	
.animat_3_2{width: 400px;
margin-top: 130px;
	margin-left: 33%;
	opacity:0;
	position:absolute; z-index:2;
	-webkit-animation:animat_3_2 10s 21s normal forwards;}
	
@-webkit-keyframes animat_3_2 {
	 0% { opacity:1;} 
	99% { opacity:1;}
	100% { opacity:0;}}
	
.animat_3_3{width: 135px;
margin-top: 300px;
	margin-left: 34%;
	opacity:0;
	position:absolute; z-index:2;
	transform-origin: 100% 0;
	-webkit-animation:animat_3_3 10s 21s normal forwards, animat_3_3_ 3s 21s normal infinite;}

	
@-webkit-keyframes animat_3_3 {
	 0% { opacity:1;} 
	97% { opacity:1;} 
	100% { opacity:0;}}
		
@-webkit-keyframes animat_3_3_ {
	 0% { transform: rotate(0deg);} 
	50% { transform: rotate(30deg);} 
	100% { transform: rotate(0deg);}}
	
.animat_3_4{font-size:30px;
margin-top: 530px;
	width:100%;
	opacity:0;
	text-align: center;
	position:absolute; z-index:2;	
	color:#9f0000;
	font-style: italic;
	-webkit-animation:animat_3_4 10s 21s normal forwards;}
	
@-webkit-keyframes animat_3_4 {
	 0% { opacity:1;} 
	 97% { opacity:1;} 
	100% { opacity:0;}}
	

.div_mini{margin-top: 90px;
width: 250px;
position:absolute; z-index:12;  
}

.scroll_mini{width: 140px;
margin-left:25%;
height: 850px;
	overflow: auto;
	text-align: center;
}
/*-------------------  blind    -------------*/
.blind_block{width:1160px;
margin-left:-580px;
margin-top:0px; 
	left:50%;
   position:absolute; z-index:2;   
   
}
.blind_ins{width:1160px;
	height: 850px;
	overflow: hidden;
	 position:absolute; z-index:2;   
}
.left_page{width: 580px;
position:absolute; z-index:2; 
}
.right_page{width: 580px;
margin-left: 580px;
position:absolute; z-index:2; 
}
.prev_page{
	width: 580px;
margin-left: -580px;
position:absolute; z-index:2; 
}
.next_page{
	width: 580px;
margin-left: 1160px;
position:absolute; z-index:2; 
}

.prev_anime{width:150%;
	margin-left: -50%;
	-webkit-animation:prev_anime 1s normal forwards;
}
	
@-webkit-keyframes prev_anime {
	 0% { margin-left: -50%;} 
	100% { margin-left: 0%;}}
	
.sled_anime{
	width:150%;
	-webkit-animation:sled_anime 1s normal forwards;
}
	
@-webkit-keyframes sled_anime {
	 0% { margin-left: 0%;} 
	100% { margin-left: -50%;}}


.div_blind_knop{margin-top:805px; 
	margin-left:220px;
	width:900px;
	text-align: center;
	 position: absolute; z-index:5;
	 color:#682f00;

}


.lupa_blind_left{margin-top:805px;
margin-left: 175px;
	position: absolute;	z-index:7;	
}

.lupa_blind_right{margin-top:805px;
	margin-left: 1290px;
	position: absolute;	z-index:7;		
}

.blind_plus{margin-top: 0px;
margin-left:170px;
height: 845px;
	overflow: hidden;
	background:transparent url("../img/fon_lib.jpg")  50% no-repeat;
	background-size: cover;
	border: 1px solid #6c3100;
	position: absolute;	
	z-index:8;
}
.blind_plus_img{
	width:1160px;
	cursor: grab;
}
.blind_plus_img:active{
	cursor: grabbing;
}

/*-------------------  html    -------------*/


.html_block{width:1400px;
margin-left:-700px;
margin-top:90px; 
	left:50%;
   position:absolute; z-index:2;   
   text-align: center; 
}
.html_scroll{height: 790px;	
	display: inline-block;
	overflow: auto;
}

.div_knop_html{margin-top:810px; 
margin-left:50px;
color: #682f00;
	width:80%;
	text-align: center;
	white-space: nowrap;
}
.knop_html{margin-left:50px;
font-size:24px; 
width:915px;

    z-index:5;
	font-family:Arial;
	white-space: nowrap;
	
	position: absolute; z-index:10;
}
.sub_toch_left{margin-top:0px;
margin-left:0px;
	 position: absolute;z-index:10;
}
.sub_toch_right{margin-top:0px;
margin-left:965px;
	 position: absolute; z-index:10;
}

.sub_page_html{width:170px;
}
.select_scale{width:200px;
font-size: 26px;

margin-left:1000px;
	color: #682f00;
	 position: absolute; z-index:10;
}