/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
@font-face {
    font-family: 'PF BeauSans Pro';
    src: url(../font/PFBeauSansPro-Thin.woff);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'PF BeauSans Pro XThin';
    src: url(../font/PFBeauSansPro-XThinItalic.woff);
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'PF BeauSans Pro';
    src: url(../font/PFBeauSansPro-Light.woff);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'PF BeauSans Pro';
    src: url(../font/PFBeauSansPro-Regular.woff);
    font-weight: normal;
    font-style: normal;
}

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
    min-width: 1044px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
	text-align: center;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
    width:67px;
}

.container_12 .grid_2 {
    width:154px;
}

.container_12 .grid_3 {
    width:241px;
}

.container_12 .grid_4 {
    width:328px;
}

.container_12 .grid_5 {
    width:415px;
}

.container_12 .grid_6 {
    width:502px;
}

.container_12 .grid_7 {
    width:589px;
}

.container_12 .grid_8 {
    width:676px;
}

.container_12 .grid_9 {
    width:763px;
}

.container_12 .grid_10 {
    width:850px;
}

.container_12 .grid_11 {
    width:937px;
}

.container_12 .grid_12 {
    width:1024px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
    padding-left:87px;
}

.container_12 .prefix_2 {
    padding-left:174px;
}

.container_12 .prefix_3 {
    padding-left:261px;
}

.container_12 .prefix_4 {
    padding-left:348px;
}

.container_12 .prefix_5 {
    padding-left:435px;
}

.container_12 .prefix_6 {
    padding-left:522px;
}

.container_12 .prefix_7 {
    padding-left:609px;
}

.container_12 .prefix_8 {
    padding-left:696px;
}

.container_12 .prefix_9 {
    padding-left:783px;
}

.container_12 .prefix_10 {
    padding-left:870px;
}

.container_12 .prefix_11 {
    padding-left:957px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
    padding-right:87px;
}

.container_12 .suffix_2 {
    padding-right:174px;
}

.container_12 .suffix_3 {
    padding-right:261px;
}

.container_12 .suffix_4 {
    padding-right:348px;
}

.container_12 .suffix_5 {
    padding-right:435px;
}

.container_12 .suffix_6 {
    padding-right:522px;
}

.container_12 .suffix_7 {
    padding-right:609px;
}

.container_12 .suffix_8 {
    padding-right:696px;
}

.container_12 .suffix_9 {
    padding-right:783px;
}

.container_12 .suffix_10 {
    padding-right:870px;
}

.container_12 .suffix_11 {
    padding-right:957px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
    left:87px;
}

.container_12 .push_2 {
    left:174px;
}

.container_12 .push_3 {
    left:261px;
}

.container_12 .push_4 {
    left:348px;
}

.container_12 .push_5 {
    left:435px;
}

.container_12 .push_6 {
    left:522px;
}

.container_12 .push_7 {
    left:609px;
}

.container_12 .push_8 {
    left:696px;
}

.container_12 .push_9 {
    left:783px;
}

.container_12 .push_10 {
    left:870px;
}

.container_12 .push_11 {
    left:957px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
    left:-87px;
}

.container_12 .pull_2 {
    left:-174px;
}

.container_12 .pull_3 {
    left:-261px;
}

.container_12 .pull_4 {
    left:-348px;
}

.container_12 .pull_5 {
    left:-435px;
}

.container_12 .pull_6 {
    left:-522px;
}

.container_12 .pull_7 {
    left:-609px;
}

.container_12 .pull_8 {
    left:-696px;
}

.container_12 .pull_9 {
    left:-783px;
}

.container_12 .pull_10 {
    left:-870px;
}

.container_12 .pull_11 {
    left:-957px;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
    zoom: 1;
}



/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-size:14px;
}

a {
    color:#174785;
}

ul {
    margin:0;
    padding:0;
    list-style:none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.login_block {
    width:262px;
}

.bottom {
    height:6px;
    background: url("../img/bottom_bg.gif") repeat-x;
}

#howto {
    display: block;
    margin-top:14px;
    margin-bottom: 5px;
    font-family: 'PF BeauSans Pro';
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
    text-transform: uppercase;
}

#howto a {
    color:#194987;
}

/*
.login_links ul li {
    display:inline;
    padding-right:20px;
    font-size:14px;
}
*/

#login_link {
    color:#d32814;
}

.social {
    margin-top:21px;
}

.social li {
    display:inline;
}

/*
.search_block {
    margin-left:140px;
}
*/

#current_date {
    color:#d32814;
}

.search {
    width: 375px;
    padding: 4px 0px 4px 18px;
    margin-left: 20px;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 13px;
    color: #959595;
    border: 1px solid #bfbfbf;
    border-right: none;
    border-radius: 15px 0px 0px 15px;
    outline: none;
}

.btn_search {
    width: 40px;
    height: 27px;
    margin-left: -4px;
    padding-left: 0px;
    background: url("../img/icon_search.png") no-repeat center center;
    background-color: rgba(255,255,255,1);
    border: 1px solid #c5c2c5;
    border-left: none;
    border-radius: 0px 15px 15px 0px;
    vertical-align: bottom;
}

/* Строка меню */

nav {
    display:inline-block;
    width:100%;
    height:73px;
    margin:12px 0px 10px 0px;
    background:/*url("../img/header_menu_bg.png")*/ none repeat scroll 0 0 #023F80;
}

nav ul {
    margin-top:25px;
    white-space: nowrap;
}

nav ul li {
    display:inline;
	font-family: 'PF BeauSans Pro';
	font-size: 17px;
	font-weight: 300;
	font-style: normal;
	margin-right: 0.7rem;
    text-transform: uppercase;
    padding:2px 0px;
	text-align: left;
}

nav ul li.active {
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
}


nav ul li:hover {
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
}

nav ul li:last-of-type {
    margin-right: 0;
}

nav a {
    color:#fff;
    text-decoration: none;
}

/* *** с этого места начинаются новые стили, их надо слить с предыдущими */

nav ul li {
  position:relative;
/*  float: left;*/
}

nav ul ul {
  position: absolute;
left:-9999px;
top: 150px;
z-index: 9999;
padding: 8px 8px 0px 8px;
/*font-size: 13px;*/

opacity: 0;
transition: top 0.2s ease 0s, opacity 0.2s ease-in 0s;

background: rgb(2, 63, 128);

border: 1px solid rgb(221, 221, 221);
border-radius: 5px 5px 5px 5px;
}

nav ul li:hover ul {
left:0px;
opacity: 0.9;
top: -2px;
}

nav ul ul li {
	text-transform: none;
	font-family: 'PF BeauSans Pro';
	font-weight: 100;
	font-style: normal;
	display: block;
	color: white;
	margin-bottom: 8px;
/*  border: 0 !important;*/
	border: 0;
/*font-family: Arial,sans-serif;*/
}

nav ul ul li:hover {
  border: 0;
}

/* /Строка меню */

#featured {
    min-height:360px;
}

#featured .left_block {
    width:717px;
    box-shadow: -3px 1px 2px -1px #c6c4c4;
}

.title {
    font: 18px 'Arial Narrow', Arial, Helvetica , sans-serif;
    font-stretch: ultra-condensed;
    color:#fff;
    text-transform: uppercase;
    padding:10px 0px 10px 15px;
}

.left_block .title  {
    background: #de2715;
}

#featured .featured_content {
    margin-top:15px;
    padding-left:15px;
}
.featured_content .news_item {
    float: left;
    width: 216px;
    margin-right: 18px;
}

.author_info {
    margin-bottom:18px;
}

.author_info img {
    vertical-align: bottom;
    margin-right:7px;
}

.author_info a {
    position:relative;
    top:-3px;
}

.date_info {
    color:#898989;
    font-size:14px;
}

.have_comment {
    color:#e02419;
}

.news_item_content h2 {
    font: 20px 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-stretch: ultra-condensed;
}

.news_item_content p {
    font-size:14px;
    color:#000103;
}

.featured_content .news_item:last-child {
    margin-right:0px;
}


#video {
    height:254px;
    margin:30px 0px;
    background: /*url("../img/video_bg.jpg")*/ none repeat scroll 0 0 #023F80;
}

#video .title {
    color: #000;
}

#video ul {
    position:relative;
    text-align: center;
}

#video ul li {
    display:inline-block;
    margin-right:5px;
    margin-top:30px;
}

#video .controls a {
    position:absolute;
    top:62%;
    outline: 0;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    z-index: 9999;
}

#prev3 {
    left: 10px;
    background: url("../img/controls3.png") no-repeat 0 0;
}

#next3 {
    right: 14px;
    background: url("../img/controls3.png") no-repeat -20px 0;
}

footer {
    display:block;
    color:#fff;
    background:#FFFFFF;
}

.list_title {
    display: block;
    font:18px 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-stretch: ultra-condensed;
    color:#c2c2c2;
    margin:25px 0px;
}

footer li a {
/*    color:#fff;*/
    text-decoration: none;
}

footer li a:hover {
    text-decoration: underline;
}

footer li:before {
    top: -2px;
    position: relative;
    content: "●";
    color:#e62f1d;
    padding-right:5px;
}

.footer_logo {
    margin:18px 0px;
}

.social_links li:before {
    content:none;
}

.social_links li {
    margin-bottom:30px;
}

.social_links li img {
    margin-right:32px;
}

.footer_bottom {
    float:left;
    position:relative;
    top:-147px;
}


/* -------------------------------------------------------------------
	ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */

body {
/*	font-size: 12px;*/
	font-size: 0.98rem;
/*	font-family: Arial, sans-serif;*/
	font-family: 'PF BeauSans Pro';
/*	line-height: 21px;*/
	line-height: 1.3125rem;
	color: #000;
	background:#fff;
}



/* Ссылки
---------------------------------------------------- */
a 		{ color: #184786 }
a:hover { color: #dd2b1b }

.text a:visited { color: #1D2273; }

a.link-dashed 		{ border-bottom: 1px dashed #5055b2; text-decoration: none; }
a.link-dashed:hover { border-color: #f00; }

a.link-dotted 		{ text-decoration: none; border-bottom: 1px dotted #5055b2; }
a.link-dotted:hover { border-color: #f00; }



/* Заголовки
---------------------------------------------------- */
h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: normal; margin-bottom: 20px; }
h2.page-header span { color: #aaa; }
h2.page-header i { vertical-align: middle; }

h2.header-table { margin-bottom: 10px; font-size: 22px; font-weight: normal; }
h2.header-table a { color: #275ec2; }
h2.header-table span { color: #949aa1; }






/* Шапка сайта
---------------------------------------------------- */

.left {
    float:left;
}

.right {
    float:right;
}


.left_block.left {
    width: 74%;
}

.left_block.left img {
    cursor: pointer;
}

.login_block {
    width:262px;
}

.bottom {
    height:6px;
    background: url("../img/bottom_bg.gif") repeat-x;
}

#howto {
    display: block;
    margin-top:14px;
    margin-bottom: 5px;
    font-family: 'PF BeauSans Pro';
	font-size: 18px;
	font-weight: 100;
	font-style: normal;
    text-transform: uppercase;
}

#howto a {
    color:#194987;
}

.login_links ul li {
    display:inline;
/*    padding-right:20px;*/
    font-size:15px;
}

#login_link {
    color:#d32814;
}

.userbar {
    width: 200px;
    margin: 20px 0 0 0;
    float: right;
}

.userbar .write {
/*	margin: 28px 0px 0px 15px;*/
	float: right;
}


.social {
    margin-top:21px;
}

.social li {
    display:inline;
}

/*
.search_block {
    margin-left:107px;
}
*/

.title_about {
	width: 446px;
	color: #174785;
	float: right;
	font-size: 16px;
	padding-right: 10px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 22px;
	font-family: Calibri,Arial,sans-serif;
}

#date, #current_date {
    font-size: 14px;
}

#current_date {
    color:#d32814;
}

.search-form {
    margin: 10px 0px 0px;
}
.search-bar {
    width: 150px;
    padding: 4px 0px 4px 18px;
    margin-left: 1px;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 13px;
    color: #959595;
    border: 1px solid #bfbfbf;
    border-right: none;
    border-radius: 15px 0px 0px 15px;
    outline: none;
}

.btn_search {
    width: 40px;
    height: 26px;
    margin-left: -4px;
    padding-left: 0px;
    background: url("../img/icon_search.png") no-repeat center center;
    background-color: rgba(255,255,255,1);
    border: 1px solid #c5c2c5;
    border-left: none;
    border-radius: 0px 15px 15px 0px;
    vertical-align: bottom;
}


/*
#header .top-line { overflow:hidden; height:36px }
#header .top-line .right-socials { float:right; font-size:10px; margin-top:8px }
#header .top-line .right-socials li { line-height:10px; float:left; margin-left:8px; color:#fff }
#header .top-line .right-socials li a { display:block; background:url(../images/icons-club.png) no-repeat; width:18px; height:18px; text-indent:-9999px; }
#header .top-line .right-socials li.fb a { background-position:-98px 0 }
#header .top-line .right-socials li.tw a { background-position:-123px 0 }
#header .top-line .right-socials li.vk a { background-position:-147px 0 }

#header .top-line .left-btns { float:left; color:#9d9d9d; font-size:10px; margin-top:8px }
#header .top-line .left-btns li { display:inline-block; *display:inline; zoom:1; margin-right:17px; vertical-align:middle; line-height:10px }
#header .top-line .left-btns li span { color:#fff }
#header .top-line .left-btns li a { display:block; background:url(../images/icons-club.png) no-repeat; height:12px; text-indent:-9999px }
#header .top-line .left-btns li.home a { width:15px; background-position:0 0 }
#header .top-line .left-btns li.mail a { width:13px; background-position:-33px 0 }
#header .top-line .left-btns li.sitemap a { width:15px; background-position:-63px 0 }
.allert { width:15px; background:url(../images/med.png) no-repeat; height:12px; margin-left: 7px; padding-right: 12px; }



#header .top-line .search-header { float:left; margin:7px 0 0 17px }
#header .top-line .search-header form { border-radius:12px; position:relative; background:#818181; border:1px solid #4d6b8a; padding:0 10px }
#header .top-line .search-header .input-search { border:0; background:none; padding-right:20px; width:430px }
#header .top-line .search-header .input-search:focus { outline:none }
#header .top-line .search-header .input-submit { position:absolute; border:0; width:13px; height:13px; background:url(../images/icons-club.png) no-repeat -162px -35px; display:block; right:10px; top:4px }



#header .btm-line { clear:both; height:102px }

#header .btm-line .userbar { float:right; font-family:Calibri, Arial, sans-serif; height:87px; background:url(../images/header-bg.png) no-repeat right; position:relative; padding:15px 76px 0 16px; margin-right:-20px }
#header .btm-line .userbar .str { background:url(../images/icons-club.png) no-repeat -100px -31px; width:13px; height:24px; display:block; position:absolute; left:-13px; top:19px }
#header .btm-line .userbar .big { text-transform: uppercase; color:#000; font-weight:bold; font-size:18px; line-height:20px }
#header .btm-line .userbar ul { clear:both; margin-top:8px }
#header .btm-line .userbar ul li { text-transform: uppercase; font-size:14px; margin-right:14px; vertical-align:middle; display:inline-block; *display:inline; zoom:1;  }
#header .btm-line .userbar ul .reg a { background:url(../images/icons-club.png) no-repeat -184px 0; width:166px; height:26px; display:block; text-indent:-9999px; }
#header .btm-line .userbar ul .join a { text-decoration:none; border-bottom:1px dashed; font-weight:bold }


#header .btm-line .site-name { float:left; margin-top:7px }
#header .btm-line .site-name a { display:block; text-indent:-9999px; background:url(../images/logol.jpg) no-repeat; /*width:252px;*/ width: 530px; height:100px }



/* Навигация
---------------------------------------------------- */
#nav .navigate { font-family:Calibri, Arial, sans-serif; font-weight:bold; margin-top:9px }
#nav .navigate li { border-right:1px solid #999; float:left; margin-right:13px; padding-right:13px; text-transform: uppercase; font-size:13px }
#nav .navigate li:last-child { border:0; padding:0; margin:0 }
#nav .navigate li a { color:#000; text-decoration:none }
#nav .navigate li a:hover { color: #dd2b1b }

/* **** ^^^^ кажись, эти стили не используются */


/* Топики в шапке
---------------------------------------------------- */
.topics { overflow:hidden }
.topics ul li { float:left; width:220px; min-height:68px; margin-right:46px; padding:4px 0 0 60px; position:relative }
.topics ul li:last-child { margin-right:0 }
.topics ul li .avatar { left:0; top:4px; position:absolute; width:48px; height:48px }
.topics ul li .topic-title { font-size:16px; display:block; color:#000; text-decoration:none; font-family:Calibri, Arial, sans-serif }
.topics ul li .topic-title:hover { text-decoration:underline }


/* Топики на главной
---------------------------------------------------- */
.topics-today {
    overflow:hidden;
    margin-bottom:20px;
    box-shadow: -3px 0px 2px -1px #C6C4C4;
}

.topics-today .today-type {
    float:left;
    width:235px;
}
.topics-today .today-type:last-child { margin-right:0 }

.topics-today .today-type .info-type {
    height: 30px;
    line-height: 18px;
    margin: 15px 0 10px 20px;
    padding: 20px 0 0 50px;
    position: relative;
}
.topics-today .today-type .info-type .avatar {
    border-radius: 50%;
    border: 2px solid #B0A89B;
    height: 40px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 40px;
}

.topics-today .today-type .info-type a { color:#3070b9; }
.topics-today .today-type .info-type a:hover {
    text-decoration:none;
    color: #dd2b1b }

/*
.topics-today .today-type .preview { margin-bottom:4px }
.topics-today .today-type .preview img { width:198px; height:125px }
*/

.topics-today .today-type .title {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: ultra-condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 27px;
    margin: 0 0 10px 20px;
    padding: 0 !important;
}

.topics-today .today-type .title .topic-title {
    color: #174785;
}

.topics-today .today-type .title .topic-title:hover { text-decoration: none; }
.topics-today .today-type .date {
    color: #898989;
    font-size: 14px;
    margin: 0 0 5px 20px;
}
.topics-today .today-type .date span { color:#dd2b1b }

.topics-today .today-type .text-type {
    color: #000103;
    font-size: 14px;
    margin: 0 0 20px 20px;
}


/*.topics-block { overflow:hidden }*/
.topics-block .info-type { height:30px; margin-bottom:12px; position:relative; line-height:18px; padding:0 0 0 40px }
.topics-block .info-type .date { position:absolute; right:0; top:0; font-size:11px; color:#858585; padding-bottom:2px }
.topics-block .info-type .date span { color:#dd2b1b }
.topics-block .info-type .avatar { position:absolute; left:0; top:2px; width:30px; height:30px }
.topics-block .info-type a { color:#3070b9; text-decoration:none }
.topics-block .info-type a:hover { text-decoration:underline; color: #dd2b1b }
.topics-block .title { padding-bottom:4px }
.topics-block .title .topic-title { margin-right:5px; color:#000; text-decoration:none; font-size:18px; font-family:Calibri, Arial, sans-serif }
.topics-block .title .topic-title:hover { text-decoration:underline }
.topics-block .text-type { color:#666; position:relative }


.topics-discuss { float:right; width:300px }
/*.topics-discuss ul li { margin-bottom:25px; overflow:hidden; clear:both; }
.topics-discuss ul li:last-child { margin:0 }*/
.topics-discuss ul li .category { padding-top:2px }



.topics-stream {
    float:left;
    box-shadow: 0 3px 5px 1px #C5C3C3;
    width: 302px;
    background: #ffffff;
/*    margin-left: 5px;*/
    margin-bottom: 50px;
}
.topics-stream ul li { margin-bottom:25px; padding: 0 15px; }
.topics-stream ul li:last-child { margin:0 }

.topics-stream ul li .info-type {
    height: 30px;
    line-height: 18px;
    margin: 15px 0 10px 20px;
    padding: 20px 0 0 55px;
    position: relative;
}

.topics-stream ul li .info-type a {
    text-decoration: underline;
}

.topics-stream ul li .info-type a:hover {
    text-decoration: none;
}

.topics-stream ul li .title .topic-title {
    text-decoration: underline;
    color: #3070B9;
    font-size: 16px;
}

.topics-stream ul li .title .topic-title:hover {
    text-decoration: none;
    color: #DE2715;
}

.topics-stream ul li .text-type { margin-top:5px; border:1px solid #b2b2b2; font-style:italic; padding:12px 10px 14px 10px }
.topics-stream ul li .text-type .str { position:absolute; bottom:-21px; left:20px; width:16px; height:21px; background:url(../images/comment-str.png) no-repeat }
.topics-stream ul li .text-type .l-q { float:left; width:8px; height:9px; background:url(../images/icons-club.png) no-repeat -26px -34px; margin:6px 5px 0 0; display:block }
.topics-stream ul li .text-type .c-q { float:left }
.topics-stream ul li .text-type .r-q { width:8px; height:9px; background:url(../images/icons-club.png) no-repeat -42px -34px; margin-left:4px; display:inline-block; *display:inline; zoom:1 }
.topics-stream ul li .author-topic { padding:2px 0 0 42px }


.topics-stream ul li .info-type .avatar {
    position: absolute;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 2px solid #B0A89B;
}

.topics-stream ul li .date {
    color: #898989;
    font-size: 14px;
    margin: 0 0 5px 20px;
}


.topics-stream ul li .quotes {
    position:absolute;
    top:50%;
}

.topics-stream ul li #quote_l {
    position: relative;
    left: -21px;
    top: -30px;
}

.topics-stream ul li #quote_r {
    position: relative;
    right: -211px;
    bottom: 15px;
}

.topics-stream ul li .comment_speech {
    position: relative;
    padding: 26px 12px 2px 33px;
    margin: 1em 0 3em;
    margin-bottom:50px;
    color: #000;
    font-size:12px;
    background: #ebebeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.topics-stream ul li .comment_speech:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 30px;
    border: 0;
    border-right-width: 30px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #ebebeb;
    display: block;
    width: 0;
}

.topics-stream ul li .comment_speech:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border: 0;
    border-right-width: 10px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
}

.topics-stream ul li .comment_author {
    display: block;
    position: relative;
    top: 27px;
    left: 42px;
}



/* Слайдер фотографий
---------------------------------------------------- */
.foto-slider { position:relative; margin-bottom: 20px; }
.foto-slider ul { margin-left:13px }
.foto-slider li { margin-right:5px; float:left }
.foto-slider li img { width:150px; height:120px }

.foto-slider .slider-nav {  }
.foto-slider .slider-nav .arrowleft a { display:block; position:absolute; top:47px; left:-11px; width:23px; height:120px; background:url(../images/icons-club.png) no-repeat -159px -63px; z-index:2 }
.foto-slider .slider-nav .arrowright a { display:block; position:absolute; top:47px; right:-12px; width:23px; height:120px; background:url(../images/icons-club.png) no-repeat -190px -63px; z-index:2 }

/* Футер
---------------------------------------------------- */
#footer .footer-line-wrapper { height: 48px; }
#footer .footer-line { padding-top:10px; height: 48px; }
#footer .footer-line > div { position: relative; background: #4c4c4c; }
#footer .footer-line a.footer-menu-btn { display:none; width:50px; height:48px; background:url(../images/icons-club.png) no-repeat 0 -120px; text-indent:-9999px }
#footer .footer-line a.logo-small { display:inline-block; width:137px; height:47px; background:url(../images/icons-club.png) no-repeat 0 -73px; text-indent:-9999px }

#footer .menu-list { padding:16px 0 30px 0; overflow:hidden }
#footer .menu-list .menu { float:left; width:182px }

#footer .menu-list .menu .title { font-family:Calibri, Arial, sans-serif; color:#b2b2b2; font-size:20px; margin-bottom:2px; margin-left:-15px }
#footer .menu-list .menu ul li { clear:both; font-size:12px }
#footer .menu-list .menu ul li a { color:#fff; text-decoration:none; position:relative; }
#footer .menu-list .menu ul li a:hover { color:#999 }
#footer .menu-list .menu ul li a .str { background:url(../images/icons-club.png) no-repeat -123px -34px; position:absolute; left:0; top:2px; width:5px; height:9px }

#footer .menu-list .menu.right { float:right }
#footer .menu-list .menu.right .title { margin-bottom:2px }
#footer .menu-list .menu.right li { min-height:18px; margin-bottom:6px }
#footer .menu-list .menu.right li a { padding-left:24px }
/*
#footer .menu-list .menu.right li a i { display:block; background:url(../images/icons-club.png) no-repeat; width:18px; height:18px; position:absolute; left:0; top:-2px }
*/
#footer .menu-list .menu.right li a i { display:block; width:24px; height:24px; position:absolute; left:0; top:-5px }
#footer .menu-list .menu.right li.fb a i { background:url(../images/fb.png) no-repeat; }
#footer .menu-list .menu.right li.tw a i { background:url(../images/tw.png) no-repeat; }
#footer .menu-list .menu.right li.vk a i { background:url(../images/yt.png) no-repeat; }
#footer .menu-list .menu.right li.gp a i { background:url(../images/gp.png) no-repeat; }
#footer .menu-list .menu.right li.yt a i { background:url(../images/yt.png) no-repeat;}
#footer .menu-list .menu.right li.tg a i { background:url(../images/tg.png) no-repeat;}
#footer .menu-list .menu.right li.lj a i { background:url(../images/lj.png) no-repeat; }
#footer .menu-list .menu.right li.in a i { background:url(../images/in.png) no-repeat;  }



#footer .copy-wrong { color:#a9a9a9; font-size:11px; line-height:18px }




/* Stat
---------------------------------------------------- */
.stat-performance { width: 910px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.stat-performance table { }
.stat-performance table td { width: 200px; vertical-align: top; }
.stat-performance h4 { font-weight: bold; }



/* Userfeed
---------------------------------------------------- */
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(../images/loader.gif) no-repeat center;}



/* Stream
---------------------------------------------------- */
.stream-get-more {
	margin-top: 50px;
	border-radius: 5px;
	display: block; text-align: center; padding: 12px 0; color: #258fa7; text-decoration: none;
	background: #eefbfc;
	background: -moz-linear-gradient(top,  #eefbfc 0%, #d3edf8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eefbfc), color-stop(100%,#d3edf8));
	background: -webkit-linear-gradient(top,  #eefbfc 0%,#d3edf8 100%);
	background: -o-linear-gradient(top,  #eefbfc 0%,#d3edf8 100%);
	background: -ms-linear-gradient(top,  #eefbfc 0%,#d3edf8 100%);
	background: linear-gradient(top,  #eefbfc 0%,#d3edf8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefbfc', endColorstr='#d3edf8',GradientType=0 );
}
.stream-get-more:hover { background: #eefbfc; color: #258fa7; }
.stream-get-more.loader { background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; }
.stream_loading { background: #f7f7f7 url(../images/loader.gif) no-repeat center; }
.stream-comment-preview { position: relative; padding: 5px 10px 6px; background: #fefef1; color: #363636; margin-top: 13px; font-size: 11px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px #e8e8c0 inset; box-shadow: 0 2px 4px #e8e8c0 inset; }
.stream-comment-preview:after 	{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #e8e8c0 transparent; border-style: solid; }

.stream-list { margin: 0 0 20px; }
.stream-list li.stream-item { margin-bottom: 23px; min-height: 48px; _height: 48px; border-bottom: 1px solid #e7ebed; padding: 0 0 20px 60px; position: relative; }
.stream-list li.stream-item:last-child { border: none; }
.stream-list li.stream-item .info { color: #b9c2c2; font-size: 11px; line-height: 1em; margin-bottom: 8px; }
.stream-list li.stream-item .info a { color: #275ec2; }
.stream-list li.stream-item .info .date { color: #818189; }
.stream-list li.stream-item .avatar { position: absolute; top: 0; left: 0; }
.stream-list li.stream-item .user-avatar { margin-left: 3px; }
.stream-list li.stream-header-date { font-size: 16px; color: #999; font-family: 'PT Sans', sans-serif; margin-top: 50px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #eee; }



/* Userfields
---------------------------------------------------- */
.userfield-list { width: 450px; }
.userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }

.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
.userfield-add:hover { color: #333; border-color: #333; }



/* Talk
---------------------------------------------------- */
.talk-search { padding: 15px; background: #f8fbfe; border-radius: 5px; margin-bottom: 35px; }
.talk-search header { position: relative; min-height: 27px; }
.talk-search header .close { position: absolute; top: 3px; right: 0; font-size: 11px; cursor: pointer; }
.talk-search .talk-search-content { display: none; padding-top: 15px; border-top: 1px solid #fff; }
.talk-search .talk-search-content p { margin-bottom: 25px; }
.talk-search.opened header { border-bottom: 1px solid #e8eef5; padding-bottom: 15px; }
.talk-search.opened .talk-search-content { display: block; }

.talk-search.talk-friends header .close { left: 0; right: auto; }
.talk-search.talk-friends .friend-list { margin-bottom: 15px; font-weight: bold; }
.talk-search.talk-friends .friend-list li { margin-bottom: 5px; }

.talk-blacklist-form { padding: 15px; background: #f8fbfe; border-radius: 5px; margin-bottom: 15px; }



/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }

.drafts { float: right; font-size: 11px; color: #275ec2; }

.content-error { padding: 110px 160px; }
.content-error h2.page-header { font-weight: bold; font-size: 30px; margin-bottom: 35px; }
.content-error a { color: #727a90; }
.content-error a:hover { color: #f00; }

.help { 
	display: none;
	position: relative; 
	padding: 10px 7px 13px;
	background: #fefef1; 
	color: #363636; 
	margin-top: 13px; 
	font-size: 11px; 
	border-radius: 3px; 
	-webkit-box-shadow: 0 0 5px #e8e8c0 inset; box-shadow: 0 0 5px #e8e8c0 inset; 
}
.help:before 	{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; }
.help .help-col { float: left; width: 230px; padding: 0 10px; }
.help .help-col.help-wide { float: none; width: 96%; }
.help .help-item { margin-bottom: 20px; }
.help .help-item:last-child { margin-bottom: 0; }
.help .help-item h4 { font-family: Verdana, sans-serif; font-size: 11px; color: #727a90; font-weight: bold; }
.help .help-item h4 a { color: #727a90; border-bottom: 1px dotted #727a90; }
.link-dotted.help-link { font-size: 11px; color: #000; border-color: #000; }

.fl{
    float: left;
    margin-right: 5px;
}

.write{
    background: url('../images/writebutton.png') 0 0;
    display: block;
    width: 170px;
    height: 30px;
    margin: 5px 0 0 45px;
}

table.table-users td.cell-name span a{
    color: rgb(221, 43, 27);
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    outline-color: rgb(221, 43, 27);
    text-align: left;
    text-decoration: none;
    width: auto;
}

table.table-users td.cell-name span a:hover{
    text-decoration: underline;
}

#embp_a{
    background: url("/templates/skin/leadersclub/images/main-bg.png") repeat scroll 0 -135px transparent;
    display: block;
    font-size: 16px;
    height: 31px;
    padding: 10px 0 0 10px;
    text-decoration: none;
    width: 330px;
}

#embp_a:hover{
    color: red;
}

#embp{
    margin-top: 20px;
}

#embp h3{
    font-size: 16px;
}

#embp_form{
    margin-top: 20px;
}



/* ************** Poganki ****************** */

iframe.youtube_play {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box; box-sizing: border-box;
  border: solid rgba(0,0,0,.3);
  border-width: 10vh 10vw;
}

div.yt_video {
  width: 150px;
  height: 125px;
  overflow: hidden;
  text-align: left;
}

div.yt_video img.preview {
  position: absolute;
}

div.yt_video div.play {
  width: 150px;
  height: 125px;
  text-align: center;
  position: absolute;
}

div.yt_video div.play img {
  text-align: center;
  position: relative;
  width: auto;
  height: auto;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

.vcenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.hcenter {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}


div.ytn_video {
  overflow: hidden;
  text-align: left;
  position: relative;
}

div.ytn_video img.preview {
  position: absolute;
}

div.yt_video {
  width: 150px;
  height: 125px;
  overflow: hidden;
  text-align: left;
}

div.yt_video img.preview {
  position: absolute;
}

div.ytn_video div.play_btn {
  width: 72px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%); /* Для Firefox */
  -ms-transform: translate(-50%, -50%); /* Для IE */
  -webkit-transform: translate(-50%, -50%); /* Для Safari, Chrome, iOS */
  -o-transform: translate(-50%, -50%); /* Для Opera */
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: url(/img/play1.png) center center no-repeat;
}

div.ytn_video div.play_btn:hover {
  background-image: url(/img/play2.png);
}

div.ytn_video div.play {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

div.ytn_video div.play img {
  text-align: center;
  position: relative;
  width: auto;
  height: auto;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}


.fixed-wnd {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.fixed-wnd .wnd {
  position: relative;
  background: white;

  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5);

  overflow-x: hidden;
  overflow-y: auto;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fixed-wnd .loading {
  background:url(../images/loader.gif) center no-repeat white;
}



/* Базовые элементы оформления */

div.base-block {
    overflow:hidden;
    margin-bottom:20px;
    box-shadow: 0 3px 5px 1px #C5C3C3;
}


/* Блок "Активные блоги" */

ul.block-blog-list li.type-user {
    border-bottom: 1px solid #EBEBEB;
    margin: 15px 20px 0;
    min-height: 48px;
    padding-bottom: 16px;
    padding-left: 60px;
    padding-top: 0px;
    position: relative;
}
.block-blog-list .type-user:last-child { margin-bottom:0 }
.block-blog-list .type-user .avatar { position:absolute; left:0; top:4px; width:48px; height:48px }

.block-blog-list .type-user .username a {
    font-size: 15px;
    color:#174785;
    text-decoration:underline;
}
.block-blog-list .type-user .username a:hover {
    text-decoration:none;
}
.block-blog-list .type-user .last { font-size:13px; color:#858585 }
.block-blog-list .type-user .last strong { color:#000; margin-right:5px }
.block-blog-list .type-user .last span { color:#dd2b1b }
.block-blog-list .type-user li .topic-title { margin-right:5px; color:#858585; text-decoration:none }
.block-blog-list .type-user li .topic-title:hover { text-decoration:underline }

.block-blog-list .type-user li { padding: 0; margin: 0;}
.block-blog-list .type-user li.info { font-style: italic; }

.block-blog-list li a { background: #fff; padding-right: 5px; }
.block-blog-list li i { background-color: #fff; position: relative; top: -2px; }

.block-blog-list li strong {
    top: 0;
    right: 0;
    background: #fff;
    padding-left: 2px;
    font-weight: normal;
    font-size: 14px;
}

/* Аттачи - управление */

div.attach-ctl {
  margin-bottom: 20px;
}


div.attach-ctl th {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

div.attach-ctl th.attach-icon {
  width: 32px;
}

div.attach-ctl th.attach-restricted {
  width: 100px;
}


div.attach-ctl th.attach-delete {
  width: 32px;
}


div.attach-ctl td {
  vertical-align: middle;
}

div.attach-ctl td.attach-filename {
  padding-left: 10px;
}

div.attach-ctl td.attach-restricted {
  text-align: center;
}

div.attach-ctl td.attach-delete {
  text-align: center;
}

div.attach-ctl td {
  position: relative;
}

div.attach-ctl tr.strikeout td.attach-icon:before,
div.attach-ctl tr.strikeout td.attach-filename:before
{
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #111;
  width: 100%;
}


/* Аттачи - отображение */

div.attach-list {
  margin-top: 20px;
  margin-bottom: 10px;
}

div.attach-list td {
  padding: 2px 1px;
}

/* Для скроллинга */
.scroll-h .overview {
  white-space: nowrap;
}

/* Календарь событий */

table.evt_cal {
  width: 100%;
}

table.evt_cal tr.dayhdr th {
  border-bottom: 1px solid rgb(204, 204, 204);
}

table.evt_cal th {
  text-align: center;
  vertical-align: middle;
/*  line-height: 25px;*/
}

table.evt_cal th a {
  padding: 0px 10px;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
}

table.evt_cal th a.prev {
  float: left;
}

table.evt_cal th a.next {
  float: right;
}

table.evt_cal td {
  color: black;
  text-align: center;
/*  line-height: 27px;*/
  line-height: 1.6875rem;
/*  font-weight: bold;*/
}

table.evt_cal td.offmonth {
  color: rgb(204, 204, 204);
  font-weight: normal;
}

table.evt_cal td.evts {
/*  background: url("/img/event-day.png") no-repeat scroll 5px 0px transparent;*/
  background: url("/img/event-day.png") no-repeat center transparent;
/*  background-size: 100% 100%;*/
  cursor: pointer;
}

div.base-block.calendar-block {
  overflow: visible;
}

.calendar-container div.progress {
  position: absolute;
/*  width: 100%;
  height: 100%;*/
  z-index: 15;
  background: rgba(255,255,255,.8);
}

.calendar-container {
  position: relative;
  font-weight: 100;
  font-style: normal;
}

div.evt_cal_popup {
  border: #000 solid 1px;
  border-radius: 5px;
  box-shadow: 0 2px 1px #9c9c9c;
  width: 330px;
  padding: 7px;
  z-index: 1000;
  position: absolute;
  background: #fff;
}

div.evt_cal_popup div.marker {
  position: absolute;
  left: 0px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #444;
  transform: translateX(-50%);
}