@charset "utf-8";

#hdCont { width: 100%; position: relative; background-color: #F3EF81; height: 514px; position: fixed; top: 0px; z-index: 5; }
	#bgHdCont { width: 100%; height: 514px; background-image: url('../_src/bgHd.jpg'); background-size: 100% 100%; }
	
	#nadyaCont { left: 240px; bottom: 3px; z-index: 5; }
	#nadyaCont > img { left: -200px; top: -200px; }
	
	#volodyaCont { left: 50%; bottom: 446px; }
	#volodyaCont > img { left: -179px; top: 0px; }	
	
	#pigeonsCont { right: 200px; bottom: 68px; cursor: pointer; }
	#pigeonsCont > img { left: 0px; top: 0px; }

	#mainMenuCont { width: 60%; min-width: 660px; left: 20%; bottom: -85px; padding: 15px; z-index: 7; }
	#mainMenuCont { background-color: rgba(255,255,255,0); text-align: center; visibility: hidden; }
	#mainMenuCont > span { font-size: 17px; width: 19.5%; display: inline-block; margin: 0px auto; cursor: pointer; }
	
	#readMenuCont { width: 50%; min-width: 660px; left: 20%; bottom: 0px; padding: 15px; z-index: 8; }
	#readMenuCont { text-align: center; visibility: hidden; }
	#readMenuCont > span { font-size: 17px; width: 19.5%; display: inline-block; margin: 0px auto; cursor: pointer; }

#pagesCont { margin-top: 125px; padding-bottom: 125px; z-index: 4; }
	#pagesCont > img.page { display: block; margin: 0px auto; }
	#pagesCont div.couplePages { display: block; width: 980px; height: 600px; margin: 20px auto; position: relative; }
	#pagesCont div.couplePages > div.page { position: absolute }
	#pagesCont div.couplePages > div._l_in_c { left: 0px; }
	#pagesCont div.couplePages > div._r_in_c { left: 490px; }
	#pagesCont div.page { display: block; width: 490px; height: 560px; background-image: url('../_src/book/page.jpg'); }
	#pagesCont div.page:not([class*="_in_c"]) {
		-moz-box-shadow: 0 0 18px rgba(0,0,0,0.67);
		-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.67);
		box-shadow: 0 0 18px rgba(0,0,0,0.67);
		margin-top: 20px;
	}
	#pagesCont div.page.right_page { background-image: url('../_src/book/page_r.jpg'); }
	#pagesCont div.page { padding: 30px 0px 10px; margin: 0 auto; font-size: 16px; line-height: 1.25; }
	#pagesCont div.page > .verse { display: inline-block; margin: 30px 0px 30px 100px; max-width: 360px; padding: 0 !important; text-indent: 0px !important; }
	#pagesCont div.page > .verse.wide { margin: 30px 0px 30px 60px; max-width: 380px; }
	#pagesCont div.page > .verse.no_mar_t { margin-top: 0px !important; }
	#pagesCont div.page > .verse.no_mar_b { margin-bottom: 0px !important; }
	#pagesCont div.page > .verse.no_mar_tb { margin-top: 0px !important; margin-bottom: 0px !important; }
	#pagesCont div.page > .verse > .string { display: block; }
	.comment { display: inline-block; padding: 0 2px; text-decoration: none; text-indent: 0; }

	._mb30 { margin-bottom: 30px !important; }

/* PAGE CONTENT */

.page .h_100 { height: 100px; }
.page .h_50 { height: 50px; }
.page ._no_in { text-indent: 0px !important; }
.page ._slim_it { width: 200px; margin: 0 auto; font-style: italic; text-align: left; }
.page ._block_it { font-style: italic; text-align: left; }
.page ._bld { font-weight: 800; }

.page h1, h3 { text-align: center; margin: 20px 0; padding: 0 20px; }
.page div { padding: 0 20px; text-align: justify; text-indent: 40px; }
/* PAGE CONTENT */

.illCont { width: 500px; margin: 0px auto; padding-top: 20px; text-align: center; }
	.illCont > img.ill { display: inline-block; margin: 15px; cursor: pointer; }

#bigImageCont { width: 500px; height: 570px; margin: 0px auto; top: 0px; visibility: hidden; padding-top: 30px; }
	#bigImageContInner { background-image: url('../_src/ldng.gif'); background-repeat: no-repeat; background-position: 50% 50%; }
	#bigImageCont img { display: block; margin: 0px auto; cursor: pointer; }

	#bigImageAr_left { position: absolute; left: 5px; top: 50%; cursor: pointer; }
	#bigImageAr_rigt { position: absolute; right: 5px; top: 50%; cursor: pointer; }
	#bigImageAr_crss { position: absolute; right: 5px; top: 5px; cursor: pointer; }

#authPage { display: none; }
#authCont { width: 55%; margin: 0px auto; padding-top: 10px; text-align: justify; }

#fdbkPage { display: none; }
#fdbkCont { width: 55%; margin: 0px auto; padding-top: 10px; text-align: justify; position: relative; }
#fdbkCont form p { margin-bottom: 10px; border-bottom: 1px dotted white; padding-bottom: 5px; }
#fdbkCont form span { display: inline-block; width: 44%; font-size: 16px; }
#fdbkCont form input[type="text"] { display: inline-block; width: 55%; font-size: 15px; }
#fdbkCont form input[type="button"] { width: 25%; font-size: 16px; /* display: block; margin: 0px auto; */ }
#fdbkCont form textarea { display: inline-block; vertical-align: top; width: 55%; height: 200px; font-size: 15px; }