html,body{
	margin: 0;
	padding: 0;
	background-color: #fafafa;
	font-family: 'Open Sans', sans-serif;
}

.content {
	color: #444;
	max-width: 1600px;
	margin: 0 auto;
}

h1,h2 {
	text-align: center;
}

.title-page {
	font-weight: 600;
	max-width: 900px;
	margin: 15px auto;
}

a {
	color: #0085bf;
	text-decoration: none; 
	cursor: pointer;
}

a:hover {
	color: #cc4125;
	text-decoration: none;
}

.clearfix {
	clear: both;
}

.cr {
	margin: 20px  auto 0 auto;
	text-align: center;	
}


/*-----------------------------------------------------------------------------
Главная страница!
-----------------------------------------------------------------------------*/

.mp-wrap{ 
	margin: 0 auto;
	width: 90%;
	max-width: 1400px;
	font-family: 'Open Sans', sans-serif;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  align-items: stretch;
}

.mainpage-wrap{ 
	margin: 0 auto;
	width: 90%;
	max-width: 1000px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #cecece;
	background-color: #fff;
	padding: 0 25px;
}

.menu-block {
	border: 1px solid #cecece;
	background-color: #fff;
	margin: 15px;
	width: 300px;
/*	height: 230px; */
}

.menu-block--soon {
	border: 1px solid #cecece;
	background: rgba(139,186,11,0.2);
}

.menu-block--important {
	border: 1px solid #cecece;
	background: rgba(200,0,0,0.2);
}

.menu-block__link_black {
	color: #333;
}

.menu-block__inner-link{
	display: block;
	width: 90%;
	margin: 7px auto;
}

.menu-block__inner-link:last-child {
	margin-bottom: 25px;
}

.menu-block__title {
	font-size: 1.2em;
	display: flex;
	width: 95%;
	height: 60px;
	max-width: 290px;
	margin: 5px auto;
	font-weight: bold;
	align-items: center;
	justify-content: space-around;
}


.menu-block--soon .menu-block__text, .menu-block--important .menu-block__text {
	font-weight: bold;
}

.menu-block--soon p, .menu-block--important p{
	width: 90%;
	margin: 7px auto;
}

.menu-block--soon .menu-block__inner-link:hover, .menu-block--important .menu-block__inner-link:hover{
	color: #444;
}

.menu-block__logo{
	display: block;
	height:160px;
	margin: 20px auto;
}

.menu-block__img{
	width: 80%;
	max-width: 200px;
	display: block;
	margin: 20px auto;
}

.rand_thm {
	margin: 0 auto;
	max-width: 900px;
	min-height: 100px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid silver;
	border-radius: 4px;
}

.rand_thm p {
	font-size: 11pt;
	margin: auto 15px;
}

/*-----------------------------------------------------------------------------
Страница с предметами
-----------------------------------------------------------------------------*/
.container-flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	min-height: 250px;
	padding: 10px;
}

.block-category{
	width: 430px;
	min-height: 200px;
	margin: 15px 23px;
	border: 1px solid #cecece;
	background-color: #fff;
}

.block-category h2 {
	font-weight:600;
	font-size: 2.1em;
}

.list-courses {
	margin: auto 40px 40px 0;
}

.list-courses li {
	list-style-type: none;
	margin: auto auto .5ex auto;
}

.block-links {
	height: 50px;
	margin: auto 25px;
}

/*-----------------------------------------------------------------------------
Страница конкретного предмета
-----------------------------------------------------------------------------*/

.title-section {
	text-align: left;
}

.appeal {
	min-height: 80px;
	background-color: #f5ecce;
	font-size: 1.2em;
	line-height: 40px;
	text-align: center;
}

.appeal p {
	margin: 15px;
	vertical-align: middle;
}

.description-material {
	color: #666;
	font-size: .9em;
	margin: 0 0 10px 20px;
}

.social-button {
	min-height: 80px;
	background-color: #f5ecce;
	font-size: 1.2em;
	line-height: 32px;
	text-align: center;
	width: 100%;
}

.social-button p {
	vertical-align: middle;
}

.lecturer{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	border: 1px solid #666;
	padding: 0;
	width: 250px;
	background-color: #fafafa;
}

.lecturer-photo{
	width: 250px;
	text-align: center;	
}

.lecturer-photo img {
	width: 250px;
	margin: auto;
}

.lecturer-describe{
	width: 100%;
	text-align: center;
}

.lecturer-describe h2 {
	padding: 0;
	font-size: 1em;
	margin: 0 auto 0 auto;
}



/*-----------------------------------------------------------------------------
Страница с примерами
-----------------------------------------------------------------------------*/

.list-problems  li{
	width: 100%;
	height: 120px;
	border: 1px solid #999;
	margin: 10px;
//	display: flex;
//	flex-flow: row wrap;
}


/*-----------------------------------------------------------------------------------------------
Страница календарь
-----------------------------------------------------------------------------------------------*/
.cld-title-events {
	text-align: left;
	font-size: 1.4em;
	margin-bottom: 0;
}

.cld-title-events > span {
	font-size: 0.7em;
	color: #cc4125;
}

.cld-text-event{
//  margin: 10px 0 65px 0;
//  border-bottom: 1px solid #bbb;
}

.cld-text-event > p {
  margin-top: 0;
}

.cld-text-event > p  > span {
  font-weight: bold;
}

.cld-tags {
	font-size: .9em;
	font-weight: normal;
}

.cld-tags > a {
	margin-right: 10px;
	color: #888;
}

.cld-tags > a:hover {
	color: #6aa84f;	
}

.cld-wrap-select{
	margin-bottom: 15px;
}

.select-punct{
	display: inline-block;
	min-width: 200px;
}

.cld-select, .cld-submit {
	width: 250px;
	height: 30px;
	margin: 10px 10px 10px 0;
}

.cld-label-ckb {
	margin: 0 20px 0 auto;
}

.cld-submit {
	background: #fff;
	border: 1px solid #444;
}

.information-event {
	coror: #777;
}

/*-----------------------------------------------------------------------------------------------
Страница команда сайта
-----------------------------------------------------------------------------------------------*/
.list-team {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
	list-style: none;
}

.item-list-team {
	min-width: 300px;
	width: 450px;
	min-height: 250px;
	max-height: 400px;
	background: #fafafa;
	margin: 30px 20px;
	align-self: flex-start; 
}

.worker {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	border: 1px solid #333;
	padding: 0;
}
			
.worker-photo{
	width: 240px;
	text-align: center;	
//	border: 1px solid red;
			}
			
.worker-describe{
	width:200px;
//	border: 1px solid green;
}
			
.worker-photo img {
	min-height: 250px;
	max-height: 260px;
	margin: auto;
}
.worker-describe h2 {
	font-size: 1.1em;
	margin: 5px auto 10px auto;
}

.type-works {
	padding: 0;
	margin: 0;
	list-style: square;
	font-size: .9em;
}

/*-----------------------------------------------------------------------------
Оформительские классы
-----------------------------------------------------------------------------*/
.green-text {
	color: #6aa84f;
}
			
.red-text {
	color: #cc4125;
}
			
.line-text {
	text-decoration: underline;
}
			
.big {
	font-size: 1.1em;
}

.bold {
	font-weight: bold;
}

.under {
	text-decoration: underline;
}

.text-right {
	text-align: right;
//	width: 100%;
}


blockquote {
//	display: block;
	border: 1px dotted #ccc;
//	color: red;
}

blockquote > p {
	margin: 15px 15px;
}


.img-left {
	float: none;
	display: block;
    margin:  10px auto;
	width: 95%; 
	text-align: center;
}

.img-right {
	float: none;
	display: block;
    margin: 10px auto;
	width: 95%;
}

@media all and (min-width: 600px) {
.img-left {
	float:left; 
    margin: 10px 10px 10px 0;
	max-width: 50%;
}

.img-right {
	float: right; 
    margin: 10px 0 10px 10px;
	width: 50%;
}
}



/*  ХЗХЗХЗХЗХЗ что-то из этого точно нужно удалить */
dd {
	padding: 10px;
/* background:#f9f9f9; */
}

dt {
	height: 30px;
	line-height: 30px;
	border:1px solid silver;
	background:#f8f8f8;
	font-weight: 600;
	padding: 10px;
}

p.fig {
    text-align: center; 
}

ol.gloss {
margin-top: 0;  
}

ul.gloss {
margin-top: 0;  
}


//h2 {font-size: 18px; font-weight:bold; color:#133b5e; padding:4px; margin-bottom:12px; border-bottom:1px solid #CCC;}
#coments {position:relative; left:0px;}
#coments  .title{position:relative; left:-12px; width:594px; height:70px; background: #EEE }
#coments  .title h2{margin:0;}
#coments  .title .left{float:left; padding:5px; width:500px;}
#coments .addcoment {position:relative; top:-15px; background: #EEE; border:5px solid #93afbc; display:none;}
#coments .addcoment img:hover{cursor:pointer;}
#coments  textarea{ width:535px; font-size:14px; height: 180px; margin:10px; overflow:hidden; background:#FFF; border:1px solid #DDD;}
#coments  input[type="text"]{padding-left:10px; width:525px; height:25px; font-size:15px; line-height: 1.8em; margin:10px 5px 0px 10px; border:1px solid #DDD;}
#coments  .addcoment span{position:relative; top:-10px; margin-right:180px; left:180px; font-size:20px; color:#292;}
#coments  #statusbox{padding-left:10px; line-height:55px; color:#888; font-size:18px; height:50px;}
#coments  img.button_add{margin:10px 5px 0px 10px; padding:0; border:0; float:none;}
#coments .top {font-size:15px; height:47px; padding:15px 15px 0px 195px; color:#9e9968;}
#coments .main {
	
	margin: 1% 10%;
}
#coments .block_name {height:40px; left:10px; top:10px;}
#coments .name {height:40px; font-size:17px; font-weight:normal; color: #070; float:left;}
#coments .date {height:40px; font-size:10px; position:relative; left:-10px; float:right; color: #555;}
#coments img{float:left;}
#coments .coment{left:-12px; width:510px; padding:19px 20px 10px 20px; border-bottom:1px solid #DDD; 
font-size:12px; 
background: #f7f4ca url(images/coment_top.png) left top no-repeat; 
text-align:justify;}
#coments .otv { float:right;}

#coments .response {margin-left:50px;}
#coments .response .coment{padding:10px 0px 0px; width:520px; font-size:12px; background: #ebeff1 url(../images/response_top.png) left top no-repeat; text-align:justify;}
#coments .response .coment div.bottom{padding:5px 10px 5px; background: url(../images/response_bottom.png) left bottom no-repeat;}