@charset "UTF-8";

@import "http://fonts.googleapis.com/css?family=Kelly+Slab|Play&subset=latin,cyrillic";

html,body
{
	font-family:'Trebuchet MS','Play',Verdana,sans-serif;
	font-size:15px;
	font-weight:lighter;
	margin:0;
	padding:0
}

html
{
	background:url(0/page-bg.png) repeat-x #343434; background-attachment:fixed
}

.show,#minfon
{
	background:#343434
}
.show-l {
	-webkit-box-shadow:0 3px 18px rgba(0,0,0,.4);
	        box-shadow:0 3px 18px rgba(0,0,0,.4);
}
button
{
	font-size:12px;
	cursor:pointer
}
#text-kub{
		width: 100vw;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.ya-share2{ margin:19px 80px 15px 0; opacity:.8} 
#hand
{
	text-align:center;
	color:#ccc
}

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

.text_center
{
	margin-right:70px;
	margin-left:0;
	text-align:center
}

#footer
{
	position:absolute;
	top:130px;
	font-size:11px;
	line-height:15px;
	right:18px;
	margin-top:6px;
	text-align:right;
	color:#aaa
}
.r90{ margin-left:-30px !important}
.comment,#sername
{
	font-size:13px;
	line-height:18px;
	position:absolute;
	top:15px;
	left:50%;
	width:90%;
	margin-left:-45%;
	color:#b09970
}

#sername
{
	font-size:15px;
	top:100px;
	color:#b09970;
	text-shadow:2px 2px 5px #000
}

#min
{
	position:absolute;
	z-index:100;
	top:0;
	margin:18px 70px;
	padding-bottom:18px
}

#min .picmin
{
	-webkit-box-shadow:1px 1px 13px rgba(0,0,0,.7);
	        box-shadow:1px 1px 13px rgba(0,0,0,.7)
}

.top
{
	height:260px;
	margin-top:10px;
	white-space:pre-wrap;
	color:#777;
	background:url(0/titul.png) no-repeat 50% 50%
}

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

#text a,#footer a
{
	text-decoration:none;
	color:#ffce92
}

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

a:hover .punktmenu
{
	color:#fff;
	background:#7e0100
}

a:hover .name_comment
{
	color:#fabc66
}

.punktmenu,.punktmenu .pic
{
	float:left
}

.punktmenu
{
	display:block;
	width:410px;
	height:200px;
	margin:3px;
	text-align:left;
	background:#96816a;
	background:-webkit-gradient(linear,left top, left bottom,from(#bca389),to(#84725f));
	background:-o-linear-gradient(top,#bca389 0%,#84725f 100%);
	background:linear-gradient(to bottom,#bca389 0%,#84725f 100%);
	-webkit-box-shadow:1px 1px 13px rgba(0,0,0,.6);
	        box-shadow:1px 1px 13px rgba(0,0,0,.6)
}

.nameser
{
	font-family:'Kelly Slab',serif;
	font-size:17px;
	line-height:20px;
	padding:0 18px 8px 220px;
	text-align:left
}

a:hover .nameser
{
	color:#fff
}

.name_comment
{
	font-family:'Play',Verdana,Arial,sans-serif;
	font-size:14px;
	line-height:16px;
	margin-top:7px;
	padding-top:7px;
	color:#333;
	border-top:solid 1px #555;
	border-bottom:none
}

.info
{
	font-size:14px;
	position:relative;
	top:166px;
	color:#ddd
}

.shadow
{
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
	        box-shadow:0 0 10px rgba(0,0,0,.4)
}

#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:16px;
	line-height:27px;
	max-width:800px;
	margin:45px auto 120px;
	padding:0 30px;
	text-align:left;
	color:#b7a794
}

.t1 p:nth-child(2):first-letter,#text h2 + p:first-letter,.bukvica:first-letter
{
	font-family:'Kelly Slab',Verdana,Arial,sans-serif;
	font-size:358%;
	float:left;
	margin-top:14px;
	padding-right:5px
}

.t1 p:nth-child(2):first-letter,#text h2 + p:first-letter,.bukvica:first-letter,x:-moz-any-link
{
	margin-top:5px
}

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

h2
{
	font-family:'Kelly Slab',Verdana,Arial,sans-serif;
	font-size:14pt;
	font-weight:400;
	clear:both;
	margin-top:0;
	margin-bottom:22px;
	padding-top:50px;
	padding-bottom:0;
	color:#fff;
	border-bottom:solid 1px #666
}

.menu
{
	font-family:'Kelly Slab',Verdana,Arial,sans-serif;
	font-size:13pt;
	font-weight:400;
	margin-top:-35px;
	margin-bottom:-5px;
	margin-left:-35px;
	text-align:center
}

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

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

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

#hand .menu li a:hover
{
	color:#fc9
}

#hand .menu ul.subnav
{
	font-family:Play,Verdana,Arial,sans-serif;
	position:absolute;
	z-index:10;
	left:-41px;
	display:none;
	margin-top:4px;
	text-align:left
}

#hand .menu ul.subnav a
{
	display:block;
	width:170px;
	margin:0;
	margin-top:-1px;
	padding:6px 9px 6px 15px;
	color:#333;
	border:solid 1px #555;
	background-color:#bfab8f;
	-webkit-box-shadow:2px 2px 22px rgba(0,0,0,.6);
	        box-shadow:2px 2px 22px rgba(0,0,0,.6)
}

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

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

#text .pic1,#text .pic,#text .piccenter
{
	float:left;
	margin:5px 22px 17px 0;
	padding:6px;
	border:solid 1px #fff;
	background:#888;
	-webkit-box-shadow:0 1px 16px rgba(0,0,0,.7);
	        box-shadow:0 1px 16px rgba(0,0,0,.7)
}

#text .piccenter
{
	float:none;
	margin:0
}

.accordion h3
{
	font-family:Georgia,Verdana,Arial,sans-serif;
	font-size:115%;
	font-weight:400;
	margin:-1px 0 0;
	padding:7px 20px;
	cursor:pointer;
	color:#000;
	border:solid 1px #444;
	background:#bfab8f;
	-webkit-box-shadow:1px 1px 33px rgba(0,0,0,.5);
	        box-shadow:1px 1px 33px rgba(0,0,0,.5)
}

.accordion h3:hover
{
	color:#900;
	background:#faefd9
}

.accordion h3.active
{
	color:#900
}

.accordion p
{
	display:none;
	margin:0;
	padding:10px 20px 20px;
	background:#333;
	-webkit-box-shadow:1px 1px 33px rgba(0,0,0,.5);
	        box-shadow:1px 1px 33px rgba(0,0,0,.5)
}

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

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

#COUNTER
{
	position:fixed;
	right:10px;
	bottom:5px
}

article
{
	clear:both;
	margin-top:26px;
	color:#999;
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	-khtml-column-count:3;
	-khtml-column-rule:3px dotted #555;
	-webkit-column-rule:3px dotted #555;
	        column-rule:3px dotted #555;
	column-gap:3em;
	-moz-column-gap:3em;
	-webkit-column-gap:3em;
	-khtml-column-gap:3em
}

.t2
{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	-khtml-column-count:2;
	-khtml-column-rule:3px dotted #555;
	-webkit-column-rule:3px dotted #555;
	        column-rule:3px dotted #555;
	column-gap:3em;
	-moz-column-gap:3em;
	-webkit-column-gap:3em;
	-khtml-column-gap:3em
}

table
{
	margin:30px auto!important;
	border-collapse:collapse;
	background:#222;
	-webkit-box-shadow:1px 1px 11px rgba(0,0,0,.3);
	        box-shadow:1px 1px 11px rgba(0,0,0,.3)
}

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

#text li:nth-child(even)
{
	color:rgba(153,153,153,1)
}

.grid
{
	font-family:Play,Verdana,Arial,sans-serif;
	font-size:15px!important;
	line-height:20px!important;
	border:none!important;
	background:rgba(255,255,255,.5)!important;
	-webkit-box-shadow:2px 2px 11px rgba(0,0,0,.6)!important;
	        box-shadow:2px 2px 11px rgba(0,0,0,.6)!important
}

.grid p
{
	font-size:14px;
	color:#000!important
}

.grid h4
{
	font-family:'Kelly Slab',Verdana,Arial,sans-serif;
	font-size:13pt;
	color:#fff!important
}