@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:justify}
.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:18px;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:20px;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}



.profile {height:30px;font-size:13px;display:inline-block;position:relative} 

 .profile-menu {position:relative!important} 
 .profile-button s {display:inline-block;z-index:9;background:#3297db;color:#fff;font-size:10px;margin-right:10px;margin-left:1px;line-height:14px;padding:2px 6px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} 
 .profile-button, .profile-button:hover {display:inline-block;color:#666;position:relative;line-height:30px;padding-left:39px;padding-right:18px;text-decoration:none} 
 .profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(0,0,0,0.3);} 
 .profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} 
 .profile-avatar {display:inline-block;width:24px;height:24px;position:absolute;top:-0px;left:0px;border-radius: 20px;} 
 .profile-avatar img {width:24px;height:24px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff} 

 .profile-menu:hover .profile-list {visibility:visible;} 
 .profile-list {position:absolute;width:190px!important;right:0px!important;top:28px;padding-top:18px;visibility:hidden;z-index:9;} 
 .profile-list-in {background:#fff;width:190px!important;max-width:190px!important;padding:3px 0px;box-shadow:0px 8px 35px rgba(0,0,0,0.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
 .profile-list-in a {display:block;padding:0px 20px!important;line-height:42px!important;text-decoration:none;text-align:left;border-bottom:1px solid #f1f1f1;font-size:12px;color:#8a8a8a} 
 .profile-list-in a:hover {color:#000;} 
 .profile-list-in a.last {border-bottom:0px !important} 
 .profile-list-in a i {background:#3297db;color:#fff;float:right;font-style:normal;font-size:10px;padding:0px 6px;line-height:16px !important;margin-top:12px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}




.tabs {
 list-style: none;
 height: 32px;
 border-bottom: 1px solid #e0e0e0;
 margin: 0;
 padding: 0;
 }
 .page_tabs {
 list-style: none;
 height: 32px;
 width: 100%;
 margin-top: 10px;
 margin-bottom: -20px;
 border-bottom: none;
 }
 .tabs li, .page_tabs li {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 31px;
 line-height: 32px;
 border: 1px solid #e0e0e0;
 overflow: hidden;
 position: relative;
 background: #eaeaea url('http://mvcreative.ru/example/18/images/tab-bg.png') repeat-x;
 margin-right: 2px;
 margin-bottom: -1px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 }
 .page_tabs li.active a {
 -webkit-border-top-right-radius: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 }
 .tabs li a, .page_tabs li a {
 font-weight: bold;
 color: #666666;
 text-decoration: none;
 display: block;
 padding: 0px 20px;
 outline: none;
 }
 .tabs li a:hover, .page_tabs li a:hover {
 color: #3DC0E0;
 }
 .tabs li.active, .tabs li.active a, .tabs li.active a:hover, .page_tabs li.active, .page_tabs li.active a, .page_tabs li.active a:hover {
 color: #333333;
 background: #ffffff;
 border-bottom: 1px solid #ffffff;
 }
 .tab_container {
 border: 1px solid #e0e0e0;
 border-top: none;
 overflow: hidden;
 margin-bottom: 20px;
 background: #ffffff;
 -webkit-border-bottom-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-bottomleft: 4px;
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
 }
 .tab_content {
 margin: 19px;
 /* 20 - border */
 }







/*------------------------------------* $WRAPPER *------------------------------------*/ .buttons {/* Style as you wish (toolbar) */ } /* The Magnificent CLEARFIX */ .buttons:before, .buttons:after { content: "020"; display: block; height: 0; visibility: hidden; } .buttons:after { clear: both; } .buttons { zoom: 1; } /* ------------------------ */ /*------------------------------------* $BUTTON *------------------------------------*/ button { text-decoration: none; text-shadow: 0 1px 0 #fff; font: bold 11px Helvetica, Arial, sans-serif; color: #444; line-height: 17px; height: 18px; display: inline-block; float: left; margin: 5px; padding: 5px 6px 4px 6px; background: #F3F3F3; border: solid 1px #D9D9D9; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: border-color .20s; -moz-transition: border-color .20s; -o-transition: border-color .20s; transition: border-color .20s; height: 29px !important; cursor: pointer; } button:hover { background: #F4F4F4; border-color: #C0C0C0; color: #333; } button:active { border-color: #4D90FE; color: #4D90FE; -moz-box-shadow:inset 0 0 10px #D4D4D4; -webkit-box-shadow:inset 0 0 10px #D4D4D4; box-shadow:inset 0 0 10px #D4D4D4; } button.bluebtn { border: 1px solid #3079ED !important; background: #4B8DF8; background: -webkit-linear-gradient(top, #4C8FFD, #4787ED); background: -moz-linear-gradient(top, #4C8FFD, #4787ED); background: -ms-linear-gradient(top, #4C8FFD, #4787ED); background: -o-linear-gradient(top, #4C8FFD, #4787ED); -webkit-transition: border .20s; -moz-transition: border .20s; -o-transition: border .20s; transition: border .20s; } button.bluebtn:hover { border: 1px solid #2F5BB7 !important; background: #3F83F1; background: -webkit-linear-gradient(top, #4D90FE, #357AE8); background: -moz-linear-gradient(top, #4D90FE, #357AE8); background: -ms-linear-gradient(top, #4D90FE, #357AE8); background: -o-linear-gradient(top, #4D90FE, #357AE8); } button.greenbtn { border: 1px solid #29691D !important; background: #3A8E00; background: -webkit-linear-gradient(top, #3C9300, #398A00); background: -moz-linear-gradient(top, #3C9300, #398A00); background: -ms-linear-gradient(top, #3C9300, #398A00); background: -o-linear-gradient(top, #3C9300, #398A00); -webkit-transition: border .20s; -moz-transition: border .20s; -o-transition: border .20s; transition: border .20s; } button.greenbtn:hover { border: 1px solid #2D6200 !important; background: #3F83F1; background: -webkit-linear-gradient(top, #3C9300, #368200); background: -moz-linear-gradient(top, #3C9300, #368200); background: -ms-linear-gradient(top, #3C9300, #368200); background: -o-linear-gradient(top, #3C9300, #368200); } button.redbtn { border: 1px solid #D14836 !important; background: #D64937; background: -webkit-linear-gradient(top, #DC4A38, #D14836); background: -moz-linear-gradient(top, #DC4A38, #D14836); background: -ms-linear-gradient(top, #DC4A38, #D14836); background: -o-linear-gradient(top, #DC4A38, #D14836); -webkit-transition: border .20s; -moz-transition: border .20s; -o-transition: border .20s; transition: border .20s; } button.redbtn:hover { border: 1px solid #B0281A !important; background: #D14130; background: -webkit-linear-gradient(top, #DC4A38, #C53727); background: -moz-linear-gradient(top, #DC4A38, #C53727); background: -ms-linear-gradient(top, #DC4A38, #C53727); background: -o-linear-gradient(top, #DC4A38, #C53727); } button.action:hover { -moz-box-shadow: 0 1px 0px #DDD; -webkit-box-shadow: 0 1px 0px #DDD; box-shadow:iset 0 1px 0px #DDD; } button.action:active { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #C6C6C6 !important; } button.bluebtn:active { border-color: #2F5BB7 !important; } button.greenbtn:active { border-color: #2D6200 !important; } button.redbtn:active { border-color: #B0281A !important; } /*------------------------------------* $BUTTON LABEL *------------------------------------*/ button span.label { display: inline-block; float: left; line-height: 17px; height: 18px; padding: 0 1px; overflow: hidden; color: #444; -webkit-transition: color .20s; -moz-transition: color .20s; -o-transition: color .20s; transition: color .20s; } button span.label { line-height: 15px !important; } button:hover .label.bluebtn { color: #7090C8; } button:hover .label.greenbtn { color: #42B449; } button:hover .label.yellow { color: #F7CB38; } button.bluebtn .label { color: #FFF !important; text-shadow: 0 1px 0 #2F5BB7 !important; } button.greenbtn .label { color: #FFF !important; text-shadow: 0 1px 0 #2D6200 !important; } button.redbtn .label { color: #FFF !important; text-shadow: 0 1px 0 #B0281A !important; } button.action .label { padding: 0 17px !important; } button.action:active .label { color: #333 !important; } button.bluebtn:active .label, button.greenbtn:active .label, button.redbtn:active .label { color: #FFF !important; }