#page{
	margin: 0 auto;
}
/*=======================================
ШАПКА СТРАНИЦЫ
=========================================*/

#header{ 
	background:white;
	box-sizing: border-box;
	margin: 0px;
	padding: 3px;
	color: #4a4646;
	width:100%;
	display: inline-block;
	min-width:1200px;
}

#logo{
	float: left;
	margin-left: 10px;
}

#work-in-maple{
	width:100%;
	text-align:center;
	color: white;
}

#work-in-maple h1{
	margin: 5px;
	font-size: 2.5em;
}

#work-in-maple p{
	margin-top:-8px;
}
#main-nav{/*СТАНДАРТНОЕ ВЕРХНЕЕ МЕНЮ*/
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#main-nav ul {
    list-style-type: none;
    margin-top: 0.5em;
}

#main-nav li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.8em;
}

#main-nav li a {
    text-decoration: none;
    color: #4a4646;
    padding: 5px;
	font-weight:bold;
}

#main-nav li a:hover{
	color: white;
	background-color: #4a4646;	
}

#main-nav li a.active{
	color: white !important;
	background-color: #4a4646;
}

#menu1{/*НАВИГАЦИЯ ПО ГЛАВАМ*/
/*	width:100%;*/
	min-width: 1200px;
	margin:0 auto;
	text-align:center;
	background:white;
	font-family: Arial, Helvetica, sans-serif;
}
#menu1 ul {
    list-style-type: none;
	overflow: hidden;
	margin-top:5px;
	margin-bottom:2px;
	padding-top:3px;
	padding-bottom:3px;
}

#menu1 li {
    display:inline;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.8em;
	border-left:1px solid #bbb;
	padding:0 2px 0 4px;
}

#menu1 li:first-child {
	border:none;
}

#menu1 li a {
    text-decoration: none;
    color: #4a4646;
    padding: 5px;
	font-weight:bold;
}

#menu1 li a:hover{
	color: rgba(233,30,30,1);
	/*background-color: #4a4646;	*/
}

#menu1 li a.active{
	color: rgba(233,30,30,1) !important;
	/*background-color: #4a4646;*/
}
/*=========================================
РАБОЧАЯ ОБЛАСТЬ СТРАНИЦЫ
===========================================*/
#page-wrapper{
	width:1200px;
	position: relative; 
	margin:0 auto;
	min-height: calc(100vh - 260px);	
}

#wrapper {
	display:table-row;
	background:white;
}

#content {/*ОБЛАСТЬ ДЛЯ ТЕОРИИ*/
	display:table-cell;
	width: 920px;
}

#menu2{/*НАВИГАЦИЯ ВНУТРИ ГЛАВЫ*/
	display:table-cell;
	width:280px;
	background:rgba(71, 73, 76, 0.75);
	padding-top:10px;
	box-sizing: border-box;
}

#menu2 ul {
	list-style-type:none;
	margin:auto 25px;
}

#menu2 ul li {
	margin-top:0;
	margin-bottom:10px;
	padding-left:3px;
}

#menu2 ul li a{
	text-decoration: none;
	color: /*#4a4646;*/ white;
	/*font-variant:small-caps;*/
}

#menu2 ul li a:hover{
	color: rgb(144,11,11);
	text-shadow: white 0 0 10px;
}

#menu2 ul li.selected{
	border-left: 1px solid darkred;
}

#menu2 ul li.selected>a{
	color: white;
	font-weight:bold;
	/*text-shadow: rgba(255,255,255,0.5) 1px 1px 0;*/
}

#menu2 ul li a.sel-menu{
	font-weight:bold;
}

#menu2 ul li a.sel-menu::before{
	content: "\25b8";
	/*margin-right:3px;*/
	font-size:1.2em;
	color: darkred;
	margin-left:-1em;
}

#menu2 ul li ul{
	margin-top:0;
}

#menu3{
	font-size:0.85em;
	line-height: 1.2em;
}

#menu2 ul#menu3 li:first-child{
	margin-top:10px;
}


/*-------------------------------------------------------------------------------------------------------*/
#footer {
	width:100%;
	margin-top:5px;
}
#index_footer {
	width:100%;
	margin-top:5px;
	position:absolute;
	bottom:0;
	height:63px;
}

#sfedu{
	float:left;
	margin: 5px;
}
#sfedu img {
	width:64px;
}
#copyrights {
	float:right;
	color: white;
	/*font-weight:bold;*/
	margin: 10px 15px 15px 15px;
}
#copyrights a {
	text-decoration:none;
	color: white;
}


/*Кнопка НАВЕРХ*/
#onTop {
  cursor: pointer;
  display: none;
  font-size: 150%;
  position: fixed;
  width:3.8em;
  top:0;
  right:10px;
  z-index:1000;
  color:white;
  opacity: 0.6;
  background:#b7b7b7;
  }

#onTop a {
    height: 1.2em;
    color: #fff;
    text-decoration: none;
	font-size:0.5em;
    font-weight: 600;
    padding: .5em 0.5em .75em;
}

#onTop:hover{
	opacity:1;
}

/*Титульные листы*/
div.title{
	background: url(../images/bk3.jpg) no-repeat;
	background-size: cover;
	color:white;
	padding:20px;
}

#textBook{
	background: url(../images/maple.png) 30px 0 no-repeat;
	background-size: 22%;
	height:250px;
	text-align:center;
	margin:1.5em auto;
	width:1200px;
	padding-top:18px;
}

#textBook h1{
	color: white;
	font-size:4.5em;
	font-weight:bold;
}

.title_link{
	/*margin-bottom:2em;*/
	margin-right:3em;
	width:100%;
}
.title_link a{
		text-decoration:none;
		color:white;
		font-size:0.8em;
		font-weight:bold;
}

.title_link a:hover{
	color:rgba(233,30,30,1);
}

#title_container{
	margin:0 auto;
	width:100%;
	background:white;
	opacity:0.8;
}

#title_container>div{
	color: #4a4646;
	margin:20px 30px;
	padding-top:20px;
	padding-bottom:20px;
	min-height:631px;
}

#title_container div.part-header{
	font-size: 19px;
}	

#title_container div.interior{
	line-height:2em;
	padding:3em;
	font-size: 1.09em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.3px;
}	

#title_container a{
	font-weight:bold;
	color:rgb(0, 128, 128);
}

#title_container a:hover{
	color: #4a4646;
	/*background:red;*/
}


/*
========================================
Вспомогательные классы
========================================
*/
.hidden{
	display:none;
}



h5[type="ref"] {
	font-size:1.4em;
	line-height:1.8em;
	padding-top:1em;
	cursor: pointer;
	
	}

h5[type="ref"]:hover{
	color: rgb(0, 128, 128) !important;
}

h6 {
	font-size:1.1em;
	line-height:1.2em;
	}

.glava ul{
	font-size:1.1em;
	line-height:1.2em;
	padding-left:2em;
	}	
	
ul.glava {
	padding-left:1.2em;
	}	

.glava a{
	font-weight:normal !important;
	}	
.glava li{
	list-style-type:none;
	}