*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}

/*html {height:100%}  font-family: Teodor   font-family:Open Sans */
 
body {height:100%;margin:0;background-color:#d8d8d8;font-family: Open Sans,sans-serif;line-height:1.5}


h2,h3,h4,h5,h6 {font-weight:initial;text-align:center}

div#search {text-align:center;line-height:2}


/*h2 	{font-family:CooperBTLight;letter-spacing:.05em;margin-top:-3px;padding-bottom:10px;border-bottom:2px solid gray;border-radius: 0px 0px 15px 15px}
h2 	{font-family:Teodor;letter-spacing:.05em;margin-top:-3px;padding-bottom:10px;border-bottom:2px solid gray;border-radius: 0px 0px 15px 15px}*/


h2.zwanzig		{color:tomato}
p				{margin-left:14px;font-size:12px;margin-bottom:4px;margin-top:3px}

b,strong		{font-weight:bolder}

a				{color:#2e8cc2;text-decoration:none}
a:hover			{color:#1f5f84;text-decoration:underline}

.img-logo 		{max-width:150px;vertical-align:middle;float:left;margin-right:10px;margin-bottom:0.5rem}
img				{max-width:150px;vertical-align:middle}
.img-gross 		{display:block;margin-left:auto;margin-right:auto;min-width:400px;max-width:600px;padding-bottom:10px;}

	.youtube		iframe {display:block;margin-left:auto;margin-right:auto;border:0;width:560px;height:315px;}

div#yandex_money 	iframe {display:block;margin-left:auto;margin-right:auto;border:0; width:423px; height:222px}

p.avtor			{font-size:16px;width:85%}
p.menge			{margin-top:10px;font-size:10px;width:85%}

input,textarea,form,select{font-size:10px}

pre				{font-family:Helvetica,monospace;font-size:12px;margin-top:0;overflow:auto;tab-size:40px}
small			{font-size:80%}

kbd				{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.1rem}
kbd kbd			{padding:0;font-size:100%;font-weight:700}


a.pfeil		{font-size:24px;background:#ccc;width:1.4em;text-align:center;float:left;margin-top:10px}

ol,ul	{margin-top:0}

hr {border:0; border-top:1px solid rgba(0,0,0,0.1)}


main,nav,section{display:block}


.title{font-size:14px;font-weight:700;color:#000;background:none}
.content{font-size:10px;color:#000;background:none}
.storycat{font-size:12px;font-weight:700;text-decoration:underline;color:#000;background:none}
.boxtitle{font-size:10px;font-weight:700;color:#363636;background:none}
.boxcontent{font-size:10px;color:#000;background:none}
.storytitle{font-weight:500;letter-spacing:1px;color:#363636}

.storytitleblue{letter-spacing:1px}

.option{font-weight:700}

.black{font-weight:400}
.red{text-align:center;font-weight:600;color:red}
.tiny{font-family:tahoma,sans serif;font-size:8px;font-weight:400;color:#000;background:none}


.lead{font-size:1.25rem;font-weight:300}

	

small,.small {font-size:80%; font-weight:400}

	mark,.mark{padding:.2em;background-color:#fcf8e3}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}
.initialism{font-size:90%;text-transform:uppercase}

.pre-scrollable{max-height:340px;overflow-y:scroll}






.app	{display:-webkit-box;display:-ms-flexbox;display:flex}

.app .app-sidebar,.app .app-content		{	display:-webkit-box;
											display:flex;
											display:-ms-flexbox;
											-ms-flex-direction:column;
											-webkit-box-orient:vertical;
											-webkit-box-direction:normal;
											flex-direction:column;
											min-width:0;
											border-top-right-radius: 8px;
											}

/*												display:flex;
												display:-ms-flexbox;
												-ms-flex-direction:column;
												-webkit-box-orient:vertical;
												-webkit-box-direction:normal;
												flex-direction:column;*/

	.app-sidebar		{	margin-top: 80px;
							-ms-flex-negative:0;
							flex-shrink:0;
							overflow-x:hidden;
							overflow-y:auto;
							width:16.25rem;
							-webkit-transition:width .3s;
							transition:width .3s;
							z-index:1030
						}



	.app .app-content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}
	.content-header{-ms-flex-negative:0;flex-shrink:0; min-height:50px;}
/* поле меню донизу страницы .app .app-sidebar .sidebar-nav,.app .app-content .content-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}*/


#st-2.st-right		{right:25px!important}

#st-2.st-toggle	{background:#ccc;border-bottom-left-radius:20px;color:#fff;cursor:none;font-size:0;line-height:0;position:relative;text-align:center;width:0!important}






.collapse:not(.show){display:none}

.dropdown {position:relative}

.dropdown-menu		{	display:none;
						background-color: #f2f2f2;
						width:300px;
						padding:10px;
						border:2px solid rgba(0,0,0,0.15);
						border-radius:12px;
						right:50px;	}

.dropdown-menu.show{display:block;z-index:99}




@media screen and (prefers-reduced-motion: reduce){.btn{-webkit-transition:none;transition:none}}

.btn .fa-bars{
    cursor: pointer;
    font-size: 40px;
    }

.btn-close .fa-bars{
    cursor: pointer;
    font-size: 40px;
    }

.btn:hover .fa-bars:before{
  content: "\f00d";
}

.btn:hover{color:#343a40;text-decoration:none}
.btn:focus,.btn.focus{outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(46,140,194,0.25);box-shadow:0 0 0 .2rem rgba(46,140,194,0.25)}
.btn.disabled,.btn:disabled{opacity:.65}
/*.btn:not(:disabled):not(.disabled){cursor:pointer}*/
a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}



	
.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}

.nav-link{display:block;padding:1rem 1.25rem}
.nav-link:hover,.nav-link:focus{text-decoration:none}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}


.navbar			{	background-color: #fff;
					margin-left: -265px;
					justify-content:space-between;
					padding:.5rem 1rem .1rem}


.navbar-expand>.container,.navbar-expand>.container-fluid	{padding-right:0;padding-left:0}
.navbar-expand>.container,.navbar-expand>.container-fluid	{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute; padding:10px}
.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
	

/*.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*/
	


/*	Заглавие библиотеки	*/
.navbar-brand 				{display:inline-block;font-family:'Playfair Display';color:#800000}


.navbar-brand-vtorlib 		{display:inline-block;font-family:'Oranienbaum';color: #800000}


/*.poisk		{float:right;width:100px;margin-right:10px;margin-left:auto;margin-top:10px; padding: 5px 15px 5px 15px; border: 1px solid black; border-radius: 4px; color:#0c0d0d;  background-color:white}*/
.poisk		{position: absolute;right:10px;margin-top:90px; padding: 5px 15px 5px 15px; border: 1px solid black; border-radius: 5px; background-color:white}


.navbar-nav					{list-style:none}
.navbar-nav .dropdown-menu	{position:static;min-width: 250px;z-index: 999}

.nav.nav-tabs .nav-link{border-radius:0;border-top:none;border-bottom:none;color:#495057;outline:0}
.nav.nav-tabs .nav-item:first-child .nav-link{border-left:none}
.nav-tabs-responsive .nav-tabs{display:none}


.pagination{font-size:11pt;margin-bottom:0}
.pagination .page-item{margin:0 .125rem}
.pagination .page-item .page-link{border-radius:.15rem}
.pagination .page-item .page-link:hover{-webkit-box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.3);box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.3)}
.pagination .page-item.active .page-link{background:none;-webkit-box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.5);box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.5)}
@media print{body{display:block}
.app{display:block;height:auto}
.app .app-sidebar,.app .app-content .content-header{display:none}
}


.font-lg{font-size:1.25rem}
.font-sm{font-size:.875rem}


.decoration-none{text-decoration:none !important}


.app-sidebar .sidebar-nav{background:#fff;padding:0.7rem 0; border-bottom-right-radius: 8px;}
.app-sidebar .sidebar-nav ul{list-style-type:none;margin:0;padding:0}
.app-sidebar .sidebar-nav li a	{	
				color:#495057;display:-webkit-box;display:-ms-flexbox;
				display:flex;-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;
				-webkit-box-align:center;-ms-flex-align:center;
				align-items:center;outline:0;padding:.5rem 0.5rem;white-space:nowrap}
.app-sidebar .sidebar-nav li a:hover,
.app-sidebar .sidebar-nav li a[aria-expanded=true] {background:#f2f4f6;color:#2e8cc2}
.app-sidebar .sidebar-nav li a .sidebar-nav-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem}
.app-sidebar .sidebar-nav li a .sidebar-nav-text{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}
/*.app-sidebar .sidebar-nav li>ul			{background:#f2f4f6}*/
.app-sidebar .sidebar-nav li>ul li		{padding-left:2rem;padding-bottom:.32rem}
.app-sidebar .sidebar-nav li>ul li a 	{padding:0}
.app-sidebar .sidebar-nav li>ul li:last-child{padding-bottom:0.7rem}
.app-sidebar .sidebar-nav .sidebar-nav-header 	{color:#6c757d;display:inline-block;
												font-size:11pt;font-weight:700;
												margin-bottom:.5rem;padding:0 1rem}





.page-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;height:100%;width:100%}
.page-sign .container-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;margin:0 auto;max-width:26.25rem;width:100%}





.breadcrumb 			{	padding-left:20px;padding-top:5px;padding-bottom:5px;
							margin-bottom:0;
							list-style:none;
							color:black;}

.razdel_pages {text-align: center;	background-color:#fff; margin-top:10px; padding: .5em; border: 0px ridge silver; border-radius: 6px}




@media (max-width: 730px) 	{	.navbar-brand 	{font-size: 16px;}	.breadcrumb {font-size: 8px;}}

@media (max-width: 575.99px)	{
								.card .card_m h3	{font-size: 14px}
								.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}	
								}
	
@media (max-width: 576px) 	{	.sidebar-header img {width: 65px}
								.navbar-brand 	{font-size: 18px;}
								.poisk {position:fixed;z-index:100}
								.razdel_info	{margin-left:5px; margin-right:5px}
								.breadcrumb {font-size: 10px;}
								.dropdown-menu	{position:absolute}
							}




@media (max-width: 767.99px)	{	.app .app-sidebar{position:absolute;top:0;left:0;width:0}
									.app .app-sidebar.show{-webkit-box-shadow:0 0 0.5rem rgba(0,0,0,0.25);
															box-shadow:0 0 0.5rem rgba(0,0,0,0.25);width:16.25rem}
									.app .app-sidebar.show::before{visibility:visible;opacity:1}
									
									.navbar	{margin-left: 0px;}
									.nav-tabs-responsive .tab-pane{display:block}
									.nav-tabs-responsive .nav-link-collapse{border-bottom:0.0625rem solid #ced4da;color:#495057;display:block;padding:1rem 1.25rem;text-decoration:none}
									.nav-tabs-responsive,.nav-tabs-responsive .list-group{border-bottom:0.0625rem solid #ced4da}
									.btn {border:none; padding:5px 15px 5px 0; font-size:1.4rem;background: transparent;}
}
	
									/*.nav-tabs-responsive .card .card-body,.nav-tabs-responsive .card .list-group{border-bottom:0.0625rem solid #ced4da}*/
								}
	/* меню появляется при 768px */
		
@media (min-width: 768px)	{	.nav-tabs-responsive .nav-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}
								.nav-tabs-responsive [data-toggle=collapse]{display:none}
								.nav-tabs-responsive .tab-pane .collapse{display:block}

							}

@media (min-width: 768px)	{	.btn{display:none}
								
							}

@media (max-width: 769.99px){	.card{border-radius:4px; margin-bottom:10px;margin-left:5px; margin-right:5px}
								.poisk		{margin-top:30px; }
								.breadcrumb{display:none}
								.navbar-brand img {display:none}
								.navbar-brand-vtorlib img {display:none}
								.knigi_bild img {max-height: 150px}
								.knigi_data{display:none}
								.knigi_bild_m img{max-height: 150px}
							}

@media (min-width: 770px)	{.card{border-radius:6px; margin-bottom:15px}}

										
		
@media (min-width: 768px)	{	.navbar-brand-vtorlib 	{font-size: 12px} 		
								.breadcrumb {font-size: 8px}
								.img-logo 		{max-width:50px}
								.navbar-brand img {width: 60px}			}


@media (min-width: 995px)	{	.navbar-brand-vtorlib 	{font-size: 14px}
								.navbar-brand-vtorlib img {width: 80px}
								.navbar-brand 	{font-size: 19px}
								.navbar-brand img {width: 80px}	
								.breadcrumb {font-size: 10px}
								.dropdown-menu{position:absolute}
							}

@media (max-width: 1105.99px)	{.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}
								}

@media (max-width: 1110px)		{.telegram{display:none}}

@media (min-width: 1111px)	{
								.razdel_pages			{margin-right: 10px; margin-left: 10px}
								.telegram				{float:right}
								.telegram	iframe {border:0; width:178px; height:50px}
								.razdel_pages 			{margin-right: 160px; margin-left: 160px}
								.navbar-brand-vtorlib 	{font-size: 18px}
								.navbar-brand 			{font-size: 22px}
								.breadcrumb 			{font-size: 12px}
								.dropdown-menu			{position:absolute}
							}

	
@media (min-width: 1210px)	{.navbar-brand-vtorlib 	{font-size: 20px}}

@media (min-width: 1350px)	{.navbar-brand-vtorlib 	{font-size: 24px}}


@media (max-width: 1389.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}
}

@media (min-width: 1390px)	{
								.app-sidebar		{	margin-top: 95px}
								.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
								.navbar-brand 	{font-size: 29px;}
								.breadcrumb {font-size: 14px;}
							}



	
.card		{	height: 250px; 
				position:relative;
				background-color:#fff;
				background-clip:border-box;
				border:0 solid rgba(0,0,0,0.125);
				border-top:.0625rem solid rgba(0,0,0,0.125)
				box-shadow: 3px 3px 4px #737373; 
		 		padding: 15px}
	
.card_m 	{	height: 250px; background-color:#fff; box-shadow: 3px 3px 4px #737373} 


.card .card-header{border-bottom:.0625rem solid rgba(0,0,0,0.125)}
.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6{margin-bottom:0}

.card .table{margin:1rem 0}
.card .list-group{-webkit-box-shadow:none;box-shadow:none}
	
/*.card h1	{font-family:Teodor;font-size:18px;font-weight:100;margin-top:15px}
.card h1	{font-family:georgia;font-size:18px;font-weight:100;margin-top:15px}*/
/*.card h2	{font-family: Lora, serif; font-size: 22px; font-weight:200; text-align: center; color: #936;}*/




.card .card_m h3 {font-family: Kurale; font-size: 20px; font-weight: 400; margin-right:50px}
/*.card .card_m h3 {font-family: Teodor; font-size: 20px; font-weight: 400; margin-right:50px}*/
		
.card li			{font-family: georgia; font-size: 14px; font-weight: 200; line-height: 36px; }
.card li a:hover	{text-decoration: none; color: #f00;}
.card li a:visited	{text-decoration: none; color: #306;}
	
.card i				{font-family:georgia;font-size:11px}

.card .sieben_avtory {font-family: Verdana; font-size: 16px; font-weight: 600; text-decoration: none; background: none; }
.card .drei_avtory {font-family: Verdana; font-size: 16px; font-weight: 200; text-decoration: none; background: none; }

.card code {display:block;color:#000066;word-break:break-word;margin-right:30px}


.card .card_m a				{cursor:hand;color:#009}
.card .card_m a:hover		{color:#0085cf}
.card .card_m a:visited		{color:#300}

.card .card_m p				{font-family:georgia;font-weight:100;text-align:left;margin-top:20px}





@-webkit-keyframes ballon{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ballon{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
	
	
	
	



/*.bg-white{background-color:#fff !important}*/
.border{border:1px solid #dee2e6 !important}

.clearfix::after{display:block;clear:both;content:""}

	

/* Код увеличителя начало */

.ienlarger {
	float: left;
	clear: none; /* Можно установить left или right по необходимости */
	padding-bottom: 0px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
	padding-right: 0px; /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
}

.ienlarger a span {  /* Для большого изображения и названия */
	position: absolute;
	display:none;
	color: #FFCC00; /* Текст названия */
	text-decoration: none;
	font-size: 13px; /* Размер шрифта названия */
	background-color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 5px;
}

.ienlarger span img {
	width: 300px;
	height: auto;
	border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
	max-width: none;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
	left: 50px; /* Большое изображение выскакивает влево на 50px от миниатюры */
	z-index: 100;
	
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}


/* Код увеличителя конец */




/* Структура всех книг */


.knigi_data			{position: absolute; top: 10px; right: 10px; font-size:10px}

.knigi_link			{position: absolute; top: 10px; left: 10px; font-size:10px}

.avtor_link			{position: absolute; bottom: 10px; right: 10px; font-size:10px}
.seria_link			{position: absolute; bottom: 40px; right: 10px; font-size:10px}
	
.block 				{position: absolute; top: 40px; width: 80%; margin-left: 140px}
.knigi_bild			{position:absolute; margin-top:23px}
.knigi_bild img 	{display:inline; max-height: 200px;  max-width:130px; padding:.1em; border:1px solid #dcdcda}

.knigi_bild_m 		{position:absolute; margin-top:23px}
.knigi_bild_m img 	{display:inline; max-height: 200px;  max-width:250px; padding:.1em; border:1px solid #dcdcda}







div#picscard	{	text-align:center;
					background-color:#fff;
					padding:15px;
					border-radius:8px; 
					box-shadow: 5px 5px 10px #969696;
					margin-bottom: 20px	}

.knigi_pics{display:inline-block}
.knigi_pics img{width:220px;height:220px;margin:5px;border:2px solid rgba(0,0,0,0.15);vertical-align:baseline}


 


/* Одна книга */

div#container		{	width:100%;
					padding-left:15px;
					margin-right:auto;
					margin-left:auto
				}


	
@media (max-width: 767.9px)	{div#container {padding-left:0px;}}
@media (min-width: 768px)		{div#container {max-width:720px; padding-right:5px;}}
@media (min-width: 992px)		{div#container {max-width:960px; padding-right:80px;}}
@media (min-width: 1200px)		{div#container {max-width:1140px; padding-right:80px;}}

div#container			{padding-top:10px;padding-bottom:10px}
div#container-pics		{padding-top:10px;padding-bottom:10px;padding-right:30px;padding-left:30px}
div#container-fluid		{padding-top:10px;padding-bottom:10px}


.bukinist	{
				padding:10px;
				line-height: 1.4;
				border-radius:8px; 
				margin-right: 10px;
				margin-left: 10px;
				text-align:center;
				margin-top:12px;
				box-shadow: 0px 0px 10px #969696}



div#patreon	{	text-align:center;
				background-color:#F7F2E0;
				padding:10px;
				line-height: 1.4;
				border-radius:8px; 
				margin-right: 60px;
				margin-left: 60px;
				margin-top:12px;
				box-shadow: 0px 0px 10px #969696}
div#patreon img	{width:80px}


div#cherv	{	display: flex;
				padding:10px;
				border-radius:12px; 
				margin-right: 10px;
				margin-left: 10px;
				margin-top: 12px;
				margin-bottom:12px;
				box-shadow: 0px 0px 10px #969696}

div#cherv img	{width:100px}

				/*background-color:#d8d8d8;

				display: flex;
				flex-direction: row-reverse;*/

.vertical-lr 	{writing-mode:vertical-lr;}







/*BOOK CARD*/

div#bookcard	{background-color:#fff;
				padding:15px;
				border-radius:8px; 
				box-shadow: 5px 5px 10px #969696;
				margin-bottom: 20px}
/*div#bookcard	{background-color:#fff;
				padding:15px;
				border-radius:8px; 
				box-shadow: 0px -10px 80px 2px rgb(0 0 0 / 20%)}  silver*/

/*@media (max-width: 767.9px)	{div#bookcard{border-radius:4px; margin-bottom:10px;}}
@media (min-width: 768px)	{div#bookcard{border-radius:6px; margin-bottom:15px;}}   font-family:'Bodoni';text-transform:uppercase*/


div#bookcard table		{width: 100%; text-align:center}


/*div#bookcard h1 {font-family:Lora, serif;font-size:28px;font-weight:500;text-align:center;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid gray; border-radius: 0px 0px 16px 16px;}*/
div#bookcard h1 {font-family:CooperBTLight;font-size:28px;font-weight:400;text-align:center;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid gray; border-radius: 0px 0px 16px 16px;}



div#bookcard p 	{font-family: georgia; font-weight: 100; margin-top: 20px}


div#bookcard li {line-height: 30px}

div#bookcard li a:hover {color: #f00;}
div#bookcard li a:visited {color: #306;}
	
div#bookcard p.sieben_avtory {font-family: Verdana; font-size: 16px; font-weight: 600; margin:0  }
div#bookcard p.avtory {font-family: Verdana; font-size: 16px; font-weight: 200; margin:0}
div#bookcard #alfa_bukva {font-size:24px;background:#ccc;width:1.4em;
							text-align:center; margin-top: 30px; margin-bottom: 20px;}



div#kniga_link		{font-size: 11px; float: left; margin-bottom: 15px; word-spacing: 1.5px;}
div#kniga_data		{font-size: 11px; float: right; margin-right: 15px; }
	@media (max-width: 850px){div#kniga_data{display:none}}


div#kniga{min-height:400px;margin:0 auto;padding:5px;border:1px ridge silver}

/*.knigalink{font:normal 11px "Georgia";display:block;padding:1px 0 1px 0;width:600px;margin-left:80px;text-align:center;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:#08088a;border:solid 0 #b2b2b2;border-radius:30px}
.knigalink a{font:bold 11px "Georgia";color:blue;cursor:hand;line-height:25px}*/

div#kniga_block{float:right;width:76%;margin-right:60px}

hr.first{width:95%;background-color:silver;margin-bottom:15px}
hr.second{width:15%;height:1px;text-align:center;color:silver;border:0;background-color:silver}

div#kniga_google{float:right;width:30px;margin:0 auto;margin-bottom:50px;text-align:left}
div#kniga h1{font-size:18px;font-weight:500;font-variant:small-caps}
div#kniga_bild{float:left;width:170px;padding:.1em}
div#kniga_bild img{display:inline;float:left;max-width:150px;margin:-5px 5px 25px 5px;padding:.1em;border:1px solid #dcdcda}



@media (max-width: 767.99px)	{div#kniga_information{line-height:150%; white-space: break-spaces;    tab-size: 10; clear:both}}
@media (min-width: 768px)		{div#kniga_information{margin-left:180px;line-height:175%; white-space: break-spaces;    tab-size: 60;}}

/*@media (max-width: 767.99px)	{div#kniga_info{line-height:150%; white-space: break-spaces;    tab-size: 10; clear:both}}
@media (min-width: 768px)		{div#kniga_info{margin-left:180px;line-height:175%; white-space: break-spaces;    tab-size: 60;}}*/


div#kniga_down{padding:.1em;clear:both}

div#kniga tr{font-family:tahoma,helvetica,sans serif;font-size:10px}
div#kniga_info_text{margin:0 auto;margin:0 0 5px 20px;padding:5px;text-align:left;text-indent:2px}
div#kniga_info_cat{font-size:10px;font-weight:400;font-weight:300;float:left;margin-top:3px;margin-bottom:10px;margin-left:5px;padding:0;word-spacing:1.5px}


div#kniga_info_twitt{float:right;margin-right:5px;padding:0}


div#content-body	{overflow-y:auto;height:100%}

div#fb		{display: flex;  align-items: center;  justify-content: center	}



div#achtung			{	background-color:white; 
							text-align:center; 
							margin-bottom:10px; 
							margin-left:30px;
							margin-right:30px;
	
							padding: 6px; 
							-webkit-border-radius:8px;
 							border-radius:8px;
	border: 2px solid coral; 
	box-shadow: 10px 10px 20px #969696;
							overflow: hidden}



div#razdel_info			{	background-color:white; 
							text-align:center; 
							margin-bottom:10px; 
							margin-left:50px;
							margin-right:50px;
							padding: 6px; 
							-webkit-border-radius:8px;
 							border-radius:8px;
							overflow: hidden}

.avtor_books			{	background-color:white; 
							text-align:center; 
							margin-bottom:10px; 
  display: table;
  margin-right: auto;
  margin-left: auto;
							width:500px;
							padding: 6px; 
							-webkit-border-radius:8px;
 							border-radius:8px;
							overflow: hidden}

/*div#razdel_info_bild	{width: 170px; margin-right:5px}*/
div#razdel_info_bild	{float: left; width: 200px;}

div#razdel_info_text	{text-align:left; font-family: tahoma; font-size: 11px}
div#razdel_info_text h1	{text-align:center; font-size: 17px; color:black; font-weight: 200}

div#razdel_info p		{font-size:11px; font-weight:300; margin-bottom:2px; margin-top:2px}

div#razdel_info h1		{font-family:Lora; font-size:29px; font-weight:normal}

div#alfa				{max-width:850px; margin-left:auto;margin-right:auto; text-align:center}





div#counter {max-width: 0}





/* footer footer { margin-left:160px;
  background: #2db34a;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;width: 100%;
}*/

div#footer	{	bottom:0;left:0;right:0;
				font-size: 12px; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px; 
				
 }








#div#block .button{font-family:Arial;font-size:13px;font-weight:400;font-style:normal;line-height:27px;display:inline-block;width:190px;height:27px;text-align:center;text-indent:0;
	letter-spacing:0;text-transform:uppercase;color:#777;
	
	border:1px solid #dcdcdc;
	border-radius:6px;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);background-color:#ededed;-webkit-box-shadow:inset 0 1px 0 0 #fff;-moz-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')}#div#block .button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')}#div#block .button:active{position:relative;top:1px}


p.knopka{margin-bottom:3px;text-align:center}


.button{font-family:Arial;font-size:13px;font-weight:400;font-style:normal;line-height:27px;display:inline-block;width:190px;height:27px;text-align:center;text-indent:0;letter-spacing:0;text-transform:uppercase;color:#777;
	border:1px solid #dcdcdc;
	border-radius:6px;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);background-color:#ededed;-webkit-box-shadow:inset 0 1px 0 0 #fff;-moz-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')}.button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')}.button:active{position:relative;top:1px}




.button_hoch
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    line-height: 20px;

    display: inline-block;

    width: 190px;
    height: 40px;

    text-align: center;
    text-indent: 0;
    letter-spacing: 0;
    text-transform: uppercase;

    color: #777;
    border: 1px solid #dcdcdc;
	border-radius:6px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background-color: #ededed;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
       -moz-box-shadow: inset 0 1px 0 0 #fff;
            box-shadow: inset 0 1px 0 0 #fff;
    text-shadow: 1px 1px 0 #fff;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
}
.button_hoch:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    background-color: #dfdfdf;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
}
.button_hoch:active
{
    position: relative;
    top: 1px;
}




.button_vtorlib
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    line-height: 30px;

    display: inline-block;

    width: 190px;
    height: 33px;

    text-align: center;
    text-indent: 0;
    letter-spacing: 0;
    text-transform: uppercase;

    color: #777;
    border: 1px solid #dcdcdc;
	border-radius:6px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background-color: #ededed;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
       -moz-box-shadow: inset 0 1px 0 0 #fff;
            box-shadow: inset 0 1px 0 0 #fff;
    text-shadow: 1px 1px 0 #fff;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
}
.button_vtorlib:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    background-color: #dfdfdf;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
}
.button_vtorlib:active
{
    position: relative;
    top: 1px;
}



em.pagenumber
{
    position:relative; z-index:10; margin-bottom: 3px; text-align: center; font-style: normal;
 
}


/*Pages Number Start   margin-left:90px;    	width:34px;height:34px;  */
.pbutton	{
	line-height:34px;
	display:inline-block;
	width:34px;
	margin:2px 4px 4px 0;
	color:#777;border:1px solid #dcdcdc;
	-moz-border-radius:6px;border-radius:6px;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
	background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
	background-color:#ededed;-webkit-box-shadow:inset 0 1px 0 0 #fff;
	-moz-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;text-shadow:1px 1px 0 #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')}

.pbutton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')}
.pbutton:active{position:relative;top:1px}

.pbutton img{width:31px}
/*height:27px height:34px;*/

/*Кнопка актуальной страницы*/
.pbbutton
	{	line-height:34px;
		display:inline-block;
		width:90px;				
		margin:0 6px 0 0;
		border:1px solid #dcdcdc;		
		-moz-border-radius:6px;		border-radius:6px;
		background:-moz-linear-gradient(center top,#bfbbbb 5%,#dfdfdf 100%);
		background-color:#bfbbbb;
		text-shadow:1px 1px 0 #fff;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')}
/*Pages Number End*/


/*Avtory Alphabet*/

a.pabutton 
{
text-align:center; padding: 10px 16px; 
border: 1px solid #dcdcdc; 
 border-radius: 4px; 
 font:15px Tahoma, Geneva, sans-serif; 
	line-height: 50px;
 font-weight:bold; 
 color:#0c0d0d; 
 background-color:#b9c3c7; 
 background-image: -moz-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -webkit-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -o-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -ms-linear-gradient(top, #b9c3c7 0% ,#edeff0 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeff0', endColorstr='#edeff0',GradientType=0 ); 
 background-image: linear-gradient(top, #b9c3c7 0% ,#edeff0 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #baafaf; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #baafaf;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #baafaf;  
  
 text-shadow: 2px 2px 2px #f7f7f7; 
 filter: dropshadow(color=#f7f7f7, offx=2, offy=2); }

a.pabutton:hover {
 padding: 10px 17px; 
 border:none; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:15px Tahoma, Geneva, sans-serif; 
	line-height: 50px;
 font-weight:bold; 
 color:#0c0d0d; 
 background-color:#b9c3c7; 
 background-image: -moz-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -webkit-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -o-linear-gradient(top, #b9c3c7 0%, #edeff0 100%); 
 background-image: -ms-linear-gradient(top, #b9c3c7 0% ,#edeff0 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeff0', endColorstr='#edeff0',GradientType=0 ); 
 background-image: linear-gradient(top, #b9c3c7 0% ,#edeff0 100%);   
 -webkit-box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #baafaf; 
 -moz-box-shadow: 4px 4px 2px #bababa,  inset 0px 0px 1px #baafaf;  
 box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #baafaf;  
  
 text-shadow: 2px 2px 2px #f7f7f7; 
 filter: dropshadow(color=#f7f7f7, offx=2, offy=2);}


div#block .caption
{font: normal 10px 'Times New Roman'; line-height: 15px; 

    display: block; padding: 1px 0 1px 0; white-space: nowrap; letter-spacing: .40em; text-transform: uppercase; color: #858585; border: solid 1px #b2b2b2; border-radius: 30px; background: #fff;
}


#dropdown 
{position: relative;
  display: inline-block;
	text-align: center;
	font: normal 14px 'Times New Roman'; 
	line-height: 15px; 
    display: block; 
	padding: 5px 0 5px 0; 
	white-space: nowrap; 
	letter-spacing: .30em; 
	text-transform: uppercase; 
	color: #858585; 
	border: solid 1px #b2b2b2; 
	border-radius: 30px; 
	background: #fff;
}

/*position: relative;*/

.caption
{font: normal 10px 'Times New Roman'; line-height: 15px; display: block; padding: 1px 0 1px 0; 

    text-align: center; white-space: nowrap; letter-spacing: .40em; text-transform: uppercase; color: #858585; border: solid 1px #b2b2b2; border-radius: 30px; background: #fff;
}

.downloadbutton			{font-family:Georgia;display:block;width:310px;height:50px;
						margin-left:auto;margin-right:auto;
						text-align:center;
						padding-top: 10px;
						text-transform:uppercase;
						text-shadow:1px 1px 0 #fff;
						border-radius:18px;
	
	background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
	background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
	background-color:#ededed;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')}

.downloadbutton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')}.downloadbutton:active{position:relative;top:2px}.downloadbutton:visited{color:#000fff}