html, body {height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-weight:inherit;
	font-style:inherit;	font-size:100%;	font-family:inherit; vertical-align:baseline;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0 none;}
img {max-width:100%; height:auto;}
input, textarea, select, button, a {outline: none;}

body {
	text-align:center;	color:#444;
	font:12px/16px 'Segoe UI', Arial, sans-serif;
	background: #282828 url(../images/bg.png) 0 0 repeat}
.clr {clear:both;}

a {color:#4597BD; text-decoration:none;}
a:hover, a:active, a:focus {
	color:#111;	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out}

h1 {font-size:20px; line-height:1.5; text-transform:uppercase}
h2 {font-size:20px;	line-height:1.5}
h3 {font-size:20px; line-height:1.5}
h4 {font-size:16px; line-height:1.3}
h5 {font-size:12px; line-height:16px}
h6 {font-size:12px; line-height:16px}

/*general blocks*/


#gf-topbar {
	height:44px;
	border-bottom:1px solid #111; border-top:1px solid #2E3133;
	background:#222;
	background-image: linear-gradient(#151515, #2c2c2c);
	background-image: -moz-linear-gradient(#151515, #2c2c2c);
	background-image: -o-linear-gradient(#151515, #2c2c2c);
	background-image: -webkit-linear-gradient(#151515, #2c2c2c);
	background-image: -ms-linear-gradient(#151515, #2c2c2c);}

#gf-logobar {
	height:140px; border-top:1px solid #4d4d4d; border-bottom:5px solid #07598C;
	background:#333; overflow:hidden;
	background-image: linear-gradient(#3e3e3e, #151515);
	background-image: -moz-linear-gradient(#3e3e3e, #151515);
	background-image: -o-linear-gradient(#3e3e3e, #151515);
	background-image: -webkit-linear-gradient(#3e3e3e, #151515);
	background-image: -ms-linear-gradient(#3e3e3e, #151515);}

#gf-menubar {
	height:50px; position:relative;
	border-top:1px solid #fff; background:#dedede;}

#gf-marquee {
	height:30px; padding:10px 20px;
	border-bottom:1px solid #111; border-top:2px solid #111;
	background:#222; position:relative;
	background-image: linear-gradient(#2a2a2a, #454545);
	background-image: -moz-linear-gradient(#2a2a2a, #454545);
	background-image: -o-linear-gradient(#2a2a2a, #454545);
	background-image: -webkit-linear-gradient(#2a2a2a, #454545);
	background-image: -ms-linear-gradient(#2a2a2a, #454545);}

.gf-whitebar {margin:10px 0 0 0; background:#f4f4f4; overflow:hidden;}

.gf-contentbar {
	margin:10px 0 0 0; overflow:hidden;
	background:#fefefe;
	border-top:5px solid #07598C;
	border-bottom:5px solid #07598C;}

#gf-bottom {
	padding:20px 0; margin:10px 0 0 0; color:#888; overflow:hidden;
	background:#333; border-top:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b}

.gf-left {float:left; width:700px; padding:20px;}
.gf-right {
	float:right; width:248px; border-left:1px solid #d8d8d8; background:#eee; 
	padding-bottom: 20000px; margin-bottom: -20000px; overflow:hidden;}

.gf-color {background:#07598C;}

.reklama-box { margin:0 0 20px 0; overflow:hidden;}
.top-banner {float:right; margin:60px 20px 20px 0; width:468px; height:60px;}

.h-color {text-transform:uppercase; font-size:18px; margin:0 0 10px 0}
.h-color span {color:#4597BD}

.h-white {
	color:#fff; text-transform:uppercase; font-size:14px; margin:0 0 10px 0;
	background:#07598C; padding:5px;}

a.link-category {
	position:absolute; top:20px; right:20px; display:block;
	color:#888; background:#f1f1f1; padding:5px 10px; font-size:10px;
	text-transform:uppercase; border:2px solid #dcdcdc}
a.link-category:hover { background:#444; color:#ddd; border:2px solid #aaa}

/*logo*/
.gf-logo {
	background:url(../images/logo.png) no-repeat;
	display:block; float:left; height:140px; width:300px; font-size:0; text-indent:-9999px; margin:20px 0 20px 20px;}
.gf-logo:hover {opacity:0.6;}

/*tagscloud*/
.gf-tagscloud {padding:20px;}
#tagscloud {color:#e5e5e5; font-size:0;}
#tagscloud a {display:inline-block; color: #fff; background:#bbb; padding:3px 7px; margin:2px; font-size:11px;}
#tagscloud a:hover {background:#4597BD;}

/*gf-people*/
.gf-people {padding:20px; float:left; width:449px; position:relative;}
.gf-people a.link-category {right:26px;}
.gf-people .h-color {margin-left:6px;}

.ul-people {}
.ul-people li {float:left; margin:6px; width:100px;}
.ul-people a {display:block; width:100px; height:130px; position:relative;}
.ul-people a img {width:100px; height:130px;}
.ul-people a:hover img {opacity:0.6;}
.ul-people a .span-title {display:none;}
.ul-people a .span-title:after {
	top: 100%; left: 50%; border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #4597BD; border-width: 6px; margin-left: -6px; z-index:2;}
.ul-people a:hover .span-title {
	display:block; position:absolute; left:0; bottom:140px; width:90px;
	background:#4597BD; padding:10px 5px; z-index:5;
	color:#fff; text-align:center;}

/*ul-smallmenu*/
.ul-smallmenu {float:right; height:16px; margin:14px 20px 0 0;}
.ul-smallmenu li {float:left; border-left:1px solid #666}
.ul-smallmenu li a {
	display:block; color:#aaa; font-size:10px; text-transform:uppercase;
	line-height:16px; padding:0 10px; height:16px;}
.ul-smallmenu li:first-child {border-left:none;}
.ul-smallmenu li a:hover {color:#fff;}

/*login*/
.loginbox {position: relative; height:30px; line-height:30px; float:left; margin:7px 0 0 20px;}
.loginbox > li {float:left; height:30px;}
.loginbox li.lvsep a {font-size:11px; padding:0 0 0 10px; color:#aaa;}
.loginbox li.lvsep a:hover {color:#fff;}
.loginbox li.loginbtn {position: relative;}
.loginbox li.loginbtn #logbtn {
	height:30px; display:block; padding:0 20px; color:#ddd;
	position: relative;	float:left; background:#3f3f3f}
.loginbox li.loginbtn #logbtn:hover, .loginbox li.loginbtn #logbtn.selected {background:#2C3E50; color:#ddd;}	
.loginbox li.loginbtn #logbtn.selected:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #2C3E50; border-width: 10px; margin-left: -10px; z-index:2;}	
.loginbox #logform {
	display: none; padding: 33px 15px 20px 15px; position: absolute; top: 45px; left: 0;
	z-index: 99999;	width: 220px; background:#2C3E50;}	
.loginbox #logform .logform-line {height:1px; border-bottom:4px solid #44515e; display:block;}
.loginbox #logform .avatar {display:block; width:80px; float:right; margin:10px 0 0 0; background:#2C3E50;}
.loginbox #logform .avatar img {width:80px;}
.loginbox #logform .avatar:hover img {opacity:0.6}
.loginbox #logform .loginenter {overflow:hidden; width:120px; margin:-13px 0 0 0}
.loginbox #logform .loginenter li {height:25px; margin:0 0 2px 0}
.loginbox #logform .loginenter li a {
	display: block; color:#ddd; height:25px; width:100%; display:block; font-size:11px;
	padding:0 0 0 10px; line-height:25px; background:#44515e; line-height:25px;}
.loginbox #logform .loginenter li a:hover {color:#fff; background:#617384}
.loginbox #logform ul {margin:0 10px;}
.loginbox #logform ul .lfield {margin:0 0 10px 0;}
.loginbox #logform ul .lfield label {display: block; color:#ddd; font-size:11px; height:17px; line-height:17px;}
.loginbox #logform ul .lfield label a {color:#f5f5f5;}
.loginbox #logform ul .lfield label a:hover {text-decoration:underline;}
.loginbox #logform ul .lfield input {
	width: 178px; padding: 5px 10px; background:#44515e;
	border: 1px solid #3b4c5d; color:#fff; height:17px;}
.loginbox #logform ul .lfield input:focus, .loginbox #logform ul .lfield input:hover {
	border:1px solid #3b4c5d; background:#617384;}
.loginbox #logform ul .lfchek {height:19px; line-height:19px; font-size:10px; overflow:hidden;}
.loginbox #logform ul .lfchek input {width: 13px; height:13px; border:none; background: none; float:left;}
.loginbox #logform ul .lfchek label {display:block; float:left;}
.loginbox #logform .lfchek input:hover, .loginbox #logform .lfchek input:focus {border:none;}
.loginbox #logform .lbtn {}
.loginbox #logform .lbtn .fbutton {
	height:30px; padding:0 20px; color:#ddd;
	position: relative;	background:#3b6c90;	float:right; cursor:pointer;}
.loginbox #logform .lbtn .fbutton:hover, .loginbox #logform .lbtn .fbutton:focus {background:#1C1B1B;}

/*topmenu*/	
.topmenu {float:left; height:50px; max-width:760px;}
.topmenu > li {float:left; height:50px; border-left:1px solid #eee}
.topmenu > li:first-child {border-left:none;}
.topmenu > li > a {
	display:block; color:#888; padding:0 25px; height:50px;
	text-transform:uppercase; font-size:13px; line-height:50px; position:relative;}
.topmenu > li.home > a {color:#4597BD;}
.topmenu > li.home > a:hover {color:#414141;}
.topmenu > li > a:hover, .topmenu > li:hover > a {display:block; color:#07598C;}
.topmenu > li.arrow > a:hover:after, .topmenu > li.arrow:hover > a:after {
	bottom: 0;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-bottom-color: #333; border-width: 8px; margin-left: -8px; z-index:9999;}	
.topmenu ul {
	display:none; width:950px; padding:20px; border-bottom:5px solid #4597BD;
	position:absolute; left:0; top:50px; background:#333; z-index:999}
.topmenu > li > ul > li {float:left; margin:5px;}
.topmenu > li > ul > li > a {
	display:block; background:#252525; padding:0 20px; overflow:hidden;
	line-height:30px; color:#b2afaa; height:30px; width:108px;}
.topmenu > li > ul > li > a:hover {color:#fff; background:#4597BD;}

/*Search*/
.searchbar {
	float:right; margin:9px 20px 0 0; height:30px;
	border:1px solid #aaa; background: #ccc; padding:0 5px 0 0;}
.searchbar li {float: left; height: 30px;}
.searchbar li.text {width: 175px; overflow: hidden;}
.searchbar li.text input {
	color: #666; float: left; height: 30px;	width: 175px;
	border: 0 none;	line-height:30px; padding:0 0 0 10px; background:none;}
.searchbar li.img input {width: 20px; height: 30px;}

/*social-icon*/
.social-icon {
	overflow:hidden; height:26px; margin:2px 0 0 0;
	float:right; line-height:26px;  text-align:center;}	
.social-icon li {display:inline-block;}
.social-icon li a {
	display:inline-block; background: url(../images/social-icon.png);
	text-indent:-9999px; width:26px; height:26px; opacity:0.8;}
.social-icon li a:hover {opacity:1;}
.social-icon li a.youtube {background-position:-156px 0;}
.social-icon li a.vk {background-position: -52px 0;}
.social-icon li a.odn {background-position: -130px 0;}
.social-icon li a.tw {background-position: -26px 0;}
.social-icon li a.rss {background-position: -78px 0;}
.social-icon li a.gl {background-position: 0 0;}
.social-icon li a.fb {background-position: -104px 0;}

/*box-marque*/
.gf-marque {height:30px; line-height:30px; width:720px; float:left; }
.gf-marque .h-marque {
	font-size:12px; color:#ccc; text-transform:uppercase; float:left; line-height:30px;
	height:30px; margin:0 10px 0 0; font-family:'Segoe UI', Arial, sans-serif;}
.gf-marque .h-marque > span {color:#4597BD;}
.str_wrap {
	overflow:hidden; //zoom:1; position:relative;
	-moz-user-select: none;	-khtml-user-select: none;
	user-select: none; white-space:nowrap;	 
	width:560px; height:30px; line-height:30px;}
.str_wrap li {
	display:inline-block; padding:0 30px 0 10px;
	background:url(../images/marque.png) no-repeat 100% 7px}
.str_wrap li a {color:#ccc; display:inline-block;}
.str_wrap li a:hover {color:#4597BD;}
.str_wrap li a span {display:inline-block;}
.str_wrap li a .title {}
.str_wrap li a .views {color:#999; font-size:10px; padding:0 0 0 5px}

.str_wrap.str_active {}
.str_move {white-space:nowrap;	position:absolute; top:0; left:0; cursor:move;}
.str_move_clone {
	display:inline-block; //display:inline; //zoom:1;
	vertical-align:top;	position:absolute; left:100%; top:0;}
.str_vertical .str_move_clone {left:0; top:100%;}
.str_down .str_move_clone {left:0; bottom:100%;}
.str_vertical .str_move, .str_down .str_move {white-space:normal; width:100%;}
.str_static .str_move, .no_drag .str_move, .noStop .str_move {cursor:inherit;}
.str_wrap img {max-width:none !important;}

/*gf-slider*/
.gf-slider {padding:20px; float:left; width:700px;}
.gf-slider .h-color {margin-left:75px;}

.bxslider {}
.bx-wrapper {position: relative;}
.bx-wrapper .bx-viewport {}
.bx-wrapper img {max-width: 100%; display: block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {	position: absolute;	top: -25px; right:0;}
.bx-wrapper .bx-pager {text-align: center;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc; text-indent: -9999px; display: block;	width: 14px; height: 14px;
	margin: 0 2px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #666;}

.bx-wrapper .bx-prev {left: 0; background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {left: 32px; background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;	top: -23px; margin-top: -16px; outline: 0;
	width: 32px; height: 32px; text-indent: -9999px; z-index: 9;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-direction a:hover {-webkit-transition: none; transition: none;	-moz-transition: none;}

.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px;
	background: url(../images/controls.png) -86px -11px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;	text-indent: -9999px; width: 9px; height: 11px; outline: 0;
	margin: 0 3px; background: url(images/controls.png) -86px -44px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}
.bx-wrapper .bx-caption {
	position: absolute;	bottom: 0; left: 0;
	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

.short-bxlider {}
.short-bxlider a {display:block; color:#555;}
.short-bxlider a img {width:130px; height:185px;}
.short-bxlider a span {
	display:block; background:#e9e9e9; text-align:center; height:30px;
	overflow:hidden; margin:5px 0 0 0; padding:5px;}
.short-bxlider a:hover {color:#4597BD;}
.short-bxlider a:hover img {opacity:0.6;}

/*gf-anywhere*/
.gf-anywhere {
	background:#4597BD; padding:10px 20px 10px; text-align:center; color:#ffdf7;
	border-bottom:1px solid #07598C;}
.bxslider1 {width:140px;}
.gf-right .bx-wrapper .bx-controls-direction a {top:40% !important;}
.gf-right .bx-wrapper .bx-prev {left: -35px; }
.gf-right .bx-wrapper .bx-next {left: 143px;}

.short-anywhere {position:relative;}
.short-anywhere a {display:block; padding:5px; height:251px;}
.short-anywhere img {border: 3px solid #B3E2FF; width:124px; height:180px;}
.short-anywhere span {
	display:block; color:#B3E2FF; width:114px; height:49px; overflow:hidden;
	padding:0 5px; text-transform:uppercase; margin:10px 0 0 0;}
.short-anywhere a:hover span {color:#fff;}
.short-anywhere a:hover img {opacity:0.8}

/*tabs-accordion*/
.most-v2-in {margin:0 0 20px 0; overflow:hidden;}
.most-v2-in_block {position: relative; overflow:hidden}
a.most-v2-head, div.most-v2-head {
	padding: 12px 20px; font-weight: bold; text-transform: uppercase;
	color: #999; display: block;}
a.most-v2-head {
	background:#ececec; background-image: linear-gradient(#f6f6f6, #e3e3e3);
	border-top: solid 1px #f5f5f5;  border-bottom: solid 1px #e0e0e0;}
div.most-v2-head {
	background:#ddd; background-image: linear-gradient(#d1d1d1, #eee);
	color:#666; border-bottom:1px solid #eee; border-top:1px solid #eee}
.most-v2-cont {padding:20px;}

/*short-accordion*/
.short-accordion {margin:0 0 20px 0; height:125px;}
.short-accordion a.img {float:left; margin:0 10px 0 0; display:block; width:95px; height:125px; background:#252525;}
.short-accordion a.img:hover img, .short-accordion:hover a.img img {opacity:0.8}
.short-accordion a.img img {width:95px; height:125px;}
.short-accordion a.title {}
.short-accordion a.full-link {
	display: table-cell; width:100px;
	color:#414141; text-align:center; margin-left:100px; font-size:10px; vertical-align:middle;
	text-transform:uppercase; background:#e3e3e3; padding:5px; height:58px; overflow:hidden;}
.short-accordion a.full-link:hover {color:#4597BD}
.short-accordion .text {margin-left:100px;}
.short-accordion .category {
	overflow:hidden; margin:10px 0; font-size:0; height:17px;
	font-size:0; color:#18191B; margin-left:100px; overflow:hidden; width:100px;}
.short-accordion .category a {
	display:block; float:left; background:#BD8645; color:#fff; font-size:9px;
	text-transform:uppercase; margin-right:3px; padding:0 5px;}
.short-accordion .category a:hover {background:#252525;}
.short-accordion .ratin {margin-left:100px;}

/*gf-filmnews*/
.gf-filmnews {padding:20px; position:relative;}
.ul-filmnews { margin:20px 0 0 0;}
.ul-filmnews li {border-bottom:1px solid #ddd}
.ul-filmnews li a {display:block; padding:7px 0; color:#666;}
.ul-filmnews li:last-child {border-bottom:none;}
.ul-filmnews li a:hover {color:#4597BD}
.ul-filmnews li a .views {color:#999; padding:0 0 0 7px;}

/*shortstory*/
.short-film {float:left; width:151px; height:265px; margin:12px;}
.short-film .img-block {height:215px; background:#e9e9e9;}	
.short-film .img-block .img-poster {height:215px; width:151px;}	
.short-film .full-link {
	display:block; color:#414141; text-align:center; text-transform:uppercase; font-size:11px;
	background:#e9e9e9; padding:10px; height:25px; overflow:hidden; margin:5px 0 0 0;}
.short-film .full-link:hover {color:#4597BD;}
.short-film .img-block .text-block {display:none; height:215px; overflow:hidden;}
.short-film .img-block:hover .img-poster {display:none;}
.short-film .img-block:hover .text-block {display:block; position:relative;}
.short-film .img-block:hover .text-block .opis {
	background:#ddd; height:25px; line-height:25px; font-size:10px;
	text-transform:uppercase; color:#555; text-align:center}
.short-film .img-block .text-block .text {padding:10px; font-size:11px; height:130px; overflow:hidden;}
.short-film .img-block .text-block .ratin {position:absolute; bottom:5px; left:5px;}
.short-film .img-block .text-block .look-movie {
	display:block; position:absolute; bottom:5px; right:5px;
	background:#333; color:#fff; height:21px; padding:0 7px; line-height:21px;
	text-transform:uppercase; font-size:9px;}
.short-film .img-block .text-block .look-movie:hover {background:#4597BD}

/*speedbar*/
.speedbar {
	margin:10px 0; height:30px; line-height:30px; padding:0 20px; overflow:hidden;
	letter-spacing: 0.2px; font-size:11px; text-transform:uppercase;
	background:#333; color:#aaa;
	border-top:1px solid #1b1b1b;
	border-bottom:1px solid #1b1b1b}
.speedbar a {color:#aaa;}
.speedbar a:hover {color:#4597BD;}

/*tabs - sidebar*/
.tabs-sidebar {padding:20px;}
.tabs-sidebar-block {position:relative; overflow:hidden; padding:20px 0;}
.tabs-sidebar-ul {}
.tabs-sidebar-ul li {float:left; margin:0 7px 0 0;}
.tabs-sidebar-ul li:first-child {border-left:none;}
.tabs-sidebar-ul li a {
	display:block; color:#888; position:relative; letter-spacing:0.2;
	text-align:center; border:2px solid #dcdcdc;
	background:#f1f1f1; padding:7px 10px; text-transform:uppercase; font-size:10px;}
.tabs-sidebar-ul li a:hover,
.tabs-sidebar-ul li a.selected {background:#444; color:#ddd; border:2px solid #aaa}
.tabs-sidebar-ul li a.selected:after {
	top: 100%; left: 50%; border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #323232; border-width: 6px; margin-left: -6px; z-index:2;}

/*info*/
.berrors {
	margin:20px 0; color:#fff; background:#EE6767; overflow:hidden; padding:20px;
	border-top:3px solid #EDB1A2; border-bottom:3px solid #EDB1A2; text-align:center;}
.berrors b {font-size:22px;}
.berrors a {font-weight:bold; color:#fff; text-decoration:underline;}

/*navigarion*/
.pages {margin:30px 10px; height:25px;}
.pages .navigation {overflow:hidden; float:left; max-width:420px;}
.pages .navigation a, .pages .swchItemA span, .pages .nextprev a, .pages .nextprev span {
	display:block; width:25px; height:25px;	margin:0 3px; float:left;
	line-height:25px; text-align:center;
	border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.pages .swchItemA span {background:#f2f2f2;}
.pages .swchItemA a, .swchItem {background:#333}
.pages .swchItemA a span {color:#999; cursor:default; background: none;}
.pages a:link, .pages a:visited {color:#fff; text-decoration:none;}
.pages .nextprev {float: right;}
.pages .nextprev a, .pages .nextprev span {
	width:auto;	padding:0 5px; text-transform:uppercase;
	font-size:10px;	background:#f2f2f2;}
.pages .nextprev a, .pages .nextprev a span {background:#333}
.pages a:hover, .pages .nextprev a:hover, .pages .nextprev a span:hover, .swchItemA a:hover {color: #fff; background: #07598C;}

/*fullstory*/
.fstory {overflow:hidden; margin:20px 0;}
.fstory-in {background:#fafafa; border-left:15px solid #f5f5f5;}
.fstory .fstory-grey-box {
	padding:30px 20px 20px; background:#f9f9f9; position:relative;
	overflow:hidden;}

.fstory .title {
	background:#eee; font-size:17px; text-transform:uppercase;
	line-height:30px; padding:10px 20px;  border-left: 15px solid #73b2cf;
	background-image: linear-gradient(#eee, #fafafa, #eee);
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;}

.fstory .rip {
	position:absolute; top:10px; right:10px; background:#EE6767; height:27px;
	line-height:27px; padding:0 10px; color:#fff; font-weight:bold; opacity:0.7;}
	
.fstory .img-poster {width:200px; float:left;}
.fstory .img-poster img {width:200px;}
.fstory .img-poster .api {margin:10px 0 0}

.fstory .ul-ffilm {float:right; width:420px; overflow:hidden; zoom:1}
.fstory .ul-ffilm li {border-bottom: 1px solid #eee; overflow:hidden;}
.fstory .ul-ffilm li .rating {zoom:1; position:relative; overflow:hidden;}
.fstory .ul-ffilm li:last-child {border-bottom: none}
.fstory .ul-ffilm li .type {
	width:80px;	float:left;	display:block;
	color: #666; font-size:10px; text-transform:uppercase; padding:7px;}
.fstory .ul-ffilm li .text {
	width: 305px; border-left: 1px solid #eee; color:#666;
	padding: 7px 7px 7px 10px; float:right;}
	
.fstory .opisanie {
	height:30px; line-height:30px; background:#B4D9EC; font-size:10px; text-transform:uppercase;
	text-align:center; border:1px solid #D9EDF7; position:relative; width:150px; margin:10px 0 0 20px;}
.fstory .opisanie:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #B4D9EC;	border-width: 8px; margin-left: -8px; z-index:2;}
		
.fstory .story {overflow:hidden; text-align:justify; padding:20px; margin:0 0 20px 0}
	
.fstory .tags-link {
	color:#fff;	margin:0 0 20px 0; padding:5px 0 0 40px; min-height:32px; 
	background:url(../images/icon-tags.png) 0 0 no-repeat;}
.fstory .tags-link span {color:#444}
.fstory .tags-link a {
	display:inline-block; border:1px solid #f5f5f5;
	padding:2px 5px; color:#aaa; margin:0 1px 5px 0;}
.fstory .tags-link a:hover {background:#313230; color:#fff;}

.fstory .bottom-news {
	border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;
	height:23px; padding:10px 0; margin:0 0 20px 0}
.fstory .api {float:left; margin:-3px 0 0 20px;}

.views-news {height:23px; float:left; background:#eee; color:#707070; line-height:23px; font-size:11px;}
.views-news .text {padding:0 10px; float:left; display:block;}
.views-news .figures {float:left; background:#bbb; padding:0 7px; display:block; color:#fff;}

.ul-news-inf {float:right; color:#B6B6B6; font-size:11px; font-style: italic;}
.ul-news-inf li {float:left;height:23px; line-height:23px; margin:0 0 0 2px; }
.ul-news-inf li a {height:23px; width:23px; display:block; font-size:0; border:1px solid #f1f1f1;}
.ul-news-inf li a:hover, .ul-news-inf li:hover {background-color:#f1f1f1;}
.ul-news-inf li.date {padding:0 10px; border:1px solid #fff;}
.ul-news-inf li.editstore a {background:url(../dleimages/editstore.png) no-repeat 0 0; width:23px; height:23px;}
.ul-news-inf li.complaint a {background:url(../dleimages/complaint.png) no-repeat 0 0; width:23px; height:23px;}
.ul-news-inf li.print a {background:url(../dleimages/print.png) no-repeat 0 0; width:23px; height:23px;}
.ul-news-inf li.date, .ul-news-inf li.author a {padding:0 10px; border:1px solid #fff;}
.ul-news-inf li.author a {font-size:11px; color:#B6B6B6; padding:0 10px; width:auto !important}
.ul-news-inf li .favority-a {background:url(../dleimages/plus_fav.gif) no-repeat}

#fstory-video {overflow:hidden; position:relative;}	
.fstory-video-block {
	position:relative; padding: 80px 20px 20px; margin:0 0 20px 0;
	background:#eee; border-left:15px solid #73b2cf;}
.fstory-video-ul {height:30px; position:absolute; top:20px; left:40px; z-index:5}	
.fstory-video-ul li {float:left; margin:0 10px 0 0;}
.fstory-video-ul li a {
	display:block; padding:0 15px; background:#ddd; position:relative; color:#666;
	line-height:30px; text-transform:uppercase; font-size:11px;}
.fstory-video-ul li a:hover, .fstory-video-ul li a.selected {
	color:#666;	background: #424242; background-image: linear-gradient(#424242, #313131, #2e2e2e); color:#fff;}
.fstory-video-ul li a.selected:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #2e2e2e; border-width: 6px; margin-left: -6px; z-index:2;}

.fstory .fstory-pool {margin:20px 0;}
.fstory .fstory-pool .fstory-pool-in {border:1px solid #f1f1f1; padding:20px;}
.fstory .fstory-pool .h-title {
	letter-spacing: 0.2px; font-size:14px;
	border-bottom: 5px solid #bbb; color: #265C83;
	font-family:'Segoe UI', Arial, sans-serif; text-transform:uppercase;}

/*related news*/
.relatednews-box {
	overflow:hidden; background:#F8F8F8;
	border-left:15px solid #D9EDF7; padding:20px 10px;}
.relatednews-box .sovetuem {
	display:block; height:30px; line-height:30px; background:#bbb; font-size:10px; text-transform:uppercase;
	text-align:center; position:relative; width:150px; margin:0 0 20px 10px; color:#fff;}
.relatednews-box .sovetuem:after {
	top: 100%;	left: 20%;	border: solid transparent;
	content: " "; height: 0; width: 0; position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #bbb;	border-width: 8px; margin-left: -8px; z-index:2;}

.ul-related { overflow:hidden;}
.ul-related li {float:left; width:113px; margin:10px;}
.ul-related li a {display:block; color:#666; height:220px;}
.ul-related li a:hover {}
.ul-related li a:hover img {opacity:0.6}
.ul-related li a img {width:113px; height:160px;}
.ul-related li a .link-title {
	display:block; height:50px; overflow:hidden;
	margin:10px 0 0 0; background:#f1f1f1;}	
.ul-related li a .span-title {
	display: table-cell; vertical-align:middle;  text-align:center;
	  overflow:hidden;  height:50px;}
.ul-related li a:hover {color:#4597BD;}

/*comment-box*/
.comment-box {overflow:hidden; margin:20px 0; border-left:15px solid #f1f1f1; background:#fcfcfc;}	
.comment-box-block {position:relative; padding:20px;}	
.comment-box-ul {height:30px; margin:20px 0 0 20px;}	
.comment-box-ul li {float:left; margin:0 1px 0 0;}
.comment-box-ul li a {
	display:block; color:#666; padding:0 15px; background:#f5f5f5; position:relative;
	line-height:30px; text-transform:uppercase; font-size:11px; height:30px;}
.comment-box-ul li a:hover, .comment-box-ul li a.selected {background: #333; color:#fff;}
.comment-box-ul li a.selected:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #313230; border-width: 6px; margin-left: -6px; z-index:2;}	
.comment-box .addcombtn {
	display:block; height:30px; line-height:30px; background:#bbb; font-size:10px; text-transform:uppercase;
	text-align:center; color:#fff; position:relative; margin:20px 0;}
.comment-box .addcombtn:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #bbb;	border-width: 10px; margin-left: -10px; z-index:2;}

/*Comments*/
.am-comment {margin:30px 0 0 0; overflow:hidden; padding:5px 0 0 5px}
.am-comment .am-comment-left {width:100px; float:left; font-size:10px;}
.am-comment .am-comment-left .avatar {}
.am-comment .am-comment-left .avatar img {width:100px;}
.am-comment .am-comment-right {
	margin:0 0 0 120px; min-height: 100px; background:#fdfdfd; position:relative;
	padding:0 0 5px 0; border:1px solid #f5f5f5;}
.am-comment .am-comment-right .top-ul {
	color:#777; font-size:11px; margin:10px; overflow:hidden;
	border-bottom:2px solid #f1f1f1; line-height:20px;}
.am-comment .am-comment-right .top-ul li {float:left; padding:0 0 0 10px;}
.am-comment .am-comment-right .top-ul li a {text-transform:uppercase;}
.am-comment .am-comment-right .text {padding:15px;}
.am-comment .am-comment-right .comedit {width:100%;}
.am-comment .am-comment-right .bottom-ul {}
.am-comment .am-comment-right .bottom-ul li {float:left; margin:5px 0 0 5px;}
.am-comment .am-comment-right .bottom-ul li a {
	display:block; background:#f1f1f1; padding:0 7px;
	font-size: 10px; height: 20px; line-height: 20px; color:#888;}
.am-comment .am-comment-right .bottom-ul li a:hover {text-decoration:underline;}
.am-comment .am-comment-right .bottom-ul li.argreply a {
	font-size: 10px; font-weight:bold; text-transform:uppercase;}
.am-comment .am-comment-right .selectmass {display:inline;}
.am-comment .am-comment-right .selectmass input {float:right; margin:5px 7px 0 0;}
.am-comment .am-comment-right .editdate {
	font-size:0.9em; background-color:#fafafa; padding:6px;}

/*system*/
.basecont {background:#fafafa; border-left:15px solid #f5f5f5; padding:20px; margin:20px 0}
h2.heading, h1.heading {margin:0 0 10px 0}

.tableform {color:#666;}
.tableform td {padding:10px 10px 10px 0; border-bottom:1px solid #f5f5f5; vertical-align:top;}
.tableform {width:100%;	border-collapse:collapse; border-spacing:0;}
.tableform td.label {width:20%;	vertical-align:top;}
.tableform td .label-title {background:#f5f5f5; display:block; min-height:25px; padding:7px 0 0 10px;}
.tableform td.select select {border:1px solid #f1f1f1; height:30px;}
.fieldsubmit {padding:10px 0; border-top:2px solid #fff;vertical-align:top;}
span.impot {color:#EE6767;}
.selectmass input {float: right; margin-left: 6px;}
.mass_comments_action {text-align: right; background:#f5f5f5; padding:5px 10px; margin:30px 0 0 0;}
.mass_comments_action select {border:1px solid #f1f1f1; height:30px;}
div.f_input select {border:1px solid #f1f1f1; height:30px; width:100%;}

.searchtable {margin-bottom:20px;}
.searchtable select.textin {padding-right:0; margin:2px auto;}
.searchtable legend {color:#333}

.f_input {
	height:30px; line-height:30px; float:left;
	border:1px solid #ddd; color:#666; padding:0 10px; width:328px;}
.f_textarea {color:#666; border:1px solid #ddd; padding:10px;}
.textin {height:30px; line-height:30px; color:#888; border:1px solid #bcc0c2; padding:0 10px;}

a.add-vote {
	display:block; height:30px; line-height:30px;
	background:#343434; padding:0 15px; float:left; color:#fff;
	text-transform:uppercase; font-size:11px;text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;}

#pool {overflow:hidden;}
#pool .title {text-transform:uppercase;	padding:0 0 10px 0;}
#pool .vote {color:#888;}
#dle-vote .vote {height:20px;}

.vote .fbutton, .vresult {float:left; margin-right:3px;}	
.fbutton, .vresult {border: 0 none;}
.fbutton, .fbutton:visited, .vresult {
	background: #2CA3E7 url(../images/am-overlay.png) repeat-x; 
	display: inline-block; padding: 6px 8px 7px; color: #fff; 
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;	cursor: pointer; font-size:11px;}
.vresult {
    width:30px; height:28px; padding:0; margin:2px 1px;
    background:#50B4E6 url(../images/am-vresult.png) no-repeat 100% 0;
	text-indent:-9999px;}
.vresult:hover {background: #333 url(../images/am-vresult.png) no-repeat 100% 0;}
.fbutton:hover {background-color:#333; color: #fff;}
.fbutton:active, .vresult:active {top: 1px;}

.add-stat {margin:10px 0; overflow:hidden;}
.add-stat .line {margin:0 0 10px 0; overflow:hidden;}
.add-stat .title-input {padding:0 0 0 10px;}
.add-stat .title-input, .add-stat .f_input {
	height:30px; line-height:30px; float:left; color:#888; border:1px solid #f1f1f1;}
.add-stat .title-input {background:#f1f1f1; width:85px;}
.add-stat .f_input {background:#fff; width:228px;}
.add-stat .editor textarea, .add-stat .f_textarea {border:1px solid #f1f1f1; background:#fff; padding:2%; color:#888}
.add-stat .f_input:hover, .add-stat .f_input:focus, .add-stat .editor textarea:hover, .add-stat .editor textarea:focus, .add-stat .f_textarea:hover, .add-stat .f_textarea:focus {background:#f9f9f9;}

.statistics {overflow: hidden;}
.statistics a {text-decoration:underline}
.statistics ul.lcol {
	float:left; min-height: 50px; margin: 0 0 20px -1px; padding-top: 10px; width: 33.3%;}
.statistics ul.lcol li {padding: 0 20px 0 0; margin:0 0 2px 0;}
.statistics h5.color {
	background:#343434; height:30px; line-height:30px;
	text-align:center; color:#fff; margin:0 0 10px 0;}
.statistics .infoblock {background: #fafafa; padding:20px; border:1px solid #f1f1f1;}

.user-page {}
.user-page h2.pheading {background:#ddd; padding:0 20px; font-size:16px; margin:0 0 20px 0}
.user-page .pheading {overflow: hidden; height:40px; line-height:40px;} 
.user-page .pheading h2 {float:left; font-size:14px; line-height:40px; background:#eee; padding:0 20px;}
.user-page .pheading h2 span {color: #666; font-size:18px;}
.user-page .userinfo {overflow:hidden; padding: 30px 0 10px 130px;}
.ui-dialog-content .userinfo {padding: 30px 0 10px 130px;}
.userinfo {text-align:left;}
.userinfo .lcol {width: 110px; padding-right:20px; margin-left: -130px; float: left;}
.userinfo .lcol .avatar {margin-bottom: 10px; padding: 4px; border: 1px solid #f1f1f1;}
.userinfo .lcol .avatar img {width: 100px;}
.userinfo .lcol ul {font-size: 11px;}
.userinfo .rcol {width:100%; float: right;}
.userinfo .rcol ul {margin-left: 0;}
.userinfo .rcol ul li {margin-bottom: 0.2em;}
.ussep {padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #fff;}
.grey {color: #6c838e;}
.blue {color: #388bd4;}

.user-page .ul-lcol {}
.user-page .ul-lcol li {margin:0 0 5px 0;}
.user-page .ul-lcol li a {
	display:block; height:30px; line-height:30px; background:#eee; font-size:11px;
	text-align:center; color:#666}
.user-page .ul-lcol li a:hover {background:#343434; color:#fff}
.user-page .a-edituser {font-size:0;}
.user-page .a-edituser a {
	display:block; height:30px; line-height:30px; background:#333; font-size:10px; text-transform:uppercase;
	text-align:center; color:#fff; border:1px solid #343434; position:relative;}
.user-page .a-edituser a:after {
	top: 100%;	left: 50%;	border: solid transparent;
	content: " "; height: 0; width: 0;
	position: absolute;	pointer-events: none;
	border-color: rgba(102, 153, 255, 0);
	border-top-color: #333;	border-width: 10px; margin-left: -10px; z-index:2;}

.pm_status {border: 1px solid #f1f1f1; height: 115px; float:left; width:300px; margin:0 20px 10px 0;}
.pm_status_head {
    border-bottom: 1px solid #f1f1f1; background:#fafafa; font-size: 11px;    
    height: 25px; padding:0 0 0 10px; line-height:25px; font-weight: bold; color: #555;}
.pm_status_content {padding: 10px;}
.ul-user-mail {overflow:hidden;}
.ul-user-mail li {margin:0 0 10px 0;}
.ul-user-mail li a {
	display:block; height:30px; line-height:30px; background:#f5f5f5; font-size:10px;
	text-transform:uppercase; text-align:center; color:#666; border:1px solid #eee;}
.ul-user-mail li a:hover {background:#eee; color:#666; border:1px solid #ddd}

/*bottom-footer*/
#gf-footer {padding:20px; color:#666; overflow:hidden;}
#gf-footer a, #gf-bottom a {color:#ccc}
#gf-footer a:hover, #gf-bottom a:hover {color:#4597BD}
#gf-bottom .social-icon {float:right; margin:0 20px 0 0;}
p.copirating {float:left; margin-bottom:10px; width:510px;}
.ul-count {float:right; width:280px; overflow:hidden;}
.ul-count li {float:left; height:31px; width:88px; margin:5px 0 5px 5px;}
.seo-text {float:left; width:400px; text-align:justify; margin:0 0 0 20px;}
.ul-bottom {overflow:hidden; margin:0 0 0 40px; float:left; width:280px;}
.ul-bottom li {float:left; width:50%; height:20px;}
.ul-bottom li a {
	display:block; height:20px; line-height:20px; text-transform:uppercase; font-size:11px;
	background: url(../images/ul-bottom.png) 0 50% no-repeat; padding:0 0 0 13px;}

/*Buttun UP*/
.b-top {
	z-index:2600; position:fixed; left:20px; bottom:20px; width:34%;
	margin-left:50%; opacity: 0.5; filter:alpha(opacity=50);}
.b-top:hover {opacity:1; filter:alpha(opacity=100); cursor:pointer;}
.b-top-but {
	z-index:2600; position:absolute; display:block; left:55px; bottom:0;
	margin:0 0 0 100%; padding:30px 10px 5px; color:white;
	background:#4597BD url(../images/b-top.png) no-repeat 50% 11px;}

.border-5 {border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.border-3, .fstory .tags-link a {border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.border-2 {border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.shadow-dark7, .fstory .story img, .fstory .img-poster img, .fstory-video-block center, .short-story .img-poster img {
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.3)}

a.btn, input.btn  {padding: 5px 15px;cursor: pointer; border: none;color: #fff; background:#bbb;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn:hover {background:#07598C;}