@font-face {
 font-family: 'Droid Sans';
 src: url('http://64424.selcdn.ru/webfont/droidsans/droidsans.eot');
 src: local('Droid Sans'), local('DroidSans'), url('/img/droidsans.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Droid Sans';
 src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('/img/droidsans-bold.woff') format('woff');
 font-weight: 700;
 font-style: normal;
}

html, body {margin:0;padding:0;width:100%;height:100%;overflow:hidden}

img {border:0}
hr {height:1px;border:0;background:#dedede}

a {color:#003062;text-decoration:underline}
a:hover {color:#003062;text-decoration:none}

.top a, .top a *, .mtr_social a {
 transition: all linear .1s;
 -moz-transition: all linear .1s;
 -webkit-transition: all linear .1s;
 -o-transition: all linear .1s;
}

#uCatsMenu7 {margin-left:-270px}
#catSelector9 {height:20px;line-height:20px}

h1 {padding:0;margin:0;margin-bottom:7px;display:block;margin-top:0;font-size:24px;font-weight:bold}
h2 {font-size:20px}
h3 {font-size:18px}
h4 {font-size:16px}
h5, h6 {font-size:15px}
h2, h3, h4, h5, h6 {padding:0;margin:7px 0;display:block;font-weight:bold;color:#3A3A3A}


.body {display:table;width:100%;height:100%;font-family: 'Droid Sans', Verdana, sans-serif;font-size:15px;color:#191919}

.body .top {display:table-cell;vertical-align:top;width:270px;background:url('/img/bg.jpg') #1d1d1d center left;color:rgba(255,255,255,0.8)}
.in_top {padding:30px 30px;width:210px}
.in_top .logo, .in_top .logo:hover {color:#FFF;text-decoration:none;text-align:center;display:block}
.in_top .logo h1 {padding:0;margin:0;font-size:24px;font-weight:bold;}

.content {display:table-cell;vertical-align:top;overflow:auto;position:absolute;bottom:0;top:0;right:0;left:270px;background:#FFF}
.in_content {padding:30px 60px}
.in_content_info {width:800px;overflow:hidden;text-align:left;}
.in_content_info img {max-width:100%}

#menu {margin-top:20px}
#menu ul {margin:0;padding:0;list-style-type:none}
#menu li {margin:0;padding:4px 0} 
#menu a {color:rgba(255,255,255,0.7);text-decoration:none;font-size:15px;font-weight:bold} 
#menu a:hover {color:#FFF;text-decoration:none}
#menu ul ul {display:none !important}

.top_bottom {position:absolute;width:210px;left:30px;bottom:30px}
.top_bottom .site_info {font-size:13px;margin-top:20px;color:rgba(255,255,255,0.7);text-align:left}
.top_bottom .socials a {display:inline-block;width:24px;height:24px;background-image:url('/img/socials.png');opacity:0.6} 
.top_bottom .socials a:hover {opacity:1}

.mtr_in {margin-bottom:10px}
.mtr {margin-bottom:30px}
.mtr_title {font-size:30px;font-weight:bold;margin-bottom:10px}
.mtr_message {text-align:justify}
.mtr_details {color:#8c8c8c;font-size:14px;margin-bottom:10px}
.mtr_details a {color:#8c8c8c;text-decoration:underline}
.mtr_details a:hover {color:#777777;text-decoration:none}
.mtr_rating {padding:10px 1px;border-top:1px solid #dedede}
.mtr_rated {color:#8c8c8c;font-size:13px;margin-top:2px}
.mtr_tags {color:#8a8a8a;font-size:13px;padding:10px 1px;border-top:1px solid #dedede}
.mtr_social {margin-bottom:10px;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.mtr_comm_title {font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:10px}
.mtr_social a {margin:0;margin-left:3px;width:32px;height:32px;display:inline-block;background:url('/img/social-sprite.png')}
.mtr_social a:hover {opacity:0.8}
.mtr_social .vkontakte {background-position: 0 -32px}
.mtr_social .facebook {background-position: 0 0}
.mtr_social .moimir {background-position: 0 -64px}
.mtr_social .odnoklassniki {background-position: 0 -96px}
.mtr_social .twitter {background-position: 0 -128px}
.mtr_social .google {background-position: 0 -160px}

.vkontakte {background-position:0 0}
.twitter {background-position:0 -24px}
.facebook {background-position:0 -48px}
.dribbble {background-position:0 -72px}
.behance {background-position:0 -96px}
.instagram {background-position:0 -120px}
.google {background-position:0 -144px}
.youtube {background-position:0 -168px}
.deviant {background-position:0 -192px}
.odnoklassniki {background-position:0 -216px}

footer {color:#8c8c8c;font-size:14px;margin-top:30px}
footer a {color:#8c8c8c;text-decoration:underline}
footer a:hover {color:#777777;text-decoration:none}


@media only screen and (max-height: 500px) {.top_bottom {display:none}}

@media only screen and (max-width: 1180px) {.in_content_info {width:100%}}

@media only screen and (min-width: 900px) {#menu {margin-top:15px;display:block !important}}

@media only screen and (min-width: 500px) and (max-width: 900px) {#menu {margin-top:15px;display:block !important}}


@media only screen and (max-width: 900px) {
html, body {overflow:auto}
.body {display:block}
.body .top {display:block;width:100%;text-align:center;background-position:center center}
.in_top {width:100%;padding:0;padding-top:20px;padding-bottom:20px}
.top_bottom {position:static;width:100%;text-align:center;margin-top:15px;}
.top_bottom .site_info {display:none}
.content {display:block;position:static;}
.in_content {padding:30px}
.in_content_info {width:100%}

#uCatsMenu7 {margin-left:0px !important}

.logo img {width:70px}
#menu {margin-top:15px}
#menu ul {margin:0;padding:0;list-style-type:none;display:inline-block}
#menu li {margin:0;padding:0px 7px;display:inline-block} 
#menu a {color:rgba(255,255,255,0.7);text-decoration:none;font-size:15px;font-weight:bold} 
#menu a:hover {color:#FFF;text-decoration:none}

}



@media only screen and (max-width: 500px) {
body {font-size:14px}
.body {position:static}
.body .top {padding:0;text-align:left;position:static}
.in_top {padding-bottom:0;text-align:left}
.logo {padding-bottom:20px;padding-left:17px;display:inline-block !important;text-align:left !important}
.logo img {display:none}
.top_bottom {display:none}
#menu {display:none;background:#232424;padding-bottom:0;margin-top:0}
#menu ul {display:block;}
#menu li {display:block;padding:0}
#menu a {padding:10px 15px;display:block;border-bottom:1px solid #3b3b3b;font-size:18px;font-weight:normal}
.in_content {padding:17px}

.menu_link {background:url('/img/menu.png');width:24px;height:24px;display:inline-block;float:right;margin-right:17px}
}


/* Calendar Style */

.calTable td {color: #6e6e6e;padding: 4px 7px 5px 7px;text-align:center}
td.calMonth a {color: #646464;}
td.calWday {color: #908b8b;}
td.calWdaySe {font-weight:bold}
td.calWdaySu {font-weight:bold}
td.calWday, td.calWdaySu, td.calWdaySe {border: 1px solid rgba(0,0,0,0.2)}
td.calMdayA {color: #fffffe;background: #484848;}
a.calMdayLink {color: #75a3de;}
td.calMdayIsA {color: #fffffe;background: none;}

/* Entries Style */

.eTit {font-size:18px;margin-top:5px}
.eMess {margin-top:10px}
.eDet {margin-top:10px;margin-bottom:10px;color:#515151}
.eTitle {font-size:15px;color: #3d3d3d;padding:0px 8px}
.eMessage, .eText {padding: 0px 10px 10px 10px !important;text-align: justify !important;color: #646464;font-size:13px}
.eMessage img, .eText img {background: #fff; padding: 4px !important; border-bottom: 1px solid #ccc !important; margin: 5px !important;}
.eDetails, .eDetails1, .eDetails2 {border-top: 1px solid #d6d6d6; padding: 5px 10px;font-size: 11px;text-transform: uppercase;}
#mchatBtn {width:100% !important;padding-left:7px !important}

/* Comments Style */

.comEnt2, .comEnt1 {margin:0 !important}
.comEnt2, .comEnt1 table {padding:0}

.com_in {margin-bottom:5px}
.com_in input, .com_in textarea {margin:0;width:100%;}
.com_sec {margin-top:5px;margin-bottom:5px}
.com_sec input {margin:0}

.cMessage, .cAnswer {text-align: justify !important;}
.cBlock1, .cBlock2 { margin: 0px !important;padding: 12px 0 !important;border-bottom:1px solid #dedede}
#maincol .cBlock1, #maincol .cBlock2 {border-top-color: #cacaca; margin: 0px !important;}

a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}


/*Switches*/
.catPages1 {text-align:left !important;padding:0 !important;margin:0 !important;}
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {color:#FFF;display: inline-block;padding: 5px 10px;text-decoration: none;font-weight:normal}
.swchItem, .swchItem1 {color:#787878;background:#dcdcdc;} 
.swchItem:hover, .swchItem1:hover {background:#c9c9c9;color:#787878;text-decoration:none}
.swchItemA, .swchItemA1 {background:#003062}
.catPages1, .catPages2 {padding: 10px 0;}
.pagesBlock2 {margin-top:10px!important;display:block}
.uSpoilerText {padding:10px;border:1px solid #dedede;margin-top:10px;}
.codeMessage, .quoteMessage {padding:10px 15px;font-size:15px !important;font-family: sans-serif !important;color:rgba(0,0,0,0.7)}
.bbQuoteBlock, .bbCodeBlock {background:none}
.bbQuoteName, .bbCodeName {display:none}

.quoteMessage {border:0 !important;background:#e9e9e9 url('/img/quote.png') 10px 10px no-repeat;padding-left:52px;color:#484848}
.codeMessage {border:0 !important;background:#e9e9e9 url('/img/code.png')10px 10px no-repeat;padding-left:52px;color:#484848}

/* Forum */

.gTable {background: none;}
.gTable td {background: #FFF; border: 1px solid #d8d8d8;padding: 5px 7px;font-size:14px}
td.gTableTop {font-size:14px;color: #FFF;padding: 8px 10px;background: #003062;border: none;}
td.gTableTop a {font-size:14px; color: #FFF;}
td.gTableSubTop, td .postTdTop {background: #d8d8d8;border: 1px solid #d8d8d8;color: #464646;padding: 4px 10px;}
td.gTableSubTop a, td .postTdTop a {color: #464646;}
.forumIcoTd,.forumThreadTd,.forumPostTd {text-align:center;}
.forumDescr,.forumModer {font-size:11px;color:#585858}
td.pagesInfo, td.switch, td.switchActive {background: #ffffff; border: 1px solid #dcdbe0; padding-left: 5px; padding-right: 5px;}
td.switch, td.switchActive { background: #CCCCCC;border:1px solid #CCCCCC; color: #FFF;}
td.switch a {color: #4c4c4c;}
.threadDescr {font-size:11px;color:#585858}

.postPoll td {border: 0px !important;}
.postFirst {border: 0px !important;}
.postRest1 {border: 0px !important;}
.postRest2 {border: 0px !important;}
postSeparator {border: 0px !important}
.postBottom td {border: 0px;padding: 0px 5px !important;}
.postBottom img {vertical-align: middle;}
.postTdInfo {text-align: center;}
.posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;}
.smilesPart td {border: 0px !important;}

input[type=text],input[type=password],textarea {height: 25px;padding: 0 7px;font-family: 'Droid Sans', Verdana, sans-serif;font-size:13px;color: #3B3B3B;background: #fff;border: 1px solid #D8D8D8;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {border:1px solid #A2A2A2}
input.securityCode {height: auto}
textarea {padding: 5px 7px;height: auto;overflow: auto;resize: none;line-height: 20px}
input[type=button],input[type=submit],input[type=reset],.button{margin: 0;padding: 0 10px; display: inline-block; text-align:center; height: 25px; font-family: 'Droid Sans', Verdana, sans-serif;font-size:13px; color: #fff; text-decoration: none; border: 0; background-color: #003062; cursor: pointer}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,.button:hover {text-decoration: none;background-color: #003062;}
.myBtnLeftA img, .myBtnRightA img {display:none}

.popup_header {background:#5c5c5c;color:#FFF;font-weight:bold;padding:10px}
.popup_content {padding:10px}

.mtr {padding: 0px;display:table} 
.mtr .article_counters {margin-bottom:10px;} 
.mtr .im {background:#fff;padding-right:15px;display:table-cell;vertical-align:top} 
.mtr_td {display:table;vertical-align:top} 
.mtr .inim {width:330px;height:145px;overflow:hidden} 
.mtr_descr {margin:0;position:absolute;top:-9000px} 
.name_mtr {margin-bottom:7px;font-size:16px;font-weight:bold} 
.article_counters {margin-bottom:14px;font-size:14px;color:#8c8c8c} 
.article_counters span {display:inline-block;margin-right:10px} 
.article_counters .dats {background:url('/public/time.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .views {background:url('/public/views.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .coms {background:url('/comment.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .catalog {background:url('/public/catalog.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .user {background:url('/public/user.png') 0px 1px no-repeat;padding-left:20px}

@media only screen and (min-width: 100px) and (max-width: 600px) {
.mtr_td {display:table-row;vertical-align:top} 
.mtr .inim {width:100%;overflow:hidden}
.article_counters span {display:inline-block;margin-right:5px} 
}

#vk_comments,
#vk_comments iframe {
 width: 100% !important;
}