#js-carousel-1 img{margin:0 0.5em;}
#page{background:none}
#top2{padding:0.5em 4em 0.5em 4em;}
.topN{font-size:0.9em;}
#fonDT{display:block;margin-top:2em;}
#fonMob{display:none}
/* #page{background-image:url(/image/top4.jpg);    background-position-y: 3em;}*/
#top1-01{background:none}
#podel{position: absolute;  bottom: 1.2em; right: 4.0em;  background-color: rgb(200,200,200,0.6);    height: 2.7em;}
#files {margin:0.5em 0 .5em; }
.tree {color:#000; font-size:1.2em;font-family: Century Gothic; }
.tree,.tree ul,.tree li { list-style:none; margin:0; padding:0; zoom: 1; }
.tree ul { margin-left:8px; }
.tree li a { color:#f7f3f3;font-weight:bold; padding:.5em .9em .5em .5em; display:block; text-decoration:none; /* background:url(../images/icon-file.gif) 5px 50% no-repeat;background-size:14px;*/ }
.tree li a.tree-parent { background:url(../images/icon-folder-open.gif) no-repeat;background-size:18px; background-position:right 20px top 50%}
.tree li a.tree-parent-collapsed { background:url(../images/icon-folder.gif) no-repeat;background-size:18px;  background-position:right 20px top 50%}
.tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active { color:#000 !important;  background-color:#e6e5e5;  }
.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active {  background-color:#ffffff; }
.tree ul.tree-group-collapsed { display:none; }
.left_preview{background-position: center;    background-size: cover;}
	.left_preview{background-position: top;   
    background-size: 90%;background-position-y: 10px;background-position-x: 10px;
    background-repeat: no-repeat;width:125px;opacity:0.5}
.right_preview{font-family: Century Gothic; }
.right_preview h3{margin: 0.9em 0.5em 0.5em 0;padding:0;font-size:1.3em;}	
.right_preview p{margin: 1.2em 0.5em 0 0;font-size:1.1em;padding:0;}
.razdely{margin-top:0.5em !important;}
#right_lib h2{padding-top:0;}
#right_lib p{padding-left:0em;line-height:1.6em;}
#right_lib a,#right_lib h2 a:visited{color: #0057B8;}
#right_lib a:hover{color:red;}

@media (max-width: 1000px){	
	.topN{padding:0.5em 0.5em;}
	#fonDT{display:none;}
	#fonMob{display:block}
	#top1-01{background:none}	
	.ramka{height:20px;background-size:contain;}
	.left_lib,.main_lib,.right_lib{display:block;width:100%;}
	.left_lib{ padding: 0 0 0 1em;    width: 105%;}
	.right_lib h2{padding-left:0.5em;}
	.right_lib p{font-size:1.1em;padding-left:0.5em;}
	.left_preview{background-position: 7px 10px;   
    background-size: 90%; width:65px;
    background-repeat: no-repeat;}
	#right_lib h2{padding:1.0em 0.5em 0 0.6em;}
	#right_lib p{padding:em 0.5em 1em .6em;}
	#top1-01 {min-height:auto;margin-top:0;}
	#podel{top:unset;right:1.5em;}
#right_lib{padding:0 0 0 1em;}
#top2{padding:0 1.5em}
}