/* --------------------------BOOKs STYLE--------------------------*/

.page_head {
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1DCDC;
	height: 30px;
	position: relative;
	margin-top: 2em;
	margin-right: 2em;
	margin-left: 4em;
	padding-bottom:1em;
	color: #9097A5 !important;
}
.booktitle{	float: left;}
.pagenav a:link, .pagenav a:visited, .pagenav_separator, .pagenum, .booktitle h1 {color: #9097A5;}
.pagenav_inactive {color: #BAC9D1;}
.pagenum{
	position: absolute;
	top: 4px;
	right: 0px;
	font-size: .8em;
}
.booktitle h1{
	font-size: 1.2em;
	font-weight: normal;
	border-bottom-style: none;
	font-variant: normal;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	letter-spacing: normal;
	
}

/*--------------------------------------------------*/
.page img {
	max-width:100%;
	height:auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/*h2 {font-size: 1.3em;text-align: center;}
h3 {font-size: 1.2em;text-align: center;}
h4 {font-size: 1.1em; font-weight:bold;}*/
li {font-size: 100%; text-align: left; margin-bottom: 1ex;}
li li {font-size: 90%;}
ul ul, ol ol, ol ul, ul ol {margin-top: 1ex;}
.page {
	text-align: center;
	position: relative;
	width: 3.5em;
	margin-left: -4.6em;
	margin-top: .3ex;
	float: left;
	display: inline;
	font-size: .9em;
	vertical-align: bottom;
}

.page a, .page a:visited{text-decoration: none;    color: #999999;outline:none}


.citata_aab, .citata_aab2 {margin: 1em 2em 1em 2em}
.citata_aab p, .citata_aab2 p, .citata_aab li {margin-bottom: 5px;margin-left: 0px;color: #cce2f5;}
.rule, .ruleintro {	margin: 2em 3em 2em 2em;}
.rule p, .ruleintro p {margin-top: 3px;	margin-bottom: 6px;	color: #cce2f5;}
.ruleintro {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C8CBBE;
	width: 70%;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-top: 0px;
	text-align: left;
}
.tritanetText {
    background-color: #F1F4F8;
    padding: 2ex;
	font-size:.9em;
    border: 1px solid #FFFFFF;
}

#gita h4 {
    margin-bottom: 5px;
    color: #EC2B7A;
    font-weight: bold;
}

.gitaSubtitle {

    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-top-color: #70748F;
    border-bottom-color: #70748F;
    text-align: center;
}
.lesson {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5ex;
    margin-top: 2.5em;
}

.aab-cover {
	height: 45em;
	width: 70%;
	background-image: url(img/books/aab-cover.png);
	background-color: #272772;
	color: #D1D1E1;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: auto;
	margin-left: auto;
}
.aab-comp-cover {background-image: url(../images/stories/aab-media/cover_compilation.png);background-color: #D1D1E1; color: #272772;}

.aab-cover p{ font-size: 1.2em;text-align: center!important;}
.aab-cover table, .aab-cover td{border:none!important;}
.aab-cover h1, .aab-cover h2, .aab-comp-cover h1, .aab-comp-cover h2 {font-size: 2em;text-align: center;border: none;}
.aab-cover h1, .aab-cover h2 {color: #D1D1E1;}
.aab-comp-cover h1, .aab-comp-cover h2 {color: #272772;}
.aab-cover h2, .aab-comp-cover h2{font-size: 10px;letter-spacing: 2px;}

.sutras, .sutra{background-color: #ffffff1c;border: 1px solid #f7f8f954;padding: 1em;}
.sutra {margin: 2em 0px 1em 0px;}
.sutras {margin: 2em 0px 1em 0px;}
.sutra, .sutra p, .sutras li, .sutras a:link, .sutras a:visited{text-align: left; color: #cce2f5;}
.sutra, .sutra p, .sutras li {letter-spacing: .1ex;}
.sutras li {text-align: left; padding-bottom: 1em;}
.allwrap{background-color: #dcebf1;}

/* ----------------- ОГЛАВЛЕНИЕ КНИГ ----------------- */
#menu {
	margin-bottom: 2px;
	font-family: 'Roboto Condensed', "Trebuchet MS", sans-serif;
	width: 94%;
	max-width:22em;
	height: auto;
	background-color: #A1B6D0;
	box-shadow:2px 3px 8px rgba(0,0,0,0.5); /* Параметры тени */
	font-size: .9em;
		}
#menu-inner {background-color: #A1B6D0;	margin: 0ex;}
#menu ul{padding:0;	margin:0;list-style-type: none;}
#menu li{
	display: table;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #899FBB;
	position: relative;
}
#menu li:last-of-type{padding-bottom:2em;}
#menu li:hover{background-color: #9DCBEC;}
#menu li a {
	display: block;
	width: 86%;
	margin-left:2%;
	text-decoration: none;
	float: left;
}
#menu li.nospan a {width: 96%;margin-left:2%;margin-right:2%;}	
#menu li span  {
	font-size: 0.8em;
	font-size: 0.8rem;
	color: #F0F0F0;
	font-weight: lighter;
	float: right;
	margin-top: 0.1rem;
	margin-right: 2%;
	text-align: right;
}
#menu li span.rays {
	float: none;
	text-align: center;
	position: absolute;
	left: 9.4em;
	top: 0px;
	letter-spacing: .45ex;
}
#menu .activeLink {
	background-image: url(img/active_link.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #64A9EC;
}
#menu .tableHead{
	background-color: #7385A4;
	margin-bottom: 3px;
	cursor: pointer;
	color: #E6F0EB;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 80%;
	display: block;
	padding-top: 2ex; padding-bottom:2ex;
	padding-left: 1ex;
	}
li.x1, li.x2, li.x3, li.x4, li.x5, li.x6 {}

#menu li.x1 {
	background-color: #93ABCA;
	color: #558AB9;
	text-align: center;
	border: none;
	letter-spacing: 1px;
	height: 1.3em;
}

#menu .x2 a, #menu .x2 a:visited {
	font-size: 85%;
	color: #E9EFF5;
	text-transform: uppercase;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
}

#menu .x3 a, #menu .x3 a:visited {
	font-size: 85%;
	width: 84%;
	margin-left:4%;
	color: #003366;
	font-weight: lighter;
}
#menu .x4 a, #menu .x4 a:visited  {
	width: 81%;
	margin-left:6%;
	font-size: 83%;
	color: #003399;
}
#menu .x5 a, #menu .x5 a:visited   {
	width: 76%;
	margin-left:8%;
	font-size: 80%;
	color: #003399;
	font-style: italic;
}
#menu .x6 a, #menu .x6 a:visited  {font-size: 90%;
	color: #6C5BC5;
	text-align: right;
	font-weight: bold;}

#menu .x7{
	font-size: 1em;
	color: #1E3669;
	text-align: left;
	margin-left:1em;
	text-transform: none;
	display: block;
	width: 95%;
	}

#menu .sanskrt{
	color: #DA1067;
	display: block;
	margin-top: 1ex;
	text-transform: lowercase;
	font-size: 1em;
	letter-spacing: .1ex;
}
/* ------- MOBILE MENU add BUTTONS ----------*/
.prevBtn{left:0%; width:19%;
	background-image: url(img/prev-page.png);
	background-repeat: no-repeat;
	background-position: center center;}
.topBtn{
	left:19%;
	width:19%;
	background-image: url(img/btn-up.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.downBtn{
	left:38%;
	width:19%;
	background-image: url(img/btn-down.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.nextBtn{
	left:57%; width:19%;
	background-image: url(img/next-page.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.tableBtn{left:76%; width:24%;}
/* --------------------------------*/


/*-----------------------------Desktops and Smartphone adapter-------------------- */

@media only screen and (min-width : 1200px) and (max-width : 1399px){
		#page, #menu {width: 99%;}
}

@media only screen and (min-width : 1024px) and (max-width : 1199px){
 		#book-right {margin-left:auto;}
		#page {width: 100%; margin-left: 0; margin-right: 0;}
		#page-inner {
			margin-left: 3em;
			margin-right: 1em; 
			margin-bottom: 1ex;
			padding-bottom:3em; 
			font-size: 1.4em;
		}
		
		#page .page {margin-left: -3.2em;}
		#menu {width: 99%; margin-right:auto;}
		#menu li span  {margin: 0;}
		blockquote{margin:1em}
		}
/*---------------------------Smartphones ------------------------ */
@media only screen and (max-width : 1023px) { 
		body{background-color:#272772;}
		#maximus{background-image: none;}
		#book-right{display:none;width: 100%; margin:0;}
		#book-left{display:block;width: 100%;}
		#midfix {margin-top: 0;}
		#content{}
		#menu {
				width: 100%;
				margin-right: auto;
				margin-left: auto;
				font-size: 120%;
				float: none;}
						
		#menu a {width: 98%;margin-left: 1%; margin-right: 1%;}
		#menu .x4 a {margin-left: 2%;}
		/*#menu span {display: none;}
		#menu span.rays {display: block;}*/
		#menu li{
			padding-top:.5ex;
			padding-bottom:.5ex;
			border-bottom-width:1px;
			border-bottom-style: solid;
			border-bottom-color: #677F9C;}
		#menu .activeLink {background-image: none;}
		#page { padding-bottom:0; margin: 0; width: 100%;}
		.page_head{margin:0;}
		.pagenum, .pagenav {display:none;}
		#page-inner {margin:1ex; padding-bottom:1ex; margin-bottom:0;}
		#page-border{margin:1px;}
		#page, #menu, #page-border {box-shadow:none; }
		.booktitle{width:100%}
		.booktitle h1{color:#272772;}
		.rule, .ruleintro, .citata_aab {margin-left:0;margin-right:0;}
		#page {text-align: left;}
		#page .page {
			font-size:1.5ex;
			font-weight:bold;
			float:right;
			text-align:right;
			width: auto;
			margin-left:3px;
			margin-top:5px;
			display: inline;
			vertical-align: bottom;}
		.aab-cover, .book-cover {width:90% !important;height: auto; background:none}
		.aab-cover h1, .aab-cover h2 {color:#272772;}
		.book-cover h1 {font-size: 2em !important;}
		.book-cover h2 {font-size: 1.7em !important;}
		.book-cover div{margin-top:1em !important; margin-bottom:1em !important;}
		.aab-cover table, .aab-cover td  { height:auto;}
		blockquote{margin:1em}
}
/** -------------------------------------------------------------------------------------- **/