body{																				
	color:#000000;				
	text-align:center;
	font:400 20px "Arial";
	}
.nm {
	font: Arial;
	color:#800000;
	font-size: 10pt;
	}
.nm1 {
	font: Arial;
	text-shadow: black 0.5px 0.5px 0.5px;
	color:#cc0000;
	font-size: 12pt;
	}
.tb1 {
	background-image: url('images/st01_.png');				/* замостить колонну левую */
	background-repeat: repeat-y;
	}
.tb2 {
	background-image: url('images/st02_.png');				/* замостить колонну правую */
	background-repeat: repeat-y;
	}
.st0r1 {
	background-image: url('images/top.png');					/* замостить верх и низ */
	background-repeat: repeat;
	}
.st0r2 {
	background-image: url('images/left.png');					/* замостить меню */
	background-repeat: repeat;
	}
.line1{
	background-image: url('images/line_.png'); /* Путь к фоновому рисунку */
    background-position: left bottom; /* Положение фона */
    background-repeat: repeat-x; /* Повторяем фон по горизонтали */
    }
.line2{
	background-image: url('images/line2_.png'); /* Путь к фоновому рисунку */
    background-position: left bottom; /* Положение фона */
    background-repeat: repeat-x; /* Повторяем фон по горизонтали */
    }
.cent0{
	background-image: url('images/center0.png'); /* Путь к фоновому рисунку */
    background-position: left bottom; /* Положение фона */
    background-repeat: repeat; /* Повторяем фон по горизонтали и вертикали */
    }
/* ________МЕНЮ___________ */
img{
	border:0px;
	}
.td_left {
	position: relative;
	min-width: 200px;
	width: 200px;
	max-width: 200px;
	}
.main_block {
	width : 100%;
	}
.center_block {
	position: relative;
	width : 600px;
	margin : 0 auto;
	}
.left_block {
	position: relative;
	margin-top: -113px;
	float: left;
	left: 30px;
	}
.right_block {
	position: relative;
	margin-top: -113px;
	float: right;
	right: 30px;
	}
div.images { /* иконки меню */
	margin-left: 0px;
	margin-top: 20px;
	}
div.text {
	margin-left:40px;
	margin-top: -22px;	
	}
div.text2 {
	margin-left:0px;
	margin-top: 16px;	
	}
div.text3 {
	margin-left:40px;
	margin-top: -35px;	
	}
/*шрифты*/
DIV.line {
	border: 5px outset #800000; /* Линия слева от текста */
	padding: 10px; /* Расстояние между линией и текстом */
	margin: 0 5px; /* Расстояние от левого края до линии */
	}
p {
	margin:10px;
	}
.shadow {
    text-shadow: black 1px 1px 1px; /* Параметры тени */
    color: red;
    font-size: 12px;
   }
.list {													/* закладки */ 
	color:#800000; 						
	text-align:center;
	font:300 14px "Arial";
	}
.nov0 {													/* Заголовок с тенью */
	text-shadow: black 1px 1px 1px;
    color: red;
    font-size: 16px; 
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
	padding-top: 10px;	
	}
.nov1 {
	color:#800000;									/* заголовок */
	font:600 16px "Arial", "Cursive";
	margin:10px;
	text-align: center;
	padding-top: 10px;
	}
.nov02 {
	color:#330066;
	font:400 16px "Times new Roman", "Times";
	text-align: justify;
	}
.nov03 {
	color:#330066;
	font:400 15px "Times new Roman", "Times";
	}
.nov2 {
	color:#330066;
	font:400 15px "Times new Roman", "Times";
	text-align: justify;
	}
.nov20{
	color:#330066;
	font:400 15px "Times new Roman", "Times";
	padding-top: 10px;
	}
.nov21 {
	color:#330066;									/* текст с отступом*/
	font:400 15px "Times new Roman", "Times";
	text-align: justify;
	margin: 0;
	padding-left: 20px;
	}
.nov3 {
	font:italic 400 17px "Arial", "Cursive";
	line-height: 1.5;
	margin:20px;
	text-align: center;
	padding-top: 10px;
	}
.nov4 {
	font:italic 400 17px "Arial", "Cursive";
	line-height: 3.0;
	margin:20px;
	padding-top: 10px;
	}
.nov5{
	color:red;
	font:400 16px "Times new Roman", "Times";
	text-align: justify;
	}
.red{
	color:red;
	font:400 16px "Times new Roman", "Times";
	text-align: justify;
	}
.red1 {
	color:red;	
	font:600 16px "Arial", "Cursive";
	margin:10px;
	padding-top: 10px;
	}
.nov-top {
	color:#330066;
	font:400 15px "Times new Roman", "Times";
	text-align: center;
	}
.nov-foto {
	color:#330066;
	font:400 15px "Arial Narrow", "Arial";
	text-align: center;
	}

.map1 {
	color:#330066;
	font:400 16px "Arial";
	}
DIV.line {
	border: 5px outset #800000; /* Линия слева от текста */
	padding: 10px; /* Расстояние между линией и текстом */
	margin: 20 40px; /* Расстояние от левого края до линии */
	}
/* Шрифты из лекций */
.lekc1{
	color:#800000;
	font:600 20px "Arial", "Cursive";
	margin:20px;
	text-align: center;
	padding-top: 20px;
	}
.lekc2{
	color:#800000;
	font:400 16px "Arial", "Cursive";
	text-align: left;
	margin: 10 10px;
	}
.lekc21{
	color:#800000;
	font:400 16px "Arial", "Cursive";
	margin: 10 10px;
	}
.lekc3{
	color:#800000;
	font:600 17px "Arial", "Cursive";
	text-align: center;
	margin: 10 10px;
	}
.lekc4{
	color:#330066;
	font:400 16px "Times new Roman", "Times";
	text-align: justify;
	margin: 10 10px;
	}
.lekc41{
	color:#330066;
	font:400 17px "Times new Roman", "Times";
	text-align: justify;
	margin: 10 10px;
	}
/* _Планы лекций_ */
.li{
	color:#800000;
	font:400 16px "Arial", "Cursive";
	text-align: left;
	margin: 10 30px;
	}
.li2{
	color:#800000;
	font:400 16px "Arial", "Cursive";
	text-align: left;
	margin: 10 20px;
	}
.li3{
	text-align: left;
	margin: 10 20px;
	}
/* _Презентация_ */
.prez {
	color:#800000;
	font:600 16px "Arial", "Cursive";
	line-height: 2.2;
	z-index: 2;
	}
.prtext {
	position: absolute; /* Абсолютное позиционирование */
	left: 250px; /* Положение от левого края */
	top: 300px; /* Положение от нижнего края */
	line-height: 0px;
	z-index: 1;
	}
.pr1 {
	position: absolute;
	left: 310px;
	top: 260px;
	line-height: 0px;
	z-index: 1;
	}
.pr11 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr11:hover { opacity: 0; }
.pr2 {
	position: absolute;
	left: 250px;
	top: 330px;
	line-height: 0px;
	z-index: 1;
	}
.pr21 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr21:hover { opacity: 0; }
.pr3 {
	position: absolute;
	left: 250px;
	top: 400px;
	line-height: 0px;
	z-index: 1;
	}
.pr31 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr31:hover { opacity: 0; }
.pr4 {
	position: absolute;
	left: 250px;
	top: 470px;
	line-height: 0px;
	z-index: 1;
	}
.pr41 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr41:hover { opacity: 0; }
.pr5 {
	position: absolute;
	left: 250px;
	top: 540px;
	line-height: 0px;
	z-index: 1;
	}
.pr51 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr51:hover { opacity: 0; }
.pr6 {
	position: absolute;
	left: 250px;
	top: 610px;
	line-height: 0px;
	z-index: 1;
	}
.pr61 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr61:hover { opacity: 0; }
.pr7 {
	position: absolute;
	left: 250px;
	top: 680px;
	line-height: 0px;
	z-index: 1;
	}
.pr71 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr71:hover { opacity: 0; }
.pr8 {
	position: absolute;
	left: 250px;
	top: 750px;
	line-height: 0px;
	z-index: 1;
	}
.pr81 {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0px;
	z-index: 2;
	}
.pr81:hover { opacity: 0; }



/* ______Фотогалерея______ */
.table1 {
	border-collapse: collapse; /* Убираем двойные линии между ячейками */
	border: 5px groove #ccc; /* Рамка вокруг таблицы */
	}
.foto1 {
    background: #F2EFE6;
    border: 1px solid #B25538;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px;
    width: 240px;
    height: 190px;
	float: left; /* Обтекание по правому краю */
	}
.foto2 {
    background: #F2EFE6;
    border: 1px solid #B25538;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px;
    width: 400px;
    height: 190px;
	float: left; /* Обтекание по правому краю */
	}
.foto3 {
    background: #F2EFE6;
    border: 1px solid #B25538;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px;
    width: 240px;
    height: 200px;
	float: left; /* Обтекание по правому краю */
	}
.clear {
    clear: left; /* Отмена обтекания */
	}
/* ----------- для методичек ----- */
DIV.outline {
	border: 1px solid red;
	padding: 0 10px;
	margin: 10 10px;
	}
DIV.outline1 {
	border: 1px solid red;
	padding: 0 10px;
	margin-left: 240px;
	margin-right: 20px;
	}
/* _______Портфолио_______ */
.portf {
	color:#800000;									/*  *  */
	font:600 18px "Arial", "Cursive";
	margin:10px;
	text-align: center;
	padding-top: 10px;
	}
.portf1 {
	color:#800000;									/* заголовок */
	font:600 16px "Arial", "Cursive";
	margin:10px;
	padding-top: 10px;
	}
.portf2 {
	color:#800000;									/* заголовок */
	font:400 14px "Arial", "Cursive";
	text-align: left;
	margin:10px;
	}
.portf3 {
	color:#800000;
	font:400 14px "Arial", "Cursive";
	text-align: left;
	margin: 0 20px;
	}
.portf4{
	color:#800000;
	font:400 14px "Arial", "Cursive";
	margin: 10 10px;
	}
.portf5{
	color:#330066;
	font:400 15px "Times new Roman", "Times";
	text-align: justify;
	margin: 10 10px;
	}
/* _____WEB-ресурсы_______ */
div.c1{
	margin-left:20px; margin-top:0px;
	}
div.c2{
	margin-left:50px;margin-top:0px;
	}
/* ----------- для скрипта ----- */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800000;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #330066;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/* ----------- СПОЙЛЕР----- */
.spoiler > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{background:#CCC;padding:16px 15px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{background: #FFFAF0;border: 2px solid #CCC;border-top: none;}