@charset "UTF-8";
/*-----------------------------------------------
CSS Framework Lisena html5
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  5.04a 05.05.12
Num:      526
---------------------------------------------- */



/*---------------------- basic styles --------------------------------------*/
@import url("bases.css");
/*---------------------- end basic styles ----------------------------------*/


/*---------------------- global --------------------------------------*/
html { overflow-y: scroll; font-size: 62.5%; }
body { word-wrap: break-word; background: #3e464a; color: #1f2528; text-align: left; font-size: 12px; font-size: 1.2rem; line-height: 1.3; }
input, button, select, textarea, body { font-family: Tahoma, Geneva, sans-serif; }
body, html { height: 100%; }
a { color: #4995de; }
a, .nu a:hover { text-decoration: underline; }
a:hover, .nu a { text-decoration: none; }
a.dash, .dash a { text-decoration: none; border-bottom: 1px dashed; }
a.dash:hover, .dash a:hover { border: 0; }
:focus { outline: none; }
.h3 { text-transform: uppercase; margin-bottom: 16px; line-height: 1; font-weight: bold; }
.h1 { text-transform: uppercase; margin-bottom: 16px; line-height: 1; font-weight: bold; }
.h4 { text-transform:uppercase; margin-bottom:12px; line-height:1; font-weight:bold; }

/*colors*/
.gray { color: #85949d; }
.red, .error-text { color: #f00; }
/*end colors*/


/*fonts*/
ul.t-bar, .h3, .h4, .h1 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }
.f-10, ul.crumbs { font-size: 10px; font-size: 1rem; }
.f-11, .footer, ul.t-bar2, .time, ul.pages { font-size: 11px; font-size: 1.1rem; padding: 0 20px;}
.f-12 { font-size: 12px; font-size: 1.2rem; }
.f-13 { font-size: 13px; font-size: 1.3rem; }
.f-14, .h4, ul.t-bar { font-size: 14px; font-size: 1.4rem; }
.f-15 { font-size: 15px; font-size: 1.5rem; }
.f-16 { font-size: 16px; font-size: 1.6rem; }
.f-17 { font-size: 17px; font-size: 1.7rem; }
.f-18, .h3 { font-size: 18px; font-size: 1.8rem; }
.f-18, .h1 { font-size: 18px; font-size: 1.8rem; }
.f-20 { font-size: 20px; font-size: 2rem; }
/*end fonts*/


/*forms elements*/
input[type=text], input[type=password], textarea { padding:4px 5px; border: 1px solid #d0d0d0;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.error-field{ border-color:#f00!important;  }
button { padding: 2px 5px; margin: 0; line-height: 1; }
* + html button { padding: 0 5px 2px; }
select { line-height: 1; }
/*webkit*/@media screen and (-webkit-min-device-pixel-ratio: 0) {
body:first-of-type button { padding: 2px 5px 4px; }
}
/*end forms elements*/



/*over blocks*/
.o, .content, ul.crumbs, ul.li-26 li, ul.pages { overflow: hidden; display: block; }
.cx:before, .cx:after, ul.li-18 li:after, ul.li-18 li:before, .inner:after, .inner:before { content: ''; display: table; }
.cx:after, ul.li-18 li:after, .inner:after { clear: both; }
* + html .cx, * + html ul.li-18 li, * + html .inner { zoom:1; }
/*end over blocks*/



/*other*/
hr { border: 0; margin: 0 0 10px; height: 0; display: block; width: 100%; vertical-align: top; overflow: hidden; border-top: 2px solid #181d20; }
/*end other*/
/*---------------------- end global ----------------------------------*/


/*---------------------- wrapper ------------------------------------*/
.wrapper { overflow: hidden; position: relative; min-width: 1000px; margin: auto; min-height: 100%; z-index: 1; }
.inner { position: relative; width: 980px; margin: auto; }
/*---------------------- *** ----------------------------------------*/


/*---------------------- header -------------------------------------*/
.header { z-index:1; position: relative; background: #1f2528; width: 971px; margin: auto; }
.top { height: 32px; padding: 0 10px; }
ul.t-bar { font-weight: bold; text-shadow: rgba(0, 0, 0, 0.48) 1px 1px 0; text-transform: uppercase; }
ul.t-bar li { position:relative; vertical-align: middle; line-height: 59px; white-space: nowrap; word-wrap: normal; }
ul.t-bar li.line { border-left: 1px solid #6f7679; width: 1px; height: 17px; margin-bottom: 5px; }
ul.t-bar a { text-decoration: none; color: #fff; border-bottom: 2px solid #1f2528; float: left; padding: 0 18px; }
ul.t-bar>li:hover>a, ul.t-bar a:hover, ul.t-bar li.act a { border-color: #f7b130; color:#f7b130; }
ul.t-bar ul.s{ display:none; position:absolute; left:0; top:100%; background:#1f2528; font-weight:normal; text-transform:none; padding-bottom:10px;  width:200px; }
ul.t-bar li:hover ul.s{ display:block; }
ul.t-bar ul.s li{ display:block; line-height:1.2; white-space:normal;  }

ul.t-bar ul.s a{ float:none; display:block; padding:3px 20px; }
ul.t-bar ul.s a{ border:0; }
.promo{ position:relative; height:220px;  }
.promo img { display:none; position:absolute; top:0; left:0; }

ul.t-bar2 { line-height: 1; padding-bottom: 2px; padding: 11px 0 2px; float: right; }
ul.t-bar2 a { color: #f9d160; }
ul.t-bar2 li { float: left; border-left: 1px solid #656565; padding: 0 10px; }
ul.t-bar2 li:first-child { border: 0; }

.time { position: absolute; background: url(../i/pic8.gif) no-repeat 0 50%; padding-left: 18px; color: #798891; line-height: 12px; top: 11px; left: 13px; }
/*---------------------- end header ----------------------------------*/


/*---------------------- side ---------------------------------------*/
.lside, .rside { width: 218px; position: relative; float: left; padding: 4px 0 0 0; }
.rside { float: right; position: relative; width: 237px; padding: 4px 0 0 0; }
.logo { padding: 18px 0 0; margin-bottom: 18px; }
.logo img { vertical-align: top; }
.wt-bl { margin-bottom: 8px; background: #e8e8e8; padding: 16px 17px; }
table.w52x52 { width: 52px; height: 52px; border: 1px solid #0f0f0f; background: #fff; table-layout: fixed; }
table.w52x52 td { vertical-align: middle; text-align: center; padding: 3px; }
table.w52x52 img { vertical-align: top; max-width: 100%; max-height: 100%; }
/*---------------------- end side ------------------------------------*/


/*---------------------- content -------------------------------------*/
.content { padding: 4px 8px 0; position: relative; }
.img { border: 2px solid #fff; }
.more { padding-left: 22px; background: url(../i/pic5.gif) no-repeat 3px 0.45em; }
ul.crumbs { line-height: 1; padding-bottom: 16px; }
ul.crumbs li { float: left; border-left: 1px solid; padding: 0 8px; }
ul.crumbs li:first-child { border: 0; padding-left: 0; }
ul.crumbs, ul.crumbs a { color: #1f2528; }
ul.list1 { margin-bottom: 20px; }
ul.list1 li { background: url(../i/pic9.gif) no-repeat 0 0.5em; padding-left: 12px; margin-bottom: 8px; }
table.x-table { margin-bottom: 12px; background: #fff; border: 1px solid #000; }
table.x-table th, table.x-table td { vertical-align: top; border: 1px solid #b2b2b2; padding: 5px 12px; font-weight: normal; text-align: left; }
table.x-table tr:hover th, table.x-table tr:hover td { background: #e8e8e8; }
table.w205x140, table.w205x140 td, table.w150x100, table.w150x100 td { width: 150px; height: 100px; table-layout: fixed; vertical-align: middle; text-align: center; border: 1px solid #000; background: #fff; }
table.w150x100 img, table.w205x140 img { vertical-align: top; max-width: 100%; max-height: 100%; }
ul.list2 { font-size: 0px; font-size: 0rem; position: relative; margin: 0 0 0 -8px; }
ul.list2 li { margin: 0 0 9px 8px; font-size: 12px; font-size: 1.2rem; }
ul.pages li { float: left; margin-right: 12px; }
ul.list3 { margin-left: -30px; }
ul.list3 li { margin: 0 0 24px 30px; width: 207px; }
ul.list3 table.w205x140 { margin-bottom: 7px; }
table.w205x140, table.w205x140 td { width: 205px; height: 140px; }
ul.list4 li { margin-bottom: 8px; font-weight: bold; }
ul.list4 ul.s { padding: 8px 0 1px 14px; }
ul.list4 ul.s li { font-weight: normal; }
 .jpopup { position: fixed; z-index: 1000; }
.jpopup, .jpopup__in, .jpopup__bg { top: 0; right: 0; bottom: 0; left: 0; }
.jpopup__in { overflow: hidden; overflow-y: scroll; }
.jpopup__in, .jpopup__bg { position: absolute; }
.jpopup__bg { background: #2b3d52; opacity: 0.8; filter: alpha(opacity= 80 ); z-index: -1; }
table.jpopup__main, table.jpopup__main td.jpopup__main__td { padding:3px 3px; height: 100%; margin: auto; vertical-align: middle; background-color: #ffffff;}
.jpopup__in-in { background: #e8e8e8 url(../i/pic11.gif) repeat-x;  position: relative;  padding: 30px 22px; }
.jpopup__close {  position: absolute; top: 30px; right: 22px; color: #1f2528; font-size: 10px; font-size: 1rem; }
.star { color:#f00;  }


.my { display:none; }
/*---------------------- end content ----------------------------------*/


/*---------------------- footer ---------------------------------------*/
.content, .lside, .rside { margin-bottom: 47px; }
.footer { position: absolute; top: 100%; margin: -47px 0 0 -490px; height: 40px; width: 980px; left: 50%; padding: 7px 0 0; }
.footer, .footer a { color: #85949d; }
.counters { float: left; padding: 0 8px 0 0; }
.copy { float: left; padding: 8px 0 0; }
.design { float: right; padding: 8px 0 0; }
/*---------------------- end footer ------------------------------------*/


.zag {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 16px;
    text-transform: uppercase;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 1.8rem;
	}