/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  3.52 23.01.10
Num:      152
----------------------------------------------- */


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


/*------------------------------- global ------------------------------*/
body { background:#363636; color:#fff; font-size:.75em/*12px*/; line-height:1.2; }
input, button, select, label, textarea, body { font-family:Arial, Helvetica, sans-serif; }
body, html { height:100%; }
a { outline:none; color:#ebe5a7; }
a:visited { }
a:hover, .n-u a { text-decoration:none; }
a:focus { }
a:active { }
a.dash, .dash a { text-decoration:none; border-bottom:1px dashed; }
a.dash:hover, .dash a:hover { border:0; }
.h1 { }
.h2 { }
h3 { margin-bottom:13px; font-weight:900; background:#282828; line-height:1; padding:10px 12px; text-transform:uppercase; }
.h4 { }
.h5 { }
.h6 { }


/*colors*/
ul.tabs a, ul.tabs { color:#fff; }
.gray, .footer, .footer a { color:#a5a5a5; }
h3 { color:#dcdcdc; }
table.t-bar, table.t-bar a, ul.p-bar a, table.t-bar b { color:#fefefe; }
ul.p-bar a:hover, ul.p-bar { color:#ce5015; }
/*end colors*/

/*fonts*/
table.t-bar, ul.p-bar { font-family:"Franklin Gothic Medium", sans-serif, serif; }
.f-10, .more { font-size:.8333em/*10px*/; }
.f-11, ul.tabs, .footer { font-size:.9166em/*11px*/; }
.f-12 { font-size:1em/*12px*/; }
.f-13 { font-size:1.0833em/*13px*/; }
.f-14, h3 { font-size:1.1666em/*14px*/; }
.f-15 { font-size:1.25em/*15px*/; }
.f-16 { font-size:1.3333em/*16px*/; }
.f-17 { font-size:1.4166em/*17px*/; }
.f-18, table.t-bar, ul.p-bar { font-size:1.5em/*18px*/; }
.f-20 { font-size:1.6666em/*20px*/; }
/*end fonts*/

/*inputs*/
/*end inputs*/

/*lists*/
/*end lists*/

/*over blocks*/
.over, .content, ul.tabs, ul.prop, ul.f-bar, ul.f-bar, .prev, ul.p-bar { overflow:hidden; display:block!important; /*ie6*/ display:inline-block; }
.clear:after, .box:after { content:''; display:block; clear:both; }
/*ie6*/* html .clear, * html .fix, * html .box { display:inline-block; }
/*ie7*/* + html .clear, * + html .fix, * + html .box { display:inline-block; }
/*end over blocks*/

/*backgrounds*/
/*end backgrounds*/

/*other*/

/*end other*/
/*----------------------------- end global ----------------------------*/


/*------------------------------- wrapper ------------------------------*/
.wrapper { position:relative; min-width:1000px; min-height:100%; }
.box { margin:auto; width:1000px; position:relative; }
/*--------------------------------- *** --------------------------------*/


/*-------------------------------- header ------------------------------*/
.header { position:relative; padding:125px 0 23px; }
.header .box { padding-left:88px; width:912px; }
ul.tabs { background:#282828; line-height:1; right:0; position:absolute; padding:6px 0; top:-90px; }
ul.tabs li { float:left; border-left:1px solid #b5b5b5; padding:0 7px; margin-left:-1px; }
table.t-bar { width:100%; line-height:31px; margin:0 0 9px auto; background:#1e1e1e; }
table.t-bar td { border-left:1px solid #363636; white-space:nowrap; width:1%; text-align:center; }
table.t-bar a, table.t-bar b { padding:0 10px; font-weight:100; display:block; text-decoration:none; border-bottom:3px solid #2c2c2c; }
table.t-bar a:hover, table.t-bar b { background:#6e2409; border-color:#401303; }
.prev { background:#1e1e1e; border-bottom:5px solid #2c2c2c; border-top:5px solid #2c2c2c; }
ul.p-bar { width:205px; padding:0 17px; float:right; }
ul.p-bar a { text-decoration:none; }
ul.p-bar li { padding:4px 0; border-top:1px dotted #2c2c2c; margin-top:-1px; }
table.p-table td, table.p-table th { vertical-align:top; text-align:left; }
table.p-table td { padding-top:24px; border-left:5px solid #2c2c2c; }
.puzirek { background:url(../images/pic2.gif) no-repeat; width:14px; height:14px; display:block; position:absolute; top:-45px; right:224px; text-indent:-1000em; }

.logo2{ position:absolute; top:-100px; left:88px;}
.tel{ position:absolute; top:-50px; left:790px; font-size: 25px;}
.logo2, .logo2 a{ display:block; text-indent:-1000em; background:url(../images/pic7.gif) no-repeat; width:300px; height:88px; }

/*-------------------------------- header ------------------------------*/


/*----------------------------- side ------------------------------*/
.rside { width:195px; padding:0 20px 0 0; }
.rside h3 { background:none; padding-left:0; }
/*--------------------------- end side ----------------------------*/


/*------------------------------ content -------------------------------*/
.content { word-wrap:break-word; padding:0 22px 0 88px; min-height: 500px;}
ul.prop { margin:-28px 0 0 -7px; }
ul.prop li { padding:28px 0 16px 10px; width:218px; vertical-align:top; border-top:1px solid #5f5f5f; margin:-1px 0 0 -3px; }
ul.prop img { border:1px solid #5d5d5d; padding:4px; vertical-align:top; }
.more { line-height:12px; display:inline-block; background:url(../images/pic1.gif) no-repeat 0 50%; padding-left:16px; }
/*--------------------------- end content -----------------------------*/


/*------------------------------ footer -------------------------------*/

.footer { clear:both; width:672px;  margin:auto; padding:0 240px 88px 88px; }
.footer .in { border-top:4px solid #5f5f5f; padding-top:22px; position:relative; }
ul.f-bar { margin:0 -7px 16px; }
ul.f-bar li { padding:0 7px; float:left; margin:-2px 0 0 -1px; border-left:1px solid; }
.logo{ position:absolute; right:-180px; top:44px; background:url(../images/pic6.gif) no-repeat; width:100px; height:32px; padding:4px 0 0 56px; }
.logo p{ margin-bottom:1px; }
/*------------------------------ end footer -------------------------------*/

.counter{position:absolute; right:-40px; top:44px; width:100px; height:32px; padding:4px 0 0 56px;}