@charset "UTF-8";

.pmv
{
	line-height:14px;
	display:block;
	float:left;
	max-width:120px;
	height:177px;
	margin-right:25px
}

html,body
{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	-webkit-text-size-adjust:none
}

html/*,#all*/
{
	background:#202020
}

button
{
	cursor:pointer
}

#hand
{
	text-align:center;
	color:#ccc
}

#show-l { margin-top:-60px !important}
.show-l {
	-webkit-box-shadow:2px 2px 22px rgba(0,0,0,.6);
	        box-shadow:2px 2px 22px rgba(0,0,0,.6)
}

.link
{
	position:fixed;
	left:150%
}

#footer
{
	position:absolute;
	top:182px;
	font-size:11px;
	line-height:14px;
	right:18px;
	width:144px;
	margin-top:6px;
	text-align:right;
	color:#aaa
}

.comment,#sername
{
	font-size:13px;
	line-height:18px;
	position:absolute;
	top:15px;
	left:50%;
	width:90%;
	margin-left:-45%;
	color:#b09970
}

#sername
{
	font-size:12px;
	top:-244px;
	color:#fff
}

#min .picmin
{
	margin:0 2px;
	border:solid 1px #555;
	-webkit-box-shadow:2px 2px 13px rgba(0,0,0,1);
	        box-shadow:2px 2px 13px rgba(0,0,0,1)
}

#min .picmin:hover
{
	border:solid 1px #fff
}

.top
{
	overflow:hidden;
	height:331px;
	margin-top:-70px;
	background:url(0/green.jpg) 50% 0 no-repeat,#000;
	-webkit-box-shadow:0 9px 18px rgba(0,0,0,1);
	        box-shadow:0 9px 18px rgba(0,0,0,1);
}
   
#top2
{
	overflow:hidden;height:100%;width:100%;
	background:url(0/green.jpg) 50% 0 no-repeat,#000;
	mix-blend-mode: screen;		
	animation: city 9s ease-in-out infinite;
    -webkit-animation: city 9s ease-in-out infinite;
}
@keyframes city {
	from{background-position: 65% 0, 0 0}
	50% {background-position: 51% 0, 0 0}
	to  {background-position: 65% 0, 0 0}
}
@-webkit-keyframes city {
	from{background-position: 65% 0, 0 0}
	50% {background-position: 51% 0, 0 0}
	to  {background-position: 65% 0, 0 0}
}
#bottom
{
	height:35px;
	margin-top:-35px;
	background:#191919
}

#titul-text
{
	position:absolute;
	z-index:99;
	width:100%; overflow:hidden;
	padding-top:100px
}

#contmenu a
{
	text-decoration:none;
	color:#000
}

#text a,#footer a
{
	color:#ffce92
}

#text a:hover,#footer a:hover
{
	color:#fff
}

a:hover .nameser
{
	color:#eee
}

a:hover .name_comment
{
	color:#ffce92
}

.punktmenu .pic
{
	-webkit-box-shadow:1px 2px 16px #000;
	        box-shadow:1px 2px 16px #000
}

.punktmenu
{
	float:left;
	width:214px;
	height:282px;
	margin:-0px;
	text-align:left;
	color:#888
}

.nameser
{
	font-size:13px;
	line-height:17px;
	padding:0 14px 0 0;
	text-align:center
}

.name_comment
{
	display:none
}
.info { position:relative; top:-23px; right:8px; text-align:right}
#contmenu
{
	margin:90px 10px 0
}

.space
{
	clear:both
}

#mail
{
	display:none
}

#form,.formfind
{
	background:#847462;
	background:-webkit-gradient(linear,left top, left bottom,from(#847462),to(#3c3732));
	background:-o-linear-gradient(top,#847462 0%,#3c3732 100%);
	background:linear-gradient(to bottom,#847462 0%,#3c3732 100%);
	-webkit-box-shadow:2px 2px 22px rgba(0,0,0,.6);
	        box-shadow:2px 2px 22px rgba(0,0,0,.6)
}
#text .submit1,.buttonfind
{
	background:rgba(148,129,107,1)
}

#text
{
	font-size:15px;
	line-height:26px;
	margin:60px auto 120px;
	padding:0 30px;
	text-align:left;
	color:#b7a794
}

.bukvica:first-letter
{
	font-family:Georgia,serif;
	font-size:600%;
	float:left;
	margin:25px 6px 8px 0;
	color:rgba(116,127,127,1)
}

#text ul,h2,article,.otst
{
	margin-left:80px
}

h2,h1
{
	font-family:Georgia,serif;
	font-size:17px;
	font-weight:400;
	clear:both;
	clear:both;
	margin-top:60px;
	margin-bottom:19px;
	padding-bottom:0;
	color:#fff;
	border-bottom:solid 1px #9b0b00
}

.menu
{
	font-size:14px; line-height:24px;
	font-weight:400;
	margin-top:14px;
	margin-left:-35px;
	padding-bottom:0px;
	text-align:center
}

.menu li
{
	line-height:22px;
	position:relative;
	display:inline
}

#hand .menu li a
{
	padding:6px;
	text-decoration:none;
	color:#bbb
}

.menu li a:before
{
	content:'• ';
	color:#f90
}

#hand .menu li a:hover,.menu_selected
{
	color:#fc9!important
}

#hand .menu ul.subnav
{
	position:absolute;
	z-index:10;
	left:-41px;
	display:none;
	padding-top:10px;
	text-align:left
}

.topplus
{
	margin-top:45px
}

#hand .menu ul.subnav a,.menulocal
{
	display:block;
	width:170px;
	margin:0;
	margin-top:-1px;
	padding:8px 8px 8px 18px;
	opacity:.85;
	border:solid 1px #444;
	background:#333;
	background:-webkit-gradient(linear,left top, left bottom,from(#3a3a3a),to(#131313));
	background:-o-linear-gradient(top,#3a3a3a 0%,#131313 100%);
	background:linear-gradient(to bottom,#3a3a3a 0%,#131313 100%);
	-webkit-box-shadow:1px 3px 15px #000;
	        box-shadow:1px 3px 15px #000;
	-moz-opacity:.85;
	-khtml-opacity:.85
}

.menulocal
{
	display:inline;
	padding:6px 9px;
	white-space:nowrap;
	text-decoration:none!important;
	border-radius:0;
	inline-box-align:last;
	-khtml-border-radius:0
}

.menufloat
{
	font-size:13px;
	position:fixed;
	z-index:333;
	bottom:0;
	left:0;
	display:block!important;
	width:100%;
	padding:3px;
	text-align:center;
	border-top:#414141 solid 1px;
	background:rgba(19,19,19,.83);
	-webkit-box-shadow:0 -3px 17px rgba(0,0,0,.8);
	        box-shadow:0 -3px 17px rgba(0,0,0,.8)
}

#hand .menu ul.subnav a:hover
{
	color:#fc9;
	background:#000
}

.menu ul.subnav a:before
{
	content:''
}

#text .pic1,#text .pic,.picr,.piccenter
{
	float:left;
	margin:5px 22px 17px 0;
	border:solid 1px #666;
	background-color:#000;
	-webkit-box-shadow:1px 1px 16px #000;
	        box-shadow:1px 1px 16px #000
}

.piccenter
{
	float:none;
	margin:0 auto;
	text-align:center
}

.accordion h3
{
	font-size:107%;
	font-weight:400;
	margin:-1px 0 0;
	padding:7px 25px;
	cursor:pointer;
	color:#333;
	border:solid 1px #444;
	background:#beab97;
	-webkit-box-shadow:0 2px 13px rgba(0,0,0,.6);
	        box-shadow:0 2px 13px rgba(0,0,0,.6)
}

.accordion h3:hover
{
	color:#ffce92;
	background:#897662
}

.accordion p
{
	display:none;
	margin:0!important;
	padding:20px 25px 25px;
	background:#000;
	-webkit-box-shadow:0 0 13px rgba(0,0,0,.6);
	        box-shadow:0 0 13px rgba(0,0,0,.6)
}

.accordion
{
	max-width:800px;
	margin:0 auto
}

.view
{
	font-size:13px;
	position:absolute;
	display:none;
	margin:22px 0 0 381px;
	color:#900
}

.video2
{
	width:100%;
	max-width:720px;
	padding-bottom:15px
}

@media screen and (max-width: 650px) {
	#timecont,#footer
	{
		top:15px
	}
}

article
{
	clear:both;
	padding:15px 0;
	color:#888;
	column-count:3;
	column-rule:1px solid #444;
	column-gap:2em;
	-moz-column-count:3;
	-webkit-column-count:3;
	-khtml-column-count:3;
	-moz-column-rule:1px solid #444;
	-webkit-column-rule:1px solid #444;
	-khtml-column-rule:1px solid #444;
	-moz-column-gap:2em;
	-webkit-column-gap:2em;
	-khtml-column-gap:2em
}

.right
{
	color:#fff!important
}

.t2
{
	margin-left:38px
}

table
{
	font-size:90%;
	border-collapse:collapse;
	background-color:#333
}

table td
{
	padding:8px 20px;
	border:#666 solid 1px
}

hr
{
	height:1px;
	color:#666;
	border:0 none;
	background-color:#666
}

#text li:nth-child(even)
{
	color:rgba(129,136,136,1)
}
.grid h4 {font-size:16px}