/*
Theme Name: Optcode
Version: 1.0
Description: 
Author: beloweb.ru
Author URI:
*/

* {
  margin: 0;
  padding: 0;
}

html { font-size:100%; }

body {
  width: 100%;
  height: 100%;
  color:#333;
  background: #f7f7f7 url(../images/back_pattern.png) repeat;
  font-family: 'Ubuntu', sans-serif;
  font-size:0.94em;
  line-height:135%;
background-attachment: fixed;  }

ul {
	list-style:none;
}
hr {
	clear: both;
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #ffffff;
}
h1 {
	font-size:30px;
	font-weight:normal;
	padding:0px 0 0px;
	line-height:100%;
        font-style:italic;
	}
.clr {
    clear: both;
}
a {
	color: #333;
	text-decoration:none;
}

a:hover {
  color:#963c3c;
  text-decoration: none;
}
table.userstop, table.pm, table.tableform, table.calendar {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}
.clr {
    clear: both;
}
.lcol, .rcol {
    display: inline;
}

.lcol {
    float: left;
}

 .rcol {
    float: right;
}
/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#fon {
        padding-left: 3%;
        padding-right: 3%;
        background: #fff url(../images/footerfon.png) bottom repeat-x;
        position:relative;
        margin-top:40px;
        border:3px solid #000;
	width: 100%;
        max-width:1100px;
	margin: 0 auto;
	height: auto  !important;
   box-shadow: 0 5px 10px rgb(255, 255, 255);   }

#wrapper {
        position:relative;
        margin-top:40px;
        border:0px solid #000;
	width: 100%;
        max-width:1100px;
	height: auto  !important;
    }

#header {
        border: 0px solid #000;
        position:relative;
        width: 100%;
        height:130px;
	margin-top:30px;
	}

#headerInner {
        border: 0px solid #ccc;
        position:relative;
        width: 100%;
        max-width:1200px;
        height:130px;
	margin:0 auto;
        margin-top:0px;
	}

#content {
        margin-top:0px;
        border: 0px solid #1FA2E1; 
}

#content #colLeft {
        position:relative;
        border: 0px solid #000fff;
        float:left;
	width:69.6%;
	margin-right:1.2%;
        }

#content #colRight {
        padding-left:2%;
        position:relative;
        margin-left:0px;
        float:left;
	width:27%;
        border-left: 2px solid #333;
	}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* bottomMenu */

#fdw {  
        z-index: 1000;
        border: 0px solid #000;
        position:absolute;
	right:0;
	top:0px;
        height:60px;
	margin-top:0px;
}

#fdw select {
	display:none; /* Для дисплеев мобильных устройств */
}
#fdw ul {
        margin-left:150px;
	display:block;
	z-index:999999;
}
#fdw ul li {
	display:inline-block;
	margin-right:-4px;
	position:relative;
}
#fdw ul li a:link, #fdw ul li a:visited {
        border-top:3px solid #fff;
        padding:65px 20px 21px 20px;
	color:#333;
        font-size:18px;
	display:inline-block;
	position:relative;
        -moz-transition: all 0.8s 0.01s ease;
                        -o-transition: all 0.8s 0.01s ease;
                        -webkit-transition: all 0.8s 0.01s ease;
}
#fdw ul li a:hover, #fdw ul li a:active {
        border-top:3px solid #000000;
	color:#000000;
	text-decoration:none;
}
#fdw ul li span {
	position:absolute;
	right:0px;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 0px;
	float:right;
	display:block;
	font:0/0 a;
}
#fdw ul li.current {
	border-bottom:0px solid #e25d29;
}
#fdw ul li.current a {
	color:#333;
	cursor: default;
}
#fdw ul li.current a span {
	background:url('../images/nav_arrow.png') no-repeat left 0;
}
#fdw ul li.current ul li a {
	cursor:pointer;
}

/*===== Стили для sub_menu =======*/
#fdw ul li ul.sub-menu {
	position:absolute;
	top:105px;
	left:0;
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #eee;
	display:none;
	z-index:999999;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
    box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Параметры тени */
        }

#fdw ul li ul.sub-menu li.arrow_top {
	position:absolute;
	top:-12px;
	left:12px;
	width:13px;
	height:8px;
	display:block;
	border:none;
	}

#fdw ul li ul.sub-menu li {
	float:none;
	margin:0;
	padding:0;
	border-bottom:0px solid #222;
}
#fdw ul li ul.sub-menu li a {
        border:none;
	white-space: nowrap;
	width: 150px;
	padding:12px;
	font-size:15px;
	text-transform:capitalize;
	color:#444;
}
#fdw ul li ul.sub-menu li a:hover {
	background:#E02E2E;
	color:#fff;
}
#fdw ul li ul.sub-menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#fdw ul li ul.sub-menu li a.subCurrent:hover {
	background:none;
}
/*===========================================*/

/* -------------------------------
      Блок "Последние посты"
----------------------------------*/

#lpblock {
        border-bottom: 0px solid #eee;
        background: #fff;
        position:relative;
        width: 100%;
        height:130px;
	margin:0 auto;
        margin-top:60px;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
        box-shadow: 0 2px 3px rgba(0,0,0,0.05); /* Параметры тени */
	}

#lpblockInner {
        border-top: 2px solid #333;
        position:relative;
        width: 100%;
        max-width:1200px;
        height:30px;
	margin:0 auto;
        margin-top:45px;
	}

#lpblockInner h2 {
        float:left;
        color:#fff;
        font-weight:100;
        background: #333;
        padding:10px 12px 13px 12px;
        margin-top:0px;
        font-size:18px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);     }

#lpblockInner h2 a {
        color:#fff;
        }

#lpblockInner h2 a:hover {
        color:#000;
        }

/*----------------------------
          Логотип
------------------------------*/

.logo {
        position:absolute;
	left:0px;
	top:40px;
        }


/*----------------------------
       Основной контент
------------------------------*/

/*#######################
       Инфо панель
#########################*/

.info {
        height:20px;
        text-align:center;
        margin: 0 auto;
        width:100%;
        padding-left:0px;
        margin-bottom:15px;
        margin-top:23px;
        font-size:13px;
	line-height:100%;
	color:#999;
        }

.info a {
        color:#000000;
        }

.info a:hover {
        color:#333;
        }

.avtor {
        font-weight:100;
        height:20px;
        float:left;
        background:url(../images/avtor.png) 0px 1px no-repeat;
	padding-left:15px;
        }

.metki {
        margin-left:15px;
        font-weight:100;
        height:20px;
        float:left;
        background:url(../images/metki.png) 0px 1px no-repeat;
	padding-left:15px;
        }

.data {
        margin-left:15px;
        font-weight:100;
        height:20px;
        float:left;
        background:url(../images/data.png) 0px 1px no-repeat;
	padding-left:15px;
        }

.commentar {
        margin-left:15px;
        font-weight:100;
        height:20px;
        float:left;
        background:url(../images/comment.png) 0px 1px no-repeat;
	padding-left:22px;
        }

/*#######################
    Конец Инфо панель
#########################*/

/*#######################
  Последние посты
#########################*/

.postBox {
        background: #fff;
        float:left;
        position:relative;
        border-bottom:2px solid #333;
        padding-bottom:20px;
        width:98.7%;
        height:500px;
	margin-bottom:80px;
        }

.postBox h2 {
        margin: 0 auto;
        width:100%;
        border:0px solid #555;
        }

.postBox h2 a {
        font-family: 'Ubuntu', sans-serif;
        color:#000000;
        font-weight:300;
	font-size:1.2em;
        line-height:35px;
        -moz-transition: all 0.2s 0.01s ease;
        -o-transition: all 0.2s 0.01s ease;
        -webkit-transition: all 0.2s 0.01s ease;
        }

.postBox h2 a:hover {
        color:#00b4f0;
	}


.postBox .textPreview {
        margin: 0 auto;
        width:100%;
        border:0px solid #555;
	font-size:15px;
	margin-bottom:0px;
        }

.postBox .infopost {
        border:0px solid #555;
        float:left;
        padding-left:0px;
        margin-bottom:15px;
        margin-top:15px;
        width:50%;
        font-size:13px;
	line-height:100%;
	color:#999;
        }	

.postBox .postThumb{
        border-bottom:0px solid #27befa;
        margin-bottom:10px;
	overflow:hidden;
        }

.postBox .postThumb img{
        width:80%;
		height: 350px;
        border:0px dotted #000;
        border-radius: 10px
        }

.more-link a {
        border-bottom:0px solid #dd1762;
        border-radius: 3px;
        background: #333;
        position:absolute;
	left:0px;
	bottom:-2px;
        font-weight:600;
        color:#fff;
        font-size:16px;
        padding:8px 28px 12px 28px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);	}

.more-link a:hover {
        background:#E02E2E;
        color:#fff;
        }

/*#######################
  Конец Последние посты
#########################*/
.fbutton {
	border: none;
	cursor: pointer;
    border-radius: 3px;
	outline: none;
        background: #000000;
        font-weight:600;
        color:#fff;
        font-size:16px;
        padding:8px 28px 12px 28px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.fbutton:hover {
	background:#E02E2E;
    color:#fff;
}
/* --------------------------------
            Сайдбар
-----------------------------------*/

/* --------------------------------
           Блоки с миниатюрами
-----------------------------------*/

.rightBoxtumb {
        margin-left:0px;
        width:100%;
        margin-bottom:30px;
        background: #fff;
        }

.rightBoxtumb h2 {
        border-top: 0px solid #e4e4e4;
        margin-bottom:0px;
        font-size:24px;
	font-weight:100;
	font-family: "Segoe UI Light", Tahoma, Helvetica, Sans-Serif;
	color:#E02E2E;
	display:block;
	padding:0px 0px 5px 0px;
}

.rightBoxtumb ul li{
        position:relative;
        height:80px;
	padding:15px 0px 0px 0px;
	border-bottom:1px solid #333;
        font-size:14px;
        line-height: 16px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
      }

.rightBoxtumb ul li img{
        position:relative;
        float:left;
	margin-top:0px;
	border: 0px solid #c5dba4;
        background: #fff;
        margin-right:10px;
        margin-left:0px;
		height: 70px;
        }

.rightBoxtumb a {
        color:#333;
        line-height:21px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
}

.rightBoxtumb a:hover {
	color: #E02E2E;
        }

/* --------------------------------
     Конец Блоки с миниатюрами
-----------------------------------*/

.rightBox {
        margin-top:0px;
        margin-left:0px;
        width:100%;
        margin-bottom:30px;
        background: #fff;
        }

.rightBox h2 {
        border-top: 0px solid #e4e4e4;
        margin-bottom:5px;
        font-size:24px;
	font-weight:100;
	font-family: "Segoe UI Light", Tahoma, Helvetica, Sans-Serif;
	color:#E02E2E;
	display:block;
	padding:0px 0px 0px 0px;
}
.rightBox .archives {
	display: block;
}
.rightBox .archives + br {
	display: none;
}
.rightBox .archives b {
	font-weight: normal;
}
.rightBox ul li, .rightBox .archives {
        border-bottom:1px solid #333;
        padding:10px 0px 10px 0px;
	font-size:14px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
}

.rightBox a, .rightBox ul li, .rightBox .archives {
        color:#333;
        line-height:18px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
}

.rightBox a:hover, .rightBox ul li, .rightBox .archives:hover  {
	color: #E02E2E;
        }

/*----------------------------
FOOTER ELEMENTS
------------------------------*/

#footer {
        width:100%;
        margin-bottom:20px;
        border-top:0px solid #eee;
        }

#footerInner {
        border: 0px solid #d8514a;
        height:24px;
        position:relative;
	width: 100%;
        max-width:1200px;
	margin:0 auto;
	color:#ccc;
        overflow:hidden;
	padding-bottom:20px;
        }

#footerInner p {
	margin-top:10px;
        color:#fff;
}

.relatedPosts li  {
	display:block;
	border-bottom:1px dotted #ccc;
	padding:20px 0;
	width:660px;
	float:left;
	font-size:13px;
       }

/* --------------------------------
Формы
-----------------------------------*/

.form-query {
        margin-bottom:30px;
        position:relative;
        background: #333;
	border:1px solid #333;
	width:95%;
        margin-top:0px;
	padding:15px 0px 15px 5.5%;
	font-weight:100;
	font-size:14px;
	color:#fff;
box-shadow: 0 5px 10px rgba(4, 4, 5, 0.5);	}

.form-querysub {
        margin-right:10px;
        border: none;
        z-index: 0;
        position:absolute;
	right:0px;
	top:3px;
	width:23px;
	height:35px;
	background:url(../images/searchico.png) 0px 12px no-repeat;
	}

.form-querysub:hover {
	cursor: pointer;
}

/* --------------------------------
Соц закладки
-----------------------------------*/

.sharenew { 
        z-index: 4;
        position:absolute;
	right:0px;
	top:5px;
        }

      .sharenew a { display:inline-block; width: 20px; height: 20px; margin: 2px 0px 2px 0; }
      
      .sharenew .icon-twitter { 
                 background: url(../images/twitter-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: 0px;
       }

.sharenew .icon-rss { 
                 background: url(../images/rss-variation.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -8px;
       }

.sharenew .icon-mail { 
                 background: url(../images/mail-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 0px;
                 font-size:17px;
                 margin-right: 0px;
       }

.sharenewfooter { 
        z-index: 4;
        position:absolute;
	right:0px;
	top:7px;
         }

.sharenewfooter a { display:inline-block; width: 20px; height: 20px; margin: 2px 0px 2px 0; }
      
.sharenewfooter .icon-twitterfooter { 
                 background: url(../images/twitter-iconf.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: 0px;
       }

.sharenewfooter .icon-rssfooter { 
                 background: url(../images/rss-variationf.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -8px;
       }

.sharenewfooter .icon-mailfooter { 
                 background: url(../images/mail-iconf.png) 0 center no-repeat; 
                 padding:4px 0px 0px 0px;
                 font-size:17px;
                 margin-right: 0px;
       }

.sharenewfooter .icon-beloweb { 
                 background: url(../images/beloweb.png) 0 center no-repeat; 
                 padding:0px 0px 0px 0px;
                 font-size:17px;
                 margin-right: -8px;
       }

/*----------------------------
       Сингл контент
------------------------------*/

.singlecont {
        position:relative;
        border:0px solid #f3f3f3;
        width:98.7%;
        margin-bottom:55px;
        }

.singlecont h1 {
        font-family: 'Ubuntu', sans-serif;
        color:#333;
        font-size:25px;
	font-weight:300;
        font-style:normal;
	padding:0px 0 0px;
	line-height:100%;
        margin-bottom:20px;
        }

.singlecont .hrdown {
        width:655px;
	height:16px;
        background: url(../images/post.png) 0px 0px repeat-x;
        margin-bottom:25px;
        margin-top:27px;
        }

.singlecont .infocont {
        border-bottom:1px solid #eee;
        margin-bottom:15px;
        padding-bottom:20px;
        margin-top:15px;
        font-size:14px;
	line-height:100%;
	color:#c0c0c0;
        }
 
.singlecont .infocont a {
        color:#888;
        border-bottom:0px solid #ddd;
        }

.singlecont .infocont a:hover {
        color:#ed3e7c;
        }

.singlecont a {
        color: #000000;
        border-bottom:0px solid #ddd;
        }

.singlecont a:hover {
        color: #E02E2E;
        border-bottom:0px solid #d1d1d1;
        }

.singlecont .textPr {
	margin-top:20px;
	}

.singlecont .textPr h3 {
	font-family: "Segoe UI Semilight", Tahoma, Helvetica, Sans-Serif;
        color:#dc5a54;
        font-size:25px;
	font-style:normal;
	padding-top:10px;
	line-height:100%;
        margin-bottom:20px;
	}

.singlecont ul {
        margin-top:10px;
        margin-bottom:10px;
	}

.cont {
        color:#555;
        font-size:16px;
	line-height:24px;
        border-radius: 6px;
        }

.cont img {
        border-radius: 6px;
        }

.cont ul li {
        width:100%;
        background: url(../images/list.png) 0px 9px no-repeat;
        padding:5px 0 5px 18px;
        color:#000;
        font-weight:normal;
	line-height:18px;
        }

.cont ol li {
        width:100%;
        padding:5px 0 5px 5px;
        color:#000;
        margin-left:25px;
        font-weight:normal;
	line-height:18px;
        }

.cont h1 {
        background: none;
        color:#444;
        font-size:33px;
	font-weight:bold;
	margin-top:20px;
	line-height:100%;
        margin-bottom:20px;
        padding-bottom:7px;
        }

.cont h2,h3,h4 {
        width:100%;
        color:#00b4f0;
        font-size:22px;
	font-weight:normal;
	margin-top:20px;
	line-height:100%;
        margin-bottom:20px;
        padding-top:10px;
        }

.singlecont p {
        margin-bottom:15px;
	}

/* Теги */

.postTags{
       margin-bottom:50px; 
       margin-top:50px; 
 }

.postTags a{
        border-radius: 3px;
        border:none;
        color:#fff;
        padding: 8px 10px 8px 10px;
        font-size:12px;
        background: #333;
        margin-right:8px;
        text-transform: uppercase;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
 }

.postTags a:hover{
        border:none;
        color:#fff;
 }

.tagcloud {
        margin:10px 5px 0 10px;
        padding-bottom:15px;
        }

.tagcloud a {
        padding:5px 8px 6px 8px;
        border-bottom:none;
        }

/*----------------------------
         популярные посты
------------------------------*/

.relatedPosts  {
        width:105%;
	height:320px;
        list-style:none;
        border:0px solid #333;
}

.relatedPosts h2{
        width:95.5%;
	margin-top:30px;
        color:#555;
        padding: 10px 0px 20px 0px;
        margin-left:0px;
        border-top:1px solid #eee;
        font-weight: 100;
        font-size:27px;
}

.relatedPosts img  {
        border-radius: 2px;
        float:left;
        color:#999;
        margin-bottom:10px;
        }

.relatedPosts a  {
        border-bottom:none;
        font-size:17px;
        color:#555;
        font-weight: 100;
        }

.relatedPosts a:hover  {
        border-bottom:none;
        color:#ed3e7c;
        }

.relatedPosts li  {
        margin-right:2.5%;
        width:30.2%;
        float:left;
        padding:20px 0;
	font-size:14px;
        padding: 0px;
        border:0px solid #333;
        list-style:none;
	margin-bottom:20px;
        }

/* Комментарии
-----------------------------------*/

.h2comments {
        font-family: "Segoe UI Semilight", Tahoma, Helvetica, Sans-Serif;
	color:#555;
        padding: 0px 0px 25px 0px;
        margin-top:10px;
        border:0px solid #333;
        font-weight: 600;
        font-size:28px;
	width:100%;
        }

.h2comments a.addComment {
        border-bottom:0px solid #dd1762;
        border-radius: 3px;
        background: #333;
        font-weight:600;
        color:#fff !important;
        display:block;
	float:right;
        font-size:16px;
        padding:8px 28px 10px 28px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
        margin-top:-5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);     }

.h2comments a.addComment:hover {
	background: #E02E2E;
        color:#fff;
        }

h2#commentsForm {
	margin:0;
	padding-top:0;
}

#content #colLeft .commentlist {
        width:100%;
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:20px 0;
	border-top:0px dotted #7a9e0e;
	border-bottom:0px dotted #7a9e0e;
	padding:0;
}

#content #colLeft .commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft .commentlist .comment{
	padding:0 0 20px 40px;
	position:relative;
	border-bottom:1px solid #333;
	margin-top:25px;
        background:none;
}

#content #colLeft .commentlist .comment .comment-meta, #content #colLeft .commentlist .comment .text  {
	margin: 10px 0 10px 30px;
	font-size:13px;	
}
.signature {
    color: #93918d;
}
#content #colLeft .commentlist .comment .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft .commentlist .comment .comment-meta {
	font-size:18px;
        margin-left:30px;
}

#content #colLeft .commentlist .comment .avatar {
	background:#fff;
	border:1px solid #000;
	position:absolute;
	left:0;
	top:5px;
}

#content #colLeft .commentlist .reply {
        position:absolute;
	right:10px;
	top:0px;
	text-align:center;
	font-size:18px;
	}

#content #colLeft .commentlist .reply a {
        border-bottom:none;
	color:#e1e1e1;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
}

#content #colLeft .commentlist .reply a:hover {
       color:#8ec636;
       }

#content #colLeft .commentlist .comment .children li {
	margin-top:20px;
        padding-top:20px;
	border-top:1px solid #E5E8EA;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:0;
}

#content #colLeft .commentlist .comment .children li .avatar {
	top:25px;
}

#content #colLeft .commentlist .comment .children li .reply {
	top:15px;
}

/* Формы комментариев */

.commenth {
        font-family: "Segoe UI Regular", Tahoma, Helvetica, Sans-Serif;
        color:#555;
        padding: 0px 20px 25px 20px;
        margin-left:35px;
        border:0px solid #333;
        font-weight: 100;
        font-size:22px;
	}

#commentform p {
	margin:0;
}

#commentform label {
        color:#777;
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:8px;
	width:50%;
	margin-bottom:10px;
        border-radius:4px;
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #0099FF;
}

#commentform textarea {
	width:96%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input#submit{
        border-radius: 3px;
        font-family: "Segoe UI Regular", Tahoma, Helvetica, Sans-Serif;
        border:none;
        border-radius:0px;
        color:#fff;
        padding: 6px 10px 10px 10px;
        font-size:18px;
        background: #000000;
        width:150px;
        margin-right:0px;
	display:block;
	cursor:pointer;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
	}

#commentform input#submit:hover {
        color:#fff;
        background: #8ec636;
	}

blockquote {
        width:90%;
	border-left:5px solid #ccc;
	padding-left:20px;
	margin:15px 0 15px 25px;
	font-size:14px;
        color:#777;
}

blockquote:hover {
        border-left:5px solid #8ec636;
	color:#444;
}

/* Навигация */

.emm-paginate { margin-bottom:60px; clear:both; }
.emm-paginate a { font-size:20px; border: 0px solid #ccc; background: #333; border-radius: 5px; color:#fff; margin-right:7px; text-align:center; text-decoration:none; padding:0px 9px 4px 9px; -moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .navigation span { border-radius: 5px; color:#fff; background:#E02E2E; margin-right:7px; padding:0px 9px 4px 9px; font-size:20px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev span, .emm-paginate .emm-next span {display:none}

/* Contact Form */

#contact label {
	display:block;
	padding:5px 0;
}

#contact input, #contact textarea {
	border:1px solid #ddd;
	padding:8px;
	width:50%;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#contact textarea {
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.submit{
        border-radius: 3px;
        font-family: "Segoe UI Regular", Tahoma, Helvetica, Sans-Serif;
        border:none;
        border-radius:0px;
        color:#fff;
        padding: 6px 10px 10px 10px;
        font-size:18px;
        background: #000000;
        width:150px;
        margin-right:0px;
	display:block;
	cursor:pointer;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}

.submit:hover{
	color:#fff;
        background: #8ec636;
	}

.errormsg, .successmsg, .berrors{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:50px;
	-moz-border-radius:4px;
        -webkit-border-radius:4px;
top: 20px;
position: relative;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

/* -------------------------------
След. и пред. записи
----------------------------------*/

.nextpostlink a {
        float:right;
        padding-right:0px;
        margin-top:18px;
        background: url(../images/nextpostlink.png) 0px 0px no-repeat;
        opacity: 0.7;
        width:38px;
	height: 38px;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
	}

.nextpostlink a:hover {
        border-bottom: none;
        opacity: 1;
	}

.prepostlink {
        margin-top:28px;
        }

.prepostlink a {
        display:block;
        width:38px;
        height: 38px;
        color:#00b4f0;
        margin-top:0px;
        font-size:18px;
        z-index:2000;
        background: url(../images/prepostlink.png) 0px 0px no-repeat;
        opacity: 0.7;
	padding-left:0px;
        padding-top:0px;
        padding-bottom:0px;
        border-bottom: none;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
	}

.prepostlink a:hover {
        border-bottom: none;
        opacity: 1;
	}

/* -------------------------------
Адаптивный дизайн
----------------------------------*/

@media screen and (min-width:100px) and (max-width:1200px) {

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#content #colRight {
       width:26.9%;
        }

#fon {
        width: 90%;
        }

#wrapper {
        border:0px solid #dedede;
        width: 100%;
        }

#fdw ul {  
        border: 0px solid #ddd;
        position:static;
	left:0px;
	top:0px;
}

#header {
        border: 0px solid #000;
        width: 100%;
        height:130px;
	}

#headerInner {
        width: 95%;
	}

.postBox {
        width:100%;
        height:620px;
  }

/* -------------------------------
Футер
----------------------------------*/

#footerInnerdown {
        width: 95%;
        }

#copyright {
        position:absolute;
	left:0px;
	top:10px;
        }

#footernav {
         position:absolute;
	 right:0px;
	 top:30px;
         }

#footerInner {
	width: 95%;
        }
}

@media screen and (min-width:100px) and (max-width:900px) {

/*----------------------------
          Логотип
------------------------------*/

/* Навигационное меню */
		#fdw ul {
			display:none;
		}
		#fdw select {
                        margin:0 auto;
                        margin-top:65px;
                        width:100%;
			display:block;
			margin-bottom:0px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
                        
                        }

.postBox {
        border: 0px solid #000;
        width:100%;
        height:620px;
	margin-bottom:50px;
        }

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#header {
        border: 0px solid #000;
        }

#headerInner {
        border: 0px solid #ccc;
        }

#wrapper {
        width: 100%;
        }


#content {
        margin-top:40px;
        border: 0px solid #1FA2E1; 
}

#content #colLeft {
        margin:0 auto;
        float:none;
	width:100%;
	border:0px solid #ccc;
        }

#content #colRight {
        clear: both;
        border:0px solid #333;
        margin:0 auto;
        float:none;
	width:100%;
        padding-left:0%;
	}

.form-query {
        width:97.4%;
        padding:15px 0px 15px 2.5%;
	}

/* -------------------------------
Футер
----------------------------------*/

#footer {
        border: 0px solid #000;
        height:auto;
	}

#footerInner {
	width: 100%;
        }
}

@media screen and (min-width:100px) and (max-width:600px) {

.postBox {
        float:none;
        position:relative;
        border:0px solid #dedede;
        width:100%;
        height:650px;
        margin-top:0px;
        margin-right:0px;
	margin-bottom:50px;
        }

.postBox h2 a {
        font-size: 23px;
        }

.postBoxcat {
        float:none;
        margin-top:30px;
        margin-left:0px;
        width:100%;
        margin-bottom:30px;
        border: 0px solid #7a7a7a;
        }
}

@media screen and (min-width:100px) and (max-width:480px) {

.h2comments {
        display:none;
        }

.sharenewfooter { 
        display:none;
         }

#content {
        border: 0px solid #1FA2E1; 
        }

.logo  {
        position:absolute;
	left:0px;
	top:50px;
}

/* Навигационное меню */
		
		#fdw select {
                        float:right;
                        margin-top:75px;
                        width:20%;
			display:block;
			margin-bottom:0px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
                        
                        }
}
.isicons {
	position: absolute;
	bottom: 20px;
	right: 0;
}
.isicons li {
    width: 17px;
    height: 17px;
    padding: 2px 2px 2px 0;
}

.isicons li img {
    display: block;
}
.mass_comments_action {
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    background-color: #fff;
    padding: 10px 15px;
}
/*---Кто отредактировал---*/
.editdate {
    font-size: 0.9em;
    text-align: right;
    color: #6c838e;
}

/*---forms---*/
.tableform {
    width: 100%;
}
.tableform div.label {
	display: block;
	padding: 5px 0;
}
.addnews {
    font-weight: bold;
}
.impot {
    color: #96c;
    font-weight: normal;
}

.checkbox {
    padding: 4px 0;
    line-height: 1em;
}
.checkbox input {
    margin-top: -2px;
    vertical-align: middle;
}
.f_textarea {
    width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .tableform > select, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select {
    border:1px solid #333;
	padding:8px;
	width:50%;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.f_textarea, .editor_button select {
    padding: 0;
}

.textin {
    padding: 2px;
}

/*---search---*/
.searchstyle {
    width: 480px;
}

.search {
    font-size: 11px;
}

.searchtable fieldset legend {
    color: #404040;
}

.searchitem {
    font-size: 0.9em;
    border-top: 1px solid #dbe8ed;
    padding: 10px 0;
}

#searchuser, #searchinput {
    width: 90% !important;
}

/*---Userinfo---*/
.userinfo {
    padding-left: 125px;
}

.ui-dialog-content .userinfo {
    padding: 10px 0 10px 125px;
}

.userinfo .lcol {
    margin-left: -125px;
    width: 110px;
    padding-right: 15px;
}

.userinfo .lcol .avatar {
    margin-bottom: 10px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #333;
	border-radius: 6px;
}
ul.small {
	font-size: 12px !important;
	
}
ul.small li {
	background: none !important;
	padding: 0;
}
.userinfo .lcol .avatar img {
    width: 100px;
	display: block;
}

.userinfo .lcol ul {
    font-size: 0.9em;
}

.userinfo .rcol {
    width: 100%;
}

.userinfo .rcol ul {
    list-style: none;
    margin-left: 0;
}

.userinfo .rcol ul li {
    margin-bottom: 0.2em;
}

 .ussep {
    padding-top: 12px;
    background: url("../images/ussep.png") no-repeat;
}

.blue {
    color: #6c838e;
}

.grey {
    color: #388bd4;
}

/*---statistics---*/
.statistics {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.statistics ul.lcol {
    min-height: 71px;
    background: url("../images/statsep.png") no-repeat;
    margin: 0 0 20px -1px;
    padding-top: 14px;
    width: 33.3%;
}

.statistics ul.lcol li {
    padding: 0 15px;
    margin-bottom: 2px;
}
.pm_status {
    float:left;
    border: 1px solid #d8d8d8;
    padding: 0px;
    background-color: #fff;
    width: 300px;
    height: 100px;
    margin-left: 20px;
    margin-right: 5px;
}

.pm_status_head {
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.9em;
    background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
    height: 22px;
    padding: 0;
    font-weight: bold;
    text-align: center;
    color: #4e4e4e;
}

.pm_status_content {
    padding: 5px;
}
.login_ava {
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #333;
	width: 100px;
	text-align: center
}
.login_ava img {
	width: 100px;
	margin: 0 auto;
	display: block
}
.login_link li a span {
	float: right;
	background: #333;
	color: #fff;
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 3px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.relat {
	position: relative;
}
.relat button {
	position: absolute;
	right: 0;
	top: 0;
	height: 78px;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}




Всплывающие окна */
	.ui-dialog { width: 100% !important; left: 0 !important; } 
	.ui-dialog-buttonset > .ui-button { margin: 2px; }

	/* Оптимизация шапки */
	#header, .header { margin: 0; height: 50px; }
	.header {
		background-color: #3394e6;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	}
	#header_menu {
		position: relative;
		height: auto;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
		padding: 0 50px;
		z-index: 1;
		height: 50px;
	}
	#header_menu:after {
		content: "";
		position: absolute;
		top: 100%; left: 0;
		height: 1px; width: 100%;
		background: rgba(255,255,255,0.1);
	}
	.logotype {
		float: none;
		width: 100%; height: 50px;
		text-align: center;
		justify-content: center;
	} 
	.logo_title { display: none; }
	.logotype .icon-logo { width: 32px; height: 32px; }

	/* Оптимизация меню */
	#mobile_menu_btn, #search_btn {
		width: 50px; height: 50px;
		padding: 0;
		border-right-width: 0;
	}
	.mobile-menu_open .mt_1 { margin-top: 8px; }
	.mobile-menu_open .mt_2 { margin-top: 8px; }
	.mobile-menu_open .mt_3 { margin-top: 8px; }
	#cat_menu {
		position: fixed;
		z-index: 0;
		margin: -60% 0 0 0;
		width: 100%;
		background: #3394e6;
		left: auto; right: auto;
	}
	#cat_menu:after {
		content: "";
		position: fixed;
		width: 100%; height: 70px; margin-top: 50px;
		left: 0; right: 0; top: 0;
		z-index: 1;
		background-repeat: repeat-y;
		background-image: -webkit-linear-gradient(top, #3394e6 30%, rgba(51,148,230,0) 100%);
		background-image: -moz-linear-gradient(top, #3394e6 30%, rgba(51,148,230,0) 100%);
		background-image: -o-linear-gradient(top, #3394e6 30%, rgba(51,148,230,0) 100%);
		background-image: linear-gradient(top, #3394e6 30%, rgba(51,148,230,0) 100%);
	}
	.cat_menu { padding: 10%; margin-top: 50px; }
	.cat_menu a:first-child { border-top-width: 0; }
	.cat_menu a {
		text-decoration: none !important;
		font-size: 1.1em;
		padding: 3% 0;
		display: block;
		color: #fff;
		border-top-color: #3d99e7;
		border-top: 1px solid rgba(255,255,255,0.06);
	}
	#cat_menu .soc_links { display: none; }

		.mobile-menu_open .header { left: auto; }
		.mobile-menu_open .page { margin-left: 0; }
		.mobile-menu_open #cat_menu { margin-top: 50px; }
		.mobile-menu_open #login_pane { opacity: 1; visibility: visible; }

		/* Оптимизация авторизации */
		#login_pane {
			float: none;
			margin-top: 16px;
			text-align: center;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: all ease .3s; transition: all ease .3s;
		}
		#login_pane .dropdown-form {
			position: fixed;
			top: 105px; left: 10px; right: 10px; bottom: 10px;
			overflow-x: hidden;
			overflow-y: auto;
			margin: 0; padding-bottom: 0;
			width: auto; min-width: 0;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.login_pane__foot, .login_form__foot { padding-bottom: 39px; }

	/* Оптимизация поиска */
	#search_btn { padding: 7px; }
	#search_btn > span {
		border-width: 0;
		width: 36px; height: 36px;
	}
	#q_search {
		left: 15px; right: 50px;
		height: 50px;
		padding: 0;
	}
	.q_search { margin-top: 7px; }

	/* Оптимизация карусели */
	.carousel { margin-bottom: 0; border-radius: 0; }
	.carousel-caption {
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;
		margin: 0;
		display: table;
	}
	.carousel-caption_in {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 15px;
	}
	.carousel-caption .title { font-size: 1.2em; font-weight: bold; }
	.carousel-caption .text { font-size: 1em; }

	.carousel-control { position: static; }
	.carousel-control_in { background: none; box-shadow: none; -webkit-box-shadow: none; }
	.carousel-indicators { display: none; }
	.carousel-control .up, .carousel-control .down { position: absolute; z-index: 12; left: 50%; margin-left: -21px; }
	.carousel-control .up { top: 0; }
	.carousel-control .down { bottom: 0; }
	.carousel-control .up .icon, .carousel-control .down .icon { fill: #fff !important; }

	/* Блоки */
	.block, .block_grey { margin-bottom: 15px; }
	.block > .title, .block_grey, .relnews > li > a { padding: 20px; }

	/* Оптимизация новостей */
	.box_in { padding: 20px; }
	.story_icons {
		float: right;
		position: relative;
		padding: 0; margin: -4px 0 10px 10px;
	}
	.story > .meta { padding: 10px 20px; }
	.meta > ul.left > li { margin-right: 12px; }
	.meta > ul.right > li { margin-left: 12px; }

	.story .title { font-size: 1.15em; }
	.story .box_in > .text { font-size: 1em; }

	.story_date > * { display: none; }
	.story_date > time { display: inline; }
	.category { display: none; }

	.story_tools, .editdate { margin-top: 20px; }
	.shortstory .story_tools > .rate { float: right; }
	.story_tools > .btn { padding: 0; height: 36px; width: 36px; text-align: center; }
	.story_tools > .btn:after, .story_tools > .btn:before { content: ""; }
	.story_tools > .btn > b, .story_tools > .btn:after, .story_tools > .btn:before {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
		margin: 11px 0 0 0;
		vertical-align: middle;
	}
	.story_tools > .btn > b { margin-left: 2px; margin-right: 2px; }

	/* Важная новость */
	.fixed_label {
		width: 10px; height: 18px;
		padding: 0;
		margin-top: 20px;
		background-color: #e85319;
	}
		.fixed_label:before { display: none; }
		.fixed_label:after {
			bottom: auto; left: 100%; top: 0;
			margin: 0 0 0 -3px;
			border: solid transparent;
			border-right-color: #fff;
			border-width: 9px 3px 9px 0;
		}

	/* Хлебные крошки и сортировка */
	.pagetools {
		margin-bottom: 0;
		border-radius: 0;
		border-width: 0 0 1px 0;
		height: 51px;
		padding-left: 50px;
	}
		.pagetools_back { width: 50px; height: 50px; }
		.sortbar, .breadcrumb_in {
			width: 100%;
			overflow-x: auto; overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
		}
		.breadcrumb_in .over { display: block; overflow: visible; }
		.sortbar_in:after, .breadcrumb_in .over:after { content: ""; width: 25px; display: inline-block; }
	
	/* Постраничная навигация */
	.page_next-prev { height: auto; float: none; background: none; box-shadow: none; -webkit-box-shadow: none; }
		.page_prev { float: left; }
		.page_next { float: right; }
		.page_prev, .page_next {
			position: relative;
			z-index: 1;
			border-radius: 18px;
			background-color: #fff;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		}
		.pages { text-align: center; }
		.navigation .pages > * {
			display: none;
			border-radius: 18px;
			background: #9c9c9c;
			color: #fff;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		}
		.navigation .pages > span { background: #3394e6; }
		.navigation .pages > span,
		.navigation .pages > *:first-child,
		.navigation .pages > *:last-child { display: inline-block; }
		.navigation .pages > span.nav_ext { display: none; }

	/* Комментарии */
	.addcomment .plus_icon { display: none; }
	.addcomment h3 { display: none; } 

	.comment { padding: 20px; padding-bottom: 60px; }
		.com_content > .title { font-size: 1.15em; }
		.comment .meta {
			position: absolute;
			bottom: 14px; left: 20px; right: 20px;
		}
		.com_info { margin: 0 0 20px 0; padding-left: 46px; }
		.com_user { display: block; }
		.comment .avatar { margin-left: -46px; margin-right: 0; }
		.comment .rate_like > a, .comment  .rate_like-dislike { border-color: transparent; }
		.comment .meta .mass, .reply a span { display: none; }

	/* Древовидные комментарии */
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 20px; }
	.comments-tree-list li ol li .comment {
		padding: 20px 0;
		padding-bottom: 60px;
	}
	.comments-tree-list .comments-tree-list .comment .meta { left: 0; right: 0; }
	.comments-tree-list > li > ol > li .comment:before { margin: 25px 0 0 -20px; }

	/* Контакты */
	.contacts { font-size: 1em; }
		.contacts > .grid_1_2 { margin-top: 15px; padding-left: 30px; }
		.contacts > .grid_1_2 .icon { width: 16px; height: 18px; margin-left: -30px; }

	/* Формы */
	.form_submit > .btn-big { width: 100%; margin-top: 5px; }
		.form_submit .c-captcha { float: none; margin-bottom: 20px; }
		.c-captcha img, .c-captcha > input { width: 122px; }
		.combo_field { margin-bottom: 20px; }

	/* Оптимизация регистрации и восстановления пароля */
	.page_form { padding-left: 0; padding-top: 50px; }
		.page_form__body { padding: 0 8%; }
		.page_form__logo .icon { margin-top: 0; }
		.page_form__back {
			left: 0;
			z-index: 999;
			width: 100%; height: 50px;
			padding: 0;
		}
		.page_form__back > .icon { top: 50%; left: 0; margin: -10px 0 0 8%; }
		.page_form__back:after { display: none; }

		.page_form__inner > .title { font-size: 24px; }

	/* Статистика */
	.stats_head > ul { font-size: 1em; }

	/* Персональные сообщения */
	#pm-menu { margin-bottom: 20px; }
		#pm-menu a {
			padding: 10px 0;
			color: inherit;
			display: block;
			border-top: 1px solid #efefef;
			text-decoration: none !important;
		}
		#pm-menu a:hover { color: #3394e6; }

	/* Страница пользователя */
	.userinfo_top { padding-bottom: 50px; }
	.user_tab > li { display: block; margin-right: 0; }
		.user_tab > li > a { font-size: 11px; letter-spacing: 0; }

	.ui-c1, .ui-c2 { width: 100%; margin: 0; display: block; vertical-align: top; }
	.ui-c1 { font-size: .9em; }

	/* Меню снизу */
	.footer_menu { padding: 15px; }
		.foot_menu { margin: 0; }
		.foot_menu > li { float: none; width: auto; padding: 0; }
		.foot_menu > li:first-child > b { border-top-width: 0; }
		.foot_menu > li > b {
			cursor: pointer;
			margin: 0; padding: 10px 0;
			font-weight: normal;
			border-top: 1px solid #d5d5d5;
		}

		.foot_menu > li > b i {
			display: block;
			float: right;
			width: 12px; height: 2px;
			position: relative;
			margin: 10px 0;
			background-color: #353535;
		}
		.foot_menu > li > b.collapsed i, .foot_menu > li > b.collapsed i:after { background-color: #3394e6; }
		.foot_menu > li > b.collapsed i:after {
			content: "";
			display: block;
			margin: -5px auto 0 auto;
			height: 12px; width: 2px;
		}
		.foot_menu > li .collapse { display: none; }
		.foot_menu > li .collapse.in { display: block; }
		.foot_menu > li nav { padding: 10px; padding-top: 0; }

	/* Копирайты */
	.footer { background: #212121; padding: 15px; }
		.footer .midside { display: block; padding: 0; }
		.footer .copyright, .footer .copyright a { color: #d5d5d5; }
		.footer .copyright { padding: 0 0 15px 0; border-bottom: 1px solid #2c2c2c; }
		.footer .ca { display: block; float: none; margin: 0; padding: 15px 0; color: #4e4e4e !important; }
		.footer .ca .icon { fill: #323232; }
}






/* Cabinet */
.bt_title
{
    font: 16px "Open Sans",sans-serif;
	color: #444;
	padding-top: 10px;
	margin-bottom: 20px;
}

.bt_round
{
	width: 32px;
	height: 32px;
    border-radius: 100px;
    border: 1px solid #ccc;
    box-shadow: 0 0 1px #666;
}

.bt_panel
{
	padding: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border: 1px solid #fff;
	text-align: center;
	font:14px 'Open Sans', sans-serif;
	color:#fff
}

/* - menu */
ul.bt_menu_li
{
	padding: 4px;
}

.bt_menu_lisel
{
    display: inline;
    margin-right: 5px;
    border-bottom: 4px solid #f4f4f4;
    padding: 10px;
}

.bt_menu_lisel_active
{
    display: inline;
    margin-right: 5px;
    border-bottom: 4px solid #333;
    padding: 10px;
}

ul.bt_menu_li li:hover
{
	border-bottom: 4px solid #333;
}

/* Pay_select */
.bt_billings
{
	margin-left: 250px;
	margin: 0 auto;
	overflow: hidden;
}

.bt_billing
{
	float: left;
	width: 550px;
	margin: 5px;
	padding: 5px 100px;
	text-align: center;
	background: white;
	background-clip: padding-box;
	border: 2px solid #333;
	border-color: rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	cursor: pointer;
	opacity: 0.8;
}

.bt_billing:hover
{
	opacity: 1;
}

.bt_billing_active
{
	opacity: 1;
	border: 2px solid #333;
}

.bt_billing-icon
{
	padding: 10px;
	margin: 10px;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}

.bt_billing-unit
{
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #aaa;
}

.bt_billing-features
{
	width: 100%;
	margin: 5px auto;
	padding: 10px 0 0 0px;
	border-top: 1px solid #333;
	text-align: left;
}

.bt_leftcol
{
	width: 240px;
	float: left;
	margin-right: 10px;
}

.bs_error_msg
{
	color: red;
	text-align: center;
	display: none;
	margin: 5px;
}

/* Button */
.bs_button
{
	text-decoration:none; text-align:center; 
	padding:7px 16px; 
	border:solid 1px #333;
	font:12px Verdana, Geneva, sans-serif; 
	font-weight:bold;
	color: white;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	border: 1px solid;
	border-color: #333 #333 #333;
	background: #333;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, #333, #333 40%, #333);
	background-image: -moz-linear-gradient(top, #333, #333 40%, #000000);
	background-image: -o-linear-gradient(top, #333, #333 40%, #333);
	background-image: linear-gradient(to bottom, #333, #333 40%, #333);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;box-shadow: 0 5px 10px rgba(4, 4, 5, 0.5);
}

.bs_button:active
{
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-color: #333 #333 #333;
	background-image: -webkit-linear-gradient(top, #333, #333);
	background-image: -moz-linear-gradient(top, #333, #333);
	background-image: -o-linear-gradient(top, #333, #333);
	background-image: linear-gradient(to bottom, #000000, #000000);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
}

/* Input */
.bs_input
{
	text-align: center;
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ccc;
	display:inline-block;
	font-family:Arial;
	font-size:12px;
	padding:5px 10px;
}


/* Tables */
.bt_table-normal
{
	width: 99%;
	margin-bottom: 0;
	color: #5a6573;
}
  
.bt_table-normal tbody td, .bt_table-normal thead td
{
	border-left: 1px solid #eaebef;
}
  
.bt_table-normal tbody td:first-child, .bt_table-normal thead td:first-child
{
	border-left: none;
}
  
.bt_table-normal tbody td 
{
	border-top: 1px solid #eaebef;
}
  
.bt_table-normal thead td
{
	text-align: center;
	font-size: 11px;
	padding: 3px 5px 2px 5px;
	color: #666;
	height: 25px;
	line-height: 25px;
	font-weight: 600;
	font-size: 12px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	background: #eaeaea;
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #eaeaea));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #eaeaea);
	background-image: -moz-linear-gradient(top, #fdfdfd, #eaeaea);
	background-image: -o-linear-gradient(top, #333, #eaeaea);
	background-image: linear-gradient(top, #fdfdfd, #eaeaea);
	border-left: 1px solid #d1d2da;
	border-right: 1px solid #d1d2da;
	border-bottom: 1px solid #d1d2da;
}
    
.bt_table-normal thead td:first-child
{
	border-left: none;
}
    
.bt_table-normal thead td:last-child
{
	border-right: none;
}
  
.bt_table-normal tbody td
{
	padding: 7px 11px;
}
  
.bt_table-normal tbody tr 
{
	border-top: 1px solid #eaebef;
}
    
.bt_table-normal tbody tr:nth-child(even) 
{
	background: #F3F4F8;
}

.bt_table_history 
{
	width: 98%;
}
.bt_table_history tr td 
{
	text-align: left;
	padding: 8px;
	border-bottom: 1px solid #DAE1E8;
}
	  
/* Paging */
.bt_pagination 
{
	text-align: center;
	margin: 20px
}

.bt_pagination a, .bt_pagination strong
{
	text-decoration:none;
	text-align:center; 
	font:12px Verdana, Geneva, sans-serif; 
	font-weight:bold; 
	color: #fff;
	background-color:#3BA4C7; 
	display: inline-block;
	margin-right: 3px;
	padding: 4px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bt_pagination a:hover 
{
	background: #d1ebf4;
	color: #3BA4C7;
}

.bt_pagination a:active 
{
	background: #333;
	color: #333;
}

.bt_pagination strong 
{
	background: #333;
	color: #333;
}