/*
ПОКА НАСТРАИВАТЬ ВРУЧНУЮ ЦВЕТА 

ссылки, ссылки :hover
шрифтов (text1-18) + textgrey, textitalic
подчеркивание названий страниц
своя ссылка, quote
шрифт нижнего меню

Еще
в .checkbox:checked + label:before (radiocheck.css)

accordeontable.php
	.active-head$idAcc, .acc-head$idAcc:hover {

*/

a {	color:#3F3540; text-decoration:none; }

a:hover, a pre:hover { color: #000; transition-property: color; transition-duration: .5s; }


.slick-right-arrow {
	display: inline; 
	border: 1px solid red;
	xfloat: right;
  width: 40px;
  height: 0px;
  position: relative;
  padding: 0px;
  
  top: 80px;
  right: 0px;

  cursor: pointer;
  opacity:0.7; background: url('images/icon_top.png') no-repeat;
}

.text10, .text12, .text14, .text16, .text18 { font-family: 'Georgia'; color: #3F3540; }
.text10-2, .text12-2, .text14-2, .text16-2, .text18-2 { font-family: 'Tahoma'; color: #3F3540; }
.text10bold, .text12bold, .text14bold, .text16bold, .text18bold { font-family: Verdana, Arial; color: #3F3540; }

.text10, .text11, .text12, .text14, .text16, .text18 { font-weight: normal; }
.text10-2-bold, .text12-2-bold, .text14-2-bold, .text16-2-bold, .text18-2-bold { font-weight: bold; }

.text10bold, .text12bold, .text14bold, .text16bold { font-weight: bold; letter-spacing: 0px; }

.text10, .text10-2, .text10bold { font-size: 10pt; }
.text11 { font-size: 11pt; color: #ccc; }
.text12, .text12-2, .text12bold { font-size: 12pt; }
.text14, .text14-2, .text14bold { font-size: 14pt; }
.text16, .text16-2, .text16bold { font-size: 16pt; }
.text18, .text18-2, .text18bold { font-size: 18pt; }

.textgrey { color: #515151;}
.textitalic { font-style: italic; color: #515151;}

.wrap-embed-link { padding: 8px; }
.a-embed-link { color: #433605; xxborder: 1px solid #433605; padding: 2px 18px 4px 18px; border-radius: 10px;
				background-color: #F1E2A3; }	/* изменяется */
.quote { margin: 8px 8px; color: #3a3a3a; font-style: italic; }

#lowerlayer { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; border: 0; z-index:0;}	

#storage, #divsearch, #nextpage, #nextgroupб #nextsearch { display:none; }
	
/* таблица шапки и подвала */
#header, #footer { width: 100%; }

.TB-table { display: table; width: 100%; border-collapse: collapse; }
.TB-tr { display: table-row; }
.TB-td { display: inline-block; text-align: left; vertical-align: top; padding: 0px; }


#TB-content { width:100%; }
.TB-part { display: inline-block; border: 1px solid white; vertical-align: top;}

/* меню для узкого экрана */
#col-topMenu { display: none; width: 40px; }
#topMenu { width: 40px; padding: 0px; cursor: pointer; }
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0 }

#topMenuBar { position: fixed; top: 0px; left: -500px; width: 300px; z-index: 9;
    		  background-color: #f1ddaa; border:1px solid #433605; }
#content-mb { text-align: left; color: #433605; background-color: #222222;
				margin: 16px 4px 24px 4px; height: 400px; overflow: auto;}				  

/* стрелка наверх сайта */
#gotoTop { display:none; position:fixed; bottom:30px; right:30px; width:40px; height:40px;
	opacity:0.7; text-indent:-9999px; background: url('images/icon_top.png') no-repeat;
	cursor: pointer; z-index: 99; }
/* звездочка закладки */
#bookMark { display:none; position:fixed; top:54px; right:30px; width:40px; height:40px;
	opacity:0.7; text-indent:-9999px; background: url('images/icon_bm.png') no-repeat;
	cursor: pointer; z-index: 98; }

/* окно со значком загрузки */				  
#__loadingbar { display: none;  }

.loadingbar { xxxdisplay: none; position:fixed; top: 4px; right:4px; width:32px; height: 32px; margin: auto;
			  background: url('images/loading.gif') no-repeat; xxz-index:99; }


/* меню */
.classTableTB1 { display:block;  }
#navigation { height: 28px; z-index: 7; }
#navigation.fixed { position: fixed; top: 0; width: 100%; }
.lineTopMenu, .lineTopSubmenu { font-family: Arial; font-weight: normal; color: #433605; background-color: #f1ddaa; }
.lineTopMenu { font-size: 14pt; padding: 8px; }
.lineTopSubmenu { font-size: 12pt; padding: 6px 0 6px 24px }
.xxxlineTopMenu:hover { background-color: #f1ddaa; }
.xxxlineTopSubmenu:hover { background-color: #f1ddaa; }

.lineBottomMenu, .lineBottomSubmenu { font-family: Arial; font-weight: normal; color: #f1ddaa; }
.lineBottomMenu { font-size: 14pt; padding: 8px; }
.lineBottomSubmenu { font-size: 12pt; padding: 4px 0 4px 24px; }
#bottom-menu { padding: 24px; width: 100%;}
#___bottom-menu a { color:#f1ddaa; text-decoration:none; }

/* сайдбар */
#sitesidebar { top: 0px; width: 300px; overflow: hidden; z-index: 3; }
#sitesidebar.fixed { position: fixed; top: 0; margin-top: 28px; }	

#titleinpage, #titleonegroup, #titlewidegroup, #titlessearch { border-bottom: 1px solid #433605; padding-bottom: 8px; }

#allpages, #pageonegroup, #pagessearch, #pagescontact { padding:0; border: 0px solid #fcfcfc; }	
/* каждая главная страница */
div[id*='pageentity'] { border: 0px solid #aeaeae; padding: 0px; margin-bottom: 0px; overflow:hidden; }
#titleinpage { margin: 0px 0px 0px 0px; }		/* 24 -> 0 */
#bodyinpage { border: 0px solid green; margin: 18px 0px; padding: 0; }		/* 24 -> 0 */


div[id^='groupentity'] {  border: 1px solid #aeaeae; padding:0px; box-shadow: 0 0 4px #808080; margin: 0 0 24px 0; 
						  display: inline-block; overflow: hidden; text-align: left; vertical-align: top; }
div[id^='groupentity']:hover { box-shadow: 0 0 14px #808080; }
div[id^='group300_'] { border: 1px solid #aeaeae; width:480px; padding:0px; margin: 0 24px 24px 0; 
						overflow: hidden; text-align: left; }
div[id^='group-mob_'] { border: 1px solid #aeaeae; width:100%; padding:0px; margin: 0 24px 24px 0; 
						overflow: hidden; text-align: left; }
				  												 
#all_groupentity { display:block; }
#all_group300 { display:none; }
#all_group-mob { display:none; }
#all_group-mob { margin-bottom: 8px;}

#groups-inside { width:100%; text-align:left; vertical-align: top;  }
.group-left { display: inline-block; vertical-align: top; }

#gb-zagl { display: none;}
.gb-image { padding:8px; overflow: hidden; }
	
.gb-title { margin: 12px 0 2px 8px; }
.gb-comment { margin: 8px; }
.gb-allpages-top { margin: 0 0 12px 0;  }
.gb-allpages-bottom { margin: 0;  }

/* одна группа- модуль in grouptable.php */
#groupwide { padding: 0px; margin: 0px 0px 0px 0px; }		/* 24 -> 0 */
div[id*='blogentity'] { border: 0px solid #aeaeae; padding: 0px; margin: 18px 0;  overflow: hidden; }
#titleonegroup { margin: 18px 12px 12px 12px; }	
.be-image { width: 200px; margin:12px 12px 12px 20px; line-height: 0; overflow: hidden;  box-shadow: 0 0 12px #808080; }
.be-title { margin: 12px 0 12px 16px; }
.be-comment { margin: 12px; }

/* два блока рядом с помощью inline-block */
#content-be { width:100%; max-width:900px; }
.content-be-left, .content-be-right { display: inline-block; vertical-align: top; }
.content-be-left { width:248px; }
.content-be-right { width: 600px; min-width: 248px; }

.be-wholly { margin: 10px; }

#pagewidegroup { border: 0px solid #aeaeae; xxxoverflow: hidden;  padding: 0px; margin: 12px 0px 24px 0px; }	/* 24 -> 0 */
.wb-linkback { margin: 24px;  }
#titlewidegroup { margin: 18px 12px 24px 12px; }	 
.wb-image { width:300px; margin:12px; line-height: 0; overflow: hidden; box-shadow: 0 0 14px #808080; }
.wb-comment { margin: 12px; }
#videoplace { width:324px; padding:12px; overflow: hidden; background-color: #FFFFFF; }
#videofilm { width:324px; padding:12px; overflow: hidden; background-color: #FFFFFF; }
#videofilm.fixed { position: fixed; top: 28px; xwidth: 100%; }

/* Установка размера шрифта */
#content-wb-ins { vertical-align: top; text-align:right; padding: 0 8px; width:100%; cursor: pointer; }
#wb-ins-area:hover { color: #aeaeae;}
#content-wb-ins-area { display: none; position:absolute; text-align:left; padding: 8px; width:300px; height: 108px; 
						border: 1px solid #808080; background-color: #f1f1f1; cursor: default;  z-index: 77;}
#shche { display:inline-block; line-height: 42px; margin:5px; height:42px; width:44px; cursor: pointer;
				background-color: #f1f1f1; vertical-align: middle; text-align:center; border: 1px solid #b1b1b1; }
#shche:hover { background-color: #c2c2c2; font-weight: bold; }
/* ------------------------ */

#content-wb { width:100%; xxmax-width:900px; }
.content-wb-left, .content-wb-right { display: inline-block; vertical-align: top; }
.content-wb-left { width:328px; }	/* было 348 */
.content-wb-right { width:500px; min-width:300px;  }

div[id*='searchentity'] { overflow: hidden; padding:0px; margin: 12px 0px 32px 0px; }		/* 24 -> 0 */
#titlessearch { margin: 18px 0px 32px 0px; }		 /* 24 -> 0 */
.ss-title { margin: 0 0 4px 12px; }
.ss-comment { margin-bottom: 4px; }
.ss-nameplugin { margin: 0 0 4px 12px; }
#found-word { font-weight: bold; }

#vocabulary { border-bottom: 1px dashed #7D4F0A; font-style: italic; }
#vocabulary:hover { color: #000; cursor: pointer; }
#div-content-voc { font-style:normal; width:100%; height:auto; border:1px solid #cecece; margin-top:4px; box-shadow: 0 0 14px #808080; }
#content-voc { width:100%; }
.voc-image { width:140px; margin:4px; }
.content-voc-left, .content-voc-right { display: inline-block; vertical-align: top; }
.content-voc-left { width:156px; }
.content-voc-right { width:70%; }			
#vocvideofilm { width:140px; padding:12px; overflow: hidden; background-color: #FFFFFF; }
#voc-place { display: none; }
#voc-close { color: #cecece; margin:0; margin-right: 4px; text-align: right; cursor: pointer; }

#lotman-comm { padding-top: 14px; cursor: pointer; font-weight: bold; width:64px; }
#nolotman-comm { padding-top: 14px; }
#lotman-comm:hover { color: #BF8F30; font-size: 1.1em; }
#lotman-area { display:none; position:fixed; top:34px; left:8px; width:440px;  
				border:1px solid #aeaeae;
				background-color: #f7f7f7; z-index: 8; box-shadow: 0 0 14px #808080;}
#lotman-close { color: #b5b5b5; xxmargin:0; margin-right:4px; text-align: right; cursor: pointer; }
#lotman-strophe { margin:0 0 12px 12px; }
#lotman-content { margin: 12px 4px 12px 12px; height:540px; overflow: auto; }

.navig1 { padding: 0px 4px 0px 4px; }
.navig2 { padding: 2px 14px 4px 14px; color: white; background-color: #D4A50B; border-radius: 8px; }
.navig3 { padding: 2px 14px 4px 14px; }