/*Let's see...*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,400italic,300italic,300,500&subset=latin,cyrillic);

body {
	font-family: 'Roboto Mono', sans-serif;
	font-size: 16px;
	/*Awesome. Close to Tahoma, but much better.*/
	color: #444;
	font-weight: 300;
	text-align: left;
	background-color: white;
	margin: 0;
	padding: 0;
	min-width: 100%;
	border: 0 none;
	height: 100%;
	line-height: 1.2;
	background: url("img/matrish_bg.svg") center;
	background-size: cover;
	overflow-x: hidden;
}

td, div {
	text-align:left;
	/*color:#89A7C1;*/
	font-size:12px;
	vertical-align:top;
	line-height: 1.2;
}
 
a {
	color:#ffffff;
}


h1, h2, h3, h4, b, strong {
	font-weight: 300;
}

.flash-wrap{
	position: relative;
}
      
.flash-link{
	position: absolute; top:358px;
	width:100%;
	height:28px;
	text-align:center;
	vertical-align:middle;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#CDF5F9, Strength=2); 
	min-width:1024px;
}

.tflash_link {
	height:28px;
	text-align:center;
	vertical-align:middle;
}

.tdflash_link {
	height:28px;
	width:28px;
	text-align:center;
	vertical-align:middle;
}

.stflash_link {
	height:21px;
	text-align:center;
	vertical-align:middle;
}	

table.stflash_link {
	min-width:1024px;
	max-width:1024px;
	width:1024px;
}

.stdflash_link {
	height:21px;
	width:14px;
	text-align:center;
	vertical-align:middle;
}

a.menu {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-shadow: 0px 0px 10px #CDF5F9;
}

.flash-sublink{
	position: absolute; top:403px;
	
	width:100%;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#CDF5F9, Strength=2); 
}

a.submenu {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-shadow: 0px 0px 10px #CDF5F9;
}

.ex{
	position: absolute; top:325px;
	
	width:100%;
	text-align:center;
	font-size:24px;
	color:#ffffff;
}

div.enru{
	position: absolute; top:160px;
	
	width:100%;
	text-align:center;
	font-size:18px;
}

a.enru {
	font-size:18px;
	color:#6da6db;
	text-decoration:none;
	text-shadow: 0px 0px 10px #6da6db;
}

/*div.inner { margin:5px 0px 0px 0px; background: #31587A; padding: 1px; border:0; zoom:1;overflow:auto;}*/
/*div.inner2 { margin: 0; background:  #070E17; padding: 2px; border:0; zoom:1;overflow:auto;}*/
/*div.inner3 { */
	/*margin: 0; */
	/*background: #162636; */
	/*border:0; */
	/*zoom:1;*/
	/*overflow:auto;*/
	/*padding:13px 24px 28px 14px;*/
	/**/
/*}*/

/*div.inner4 { */
	/*margin: 0; */
	/*background: #162636; */
	/*border:0; */
	/*zoom:1;*/
	/*overflow:auto;*/
	/*padding:13px 0px 14px 0px;*/
	/*text-align:center;*/
/*}*/

/*div.content {*/
	/*padding:26px 0px 0px 14px;*/
/*}*/

/*div.stitle {*/
	/*padding:0px 0px 28px 14px;*/
/*}*/

div.ban {
	padding-bottom: 5px;
}

.inner4 {
	text-align: center;
	border: 1px dashed #444;
	margin-bottom: 1em;
}

/*.inner4 font.stitle {*/
	/*color:#ffffff;*/
	/*font-size:24px;*/
	/*text-align: center;v*/
/*}*/

#sidebar .inner4 font.stitle {
	color: #444;
	font-size: 1.2em;
	text-align: center;
	display: block;
	padding: 1em;
}

font.stitle {
	color:#444;
	font-size:2em;
}

.tspacer {
	min-width:14px;
	max-width:28px;
}

.td340 {
	width:340px;
	min-width:340px;
	max-width:340px;
}

.td255 {
	width:255px;
	min-width:255px;
	max-width:255px;
}


div.site {
	text-align:left;
	vertical-align:middle;
	width:136px;
	height:22px;
	/*background:url(i/button.png)/!*tpa=http://2014.zeronights.ru/i/button.png*!/;*/
	float:right;
	font-weight: bold;
}

div.sitel {
	text-align:center;
	vertical-align:middle;
	width:136px;
	height:22px;
	background:url(i/button.png)/*tpa=http://2014.zeronights.ru/i/button.png*/;
	float:left;
}

div.prob {
	height:7px;
	width:100%;
}

a.site {
	text-decoration:none;
	vertical-align:middle;
}

div.sitelong {
	text-align:center;
	vertical-align:middle;
	width:182px;
	height:22px;
	background:url(i/button.png)/*tpa=http://2014.zeronights.ru/i/button.png*/;
	float:right;
}

.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(i/radiobutton.gif)/*tpa=http://2014.zeronights.ru/i/radiobutton.gif*/ no-repeat;
}

table.spn {
border:0px;
border-collapse:collapse;
}

table.spn td{
	/*border: #89A7C1 1px solid;*/
	padding-left:35px;
	
}



#menu * {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
}

#menu {
	position:relative;
	z-index:100;
	display: inline-block;
	text-align: center;
}

/*#menu ul.menu {*/
  /*white-space: nowrap;*/
/*}*/

/* Geometrical arrangement */
#menu ul.menu li {
  display: inline-block;
  height: 46px;
  position: relative;
}

#menu ul.menu li div {
  position: absolute;
  top: 46px;
  left: 0px;
}

#menu ul.menu li div div {
  position: absolute;
  top: -6px;
  left: 188px;
}

/* Escaping style for lower levels */
#menu ul.menu li div ul li {
  display: block;
  float: none;
  width: auto;
  height: auto;
}

/** Graphics **/

/* Horizontal sliding doors */
#menu ul.menu li a {
  background-position: left -1000px;
  display: inline-block;
  margin: 10px 2px 1px 14px;
}

#menu ul.menu li a span {
  padding-right: 14px;
  padding-left: 0;
  background-position: right -1000px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  cursor: pointer;
}

#menu ul.menu li:hover a {
  background-position: left -54px;
}

#menu ul.menu li:hover a span {
  background-position: right -81px;
}

#menu ul.menu li.active a {

  background-position: left 0px;
}

#menu ul.menu li.active a span {
		color: #EB2E83;
  background-position: right -27px;
}

/* Escape Horizontal doors */
#menu ul.menu li div ul li a {
  display: block;
  padding: 0px;
  margin: 0px;
  /*background: none;*/
}

#menu ul.menu li div ul li a span {
  display: block;
  height: auto;
  width: 165px;
  line-height: 12px;
  padding: 7px 0 7px 9px;
  white-space: normal;  
}

/* Vertical sliding doors */
#menu ul.menu li div { 
  /*width: 200px;*/
  /*padding-top: 6px;*/
  /*background-image: url("images/submenu-top.png")/!*tpa=http://2014.zeronights.ru/images/submenu-top.png*!/;*/
  /*background-repeat: no-repeat;*/
  /*background-position: 0px top;*/
}

#menu ul.menu li div ul { 
  /*padding: 6px 6px 9px 6px;*/
  /*padding-top: 0;*/
  /*background-image: url("images/submenu-bottom.png")/!*tpa=http://2014.zeronights.ru/images/submenu-bottom.png*!/;*/
  /*background-repeat: no-repeat;*/
  /*background-position: 0px bottom;*/
	border: 1px solid #444;
	background-color: transparent;
}

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{

}
#menu ul.menu li.active ul li a span {
	color: #ffffff;
	width: 165px;}
#menu ul.menu li.active ul li a span:hover {
	color:#ffffff;}
	
#menu ul.menu ul li a span:hover
{
	color:#ffffff;
}


/* Main header line */
#menu {
  height: 46px;
}

/* Text shadow */
#menu span
{
  color: #24CCF7;
}

#menu li:hover>a>span 
{
  color: #EB2E83;
}

/* Fonts */
#menu ul.menu li a span
{ 
  font-size: 13px;
}

#menu ul.menu li div ul li a span
{ color:#ffffff;
  font-size: 12px;
}

/* Lines between li */
#menu ul.menu li div ul
{
  padding-bottom: 8px;
}

#menu ul.menu li div ul li:first-child
{
  border-top-width: 0px;
}


/* Menu logic */
#menu li>div { visibility: hidden; }
#menu li:hover>div { visibility: visible; }
/* */

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{
  
}

/* Lines between li */
#menu ul.menu li div ul li
{
  
}
#menu ul.menu ul a.parent {
  margin-right: -1px;
}


#menu ul.menu li {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a span {
  *zoom: 1;
  *display: inline;
}

table.program  {
	border:solid #ffffff 1px;
}

table.program td {
	border:solid #ffffff 1px;
}
/*Tremendously ugly %(*/

/*NEW STYLES*/
/*Let's leave tables in 90s*/


/*header and menu*/


header,
nav,
section {
	width: 100%;
	font-family: 'Roboto Mono', sans-serif;
}

a {
	color: #1C7108;
}



#about-zn {
	background-color: #444;
}

header {

}

nav {
	position: absolute;
	top: 0;
	text-align: center;
}

/*about*/

#about {
	background-color: #444;
	padding: 0 0 2em 0;
	overflow: hidden;
	position: relative;
}

#about-content,
#about-zn,
#programm-zn,
#about h2 {
	color: white !important;
}

#about-content {
	position: relative;
}
/*content*/

#content-container {

}

#content {
	width: 70%;
	float: left;
}

.content {
	width: 65%;
	float: left;
	padding: 2em;
}

#sidebar {
	float: right;
	padding: 1em;
	width: 25%;
}

.clear {
	clear: both;
}

a.menu {
	text-shadow: none;
}

header .light {
	background: url("img/bgbw.png") !important;
}

.light a {
	color: black !important;
}

.light a span {
	color: #57d133 !important;
}

.dark a {
	color: white !important;
}

.dark a span {
	color: #57d133 !important;
}

.light #menu ul.menu li div ul {
	border: 1px dashed white;
	background-color: rgba(0,0,0,0.6);
}

.dark #menu ul.menu li div ul {
	border: 1px dashed white;
	background-color: rgba(0,0,0,0.6);
}

.logo_text p,
.logo_text a {
	font-size: 3em;
	padding-top: 1em;
	font-family: 'Roboto Mono', sans-serif;
}

.logo_text a {
	text-decoration: none;
	margin: 1em 0 1em 0;
	display: block;
}

.light .logo_text p,
.light .logo_text a {
	color: #444;
}

.dark .logo_text p,
.dark .logo_text a {
	color: white;
}

#menu ul li a:hover,
#menu ul li ul li:hover {
	text-decoration: underline;
}

#about-content img {
	position: absolute;
	/* top: 35%; */
	right: -13%;
	width: 50%;
	transform: rotate(-13deg);
	bottom: -10%;
}

#about-zn p,
#programm-zn p {
	width: 70%;
}

#about-zn h2,
#programm-zn h2 {
	border: 1px dashed white;
	display: inline-block;
	padding: .2em .4em;
	margin-top: 0;
	margin-bottom: 0;
}

.guide-box {
	width: 432px;
	height: auto;
	padding: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.social-block iframe {
	margin: 0 auto;
	display: block;
}

#vk_groups {
	width: 100% !important;
	margin: 1em auto;

}

#page-navi {
	border: 1px dashed #444;
	padding: 1em;
	margin: 0 auto 1em auto;
}

#page-navi .ditto_page,
#page-navi .ditto_currentpage,
#page-navi .ditto_previous_link {
	padding-right: 1em;
}

.inner4 img {
	width: 90%;
}

#registration {
	background: url('img/matrish_bg_reg.svg') #162636;
	padding: 1em;
	background-size: cover;
	float: left;
	width: 100%;
}

body {
	 font-size: 16px;
 }

h1 {
	margin: 0;
	font-size: 2.5em;
}

h2 {
	margin: .5em auto .5em auto;
	font-size: 1.8em;
}

h3 {
	font-size: 1.2em;
	line-height: 1.618em;
	text-transform: uppercase;
}

p {
	font-size: 1em;
	line-height: 1.2em;
}

.date {
	border: 1px dashed #444;
	margin-bottom: 1em;
	padding: .5em;
	display: inline-block;
}

#mmenu-humb {
	display: none;
}

#mmenu {
	display: none;
}

.dark #mmenu-humb {
	color: #ededed;
}

.light #mmenu-humb {
	color: #444;
}

#mmenu-humb span {
	animation: console 1.5s infinite linear;
}

@keyframes console {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	51% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#cta {
	position: relative;
	display: block;
	text-align: center;
	width: 10em;
	margin: 0 auto 1em auto;
	font-size: 1em;
	z-index: 1;
	padding: .5em;
	background: #57d133;
}

#cta a {
	text-decoration: none;
	color: #444;
}

#cta a:hover {
	text-decoration: underline;
}

.zn-date {
	font-size: 1em !important;
	margin: -4em 0 0 0;
	text-align: center;
	font-weight: 400;
}

.zn-logo-title {
	bottom: -10em;
	left: 0;
}