/*
Школьный портал - версия для слабовидящих
Copyright since 2021: http://spcms.ru
*/

body {
	margin:  0;
	padding: 0 2em 2em 2em;
	background-color: #fff;
}

p, th, td, li, div, span {
	font: normal 14pt/1.35em 'Arial','Verdana', 'DejaVu Sans', sans-serif;
}

#center *:not(.vi_image_alt),
#sidebar span {
	word-wrap: break-word;

	/*breaks colors in alt themes*/
	color:            black !important;

	color:            black;
	background-color: white;
}

body.white-on-black #center *,
body.white-on-black #sidebar span,
body.white-on-blue #center *,
body.white-on-blue #sidebar span {
	color:            white !important;
}

body.white-on-blue #center legend {
	color: white !important;
}

/*альтернативный текст*/
.vi_image_alt {
	position:absolute;
	overflow:hidden;
	opacity: 0.95;
	/*background-color: white;*/
	color: red !important;
	background-color: yellow !important;
}
.vi_image_alt_only {
	position:relative;
}
body.white-on-blue  .vi_image_alt { background-color: blue;  }
body.white-on-black .vi_image_alt { background-color: black; }

#center legend {
	color: black !important;
}
body.white-on-black #center legend,
body.white-on-blue #center legend {
	color: white !important;
}

a,
a span {
	/* font-weight: bold; */
	color: #00F !important;
	text-decoration: underline !important;
}
a:hover {
	background-color: black !important;
	color: white            !important;
}

/* #center span { color: #000 !important; } */
#center a,
#center a span,
#center a strong
{
	color: #00f       !important;
	background-color: transparent !important;
}
/*#center a:hover {
	color: #fff             !important;
	background-color: black !important;
}*/


img { border: none; }

p {
	margin-bottom: 0.5em;
}

.header,
.header h1 {
	/* background-color: #fcfcfc !important; */
}

.header {
	padding: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #aaa;
}

.footer,
.footer div
{
	clear: both;
	background-color: #f7f7f7 !important;
}

.footer {
	text-align: center;
	padding: 1em;
	margin-top: 2em;
}


h1, .contentheading { font-size: 20pt; line-height: 1.2em; }
h2 { font-size: 18pt; line-height: 1.2em; }
h3 { font-size: 16pt; line-height: 1.2em; }
h4 { font-size: 15pt; line-height: 1.2em; }
h5 { font-size: 12pt; line-height: 1.2em; }
h6 { font-size: 12pt; line-height: 1.2em; }

.block-header {
	text-align: center;
	padding: 0.7em;
	background-color: #f5f5f5;
	font-weight: bold;
	font-size: 15pt;
	margin-bottom: 0.3em;
	margin-top: 2em;
}

.block-header:first-child {
	margin-top: 0;
}

.news-divider {
	clear: both;
	width: 100%;
	margin: 2em 0;
	border-bottom: 1px solid #ccc;
}

.meta,
.aboutou_info .filter
{
	margin: 0.5em 0;
	background-color: #f7f7f7 !important;
	padding: 0.3em 1em;
}

.aboutou_info .filter form,
form.filter
{
	background-color: #f7f7f7 !important;
	margin-bottom: 0;
}

table.abouteou tr { border-bottom: 1px solid #ccc; }

input[type="button"],
input[type="reset"],
button {
	font-size: 12pt;
	padding: 3px 8px;
}

/*
-----------------------------------------------
новости: навигация
-----------------------------------------------
*/
.news_next {
  text-align: center;
  margin: 10px 0;
}
.news_next a,
.news_next_caren_pg {
	padding: 4px 9px 5px;
}
.news_next a:link,
.news_next a:visited {
  text-decoration: none;
}
.news_next a:hover {
  text-decoration: underline;
  border: 1px solid #aaa;
}
.news_next_caren_pg {
  background-color: #F7F7F7;
  border: 1px solid #ddd;
}

/* иерархическое меню */
table#sp_menuID,
.TPopUpItem0 tr td {
	cursor: pointer;
}
ul#sp_menu {
	/*list-style-type: none;*/
	padding-left: 0 !important;
}

/* конкурсы */
table.namesfull,
.contest table
{
	border-collapse: collapse;
	border: none;
	border-top:  solid 1px #ccc;
	border-left: solid 1px #ccc;
}

table.namesfull tr,
.contest table tr
{
	background: #FFF;
}

table.namesfull tr th,
.contest table tr th
{
	text-align: center;
	border: none;
	height: 24px;
	border-right:  solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px 4px;
	font-weight: bold;
}

table.namesfull tr td,
.contest table tr td {
	padding: 5px 6px;
	border: none;
	border-bottom: solid 1px #ccc;
	border-right:  solid 1px #ccc;
}

.contest input[type="text"],
.contest input[type="file"],
.contest textarea {
	width: 550px;
}

.contest .star {
	color: red;
	/* font-weight: bold; */
}

.contest li {
	margin-bottom: 1em;
}
/* /конкурсы */



/* --------------- */
/* звонки - модуль */
/* --------------- */

#mod_bells h1,
#mod_bells h2 {
	text-align: center;
}

#mod_bells h1 {
	font: normal 24pt 'Lucida Sans Unicode','Tahoma',sans-serif;
}

#mod_bells h2 {
	color: #555;
	font: bold 14pt/1.35em 'Verdana',sans-serif;
	margin: 18px 0 9px;
}

#mod_bells table {
    border: none;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-collapse: collapse;
    margin: 0 auto;
}

#mod_bells table tr th,
#mod_bells table tr td {
    border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#mod_bells table tr th {
    text-align: center;
	font: bold 12pt 'Verdana',sans-serif;
    padding: 6px 10px;
    background-color: #f5f5f5;
}

#mod_bells table tr td {
	font: normal 12pt 'Verdana',sans-serif;
	padding: 4px 10px;
}

/* ---------------- */
/* /звонки - модуль */
/* ---------------- */



/* ----------------- */
/* звонки - информер */
/* ----------------- */
#bells_countdown_watch {
	font: normal 30px/39px 'Lucida Console', monospace;
	text-align: center;
	color: #444;
	height: 35px;
	margin: 5px auto 0;
	width: 150px;
}
.bells_countdown_watch_sep {
	margin: 0 2px;
}


/* --------- */
/* Поля форм */
/* --------- */

#search_line,                          /* дырка для поиска */
#comment-form textarea,                 /* коммент */

#loginform input[type="text"],         /* логин */
#loginform input[type="password"],     /* пароль */

#fedform input[type="text"],           /* feedback */
#fedform textarea                      /* feedback */
{
	width: 196px;
	padding: 5px 6px;
	border: 2px solid #777;
	font: normal 12pt/1em 'Verdana', 'Helvetica', sans-serif;
	border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
}

/* карта сайта */
.sitemap-folder {
	padding-left: 24px;
	background: url(/sp/img/folder.gif) 0 50% no-repeat;
}

/* Галлерея */
#gallery-block a:hover,
a#fancybox-right:hover,
a#fancybox-left:hover
{
	background-color: transparent !important;
}

/* Гостевая */
.guestbook-name {
    font-weight: bold;
}

.guestbook-name,
.guestbook-date {
    margin-bottom: 0.2em;
}

#guestbook table tr td {
    padding-right: 1em;
}

.guestbook-message,
.guestbook-empty {
    margin: 0.5em 0 1.4em 0;
}

kbd {
    -moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    margin:.2em .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

/* стрелка в ихрархическом меню */
td.TMMExpand0 {
	padding-left: 1em;
	text-decoration: none !important;
}

/* панель управления видом */

#visuallyimpaired_panel {
	width: 100%;
	background-color: #f1f1f1;
	padding: .6em 0 .2em 0;
	text-align: center;
	margin: 0 auto;
}

#visuallyimpaired_panel label {
	cursor: pointer;
	vertical-align: middle;
}

#visuallyimpaired_panel label img {
	vertical-align: middle;
}

#visuallyimpaired_panel label.vi_colorset {
	border:  1px solid black;
	width:   32px;
	height:  32px;
	display: inline-block;
	margin: 0 .3em;
}

#visuallyimpaired_panel label.vi_images {
	margin: 0 .3em;
}

#visuallyimpaired_panel input[name="visuallyimpaired_colorset"],
#visuallyimpaired_panel input[name="visuallyimpaired_images"],
#visuallyimpaired_panel input[name="visuallyimpaired_interval"]
{
	display: none;
}

#visuallyimpaired_panel table {
	border-collapse: collapse;
}
#visuallyimpaired_panel table tr td {
	text-align: center;
	padding: 0 .7em;
}
#visuallyimpaired_panel table tr:first-child td:first-child {
	text-align: left;
	padding-right: 1em;
}
#visuallyimpaired_panel table tr:first-child td:last-child {
	text-align: left;
}
#visuallyimpaired_panel table tr:first-child td:nth-child(6) {
	text-align: left;
}
#visuallyimpaired_panel table tr:nth-child(2) td div {
	border-top: 1px solid #ccc;
	width: 92%;
	margin: 7px auto 6px auto;
}

#visuallyimpaired_panel .vi_zoom,
#visuallyimpaired_panel .vi_zoom span {
	user-select: none;
}

#visuallyimpaired_panel .vi_zoom span {
	font-weight: bold;
	margin: 0.15em;
}

#vi-help-container {
	padding-left: 2em;
}

/* -------------------------------------------
Белый текст на чёрном фоне
------------------------------------------- */

body.white-on-black,
body.white-on-black * {
	background-color: #000 !important;
	color:            #fff !important;
}
body.white-on-black .footer,
body.white-on-black .footer div,
body.white-on-black .meta,
body.white-on-black .block-header,
body.white-on-black .aboutou_info .filter
{
	background-color: #292929 !important;
}
body.white-on-black #visuallyimpaired_panel
{
	background-color: #555 !important;
}
body.white-on-black a,
body.white-on-black #center a,
body.white-on-black #center a span,
body.white-on-black #center a strong,
body.white-on-black table.TMenuItemChild0
{
	background-color: transparent !important;
	color: #D4D8FF !important;
}
body.white-on-black a:hover {
	background-color: #333 !important;
	color: #A3ADFF !important;
}

/* тонкое наведение красоты */
body.white-on-black kbd.
body.white-on-blue kbd {
	background-color: #222 !important;
    border:1px solid #444 !important;
}
body.white-on-blue span,
body.white-on-black span,
body.white-on-blue strong,
body.white-on-black strong,
body.white-on-blue em,
body.white-on-black em,
body.white-on-blue u,
body.white-on-black u
{
	color:            inherit !important;
}
body.white-on-black .vi_colorset,
body.white-on-blue  .vi_colorset {
	border: 1px solid #ddd !important;
}

fieldset { border-color: black !important; }
body.white-on-blue fieldset,
body.white-on-black fieldset { border-color: white !important; }

#visuallyimpaired_panel *
{
	background-color: inherit !important;
}

#visuallyimpaired_panel a:hover { color: red !important; }
body.white-on-black #visuallyimpaired_panel a:hover,
body.white-on-blue  #visuallyimpaired_panel a:hover { color: #FFE57A !important; }

/* -------------------------------------------
Синий фон
------------------------------------------- */

body.white-on-blue,
body.white-on-blue * {
	/* основа */
	background-color: #092667 !important;
	color:            #FCFDFF !important;
}
body.white-on-blue .footer,
body.white-on-blue .footer div,
body.white-on-blue .meta,
body.white-on-blue .block-header,
body.white-on-blue .aboutou_info .filter,
body.white-on-blue #visuallyimpaired_panel
{
	/* панели */
	background-color: #4A5F8F !important;
}

/* ссылки, меню */
body.white-on-blue a,
body.white-on-blue #center a,
body.white-on-blue #center a span,
body.white-on-blue #center a strong,
body.white-on-blue table.TMenuItemChild0
{
	background-color: transparent !important;
	color: #FFFCC9 !important;
	/* font-weight: bold; */
}
body.white-on-blue a:hover {
	background-color: #333 !important;
	color: #FDFF00 !important;
}

/* -------------------------------------------
Картинки: ч/б, выключить
------------------------------------------- */

body.images-bw img {
	filter:         grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter:    grayscale(100%);
		-ms-filter:     grayscale(100%);
		-o-filter:      grayscale(100%);
		-webkit-filter: grayscale(100%);
		filter: gray; /* IE 6-9 */
}

body.images-off img,
body.images-off video
{
	display:none;
	visibility: hidden;
}

/* при обработке картинок не трогать их в панели управления видом */
#visuallyimpaired_panel img {
	display:    inline  !important;
	background-color: transparent !important;
	visibility: visible !important;
	filter:     none    !important;
		-webkit-filter: none    !important;
		-moz-filter:    none    !important;
		-ms-filter:     none    !important;
		-o-filter:      none    !important;
		-webkit-filter: none    !important;
}

/* -------------------------------------------
Текст: без форматирования
ресетить цвет, фон и размер шрифта
------------------------------------------- */
/*
body.text-wo-formatting .content span,
body.text-wo-formatting .content strong
{
	color: inherit !important;
	font-weight: normal !important;
	font-family: Verdana, Arial, sans-serif !important;
}
*/

/* -------------------------------------------
Текст: разрядка межбуквенная
------------------------------------------- */
body.text-letter-spacing #center *,
body.text-letter-spacing #sidebar *
{
	letter-spacing: .5em !important;
}

/* -------------------------------------------
Текст: интервал
------------------------------------------- */
body.line-height_1_5 #center *,
body.line-height_1_5 #sidebar *
{
	line-height: 1.5em !important;
}
body.line-height_2_0 #center *,
body.line-height_2_0 #sidebar *
{
	line-height: 2em !important;
}

/* -------------------------------------------
Текст: гарнитура
------------------------------------------- */
body.text-typeface-times #center *,
body.text-typeface-times .header,
body.text-typeface-times .footer *,
body.text-typeface-times #sidebar * {
	font-family: "Times New Roman" !important;
}

/* -------------------------------------------
Текст: Брайля
------------------------------------------- */
@import "braille/stylesheet.css";
body.text-braille #center *,
body.text-braille .header,
body.text-braille .footer *,
body.text-braille #sidebar * {
	font-family: 'Astakhov Braille alphabet' !important;
}

/* электронная приёмная */
.reception-star { color: red; }
#reception form table tr td:first-child { padding-right: 1em }
.reception-item { border-bottom: 1px solid #777; }
.reception-question { font-weight: bold; }
.reception-answer { padding-top: .5em; }