@font-face{

font-family: 'MyWebFont';

src: url('fonts/pfagoraslabpro-bold.ttf');
}

/*css оболочки*/
:root {
	--grayText:#3f3f3f;
}

/*==============================================================*/
/*---------------ГОРИЗОНТАЛЬНАЯ НАВИГАЦИЯ-----------------------*/
/*==============================================================*/

header {
    text-align: justify;
    height: 4em;
    padding: 0.5em 3%;
    color: rgba(6, 110, 132,1);
}
 
header::after {
    content: '';
    display: inline-block;
    width: 100%;
}
 
header > div,
header > div::before,
header nav,
header > div h1 {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
	text-transform:uppercase;
}
 
header > div {
    height: 100%;
}
 
/* header > div::before {
    content: '';
    height: 100%;
} */
 
header > div h1 {
    font: 1.7em 'verdana';
    /* font-style: italic; */
}

header > div > p {
    margin-top:-3px;
	font-size: 1em;
}

header nav {
	vertical-align:top;
}

header nav a {
    padding: 0.8em 0.6em;
    white-space: nowrap;
	text-transform:uppercase;
	color:rgba(6, 110, 132,1);
	font: 0.6em 'verdana';
}
 
header nav a:last-child {
    padding-right: 0;
} 

header nav a:hover {
	color: red;
}

header nav a.current {
	color: red;
}

@media screen and (max-width: 1280px){
     
    header {
        height: auto;
    }
     
    header > div,
    header > div h1,
    header nav {
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }
     
}

@media print {
	textarea.w100 {
		width:100%;
	}
}
/*==============================================================*/
/*--------------------ОСНОВНОЙ КОНТЕНТ--------------------------*/
/*==============================================================*/

main {
	width: 100%;
	overflow:auto;
}

* html main {
  height: 100%;
}

section {
   display: block;
}

section::after {
    content: '';
    display: inline-block; 
    width: 100%;
}

/*==============================================================*/
/*---------------------ШАПКА МОДУЛЯ-----------------------------*/
/*==============================================================*/
section#head {
	width:1200px;
	margin: 0 auto;
	background:white;
}

section#head nav {
	display: inline-block;
    vertical-align: middle;
	color: white;
	text-align: center;
	width: 100%;	

}

section#head nav ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style:none;
}

section#head nav ul > li{
	display: table-cell;
	text-align: center;
	/* margin-right:3px; */
}

	
section#head nav a {
    padding: 0.2em;
    white-space: nowrap;
	text-decoration:none;
	font-weight:600;
	font-size:1.15em;
	font-family:'MyWebFont';
	color: white/* rgb(6, 110, 132) */;
}

section#head nav li.smodul a:before{
	content: "\21e3";
	padding-right:7px;
	font-weight: 600;
}

section#head nav li.smodul a:after{
	content: "\21e3";
	padding-left:7px;
	font-weight: 600;
}


/*++++++++++++++++++Part 2+++++++++++++++++++++++*/

#part_4{
	float:left;
	/* width:50%; */
	padding: 10px;
	background: rgba(253, 221, 115,1);
	border: 1px solid rgba(253, 221, 115,1);
	text-transform:uppercase;
	letter-spacing:0.3em;
} 

/* #part_4 a{
	color: rgba(23,65,149,1) !important;
} */

#part_4 a:hover,#unit_nav1 a:hover {
	color: rgba(228,3,47,1) !important;
}
/*++++++++++++++++++Part 3+++++++++++++++++++++++*/

#part_3 {
	float:left;
	/* width:50%; */
	background: rgba(173, 228, 239,1);
	padding: 10px;
	color: white;
	border: 1px solid rgba(173, 228, 239,1);
	text-transform:uppercase;
	letter-spacing:0.3em;
}

#part_3 a:hover {
	color: rgba(228,3,47,1) !important;
}

div[id^="part_"][type="main"] {
	width:80%;
}
div[id^="part_"]{
	min-width:20%;
}
/*+++++++++++++++++++Подменю+++++++++++++++++++++++*/
.sub_nav div {
	float:left;
	/* max-width:50%;
	width:auto%; */
	width:50%;
	
	border: 1px solid rgba(173, 228, 239,1);
	padding:10px;
}

.sub_nav div a {
	color:	rgba(6, 110, 132,1) !important;
}
.sub_nav div ul {
	width:50% !important;
	margin:auto !important;
}

.sub_nav div ul li:not(:last-child)::after{
	content: "\2192";
	color: rgba(6, 110, 132,1);
	font-weight:600;
	font-size:1.3em;
	padding-left:45px;
	padding-right: 45px;
}
.sub_nav div ul li:not(:first-child){
	
}

.sub_nav div ul li:last-child a{
	margin-right:25px;
}

.sub_nav div a#active {
	border-top: 2px solid rgba(6, 110, 132,1); 
	border-bottom: 2px solid rgba(6, 110, 132,1); 
	background: rgba(253, 221, 115, 0.16);
}

/*==============================================================*/
/*-------------ОСНОВНОЙ КОНТЕНТ И ЛЕВОЕ МЕНЮ--------------------*/
/*==============================================================*/

section#content {
	width: 1200px;
	margin: 0 auto;
	background:white;
	overflow:hidden;
}

section#content aside{
	float:left;
	width:25%;
	margin-left:12px;
	background: white;
	height: 100%;
}

section#content nav{
	display: block;
	background:white;
	color:var(--grayText);
    vertical-align: middle;
    /* padding: 0.2em 3%; */
	text-align: left;
	height: auto;
}

section#content nav a{
	color:var(--grayText);
}

section#content nav div.tr div.cell{
	padding:10px;
}
section#content nav div.tr div.cell:first-child{
	width:20px;
}

section#content nav div.tr div.cell p{
	font-size: 0.8em;
}
section#content nav div.tr div.cell p.current{
	font-weight:bold;
}
section#content nav div.tr div.cell ul{
	font-size: 0.8em;
    white-space: normal;
	margin-left: 15px;
}

section#content nav div.tr div.cell ul li{
	padding-top:5px;
}

article{
	width:73%;
	float:left;
	padding: 15px;
	color: #504e4e;
	min-height:500px;
}

article h1 {
	color: orange;
	text-align:center;
}

.target{
	font-weight:bold;
}
/*==============================================================*/
/*--------------------ФУТЕР И ЕГО СОДЕРЖИМОЕ--------------------*/
/*==============================================================*/

#footer {
	min-height: 80px;
	margin-top:15px;
}

#sfedu{
	float:left;
	margin: 15px;
}

#sfedu img {
	width:50px;
}

#copyrights {
	float:right;
	margin: 15px;
	white-space: nowrap;
	text-transform:uppercase;
	color:rgba(23,65,149,1);
	font: 0.6em 'verdana';
}

#copyrights a {
	text-decoration:none;
	font-weight:bold;
	white-space: nowrap;
	text-transform:uppercase;
	color:rgba(23,65,149,1);
}

#copyrights a:hover{
	color:rgb(228, 3, 47);
}

/*АБЗАТЦ БЕЗ ОТСТУПА*/
.noTab {
	text-indent:0 !important;
}

/*РАЗДЕЛ ОБ АВТОРАХ*/

.author {
    display: table;
    padding: 0;
    border-spacing: 5px;
}

.author div {
    display: table-row;
}

.author div>div {
    display: table-cell;
    vertical-align: top;
    text-align: justify;
}

.author img {
    float: left;
}
.author img {
    width: 100px;
}

/*Титульная страница*/
.legend{
	padding:10px;
	background:rgba(253, 221, 115,1);
	text-align:center;
	text-transform: uppercase;
    letter-spacing: 0.3em;
	font-weight: 600;
    font-size: 1.2em;
    font-family: 'MyWebFont';
    color: white/* rgb(6, 110, 132) */;
}

#textBook {
    text-align: center;
    background-image: url(../images/com/title.png);
	background-repeat: no-repeat;
    padding: 5px;
    box-sizing: border-box;
    margin: 20px;
}

#textBook>div p[type="name"] {
	margin: auto;
    box-sizing: border-box;
    text-indent: 0;
    text-align: center;
    font-size: 2.1em;
    font-family: 'MyWebFont' !important;
    font-weight: bold;
    color: rgba(6, 110, 132,1);
    line-height: 1em;
}
.s_group{
	margin-bottom: 20px;
	margin-left: 80px;
	line-height: 1.5em;
}

.s_group p{
	text-indent:0 !important;
}

.with_bg{
	width:100% !important;
	margin: auto;
	min-height:500px;
	background: url(../images/com/rainbow.png) bottom no-repeat  !important;
	-moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%;
}

.with_bg a,li {
	text-decoration:none;
	color:#625A5A;
}

.with_bg a:hover{
	color: red;
}	


.table{
	display:table;
	border-collapse:collapse;
	width: 100%;
}
.tr{
	display:table-row;
}
.cell{
	display:table-cell;
}
div.cell textarea {
	width:100%;
	border:none;
	outline: none;
	-moz-appearance: none;
	color:var(--grayText);
	padding:5px;
}

textarea.ligthblue::-webkit-input-placeholder {
    color: rgb(206,231,249);
}

textarea.ligthblue:-moz-placeholder {
    color: rgb(206,231,249);
}
textarea.ligthpink::-webkit-input-placeholder {
    color: rgb(206, 114, 135);
}

textarea.ligthpink:-moz-placeholder {
    color: rgb(206, 114, 135);
}

textarea.ligthyellow::-webkit-input-placeholder {
    color: gray;
}

textarea.ligthyellow:-moz-placeholder {
    color: gray;
}

div.tr.yellow_border{
	border:1px solid rgb(239, 212, 125);
	padding:3px;}

.blue {background:rgb(206,231,249);}
.lightblue {background:rgba(229,244,255,0.34);}
.blue_border {border: 1px solid rgb(206,231,249);}

div.cell.blue{
	padding:5px;
	font-weight:bold;
	font-style:italic;
}

div.blue_border div.numb {
	padding:2px;
	width:15px;
	color:rgb(206,231,249);
	font-size:2em;
	vertical-align:top;
}
div.blue_border div.numb>p{
	color:rgb(206,231,249);
	font-size:2em;
	text-indent:0;
	text-align:left;
	line-height:1em;
}

div.blue_border div.numb_small {
	padding:2px;
	width:15px;
	color:rgb(206,231,249);
	font-size:1.6em;
	vertical-align:top;
}
div.blue_border div.numb_small>p{
	color:rgb(206,231,249);
	font-size:1.6em;
	text-indent:0;
	text-align:left;
	line-height:1em;
}

.table.diagramm div.cell.yellow{
	padding:5px;
	font-weight:bold;
	font-style:italic;
	background:rgb(239, 212, 125);
}

div.yellow_border div.numb_small {
	padding:2px;
	width:20%;
	font-size:1.6em;
	vertical-align:top;
}
div.yellow_border div.numb_small>p{
	color:rgb(239, 212, 125);
	font-size:1.6em;
	text-indent:0;
	text-align:left;
	line-height:1em;
}
div.pink_border div.numb_small {
	padding:2px;
	width:15%;
	vertical-align:top;
}
div.pink_border div.numb_small>p{
	color:rgb(206, 114, 135);
	font-size:1.2em;
	text-indent:0;
	text-align:left;
	line-height:1em;
}
.pink{background:rgb(255,209,220);}
.lightpink{background:rgb(255,246,248);}
p.lightpink {
	background:none;
	color: rgb(206, 114, 135);
	font-style:italic;
}
.pink_border{border:1px solid rgb(255,209,220);}

.yellow{background:rgb(255,255,158);}
.lightyellow{background:rgb(255,255,236);}
.yellow_border{border:1px solid rgb(239, 212, 125);}

.green{background:rgb(207,255,130);}
.lightgreen{background:rgb(245,255,224);}
.green_border{border:1px solid rgb(111,179,3);}

.violet{background:rgb(149,117,205);}
.lightviolet{background:rgb(237,231,246);}
/* .violet_border{border:1px solid rgb(111,179,3);} */

.marine{background:rgb(0,188,212);}
.lightmarine{background:rgb(232,252,255);}
/* .marine_border{border:1px solid rgb(111,179,3);} */

.orange{background:rgb(255,152,0);}
.lightorange{background:rgba(255,152,0,0.2);}

input.lightgreen, textarea.lightgreen{
	background:none;
	border:none;
	border-bottom: 1px solid rgb(111,179,3);
	line-height:1.2em;
	padding:5px;

}

input.lightgreen::placeholder,textarea.lightgreen::placeholder{
	color: rgb(111,179,3);
}
.deg135{
    -moz-transform: rotate(-135deg); /* Для Firefox */
    -ms-transform: rotate(-135deg); /* Для IE */
    -webkit-transform: rotate(-135deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-135deg); /* Для Opera */
    transform: rotate(-135deg);
}

.deg135_mirror{
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
}

.deg60_mirror{
    -moz-transform: rotate(-60deg); /* Для Firefox */
    -ms-transform: rotate(-60deg); /* Для IE */
    -webkit-transform: rotate(-60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-60deg); /* Для Opera */
    transform: rotate(-60deg);
}

.deg60{
    -moz-transform: rotate(60deg); /* Для Firefox */
    -ms-transform: rotate(60deg); /* Для IE */
    -webkit-transform: rotate(60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(60deg); /* Для Opera */
    transform: rotate(60deg);
}

.deg30{
    -moz-transform: rotate(-120deg); /* Для Firefox */
    -ms-transform: rotate(-120deg); /* Для IE */
    -webkit-transform: rotate(-120deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-120deg); /* Для Opera */
    transform: rotate(-120deg);
}

.deg90{
    -moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);
}


div.cell.example{
	width:25%;
}

div.cell.example p{
	font-size:.9em;
	text-align:left;
	text-indent:0;
	margin-bottom:10px;
	line-height:1.2em;
}

.sub_nav ul li {
	/* float:left; */
}

nav a.active {
	color: white;
    background: rgba(253, 221, 115,1);
}
.title_link{
	margin: 1em auto;
    width: 90%;
    padding: 0.8em 0.6em;
    white-space: nowrap;
    text-transform: uppercase;
    font: 0.6em 'verdana';
}

div.title_link a {
	color: rgba(6, 110, 132,1) !important;
}
div.title_link a:visited {
    color: rgba(6, 110, 132,1);
}

#copyrights{
	white-space: nowrap;
    text-transform: uppercase;
    font: 0.6em 'verdana';
	color: rgba(6, 110, 132,1);
}
#copyrights a{
	color: rgba(6, 110, 132,1);
}

#copyrights a:visited{
	color: rgba(6, 110, 132,1);
}

div.title {
	padding: 20px;
}

#title_container {
    margin: 0 auto;
    width: 100%;
}

#title_container>div:first-child {
	min-height: 600px;
}

.ulWrapper {
	width:40%;
	margin: 1em auto;
	
}