@font-face {
    font-family: "enigmatic_unicode_regular";
    src: url("enigmatic_unicode_regular.ttf");
   }


body
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:#eef2f6;
	
}
body, td, th
{
	font-size:16px;
	font-family:enigmatic_unicode_regular;
}

.noselect
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a { color:#668899; }
a:hover { color:#7799AA; }
p { text-align:justify }

/* Кнопка входа и регистрации */
div.enterBtn, div.enterBtnDown
{
	position:fixed;
	color:white;
	border:2px solid white;
	
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
	border-radius:10px;
	padding-left:20px;
	padding-top:2px;
	z-index:2;
	width:120;
	height:35;
	top:10px;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
}

label
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
}

div.enterBtn
{
    background-color:rgba(0,10,20,0.5);
	transition-property:background;
	transition-duration: 800ms;
}

div.enterBtn:hover
{
	background-color:rgba(0,64,128,0.5);
	transition-duration: 400ms;
}

div.enterBtnDown
{
	background-color:rgba(255,255,255,0.6);
}


img.enterBtn
{
	position:relative;
	top:8;
	margin-right:4px;
}


@keyframes enterBtnAnimation {
  0% { transform-origin:50% 50%; transform:scale(0.1); opacity:0.3;  }
  50% { transform-origin:50% 50%; transform:scale(1.2); opacity:1;  }
  100% { transform-origin:50% 50%; transform:scale(1); opacity:1;  }
}

@keyframes cityAnimation {
100% { background-position-x:0px; }
0% { background-position-x:1750px; }
}

/* Элементы шапки */
.city
{
	background-image:url('city.jpg');
	background-repeat:repeat-x;
	height:66px;
	width:100%;
	position:fixed;
	z-index:2;

	animation:cityAnimation 100s linear infinite;
}

.citeName
{
	font-family: Arial;
	color:white;
	cursor:pointer;
	font-weight:bold;
	font-size:22px;
	text-transform:uppercase;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    position:fixed;
    left:8; top:8;
    z-index:2;
}


/* пункты выпадающего главного меню */
tr.menuItem, tr.menuItemDown
{
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property:background;
}

tr.menuItem
{
	transition-duration: 800ms;
}


td.menuItem
{
	font-size:18px;
	font-weight:bold;
	padding-top:13;
	padding-bottom:13;
	border-bottom:1px solid rgba(0,0,0,0.3);
	white-space:nowrap;
	transition-duration: 800ms;
}

tr.menuItem:hover
{
	background-color:rgba(0,20,40,0.2);
	transition-duration: 400ms;
}

tr.menuItemDown
{
	background-color:#667788;
}
	




/* кнопка "=" главного выпадающего меню */
@keyframes mainMenuAnimation {
  0% {
  		width:48px; height:48px; transform-origin:0% 0%; transform:scale(1);
  		box-shadow:0px 0px 0px rgba(0,0,0,0);
  	
  	}
  50% {
  		width:450px; height:300px; transform-origin:0% 0%; transform:scale(1.2);
  		box-shadow:3px 3px 16px rgba(0,0,0,0.3);
  	  }
  100% {
  		width:450px; height:300px; transform-origin:0% 0%; transform:scale(1);
  		box-shadow:3px 3px 16px rgba(0,0,0,0.3);
  		
  	}
}


.menuBtnIcon
{
	margin-left:12;
	margin-top:13;
	margin-right:10;
}

.menuBtn, .menuBtnDown
{
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border:1px solid #668899;
    border-radius:8px;
    width:48px;
    height:48px;
	transition-property:background;
	overflow:hidden;
	position:fixed;
	left:4;
	top:68px;
	z-index:3;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aabbcc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#aabbcc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #aabbcc); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #ffffff,  #aabbcc); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff,  #aabbcc); /* IE10+ */
}

.menuBtn
{
   transition-duration: 800ms;
}

.menuBtn:hover
{
	background-color:#CCeeFF;
	transition-duration: 400ms;
	transition-property:background;
}

.menuBtnDown
{
	background-color:#99CCFF;
}	




/* строка меню */
.menuline
{
	background-color:white;
	height:56px;
	position:fixed;
	width:100%;
	top:66px;

	border-bottom:2px solid white;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aabbcc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#aabbcc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #aabbcc); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #ffffff,  #aabbcc); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff,  #aabbcc); /* IE10+ */
	z-index:2;
}


/* пункт строки меню */
a.menulineItem
{
	text-decoration:none;
	color:black;
}

td.menulineItem, td.menulineItemDown
{
	white-space:nowrap;
	cursor:pointer;
	padding-left:10;
	padding-right:10;
	vertical-align:middle;
	font-size:16px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property:background;
}

td.menulineItem
{
	transition-duration: 800ms;
}

td.menulineItem:hover
{
	transition-duration: 800ms;
	background-color:#99AABB;
}

td.menulineItemDown
{
	background-color:#667788;	
}




/* главный блок страницы со всем содержимым, кроме фильтров и шапки страницы */
.main
{
	vertical-align:top;
}

.mainBlock
{
	padding:20 20 20 20;
}



/* таблица с главными данными */
/* заголовок таблицы */
.nonscrollTH
{
	position:relative;
	background-color:#d0d8e5;
	white-space:nowrap;
	cursor:pointer;
	height:20px;
	white-space:nowrap;
	cursor:pointer;
	z-index:1;
}

/* строка таблицы */
.dataRow
{
	background-color:white;
	transition-property:background;
    transition-duration: 800ms;
    cursor:pointer;
}

.dataRow td
{
	vertical-align:top;
	font-size:18px;
}

.dataRow:hover
{
	background-color:#ccddee;
	transition-property:background;
    transition-duration: 400ms;
}

.pretext
{
	padding-top:12px;
	font-size:16px;
}

/* блок */
table.block
{
	margin: 10 10 10 10;
	float:left;
}

a.block
{
	text-decoration:none;
	color:black;
}


td.block, td.blockDown
{
	border:2px solid #224b7d;
	width:180px;
	height:80px;
	border-radius:10px;
	padding:10 10 10 10;
	cursor:pointer;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	color:#224b7d;
	font-size:16px;
	text-align:center;
    vertical-align:middle;
    background-color:white;
    transition-property:background;
    transition-duration: 800ms;
}

td.block:hover
{
	transition-property:background;
	background-color:#ccddee;
	transition-duration: 400ms;

}


td.blockDown
{
	background-color:#132d4d;
}

.footer
{
	background-color:#cccccc;
	width:100%;
	padding:10 10 10 10;
}

.footer2
{
	font-size:12px;
}


.filterBlock
{
	background-color:#e0e8f0;
	overflow:hidden;
	padding:10 20 10 20;
}


h1 {
	background-color:#bbccdd;
	font-size:22px;
	margin:0 0 0 0;
	padding:8 8 8 8;
	
}

.fixh1 {
	position:fixed;
	left:0px;
	top:124px;
	z-index:2;
	width:100%;
}


/* диалоговое окно */
.dialogBox
{
	position:fixed;
	background-color:white;
	border: 1px solid #335566;
	border-radius:12px;
	box-shadow:5px 5px 12px rgba(0,0,0,0.4);
	z-index:4;
}

td.dialogBoxTitle
{
	padding-left:20;
	padding-right:20;
}

div.dialogBoxTitle
{
	border-bottom:1px solid #667788;
	color:#335566;
	text-align:center;
	width:100%;
	font-size:18px;
	padding-top:0;
	padding-bottom:5;
}

.dialogBoxButtonSection
{
	text-align:center;
	padding:16 16 16 16;
}


/* кнопка круглая */
button, input[type="button"], input[type="submit"]
{
	font-family: enigmatic_unicode_regular;
	font-size:14px;
	height:48px;
	padding-left:10;
	padding-right:10;
	color:#335566;
	outline:none;
	background-color:white;
	border:2px solid #335566;
	border-radius:20px;
	cursor:pointer;
	margin-left:4px;
	margin-right:4px;

	transition-property: background;
    transition-duration: 800ms;
}

button:hover:active, input[type="button"]:hover:active, input[type="submit"]:hover:active
{
	background-color:#99AACC;
	transition-duration: 0ms;
}

button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled
{
	border-color:#999999;
	color:#999999;
}

button:disabled img
{
	opacity:0.4;
}

button:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus
{
	background-color:#e0e4e8;
	transition-duration: 400ms;
}



/* input type text */
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"]
{
	font-size:18px;
}

select
{
	font-size:18px;
}


.hello { font-size:12px; text-align:right; }
.userName { font-size:12px; font-weight:bold; text-align:right; }


/* list line */
table.listLine
{
	width:100%;
	cursor:pointer;
	border:1px solid #999999;
	background-color:white;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.listLine:hover
{
	border:1px solid #99ccff;
}

td.listLine
{
}

td.listLine div
{
	font-size:14px;
	width:100px;
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
}


div.back
{
	background-color:white;
	padding: 10 10 10 10;
}

span.back
{
	color:#668899;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

span.back:hover
{
	color:#7799AA;
}


/********* article blocks ***************/
.artBlock
{
	width:510px;
	margin:5 5 5 5;
	padding:5 5 5 5;
	border-top:1px solid #667788;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	transition-property:background;
	transition-duration: 800ms;
	
}

.artBlock:hover
{
	background-color:#ccddee;
	transition-duration: 400ms;
}

.artDate
{
	color:#993366;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
}

.artImage
{
	width:510px;
}

.artName
{
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10;
}

.artPreview
{
	font-size:16px;
	text-align:justify;
}


.vCount
{
	position:fixed;
	text-align:right;
	width:99%;
	top:130px;
	left:0;
	z-index:3;
	font-size:12px;
}