html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
html, body, div, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
}
html, body {
	height: 100%;
	background-color: #cfcfcf;
	color: #231f20;
}

blockquote, q {
	quotes: "" "";
}

textarea {
	/*font-size: 12px;*/
}
img {
	border: none;
}
p {
	margin:5px 0px 7px;
}
a:link, a:visited {
	color:#231F20;
}
ol, ul {
	padding-left:40px;
}
input, select, textarea {
	outline:none;
	overflow:visible;
}
/*===========================================================================*/
#layout_body {
	margin: 0px;
	padding: 0px;
	background: url(/data/img/bg_.jpg) 50% 50% no-repeat #231f20;
	background-size: cover;
}
.container {
	font-size:11pt;
}

.container > p {
	margin: 0;
}
	#bg {
		position:relative;
		width:100%;
		z-index:1;
	}
	#opening {
		position:absolute;
		width:170px;
		height:144px;
		left:0;
		top:0;
		padding:62px 0 0 100px;
		background:url(/data/img/opening_.png) left top no-repeat;
		z-index:3;
	}
		#opening a {
			display:inline-block;
			margin-bottom:2px;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: .05em;
			font-weight: bold;
		}
		#opening a.active {
			color: #f7941e;
		}
		
		
	/*#music {
		position:absolute;
		width:121px;
		height:156px;
		left:30px;
		top:150px;
		text-align:center;
		z-index:5;
	}*/
	#music {
		position:absolute;
		width:89px;
		height:131px;
		left:50px;
		top:150px;
		padding:25px 0 0 32px;
		background:url(/data/img/music.png) left top no-repeat;
		z-index:5;
	}
	#main_img {
		position:absolute;
		width:64%;
		left:5%;
		top:5%;
		z-index:2;
	}
	#logo, #logoM, #logoP, #logoO{
		position:absolute;
		width:22%;
		right:8%;
		top:0px;
		text-align:center;
		z-index:2;
	}
	#intro_text {
		position:absolute;
		width:26%;
		right:2%;
		/*top:26%;*/
		top: 220px;
		z-index:2;
	}
	#numbers {
		position:absolute;
		width:25%;
		max-width:350px;
		right:7%;
		top:50%;
		z-index:2;
	}
		#numbers > img {
			width:100%;
		}
		#numbers a {
			display:inline-block;
			*display:inline;
			*zoom:1;
			position:absolute;
			top:0;
		}
		#numbers a {
			color:#fff;
			text-decoration:none;
			font-size: 16px;
		}
		#numbers a:hover, #numbers a.active {
			color:#ffa200;
		}
		#numbers #a001 { top:14%; right:48%;}
		#numbers #a002 { top:17%; right:40%;}
		#numbers #a003 { top:14%; right:31%;}
		#numbers #a004 { top:21%; right:48%;}
		#numbers #a005 { top:23%; right:40%;}
		#numbers #a006 { top:24%; right:31%;}
		#numbers #a007 { top:28%; right:55%;}
		#numbers #a008 { top:29%; right:48%;}
		#numbers #a009 { top:31%; right:39%;}
		#numbers #a010 { top:30%; right:28%;}
		#numbers #a011 { top:35%; right:52%;}
		#numbers #a012 { top:39%; right:43%;}
		#numbers #a013 { top:37%; right:31%;}
		#numbers #a014 { top:44%; right:52%;}
		#numbers #a015 { top:45%; right:43%;}
		#numbers #a016 { top:44%; right:33%;}
		#numbers #a017 { top:52%; right:47%;}
		#numbers #a018 { top:51%; right:39%;}
		#numbers #a019 { top:53%; right:31%;}
		#numbers #a020 { top:59%; right:47%;}
	#pismo {
		position:absolute;
		top:50px;
		left:24%;
		max-width:50%;
		z-index:3;
	}
	#question {
		position:absolute;
		top:50px;
		left:24%;
		max-width:50%;
		z-index:3;
	}
	#src {
		position:absolute;
		top:120px;
		left:20%;
		/*left:220px;*/
		max-width:50%;
		max-height:80%;
		z-index:3;
	}
	#loading {
		position:absolute;
		top:240px;
		left:35%;
		z-index:2;
	}
	#previews {
		position:absolute;
		width:104px;
		left:60px;
		/*bottom:40px;*/
		top:306px;
		z-index:4;
	}
		#previews a {
			display:inline-block;
			margin-top:10px;
		}
	#footer {
		position:absolute;
		left:60px;
		bottom:10px;
		/*top:535px;*/
		z-index:2;
	}
	#counters {
		position:absolute;
		left:55px;
		bottom:-50px;
		z-index:2;
	}
		#elites {
			display:inline-block;
			*display:inline; *zoom:1;
			width: 240px;
			height:31px;
			margin-right:0;
			line-height:15px;
			text-align:left;
			font-size:0.8em;
		}
			#elites img {
				vertical-align: middle;
			}
		
/*== forms =========================================================================*/
input[type=text], input[type=password], input.text, input.title, textarea, select { 
	background-color:#fff; 
	border:1px solid #e3e3e3; 
	color:#646464;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #8c9ba7; 
}
textarea      { height: 75px; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
	position:relative; top:.1em; margin-right:10px;
}

/*== misc =========================================================================*/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.overflow {
	overflow:hidden;
	_zoom:1;
}
a.red:link, a.red:visited {
	color:#ab1a09;
}
a.orange:link, a.orange:visited {
	color:#f90;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {	font-size:18px;}
h2 {	font-size:18px;}
h3 {	font-size:16px;}
h4 {	font-size:14px;}
h5 {	font-size:12px;}
h6 {	font-size:11px;}
#text_o_nas,#intro_text,#logoO,#logoP,#numbers,#previews,#logoM,#src,#loading,#pismo{
	display:none;
}


.music {
	position: absolute;
    width: 89px;
    height: 131px;
    left: 50px;
    top: 150px;
    z-index: 5;
    padding: 25px 0px 0px 32px;
    background: url(/data/img/music.png) left top no-repeat;
}

.music__play {
	background: url(/skin/images/music_off.png) left top no-repeat;
	width: 64px;
    height: 103px;
	cursor: pointer;
}

.music__play.is-active {
	background-image: url(/skin/images/music_on.png);
}

.music__audio {
	display: none;
}