/*   
СТИЛИ КОНТЕНТА

Theme Name: EducationSchool
Author: Пастушков Роман
Author Email: p.roman89@bk.ru
Description: Шаблон оформления для образовательных организаций
License: Privat
*/
/*****************************************************************************
	САЙДБАР
******************************************************************************/
/* Обёртка для сайдбара */
.sidebar{
	overflow:hidden;
	box-shadow:0 0 8px rgba(0,0,0,.2);
	background-color:var(--content-panel-color);
	margin:0;
	padding:0;
}
/* Сброс стилей */
.sidebar h6,.sidebar ul,.sidebar li,.side_content{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
/* Заголовки сайдбара */
.sidebar h6{
	padding:20px 15px 19px;
	text-transform:none;
	text-align:center;
	background-color:var(--sidebar-title-back-color);
	color:var(--sidebar-title-font-color);
	font-family:verdana;
	font-family:'Noto Sans',verdana;
	font-size:16px;
	font-weight:normal;
	text-shadow:2px 3px 4px rgba(0,0,0,0.5);
	position:relative;
	top:0;left:0;
	border-bottom:1px solid #fff !important;
}
.sidebar h6 a{
	margin:inherit;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	text-transform:inherit;
	text-align:inherit;
	text-shadow:inherit;
}
/* Кнопка свернуть/развернуть */
.sidebar h6>span{
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	position:absolute;
	right:0;
	bottom:0;
	border:15px solid transparent;
	border-right:15px solid rgba(0,0,0,0.5);
	border-bottom:15px solid rgba(0,0,0,0.5);
}
.sidebar h6>span.toggle_sidebar,.sidebar h6>span:hover{
	border:15px solid transparent;
	border-left:15px solid rgba(0,0,0,0.5);
	border-top:15px solid rgba(0,0,0,0.5);
}
/* Контент сайдбара */
.side_content{
	padding:0;
}
/* Информация */
.side_content.info{
	padding:10px 15px;
}
.side_content.info,.side_content.info *{
	text-align:justify;
	font-size:16px;
	line-height:24px;
}
.side_content.info h3,.side_content.info h4,.side_content.info h5{
	line-height:26px;
}
.side_content.info h3{font-size:20px;}
.side_content.info h4{font-size:18px;}
/* Меню "ДопСсылок" */
.side_content.links ul a{
	display:block;
    font-size:14px;
	padding:10px 15px;
	color:var(--sidebar-font-color);
	font-family:verdana,tahoma;
    font-family:'Noto Sans',sans-serif;
	text-decoration:none;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-weight:bold;
}
.side_content.links ul a:hover{
	background-color:var(--sidebar-back-hover-color);
}
/* Меню "Основные сведения" */
.side_content.icons ul a{
	display:table;
	width:100%;
	text-decoration:none;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.side_content.icons ul a:hover{
	background-color:var(--sidebar-back-hover-color);
}
.side_content.icons ul a span,.side_content.icons ul a i{
	display:table-cell;
	vertical-align:middle;
	line-height:normal;
    font-size:15px;
	box-sizing:border-box;
}
.side_content.icons ul a i{
	padding:0 0 0 15px;
	width:40px;
	font-size:18px;
	color:var(--sidebar-icons-color);
	text-align:center;
}
.side_content.icons ul a span{
	width:auto;
	padding:10px 15px 10px 10px;
	color:var(--sidebar-font-color);
	font-size:12px;
	font-weight:bold;
	font-family:verdana,tahoma;
    font-family:'Noto Sans',sans-serif;
}
/* Изображения и фреймы */
.side_content img,.side_content iframe{
	display:block;
	width:100%;
	max-width:300px;
	margin:5px auto;
	box-shadow:2px 3px 6px #888;
}
.side_content img:hover{
	box-shadow:2px 3px 6px #fff;
}
/* Виджет группы в соцсети */
#vk_groups{
	width:100% !important;
}
/* Адаптивность */
@media screen and (max-width:1000px){
	.sidebar h6{
		font-size:14px;
		padding:10px 15px 9px;
	}
}
@media screen and (max-width:860px){
	.sidebar h6{
		text-transform:uppercase;
	}
	#vk_groups,#js-show-iframe-wrapper{
		display:none !important;
	}
}
/********************************************************************************
	ЦЕНТРАЛЬНЫЙ КОНТЕНТ
********************************************************************************/
.content{
	background-color:var(--content-back-color);
}
.content img{
	display:block;
	margin:10px auto;
}
/* Заголовки */
main h2,main h3{
	text-align:center;
	text-transform:uppercase;
	width:100%;
	padding:10px 2% 10px 3%;
	margin:0 0 10px 0;
	line-height:36px;
	border-bottom:3px solid var(--sidebar-title-back-color);
	color:#000;
	text-shadow:0 0 8px #fff;
	font-size:30px;
}
main h3{
	text-transform:none;
}
main h3.red{color:#f40;border-bottom:3px solid #f40;}
main h4{
	text-align:center;
	font-size:20px;
	padding:10px 0;
}
main h5{
	text-align:left;
	font-size:18px;
	text-decoration:underline;
}
/* Тексты */
main,main *{
	font-size:16px;
	font-family:'Noto Sans',sans-serif;
	line-height:26px;
}
main p{
	margin:0 0 6px;
	text-shadow:1px 2px 5px #eee;
}
main b{
	color:#039;
	text-shadow:1px 2px 8px #fff;
}
.vis p,.vis b{
	font-size:20px;
	line-height:30px;
}
.pdf{background-image:url('../images/pdf.png');}
.doc,.docx{background-image:url('../images/doc.png');}
.xls,.xlsx{background-image:url('../images/xls.png');}
.p7e{background-image:url('../images/crt.png');}
.jpg,.lnk,.html,.htm,.ppt,.pptx{background-image:url('../images/lnk.png');}
.pdf,.doc,.docx,.xls,.xlsx,.ppt,.lnk,.jpg,.html,.htm,.p7e,.ppt,.pptx{
	display:block;
    background-position:left center;
	background-repeat:no-repeat;
	padding:5px 0 5px 30px;
	margin:0 0 5px;
}
.datet{
	display:block;
	width:100px;
	position:absolute;
	padding:5px 0 5px 35px;
	margin:10px 0 -10px -2%;
	background-image:url('../images/timeclock.png');
    background-position:left center;
	background-repeat:no-repeat;
}
.obr{
	padding-left:30px;
}
.obr b{color:#000;}
/* Картинки */
.M1,.M2{
	display:block;
	width:100%;
	max-width:400px;
	margin:10px auto;
}
.M2{
	max-width:80%;
}
.M3{
	display:block;
	width:100%;
	max-width:600px;
	margin:10px auto;
}
.M5{
	display:block;
	margin:10px auto;
}
.bdr{
	border-radius:12px;
}
.hov{border:3px solid #ddd;}
.hov:hover{
	border:3px solid #f60;
}
/* Линия раздела */
.line{
	border-top:2px solid var(--sidebar-title-back-color);
	width:100%;height:0;
	margin:5px 0;
}
/* Обтекания */
.fl{margin:0 15px 15px 0;float:left;}
.fr{margin:0 0 15px 15px;float:right;}
/* Таблицы */
.table{
	width:100% !important;
	display:block !important;
}
.datatab,.table table{
	width:90% !important;
	margin:10px auto !important;
}
.datatab td,.table td{
	border:2px solid #777 !important;
	background-color:#fff !important;
	padding:5px 10px !important;
	font-size:14px !important;
}
.hddatatab td,.table td{
	background-color:#eee !important;
}
.hddatatab td b,.table td b{color:#000 !important;}