/*done by ITER @charset "utf-8";*/
BODY
{
	font-family:"Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	
	margin:0 auto;
	padding:0;
	
	min-width:1100px;
	max-width:1400px;
}
/* <scroll> */
BODY::-webkit-scrollbar {
    width: 11px;
}
BODY::-webkit-scrollbar-track {
    background: #C1CDED; 
}
BODY::-webkit-scrollbar-thumb {
    background:#4b78bb; 
}
BODY::-webkit-scrollbar-thumb:hover {
    background:#2770E9; 
}
/* </scroll> */
#msg
{
	color:#313131;
	margin:5px -20px;
	padding:3px;
	
}
#shell
{
	margin:1px 1.5%;
	background:url(/img/hImg_006.JPG) fixed;
	background-size:cover;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
#top
{
	background-color:#4b78bb;
	display:inline-block;
	height:35px;
	width:100%;
	
	margin:0 -1.5%;
	padding:0 1.5%;
	text-align:right;
	color:#ffffff;
}
#top a {
	text-decoration:none;
	color:#ffffff;
}
.beye 
{
	cursor:pointer;
}
.usersOnline {
	float:left;
	font-size:11px;
}
.social {
	margin:0 5px 0 0;
	padding:0;
	height:28px;
	width:28px;
	float:left;
	cursor:pointer;
	transition:all ease-in 0.3s;
}

#fcbk {
	background:url(/img/system/f_g.png);
	background-size:28px 28px;
}
#fcbk:hover {
	background:url(/img/system/facebook_c.png);
	background-size:28px 28px;
}
#tlgrm {
	background:url(/img/system/t_g.png);
	background-size:28px 28px;
}
#tlgrm:hover {
	background:url(/img/system/t_c.png);
	background-size:28px 28px;
}
#inst {
	background:url(/img/system/i_g.png);
	background-size:28px 28px;
}
#inst:hover {
	background:url(/img/system/i_c.png);
	background-size:28px 28px;
}

#ok {
	background:url(/img/system/ok_g.png);
	background-size:28px 28px;
}
#ok:hover {
	background:url(/img/system/o_c.png);
	background-size:28px 28px;
}
#vk {
	background:url(/img/system/vk_g.png);
	background-size:28px 28px;
}
#vk:hover {
	background:url(/img/system/vk_c.png);
	background-size:28px 28px;
}
#ytbe {
	background:url(/img/system/y_g.png);
	background-size:28px 28px;
}
#ytbe:hover {
	background:url(/img/system/y_c.png);
	background-size:28px 28px;
}

.top-left
{
	display:inline-block;
	width:22%;
	float:left;
	text-align:left;
	padding-top:3px;

}
.top-right
{
	display:inline-block;
	width:74.0%;
	text-align:right;
	padding:7px 0 0 0;
}
#logo {	display:inline-block;
	width:99.9%;
	background-color:#FFFFFF;
	margin:0;
	padding:1px;
}
.imglogo {
	display:inline-block;
	float:left;
	margin-right:10px;
}
.txtlogo {
	display:inline-block;
	width:10%;
	text-align:right;
	color:#4b78bb;
	font-size:16px;
}
.icologo {
	display:inline-block;
	float:left;
}
.icologo img {
	margin:0 0 0 25px !important;
	padding:0;
}
#menu {
	background-color:#FFFFFF;
	border-bottom:#4b78bb solid 2px;
	display: flex;
	display: -webkit-flex; 
	-webkit-justify-content: flex-start;
	justify-content: space-around;
	align-items: baseline;
}
.menu1 {
	float:left;
	text-align:center;
	margin:27px 45px 0 20px;
	padding:3px;
	font-size:18px;
	color:#4b78bb;
	
	cursor:pointer;
}
.mImg1, .mImg2, .mImg3, .mImg4, .mImg5 {
	height:75px;
	width:79px;
	transition:all ease-in 0.3s;
}
.mImg1 {
	background:url(/img/menu/lib_grey.png) no-repeat;
	background-size:75px;
}
.mImg1:hover {
	background:url(/img/menu/lib_blue.png) no-repeat;
	background-size:78px;
}
.mImg2 {
	background:url(/img/menu/read_grey.png) no-repeat;
	background-size:75px;
}
.mImg2:hover {
	background:url(/img/menu/read_blue.png) no-repeat;
	background-size:78px;
}
.mImg3 {
	background:url(/img/menu/service_grey.png) no-repeat;
	background-size:75px;
}
.mImg3:hover {
	background:url(/img/menu/service_blue.png) no-repeat;
	background-size:78px;
}
.mImg4 {
	background:url(/img/menu/book_grey.png) no-repeat;
	background-size:75px;
}
.mImg4:hover {
	background:url(/img/menu/book_blue.png) no-repeat;
	background-size:78px;
}
.mImg5 {
	background:url(/img/menu/peo_grey.png) no-repeat;
	background-size:75px;
}
.mImg5:hover {
	background:url(/img/menu/peo_blue.png) no-repeat;
	background-size:78px;
}
.menu1:hover, .menu2:hover {
	border-bottom:#4b78bb solid 3px;
	padding:3px 3px 0 3px;
}
div.down {
	margin:0;
	padding:7px 15px 7px 15px;
		
	position:absolute;
	top:250px;
	z-index:30;
	
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.43);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.43);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.43);
	
	background-color:#ffffff;

	display: none;
	border:#c0c0c0 solid 1px;
	
	text-align:left;
	font-size:16px;
}
div.down a {
	text-decoration:none;
	color:#4b78bb;
	
	display:block;
	margin:3px -15px 0 -15px;
	padding:5px 7px 9px 7px;
	
	height:17px;
	cursor:pointer;
}
div.down a:hover {
	background-color:#4b78bb;
	color:#ffffff;
}
/*</menu>*/
#programms {
	margin:0;
	padding:10px 7px 20px 0;
	
	background-color:#FFFFFF;
}
#programms img {
	margin:0 0 0 5px !important;
	padding:0 !important;
}
#text {
	margin:0;
	padding:1px 20px;
	background-color:#ffffff;
	/*font-size:17px;*/
	color:#343434;
	font-family: Verdana, Geneva, sans-serif;
}

h1,h2,h3,h4,h5 {color:#045FB4;}
	
#services {
	align-content:center;
	padding:20px 0 20px 0px;
	background-color:#ffffff;
	width:100%;
	height:155px;
	display: flex !important;
	flex-direction: rows !important;
	Justify-content:center;
	align-items:center;
}
.menu2 {
	display:inline-block;
	float:left;
	text-align:center;
	margin:0;
	padding:3px;
	font-size:18px;
	color:#4b78bb;
	cursor:pointer;
}
.sImg1, .sImg2, .sImg3, .sImg4, .sImg5 {
	height:100px;
	width:100px;
	transition:all ease-in 0.3s;
	margin:0 15px;
}
.sImg1 {
	background:url(/img/services/EC_g.png) center no-repeat;
	background-size:90px;	
}
.sImg1:hover {
	background:url(/img/services/EC_c.png) center no-repeat;
	background-size:100px;
}
.sImg2 {
	background:url(/img/services/clock_book_g.png) center no-repeat;
	background-size:90px;
}
.sImg2:hover {
	background:url(/img/services/clock_book_c.png) center no-repeat;
	background-size:100px;
}
.sImg3 {
	background:url(/img/services/question_g.png) center no-repeat;
	background-size:90px;
}
.sImg3:hover {
	background:url(/img/services/question_c.png) center no-repeat;
	background-size:100px;
}
.sImg4 {
	background:url(/img/services/pen_g.png) center no-repeat;
	background-size:90px;
}
.sImg4:hover {
	background:url(/img/services/pen_c.png) center no-repeat;
	background-size:100px;
}
.sImg5 {
	background:url(/img/services/compass_g.png) center no-repeat;
	background-size:90px;
}
.sImg5:hover {
	background:url(/img/services/compass_c.png) center no-repeat;
	background-size:100px;
}

#partners
{
	padding:5px 1.5% 2px 1.5%;
	margin:0 -1.5% 0 -1.5%;
	background-color:#4b78bb;
	/*padding:20px 0 20px 0;*/
	
}
#infWindow
{
	height:150px;
}
#partners img
{
	margin:0 0 0 10px !important;
}
footer
{
	background-color:#2e4565;
	padding:5px 1.5% 5px 1.5%;
	color:#FFFFFF;
	margin:0 -1.5% 5px -1.5%;
	height:295px;
	overflow:hidden;
}
footer div
{
	padding:5px 5px 5px 15px;
	margin:0 7% 0 0;
	width:465px;
	display:block;
	float:left;
}
footer div p
{
	padding:0 0 0 15px;
}



div.up
{
	position:fixed;
	bottom:10px;
	right:15px;

	padding:0;
	
	display:block;
	
	width:45px;
	height:45px;
	
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;	
	
	background:url('/img/system/arrow-up.png') no-repeat;
	
	cursor:pointer;
}
#text a.pdf
{
    background:url('/img/ico/pdf.gif') no-repeat;
	padding-left:23px;
	   
}
#text a.zip
{
    background:url('/img/ico/zip.gif') no-repeat;
    padding-left:23px;
} 
#text a.doc
{
    background:url('/img/ico/doc.png') no-repeat;
    padding-left:23px;
} 
#text a.xls
{
    background:url('/img/ico/xls.gif') no-repeat;
    padding-left:23px;
} 
#text a.ppt
{
    background:url('/img/ico/ppt.gif') no-repeat;
    padding-left:23px;
} 

#text a
{
	text-decoration:none;
	color:#345F98;
}
#text a:hover
{
	border-bottom:dotted 1px #07639E;
	color:#07639E;
}
#text a:visited
{
	color:#07639E;
}

#text table
{
	border-spacing:1px;
	padding:0;
	margin:0 auto;
	width:100%;
}
.alert_mes
{
	text-align:center;
	font-weight:bold;
	font-size:17px;
	
	margin:11px 0 0 0;
	padding:5px;
	
	color:#0080E9;
}
div.info
{
	background-color:rgba(179,207,228,0.3);
	margin:0;
	padding:3px;
	
	display:block;
	width:99.5%;
	
	height:32px;
}
div.infT
{
	margin:0 0 0 43px;
	padding:7px;
	font-weight:bold;
}
div.infI
{
	float:left;
	height:32px;
	display:block;
}
div.info img
{
	float:left;
	margin:3px;
	
	height:32px;
}
.select1
{
	background-color:#188CCC;
	color:#ffffff;
	font-size:16px;
	padding:5px;
	
	border:none;
}
select.select1 option
{
    background:#ffffff;
    color:#000000;
}
.button2 {
	padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
	
	background-color: white;
    color: black;
    border: 1px solid #008CBA;
	
	transition: 0.1s;
}
.button2:hover {
	background-color: #008CBA;
    color: #FFFFFF;
}
.textarea {
	resize:none;
}
div.pictures {
    display:none;
    position:absolute;
    z-index:4;
    
    margin:0;
    padding:0;

    background-color:rgba(0,0,0,0.85);
    overflow:hidden;
	
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
	overflow:hidden;
}
.fntext img {
	margin:5px;
	cursor:	url(http://www.lib-dpr.ru/img/plus_cursor.png), pointer;
		
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.53);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.53);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.53);
}
div.picX {
    text-align:right;
    background-color:rgba(0,0,0,1);

    height:23px;
    padding:1px;
	border:#7A0103 solid 1px;
	cursor:url(http://www.lib-dpr.ru/img/close_cursor.png), pointer;
}
span.next, span.prev {
	cursor:pointer;
	width:45px;
	height:60px;
}
span.next {
	background:url('../img/next.png');
}
span.prev {
	background:url('../img/prev.png');
}

span.next:hover,span.prev:hover {
	background-color:rgba(0,0,0,0.7);
}
div.zoomimg {
	margin:3% 3px 3% 3px;
	padding:3px;
	cursor:url(http://www.lib-dpr.ru/img/close_cursor.png), pointer;
}
div.zoomimg img {
	border:solid 3px white;
	display: block;
    margin-left: auto;
    margin-right: auto;
	height:auto;
}
div.projimg {
	float:left;
	margin:5px;
	padding:3px;
}
div.projimg img {
	width:250px;
	cursor:pointer;
}
div.prj_sh {
	cursor: pointer;
	margin:3px;
	padding:3px;
	border:rgba(73,155,234,1) solid 1px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
	display:block;
	height:75px;
	clear:both;
	font-size:15px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.66);
}
div.prj_sh:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.84);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.84);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.84);

}
.projbutton {
	display: flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	margin: 0 20px 40px 20px;	
}
.projbutton img {
	height: 200px;
	border-radius: 15px; 
	margin: 10px; 
	border:1px solid #D9D9D9;
    -webkit-box-shadow: 9px 9px 5px -5px rgba(146, 146, 146, 0.8);
	-moz-box-shadow: 9px 9px 5px -5px rgba(146, 146, 146, 0.8);
	box-shadow: 9px 9px 5px -5px rgba(146, 146, 146, 0.8);}

.projbutton a:hover {
	text-decoration:none !important; 
	border-bottom:none !important;
}
.projbutton img:hover {
	-webkit-box-shadow: 9px 9px 5px -5px rgba(32, 107, 165, 0.8);
	-moz-box-shadow: 9px 9px 5px -5px rgba(32, 107, 165, 0.8);
	box-shadow: 9px 9px 5px -5px rgba(32, 107, 165, 0.8);
}
#adm {
	position:fixed;
	display:block;
	
	left:-100px;
	background-color:#4B859E;
	
	transition:ease-out 0.3s;
	
	text-align:center;
	
	padding:7px;
	
	border:#fcfcfc 1px outset;
	
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.75);
	z-index:0;
}
#adm:hover {
	left:0;
	transition:ease-in 0.3s;
}
a.link1 {
	margin:0;padding:0;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
a.search {
	text-decoration:none !important;
	border-bottom:none !important;
	margin:3px 0 !important;
}
/* ========= анимированный нумерованный, маркерованный список - начало ======== */
ol#num_list {
        display: block;
        counter-reset: list;
        color:#343434;
}

/* стили для ul */
ul#num_list, ol#num_list li ul {
        margin: 1em 0 0em 1em;
        color:#343434;
        transition: all 0.3s ease 0s;
        border-left: 1px solid #e3e3e3; /*серая боковая линия*/
}
ul#num_list {
	margin-left:80px;}

ul#num_list li, ol#num_list ul li{
        margin: 0 0 7px 10px;
		padding: 5px;
        list-style: square outside;
        transition: all 0.3s ease 0s; 
}
/*#end стили для ul */

ol#num_list > li {
        list-style: none;
        margin: 0 0 1em 2em;
        position:relative;
}

ol#num_list > li::before{
    background: #e3e3e3;
    border-radius: 0% 50% 50%;
    color: #343434;
    content: counter(list) ".";
    counter-increment: list;
    display: inline-block;
    height: 22px;
    left: -40px;
	top: -5px !important;
	line-height: 22px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 22px;
}

/*вложенный список ol*/ 

ol#num_list ol{
        display: block;
        counter-reset: list2;
        color:#343434;
        border-left: 1px solid #e3e3e3;
        padding-left:15px;
        transition: all 0.3s ease 0s;
}
ol#num_list ol li{
        margin: 10px 0 0em 3em;
        list-style: none;
        position:relative;
        transition: all 0.3s ease 0s;
		padding: 5px;
}
ol#num_list ol > li:before{
    background: #e3e3e3;
    border-radius: 0% 50% 50%;
    color: #333;
    content: counter(list) "." counter(list2) ".";
    counter-increment: list2;
	font-size:85%;
	font-stretch: condensed;
    display: inline-block;
    height: 22px;
    left: -40px;
    line-height: 22px;
    padding: 5px;
    position: absolute;
    text-align: center;
	top: -5px !important;
    transition: all 0.3s ease 0s;
    width: 23px;
}
ol#num_list ol ul {border-left:none; margin-top:5px;}

ol#num_list ol ul:hover {border-left:none;}

ol#num_list ol ul li {
	   list-style: square outside;
	   margin-top:5px;}

ol#num_list ol:hover, ol#num_list ul:hover, ul#num_list:hover{
        border-left: 1px solid #045FB4; /*синяя линия*/
}
ol#num_list li li:hover, ul#num_list li:hover{
  background: #eee;
  color:#333;
}
ol#num_list li:hover:before {
  background: #045FB4;
  color:#fff;
}
/* ========= анимированный нумерованный, маркерованный список - окончание ======== */

/* ==== эпиграф =====*/
p.ep {
	padding-left:50%;
	text-align-last:right;
	font-style:italic;
}

/* ============== цитаты ===================*/
blockquote {
    margin: 30px 35px 30px 60px;
    padding: 0 15px;
    line-height: 1.4em;
    position: relative;
	text-align:justify;
}
blockquote p + p {
	font-style: italic;
	padding-left:15%;
}
blockquote:before, blockquote:after {
    font-family: Georgia, 'Times New Roman', Times, serif;
	font-style:normal;
	font-weight:bold;
    position: absolute;
    color:#045FB4;
    font-size: 55px;
}
blockquote:before {
	content: "\201C";
	left: -25px;
    top: 10px;
}
blockquote:after {
	content: "\201D";
	right: -20px;
	bottom: 40px;
}