/*--- Настройка сайта ---------------------------------------------------------------------------*/
HTML {
height: 100%;
font-size: 100.01%;
}

head {
display: none;
}

BODY {
height: 100%;
margin: 0;
padding: 0;
font: normal 75% Verdana, Arial, Helvetica, sans-serif;
color: #363636;
padding-bottom: 30px;
}

h1 {
font-size: 20px;
font-weight: bold;
}
/*--- /Настройка сайта --------------------------------------------------------------------------*/


/*--- Настройка страници ------------------------------------------------------------------------*/
.sb-page{
width: 1000px;
min-height: 900px;
margin: 0 auto;
overflow: auto;
box-shadow: 0 0 10px #b2b2b2;
position: relative;
margin-bottom: 10px;
margin-top: 10px;
}

.sb-page-content-add {
padding: 20px 0px 0px 20px;
background-color: #fafafa;
}
/*--- /Настройка страници -----------------------------------------------------------------------*/


/*--- Логотип -----------------------------------------------------------------------------------*/
.sb-logo{
width: 100%;
height: 100px;
background: url(../img/Logo.png) 50% -1px no-repeat;	
}

.sb-logo-search{
width: 100%;
height: 40px;
}
/*--- /Логотип ----------------------------------------------------------------------------------*/


/*--- Вхід на сайт ------------------------------------------------------------------------------*/
.sb-hello{
width: 100%;
}
.sb-hello-0{
color: white;
background-color: #5381b5;	
padding: 0px;
}
.sb-hello-table{
height: 25px;
}
.sb-hello-td1{
width: 250px;
}
.sb-hello-td2{
width: 450px;
}
.sb-hello-td3{
width: 100px;
}
.sb-hello-td4{
width: 25px;
}
.sb-hello-td5{
width: 125px;
}
.sb-hello-td6{
width: 50px;
text-align-last: right;
}
/*--- Вхід на сайт ------------------------------------------------------------------------------*/


/*--- Розділювач --------------------------------------------------------------------------------*/
.sb-header {
width: 100%;
height: 2;
background-color: #000;
}
/*--- /Розділювач -------------------------------------------------------------------------------*/


/*--- Колонка верхня ----------------------------------------------------------------------------*/
.sb-column-top {
overflow: auto;
}
/*--- /Колонка верхня ---------------------------------------------------------------------------*/


/*--- Колонка нижня -----------------------------------------------------------------------------*/
.sb-column-bottom {
overflow: auto;
}
/*--- /Колонка нижня ----------------------------------------------------------------------------*/


/*--- Колонка ліва ------------------------------------------------------------------------------*/
.sb-column-top-left {
width: 220px;
float: left;
position: relative;
box-shadow: 0 3px 3px #999;
}
/*--- /Колонка ліва -----------------------------------------------------------------------------*/


/*--- Колонка центральна ------------------------------------------------------------------------*/
.sb-column-top-center {
float: left;
width: 560px;
background: #fff;
}

.sb-column-top-center-content {
padding: 5px 10px 50px 10px;
font-size: 14px;
line-height: 1.5em;
text-align: justify;
font-family: "Roboto", sans-serif;
color: #606060;
border-right: 1px dotted #999;
border-left: 1px dotted #999;
}
/*--- /Колонка центральна -----------------------------------------------------------------------*/


/*--- Колонка права -----------------------------------------------------------------------------*/
.sb-column-top-right {
width: 197px;
float: left;
position: relative;
box-shadow: 0 3px 3px #999;
}
/*--- /Колонка права ----------------------------------------------------------------------------*/


/*--- Меню-header-login-oldschool -----------------------------------------------------------------------*/
.menu-list-header-login-oldschool {
    text-decoration: none;
    font-size: 16px;
    color: white;
    font-weight: bold;
}

a.menu-list-header-login-oldschool:hover {
	color: #ffeeee;
}
/*--- /Меню-header-login-oldschool ----------------------------------------------------------------------*/


/*--- Меню --------------------------------------------------------------------------------------*/
ul.menu-list {
	background-color: #454851;
	border: 1px solid #25272b;	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	list-style: none;
	font: 13px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	overflow:hidden
}
ul.menu-list li.style-menu-home {background:url(../img/style-menu-home-icon.png) 12px 12px no-repeat}
ul.menu-list li.style-menu-home:hover {background:url(../img/style-menu-home-icon.png) 12px -21px no-repeat}

ul.menu-list li.style-menu-wall {background:url(../img/style-menu-wall-icon.png) 12px 12px no-repeat}
ul.menu-list li.style-menu-wall:hover {background:url(../img/style-menu-wall-icon.png) 12px -21px no-repeat}

ul.menu-list li.style-menu-board {background:url(../img/style-menu-board-icon.png) 12px 13px no-repeat}
ul.menu-list li.style-menu-board:hover {background:url(../img/style-menu-board-icon.png) 12px -20px no-repeat}

ul.menu-list li.style-menu-boardpost {background:url(../img/style-menu-boardpost-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-boardpost:hover {background:url(../img/style-menu-boardpost-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-library {background:url(../img/style-menu-library-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-library:hover {background:url(../img/style-menu-library-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-directory {background:url(../img/style-menu-directory-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-directory:hover {background:url(../img/style-menu-directory-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-datasheet {background:url(../img/style-menu-datasheet-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-datasheet:hover {background:url(../img/style-menu-datasheet-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-wha {background:url(../img/style-menu-wha-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-wha:hover {background:url(../img/style-menu-wha-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-splan {background:url(../img/style-menu-splan-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-splan:hover {background:url(../img/style-menu-splan-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-forum {background:url(../img/style-menu-forum-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-forum:hover {background:url(../img/style-menu-forum-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-diy {background:url(../img/style-menu-diy-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-diy:hover {background:url(../img/style-menu-diy-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-pilot {background:url(../img/style-menu-pilot-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-pilot:hover {background:url(../img/style-menu-pilot-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-calculator {background:url(../img/style-menu-calculator-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-calculator:hover {background:url(../img/style-menu-calculator-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-calendar {background:url(../img/style-menu-calendar-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-calendar:hover {background:url(../img/style-menu-calendar-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-channel {background:url(../img/style-menu-channel-icon.png) 12px 11px no-repeat}
ul.menu-list li.style-menu-channel:hover {background:url(../img/style-menu-channel-icon.png) 12px -22px no-repeat}

ul.menu-list li.style-menu-libferst {
background:url(../img/style-menu-libferst-icon.png) 15px 3px no-repeat;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
border-bottom: 1px solid #292b30; 
color: #d9ddea; 
display: block; 
padding: 5px 10px 10px 40px; 
height: 15px;
}

ul.menu-list li.style-menu-lib {background:url(../img/style-menu-lib-icon.png) 15px 0px no-repeat}
ul.menu-list li.style-menu-lib:hover {background:url(../img/style-menu-lib-icon.png) 15px -40px no-repeat}

ul.menu-list li.style-menu-libend {background:url(../img/style-menu-libend-icon.png) 15px 0px no-repeat}
ul.menu-list li.style-menu-libend:hover {background:url(../img/style-menu-libend-icon.png) 15px -40px no-repeat}

ul.menu-list li a {
	background: url(../img/style-menu-li-a.png) repeat-x;
	-mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);	
	border-bottom:1px solid #292b30;
	color:#d9ddea;
	display:block;
	text-decoration:none;
	padding:5px 10px 10px 40px;
	height:15px;
}
ul.menu-list li:first-child a {box-shadow:none}
ul.menu-list li a:hover {background: url(../img/style-menu-li-a-hover.png) repeat-x}
ul.menu-list li.parent a span {
	display:block;	
	background:url(../img/style-menu-arrow-down.png) right center no-repeat;
}
ul.menu-list li.parent a.selected span {background:url(../img/style-menu-arrow-up.png) right center no-repeat}
/*--- /Меню -------------------------------------------------------------------------------------*/


/*--- Меню-header-oldschool -----------------------------------------------------------------------*/
ul.menu-list-header-oldschool {
	list-style: none;
	font-size: 11px; 
	color: #ddd; 
	font-weight: bold;
	margin: 0;
	padding: 0;
	overflow:hidden
}

ul.menu-list-header-oldschool li {
	float: left;
}

ul.menu-list-header-oldschool li a {
	text-decoration:none;
	padding:5px 5px 5px 5px;
	color: #d9ddea;
	font-size: 12px;
	font-weight: bold;
}

ul.menu-list-header-oldschool li a:hover {
	color: #ffeeee;
}
/*--- /Меню-header-oldschool ----------------------------------------------------------------------*/


/*--- Меню-top-oldschool -----------------------------------------------------------------------*/
ul.menu-list-top-oldschool {
	background-color: #454851;
	border: 1px solid #25272b;	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	list-style: none;
	font: 13px Tahoma, sans-serif;
	margin: 0;
	padding-left: 10;
	overflow:hidden
}

ul.menu-list-top-oldschool li {
	float: left;
	margin-right: 5px;
}
   
ul.menu-list-top-oldschool li a {
	background: url(../img/style-menu-li-a.png) repeat-x;
	-mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);	
	border-bottom:1px solid #292b30;
	color:#d9ddea;
	font-size: 12px;
	display:block;
	text-decoration:none;
	padding:5px 5px 5px 5px;
}
ul.menu-list-top-oldschool li:first-child a {box-shadow:none}
ul.menu-list-top-oldschool li a:hover {background: url(../img/style-menu-li-a-hover.png) repeat-x}
ul.menu-list-top-oldschool li.parent a span {
	display:block;	
	background:url(../img/style-menu-arrow-down.png) right center no-repeat;
}
ul.menu-list-top-oldschool li.parent a.selected span {background:url(../img/style-menu-arrow-up.png) right center no-repeat}
/*--- /Меню-top-oldschool ----------------------------------------------------------------------*/


/*--- Меню-left-oldschool -----------------------------------------------------------------------*/
ul.menu-list-left-oldschool {
	background-color: #454851;
	border: 1px solid #25272b;	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	list-style: none;
	font: 13px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	overflow:hidden
}
ul.menu-list-left-oldschool li.style-menu-home {background:url(../img/style-menu-home-icon.png) 12px 12px no-repeat}
ul.menu-list-left-oldschool li.style-menu-home:hover {background:url(../img/style-menu-home-icon.png) 12px -21px no-repeat}

ul.menu-list-left-oldschool li.style-menu-wall {background:url(../img/style-menu-wall-icon.png) 12px 12px no-repeat}
ul.menu-list-left-oldschool li.style-menu-wall:hover {background:url(../img/style-menu-wall-icon.png) 12px -21px no-repeat}

ul.menu-list-left-oldschool li.style-menu-board {background:url(../img/style-menu-board-icon.png) 12px 13px no-repeat}
ul.menu-list-left-oldschool li.style-menu-board:hover {background:url(../img/style-menu-board-icon.png) 12px -20px no-repeat}

ul.menu-list-left-oldschool li.style-menu-boardpost {background:url(../img/style-menu-boardpost-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-boardpost:hover {background:url(../img/style-menu-boardpost-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-library {background:url(../img/style-menu-library-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-library:hover {background:url(../img/style-menu-library-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-directory {background:url(../img/style-menu-directory-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-directory:hover {background:url(../img/style-menu-directory-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-datasheet {background:url(../img/style-menu-datasheet-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-datasheet:hover {background:url(../img/style-menu-datasheet-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-wha {background:url(../img/style-menu-wha-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-wha:hover {background:url(../img/style-menu-wha-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-splan {background:url(../img/style-menu-splan-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-splan:hover {background:url(../img/style-menu-splan-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-forum {background:url(../img/style-menu-forum-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-forum:hover {background:url(../img/style-menu-forum-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-diy {background:url(../img/style-menu-diy-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-diy:hover {background:url(../img/style-menu-diy-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-pilot {background:url(../img/style-menu-pilot-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-pilot:hover {background:url(../img/style-menu-pilot-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-calculator {background:url(../img/style-menu-calculator-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-calculator:hover {background:url(../img/style-menu-calculator-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-calendar {background:url(../img/style-menu-calendar-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-calendar:hover {background:url(../img/style-menu-calendar-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-channel {background:url(../img/style-menu-channel-icon.png) 12px 11px no-repeat}
ul.menu-list-left-oldschool li.style-menu-channel:hover {background:url(../img/style-menu-channel-icon.png) 12px -22px no-repeat}

ul.menu-list-left-oldschool li.style-menu-libferst {
background:url(../img/style-menu-libferst-icon.png) 15px 3px no-repeat;
}

ul.menu-list-left-oldschool li.style-menu-lib {background:url(../img/style-menu-lib-icon.png) 15px 0px no-repeat}
ul.menu-list-left-oldschool li.style-menu-lib:hover {background:url(../img/style-menu-lib-icon.png) 15px -40px no-repeat}

ul.menu-list-left-oldschool li.style-menu-libend {background:url(../img/style-menu-libend-icon.png) 15px 0px no-repeat}
ul.menu-list-left-oldschool li.style-menu-libend:hover {background:url(../img/style-menu-libend-icon.png) 15px -40px no-repeat}


ul.menu-list-left-oldschool li.style-menu-static {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
border-bottom: 1px solid #292b30;
color: #d9ddea;
display: block;
padding: 5px 10px 10px 40px;
height: 15px;
}

ul.menu-list-left-oldschool li a {
	background: url(../img/style-menu-li-a.png) repeat-x;
	-mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);	
	border-bottom:1px solid #292b30;
	color:#d9ddea;
	display:block;
	text-decoration:none;
	padding:5px 10px 10px 40px;
	height:15px;
}
ul.menu-list-left-oldschool li:first-child a {box-shadow:none}
ul.menu-list-left-oldschool li a:hover {background: url(../img/style-menu-li-a-hover.png) repeat-x}
ul.menu-list-left-oldschool li.parent a span {
	display:block;	
	background:url(../img/style-menu-arrow-down.png) right center no-repeat;
}
ul.menu-list-left-oldschool li.parent a.selected span {background:url(../img/style-menu-arrow-up.png) right center no-repeat}
/*--- /Меню-left-oldschool ----------------------------------------------------------------------*/


/*--- Меню-right-oldschool -----------------------------------------------------------------------*/
ul.menu-list-right-oldschool {
	background-color: #454851;
	border: 1px solid #25272b;	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
	list-style: none;
	font: 13px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	overflow:hidden
}

ul.menu-list-right-oldschool li.style-menu-static {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
border-bottom: 1px solid #292b30;
color: #d9ddea;
display: block;
padding: 5px 5px 10px 5px;
height: 15px;
}

ul.menu-list-right-oldschool li a {
	background: url(../img/style-menu-li-a.png) repeat-x;
	-mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	border-bottom:1px solid #292b30;
	color:#d9ddea;
	display:block;
	text-decoration:none;
	padding:5px 5px 10px 5px;
	height:15px;
}

ul.menu-list-right-oldschool li:first-child a {box-shadow:none}
ul.menu-list-right-oldschool li a:hover {background: url(../img/style-menu-li-a-hover.png) repeat-x}
ul.menu-list-right-oldschool li.parent a span {
	display:block;	
	background:url(../img/style-menu-arrow-down.png) right center no-repeat;
}
ul.menu-list-right-oldschool li.parent a.selected span {background:url(../img/style-menu-arrow-up.png) right center no-repeat}
/*--- /Меню-right-oldschool ----------------------------------------------------------------------*/


/*--- Галерея -----------------------------------------------------------------------------------*/
/*    #fsClipper {  height: 330px; width: 100%; overflow: auto; //overflow: hidden; //overflow-x: auto; }
    .fsControl, #fsLinks a { color: darkblue; cursor: pointer; //cursor: hand; }
    .fsControl.disabled, #fsLinks a.current { color: #000000; cursor: default; text-decoration: none; }
    .fsControl.disabled { color: #666666; }
    #fsScreen { background-size: contain;height: 300px ! important; background: no-repeat 50% 50%; }*/
    
.imageGalleryView    
{    
height: 100px;
border: 1px solid #ccc;
cursor: pointer;
}
.imageGalleryView:hover
{    
border: 1px solid #000;
}
/*--- /Галерея ----------------------------------------------------------------------------------*/


/*--- Контент: зміст ----------------------------------------------------------------------------*/
#content{
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
}
#contenttitle{
    text-align: center;
}
#content ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}

#content a {
    text-decoration: none;
}
/*--- /Контент: зміст ---------------------------------------------------------------------------*/


/*--- Контент: категорії ------------------------------------------------------------------------*/
.tablecontent {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1.5em;
  width: 100%;
  border: 0px;
}
.tdcontent {
  padding-left: 0;
  padding: 0.5em 5px 0.5em 5px;
  line-height: 1.5em;
  border: 0px;
  border-bottom: 1px solid #ccc;
  font-family: "Roboto", sans-serif;
  font-family: "Roboto", sans-serif;
  color: #211f21;
  font-size: 14px;
  background: #fff;
  text-align:justify;
}
.tdcontentno {
  padding-left: 0;
  padding: 0.5em 5px 0.5em 5px;
  line-height: 1.5em;
  border: 0px;
  font-family: "Roboto", sans-serif;
  color: #211f21;
  font-size: 14px;
  background: #fff;
  text-align:justify;
}
.divcontent {
  padding-left: 0;
  padding: 10px 0px 0px 0px;
  font-size: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #211f21;
  text-align:justify;
  text-shadow: 3px 3px 2px #A5A5A5;
  line-height: 1.5em;
  border: 0px;
  border-bottom: 1px solid #aaa;	
  background: #fff;
}
.divcontenttext {
  padding-left: 0;
  padding: 0.5em 5px 0.5em 5px;
  line-height: 1.5em;
  border: 0px;
  font-family: "Roboto", sans-serif;
  color: #211f21;
  font-size: 14px;
  background: #fff;
  text-align:justify;
}
.titlecontent {
  text-decoration: none;
  font-size: 25px;
  color: #211f21;
}
/*--- /Контент: категорії -----------------------------------------------------------------------*/


/*--- Контент: спойлер квадратний ---------------------------------------------------------------*/
.sb-spoiler-sq > input{
display:none;
}

.sb-spoiler-sq > input + label:after{
content: "+";
float: right;
font-family: monospace;
font-weight: bold;
}
.sb-spoiler-sq > input:checked + label:after{
content: "-";
}

.sb-spoiler-sq > input + label{
display: block;
padding:5px 5px;
width:100%;
border: 3px solid #CCC;
background:#CCC;
}

.sb-spoiler-sq > input:checked + label + .sb-spoiler-sq_body{
display: block;
}

.sb-spoiler-sq > .sb-spoiler-sq_body{
display:none;
padding:5px 5px;
width: 100%;
border: 3px solid #CCC;
border-top: none;
background: #FFF;
}

.sb-spoiler-sq-width1 {
width: 564px;
margin-left: -10px; 
}
/*--- /Контент: спойлер квадратний --------------------------------------------------------------*/


/*--- Контент: спойлер заокруглений -------------------------------------------------------------*/
.sb-spoiler-cl > input{
display:none;
}

.sb-spoiler-cl > input + label:after{
content: "+";
float: right;
font-family: monospace;
font-weight: bold;
}
.sb-spoiler-cl > input:checked + label:after{
content: "-";
}

.sb-spoiler-cl > input + label{
display: block;
padding:5px 5px;
width:100%;
border: 1px solid #707070;
border-radius: 20px 20px 20px 20px;
background:#CCC;
}

.sb-spoiler-cl > input:checked + label{
border-radius: 20px 20px 0px 0px;
}

.sb-spoiler-cl > input:checked + label + .sb-spoiler-cl_body{
display: block;
}

.sb-spoiler-cl > .sb-spoiler-cl_body{
display:none;
padding:5px 5px;
width: 100%;
border: 1px solid #707070;
border-top: none;
border-radius: 0px 0px 20px 20px;
background: #FFF;
}

.sb-spoiler-cl-width1 {
width: 570px;
}
/*--- /Контент: спойлер заокруглений ------------------------------------------------------------*/


/*--- Контент: скачати файл ---------------------------------------------------------------------*/
.sb-download-file{
font-size: 14px; 
font-weight: bold; 
color: #8714D5;
}
/*--- /Контент: скачати файл --------------------------------------------------------------------*/


/*--- Контент: вкладка горизонтальна-------------------------------------------------------------*/
.sb-tabs-hor input{
display: none;
}	
.sb-tabs-hor label {
    display: inline-block;
    margin: 0px 0px -1px;
    padding: 5px 5px;
    font-size: 12px;
    color: #aaa;
    font-weight: 600;
    text-align: center;	
    border: 1px solid #ddd;
    border-radius: 3px 3px 0px 0px;
    background: #f1f1f1;
}
.sb-tabs-hor input:checked + label {
    color: #333;
    border: 1px solid #ddd;
    border-top: 3px solid #009933;
    border-bottom: 1px solid #fff;
    background: #fff;
}
.sb-tabs-hor section{
display: none;
border: 1px solid #ddd;
}
.sb-tabs-hor-width-1{
  margin-left: -10px;
  width: 560px; 
}
.sb-tabs-hor-width-2{
  margin-left: -5px;
  width: 545px;
  padding: 5px;
}
/*--- /Контент: вкладка горизонтальна------------------------------------------------------------*/


/*--- Контент: програмний код -------------------------------------------------------------------*/
.sb-contentcod{
    border: 1px dashed #2f6fab;
    background-color: #f0f0f0;
    color: black;
    padding-left: 5px;
    padding-right: 5px;	
}
.sb-contentcodw1{
    width: 560px;
}
.sb-contentcodw2{
    width: 540px;
}
.sb-contentcodm1{
    margin-left: 0px;
}
 .sb-contentcodm2{
    margin-left: -5px;
} 
 .sb-contentcodm3{
    margin-left: -10px;
} 
 .sb-contentcodm4{
    margin-left: -15px;
} 
.sc0 {
}
.sc2 {
	color: #008000;
}
.sc4 {
	color: #FF8000;
}
.sc5 {
	font-weight: bold;
	color: #0000FF;
}
.sc6 {
	color: #808080;
}
.sc7 {
	color: #808080;
}
.sc9 {
	color: #804000;
}
.sc10 {
	font-weight: bold;
	color: #000080;
}
.sc11 {
}
.sc16 {
	color: #8000FF;
}
/*--- Контент: програмний код -------------------------------------------------------------------*/


/*--- Контент добавити: список параметрів 1-------------------------------------------------------*/
.sb-table-listparametr table{
    border: 2px solid #909090;
    font-size: 12px;
    border-spacing: 0px;
    border-collapse: collapse;
}
.sb-table-listparametr th{
    background: radial-gradient(farthest-corner at 50% 50%, white, #c8bcf7);
}
.sb-table-listparametr td{
    vertical-align: top;  
    background: radial-gradient(farthest-corner at 50% 50%, white, #DCECF8);
}



.sb-table-list-moderator {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #909090;
    padding: 5px;
    font-size: 12px;
}
.sb-table-list-moderator th{
    background: radial-gradient(farthest-corner at 50% 50%, white, #c8bcf7);
}
.sb-table-list-moderator tr{
    border: 1px solid #909090;
}
.sb-table-list-moderator td{
    vertical-align: top;    
    background: radial-gradient(farthest-corner at 50% 50%, white, #DCECF8);
}



.sb-div-listparametr{
overflow-x: scroll;
}
.sb-div-listdelete{
overflow-x: scroll;
}
.sb-div-listhistory{
overflow-x: scroll;
}

/*--- Контент добавити: список параметрів 1-------------------------------------------------------*/



/*--- Контент добавити: список параметрів 2-------------------------------------------------------*/
.sb-table-listparametr2 table{
border-collapse: collapse;
border-bottom: 1px solid #909090;
}
.sb-table-listparametr2view th{
background: radial-gradient(farthest-corner at 50% 50%, white, #c8bcf7);
}
.sb-table-listparametr2view td{
background: radial-gradient(farthest-corner at 50% 50%, white, #DCECF8);
}
.sb-table-listparametr2delete th{
background: radial-gradient(farthest-corner at 50% 50%, white, #c8bcf7);
}
.sb-table-listparametr2delete td{
background: radial-gradient(farthest-corner at 50% 50%, white, #f8dcdc);
}
.sb-div-listparametr2{
overflow-x: scroll;
}
.sb-div-listhistory2{
overflow-x: scroll;
}
/*--- Контент добавити: список параметрів 2-------------------------------------------------------*/



/*--- SUPPORT -----------------------------------------------------------------------------------*/
.sb-support-message-question {
    background: radial-gradient(farthest-corner at 50% 50%, white, #dcf9de);
    border: 1px solid #cccccc;
    text-align: right;
	margin-bottom: 5px;
}
.sb-support-message-answer {
    background: radial-gradient(farthest-corner at 50% 50%, white, #dcf5f9);
    border: 1px solid #cccccc;
    text-align: left;
	margin-bottom: 5px;
}
/*--- SUPPORT -----------------------------------------------------------------------------------*/


/*--- ТАБЛИЦЯ "LANGUAGE" ---*/
.sb-section-language-table-list{
border-collapse: collapse;
}
.sb-section-language-table-list  td{
    padding: 5px;
    border: 1px solid #5381b5;
}
.sb-section-language-table-list  th{
    font-size: 14px;
    font-weight: bold;	
    padding: 5px;
    border: 2px solid #8e9eae;
}
/*--- /ТАБЛИЦЯ "LANGUAGE"/ ---*/


/*--- ТАБЛИЦЯ "BOARD" ---*/
.sb-board-table-info-all-1
{
}

.sb-board-table-info-all-2
{
}

.sb-board-table-info-all-3
{
}

.sb-board-table-info-all-4
{
width: 250px; 
text-align: right;
}

.sb-board-table-info-all-5
{
}

.sb-board-table-info-all-6
{
color: #5262b3;
font-weight: bold;
font-size: 12px;
}

.sb-board-table-info-all-7
{
width: 450px;
}

.sb-board-table-info-all-8
{
color: #616161;
font-weight: bold;
font-size: 12px;
}
/*--- /ТАБЛИЦЯ "BOARD"/ ---*/


/*--- ТАБЛИЦЯ "ДОВІДНИК" ---*/
.sb-table-directory {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1.5em;
  width: 100%;
  border: 0px;
}

.sb-td-directory {
  padding-left: 0;
  padding: 0.5em 5px 0.5em 5px;
  line-height: 1.5em;
  border: 0px;
  border-bottom: 1px solid #ccc;
  font-family: "Roboto", sans-serif;
  color: #211f21;
  font-size: 14px;
  background: #fff;
  text-align:center;
}

.sb-table-directory-post td{
    width: 60px;
    text-align: center;
    font-size: 12;
    border: 1px dotted #454545;
    background: #F4FBFF;
    color: black;
}
/*--- /ТАБЛИЦЯ "ДОВІДНИК"/ ---*/
	
	
/*--- Добавити проект ---------------------------------------------------------------------------*/
.sb-project-add-ramka1{
border: 1px solid #ccc;
border-radius: 10px;
width: 940;
padding: 10;
}	
.sb-project-add-text0{
width: 850;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #3333FF;
}
.sb-project-add-text1{
color: #557fae;
font-weight: bold;
font-size: 12px;
}
.sb-project-add-text2{
color:  #9e9ea0;
font-weight: bold;	
font-size: 10px;
}	
.sb-project-add-text3{
color: #000000;
font-weight: bold;
font-size: 12px;
}
.sb-project-add-text4{
color: #557fae;
font-weight: bold;
font-size: 10px;
}
.sb-project-add-input1{/*На видалення*/
width: 850px;
}
.sb-project-add-input2{/*На видалення*/
width: 750px;
}
.sb-project-add-input3{/*На видалення*/
width: 650px;
}
.sb-project-add-input4{/*На видалення*/
width: 550px;
}
.sb-project-add-input5{/*На видалення*/
width: 450px;
}
.sb-project-add-input6{/*На видалення*/
width: 350px;
}
.sb-project-add-input7{/*На видалення*/
width: 250px;
}
.sb-project-add-input8{/*На видалення*/
width: 150px;
}
.sb-project-add-input9{/*На видалення*/
width: 100px;
}
.sb-project-add-input10{/*На видалення*/
width: 50px;
}
.sb-project-add-btn1{ /*На видалення*/
width: 100px;
}
.sb-project-add-btn2{ /*На видалення*/
    width: 200px;
}
.sb-project-add-btn3{ /*На видалення*/
    width: 850px; 
}

.sb-project-add-input940{
width: 940px;
}

.sb-project-add-input930{
width: 930px;
}

.sb-project-add-input850{
width: 850px;
}

.sb-project-add-input840{
width: 840px;
}

.sb-project-add-input830{
width: 830px;
}

.sb-project-add-input750{
width: 750px;
}
.sb-project-add-input700{
width: 700px;
}
.sb-project-add-input650{
width: 650px;
}
.sb-project-add-input550{
width: 550px;
}
.sb-project-add-input450{
width: 450px;
}
.sb-project-add-input350{
width: 350px;
}
.sb-project-add-input250{
width: 250px;
}
.sb-project-add-input150{
width: 150px;
}
.sb-project-add-input100{
width: 100px;
}
.sb-project-add-input50{
width: 50px;
}

.sb-project-add-input-border{
border: 1px solid #a0a0a0;
}

.sb-project-add-btn10{
width: 10px;
}
.sb-project-add-btn20{
width: 20px;
}
.sb-project-add-btn30{
width: 30px;
}
.sb-project-add-btn50{
width: 50px;
}
.sb-project-add-btn75{
width: 75px;
}
.sb-project-add-btn100{
width: 100px;
}
.sb-project-add-btn150{
width: 150px;
}
.sb-project-add-btn200{
width: 200px;
}
.sb-project-add-btn250{
width: 250px;
}
.sb-project-add-btn850{
width: 850px;
}
.sb-project-add-btn-bold{
font-weight: bold;
}
/*--- Добавити проект ---------------------------------------------------------------------------*/


/*--- БЛОК РЕДАКТОР ТЕКСТУ ----------------------------------------------------------------------*/
.TextBoxEditor-div{
  background-color: rgba(180,180,180,.8); 
  border: 1px solid rgba(155,155,155,.6);
}

.TextBoxEditor-Link { 
  border: 1px;
  cursor: pointer; 
}

.TextBoxEditor-Link:hover { 
  border: 1px solid rgba(135,135,135,1);
}

.TextBoxEditor-Box {
  min-height: 200px;
  border: 1px solid rgba(155,155,155,.6);
  padding: 0px;
  margin: 0;
  overflow: scroll; 
  background-color: rgb(255, 255, 255);
}
/*--- БЛОК РЕДАКТОР ТЕКСТУ ----------------------------------------------------------------------*/



/*--- БЛОК ПІДКАЗКА ПРИ НАВЕДЕННІ КУРСОРУ -------------------------------------------------------*/
span[data-title] {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px dashed #000;

}
 
span[data-title]:hover:before {
  content: attr(data-title);
  position: relative;
  width: 300px;
  bottom: 0px;
  padding: 0px;    
  left: 0px;
  color: #fff;
  border-radius: 4px;
  background: #3989c9;
}
/*--- БЛОК ПІДКАЗКА ПРИ НАВЕДЕННІ КУРСОРУ -------------------------------------------------------*/