@import url(../css/reset.css);
html { height:100%; font-size:.75em; }
body { position:relative; background-color:#fff; font:100.1% Tahima, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; color:#878785 }

a { color:#878785; text-decoration:underline }
a:hover { color:#f54029 }
a * { cursor:pointer; }
a.more { background:url(../images/ic-more.png) no-repeat 100% 60%; padding-right:8px }
strong { font-weight:bold }

img.left { float:left; margin-right:1em; margin-bottom:1em; position:relative }

.topborder { height:3px; position:relative; overflow:hidden; width:328px; border-right:628px #f54029 solid; display:block; background:#878785; margin:0 auto }

#header { padding-top:17px;  }
#header .container { border-top:1px solid #e6e6e5; border-bottom:1px solid #e6e6e5; height:71px; }
#header .width { width:973px; margin:0 auto; position:relative; }

h1 { width:344px; height:104px; margin-bottom:-33px; z-index:10; background:#fff; top:-1px; position:relative; line-height:72px; font-size:4em; font-weight:bold; text-align:center; overflow:hidden }
h1 a { color:#878785; text-decoration:none }
h1 span { position:absolute; z-index:2; top:3px; left:18px; background:url(../images/logo.png) no-repeat; width:305px; height:101px; }

.headmenu, .usermenu { position:absolute; left:385px; top:24px; font-weight:bold }
.headmenu li { height:18px; line-height:18px; float:left; margin-right:32px; padding-left:25px }
.headmenu .perspage { background:url(../images/ic-ologin.png) no-repeat 0 0;}
.headmenu .register { background:url(../images/ic-oregister.png) no-repeat 0 0;}

.usermenu { top:31px; overflow:hidden; padding-bottom:5px;  }
.usermenu li { height:11px; line-height:11px; float:left; padding:0 10px; border-left:1px solid #878785; margin:0 11px 0 -11px  }
.usermenu li a { display:block; float:left; padding-bottom:1px }
#header .nlink .usermenu { left:42px; position:absolute }
#header .nlink .usermenu a, #header .usermenu a, #header .headmenu a { color:#878785; text-decoration:underline; font-size:1em  }
#header .nlink .usermenu a:hover, #header .usermenu a:hover, #header .headmenu a:hover { color:#f54029 }


#header .nlink { position:absolute; right:0; top:-1px; height:57px; width:118px; padding-left:42px; padding-top:14px; padding-right:12px }
#header .nlink a { color:#f54029; font-size:.9166em;  }
#header .nlink a:hover { color:#858585 }
#header .nlink .corners { display:block; background:#fff; border-left:1px solid #e6e6e5; border-right:1px solid #e6e6e5; width:15px; height:73px; position:absolute; top:0; left:0 }
#header .nlink .corners i { display:block; position:absolute; overflow:hidden; height:6px; width:6px; background:no-repeat url(../images/head-corners.png);}
#header .nlink .corners .c1 {left:-6px; top:0; background-position:100% 0; }
#header .nlink .corners .c2 {right:-6px; top:0; background-position:0 0; }
#header .nlink .corners .c3 {left:-6px; bottom:0; background-position:100% -6px; }
#header .nlink .corners .c4 {right:-6px; bottom:0; background-position:0 -6px; }

#header .path { font-size:.8333em; margin-left:385px; overflow:hidden; padding-top:14px; color:#bebebe; position:absolute; z-index:10  }
#header .path li { float:left; padding-left:12px; padding-right:10px; background:url(../images/ic-smsep.png) no-repeat 0 50% }
#header .path .main { background-image:url(../images/ic-home.png); padding-left:20px }
#header .path a { color:#bebebe }
#header .path a:hover { color:#858585 }

#page { width:964px; margin:-15px auto 0; overflow:hidden; padding-top:59px; padding-bottom:80px; position:relative; z-index:2 }
.mainnav { width:227px; float:left; position:relative; z-index:3 }
.mainnav ul { padding:4px 10px 10px 18px; font-size:.9166em  }
.mainnav li { padding-top:4px }
.mainnav li.active{ color:#f5422c }
.mainnav li dfn { background:url(../images/ic-navn.jpg) no-repeat 50%; padding:2px 4px; margin-right:4px; text-decoration:none; font-size:.8181em; color:#f5422c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.mainnav li.active dfn { background:url(../images/ic-navna.jpg) no-repeat 50%; color:#fff;}
.mainnav h2 { font-size:1.1em; font-weight:bold; padding-left:1px; color:#878785; margin-top:20px; overflow:hidden; background:url(../images/ic-navlist.png) no-repeat 96% 50%; border-bottom:3px solid #878785 }
.mainnav h2.active { color:#f5422c; border-color:#f5422c }
.mainnav h2 span { position:relative; float:left; overflow:auto; height:16px; display:block;  line-height:14px; width:132px }
.mainnav h2 del { display:block; position:absolute; height:16px; top:0; left:0; background:no-repeat; width:100% }
.mainnav h2.oficialno span { width:90px;} .mainnav h2.oficialno del { background-image:url(../images/header-ln1.png) }
.mainnav h2.snachala span { width:117px;} .mainnav h2.snachala del { background-image:url(../images/header-ln2.png) }
.mainnav h2.mozhetprigoditsya span { width:139px;} .mainnav h2.mozhetprigoditsya del { background-image:url(../images/header-ln3.png) }
.mainnav h2.platezhi del { background-image:url(../images/header-ln6.png) }
.mainnav h2.popolnitbalans del { background-image:url(../images/header-ln7.png) }
.mainnav h2.nastroiki del { background-image:url(../images/header-ln8.png) }

.mainnav .vote { background:#ececec; width:224px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; margin-top:1em; color:#656565; font-size:.9166em; }
.mainnav .vote div { background:url(../images/qblock-top.png) no-repeat; margin-left:-2px; position:relative; right:-1px; width:226px; }
.mainnav .vote dl { background:url(../images/qblock-bott.png) 0 100% no-repeat; padding:20px }
.mainnav .vote dt { font-weight:bold; padding-bottom:.5em;  line-height:1.6 }
.mainnav .vote input { vertical-align:middle; margin-right:4px }
.mainnav .vote dd { padding:1px 0 0 20px; }
.mainnav .vote .button { margin-top:.4em}

.contentpadding { padding:0 0 0 266px; width:424px; position:relative; z-index:1 }
#content { border:5px solid #858585; width:553px; margin-left:-18px; }
#content.c-homepage { background:url(../images/mb-headkruglyashki.png) no-repeat 29px 23px;  }
#content .corn-t { position:relative; margin:-5px 0 0 0; left:-5px; width:563px; display:block; height:16px; background:url(../images/mb-corners.png) no-repeat;  }
#content .corn-t i { display:block; height:31px; background:url(../images/mb-cornertopright.png) no-repeat 100% 0; position:absolute; right:0; top:0; width:50% }
#content .corn-b { position:relative; margin:0 0 -5px 0; left:-5px; width:563px; display:block; height:16px; background:url(../images/mb-corners.png) 0 -16px no-repeat;  }
#content .corn-b i { display:block; height:16px; background:url(../images/mb-corners.png) no-repeat 100% 100%; float:right; width:50% }

#content.c-homepage .text { padding:4px 130px 24px 26px; font-size:1em; min-height:0; height:auto }
#content .text { padding:4px 105px 24px 26px; font-size:.9166em ;  min-height:440px; height:auto !important; height:440px }
#content .mainimg { margin-top:-11px; position:relative; z-index:2; margin-left:-200px; left:200px  }
#content a { color:#f54029; text-decoration:none }
#content a:hover { text-decoration:underline }
#content p { margin-bottom:1em }
#content h2 { font-size:2.1818em; font-weight:bold; margin-bottom:.8em; color:#f54029; }
#content.c-homepage h2 { font-size:2em }

#content dd { border-top:1px solid #ececec; padding:6px 0 3px }
#content dl .date { color:#bebebe; padding:1.2em 0 .2em }
#content dd p { margin:0 0 1em}
#content dd a { color:#878785; text-decoration:underline; }
#content dd a:hover { color:#f54029; }
#content p.more { margin-top:-.4em}
#content p.more a { padding:0; margin:0; color:#bebebe; background:0; font-size:.9166em }
#content dd.archive { font-weight:bold; text-transform:uppercase; padding:18px }

#content .block { background:#ececec; }
#content .block .container { background:#ececec; padding:6px 12px 6px; }
#content .block .corners-top, #content .block .corners-bottom { display:block; background:url(../images/content-blockc.png) no-repeat; height:4px; overflow:hidden }
#content .block .corners-top i, #content .block .corners-bottom i { display:block; background:url(../images/content-blockc.png) no-repeat 100% 0; height:4px; width:50%; float:right }
#content .block .corners-bottom i { background-position: 100% -4px } #content .block .corners-bottom { background-position: 0 -4px }

#content .balance { }
#content .balance dd { padding:6px 12px 2px; line-height:1.6 }
#content .balance dd td { font-weight:bold; padding:0 6px }
#content .balance dd td.pos { color:#f54029 }
#content .balance .date { border-bottom:1px solid #fff; text-align:right; padding:4px 12px; color:#878785 }

#content .subscr .container { font-weight:bold; text-transform:uppercase; padding:18px; overflow:hidden; padding-bottom:12px  }
#content .subscr .text-field { width:210px; float:right; vertical-align:middle; margin-top:-4px; font-weight:normal }
#content .subscr p { margin:0 0 0 0; padding:0; float:left }

#content .register, #content .processing  { width:100%; }
#content .register a { color:#878785; text-decoration:underline }
#content .register table {border-top:1px solid #ececec; margin:13px 0  0 }
#content .register tr:first-child td { padding-top:13px }
#content .register tr:first-child th { padding-top:16px }
#content .register tr td { padding-top:5px }
#content .register tr th { padding-top:8px }

#content .register .mphone { float:left; width:190px !important }
#content .register .code { float:left; width:113px !important }
#content .register .text-field { position:relative; margin:0 14px 0 3px; width:213px }
#content .register .text-field input { width:100%; }
#content .register p { margin:0; padding:0 }
#content .register p.field-line { float:left; padding:2px .2em 0  }
#content .register p.field-line img { position:relative; top:-2px }
#content .register p.descr, #content .processing p.descr { width:92%; color:#bebebe; padding:2px 0 4px 2px; text-align:left }
#content .register th { text-align:right; font-weight:bold; padding-right:1em; width:136px; padding-top:4px }
#content .register #terms { margin-right:3px; vertical-align:middle; position:relative; top:-1px }

#content .register .button { float:left; margin-right:5px; }

#content .recselect li { font-weight:bold; text-transform:uppercase; color:#878785; }
#content .recselect li.active { border:#fff; }
#content .recselect li a, #content .recselect li span { text-decoration:underline; color:#878785;  display:block; padding:7px 9px; border-top:1px solid #ececec; background:url(../images/ic-navlist.png) no-repeat 97% 50%;  border-bottom:1px solid #ececec; margin-top:-1px; }
#content .recselect li span { background-color:#ececec; background-image:url(../images/ic-navlista.png); text-decoration:none  }
#content .recselect li a:hover { color:#f54029 }
#content .recselect li li a, #content .recselect li li span { text-transform:none; padding-left:40px; background:#fff; border:0 }
#content .recselect li li li { padding-left:70px; font-weight:normal }
#content .recselect li li li.active {  background:#f5f5f5; font-weight:bold }
#content .recselect li li li a, #content .recselect li li li span { padding:4px 0 4px 12px; border:0; background:url(../images/ic-more.png) no-repeat 0 50%; }
#content .recselect li li li span { background-image:url(../images/ic-morea.png); color:#f5422c }
#content .recselect ul { background:#fff; margin-bottom:.5em }
#content .recselect ul ul { margin-bottom:0 }

#content .processing td { border-bottom:1px solid #ececec; padding:3px 0 }
#content .processing .name { font-weight:bold; padding-bottom:4px }
#content .processing .descr { text-align:right; width:110px; padding-right:16px  }
#content .processing .header { color:#878785; padding:5px 9px;  background:#ececec url(../images/ic-navlista.png) 97% 50% no-repeat; font-weight:bold; }
#content .processing .field-descr { padding-top:.7em; padding-left:12px; background:url(../images/ic-morea.png) no-repeat 1px 1.1em}
#content .processing .text-field { margin-top:5px !important; width:200px; float:left }
#content .processing p.descr { clear:left; margin-bottom:0 }
#content .processing p.field-line { float:left; padding:2px 0 0;  }
#content .processing p.error { font-size:.9090em; color:#f54029; float:right; margin:0; padding:0; position:relative; top:5px }
#content .processing p.field-line input { vertical-align:middle; position:relative; top:-1px}
#content .processing p.field-line { margin-bottom:2px; padding-top:4px  }
#content .processing .radio p.descr { margin-bottom:6px; margin-top:-5px }
#content .processing .radio .button { float:left; width:65px; text-indent:4px; margin-right:8px; position:relative; top:-3px  }
#content .processing .radio td { border:0 }

.mainnav .dist { width:300px; padding:0 }
.mainnav .dist li { width:225px }
.dist { overflow:hidden; width:1000px; margin-left:-500px; left:500px; position:relative }
.dist li { float:left; width:196px; margin-right:33px; margin-top:38px; border-bottom:1px solid #e6e6e5; padding-bottom:.4em; text-decoration:none }
.dist li img { display:block;  border-top:1px solid #e6e6e5;  border-bottom:1px solid #e6e6e5; padding:7px 0; margin-bottom:12px }
.dist li a { text-decoration:none; cursor:pointer; display:block }
.dist li a:hover i { color:#f54029; }
.dist i { font-size:.8333em; text-decoration:underline; color:#bebebe }
.dist br { display:none }
.dist dfn { color:#f54029 }
.dist li span { display:block; height:48px; position:relative; overflow:hidden; width:196px  }
.dist li del { display:block; height:48px; width:196px; top:0; left:0; position:absolute; background-repeat:no-repeat  }
.mainnav .dist li del, .mainnav .dist li span { width:225px }
.dist .sec30 del { background-image:url(../images/ft-m1.png)  }
.mainnav .dist .sec30 del { background-image:url(../images/ft-m1b.png)  }
.mainnav .dist dfn { font:inherit; padding:0; background:0; margin:0 }


.infoblocks { float:right; width:234px; position:relative; z-index:2; margin-top:-33px; margin-right:-100px; left:-100px }
.infoblocks .block { border:1px solid #dbdbda; background:#fff;  margin-top:9px; margin-bottom:31px; font-size:.9166em }
.infoblocks .block .corners { height:10px; background:url(../images/block-corners-tr24.png) no-repeat; width:224px; left:-1px; display:block; position:relative; }
.infoblocks .block .corners i { height:10px; width:50%; position:absolute; bottom:0; right:-10px; display:block; background:url(../images/block-corners-tr24.png) no-repeat 100% 0; overflow:hidden}
.infoblocks .block .ctop { top:-10px; }
.infoblocks .block .cbottom { bottom:-10px; background-position:0 100% } .infoblocks .block .cbottom i { background-position: 100% -10px}
.infoblocks .container { margin:0 18px; }

.infoblocks h2 { font-size:1.1em; font-weight:bold; padding-left:1px; color:#878785; overflow:hidden; border-bottom:3px solid #ececec }
.infoblocks h2.active { color:#f5422c; border-color:#f5422c }
.infoblocks h2 span { position:relative; float:left; overflow:auto; height:16px; display:block;  line-height:14px; width:132px }
.infoblocks h2 del { display:block; position:absolute; height:16px; top:0; left:0; background:no-repeat; width:100% }
.infoblocks h2.mozhnoplatit span { width:118px;} .infoblocks h2.mozhnoplatit del { background-image:url(../images/header-ln4.png) }
.infoblocks h2.spravka span { width:140px;} .infoblocks h2.spravka del { background-image:url(../images/header-ln5.png) }
.infoblocks h2.obmensoobsheniyami * { height:32px; } .infoblocks h2.obmensoobsheniyami del { background-image:url(../images/header-ln9.png); }

.infoblocks .logotypes { overflow:hidden; margin-bottom:2.4em }
.infoblocks .logotypes li{ width:50%; height:42px; float:left; text-align:center; vertical-align:middle; margin-top:26px; font-size:1.2em; font-weight:bold; }
.infoblocks .logotypes li a { color:#f54029 }

.infoblocks dt { color:#bebebe; margin-top:1.4em }
.infoblocks dl { width:90% }
.infoblocks dd.phone { color:#f54029; font-size:1.8181em }

.infoblocks .msg { padding-top:12px; min-height:70px; height:auto !important; height:70px; }
.infoblocks .msg .newmsg { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#f54029; display:block; height:25px; line-height:25px; padding-left:40px; background:url(../images/ic-msgnew.png) no-repeat 0 50%; margin-left:2px; }
.infoblocks .msg p { margin:.6em 0}

#search { width:90% }

#footer { padding-top:88px; width:100%; position:absolute; bottom:0; left:0; overflow:hidden; color:#bebebe; font-size:.9166em }
#footer .container { height:50px; background:#fff ; width:964px; margin:-15px auto 0; border:1px solid #e6e6e5; position:relative; border-bottom:0 }
#footer .c1, #footer .c2 { display:block; position:absolute; background-repeat:no-repeat; overflow:hidden }
#footer .c1 { background-image:url(../images/footer-lc.jpg); height:138px; width:408px; bottom:0; left:-325px; }
#footer .c2 { width:5px; height:5px; top:-1px; right:-1px; background:url(../images/footer-rc.png) no-repeat; }
#footer p { position:relative; z-index:2; padding:20px 38px 0; height:30px }
#footer a { color:#bebebe }
#footer a:hover { color:#858585 }
#footer .copyrights { float:left }
#footer .devinfo { float:right; width:288px; padding-left:1px; border-bottom:3px solid #878785; height:27px }

/* buttons, inputs */
.button { display:table; color:#fff; position:relative; background:url(../images/button.png) no-repeat 100% 50%; margin-left:5px; }
.button span { display:block; position:relative; left:-5px; padding-left:7px; float:left; background:url(../images/button.png) no-repeat left center; height:21px; overflow:hidden; overflow:hidden;  }
.button span input { border:none; background:#f54029; color:#fff; padding:0 3px 0 3px; height:20px }

.text-field { display:block; margin-right:11px; background:url(../images/textfield.png) no-repeat; height:22px; }
.text-field span { display:block; height:22px; position:relative; padding-right:11px; background:url(../images/textfield.png) no-repeat 100% 0; right:-11px; overflow:hidden }
.text-field input { border:0; background:#fff; padding-top:2px; position:relative; top:2px; height:17px; overflow:hidden; float:left; color:#878785; width:90% }
.text-field .en-butt { float:right; height:auto !important; width:auto !important; margin-top:1px; }