@charset "utf-8";
/* CSS Document  сайт */

body
	{
		background-color: #F4F4F4;
		margin: 0px;
		padding: 0px;
		background-image:url(../imag/bg/bg_2.fw-min.webp);
	}

/* структура */
.div_main { width: 100%; }
.div_r_pod { border:1px solid #E9E9E9; background-color: #ffffff; margin-bottom: 5px;}

/* страница */
.div_page { background-color: #ffffff; border:1px solid #E9E9E9; min-height: 600px; margin-bottom: 5px; }
.div_title_back { background-color: #ffffff; border:1px solid #E9E9E9; margin-bottom: 5px; }
.div_page_title { color:#757575; margin: 0px; padding-bottom: 20px; text-decoration: none; font-size:2.5em; line-height:1.1em; font-family:verdana; font-weight:500; }
.div_page_title_1 { color:#757575; margin: 0px; padding-bottom: 20px; text-decoration: none; font-size:1.8em; line-height:1.1em; font-family:verdana; font-weight:500; }
.div_page_title_2 { color:#757575; margin: 0px; padding-bottom: 20px; text-decoration: none; font-size:1.5em; line-height:1.1em; font-family:verdana; font-weight:500; }
.div_page_text { font-family:verdana; font-weight:400; font-size:1em; line-height:1.5em; color: #757575; }
.div_page_text_1 { font-family:verdana; font-weight:400; font-size:0.9em; line-height:1.4em; color: #757575; }
.div_page_text_2 { font-family:verdana; font-weight:100; font-size:1.2em; line-height:1.1em; color: #757575; }

/* цвета фона*/
.bg_1 { background-color: #89C7E9; } /* фон шапки */
.bg_2 { background-color: #FFFFFF; } /* фон правого меню */
.bg_3 { background-color: #FFFFFF; } /* фон левого меню */
.bg_4 { background-color: #E7E7E7; } /* цвет подвала */
.bg_5 { background-color: #8AC858; } /* зеленый цвет кнопок */
.bg_6 { background-color: #FAC473; } /* цвет меню */
.bg_7 { background-color: #68DF67; } /* цвет статус опубликован */
.bg_8 { background-color: #FFFFFF; } /* цвет фона текстареа */
.bg_9 { background-color: #F97374; } /* цвет статус не опубликован */

/* оформление изображениями */
.div_logo_img { background-image: url(../imag/logo/logo_name_full_small2.fw-min.webp); min-height:45px; width: 166px; background-repeat: no-repeat; margin-top: 5px; margin-left: 20px; display: table; }
.div_exit_bg { background-image:url(../imag/icon/exi3.fw-min.webp); background-repeat:no-repeat; width: 19px; height: 19px; float: left; margin-top: 3px; }

/* цвета текста */
.tc_1 { color: #80643B; } /* цвет текста меню */
.tc_2 { color: #2A5075; } /* цвет текста логотипа */
.tc_3 { color: #FFFFFF; } /* цвет текста белый */
.tc_4 { color: #818181; } /* цвет текста подвала */
.tc_5 { color: #757575; } /* цвет текста подвала */
.tc_6 { color: #D9725F; } /* цвет текста оповещения красные */
.tc_7 { color: #8AC858; } /* цвет текста выделенного меню */
.tc_8 { color: #757575; } /* цвет текста редактора статей */
.tc_9 { color: #5A8D9C; } /* цвет ссылок в блоке квестов */
.tc_10 { color: #757575; } /* цвет текста в популярном */
.tc_11 { color: #F9B26B; } /* цвет текста на статью из шаблона */
.tc_12 { color: #8AC858; } /* цвет текста на статью из шаблона */

/* меню2 Журнал  */
.menu2_top_page { width: 1186px; display: flex; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.menu2_el2   { padding-left: 5px; padding-right: 5px; min-height: 25px; border-right:1px solid #C3C3C3; background-color:#D8E1E6; }
.menu2_el2:hover { background-color:#EDF7FC; }
.menu2_el2s   { padding-left: 5px; padding-right: 5px; min-height: 25px; border-right:1px solid #C3C3C3; background-color:#fff; }

.jurnal { width: 630px; height: 400px; }

/* стили  текста */
.ff_1 { font-family:verdana; } /* стиль шрифта */

.fs_1 { font-size: 0.8em; } 	/* размер для надписи Администратор */
.fs_2 { font-size: 0.7em; } 	/*  */
.fs_3 { font-size: 0.6em; } 	/*  */
.fs_4 { font-size: 0.9em; } 	/*  */
.fs_5 { font-size: 1em; }   	/*  */
.fs_6 { font-size: 1.5em; }   	/*  */
.fs_7 { font-size: 2em; }   	/*  */
.fs_8 { font-size: 1.1em; }   	/*  */
.fs_9 { font-size: 1.2em; }   	/*  */

/* отступы  */
.pad_2  { padding: 2px; }
.pad_5  { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }

.pad_l_3  {padding-left: 3px; }
.pad_l_5  {padding-left: 5px; }
.pad_l_10 { padding-left: 10px; }
.pad_l_20 { padding-left: 20px; }
.pad_l_30 { padding-left: 30px; }
.pad_l_40 { padding-left: 40px; }

.pad_t_3  { padding-top: 3px; }
.pad_t_5  { padding-top: 5px; }
.pad_t_10 { padding-top: 10px; }
.pad_t_20 { padding-top: 20px; }

.pad_r_5  {padding-right: 5px; }
.pad_r_10  {padding-right: 10px; }
.pad_r_15  {padding-right: 15px; }

.pad_b_5 { padding-bottom:5px; }
.pad_b_10 { padding-bottom:10px; }
.pad_b_20 { padding-bottom:20px; }

.mar_t_5  { margin-top: 5px; }
.mar_t_10 { margin-top: 10px; }

.mar_l_5 { margin-left: 5px; }
.mar_l_10 { margin-left: 10px; }
.mar_l_20 { margin-left: 20px; }
.mar_l_30 { margin-left: 30px; }
.mar_l_40 { margin-left: 40px; }
.mar_l_100 { margin-left: 100px; }

.mar_b_5 { margin-bottom: 5px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_b_20 { margin-bottom: 20px; }

.mar_r_5 { margin-right: 5px; }
.mar_r_10 { margin-right: 10px; }
.mar_r_20 { margin-right: 20px; }
.mar_r_30 { margin-right: 30px; }
.mar_r_40 { margin-right: 40px; }

/* формы */
.input_login { width: 243px; height: 30px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
.input_reg { width: 243px; height: 30px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
.submit_ent  { width: 255px; height: 30px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
.submit_reg  { width: 255px; height: 30px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
.submit_serch  { width: 25px; height: 40px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }

/* меню */
.dev_menu_el { font-family:verdana; float: left; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #FAD9A7; border-bottom: 1px solid #FAD296; border-top: 1px solid #FAD296; }
.dev_menu_sel { background-color: #F8AF42; color: #4F3E24; }
.div_footer { margin-left: 10px; display: flex; lex-wrap: wrap;  }
.footer_block { width: 230px; }
.footer_title { color:#757575; margin: 0px; padding-top: 20px; padding-bottom: 10px; text-decoration: none; font-size:1.2em; line-height:1.1em; font-family:verdana; font-weight:500; }
.li_footer { list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 40px; }

/* Форма имени и аватарки */
.ava_div {  margin-right: 5px; }
.uf_label { width: 50px; height: 50px; overflow: hidden;  }
.uf_input { display: none; }
.uf_img { width: 50px; overflow: hidden; }
.uf_div { width: 50px; height: 50px; overflow: hidden;  }
.uf_img_em { background-image: url("../imag/icon/empty_users2.webp"); width: 50px; height: 50px; }
.but_ava { font-size: 0.6em; }

/* отображение  */
.tdn { text-decoration: none; }
.float_l { float: left; }
.dis_tab { display: table; }
.dis_flex { display: flex; flex-wrap: wrap; }
.flex { display: flex; }
.mp0 { margin: 0px; padding: 0px; }
.ww { word-wrap:break-word; }

.message_1
{
    background-color:#FAD6CF;
    padding: 10px;
    border: 1px solid #F5AFA1;
    border-radius: 5px;
}

.message_2
{
    background-color:#D5E8C8;
    padding: 10px;
    border: 1px solid #BAE999;
    border-radius: 5px;
}

@media (min-width: 1004px ) 
{ 
	.div_head { width: 100%; min-height:55px; }
	.div_menu { width: 1004px; display:table; }
	.div_menu_w { width: 179px; }
	.div_search { width: 1004px; display:table; }
	.div_bottom { width: 100%; border-top:1px solid #E9E9E9; margin-top: 25px; display: table; }
	.div_bottom_center { width: 1004px; min-height:100px; display: table; }
	.div_center { width: 1004px; min-height: 600px; display: table; margin-top: 5px; }
	.div_line { width: 100%; clear: left;}
	.div_left { width: 700px; min-height: 600px; float: left; }
	.div_right { width: 300px; float: left; margin-left: 4px; }
	.div_title_img { background-image:url(../imag/heads/head6_1-min.webp); height: 204px; width: 1004px; background-repeat: no-repeat; }
	.div_logo { width: 1004px; min-height:70px; display: table; }
	.div_loto_text { float: left; margin-left: 10px;  margin-top: 15px; width: 700px; font-size: 0.9em;  }
    
    /* галерея */
    .div_gal { width: 200px; height: 100px; overflow: hidden; margin-right: 5px; margin-bottom:5px; }
    .div_gal_img { width: 200px; }
    
    /* популярные */
    .div_pop { width: 250px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px; }
    .div_pop_img { width: 50px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop2_img { width: 250px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop3_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_like { width: 660px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px;  }
    
    .lk_name { width: 160px; word-wrap: break-word; }
    .top_form_enter { display: none; }
    .right_form_enter {  }
    .input_login2 { width: 243px; height: 30px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
    .submit_ent2  { width: 30px; height: 40px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
    
} /* выше или равно 1005 пикселя - ПК */

@media (min-width: 702px  )  and (max-width: 1004px)  
{ 
	.div_head { width: 100%; min-height:55px;  }
	.div_menu { width: 700px; display:table; }
	.div_menu_w {  }
	.div_search { width: 700px; display:table; }
	.div_bottom { width: 100%; border-top:1px solid #E9E9E9; margin-top: 4px; }
	.div_bottom_center { width: 700px; min-height:50px; }
	.div_center { width: 700px; min-height: 600px; display: table; margin-top: 5px; }
	.div_line { width: 100%; clear: left;}
	.div_left { width: 700px; min-height: 600px; float: left; }
	.div_right { width: 700px; float: left;}
	.div_title_img { background-image:url(../imag/heads/head6_2-min.webp); height: 142px; width: 700px; background-repeat: no-repeat; }
	.div_logo { width: 700px; min-height:70px; display: table; }
	.div_loto_text { float: left; margin-left: 10px;  margin-top: 15px; width: 500px; font-size: 0.9em;  }
    
    /* галерея */
    .div_gal { width: 200px; height: 100px; overflow: hidden;  margin-right: 5px; margin-bottom:5px; }
    .div_gal_img { width: 200px; }
    
     /* популярные */
    .div_pop { width: 660px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px; }
    .div_pop_img { width: 50px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop2_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop3_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_like { width: 660px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px;  }
    
    .lk_name { width: 330px; word-wrap: break-word; }
    .top_form_enter {  width: 700px; }
    .right_form_enter { display: none; }
    .input_login2 { width: 243px; height: 30px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
    .submit_ent2  { width: 30px; height: 40px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
	
} /* между 700 и 1004 пикселями - планшет альбомная ориентация */

@media (min-width: 520px  )  and (max-width: 702px  )
{ 
	.div_head { width: 100%; min-height:55px;  }
	.div_menu { width: 520px; display:table; }
	.div_menu_w { width: 152px; }
	.div_search { width: 520px; display:table;  }
	.div_bottom { width: 100%; border-top:1px solid #E9E9E9; margin-top: 4px; }
	.div_bottom_center { width: 520px; min-height:50px; }
	.div_center { width: 520px; min-height: 600px; display: table; margin-top: 5px;}
	.div_line { width: 100%; clear: left;}
	.div_left { width: 520px; min-height: 600px; float: left; }
	.div_right { width: 520px; float: left; }
	.div_title_img { background-image:url(../imag/heads/head6_3-min.webp); height: 105px; width: 520px; background-repeat: no-repeat; }
	.div_logo { width: 520px; min-height:70px; display: table; }
	.div_loto_text { float: left; margin-left: 10px;   margin-top: 15px; width: 320px; font-size: 0.9em;  }
    
    /* галерея */
    .div_gal { width: 110px; height: 70px; overflow: hidden;  margin-right: 5px; margin-bottom:5px; }
    .div_gal_img { width: 110px; }
    
     /* популярные */
    .div_pop { width: 485px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px; }
    .div_pop_img { width: 50px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop2_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop3_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_like { width: 485px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px;  }
    
    .lk_name { width: 330px; word-wrap: break-word; }
    .top_form_enter {  width: 520px; }
    .right_form_enter { display: none; }
    .input_login2 { width: 180px; height: 30px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
    .submit_ent2  { width: 30px; height: 40px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
    
} /* между 540 и  702 пикселя - планшет порттретная ориентация */

@media (max-width: 520px  )
{ 
	.div_head { width: 100%; min-height:55px;  }
	.div_menu { width: 360px; display:table; }
	.div_menu_w { width: 159px; }
	.div_search {  width: 360px; display:table; }
	.div_bottom { width: 100%; border-top:1px solid #E9E9E9; margin-top: 4px; }
	.div_bottom_center { width: 360px; min-height:50px; }
	.div_center { width: 360px; min-height: 600px; display: table; margin-top: 5px;}
	.div_line { width: 100%; clear: left;}
	.div_left { width: 360px; min-height: 600px; float: left; }
	.div_right { width: 360px; float: left; }
	.div_title_img { background-image:url(../imag/heads/head6_4-min.webp); height: 105px; width: 360px; background-repeat: no-repeat; }
	.div_logo { width: 360px; min-height:70px; display: table; }
	.div_loto_text { clear: left; padding-top: 5px; padding-left: 15px; padding-bottom: 5px;  width: 330px; font-size: 0.8em;  }
    
    /* галерея */
    .div_gal { width: 100px; height: 60px; overflow: hidden;  margin-right: 5px; margin-bottom:5px; }
    .div_gal_img { width: 100px; }
    
     /* популярные */
    .div_pop { width: 320px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px; }
    .div_pop_img { width: 50px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop2_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_pop3_img { width: 150px; margin-right: 5px; margin-bottom: 5px; }
    .div_like { width: 320px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px;  }
    
    .lk_name { width: 240px; word-wrap: break-word; }
    .top_form_enter {  width: 360px; }
    .right_form_enter { display: none; }
    .input_login2 { width: 130px; height: 20px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
    .submit_ent2  { width: 30px; height: 30px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
    
} /* ниже 520 - телефон */


@media (max-width: 360px  ) 
{ 

	.div_head {  width: 360px; min-height:55px;  }
	.div_menu { width: 360px; }
	.div_search {  width: 360px; }
	.div_bottom { width: 360px; }
	.div_bottom_center { width: 360px; min-height:50px; }
	.div_title_img { background-image:url(../imag/heads/head6_4-min.webp); height: 105px; width: 360px; background-repeat: no-repeat; }
	.div_logo { width: 360px; min-height:70px; display: table; }
	.div_logo_img { background-image: url(../imag/logo/logo_name_full_small2.fw-min.webp); background-repeat: no-repeat; margin-top: 5px; margin-left: 20px; }
	.div_loto_text { clear: left; padding-top: 5px; padding-left: 15px; padding-bottom: 5px; width: 330px; font-size: 0.8em;  }
    
    /* галерея */
    .div_gal { width: 100px; height: 60px; overflow: hidden;  margin-right: 5px; margin-bottom:5px; }
    .div_gal_img { width: 100px; }
    .div_like { width: 320px; font-size: 0.8em; line-height:1.6em; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; padding-top: 5px;  }
    .lk_name { width: 240px; word-wrap: break-word; }
    .top_form_enter {  width: 360px; }
    .right_form_enter { display: none; }
    .input_login2 { width: 130px; height: 20px; background-color:#E8F0FE; border: 1px solid #E9E9E9; margin-bottom: 5px; border-radius: 2px; padding: 5px; font-size: 1em; }
    .submit_ent2  { width: 30px; height: 30px; background-color:#8AC858; border: 0px; margin-bottom: 2px; border-radius: 2px; }
} /* ниже 360 пикселя*/