@charset "utf-8";
/* CSS Document АДМИНКА и ЛК */

/* Список стей */
.div_post_admin { background-color: #ffffff; border:1px solid #D0D0D0; display: table; } /* блок статей в ад  */
.div_post_admin:hover { background-color: #E7E7E7; }
.div_post_admin_ava { width: 100px; height: 100px; overflow: hidden; } /*аватарка в блоке списка статей*/
.div_post_admin_img { width: 100px; } /*аватарка в блоке списка статей*/
.div_post_text_admin_1 { font-family:verdana; font-weight:400; font-size:0.7em; line-height:1em; color: #757575; } /* текст в блоке списка статей  */
.div_border_bottom_1 { border-bottom:#D0D0D0 solid 1px; }
.div_border_right_1 { border-right:#D0D0D0 solid 1px; }

/* Редактор статей */
.edit_input_border { border: 1px solid #C2B2B2; border-radius: 3px; }
.edit_input_dmin::placeholder { color: #DBDBDB; }
.edit_placeholder::placeholder { color: #DBDBDB; }
.div_post_edit_ava { width: 200px; max-height: 200px; background-color: #E5E5E5; overflow: hidden; } /*аватарка в странице редактора статей*/
.div_post_edit_img { width: 200px; } /*аватарка в странице редактора статей*/
.ta_higth_1 { min-height: 150px; } 	/* высота текстареа краткого описания  */
.ta_higth_2 { min-height: 550px; } 	/* высота текстареа полного описания  */
.ta_higth_3 { min-height: 100px; } 	/* высота текстареа комменатрия к статье  */
.ta_higth_4 { min-height: 20px; } 	/* высота текстареа краткого описания шаблона для сайта  */
.ta_higth_3 { min-height: 300px; } 	/* высота текстареа полное описание шаблона  */

.edit_tag { width: 200px; } /* тег статьи */
.bg_tag_1 { background-color: #F5D6C1; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_2 { background-color: #F5F5C1; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_3 { background-color: #E3F0BD; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_4 { background-color: #D1E4EB; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_5 { background-color: #D6D1EB; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_6 { background-color: #F0F0D6; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }
.bg_tag_7 { background-color: #E2E2B1; border:1px solid #CCCCCC; padding: 5px; border-radius: 3px; }

.post_ad_text_1 { font-family:verdana; font-weight:400; font-size:0.8em; line-height:1.5em; color: #757575;}

/* личный кабинет */
.lk_block_list_q { border: 1px solid #E9E9E9; overflow:auto; height: 500px; background-color: #F2F2F2; } /* поле мои квесты */
.ad_block_list_q { border: 1px solid #E9E9E9; overflow:auto; height: 500px; background-color: #F2F2F2; margin-top: 20px; } /* поле мои квесты */

.blocl_q_list { border: 1px solid #C2C2C2; display:table; background-color: #FCFCFC; font-size: 0.8em; } /* блок квеста в списке */
.blocl_q_list:hover { background-color: #F5F5F5; } /* блок квеста в списке выделенный */
.block_info_q { display: flex; flex-wrap: wrap; }
.w_blowk_info_1 { width: 230px; } 						/* ширина первого блока информации в блке квеста */
.w_blowk_info_2 { width: 120px; } 						/* ширина второго блока информации в блке квеста */
.border_block_q_1 { border-right: 1px solid #E9E9E9; } 	/* разделитель блоков информации в списке квестов */
.name_q_w { width: 625px; font-size: 1.3em; border-bottom:1px solid #E9E9E9;  } 			/* ширина названия квеста */
.quest_off  { color: #D9725F; }							/* цвет квест выключен */
.lock_w { background-image: url("../imag/icon/lock.fw.png"); background-repeat:no-repeat; margin-top:10px; margin-left: 3px; width: 5px; height: 7px; } 						/* квест закрыт паролем */
.status_1 { color: #E7AE4F; } 							/* статус не оплачен */
.status_2 { color: #25D366; } 							/* статус оплачен */
.status_bg  { background-color: #EDFCF3; }				/* статус фон оплачен */
.shablon  { color: #FF7561; }							/* квест является шаблоном */
.data_creat  { font-size: 0.7em }						/* дата создания квеста */
.button_block_q  { border-bottom: 1px solid #E9E9E9; width: 110px; padding-left: 10px; }	/* кнопка в блоке квеста в личном кабинете */
.button_block_q:hover  { background-color:#E9E9E9;  } 	/* подсветка */
.title_lk { color:#757575; margin: 0px; text-decoration: none; font-family:verdana; font-weight:400; padding: 0px; padding-bottom: 20px; line-height: 1.2em; }                                   /* заголовок в личном кабинете */
.bottom_add_q { border: 1px solid #C3C3C3; background-color: #FFA35A; color:#FFFFFF; border-radius: 3px; font-size: 0.8em; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; } /* кнопка сохранить все изменения */
.block_info_1 { font-size: 0.8em; background-color:#D2E3B8; border-radius: 5px; padding: 10px; margin-bottom: 10px; }
.sel_mq { color: #8AC858; text-decoration: underline; } /* цвет текста на статью из шаблона */
.hleb_textarea { height: 100px; }

/* редактор квеста и уровней */
.edit_input_q { border: 1px solid #C3C3C3; border-radius: 3px; padding: 3px; font-family:verdana; font-weight:600; font-size:1em; line-height:1.5em; color: #8E8E8E; background-color: #FCFCFC; }                         /* input в редакторе квеста */
.edit_input_q::placeholder { color: #DBDBDB; }          /* цвет placeholder в редакторе вступления */
.ta_edit_q_min_h { min-height: 150px; }                 /* минимальная высота text area в редакторе встулпения */
.bottom_save_all { border: 1px solid #C3C3C3; background-color: #30AD64; color:#FFFFFF; width: 300px; border-radius: 3px; font-size: 1.2em; padding: 5px; } /* кнопка сохранить все изменения */
.bottom_save_all_samll { border: 1px solid #C3C3C3; background-color: #30AD64; color:#FFFFFF; width: 100px; border-radius: 3px; font-size: 0.9em; padding: 5px; } /* кнопка сохранить все изменения */
.bottom_start_q { border: 1px solid #C3C3C3; background-color: #DE9184; color:#FFFFFF; width: 100px; border-radius: 3px; font-size: 0.9em; padding: 5px; } /* кнопка сохранить все изменения */
.a_button_start { text-decoration: none; font-family:verdana; font-weight:400; font-size:1em; color: #fff; }
.bottom_video_q { border: 1px solid #C3C3C3; background-color: #D2955F; color:#FFFFFF; width: 60px; border-radius: 3px; font-size: 0.9em; padding: 5px; } /* кнопка сохранить все изменения */

.info_input_edit { 	color:#757575; font-family:verdana;font-weight:400; font-size: 0.7em; 	line-height: 1.2em; padding-bottom: 5px; } /* текст пояснение поля */
.podrazdel_edit_menu { border: 1px solid #CCCCCC; margin-top: 10px; }
.title_podrazdel_em { background-color: #FAD8A5; padding-left: 5px; border-bottom:1px solid #CCCCCC;  }
.body_podrazdel_em { padding: 10px; font-size: 0.8em; display: table; }
.div_el_stuctura { border: 1px solid #C3C3C3; background-color: #E6E6E6; color:#9B9B9B; font-size: 1em; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}
.div_el_stuctura_wse { width: 230px; }     /* ширина элемента вступления и концовки */
.div_el_stuctura_wl { width: 195px; }      /* ширина элемента уровни */
.div_el_stuctura:hover { background-color: #CCCCCC; color:#737373; }
.div_el_stuctura_select { background-color: #C2DBE1; color:#737373; font-weight: bolder; }
.bottom_add_l { border: 1px solid #C3C3C3; background-color: #FFA35A; color:#FFFFFF; font-size: 1em; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width: 252px; margin-bottom: 5px; border-radius: 3px; } /* кнопка добавить уровень */
.title_pole { color:#757575; margin: 0px; text-decoration: none; font-family:verdana; font-weight:400; padding: 0px; padding-bottom: 20px; line-height: 1.2em; padding-top: 10px;  }                             /* Заголовок поля нформация вопроса */
.title_pole_under { border-bottom: 1px dashed #818181; }                    /* Подчеркинвания заголовка поля */
.text_a_edit_bg { background-color:#FCFCFC; display: inline-block;}
.ta_edit_q_min_h2 { min-height: 50px; }                 /* минимальная высота text area в редакторе встулпения ответы */
.text_areat_font { padding: 10px; color:#757575; tfont-family:verdana; font-weight:400; line-height: 1.2em; }
.qe_preview_link { font-size: 1.2em; padding-bottom: 3px; text-decoration: none; color: #818181; padding-right: 20px; float: left;  } /* ссылка предпросмотра */
.qe_preview_link_div { border-bottom: 1px dashed #818181; }
.qe_info_abut_q { padding-right: 20px; float: left; display: table; }

.bg_pole_1 { background-color: #FAF1CF; } /* Цвет поля нформация вопроса */
.bg_pole_2 { background-color: #EBF6CB; } /* Цвет поля нформация вопроса */
.bg_pole_3 { background-color: #E4EFF2; } /* Цвет поля нформация вопроса */
.bg_pole_4 { background-color: #FAF9CF; } /* Цвет поля нформация вопроса */

.edit_level_pole { padding-left: 5px; padding-bottom: 5px; border-radius: 3px; } /* выделям зону в редакторе уровня */
.button_delet_level { border: 1px solid #C3C3C3; background-color: #FF978D; color:#FF685A; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width: 30px; height: 35px; margin-left: 5px; background-image: url("../imag/icon/delet2.webp"); background-repeat: no-repeat; background-position: center; font-size: 0em; border-radius: 3px;  } /* кнопка удалит уровень */
.time_podskaz_text { padding: 5px; margin-bottom: 5px; color:#757575; }                  /* текст подскази по времени */
.time_podskaz_min { width: 50px; padding: 5px; margin-bottom: 5px; margin-left: 5px; }   /* время подсказки */
.time_auto_go { width: 50px; padding: 5px; margin-bottom: 5px; float: left; }            /* время автоперехода */
.auto_go { padding: 5px; margin-left: 5px; }                                             /* автопереход уровня */
.vopros_commands { padding: 5px; color:#757575; min-height: 150px; }                      /* дополнительный вопрос команды */
.mel_comm_ands {  border: 1px solid #C3C3C3; background-color: #E8E8E8; width: 50px; float: left; }  /* меню доп. вопроса команды */
.mel_comm_ands_select { background-color: #CECECE; }                                                 /* выбр. меню доп. вопроса команды */
.ava_boder { border: 1px solid #C3C3C3; display: table; }
.div_podrazdel { border-bottom: 1px dashed #818181; width: 100px; float: left; }
.div_podrazdel:hover { background-color:#F2F2F2; }
.div_podrazdel_sel { background-color: #E3F5D5; border-radius: 3px; }
.div_quest_is_off { background-color: #F3ADA9; color: #FFFFFF; border-radius: 3px; font-size: 0.8em; margin-left: 10px; padding-left: 10px; padding-right: 10px; } /* сообщ. квест закрыт для прохожд. в настройках */
.img_boder { border: 1px solid #C3C3C3; display: table; }

/* музыка */
.div_music_name { padding-bottom: 10px; }
.div_music_el { float: left; }
.button_delet_music { border: 1px solid #C3C3C3; background-color: #FF978D; color:#FF685A; padding-left: 10px; margin-top: 10px; width: 30px; height: 35px; margin-left: 5px; background-image: url("../imag/icon/delet2.webp"); background-repeat: no-repeat; background-position: center; font-size: 0em; border-radius: 3px;  } /* кнопка удалит музыку */
.div_list_structua { display:table; width: 100%; border-bottom: 1px solid #CCCCCC; padding-top: 10px; padding-bottom: 10px; }
.div_muscic_block { display: table;  border-bottom: 1px solid #CCCCCC }
.div_muscic_block_n { font-weight:bold; padding-top: 10px; display: table;}
.div_muscic_block_l { float: left; }
.div_muscic_block_r { margin-left: 10px; float: left; }
.div_music_border_1 { background-color:#FAFAFA; border: 1px solid #CCCCCC; }
.div_music_border_2 { background-color:#FAF9CF; border: 1px solid #CCCCCC; }
.div_music_border_3 { background-color:#F6FCDE; border: 1px solid #CCCCCC; }
.div_music_border_4 { background-color:#F6FCDE; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }
.div_info_size { font-size: 0.8em; }

/* оформление */
.img_fon_block { background-color:#FAFAFA; border: 1px solid #CCCCCC; max-height: 300px; overflow-y: scroll; } /* блок каталогов разделов оформления */
.mus_cat_block { background-color:#FAFAFA; border: 1px solid #CCCCCC; max-height: 300px; overflow-y: scroll; } /* блок каталогов разделов оформления */

.img_fon_block_s { background-color:#FAFAFA; border: 1px solid #CCCCCC;  }  /* общий блок разделов оформления */
.name_img_catalog { font-size: 0.7em; }                                     /* название файла каталога фонов */
.div_img_c_top_b { height: 160px; }                                         /* верхняя часть блока фона */
.div_img_c_bot_b { height: 30px; }                                          /* нижняя часть блока фона */
.div_preview { border: 1px solid #CCCCCC; height: 200px; }                  /* общий блок предпросмотра */
.div_preview_page { height: 180px; margin-top: 30px; margin-left: 20px; margin-right: 20px; overflow: hidden;  } /* страница предпросмотра */
.oform_select { width: 250px; }                                             /* ширина выбора эелемента оформаления */
.block_of_l { width: 300px; float: left;  }                                 /* */
.block_of_r { width: 300px; float: left; }                                  /* */
.select_col { width: 250px; display: table; margin-bottom: 5px; }           /* */

/* Оплата */
.div_about_pay_l { width: 300px; background-color: #E8E8E8; font-size: 0.8em; line-height:1.3em; text-align: justify; float: left; margin-right: 5px; } /* */
.div_about_pay_r { width: 350px; font-size: 0.8em; line-height:1.3em; float: left; } /* */

/* Уровни местами */
.bg_ud_levels { background-color: #E8E8E8; }
.block_updown_b { background-color: #fff; display: flex; flex-wrap: wrap; border-bottom: 1px solid #E8E8E8; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; }
.flex_updb { display: flex; flex-wrap: wrap; }
.bott_up_down { width: 30px; margin-right: 5px; }
.bott_udw { width: 80px; }
.name_level_ud { width: 200px; }
.name_level { font-size: 0.7em;  }
.block_go_edit_level { width: 150px; }
.a_levels_upd { color: #757575; font-size: 0.7em; text-decoration: none; }
.com_levels { float: left; color: #757575; font-size: 0.7em; text-decoration: none; border: 1px solid #C3C3C3; background-color: #E8E8E8; padding-left: 8px; padding-right: 8px; }
.com_levels:hover { background-color:#CCCCCC; }
.com_levels_select { background-color:#C2DBE1; }
.level_ud_menu { margin-bottom: 5px; display: table; }
.form_mp0 { margin: 0px; padding: 0px; }

/* QR код */
.qr_img { width: 100%; }

/* Пароли */
.password_border_1 { border-bottom: 1px solid #DDDDDD; }

/* Статистика */
.stat_block_l { width: 300px; }
.stat_block_r { }
.w120 { width: 120px; }
.w75 { width: 75px; }
.w130 { width: 130px; }
.w265 { width: 305px; }
.w80 { width: 110px; }
.fs_stat { font-size: 0.6em; }
.border_r_stat { border-right: #EBEBEB solid 1px; }
.border_b_stat { border-bottom: #EBEBEB solid 1px; }
.border_t_stat { border: #EBEBEB solid 1px; }
.bg_title { background-color: #F7F7F7; }

/* Форма копирования */
.form_copty { display: flex; flex-wrap: wrap;  margin-top: 10px; }
.elem_fc { margin-left: 5px; }

/* Материалы */
.input_tag { width: 150px; margin-right: 5px; margin-bottom: 5px; }
.input_name { width: 200px; margin-right: 5px; margin-bottom: 5px; }
.file_ad_show { width: 100%; word-wrap: break-word; }
.audio_div { height: 20px; margin-bottom: 10px; margin-top: 10px; }
.div_ava_mat { width: 100px; }/*аватарка в материалы */
.div_userfiles { width: 100px; }
.bg_files { padding-left: 10px;  background-color: #D1E2E8; }


/* Комментарии */
.div_ad_comm_m { background-color:#E3E088; }
.div_ad_comm_on { background-color:#ACDFA4; }
.div_ad_comm_off { background-color:#EAC0AC; }
.div_comm_ad_bord { border:1px #EBEBEB solid; }

/* Редактор */
.video_urok { font-size: 0.7em; }

.dis_tab { display: table; }
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_t_10 { padding-top: 10px; }
.pad_t_20 { padding-top: 20px; }
.mar_l_5 { margin-left: 5px; }
.mar_l_10 { margin-left: 10px; }
.mar_l_15 { margin-left: 15px; }
.mar_t_10 { margin-top: 10px; }
.mar_b_5 { margin-bottom:5px; }
.dis_fl { display: flex; flex-wrap: wrap; }
.float_l { float: left; }
.tdn { text-decoration: none; }

/* Админка шаблоны */
.ad_shab_title { padding: 10px; color:#454545; text-decoration: none; font-size:0.9em; line-height:1.1em; font-family:verdana; font-weight:500; }
.shab_on  { color:#9FDF56; }
.shab_off { color:#F26D5D; }
.img_div { width: 150px; display: table; border: 1px solid #CCCCCC; margin-right: 5px; margin-bottom: 5px; padding: 5px; height: 200px; }
.div_img_d { width: 150px; height: 150px; border: 1px solid #CCCCCC; overflow: hidden; }
.div_img_shab { width: 150px; } /*аватарка в странице редактора статей*/
.bg_input_alt { background-color:#F8EA96; border: 1px solid #C3C3C3; border-radius: 3px; padding: 3px; font-family:verdana; }

/* Админка блок рассылки */
.div_sender_email { border: 1px solid #C3C3C3; display: flex; font-size: 0.7em; }
.d_nedelya { width: 85px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px;  }
.d_data { width: 115px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px; }
.d_count { width: 50px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px; }
.d_d_last { width: 110px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px; }
.d_get { width: 85px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px; }
.d_see { width: 100px; border-right: 1px solid #C3C3C3; padding-left: 3px; padding-right: 3px; }

/* Навигация музыки ===========================================*/
.pstrnav_m {
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 10px 20px 15px;
	color:#1993D8; 
	font-size:1em;
	clear:left;
	margin-left:10px;
	margin-right:5px;
    margin-top: 20px;
}

.pstrnav_m a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#1993D8; 
	text-decoration:underline;
	margin-left:10px;
	margin-right:10px;
	
}

@media (min-width: 1009px ) 
{ 
	.div_post_admin_w { width:658px; } 		/* ширина блока статей в ад  */
	.div_post_text  { width: 547px; }  		/* ширина блока текст  */
	.edit_input_dmin { width: 640px; } 		/* ширина поля ввода в редакторе статьи  */
	.w_2 { width: 400px; } 			   		/* ширина текста воздле аватарке в редакторе статьи  */
	.width_block_list_q { width:658px; } 	/* ширина блока списка квестов  */
	.blocl_q_list_w { width:635px; } 		/* ширина блока квестов личном кабинете  */
    .edit_input_qw { width: 640px; } 		/* ширина поля ввода в редакторе квеста  */
    .edit_input_qw_ta { width: 620px; } 	/* ширина поля ввода в редакторе квеста для подскзок  */
    .time_podskaz_text_w { width: 560px; }  /* ширина подсказок по времени  */
    .auto_go_w { width: 560px; }            /* ширина selecta автоперехода  */
    .vopros_commands_w { width: 620px; }    /* ширина дополнительного вопроса  */
    .menu_position { position:fixed; bottom: 0px; background-color: #FFFFFF; min-height: 50px; opacity: .7; width:700px; } /* меню редактора  */
    .div_img_scuair { width:145px; height: 210px; overflow: hidden; background-color:#E8E8E8; float: left; border: 1px solid #A8A8A8; margin-left: 5px; margin-bottom: 5px; } /* общий блок отображение фона */
    .img_fon_catalog { width: 145px; }      /* отображение фона - с оптимизацией на скорость */
    .div_input_alt { width: 600px;  padding: 5px; }
    .mp3_url_div { width: 500px; word-wrap: break-word; font-size: 0.7em; }
    
} /* выше или равно 1005 пикселя*/

@media (min-width: 702px  )  and (max-width: 1004px)  
{ 
	.div_post_admin_w { width:658px; } /* ширина блока статей в ад  */
	.div_post_text  { width: 547px; }  /* ширина блока текст  */
	.edit_input_dmin { width: 640px; } /* ширина поля ввода в редакторе статьи  */
	.w_2 { width: 400px; } 			   /* ширина текста воздле аватарке в редакторе статьи  */
	.width_block_list_q { width:658px; } /* ширина блока списка квестов  */
	.blocl_q_list_w { width:635px; } 	/* ширина блока квестов личном кабинете  */
    .edit_input_qw { width: 640px; } 		/* ширина поля ввода в редакторе квеста  */
    .edit_input_qw_ta { width: 620px; } 	/* ширина поля ввода в редакторе квеста для подскзок  */
    .time_podskaz_text_w { width: 560px; }  /* ширина подсказок по времени  */
    .auto_go_w { width: 560px; }            /* ширина selecta автоперехода  */
    .vopros_commands_w { width: 620px; }    /* ширина дополнительного вопроса  */
    .menu_position { position:fixed; bottom: 0px; background-color: #FFFFFF; min-height: 50px; opacity: .7; width:700px; } /* меню редактора  */
    .div_img_scuair { width:145px; height: 210px; overflow: hidden; background-color:#E8E8E8; float: left; border: 1px solid #A8A8A8; margin-left: 5px; margin-bottom: 5px; } /* общий блок отображение фона */
    .img_fon_catalog { width: 145px; }      /* отображение фона - с оптимизацией на скорость */
    .div_input_alt { width: 600px;  padding: 5px; }
    .mp3_url_div { width: 500px; word-wrap: break-word; font-size: 0.7em; }
    
} /* между 700 и 1004 пикселями */

@media (min-width: 520px  )  and (max-width: 702px  )
{
	.div_post_admin_w { width:478px; } /* ширина блока статей в ад  */
	.div_post_text  { width: 337px; }  /* ширина блока текст  */
	.edit_input_dmin { width: 458px; } /* ширина поля ввода в редакторе статьи  */
	.w_2 { width: 220px; } 			   /* ширина текста воздле аватарке в редакторе статьи  */
	.width_block_list_q { width:478px; } /* ширина блока списка квестов  */
	.blocl_q_list_w { width:455px; } 	/* ширина блока квестов личном кабинете  */
    .edit_input_qw { width: 458px; } 		/* ширина поля ввода в редакторе квеста  */
    .edit_input_qw_ta { width: 438px; } 	/* ширина поля ввода в редакторе квеста для подскзок  */
    .time_podskaz_text_w { width: 380px; }  /* ширина подсказок по времени  */
    .auto_go_w { width: 380px; }            /* ширина selecta автоперехода  */
    .vopros_commands_w { width: 438px; }    /* ширина дополнительного вопроса  */
    .menu_position { position:fixed; bottom: 0px; background-color: #FFFFFF; min-height: 50px; opacity: .7; width:520px; } /* меню редактора  */
    .div_img_scuair { width:145px; height: 210px; overflow: hidden; background-color:#E8E8E8; float: left; border: 1px solid #A8A8A8; margin-left: 5px; margin-bottom: 5px; } /* общий блок отображение фона */
    .img_fon_catalog { width: 145px; }      /* отображение фона - с оптимизацией на скорость */
    .div_input_alt { width: 400px;  padding: 5px; }
    .mp3_url_div { width: 400px; word-wrap: break-word; font-size: 0.7em; }
}

@media (max-width: 520px  )
{ 
	.div_post_admin_w { width:318px; } /* ширина блока статей в ад  */
	.div_post_text  { width: 207px; }  /* ширина блока текст  */
	.edit_input_dmin { width: 298px; } /* ширина поля ввода в редакторе статьи  */
	.w_2 { width: 100px; } 			   /* ширина текста воздле аватарке в редакторе статьи  */
	.width_block_list_q { width:318px; } /* ширина блока списка квестов  */	
	.blocl_q_list_w { width:295px; } 	/* ширина блока квестов личном кабинете  */
    .edit_input_qw { width: 298px; } 		/* ширина поля ввода в редакторе квеста  */
    .edit_input_qw_ta { width: 278px; } 	/* ширина поля ввода в редакторе квеста для подскзок  */
    .time_podskaz_text_w { width: 220px; }  /* ширина подсказок по времени  */
    .auto_go_w { width: 220px; }            /* ширина selecta автоперехода  */
    .vopros_commands_w { width: 278px; }    /* ширина дополнительного вопроса  */
    .menu_position { position:fixed; bottom: 0px; background-color: #FFFFFF; min-height: 50px; opacity: .7; width:360px; } /* меню редактора  */
    .div_img_scuair { width:135px; height: 210px; overflow: hidden; background-color:#E8E8E8; float: left; border: 1px solid #A8A8A8; margin-left: 5px; margin-bottom: 5px; } /* общий блок отображение фона */
    .img_fon_catalog { width: 135px; }      /* отображение фона - с оптимизацией на скорость */
    .div_input_alt { width: 300px; padding: 5px; }
    .mp3_url_div { width: 300px; word-wrap: break-word; font-size: 0.7em; }
} /* ниже или равно 700 пикселя*/