html { font-size: 100%; }
body {
    min-width: 320px;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 62.5%;
    color: white;
}
ul.nav-mobile {
    display:none;    
    z-index: 100;
    position: fixed;
    width: 100%;
    height:100vh;
    top: 100px;
    text-align: center;
}
ul.nav-mobile li {
	height:60px;
}
ul.nav-mobile li:hover + a{
	background:#FFF;
    color:#000;
}
ul.nav-mobile li a {
	display:block;
    color:#FFF;
    font-size:18px;
}
.red-text {
    text-align: center;
    color: red;
    font-size: 20px;
    line-height: 30px;
    border: 3px dashed red;
    padding: 10px 0;
    margin-bottom: 20px;
}
.preim {
    display: block;
    background: #49a067;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    border-radius: 10px;
}

.preim hr {
    width: 80%;
    height: 0px;
    border: 1px solid rgb(111, 211, 146);
    background: rgb(111, 211, 146);
}
.top-btn {
	display:block;
    color:#fff;
    padding: 20px 40px;
    background: #1b92a9;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 80px;
}
.ph p {
    color: #868686;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.ph p span {
	text-transform:uppercase;
    color: #289c6f;
    font-size: 22px;
}

@media screen and (min-width: 768px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat -100px 0 !important;
    }
}
@media screen and (min-width: 920px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat 0 0 !important;
    }
}
@media screen and (min-width: 1020px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat 100px 0 !important;
    }
}
@media screen and (min-width: 1200px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat 200px 0 !important;
    }
}
@media screen and (min-width: 1400px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat 300px 0 !important;
    }
}
@media screen and (min-width: 1600px) {
    body {
        background: url("/templates/CleanColors/images/medl.png") no-repeat 400px 0 !important;
    }
}
html, body {margin: 0px; padding: 0px; height: 100%; width: 100%;}
a, a img {border: none; outline: none;}
*:focus, * {-moz-outline: none; outline: none; ie-dummy: expression(this.hideFocus=true); resize: none;}
table, td, th {padding: 0px; border-collapse: collapse;}
ul, li, form, fieldset, dl, dt, dd, h1, h2, h3, h4, h5, h6, del {margin: 0px; padding: 0px; list-style: none; text-decoration: none; border: none;}
a {color: #36a3b2; text-decoration: none;}
a:hover {text-decoration: underline;}

/* debug */
/* * {outline: 2px dotted red; *border: 2px dotted red;}
* * {outline: 2px dotted green; *border: 2px dotted green;}
* * * {outline: 2px dotted orange; *border: 2px dotted orange;}
* * * * {outline: 2px dotted blue; *border: 2px dotted blue;}
* * * * * {outline: 1px solid red; *border: 1px solid red;}
* * * * * * {outline: 1px solid green; *border: 1px solid green;}
* * * * * * * {outline: 1px solid orange; *border: 1px solid orange;}
* * * * * * * * {outline: 1px solid blue; *border: 1px solid blue;} */

.editor {position: relative;}
iframe  {top: 26px !important; left: 317px !important; position: absolute !important; z-index: 9999;}
#dle_emo {top: 26px !important; left: 200px !important; position: absolute !important; z-index: 9999;}
.addnews iframe  {top: 249px !important; left: 392px !important; position: absolute !important; z-index: 9999;}
.addnews #dle_emo {top: 249px !important; left: 356px !important; position: absolute !important; z-index: 9999;}

/* Тело страницы */
.page {max-width: 945px; margin: 0px auto; padding-bottom: 33px;}
 
.topmenu
{
   position: relative; margin-top: 155px; margin-left: 0px;
   font-size: 18px;
    line-height: 1.9em;
    width: 300px
        }


.ph {
 position: relative; margin-top: 25px; margin-left: 0px; float: right;
   
}

a.nehov {
    background: url(http://omsk-medknigki.ru/templates/CleanColors/images/zak.png);
        
    
    display: block; /*  Рисунок как блочный элемент */
    width: 285px; /* Ширина рисунка */
    height: 82px; /*  Высота рисунка */     
        
}

a.nehov:hover
{
    background: url(http://omsk-medknigki.ru/templates/CleanColors/images/zakh.png);
}

.phone {
 position: relative; margin-top: 285px; margin-left: 200px;
   font-size: 30px;
   color: #e84e19;
}




/* Шапка */
.header {overflow: hidden; zoom: 1; padding-bottom: 15px; height: 375px;}
.header-logo {float: left; padding-top: 25px; width: 446px;}
.header-logo a {text-decoration: none;}
.header-logo b {color: #001012; font: bold 2.8em Calibri, Arial, Helvetica, Sans-serif;}
.header-logo span {color: #868686; font: 1.3em Arial, Helvetica, Sans-serif; padding-left: 4px;}
.header-logo del {background: url(../images/logo-arrow.png) no-repeat 4px 6px; padding: 7px 11px;}
.header-search {float: left; width: 323px; padding-top: 22px;}
.header-search .input {border: 1px solid #dbdbdb; background: url(../images/input.png) repeat-x 0px 0px; font: 11px Arial, Helvetica, Sans-serif; color: #d2d2d2; padding: 3px 5px 4px 5px; width: 216px; float: left;}
.header-search .submit {width: 86px; height: 23px; background: url(../images/button-86.png) no-repeat 0px 0px; font: italic 11px Arial, Helvetica, Sans-serif; color: #c2c2c2; border: 0px; cursor: pointer; margin-left: 6px; float: left;}
.header-favorites {float: left; font: italic 1.2em Arial, Helvetica, Sans-serif; padding: 26px 0px 0px 28px;}
.header-favorites a {color: #35a2b1; text-decoration: underline;}
.header-favorites a:hover {text-decoration: none;}

.nav {height: 42px; background: #3ca9b8 url(../images/nav.png) no-repeat 0px 0px; overflow: hidden; zoom: 1;}
.nav li {display: block; float: left; padding: 0px 26px; background: url(../images/nav-spacer.png) no-repeat 0px 0px; font: 1.4em/42px Arial, Helvetica, Sans-serif; height: 42px;}
.nav li:first-child {background: none;}
.nav li a {color: #fff; text-decoration: none;}
.nav li a:hover {text-decoration: underline;}

.main {background: url(../images/main-bg-center.png) repeat-y 0px 0px; overflow: hidden; zoom: 1; padding: 25px 0px 0px 0px;}
.leftcol {float: left; width: 728px; border-top: 4px solid #ebebeb; padding: 5px 0px 0px 0px;}
.rightcol {float: left; width: 188px; margin-left: 29px; border-top: 4px solid #ebebeb; padding: 5px 0px 0px 0px;}

.banner-leftcol {padding-bottom: 23px;}
.about {font: 1.2em/18px Arial, Helvetica, Sans-serif; color: #888; padding-bottom: 31px;}
.sorter {font: italic 1.2em Arial, Helvetica, Sans-serif; color: #808080; border-bottom: 4px solid #ebebeb; padding-bottom: 16px;}
.sorter a {color: #36a3b2; text-decoration: underline; font-style: italic; margin: 0px 5px;}
.sorter a:hover {text-decoration: none;}
.sorter img {display: none;}

.auth {padding-bottom: 36px;}
.auth .input {border: 1px solid #dbdbdb; background: url(../images/input.png) repeat-x 0px 0px; font: 11px Arial, Helvetica, Sans-serif; color: #d2d2d2; padding: 3px 5px 4px 5px; width: 175px;}
.auth .submit {width: 89px; height: 23px; background: url(../images/button-login.png) no-repeat 0px 0px; font: italic 11px Arial, Helvetica, Sans-serif; color: #fff; border: 0px; cursor: pointer; float: right; *position: relative; *top: -15px;}
.auth span {display: block; border-bottom: 1px dotted #b5b5b5; margin: 5px 0px;}
.auth a {color: #35a2b1; text-decoration: underline; font: italic 1.2em Arial, Helvetica, Sans-serif; position: relative; top: 3px;}
.auth a:hover {text-decoration: none;}

h6 {font: bold italic 1.4em Arial, Helvetica, Sans-serif; color: #686868; padding-bottom: 17px;}
.block {font: 1.2em/18px Arial, Helvetica, Sans-serif; color: #888; position: relative; overflow: hidden; zoom: 1; border-top: 4px solid #ebebeb; padding: 23px 0px 24px 0px;}
.block h6 {font-size: 1.2em;}
.block a {color: #888; text-decoration: underline;}
.block a:hover {text-decoration: none;}
.block-archives * {font-weight: normal !important; font-style: italic; line-height: 20px;}
.block-archives br {display: none;}
.block-archives a {display: block; color: #36a3b2;}
.cat_menu span.new {color: #36a3b2; font-size: 9px; position: relative; top: -6px;}
.header-login {padding-bottom: 36px; font: italic 1.2em/24px Arial, Helvetica, Sans-serif;}
.cat_menu {padding-bottom: 10px; font: italic 1.1em/24px Arial, Helvetica, Sans-serif;}

/* Новость */
.shortnews {position: relative; overflow: hidden; zoom: 1; padding: 24px 0px 7px 0px;}
.fullnews {position: relative; overflow: hidden; zoom: 1; padding: 0px 0px 7px 0px;}
.shortnews-header {font: bold 1.6em Arial, Helvetica, Sans-serif; color: #36a3b2;}
.shortnews-header a {color: #36a3b2; text-decoration: underline;}
.shortnews-header a:hover {text-decoration: none;}
.shortnews-header sup {font-size: 0.5em; padding-left: 3px;}
.shortnews-options-top {padding: 8px 0px 0px 1px;}
.shortnews-options-top li {display: inline; font: italic 1.2em Arial, Helvetica, Sans-serif; color: #808080;}
.shortnews-options-top li span {font-style: normal; padding-right: 7px;}
.shortnews-options-top li del {padding: 0px 10px;}
.shortnews-body {font: 1.2em/18px Arial, Helvetica, Sans-serif; color: #888; padding-top: 16px;}
.shortnews-body p {margin: 10px; padding: 0px 0px 1em 0px;font-size: 16px;}
.shortnews-options-bottom {overflow: hidden; zoom: 1; font: italic 1.2em Arial, Helvetica, Sans-serif; color: #808080; padding-top: 16px;}
.shortnews-options-bottom li {float: left;}
.shortnews-options-bottom li.shortnews-rate {float: right; width: 83px;}
.shortnews-options-bottom li del {padding: 0px 10px;}

/* Кнопки */
.poll-buttons {padding: 10px 0px 10px 0px; text-align: center;}
.poll-buttons input .block-search-submit, .comment-block-search-submit, .bbcodes#dosearch, .bbcodes#dofullsearch, #doclear, #doreset, .block-search-submit, table.pm input.bbcodes, .bbcodes .block-search-submit, .bbcodes {width: 150px; height: 23px; background: url(../images/button-150.png) no-repeat 0px 0px; font: italic 11px Arial, Helvetica, Sans-serif; color: #bbb; border: 0px; cursor: pointer; margin: 10px 15px 0px 0px;}
.vote-submit, .vote-result {float: left; width: 89px; height: 23px; background: url(../images/button-login.png) no-repeat 0px 0px; font: italic 11px Arial, Helvetica, Sans-serif; color: #fff; border: 0px; cursor: pointer;}
.vote-result {margin-left: 10px; _margin-left: 7px;}
/*#dofullsearch {width: 175px !important;}
#searchinput {width: 344px !important;}*/

/* Служебные стили */
.nopadd {padding-bottom: 0px !important;}
.notoppadd {margin-top: 4px;}
.padd {padding-top: 10px;}
.nopadding {padding-top: 0px;}
.noborder {border: 0px !important;}
.border4px {border-top: 4px solid #ebebeb; padding-bottom: 20px; margin-top: 10px;}

/* Опрос в новости */
.poll-list {color: #888; padding: 20px 0px 0px 20px; width: 90%; font: 1.1em/1.62em Arial, Helvetica, Sans-serif;}

/* Комментарий */
.comment {color: #888; font: 1.1em/1.62em Arial, Helvetica, Sans-serif; overflow: hidden; zoom: 1; background: #fff; margin: 0px 0px 10px 0px; border-top: 4px solid #ebebeb;}
.comment-header {font: 1em Arial, Helvetica, Sans-serif; color: #ccc; overflow: hidden; zoom: 1; padding-bottom: 2px;}
.comment-header a {color: #ccc;}
.comment-header li {display: inline;}
.comment-header del {padding: 0px 4px;}
.comment-header .comm-date {float: right;}
.comment-header .comm-date a {text-decoration: none; color: #4b4b4b;}
.comment-header .comm-date a:hover {text-decoration: underline;}
.comment-body {overflow: hidden; zoom: 1;}
.comment-options {position: absolute; right: 17px; margin-top: -26px;}
.comment a {text-decoration: underline;}
.comment a:hover {text-decoration: none;}
.comment-options del {padding: 0px 4px;}
.comment-text {margin: 8px 0px 0px 103px; background: #fff; padding: 14px 20px 19px 20px;}
.comment-left {float: left; width: 103px; padding: 8px 0px 0px 0px; background: url(../images/comment.png) no-repeat 0px 8px;}
.comment-avatar {padding: 4px 0px 10px 10px;}
.comment-user-group {text-align: center; width: 100px; text-align: center; color: #aaa !important; font: normal 10px Arial, Helvetica, Sans-serif !important; padding-top: 2px;}
.comment-user-group * {color: #aaa !important; font: normal 10px Arial, Helvetica, Sans-serif !important;}
.comment-footer {font: 1em Arial, Helvetica, Sans-serif; color: #b6b6b6; text-align: right; padding-top: 5px;}
.comment-footer del {padding: 0px 5px;}
.comment-footer a {color: #ccc; text-decoration: underline;}
.comment-footer a:hover {text-decoration: none;}
.editinfo {font: italic 0.8em Arial, Helvetica, Sans-serif; color: #999; padding-top: 14px;}
.pm-footer {margin-left: 0px;}
.anchor {display: block; height: 1px; margin-bottom: -10px;}
.mass_comments_action {color: #888; font: 1.1em/14px Arial, Helvetica, Sans-serif; padding: 20px 0px 14px 0px; overflow: hidden; zoom: 1; text-align: right; border-top: 4px solid #ebebeb;}
.mass_comments_action .bbcodes {margin-bottom: -1px;}
.pm-comment {background: none; padding-top: 20px;}
#dle-pm-preview .comment {border: 1px dashed #8f8f8f; background: #fff; padding: 10px;}

/* Навигация по новостям */
.navigation {text-align: right; font: 1.2em Arial, Helvetica, Sans-serif; border-top: 4px solid #ebebeb; border-bottom: 4px solid #ebebeb; color: #888; padding: 17px 0px; margin-top: 23px;}
.navigation .nav-prev {float: left; display: block;}
.navigation .nav-prev a  {color: #36a3b2; text-decoration: underline;}
.navigation .nav-next {float: right; display: block;}
.navigation .nav-next a  {color: #36a3b2; text-decoration: underline;}
.navigation .nav-center {text-align: center; display: block; color: #888;}
.navigation .nav-center * {margin: 0px 2px;}
.navigation .nav-center a {text-decoration: underline; color: #888;}
.navigation .nav-center a:hover {text-decoration: none;}

/* Опрос */
.vote-title {padding-bottom: 10px; color: #888;}
.vote-list {color: #888; line-height: 20px; padding-bottom: 10px;}
.vote-list img, #dle-poll-list img {border: 0px !important;}
#dle-poll-list {padding-bottom: 10px;}
.vote-total {color: #888;}

/* Формы */
textarea, select, input {font: 11px Arial, Helvetica, Sans-serif; color: #888;}
.any-form { font: bold 1.2em Arial, Helvetica, Sans-serif; color: #36a3b2; padding-top: 14px;}
.any-form a {color: #888; text-decoration: none;}
.any-form a:hover {text-decoration: underline;}
.any-form h2 {padding-bottom: 10px;}
.any-form .form-bbcodes {width: 568px; white-space: nowrap; overflow: hidden;}
.any-form label {display: block; margin-bottom: 20px;}
.any-form label label { display: block; margin-left: 25.4px;  margin-bottom: -20px;}
.any-form label .input, #searchinput, .xfields input, .xprofile input, .xf input {border: 1px solid #dbdbdb;  background: url(../images/input.png) repeat-x 0px 0px; font: 11px Arial, Helvetica, Sans-serif; color: #888; padding: 3px 5px 0px 5px; width: 250px !important;}
.any-form label select, .xfields select, .xprofile select { width: 262px !important; height: 22px; font: 11px Arial, Helvetica, Sans-serif; color: #888; }
.xfields textarea, .xprofile textarea {background: #fff; font: 11px Arial, Helvetica, Sans-serif; color: #888; font: 11px/18px Arial, Helvetica, Sans-serif; padding: 4px 3px 4px 3px; width: 550px;}
.addcom-header {font: bold 1.4em/16px Arial, Helvetica, Sans-serif; color: #4b4b4b; padding-top: 15px;}
.addcom-form {margin-left: 25.4px;}
.full-editor .editor {width: 550px !important; height: 183px;}
.full-editor .editor textarea {width: 550px !important; position: absolute;}
.news.addnews {padding-bottom: 0px; margin-bottom: 20px;}
.news.addnews .send-form {padding: 20px 0px;}
.xfields font {position: relative !important; top: 1px !important; left: 3px !important;}
#result-registration {display: block; padding: 2px 0px 0px 1px; position: relative; left: -2px;}
.addnews {position: relative;}

table td.search {text-align: left; font: 11px Arial, Helvetica, Sans-serif; color: #4b4b4b;}
table td.search div {margin: 0px !important;}
table td.search select.rating {text-indent: 0px !important; color: #4b4b4b !important;}
table td.search select {width: 166px !important; height: 20px; font: 11px Arial, Helvetica, Sans-serif; color: #4b4b4b;}
table td.search #searchinput {width: 266px !important; margin: 14px 35px 0px 0px;}
#searchuser {width: 163px !important;}

.big-textarea {height: 200px; width: 550px !important; background: #fff; color: #888; font: 11px/18px Arial, Helvetica, Sans-serif; border: 1px solid #dbdbdb;}
#allow_subscribe {float: left; margin: -1px 5px 0px 0px;}
.admintag {padding-top: 10px;}
.admintag label {display: block; float: left; position: relative; margin: -14px 0px 0px 30px;}
.admintag input {display: block; clear: both;}
.addcom-not-logged label {display: inline !important; padding-right: 19px;}
.addcom-not-logged label input {margin-bottom: 18px; width: 210px;}
.addcom-not-logged-submit {margin-top: -35px !important;}


/* Статистика сайта */
.stat {line-height: 20px;}
.stat dt {overflow: hidden; zoom: 1;}
.stat dt span {display: block; float: left; width: 220px;}
.stat dd {display: block; font-weight: bold;}
.bigpadd {padding-bottom: 14px;}
.userstop {font: 1.1em Arial, Helvetica, Sans-serif; width: 96%; border: 0px; padding: 0px;}
.userstop td {border-collapse: collapse; padding: 0px;}
.userstop a {color: #888; text-decoration: underline;}
.userstop a:hover {text-decoration: none;}

/* Профиль */
.userinfo {line-height: 20px;}
.userinfo li {margin-left: 120px;}
.userinfo li.photo {position: absolute; margin-left: 0px; *margin-left: -120px;}
.userinfo .rating ul {margin: 6px 0px 0px 8px;}
.userinfo .group {padding: 6px 0px 0px 0px; text-align: center;}

/* Дополнительные поля */
.xf {width: 100%;}
.xf td.addnews {padding-bottom: 2px;}
.xf td {display: block !important;}
.xf font {top: -13px; position: relative; left: -10px;}

/* Подвал */
.footer {overflow: hidden; zoom: 1; max-width: 945px; margin: 0px auto; padding: 36px 0px 41px 0px; border-top: 4px solid #ebebeb;}
.footer-text {float: left; width: 670px; font: 1.1em Arial, Helvetica, Sans-serif; color: #888;}
.footer-text p {margin: 0px; padding: 0px;}
.footer-text p span {color: #36a3b2;}
.footer-banners {float: right;}
.footer-banners li {display: block; float: left; padding-left: 11px;}

/* DLE default styles */
#busy_layer {display: none !important; width: 0px !important; height: 0px !important; z-index: -9999px !important; position: absolute !important; left: -9999px !important; top: -9999px !important;}
/* Цитата и скрытый текст */
.title_quote {color: #888; background: #fff; border: 1px dotted #ccc; border-bottom: 0; font-weight: bold; padding: 5px; margin-top: 6px;}
.quote {color: #888; background: #fff; border: 1px dotted #ccc; text-align: justify; padding: 5px;}
/* Тег SPOILER */
.title_spoiler {color: #888; background: #fff; border: 1px dotted #ccc; font-weight: bold; padding: 5px; margin-top: 6px;}
.title_spoiler img {margin: 0; padding: 0;}
.text_spoiler {color: #888; background: #fff; border: 1px dotted #ccc; border-top: 0; text-align: justify; padding: 5px;}
/* Tэг CODE */
.scriptcode {color: #888; background: #fff; border: 1px dotted #ccc; text-align: left; padding: 5px; margin-top: 6px;}
.title_quote, .quote, .title_spoiler, .text_spoiler, .scriptcode {font-size: 1em;}
/* Календарь */
.calendar {color: #888; margin-left: 2px; font: 11px Arial, Helvetica, Sans-serif;}
.calendar * {font-weight: normal !important;}
.calendar a {color: #36a3b2; text-decoration: underline;}
.calendar a:hover {text-decoration: none;}
.calendar td, th {padding: 6px;}
.day-current, .day-current a {background: #36a3b2; color: #fff !important;}
.weekday {color: #888;}
.monthselect {font: 11px Arial, Helvetica, Sans-serif; color: #888;}
/* Рейтинг статьи */
.rating {color: #555555; font-size: 11px; font-family: tahoma; width: 85px; height: 16px; text-indent: -9999px;}
.unit-rating {list-style: none; margin: 0px; padding: 0px; width: 85px; height: 16px; position: relative; background-image: url(../dleimages/rating.gif); background-position: top left; background-repeat: repeat-x;}
.unit-rating li {text-indent: -98880px; padding: 0px; margin: 0px; float: left;}
.unit-rating li a {display: block; width: 17px; height: 16px; text-decoration: none; text-indent: -9888px; z-index: 17; position: absolute;	padding: 0px;}
.unit-rating li a:hover {background-image: url(../dleimages/rating.gif); background-position: left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {width: 17px;}
.unit-rating a.r2-unit {left: 17px;}
.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}
.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}	
.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}
.unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating {background-image: url(../dleimages/rating.gif); background-position: left bottom; position: absolute; height: 16px; display: block; text-indent: -9888px; z-index: 1;}

/*---BB Редактор---*/

.bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); }
.bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.bb-sel { float: left; padding: 4px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); }
.bb-btn { cursor: pointer; width: 23px; }

#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b { background-image: url("../bbcodes/b.gif"); }
#b_i { background-image: url("../bbcodes/i.gif"); }
#b_u { background-image: url("../bbcodes/u.gif"); }
#b_s { background-image: url("../bbcodes/s.gif"); }
#b_img { background-image: url("../bbcodes/image.gif"); }
#b_up { background-image: url("../bbcodes/upload.gif"); }
#b_emo { background-image: url("../bbcodes/emo.gif"); }
#b_url { background-image: url("../bbcodes/link.gif"); }
#b_leech { background-image: url("../bbcodes/leech.gif"); }
#b_mail { background-image: url("../bbcodes/email.gif"); }
#b_video { background-image: url("../bbcodes/mp.gif"); }
#b_audio { background-image: url("../bbcodes/mp3.gif"); }
#b_hide { background-image: url("../bbcodes/hide.gif"); }
#b_quote { background-image: url("../bbcodes/quote.gif"); }
#b_code { background-image: url("../bbcodes/code.gif"); }
#b_left { background-image: url("../bbcodes/l.gif"); }
#b_center { background-image: url("../bbcodes/c.gif"); }
#b_right { background-image: url("../bbcodes/r.gif"); }
#b_color { background-image: url("../bbcodes/color.gif"); }
#b_spoiler { background-image: url("../bbcodes/spoiler.gif"); }
#b_fla { background-image: url("../bbcodes/flash.gif"); }
#b_yt { background-image: url("../bbcodes/youtube.gif"); }
#b_tf { background-image: url("../bbcodes/typograf.gif"); }
#b_list { background-image: url("../bbcodes/list.gif"); }
#b_ol { background-image: url("../bbcodes/ol.gif"); }
#b_tnl { background-image: url("../bbcodes/translit.gif"); }

.bb-editor textarea { 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x;
}
.editorcomm .bb-editor { width: 465px;}
.editorcomm .bb-editor textarea { height: 156px; }

/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {
	display: block;
	visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    -moz-transition: opacity .4s, visibility .1s linear .4s;
    -o-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background:url(../dleimages/marker.png) -0px -0px no-repeat;
}

#txtselect_marker:hover {
        background-position: -0px -32px;
}

#marker-bar{
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 5px 10px;
    cursor: default;
    box-shadow: 0px 0px 4px #ccc;
}

#marker-bar.show,
#txtselect_marker.show {
        /* XXX make a common css fadeIn/fadeOut classes */
	visibility: visible;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#marker-bar .masha-social,
#marker-bar .masha-marker{
	cursor: pointer;
	display: block;
	margin: 0 5px;
	float: left;
}

#marker-bar .masha-marker{
	line-height: 1em;
	color: #aaa;
	border-bottom: 1px dotted #aaa;
	margin-right: 10px;
}

#marker-bar .masha-marker:hover {
	color: #ea3e26;
	border-color: #ea3e26;
}

.user_selection, .user_selection_true {
	background: #c4f47d;
	padding: 2px 0;
}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {
	display:none;
}
.user_selection .closewrap, .user_selection_true .closewrap {
	position: relative;
}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
	display: inline-block;
	position: absolute;
	top: -7px;
	left: -5px;
	width: 33px;
	height: 33px;
	background: url(../dleimages/closemarker.png) -0px -0px no-repeat;
}

.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {
	background-position: -0px -33px;
}


#share-popup {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	position: absolute;
	width: 414px;
	display:none;
	z-index: 100;
	padding: 10px 0;
	opacity: 0;
	-webkit-transition: opacity .4s, visibility .1s linear .4s;
	-moz-transition: opacity .4s, visibility .1s linear .4s;
	-o-transition: opacity .4s, visibility .1s linear .4s;
	transition: opacity .4s, visibility .1s linear .4s;
}

#share-popup.show {
	display:block;
	opacity: 1;
	-webkit-transition: opacity .4s, visibility 0s;
	-moz-transition: opacity .4s, visibility 0s;
	-o-transition: opacity .4s, visibility 0s;
	transition: opacity .4s, visibility 0s;
	opacity: 1;
}

#share-popup .social {
	padding: 0 0 10px 17px;
	height: 40px;
}

#share-popup .social p {
	padding-bottom: 10px;
	margin: 0;
	font-weight: bold;
}

#share-popup .social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#share-popup .social ul li {
	float: left;
	margin-right: 20px;
	padding-top: 2px;
	position: relative;
}

#share-popup .social ul a {
	text-decoration: none;
	font-size: 11px;
	display: inline-block;
	color: #aaa;
	padding-left: 25px;
}

#share-popup .social ul a:hover {
	text-decoration: underline;
	color: #ea3e26;
}

#share-popup .social a span{
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#share-popup .social .tw span{
	background-position: 0 -20px;
}

#share-popup .social .tw:hover span{
	background-position: 0 0;
}

#share-popup .social .fb span{
	background-position: -20px -20px;
}

#share-popup .social .fb:hover span {
	background-position: -20px 0;
}

#share-popup .social .vk span{
	background-position: -40px -20px;
}

#share-popup .social .vk:hover span {
	background-position: -40px 0;
}

#share-popup .social .gp span{
	background-position: -60px -20px;
}

#share-popup .social .gp:hover span {
	background-position: -60px 0;
}

#share-popup .link {
	clear: both;
	border-top: 1px solid #d9d9d9;
	padding: 10px 5px 0 10px;
	line-height: 1.2;
	overflow: hidden;
	margin: 0 7px;
}

#share-popup .link p {
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

#share-popup .link span {
	color: #999;
	font-size: 10px;
	display: block;
	padding-top: 3px;
}

#share-popup .link a {
	display: block;
}

/* Дополнительные поля новостей */
.xfields textarea {color: #555; font-size: 11px; font-family: tahoma; width: 320px; height: 86px; border: 1px solid #e0e0e0; background-color: #ffffff;}
.xfields input {color: #555555; font-size: 11px; font-family: tahoma; width: 300px; height: 14px; border: 1px solid #e0e0e0; background-color: #ffffff;}
.xfields select {color: #555555; font-size: 11px; font-family: tahoma; height: 18px; border: 1px solid #e0e0e0; background-color: #ffffff;}
/* Дополнительные поля профиля пользователей */
.xprofile textarea {color: #555555; font-size: 11px; font-family: tahoma; width: 320px; height: 86px; border: 1px solid #e0e0e0; background-color: #ffffff;}
.xprofile input {color: #555555; font-size: 11px; font-family: tahoma; width: 250px; height: 14px; border: 1px solid #e0e0e0; background-color: #ffffff;}
/* Персональные сообщения */ 
table.pm input.bbcodes {margin: 10px 0px 20px 0px; position: relative; right: -32px;}
.pm_head {padding-top: 15px;}
.pm_list {color: #888; line-height: 22px;}
.pm_list img {display: none !important;}
.pm_list a {color: #888;}
.pm-body {font: 1.2em/14px Verdana, Sans-serif; padding-bottom: 10px;}
/* Выпадающее меню */
#dropmenudiv {border: 1px solid #ccc; font: normal 10px/20px 'Verdana'; margin: 2px;}
#dropmenudiv a {display: block; text-indent: 3px; text-decoration: none; color: #666; background: #fff; border: 1px solid #eee; padding: 1px 0px;}
#dropmenudiv a:hover {background: #eee; color: #888;}
/* Ссылка на скачивание прикрепленного файла */
.attachment {color: #808080;}
/* Поиск по сайту и результаты поиска */
/*.textin {color: #555555; font-size: 11px; font-family: tahoma; border: 1px solid #e0e0e0; text-decoration: none; padding-left: 3px; background-color: #fff;}*/
.sresult {text-align: justify; font-weight: normal; line-height: 16px; font-family: tahoma; font-size: 12px; color: #555555;}
/* показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-wrapper, .highslide-outline {background: #FFFFFF;}
.highslide-image {border: 2px solid #FFFFFF;}
.highslide-active-anchor {visibility: hidden;}  
.highslide-active-anchor img {visibility: hidden;}
.highslide-dimming {background: black;}
.highslide-html {background-color: white;}
.highslide-loading {display: block; color: #ffffff; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid #fff; background: #888;}
a.highslide-full-expand {background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-caption {display: none; padding: 5px; background: white;}
.highslide-controls {width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat; margin: 10px 15px 10px 0px;}
.highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;}
.highslide-controls li {float: left; padding: 5px 0;}
.highslide-controls a {background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a span {display: none;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}

/* Облако тегов */
.clouds_xsmall {font-size: x-small;}
.clouds_small {font-size: small;}
.clouds_medium {font-size:;}
.clouds_large {font-size: large;}
.clouds_xlarge {font-size: x-large;}

/* ==================== Информационное оконо загрузки AJAX */
#loading-layer {
display:none;
font-family: Verdana;font-size: 11px;
background:#000;padding:10px;
text-align:center;
border:1px solid #000;
color: #FFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
/* ==================== Автозаполнение облака тегов */
.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
            list-style:none;
            padding: 2px;
            margin: 0;
            display:block;
            float: left;
}
.ui-menu .ui-menu {
            margin-top: -3px;
}
.ui-menu .ui-menu-item {
            margin:0;
            padding: 0;
            zoom: 1;
        float: left;
            clear: left;
            width: 100%;
}
.ui-menu .ui-menu-item a {
            text-decoration:none;
            display:block;
            padding:.2em .4em;
            line-height:1.5;
            zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
}

/* ==================== Быстрый поиск на сайте */
#searchsuggestions { border-width:1px; border-color:#919191; border-style:solid; width:300px; background-color:#5c9ccc; font-size:10px; line-height:14px; }
#searchsuggestions a { padding:5px;display:block; background-color:#ffffff; clear:left; height:70px; text-decoration:none; }
#searchsuggestions a:hover { background-color:#fdd08b; color:#ffffff; }
#searchsuggestions a span.searchheading { background: #5c9ccc; display:block; font-weight:bold; padding:5px; color:#ffffff; }
#searchsuggestions a:hover span.searchheading { color:#ffffff; }
#searchsuggestions a span {color:#555555; }
#searchsuggestions a:hover span { color:#0000; }
#searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; }
#searchsuggestions span.notfound {  padding:5px;background-color:#ffffff; display:block; height:auto; color:#00000; }
/* ==================== Диалоговые и всплывающие окна jQuery UI */
.ui-helper-clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}
.ui-widget {
font-family: Tahoma, Lucida Sans, Arial, sans-serif;
font-size: 11px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: tahoma, Arial, sans-serif;
font-size: 11px;
}
.ui-widget-content {
background: #fcfdfd 50% bottom repeat-x;
border: 1px solid #a6c9e2;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
background: #5c9ccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
border: 1px solid #4297d7;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background: #dfeffc url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
border: 1px solid #c5dbec;
color: #2e6e9e;
font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #2e6e9e;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
background: #d0e5f5 url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
border: 1px solid #79b7e7;
color: #1d5987;
font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #1d5987;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #f5f8f9 50% 50% repeat-x;
border: 1px solid #79b7e7;
color: #e17009;
font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
.ui-state-error {
background: #fef1ec 50% 50% repeat-x;
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(../images/ui-icons_h.png);
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: .4em .8em;
}
input.ui-button {
padding: .4em 1em;
}
.ui-button-set {
margin-right: 7px;
}
.ui-button-set .ui-button {
margin-left: 0;
margin-right: -.3em;
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-dialog {
overflow: hidden;
padding: .2em;
position: absolute;
width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
background: none;
border: 0;
overflow: hidden;
padding: .5em 1em;
position: relative;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0 0;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
line-height: 1.4em;
margin: .5em .4em .5em 0;
overflow: visible;
padding: .2em .6em .3em .6em;
width: auto;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*---Подсветка кода в теге [code]---*/
pre code {
  display: block; padding: 0.5em;
  background: #f9fafa; 
  border: 1px solid #dce7e7;
  overflow:auto;
  white-space: pre;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
}
/*---прогресс бар заполненности персональных сообщений---*/
.pm_progress_bar {
	border: 1px solid #d8d8d8;
	padding: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pm_progress_bar span {
	background: #000000;
	font-size: 0em;
	text-indent: -2000em;
	height: 10px;
	display: block;
	overflow: hidden;
}
.pm_status {
	float:left;
	border: 1px solid #d8d8d8;
	padding: 0px;
	background-color: #fff;
	width: 280px;
	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;
}
/*---Вывод результатов голосования на сайте---*/
.voteprogress {
  overflow: hidden;
  height: 15px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.voteprogress span {
  color: #ffffff;
  text-align: center;
  text-indent: -2000em;
  height: 15px;
  display: block;
  overflow: hidden;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
}

.voteprogress .vote2 {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

.voteprogress .vote3 {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}

.voteprogress .vote4 {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}

.voteprogress .vote5 {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}

/*---Вывод результатов опросов в новостях---*/
.pollprogress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.pollprogress span {
  color: #ffffff;
  height: 18px;
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
}

.pollprogress .poll2 {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

.pollprogress .poll3 {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}

.pollprogress .poll4 {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}

.pollprogress .poll5 {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}












/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .rightcol{
    display: none;
  }
  .leftcol{
    float: none;
    width: auto;
  }
  .page{
    padding-left: 10px;
    padding-right: 10px;
  }
}
.toggle-menu{
  display: none;
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  body{
    background: none;
  }


  .overlay{
  position:fixed;
  background:rgba(0,0,0,0.9);
  height:100%;
  left:0;
  top:0;
  width:100%;
  z-index:10;
  display: none;

}
.toggle-menu{
  width:35px;
  position:fixed;
  right:15px;
  top:15px;
  cursor:pointer;
  background:#fff;
  border:3px solid #fff;
  z-index:12;
  display: block;
}
.toggle-menu span{
  display:block;
  height:4px;
  background:#000;
  margin-top:4px;
}
.toggle-menu span:first-child{
  margin-top:0;
}
.topmenu{
    z-index: 12;
    position: fixed;
    top:50px;
    left:50%;
    
    width: 300px;
    background: none;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -150px;
    display: none;
  }
  .topmenu li{
    text-indent: -9999px;
  }
  .topmenu a{
    text-indent: 0;
    color: #fff;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
  }
  .header-logo{
    width: auto;
    float: none;
    text-align: center;
  }
  .header-logo b{
    display: block;
  }
  .ph{
    float: none;
    width: 285px;
    margin: 0 auto;
    text-align: center;
  }
  .ph br{
    display: none;
  }
  .ph img{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header{
    height: auto;
  }
  .nav{display: none;}
  .about img{
    display: block;
    width: 100%;
    height: auto;
  }
  .footer-banners {
    float: none;
    margin-top: 10px;
  }
  .footer-text{
    float: none;
    width: auto;
  }
  .header-logo b{
    font-size: 2em;
  }
  .header-logo{
   padding-top: 50px;
  }
  .fullnews img{
    display: block;
    width: 100%;
    height: auto;
  }
  .fullnews form img{
    width: auto;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .shortnews-body>form>input[type='hidden']+input[type='hidden']+input[type='hidden']+div{
    left:auto !important;
    width: 298px!important;
    margin: 0 auto!important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}
.about p {font-size: 16px; color: black;margin: 10px 0;padding: 0px;}
.about h2,h3 {font-size: 22px; color: black;font-weight: bold;margin: 15px 0;}
.about h1 {margin-bottom: 15px;color: black;}
.about ul li {font-size: 16px; color: black;list-style-type: disc;}
.about ol li {font-size: 16px; color: black;list-style-type: decimal;}
.about ul,ol {margin-left: 30px;padding: 0px;}
.about br {display: none;}

.shortnews-body p {font-size: 16px; color: black;margin: 10px 0;padding: 0px;}
.shortnews-body h2,h3 {font-size: 22px; color: black;font-weight: bold;margin: 15px 0;}
.shortnews-body h1 {margin-bottom: 15px;color: black;}
.shortnews-body ul li {font-size: 16px; color: black;list-style-type: disc;}
.shortnews-body ol li {font-size: 16px; color: black;list-style-type: decimal;}
.shortnews-body ul,ol {margin-left: 30px;padding: 0px;}
.shortnews-body br {display: none;}