
/* Версия CSS для слабовидящих */
	

/* Режимы для сайта*/

/* Шрифт */
.sv_font1{font-family: Arial}
.sv_font2{font-family: Times New Roman}
.sv_font3{font-family: Verdana}

/* Размер шрифта */
.sv_size1{font-size: 16px}
.sv_size2{font-size: 18px}
.sv_size3{font-size: 24px}

/* Кернинг - интервал между символами в пределах элемента */
.sv_spacing1{letter-spacing: normal}
.sv_spacing2{letter-spacing: 3px}
.sv_spacing3{letter-spacing: 5px}

/* Цветовые схемы для спец. режимов

ВАЖНО!  эти правила должны перекрывать классы в основном файле style.css 
		я что нашёл перекрыл, 
		но мне не нравится необходимость использования !important - это костыль
*/

.sv_color1, .sv_color1 *,
.sv_color1 #rap,
.sv_color1 #content,
.sv_color1 ~ :not(.sv_menu){
	background-color: #FFFFFF !important; background-image: none; color: #000000 !important}
.sv_color2, .sv_color2 *,
.sv_color2 #rap,
.sv_color2 #content,
.sv_color2 ~ :not(.sv_menu){
	background-color: #000000 !important; background-image: none; color: #FFFFFF !important}
.sv_color3,
.sv_color3 *,
.sv_color3 #rap,
.sv_color3 #content,
.sv_color3 ~ :not(.sv_menu){
	background-color: #9DD1FF !important; background-image: none; color: #063462 !important}
.sv_color4,
.sv_color4 *,
.sv_color4 #rap,
.sv_color4 #content,
.sv_color4 ~ :not(.sv_menu){
	background-color: #F7F3D6 !important; background-image: none; color: #4D4B43 !important}
.sv_color5, .sv_color5 *,
.sv_color5 #rap,
.sv_color5 #content,
.sv_color5 ~ :not(.sv_menu){
	background-color: #3B2716 !important; background-image: none; color: #A9E44D !important}

/* Показывать изображения на сайте */
.sv_img_on{}
.sv_img_off img{display: none}
.sv_img_off *{background-image: none}




/* Стили для панели управления режимами */


a.sv_btn_mode:hover {background-color: #FF8; }
 a.sv_btn_mode {
	display:block;
	margin: 8px auto;
	padding: 8px 13px;
	text-align: center;
	font-size: 20px;
	background-color: #FFF;
	border: 1px solid #484;
	border-radius: 4px
}

.sv_block {color: #000; position: fixed; top:0; left:0; width: 100%; background-color:#FFF; border-bottom: 1px solid #444}
.sv_ctrl_panel {text-align: center;}
.sv_ctrl_panel a {display: block; padding:4px 13px; margin: 4px auto; font-size:24px;}
.sv_menu table.sv_table{width:100%; border: none;}
.sv_menu table.sv_table td{vertical-align:top; font-size:18px; line-height:normal}
.sv_menu  {margin:13px;}
.sv_menu a {color: #0000CC; padding: 2px 6px; text-decoration: none; border-bottom: 0px solid #000;}
.sv_menu a:hover {color: #000088; text-decoration: none; border-bottom: 0px solid #000;}
.sv_menu .sv_row {margin: 13px auto;}
.sv_menu a.active {background-color: #FFF}
.sv_menu a.sv_btn_image {padding: 2px 8px;}
.sv_menu a.sv_btn_size {padding: 2px 8px;}
	.sv_menu a.sv_btn_size1 {font-size: 1.0em;}
	.sv_menu a.sv_btn_size2 {font-size: 1.3em;}
	.sv_menu a.sv_btn_size3 {font-size: 1.5em;}
.sv_menu a.sv_btn_font {margin-left: 6px; padding: 4px 13px;}
	.sv_menu a.sv_btn_font1 {font-family: Arial}
	.sv_menu a.sv_btn_font2 {font-family: Times New Roman}
	.sv_menu a.sv_btn_font3 {font-family: Verdana}
.sv_menu a.sv_btn_spacing {margin-left: 6px; padding: 4px 13px;}
	.sv_menu a.sv_btn_spacing1 {letter-spacing: normal}
	.sv_menu a.sv_btn_spacing2 {letter-spacing: 3px}
	.sv_menu a.sv_btn_spacing3 {letter-spacing: 5px}
.sv_menu a.sv_btn_color {display:block; padding: 8px 13px;}
	.sv_btn_color1, .sv_btn_color1:hover {background-color: #FFFFFF !important; color: #000000 !important;}
	.sv_btn_color2, .sv_btn_color2:hover {background-color: #000000 !important; color: #FFFFFF !important;}
	.sv_btn_color3, .sv_btn_color3:hover {background-color: #9DD1FF !important; color: #063462 !important;}
	.sv_btn_color4, .sv_btn_color4:hover {background-color: #F7F3D6 !important; color: #4D4B43 !important;}
	.sv_btn_color5, .sv_btn_color5:hover {background-color: #3B2716 !important; color: #A9E44D !important;}
