.base { width: 100%; height: 100%; min-width: 1000px; width: expression(document.body.clientWidth <1000? "1000px": "auto"); background: url(../img/bg-bot.gif) repeat-x 0 100%; }
.pad-bot { padding-bottom: 123px; }
.top { height: 168px; background: url(../img/bg-top.gif) repeat-x 0 0;  }
.logo { padding: 35px 0px 0px 25px; }

.inner { width: 100%; margin-bottom: 123px }
.inner .lcol { width: 22%; background: url(../img/bg-lcol.gif) repeat-x 0 0; }
.inner .ccol { width: 59%; border-left: 1px solid #B7C3D5; border-right: 1px solid #B7C3D5; border-top: 8px solid #3563AE; border-bottom: 10px solid #3563AE; background: #fff; }
.inner .ccol .pad { padding: 10px 20px 20px 20px; padding-right: '0'; width: '95%'; }
.inner .rcol { width: 19%; background: url(../img/bg-rcol.gif) repeat-x 0 0; }
.inner .rcol .pad { padding: 68px 0 0 12px; }

.menu { margin-left: 20px; background: #fff; position: relative; right: -1px; border-top: 1px solid #BFCEE2; border-bottom: 1px solid #BFCEE2; border-left: 10px solid #3563AE; }
.menu .m11 { position: relative; top: -1px; left: -10px; background: url(../img/m11.gif) no-repeat 0 0; }
.menu .m21 { padding: 14px 15px 27px 32px; position: relative; bottom: -2px ; left: 0px; background: url(../img/m21.gif) no-repeat 0 100%; }
.menu .m21 img { display: block; margin-top: 3px; }
.menu ul { padding: 5px 0 15px 0px; }
.menu ul li { background: none; padding-bottom: 3px; font-weight: bold; }
.menu ul li a { font-weight: normal; }
.m22 { height: 11px; position: relative; right: -1px; background: url(../img/m22.gif) no-repeat 100% 0; top: -1px; margin-bottom: 20px; }

.menu2 { margin-right: 20px; background: #3260A9 url(../img/m2-12.gif) no-repeat 100% 0;  }
.menu2 .m2-22 { padding: 17px 10px 10px 0px; background: url(../img/m2-22.gif) no-repeat 100% 100%; }
.menu2 .item1 { background: url(../img/m2c1.gif) no-repeat 100% 0; padding-left: 19px;}
.menu2 .item1 div { background: url(../img/dashed.gif) repeat-x 0 100% none; padding-bottom: 11px;  }
.menu2 .item2 { background: url(../img/m2c1.gif) no-repeat 100% 11px; padding-bottom: 13px; padding-top: 11px; padding-left: 19px; }
.menu2 .item3 { height: 60px; background: #fff url(../img/m2c2.gif) no-repeat 100% 0; margin-bottom: 7px; }
.menu2 .item3 img { margin: 10px 0 0 20px; }
.menu2 a { display: block; }
DIV.punktir {position: relative; margin: 5px 0px 2px 16px; height: 1px; background: url(../img/m2hr.gif) repeat-x 0 0; font-size: 0;}


/* оформление раб области */
.img-lft { margin: .4em 15px 10px 0; float: left; position: relative; }
.img-rgh { margin: .4em 0 10px 15px; float: right; position: relative; }
.img-lft .plus, .img-rgh .plus { background: url(../img/img-bg.gif) no-repeat 100% 100%; padding-bottom: 11px; float: left; }
.img-lft .brd, .img-rgh .brd { border-bottom: 7px solid #3260A9; font-size: 1px; float: left; }
.img-lft .link, .img-rgh .link { position: absolute; bottom: 3px; right: 7px; font-size: 11px; color: #C1CFE7; }
.img-lft .link a, .img-rgh .link a { color: #C1CFE7 !important; text-decoration: none; }

TD.ccol UL LI {line-height: 150%;}

.table { margin: 1em 0; }
.table th, .table td { font-size: 95%; font-size: '70%'; }
.table th { text-align: left!important; padding: 6px 10px 5px 10px!important;  vertical-align: middle; background: #3260A9; color: #fff; }
.table th.c11 { background: #3260A9 url(../img/table11.gif) no-repeat 0 0; }
.table th.c12 { background: #3260A9 url(../img/table21.gif) no-repeat 100% 0; }
.table td { padding: 5px 10px!important; vertical-align: middle; border-bottom: 1px solid #EAEAEA; }
.table tr.last td { border-bottom: none; }
.table td p, .table th p { margin: 0;}

.cnt-up { position: absolute; right: 0px; right: '-1px'; top: -28px; height: 18px; background: url(../img/cnt-up.gif) no-repeat 100% 0; font-size: 11px; width: 136px; }
.cnt-up span { display: block; float: right; margin: 5px 27px 0 0; margin-right: '13px'; color: #C1CFE7; }
.cnt-up span a { text-decoration: none; color: #C1CFE7 !important; }
.cnt21 { width: 10px; height: 10px; left: 0px; top: -10px; bottom: '0'; position: absolute; background: url(../img/cnt21.gif) no-repeat 0 0; z-index: 100 }
.cnt22 { width: 10px; height: 10px; right: 0px; right: '-1px'; top: -10px; position: absolute; background: url(../img/cnt22.gif) no-repeat 0 0; z-index: 10; }

/**/
.partn { padding-bottom: 25px; border: solid 0px #f00;}
.partn img { display: inline; margin-bottom: 12px; }

.srv { height: 108px; margin-bottom: 8px; background: #3260A9 url(../img/srv11.gif) no-repeat 0 0; }
.srv div { background: url(../img/srv12.gif) no-repeat 100% 0; }
.srv img { margin: 10px 0 7px 11px; }
.srv span { display: block; font-size: 11px; color: #C1CFE7; padding: 0 3px 4px 10px; }

.cons2 { margin-bottom: 8px; height: 112px; height: '114px'; background: url(../img/cons-grad.gif) repeat-x 0 0; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; position: relative; }
.cons2 .c11 { height: 114px; position: absolute; width: 100%; top: -1px; left: -1px; background: url(../img/cons11.gif) no-repeat 0 0; }
.cons2 .point { background: url(../img/cons12.gif) no-repeat 100% 1px; padding-right: 30px; }
.cons2 img { margin: 10px 0 7px 11px; }
.cons2 span { display: block; font-weight: bold; font-size: 12px; padding: 0 0 5px 9px; color: #3563AE; }

/* подвал */
.cr { position: absolute; top: -98px; height: 98px; left: 22%; padding-left: 20px; }
.cr strong { display: block; color: #8B99AF; font-size: 12px; }
.cr img { margin: 10px 10px 0 0; }
.sm { position: absolute; top: -76px; height: 76px; left: 81%; padding-left: 50px; padding-top: 1px; background: url(../img/sm.gif) no-repeat 10px 0; font-size: 11px; color: #8B99AF;  }
.sm a { color: #8B99AF !important;  }


/* партнеры */
.table2 td { text-align: center; padding: 4px 0 20px; }
.table2 th { text-align: left; padding: 0px 0 20px 10px; font-weight: normal; vertical-align: top; }
.table2 th h3 { margin: 0 0 .2em 0 }


/* Лицензии и сертификаты */
.cert { /*padding-top: 10px;*/ }
.cert .cert-lft { float: left; width: 49%; }
.cert .cert-rgh { margin-left: 50%; //margin-left: 30%; margin-left: '0'; float: 'left'; width: '50%';  }
.cert .item { min-height: 170px; height: '170px'; position: relative; }
.cert .cert-rgh .item { //left: -5%; left: '0';  }
.cert .img { float: left; width: 100px; height: 140px; text-align: center; overflow: hidden; }
.cert .img img { margin: auto; }
.cert .txt { margin-left: 110px; padding: 3px 15px 30px 0; width: auto; }
.cert .cert-rgh .txt { //padding-right: 0; padding-right: '15px'; }
.cert .txt strong { display: block; }

/* Вакансии */
.vcns h2 { margin-bottom: .4em }
.vcns p { margin-bottom: .4em }

/* Формы */
.form { margin-top: 15px; margin-bottom: 10px; }
.form .line { clear: left; float: left; width: 100%; margin: 0 }
.form .name, .form .inp, .form .btn { padding-bottom: 10px; }
.form .name { text-align: right; float: left; width: 160px; padding-right: 10px; padding-top: 2px; margin-right: 0; }
.form .padt { padding-top: 15px; //padding-top: 0; }
.form .inp { width: 320px; float: left; }
.form .inp input, .form .inp select { float: left; width: 100%; padding: 1px 2px;  }
.form .inp textarea { float: left; width: 100%; padding: 1px 2px; }
.form .ch { width: auto !important;  }
.form .line-up { margin-top: -7px; }
.form label { float: left; display: block; padding-top: 3px }
.nsmall .name { width: 140px; }
.form .ilarge { width: 440px; }
.form .ismall { width: 150px; }
.form .btn { margin-bottom: 20px }
.form .btn input { float: left; width: auto; font-size: 12px;  }
.form .btn .rbtn { margin: 0; //margin-top: -3px; }
.form .inp img { display: block; margin-bottom: 3px; }
.form .inp p {	margin: 2px 0; }
.form hr { background: #E7DFB7; color: #E7DFB7; float: left; width: 100%; }
.star { padding-left: 3px; color: #D44B00; }

/* Анонс новостей */
.mnews { font-size: 100%; padding: 0; }
.mnews .title { padding-bottom: 1px }
.mnews .title a { font-weight: 600; font-size: 110%; }
.mnews .title span { font-size: 95% }
.date { display: block; font-size: 120%; color: #777; padding-bottom: 5px; }

.page { padding-top: 1px; font-weight: bold; }
.page strong { color: #777; font-weight: normal; }
.page span, .page strong { display: block; float: left; margin-right: 5px; padding: 1px 3px; }
.page span.sel { border: 1px solid #CEC8B3; font-weight: bold; padding: 0 3px; }

/* Результаты опроса */
.vote { width: 300px; }
.vote .brd { border: 1px solid #3563AE;; padding: 1px; margin-left: '15px'; margin-top: 2px }
.vote .pg { min-height: 14px; background: #3563AE url(../img/pg-bg.gif) repeat-x 0 0;  }
.vote .pg span { position: relative; left: 100%; padding-left: 3px; //float: left; font-weight: bold; }
.vote .pg td { width: 95%; background: #F58A2E; font-size: 1px; }
.vote .pg th { width: 5%; padding: 0 3px; }

/* Flash */
DIV.flash {position: absolute; text-align: right; right: 0; width: 440px; height: 230px; background: url(../img/flash-inner.gif) no-repeat 100% 0;  overflow: hidden; border: solid 0px #00f;}
DIV.flash DIV.flash-container-in {position: relative; width: 600px; height: 226px; border: solid 0px #000; overflow: hidden; margin-left: -160px;}
SPAN.flashmargin { float: right; width: 200px; height: 20px; }
/*<img class="right test" src="img/e.gif" width="200" height="20" /> */

/**/
DIV.inner-pop {padding: 10px 10px 10px 20px;}
DIV.inner-pop UL {border: solid 0px #f00; padding: 2px 5px 5px 5px; list-style: none; margin-top: -10px;}
DIV.inner-pop UL LI {background: url('../img/li2.gif') no-repeat 0px 3px; padding-left: 10px;}
DIV.inner-pop UL LI A { color: #afdbff; font-weight: 600;}
DIV.inner-pop UL LI A:hover { color: #fff }

/* навигационная строка */
DIV.path {position: relative; width: 75%; margin: 40px 30px 10px 0; font-size: 90%; color: #bac7da;}
DIV.path A:link, DIV.path A:visited {color: #bac7da;}
DIV.path A:hover, DIV.path A:active {color: #bac7da;}
DIV.path DIV {display: block; float: left; border: solid 0px #000; margin: 5px 5px 0px 0px;}
DIV.path SPAN {}
DIV.path IMG {margin: 5px 5px 0px 5px;}
DIV.path P {border: solid 0px #f00; float: left; height: 20px; word-wrap: nowrap;}

/** КАРТА САЙТА **/



/** SEARCHING **/
div.searching { position: relative; padding: 0 !important; margin: 7px 0 9px 0!important; vertical-align: middle;  }
div.searching div { margin: 0 0 0 18px; padding: 0 }
div.searching input { vertical-align: middle; }
div.searching input.srcbutton { background: url(../img/findin.jpg) no-repeat 0 0; width: 51px; height: 24px; padding: 0 !important; margin: 0 !important; border: none; cursor: pointer; cursor: hand }
div.searching input.srcbutton2 { background: url(../img/find2in.jpg) no-repeat 0 0; width: 51px; height: 24px; padding: 0 !important; margin: 0 !important; border: none; cursor: pointer; cursor: hand }
div.searching input.srcinput { width: 68%; margin: 0 !important; padding: 5px 0 5px 10px !important; border: none; background: url(../img/src.gif) no-repeat 0 0; font: 12px Tahoma, sans-serif; height: '24px'; width: '72%'; }

div.searchitem { background: #3260a9 url(../img/bg_cat_tl.gif) no-repeat 0 0; height: 9px; margin: 0px 0 0 0; width: 80%; position: relative; overflow: hidden }
div.searchitem div { background: url(../img/bg_cat_tr.gif) no-repeat 100% 0; height: 9px; position: relative; overflow: hidden  }
div.searchitem2 { background: #3260a9 url(../img/bg_cat_l.gif) no-repeat 0 0; height: 9px; margin: 0 0 10px 0; width: 80%; position: relative; overflow: hidden }
div.searchitem2 div { background: url(../img/bg_cat_r.gif) no-repeat 100% 0; height: 9px; position: relative; overflow: hidden  }

div.searchitemin { width: 80%; position: relative; overflow: hidden; background: #3260a9  }
div.searchitemin2 { padding: 0 }

div.searchitemin div.searching { margin: 0 !important; padding: 0 !important; position: static }
div.searchitemin div.searching div { margin: 0 !important; }
div.searchitemin div.searching input.srcinput { width: 83% }

div.ItemInfo { padding-bottom: 20px }
div.ItemInfo h3 span { color: #000;  }
div.ItemInfo h3 span.price { font-size: 120%; color: #fd040a }
div.ItemInfo h3 strong.strike { text-decoration: line-through; padding: 0 .4em 0 0; color: #000; font-size: 90%;  }
p.add { font-size: 95%; padding: .4em 0 0 0; margin: 4em 0 0 0; border-top: 1px solid #3260a9; font-weight: bold; clear: both }

div.Corners { background: #3364a9 url(../img/m11.gif) no-repeat 0 0; float: left; margin: 10px 0  }
div.Corners div { background: url(../img/m2-12.gif) no-repeat 100% 0;  }
div.Corners div div { background: url(../img/m21.gif) no-repeat 0 100%;  }
div.Corners div div div { background: url(../img/m2-22.gif) no-repeat 100% 100%; padding: 5px 10px 10px 10px  }
div.Corners a { color: #fff !important }
div.Corners a:hover { color: #fff !important }
img.back { position: relative; margin-right: 6px; top: 3px }

table.itemList { width: 95%; border-collapse: collapse; margin: 0 0 15px 0; }
table.itemList h2 { margin: 0; padding: 0 0 6px 0}
table.itemList th { border-bottom: 1px solid #929292; padding-bottom: 0 !important; padding-top: 0 !important   }
table.itemList .cleft { text-align: left; padding: 10px 15px 13px 8px }
table.itemList .cright { text-align: right; padding: 10px 8px 13px 0; }
table.itemList td.cright { color: #bc1a1a; font: 140% Tahoma, sans-serif; white-space:nowrap   }
table.itemList td.cleft { font: 140% Tahoma, sans-serif  }
table.itemList  tr.odd td { background: #eaf0f8 }

