/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Email:    anufry@inbox.ru
Version:  3.50b 6.10.09
Num:      92
----------------------------------------------- */


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


/*------------------------------- global ------------------------------*/
body { background:#fff url(../images/pic4.png) repeat-x; color:#4a4444; 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 { color:#3d5d86; }
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 { font-weight:900; position:relative; background:url(../images/pic1.gif) repeat-x 0 50%; line-height:1; margin-bottom:24px; }
.h3 q { background:#608bb6; position:absolute; height:1px; border-top:1px solid #6591b6; border-bottom:1px solid #5984b7; width:.75em; top:100%; left:0; }
.h3 b { background:#fff; float:left; padding-right:18px; }
.h3 div { background:url(../images/pic1.png) no-repeat 100% 50%; }
.h4 { }
.h5 { margin-bottom:12px; font-weight:900; }
.h6 { font-weight:900; margin-bottom:15px; }


/*colors*/
.h3 { color:#505165; }
.h6 a, .black a{ color:#000; }
table.t-bar a, table.t-bar { color:#dcdcdc; }
.footer, .footer a { color:#fff; }
.field input, .t-field input, .t-field textarea { color:#7f7f7f; }

/*end colors*/

/*fonts*/
table.t-bar { font-family:"Arial Black", Gadget, sans-serif; }
.f-10 { font-size:.8333em/*10px*/; }
.f-11, table.t-bar, ul.li-porto, .date, .footer, .t-field input, .t-field textarea { font-size:.9166em/*11px*/; }
.f-13 { font-size:1.0833em/*13px*/; }
.f-14, .h5 { font-size:1.1666em/*14px*/; }
.f-15 { font-size:1.25em/*15px*/; }
.f-16, .phone { font-size:1.3333em/*16px*/; }
.f-17 { font-size:1.4166em/*17px*/; }
.f-18 { font-size:1.5em/*18px*/; }
.f-20, .h3 { font-size:1.6666em/*20px*/; }
.phone span { font-size:1.875em; }
/*end fonts*/

/*inputs*/
.field input { border:0; background:url(../images/pic1.gif) no-repeat -1000em -1000em; padding:2px 10px 4px; line-height:1; }
.field { display:inline-block; position:relative; background:url(../images/pic18.gif) no-repeat 11px 4px; vertical-align:middle; border:1px solid #beb9b9; }
.field span { float:left; background:url(../images/pic14.gif) no-repeat; position:relative; margin:-1px; }
.field span span { background:url(../images/pic15.gif) no-repeat 100% 0; margin:0; }
.field span span span { background:url(../images/pic16.gif) no-repeat 100% 100%; }
.field span span span span { background:url(../images/pic17.gif) no-repeat 0 100%; padding:0 14px 0 40px; }
.field button { background:url(../images/pic19.gif) no-repeat; width:11px; height:11px; border:0; padding:0; }
.field button b { float:left; text-indent:-1000em; }
.t-field{ border:1px solid #beb9b9;display:inline-block;vertical-align:middle; background:#fff; line-height:1; }
.t-field input, .t-field textarea{  position:relative;  padding:3px 0; border:0;  background:url(../images/pic1.gif) no-repeat -1000em -1000em; }
.t-field span{ display:block; margin:-1px; position:relative; background:url(../images/pic26.gif) no-repeat; }
.t-field span span{ background:url(../images/pic27.gif) no-repeat 100% 0; margin:0; }
.t-field span span span{ background:url(../images/pic28.gif) no-repeat 100% 100%;  }

.t-field span span span span{ background:url(../images/pic29.gif) no-repeat 0 100%;padding:0 7px; }
/*end inputs*/

/*lists*/
/*end lists*/

/*over blocks*/
.over, .content, .h3 div, .h3 q, .container, ul.pages, ul.li-36 li { overflow:hidden; }
.clear:after { content:''; display:block; clear:both; }
/*end over blocks*/

/*backgrounds*/
/*end backgrounds*/

/*other*/
img.b-i{ border:1px solid #c7c7c7; }
/*end other*/
/*----------------------------- end global ----------------------------*/


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


/*-------------------------------- header ------------------------------*/
.header { padding:369px 25px 18px; background:url(../images/pic11.jpg) no-repeat 100% 0; position:relative; }
.o-bar { background:url(../images/pic3.gif) repeat-x 0 100%; margin:0 -4px 25px -2px; position:relative; }
.o-bar .ly { background:url(../images/pic6.gif) repeat-y; }
.o-bar .ry { background:url(../images/pic7.gif) repeat-y 100% 0; }
.o-bar .tl { background:url(../images/pic10.gif) no-repeat; }
.o-bar .tr { background:url(../images/pic8.gif) no-repeat 100% 0; }
.o-bar .br { background:url(../images/pic9.gif) no-repeat 100% 100%; }
.o-bar .bl { background:url(../images/pic4.gif) no-repeat 0 100%; padding:0 4px 4px 2px; }
table.t-bar { width:100%; text-transform:uppercase; vertical-align:top; text-align:center; line-height:1; }
table.t-bar td { width:1%; border-left:1px solid #4d6375; background:#0a102c url(../images/pic3.png) repeat-x; }
table.t-bar td:first-child, table.t-bar td:first-child a { border:0; }
table.t-bar a, table.t-bar b { display:block; text-decoration:none; border-left:1px solid #788ea0; background:#102569 url(../images/pic2.png) repeat-x; padding:12px 0 14px; }
table.t-bar a:hover, table.t-bar b { background:none; }
.logo { position:absolute; top:55px; left:25px; }
.logo, .logo a { display:block; background:url(../images/pic5.png) no-repeat; width:294px; height:157px; }
.phone { position:absolute; top:260px; left:70px; font-weight:900; }
/*------------------------------ end header ----------------------------*/


/*----------------------------- side ------------------------------*/
.lside { width:260px; position:relative; padding:0 15px 25px 25px; margin-right:-1px; background:url(../images/pic11.gif) repeat-y 100% 0; }
.s-tr, .s-br { position:absolute; background:url(../images/pic12.gif) no-repeat; width:1px; height:122px; top:0; right:0; z-index:1; }
.s-br { background-image:url(../images/pic13.gif); top:auto; right:auto; bottom:0; left:299px; }
ul.li-laq { font-weight:900; margin-bottom:25px; }
ul.li-laq a{ font-weight:100; }
ul.li-laq li { background:url(../images/pic2.gif) no-repeat 0 .25em; padding-left:15px; margin-bottom:10px; }
.date { font-weight:900; display:inline-block; border:1px solid #868181; padding:1px 4px; }
/*--------------------------- end side ----------------------------*/


/*------------------------------ content -------------------------------*/
.content { padding:0 25px 25px 23px; background:url(../images/pic11.gif) repeat-y; }
ul.li-porto { margin-left:-40px; }
ul.li-porto li { vertical-align:top; width:130px; margin-left:40px; padding-bottom:20px; }
.img { display:table-cell; width:128px; height:128px; vertical-align:middle; text-align:center; background:#f6f2ee; border:1px solid #ccc5c5; }
ul.li-porto a{ text-decoration:none; }

ul.li-porto .desc{ padding-top:8px; display:block; text-decoration:underline; }
ul.li-porto a:hover .desc{ text-decoration:none; }
.img img { vertical-align:top; border:1px solid #cecccc; }

ul.pages{ font-weight:900; margin-bottom:15px; }
ul.pages a{ font-weight:100; }
ul.pages li{ float:left; padding:0 5px; }
ul.li-ndash li{ margin-bottom:2px; }
ul.li-ndash li:before{ content:'\2013'; margin-right:8px; }
.or-rn{ background:#fbfdde url(../images/pic21.gif) no-repeat; }
.or-rn .tr{ background:url(../images/pic22.gif) no-repeat 100% 0; }
.or-rn .br{ background:url(../images/pic23.gif) no-repeat 100% 100%; }
.or-rn .bl{ background:url(../images/pic24.gif) no-repeat 0 100%; padding:12px 15px; }
table.x-table{ text-align:center; vertical-align:middle; width:174px; height:142px; border:1px solid #c3bfbd; }
ul.li-cub li{ background:url(../images/pic30.gif) no-repeat 0 .45em; padding-left:18px; }
ul.li-36 li{ padding-left:1px;}
/*--------------------------- end content -----------------------------*/


/*------------------------------ footer -------------------------------*/
.undfoot { clear:both; height:100px; }
.footer { position:absolute; background:#203e83; padding:25px 35px 0; border:1px solid #909ec1; border-bottom:0; top:100%; margin-top:-63px; height:37px; left:25px; right:25px; }
.copy { float:left; }
.trade { float:right; }
/*------------------------------ end footer -------------------------------*/