/* Global =================================================================== */
@import url(http://fonts.googleapis.com/css?family=Kalam);
@import url(http://fonts.googleapis.com/css?family=Poppins);
@import url("theme-layout-mobile.css");
html, body{
    width: 100%;
    height: 100%;
}

body {
    background-color: #FFF1EC;
    color: #333333;
    font-family: 'Tahoma',sans-serif;
    margin:0;
    padding:0;
}

#intro{
background: #FFF url(../images/bg-intro.png) 50% 0 no-repeat fixed;
margin-top: 50px;
padding: 0;
width: 100%;
position: relative;
display: block;
height: 500px;
}
#autro {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
margin-top: 0px;
text-align: center!important;
background: #FFF1EC url("../images/kubok3.png") no-repeat;
background-size: 220px 350px;
background-position: 0% 85%;
}
#autro_layout{
width: 1024px!important;
margin: 0 auto!important;
text-align: left!important;
}
#layout{
width: 1024px!important;
margin: 0 auto!important;
min-height: 100%!important;
}

.tubular-container {
overflow: hidden!important; 
width: 100%; 
height: 500px!important;
position: fixed; 
/*z-index: 1;*/
}
.tubular-player {position: absolute;}
.tubular-shield {
width: 100%; 
height: 500px!important;
/*z-index: 2; */
position: absolute; 
left: 0; 
top: 0;
}

.head-layout {
width: 100%!important;
margin: 0 auto!important;
/*min-height: 100%!important;*/
display: block!important;
position: relative!important;
z-index: 300!important;
}

#intro-mini{
background: url("../images/bg-intro-mini.png") 50% 0 no-repeat fixed;
background-size: 100% 160px; 
min-height: 160px!important;
margin: 0;
padding: 0;
width: 100%;
position: relative;
}
.head-content-left{
float: left;
text-align: left;
width: 10%;
margin-top: 30px;
margin-left: 30px;
display: inline-block;
position: relative;
}
.head-content-center {
padding-top: 20px;
height: 200px;
display: inline-block;
position: relative;
/*text-align: center!important;*/
width: 80%;
float: none!important;
margin: 0px auto 0 auto!important;
}
.head-content-center-name   {
white-space: nowrap;
text-align: center;
cursor: pointer;
clear: both;
display:inline-block;
position: relative;
/*margin-left: 30px;*/
}
p.head-content-center-name  {
/*margin-top: 90px;*/
margin: 90px auto 0 auto;
}
p.head-content-center-name  {
/*font-family: Arial Narrow;*//*
font-family: 'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow';
font-family: 'Franklin Gothic Book','Microsoft Himalaya','Segoe UI Light',Calibri,'Arial Narrow',sans-serif;
*/
font-family: 'Freestyle Script','Kalam', 'Poppins', Arial Narrow;
color: #ffffff!important;
color: rgb(255,255,255);
color: rgba(255,255,255);
font-weight: 100;
line-height: 0px;
text-shadow:#7A7A7A 1px 2px;
text-transform: uppercase;
letter-spacing: -1px;
padding-left:30px;
}
.head-adress  {
/*font-family: Arial Narrow;*//*
font-family: 'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow';*/
font-family: 'Franklin Gothic Book','Microsoft Himalaya','Segoe UI Light',Calibri,'Arial Narrow',sans-serif;
color: #ffffff!important;
color: rgb(255,255,255);
color: rgba(255,255,255);
font-size: 18px;
line-height: 20px;
display:block;
position: relative;
padding-left:30px;
margin-top: 230px!important;
margin-left: 0px;
/*text-shadow:#7A7A7A 1px 2px;*/
/*margin-top: 80px;*/
}
.head-adress-mini {
/*font-family: Arial Narrow;*//*
font-family: 'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow';*/
font-family: 'Franklin Gothic Book','Microsoft Himalaya','Segoe UI Light',Calibri,'Arial Narrow',sans-serif;
color: #ffffff!important;
color: rgb(255,255,255);
color: rgba(255,255,255);
font-size: 18px;
line-height: 20px;
display:block;
position: relative;
padding-left:70px;
padding-bottom:50px;
padding-top: 90px!important;
margin-left: 0px;
background: url("../images/logo300-175.png") no-repeat;
background-size: 40px 90px;
background-position: 20px 60px;
}

.head-content-right{
float: right;
text-align: right;
width: 0%;
margin-top: 50px;
display: inline-block;
position: relative;
}
.logokras {
cursor: pointer;
width: 80px;
height: 120px;
}
.logotype {
cursor: pointer;
width: 150px;
float: left;
letter-spacing: 5px;
display: inline-block;
position: relative;
}

/* ================================ ФИКСИРОВАННЫЙ БЛОК С ГЛАВНЫМ МЕНЮ, ЛОГОТИПОМ, АВТОРИЗАЦИЕЙ  */
#header-menu, #header-menu-shadow, #mob-header-menu{
text-align: center!important;
float: none!important;
display:inline-block;
clear:both;
position: fixed; 
z-index: 950;
top: 0px;
left:0px;
width: 100%;
height: 50px!important;
/*line-height: 10px;*/
/*height: 50px!important;*/
padding: 0!important;
margin: 0 auto!important;
background: #2B2C2F!important;
/*margin-bottom: 60px;*/
/*font-family: 'Century Gothic',Arial,Helvetica,sans-serif;*/
font-family: 'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow';
font-weight: 400;

box-shadow: 0 5px 10px #2A2A2A;
-moz-box-shadow: 0 5px 10px #2A2A2A;
-webkit-box-shadow: 0 5px 10px #2A2A2A;
-o-box-shadow: 0 5px 10px #2A2A2A;

}

#header-menu-shadow {
box-shadow: 0 5px 10px #2A2A2A;
-moz-box-shadow: 0 5px 10px #2A2A2A;
-webkit-box-shadow: 0 5px 10px #2A2A2A;
-o-box-shadow: 0 5px 10px #2A2A2A;
}

#logo {
display:inline-block;
position: relative;
float: left;
/*height: 50px;*/

}
#logo a{
width: 100%;
}
#blfix{
display:none;
position: absolute;
top:3px; 
left:10px;
width: 30px;
height: 45px;
margin: 0px 0 0 5px;
}
#hlfix{
position: absolute;
top:15px; 
left:10px;
width: 20px;
margin: 0px 0 0 10px;
}

#logoname {
display:inline-block;
position: relative;
float: left;
margin-left: 55px;
margin-top:15px;
font-family: 'Franklin Gothic Book','Microsoft Himalaya','Segoe UI Light',Calibri,'Arial Narrow',sans-serif;
}
.logoname,.logoname_mob  {
font-weight: 100;
font-size:15px!important;
text-transform: uppercase;
letter-spacing: 0px;
/*
font-family: "Microsoft Himalaya",'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow',sans-serif;
/*
font-family: 'Segoe UI Light','Franklin Gothic Book',Calibri,'Arial Narrow';*/
color:#fff;
}
.logoname_mob_smol  {
font-weight: 100;
font-size:25px!important;
text-transform: uppercase;
letter-spacing: 0px;
color:#fff;
margin-top:-5px;
}

#loginsite {
background-size: 22px;
padding: 0px 30px 0px 0px;
display:inline-block;
float: right;
position: relative;
height: 50px;
width: 110px;
margin: 0px auto;
}
#loginsite > .widget > .body {
background: #2B2C2F!important;
padding:13px 10px 0px 10px!important;
line-height: 20px!important;
}


#loginsite ul{
margin: -10px auto 5px auto!important;
}
#loginsite ul li{
list-style: none;
padding: 0px;
}
#loginsite ul li a{
text-decoration: none;
list-style: none;
margin: 0px;
padding: 0px;
background: none!important;
color:#fff;
font-size:12px;
}

#nav  {
/*background: #fff;*/
padding: 0!important;
margin: 0 auto!important;
display:inline-block;
float: none;
position: relative;
/*height: 50px!important;*/
margin-bottom:-5px!important;
}
#nav  .menu li,
#nav  .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav  .menu {
height: 50px!important;
line-height: 50px!important;
margin: 0 auto!important;
}
#nav  .menu .item{
background-image:none !important;
}
#nav  .menu > li {
float: left;
height: 50px!important;
}
#nav  .menu > li:first-child {
background:none;
}
#nav  .menu > li > a {
display: block;
padding: 0 15px;
color:#fff;
text-decoration: none;
text-transform: uppercase;
font-size:18px;
height: 50px;
}
#nav  .menu > li > a:hover {
background: #B870C3!important;
}
#nav  .menu > li > .adminnavmenu > a {
display: block;
padding: 0 15px;
color:#fff;
text-decoration: none;
text-transform: uppercase;
}
#nav  .menu > li > .adminnavmenu > a :hover {
background: #B870C3!important;
color:#fff;
}
#nav  .menu > li.active > a { background: #B870C3!important; }
#nav  .menu > li.active > a:hover {  }
#nav  .menu > li.active > ul a:hover { color:#fff; }
#nav  .menu ul li a,
#nav  .menu li.active ul li a {
    color:#525252;
    text-shadow: none;
    text-decoration: none;
    padding: 0 10px;
	font-size:14px;
}
#nav  .menu li ul li.active > a{ color:#fff; background: #B870C3!important; }
#nav  .menu li ul li.active > a:hover { color:#525252; }
#nav  .menu ul li:hover > a { background-color: #B870C3; color:#fff;}
#nav  .menu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
#nav  .menu ul {
    visibility: hidden;
    position: absolute;
    top: 98%;
    left: 0;
    /*z-index: 598;*/
    width: 100%;
    box-shadow: 0 2px 3px #2A2A2A;
	text-align:left!important;
}
#nav  .menu ul li {
    float: none;
    border-bottom: solid 1px #CDCDCD;
    background-color: #FFF;
    color:#525252;
}
#nav  .menu ul li:last-child {
    border-bottom: none;
}
#nav  .menu ul li a {
    display: block;
    height:50px;
    line-height:50px;
    overflow: hidden;
}
#nav  .menu ul ul {
    top: 0px;
    left: 99%;
}
#nav  .menu li:hover > ul {
    visibility: visible;
}
#nav  .menu ul { width: 200px; margin-top: 1px; }
#nav  .menu ul li:last-child,
#nav  .menu ul li:last-child a {
}
#nav  .menu ul li:first-child,
#nav  .menu ul li:first-child a {
}
#nav  .menu > .folder > a {
    padding-right: 8px;
}
#nav  .menu > .folder > a > .wrap {
    padding-right: 20px;
    background: url("../images/nav-arrow-down-white.png") no-repeat right center !important;
}
#nav  .menu ul *.folder > a {
    padding-right: 10px;
    background-image: url("../images/nav-arrow-right.png") !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

/* Мобильный верхний блок */
#mobblfix{
display:inline-block;
position: relative;
position: absolute;
top:10px; 
left:5px;
width: 30px;
margin: 0px 0 0 10px;
}

/* мобильное меню ниже 930px */

#mobnav {
z-index: 999;
display:inline-block!important;
position: relative!important;
float: right!important;
top:0px; 
right:20px;
width: 50px!important;
height: 50px!important;
margin: 0px 0px 0 0px;
padding: 0px;
background: url("../images/mob-menu-icon.png") no-repeat left center!important;
background-size: 45px!important;
cursor:pointer;
}
#mobnav .menu li {list-style: none;}

#mobnav .menu {
z-index: 999;
visibility: hidden;
display:inline-block!important;
position: absolute;
top: 90%;
right: -20px;
width: 320px;
text-align:left!important;
background:#fff!important;
margin: 0 0!important;
}
#mobnav:hover > .menu {
visibility: visible;
}
#mobnav .menu li {
display:block!important;
width: 320px;
text-align:left!important;
background:#fff!important;
height: 50px;
line-height: 50px;
margin: 0 auto!important;
border: solid 1px #CDCDCD;
border-bottom: none;
}
#mobnav .menu li:first-child {
border-top: solid 1px #CDCDCD;
}
#mobnav .menu li:last-child {
border-bottom: solid 1px #CDCDCD;
}
#mobnav .menu > li > a {
display: block;
padding: 0 15px;
color:#525252;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
}
#mobnav .menu > li > a:hover {
background: #B870C3!important;
}
#mobnav .menu > li > ul {
display: none!important;
}
/* END мобильное меню ниже 930px */


/* Body ===================================================================== */
#two_top_block  {
display: block;
position: relative;
float: none;
text-align: center;
clear: boch;
height:auto!important;
max-height:299px!important;
padding:0px 0px 0px 10px;
margin:0px auto 0px auto!important;
background:#dde9f3!important;
}
#two_top_block .left_top_block  {
display:inline-block!important;
position: relative!important;
width:29%;
float: left;
clear:none!important;
padding:-36px 0px 0px 0px;
margin:0px;
background:#000;
}
#two_top_block .right_top_block  {
display:inline-block!important;
position: relative!important;
width:70%;
float: right;
clear:none!important;
padding:0px;
margin:0px;
}
#two_top_block .left_top_block .widget {
background:#dde9f3!important;
padding:0px 0px 0px 0px!important;
}
#two_top_block .left_top_block .widget >.body {
padding:0px 0px 0px 0px!important;
}

/* Breadcrumbs ============================================================== */
#breadcrumbs { margin:-20px; margin-bottom: 20px; background:#ecf0f1; padding:0 10px; }
#breadcrumbs ul, #breadcrumbs li { margin:0; padding:0; list-style: none; }
#breadcrumbs ul{overflow: hidden;}
#breadcrumbs ul li {
height:32px; line-height:32px; float:left;
font-size:12px;
color:#2c3e50;
}
#breadcrumbs ul li a {color:#2c3e50;}
#breadcrumbs ul li a:hover {color:#34495e; text-decoration: none;}
#breadcrumbs ul li.sep {
margin:0 10px;
width: 4px;
background: url("../images/nav-arrow-right-light.png") no-repeat left center;
}
#breadcrumbs ul li.home {width: 16px;}
#breadcrumbs ul li.home a {
display:block;
width:16px;
height:32px;
background: url("../images/nav-home.png") no-repeat left center;
}
/* Breadcrumbs ============================================================== */

/* pagebar-intro ============================================================== */
#pagebar-intro { 
padding:5px 10px 0; 
margin-left: 5px; 
margin-bottom: 15px; 
}
#pagebar-intro ul, #pagebar-intro li { 
margin:0; 
padding:0; 
list-style: none; 
color:#777777;
font-size:12px;
text-transform: uppercase;
line-height:32px; 
}
#pagebar-intro ul{
overflow: hidden;
}
#pagebar-intro ul li {
float:left;
height:32px;
}
#pagebar-intro ul li a {
color:#777777;
font-size:12px;
text-transform: uppercase;
line-height:32px; 
}
#pagebar-intro ul li a:hover {
color:#FF7676;
text-decoration: none;
}
#pagebar-intro ul li.sep {
margin:0 10px;
width: 6px;
background: url("../images/intro-arrow-right.png") no-repeat left center;
}
#pagebar-intro ul li.home {
width: 24px;
}
#pagebar-intro ul li.home a {
display:block;
width:32px;
height:32px;
background: url("../images/icons/profile.png") no-repeat left center;
background-size:16px;
}

/* Section ================================================================== */
#body {
width:100%;
}

#body section{
float:left;
width:70%;
}
#body section article {
padding:10px 10px;
background:#FFF1EC;
margin-bottom: 10px;
width:700px;
}
#body section h1{
color: #444444;
font-family: 'open sans',sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 1.1em;
margin-bottom: 10px;
}
#body section h1 .parent_title{
font-size:16px;
}

/* Sidebar ================================================================== */

#body aside{
float: right;
margin-bottom: 10px;
width: 300px;
}

/* Sidebar Navigation ======================================================= */

#body aside .menu, #body aside .menu li { 
    margin-left: 15px;
    margin-right: 0px;
    padding:0; 
    list-style: none; 
}
#body aside .menu ,
#body aside .menu li ul {
    padding:0;
    background:#FFF1EC;
}

#body aside .menu{
    margin-left:-20px;
}

#body aside .menu a,
#body aside .menu span.item {
    color: #4676A6;
    display: block;
    font-family: 'Open Sans',sans-serif;

    overflow: hidden;
    padding: 0px 0px 0px 30px;
    text-decoration: none;
    text-transform: uppercase;
	
	
	font-size: 14px;
    font-weight: 500;
    line-height: 27px;
}

#body aside .menu a:hover {
    color: #B870C3;
}


#body aside .menu .counter{
    float:right;
    padding: 0px 7px;
    background: #376499;
    border-radius: 50px;
    font-size: 11px;
    color: white;
}

#body aside .menu li:hover .counter{
    background:#BDC3C7;
}

aside .menu .item{
    background: url("../images/icons/item.png") no-repeat 10px center;
}

#body aside .menu li.active .item {
    /*color:#000;*/
}

#body aside .menu li ul {
display:none;
}

#body .widget_left_top  {
position: relative!important;
width:100%!important;
clear: boch;
margin-bottom: 25px;
}

#body .widget_left_top .menu {
display:inline-block!important;
position: relative!important;
width:100%;
float: left;
clear: boch!important;
}
#body .widget_left_top .menu, #body .widget_left_top .menu li { 
    margin-left: 15px;
    margin-right: 10px;
    padding:0; 
    list-style: none; 
}
#body .widget_left_top .menu ,
#body .widget_left_top .menu li ul {
    padding:0;
    background:#FFF1EC;
}

#body .widget_left_top .menu{
    margin:-10px;
}

#body .widget_left_top .menu a,
#body .widget_left_top .menu span.item {
    color: #4676A6;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 200;
    overflow: hidden;
    padding: 8px 10px 8px 36px;
    text-decoration: none;
    text-transform: uppercase;
}

#body .widget_left_top .menu a:hover {
    color: #B870C3;
}


#body .widget_left_top .menu .counter{
    float:right;
    padding: 0px 7px;
    background: #376499;
    border-radius: 50px;
    font-size: 11px;
    color: white;
}

#body .widget_left_top .menu li:hover .counter{
    background:#BDC3C7;
}

.widget_left_top .menu .item{
    background: url("../images/icons/item.png") no-repeat 10px center;
}

#body .widget_left_top .menu li.active .item {
    color:#000;
}

#body .widget_left_top .menu li ul {
display:none;
}


/* Footer =================================================================== */

/* ================================ ПОДВАЛ */	
#footer {
background: #2B2C2F;
color: #F7F7F7;
font-size:10px;
z-index: 600!important;
min-height: 80px;
width:100%;
padding: 0px 0px 0px 0px;
margin: 50px auto 0px auto;
display:inline-block;
position: relative;
clear:both;
}
#footer ul, #footer li {
margin: 0; padding: 0; list-style: none;
}
#footer ul {
overflow: hidden;
padding: 10px;
}
#footer ul li {
line-height: 50px;
float:left;
margin-right: 15px;
display:inline-block!important;
position: relative!important;
min-width: 300px!important;
}
#footer ul li:last-child { margin:0; }
#footer a { color: #7f8c8d!important; }
#footer a:hover { color: #F7F7F7!important; }
#footer span.item { padding:0 15px; border-left: solid 1px #7f8c8d; }

#copyright {
float:left!important;
display:inline-block!important;
position: relative!important;
width:250px!important;
margin: 10px 0px 0px 20px!important;
}
#copyright img{
clear:both;
float:left!important;
display:inline-block!important;
position: relative!important;
padding: 0px!important;
margin: 0px!important;
}
#copyright p{
clear:both;
float:left!important;
display:inline-block!important;
position: relative!important;
padding: 0px!important;
margin: 5px 0px 0px 0px!important;
line-height: 12px;
}
#info {
float:left!important;
display:inline-block!important;
position: relative!important;
width:250px!important;
margin: 10px 0px 0px 20px!important;
}
#info img{
clear:both;
float:left!important;
display:inline-block!important;
position: relative!important;
padding: 0px!important;
margin: 0px!important;
}
#info p{
float:left!important;
clear:both;
display:inline-block!important;
position: relative!important;
padding: 0px!important;
margin: 5px 0px 0px 0px!important;
line-height: 12px;
}
#info a{
font-size:10px;
}


/* Footer SQL Debug ======================================================== */

#sql_debug{
    display:none;
}

#sql_queries .query{
    padding:10px;
    margin:10px;
    background:#FFF;
    border:solid 1px #DDD;
}

#sql_queries .query .src{
    font-size:12px;
    color:#999;
    margin-bottom:4px;
}

/* Footer Navigation ======================================================== */

#layout footer #nav {
    float:right;
    margin-right: 0;
}

/* Site offline notice ====================================================== */

#site_off_notice{
    position: fixed;
    left:15px; top:15px;
    padding:5px 10px;
    padding-left:28px;
    background: url("../images/icons/error.png") no-repeat 8px center #FFF;
    border:solid 1px red;
    color:red;
}

/* ================================ ДОПОЛНИТЕЛЬНЫЕ СТИЛИ */
/* =================================  */

/* =========== КНОПКА НАВЕРХ ======================  */
.b-top {z-index:99999;position:fixed;right:30px;bottom:30px;width:34%;margin-left:0px;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:99999;position:absolute;display:block;right:30px;bottom:30px;margin:0 0 0 0;padding:32px 12px 4px;
color:white;background:#D8D5C2;border-radius:7px;}
/* =================================  */

/* ================================   ПОЗДРАВЛЕНИЯ */

.present01 h1,.present02 h1,.present03 h1,.present04 h1,.present05 h1,.present06 h1,.present07 h1,.present08 h1 {
color:#DC143C!important;
font-size: 28px!important;
line-height: 25px!important;
}
.present01 /* виджет с днем рождения м */ {
background: url("/upload/images/0happy-day/300-fl1.jpg") no-repeat 100% 0%!important;
background-size: 160px 110px!important;
}
.present02  /* виджет с днем рождения ж */ {
background: url("/upload/images/0happy-day/300-fl4.jpg") no-repeat 100% 0%!important;
background-size: 140px 105px!important;
}
.present03 /* 8 марта */{
background: url("/upload/images/0happy-day/300-fl3.jpg") no-repeat 100% 0%!important;
background-size: 160px 110px!important;
}
.present04  /* виджет с 23 февраля */ {
background: url("/upload/images/0happy-day/23-fev.gif") no-repeat 100% 0%!important;
background-size: 150px 110px!important;
}
.present05  /* виджет с 9 мая */{
background: url("/upload/images/0happy-day/9-may.gif") no-repeat 100% 80%!important;
background-size: 210px 60px!important;
}
.present06  /* виджет с Днем независимости */{
background: url("/upload/images/0happy-day/russia-day.jpg") no-repeat 0% 0%!important;
background-size: 100% 100%!important;
display: block;
width: 120%; max-width: 300px;
height: 110px;
}
.present07  /* виджет с Новым годом */{
background: url("/upload/images/0happy-day/new-year.jpg") no-repeat 0% 0%!important;
background-size: 100% 140%!important;
display: block;
width: 120%; max-width: 300px;
height: 110px;
color:#fff!important;
font-size: 17px!important;
line-height: 15px!important;
margin:5px;
padding:5px;
}
.present07 h1 {
margin:5px 0px 5px 7px;
color:#fff!important;
font-size: 28px!important;
line-height: 25px!important;
}
.present08 /* виджет Днем основания КТПП */{
background: url("/upload/images/0happy-day/ktpp-day.png") no-repeat 100% 0%!important;
background-size: 90px 120px!important;
}

/* ================================   ПОЗДРАВЛЕНИЯ */

/* ================================   ГОЛОСОВАНИЯ */
.poll-block .vote_data table {
  width: 100%;
  margin-bottom: 15px;
}
.vote-table {
  width: 100%;
}
.vote-table tr td.poll-count {
  font-weight: bold;
  width: 10px;
}
.vote-table tr td div {
  height: 15px;
  background: #C891C8;
}
/* ================================   ГОЛОСОВАНИЯ */

/* ================================= МЕНЮ АККОРДИОН */

.widget_user_avatar ul.menu li {
    position:relative;
}
.widget_user_avatar ul.menu li a {
    padding:5px 10px 5px 40px !important;
    background: url("../images/icons/logout.png") no-repeat 10px center;
    background-position-x: 15px;
}
.root ul {margin: 0px 0px 0px 0px!important;}

.root>a >span {
background: url("../images/icons/bullet_arrow_down.png") no-repeat!important;
background-position: 100% 50%!important;
padding-right:30px !important;
width:210px!important;
}
/*
.root>a >span:hover {
    color: #B870C3;
}*/
.widget_user_avatar ul.menu li span.triangle {
	width:0;
    height:0;
    position:absolute;
    top:11px;
    left:6px;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
    border-left:4px solid #666;
}
.widget_user_avatar ul.menu li.active span.triangle {
    border-top:4px solid #666;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
}

.widget_user_avatar ul.menu ul {
    margin:0;
    display:none;
    visibility: visible !important;
    border: none !important;
    position: initial !important;
    top:0 !important;
    left:0 !important;
    width: auto !important;
    box-shadow: none !important;
    z-index: inherit !important;
}
.widget_user_avatar ul.menu ul li {
    position:static;
}
.widget_user_avatar ul.menu ul a  {
    padding-left:50px !important;
    background-position-x: 25px;
}

/* ================================= МЕНЮ АККОРДИОН */

/* ================================   */
/* =================================  */
/* ================================   */
/* =================================  */

.openhide {color:#4676a6; cursor:pointer;}
.openhide:hover {color:#d35400;}

/* ================================   */

/* =================================  Последние редактируемые записи */

.last_mod_date {
background:url(../images/lastmod_c.png) left center no-repeat;
padding:0 0 0 24px;
display:inline-block;
line-height:26px;
font-size:12px;
color:#DC6075;
}

/* =================================  Последние редактируемые записи */

/* ================================ Логирование авторизаций */

.auth_table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.auth_table th, .auth_table td {
border-right: 1px solid #bdc3c7;
padding: 5px 10px;
text-align: left;
}
.auth_table th:last-child, .auth_table td:last-child {
border-right: none;
}
.auth_table th {
background: #7f8c8d;
color: #fff;
}
.auth_table tr:hover:not(.auth_error) {
background: #ecf0f1;
}
.auth_error {
background: #c0392b;
color: #ecf0f1;
}
.auth_error:hover {
background: #e74c3c;
color: #FFF;
}
.auth_error a {
color: inherit;
}

/* ================================ СТИЛИ Тип поля Похожий контент + Предыдущая и следующая публикации */

.nextpublication a{ color:#56ACFF; font-size:12px!important; text-decoration: underline;}
.nextpublication a:hover{ color:#DCB7B8; }
.anotherpublication a{ color:#525252; font-size:18px!important; text-decoration: none;}
.anotherpublication  a:hover{ text-decoration: underline;}

/* ================================ СВОИ КНОПКИ СОЦИАЛЬНЫХ СЕТЕЙ */
.b-share_theme_counter .b-share {
padding: 0 !important;
}
.b-share_theme_counter .b-share__link {
border-radius: 0px !important; /*убираем скругление иконок*/
background-color: #aadfc5 !important; /*делаем фон серым*/
}
.b-share_theme_counter .b-share__link:hover {
opacity: 0.5; /*добавляем прозрачность при наведении*/
}
.b-share_theme_counter .b-share-icon {
background-image: url('../images/b-share_counter_large.png') !important; 
/*заменяем стандартное изображение иконок на свое*/
}
.b-share_theme_counter .b-share-counter {
color: #fff; /*задаем цвет текста*/
}
/* ================================ СВОИ КНОПКИ СОЦИАЛЬНЫХ СЕТЕЙ */

/* ================================ Вынос календаря подбора даты на верхний слой */
.ui-datepicker{z-index:999 !important}
/* ================================ Вынос календаря подбора даты на верхний слой */

/* ================================ Виджет обратный отсчёт */
.counter-wrap{
position: relative;
width: 100%;
min-height: 130px;
max-height: 230px;
}
.counter-wrap .info {
position: relative;
float: none;
color: #A52A2A;
width: 100%;
height: 70px;
font-size: 22px;
line-height: 25px;
text-align: center;
font-family: 'Century Gothic',Arial,Helvetica,sans-serif;
text-transform: uppercase;
margin: 5px auto 10px auto;
clear:none;
}
#CDT {
display: block;
float: none;
text-align: center;
position: relative;
font-size: 50px;
color: #1E90FF;
margin: 10px;
font-weight: 600;
font-family: DigifaceWide,'Agency FB',Stencil;
clear:none;
}
#CDT .number-wrapper {
margin: 5px;
position: relative;
}
#CDT .number {
display: inline-block;
*display: inline;
*zoom: 1;
background: #fff;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 8px;
height: 60px;
line-height: 50px;
text-align: center;
/*border: 1px solid #555;*/
}
#CDT .line {
position: absolute;
width: 100%;
height: 1px;
top: 52%;
left: 0;
background: none;
}
.caption {
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: 400;
position: absolute;
bottom: -40px;
left: 0;
text-align: center;
width: 100%;
color:#525252;
margin: 0 0 30px 0;
}
/* ================================ Кнопка прокрутки страницы вверх/вниз */
.scroll_to_up {
position: fixed;
z-index: 999!important;
bottom: 15px!important;
right: 65px!important;
display: block;
}
.scroll_to_up:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-image: url("../images/updownscroll.png");
background-repeat: no-repeat;
background-position: 0 0;
bottom: 50%;
left: 50%;
margin-top: -7px;
margin-right: -5px;
}
.scroll_to_up:hover:after {
background-position: 0 -50px;
}
.hidden {
display: none;
}
.has_position.hidden {
display: block !important;
}
.has_position.hidden:after {
background-position: -50px 0;
}
.has_position.hidden:hover:after {
background-position: -50px -50px;
}

/* ================================ Хук Закладки для типов контента */
.bookmark {
	overflow: hidden;
	border-bottom: 1px dotted #666;
	padding: 15px 0;
}
.bookmark_pubdate {
	float: right;
	color: #999;
	font-size: 12px;
}
.bookmark h4 {
	float: left;
	margin-top: 0;
}
.bookmark p {
	clear: both;
}
.bookmark a {
font-size: 18px;
font-weight: 400;
}
.folder_link {
	background: none repeat scroll 0 0 #DDA0DD!important;
    /*border: 1px solid #DDA0DD!important;*/
    /*border-radius: 3px;*/
    color: #FFFFFF!important;
    cursor: pointer;
    font-size: 15px;
    line-height: 100%;
    padding: 7px 15px;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}

.folder_link:hover {
	background-color: #B870C3!important;
    /*border: 1px solid #F47A6D!important;*/
    color: #FFFFFF!important;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.delete_button {
	display: inline-block;
	/*border-radius: 4px;*/
font-size: 14px;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	background: url("../images/del-icon.png") 10px center no-repeat #DDA0DD;
border: none;
	margin: 10px 0;
	float: right;
	width: 35px;
	line-height: 30px;
	overflow: hidden;
	-webkit-transition: width 0.5s ease-out 0s;
 -moz-transition: width 0.5s ease-out 0s;
 -o-transition: width 0.5s ease-out 0s;
 transition: width 0.5s ease-out 0s;
}
.delete_folder_button {
	display: inline-block;
	border-radius: 4px;
font-size: 14px;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	background: #DDA0DD;
border: none;
	line-height: 30px;
	overflow: hidden;
	padding: 0 15px;
}
.delete_button span {
	margin:0 10px 0 35px
}
.delete_button:hover {
	width: 100px;
	background-color: #F47A6D!important;
    /*border: 1px solid #F47A6D!important;*/
    color: #FFFFFF!important;
}
.addbookmark>a {background:url("../images/add-icon.png") 0% 50% no-repeat!important;}
.deletebookmark>a {background:url("../images/del-icon.png") 0% 50% no-repeat!important;}

/* ================================ Всплывающее окно социальных сетей */
.socialwd {
padding:10px;
display: none;
position:fixed;
right:0;
top:160px;
background:none;
text-align:center;
z-index:900!important;
/*box-shadow:0 0 5px rgba(0,0,0,.2)*/
}
.socialwd h2 {
text-align: center;
padding:10px 0;
margin:0;
color: #611A9E!important;
}
.socialwd a {
display:inline-block;
padding:3px;
}
.swdclose {
display:block;
width:16px;
height:16px;
position:absolute;
right:3px;
top:3px;
background:url('../images/icons/cancel1.png') no-repeat;
cursor:pointer;
}
/* ================================ Всплывающее окно социальных сетей */

/* ================================ Ширина блока Код информера */
.kodinformer {width: 250px!important;}
/* ================================ Ширина блока Код информера */

/* ================================ Кнопка купить */
.buttonbay { 
display:inline-block;
position: relative; 
color: #fff;
text-decoration: none;
padding: 8px 14px 10px; 
background:#F9C7C9; 
border: none; 
margin-right: 25px; 
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.buttonbay a{ 
/*display:inline-block;
position: relative; */
color: #fff; 
text-decoration: none;
width:100%;
/*padding: 8px 14px 10px; */
/*background:#F9C7C9; */
/*border: none; */
/*margin-right: 25px; */
/*position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}
.buttonbay:active { 
background:#FFB6CF;
}
.buttonbay:hover { 
background:#FFB6CF;
color:#525252;
}

/* ================================ Капча обратной связи в стиле iPhone */

.QapTcha {float:left;
margin-top:0px;
width:252px;
}
.QapTcha .bgSlider {
width:252px;
height:37px;
float:left;
border:0px solid #040404;
background-color: #DDA0DD;
border-radius: 2px 3px 3px 2px;
-moz-border-radius: 2px 3px 3px 2px;
}
.QapTcha .Slider {
width:52px;
height:37px;
background:transparent url('../images/bg_draggable_qaptcha.png') no-repeat;
cursor:e-resize;
position:relative;
top:0px !important;
left:0
}
.QapTcha span {
position: absolute;
font-size: 18px;
margin: 8px 0px 0 65px;
color: #fff;
}
@-moz-document url-prefix() {.QapTcha span {margin: 8px 0px 0 -195px;}} 
.hint {
margin-top: 10px !important;
}

/* ================================ Капча обратной связи в стиле iPhone */

/* ================================ ПЕРЕВОДЧИК GOOGLE */
#google_translate {
display:inline-block;
position:absolute; 
z-index:900;
text-decoration: none;
padding:0px;
margin:0;
right:10px;
top:60px;
}
/* ================================ ПЕРЕВОДЧИК GOOGLE */

/* ================================ Хук Назначить обложкой фото-альбома */

#album-photos-widget .preview { 
overflow: hidden; 
margin-bottom:5px; 
}
#album-photos-widget .preview .thumb { 
border:solid 1px #B3C2C9; 
padding:4px; 
float:left; 
}
#album-photos-widget .preview .thumb img { 
display:block; 
}
#album-photos-widget .preview .info { 
float:left; 
padding-left:15px; 
padding-top:15px; 
}
#album-photos-widget .preview .info .title input { 
width: 520px; 
margin-bottom:5px; 
}
#album-photos-widget .preview .info a { 
font-size:12px; 
float:right; 
}
#album-photos-uploader { 
margin-top:15px; 
}
#album-photos-list .as_cover {
position:absolute;
top:1px;left:1px;
background-color:#fff;
}
#album-photos-list .as_cover a{
display: inline-block;
width:36px;
height:35px;
background: url("./../images/icons/noimages.png") no-repeat center center;
}
#album-photos-list .as_cover a.cover_this{
background: url("./../images/icons/images.png") no-repeat center center;
}

#album-photos-list { 
overflow: hidden; 
padding:5px; 
margin:-6px; 
}

#album-photos-list .photo {
float:left;
padding:1px;
margin: 0 10px 10px 0;
position: relative;
}

#album-photos-list .photo img {
display:block;
width:150px;
height:150px;
}

#album-photos-list .photo .info{
background:#000;
background:rgba(0, 0, 0, 0.7);
color:#FFF;
height:25px;
line-height:25px;
width:150px;
position:absolute;
margin-top: -26px;
border-top:solid 1px #666;
display: none;
}

#album-photos-list .photo:hover .info{
display:block;
}

#album-photos-list .photo .info div{
width:74px;
height:25px;
line-height:25px;
text-align: center;
float:left;
}

#album-photos-list .photo .info-3 div{
width:49px;
}

#album-photos-list .photo .info div{
border-right:solid 1px #666;
}

#album-photos-list .photo .info div:last-child{
border:none;
}

#album-photos-list .photo .info .comments span{
padding-left: 20px;
background: url("../../images/icons/comment-small.png") no-repeat left center;
}

#album-photos-list .photo .info .delete a {
display:inline-block;
width:16px;
height:25px;
background-position: center;
background-repeat:no-repeat;
}

#album-photos-list .photo .info .positive { color:lime; }
#album-photos-list .photo .info .negative { color:red; }

/* =============== */

#album-photo-item {
text-align: center;
}

#album-photo-item .image{
display: inline-block;
}

#album-photo-item .image img{
display: block;
margin-left: auto;
margin-right: auto;
	width: 100%;
}

/* ============== */

#album-nav {
margin-left:auto;
margin-right: auto;
margin-top:10px;
overflow: hidden;
width:610px;
}

#album-nav #photos-slider {
overflow: hidden;
width:546px;
float:left;
}

#album-nav #photos-slider ul{
width: 80000px;
}

#album-nav #photos-slider ul,
#album-nav #photos-slider li {
margin:0; padding:0;
list-style: none;
float:left;
}

#album-nav #photos-slider li {
display:block;
overflow:hidden;
border:solid 5px #FFF;
position: relative;
}

#album-nav #photos-slider li.active {
border-color:#2980b9;
}

#album-nav #photos-slider li img {
display:block;
border:solid 2px #FFF;
}

#album-nav .arrow{
float:left;
height:78px;
width:32px;
display: block;
opacity: 0.5;
}

#album-nav .arrow:hover{
opacity: 1;
}

#album-nav .arrow a {
display: block;
height:78px;
width:32px;
background:url("../../images/icons/slider-controls.png") no-repeat left center;
}

#album-nav .arr-next a{
background-position: -32px center;
}

@media screen and (max-width: 640px) {
#album-nav #photos-slider li img {
width:30px;
}
}

/* ================================ Хук Назначить обложкой фото-альбома */


/* ================================ Микроформат Open Graph */

#image_field_list .sorting .title {
display: inline-block;
width: 213px;
font-weight: bold;
}
#image_field_list .sorting,  #other_field_list .sorting {
display:none; margin-bottom: 5px;
}
#image_field_list a, #other_field_list a {
font-size: 12px;
}
.other_field_wrap input, #add_other_field input {
width: 195px;
margin: 0 0 0 5px;
}
#add_other_field {
margin: 20px 0 0 0;
}
#add_other_field_link {
margin: 23px 0 0 0;
float: left;
}
#other_field_list, #image_field_list {
margin: 10px 0 0 0;
}

/* ================================ Микроформат Open Graph */

/* ================================  Редирект менеджер */

.shredirect-form-add input,
.shredirect-form-add select{
margin: 0 5px;
}
.shredirect-form-add .send{
display: inline-block;
line-height: 27px;
margin: 0 5px;
padding: 0 20px;
border: 1px solid #ccc;
border-radius: 5px;
background: transparent linear-gradient(to bottom, #FFF 0%, #EDEDED 100%) repeat scroll 0% 0%;
cursor: pointer;
}
.shredirect-form-add .send:hover{
box-shadow: 0px 0px 3px #3498DB, 0px -1px 1px #FFF inset, 0px 1px 1px #CCC;
color: #069;
}

/* ================================  Редирект менеджер */

/* ================================  */

/* ================================  */

/* ================================  */

/* ================================  */

/* ================================  */

/* ================================  */

/* ================================ END ДОПОЛНИТЕЛЬНЫЕ СТИЛИ */



