/**
 * File: style.css
 * This file contain CSS styles for screen mode view.
 *
 * Creator: Richard Grey
 * URL: http://md-design.com.ua
 * ICQ: 823-784
 *
 * (c)2010.
  **/
body { background:#fff; color:#2f2f2f; font:normal 75%/175% Arial, Helvetica, sans-serif;}
form, body, iframe { margin:0; padding:0;}
img, table, iframe { border:0;}
input, select, textarea { color:#2f2f2f; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
p { margin:0; margin-bottom:0.66em;}
small { font-size:0.8333em;}
sup { font-size:75%;}

/* Links */
a { color:#3875c7; outline:none;}
a:hover { color:#1253ac; text-decoration:none;}
.lnk-more { font-style:italic; padding-right:15px; background:url(/images/arrow-more.png) no-repeat 100% 60%; font-size:12px;}
.lnk-back { font-style:italic; padding-left:15px; background:url(/images/arrow-back.png) no-repeat 0% 60%; font-size:12px;}

/* Search */
.search-form { float:right; position:relative;}
.content .search-form { float: none; width: 100%; height: 35px; }
.search-form label { position:absolute; left:11px; top:0; color:#a7a7a7; cursor:text; font-size:11px;}
.search-form .field { float:left; width:219px; background:url(/images/bg-field.png) no-repeat 0 0; margin-right:5px;}
.search-form .field input, input.SearchInput { float:left; width:199px; margin:0; padding:4px 10px; font-size:11px; background:none; border:0; outline:none;}
.btn-search, input.SearchButton { float:left; width:22px; height:22px; background:url(/images/ico-search.png) no-repeat 0 0; border:0; cursor:pointer;}

/* Headers */
h1 { margin:0 0 0.5em; padding:0; color:#184283; font:normal 210%/175% "Myriad Pro", Arial, Helvetica, sans-serif; border-bottom:1px dotted #184283; zoom:1; overflow:hidden;}
h2 { margin:0 0 0.66em; padding:0; color:#184283; font:normal 150%/140% "Myriad Pro", Arial, Helvetica, sans-serif;}
h3 { margin:0 0 1em; padding:0; color:#494949; font: 18px/18px Arial, Helvetica, sans-serif;}
h4 { margin:2em 0 -0.5em 0; padding:0; color:#184283; font: 130%/0% "Myriad Pro",Arial,Helvetica,sans-serif;}

/*h1 small.right { font-size:11px; color:#767676; font-family:Arial, Helvetica, sans-serif; padding-top:21px; line-height:100%;}
h1 small.right a { color:#767676; text-decoration:none;}
h1 small.right a:hover { color:#1253ac;}*/

/* Lists */
ul { margin:0.5em 0 1.5em; padding:0 0 0 29px;}
ul li { margin:0; padding:0;}
ul ul { margin:1em 0 1em 0px;}
ol { margin:0 0 1.5em 22px; padding:0 0 1px 1em; line-height:20px;}
ol li { margin:0; padding:0;}
ol ol { margin:1em 0 1em 18px;}
ol { //margin-left:28px}
ol li { //padding-left:1px;}
ol ol { //margin-left:23px;}

/* Tables */
table { border:0; border-collapse:collapse; margin:1em 0;}
td, th { padding:2px 5px; border:0;}
th { color:#11377b; text-align:center; border-bottom:1px dotted #11377b}

.hr { border:0; border-top:1px dotted #184283; margin:0.66em 0; padding:0; height:0; overflow:hidden;}

/* Images */
.imgl { float:left; margin:0 40px 25px 0;}
.imgr { float:right; margin:0 0 25px 40px;}
.imgc { margin:1.2em auto;}

/* Catalog */
.employee {border-bottom:1px dotted #CCCCCC; float:left; margin:0 5px 20px 10px; width:98%}
.employee img { height:270px}

/* Helper Classes */
.left { float:left;}
.right { float:right;}

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix { display:inline-block;}
html[xmlns] .clearfix { display:block;}
* html .clearfix { height:1%;}

/*--------------- Hide text
 **/
.hidetext { display:block; overflow:hidden; text-indent:-999em;}

/*--------------- Stucture classes
 **/
.layout { width:893px; margin:0 auto;} 

.header { padding-top:16px; margin-bottom:13px;}
.header-top { height:30px; padding:8px 20px 0 2px; background:url(/images/header-top.jpg) no-repeat 0 0;}
.mmenu { z-index:900; position:relative;}
.mmenu ul { margin:0 0 0 -2px; padding:0; list-style:none;}
.mmenu li { float:left; height:30px; padding:0 18px 0 20px; background:url(/images/divider.png) no-repeat 0 0; color:#4a4a4a; font:normal 17px/24px "Myriad Pro", Arial, Helvetica, sans-serif; position:relative;}
.mmenu li:first-child { background:none;}
.mmenu li a { color:#11377b; text-decoration:none;}
.mmenu li a:hover { color:#11377b; border-bottom:1px dotted #11377b;}
.mmenu li div { display:none;}
.mmenu li:hover div { display:block;}
.mmenu li div div.subcorner { position:absolute; left:0; top:30px; width:100%; height:5px; background:url(/images/subarrow.png) no-repeat 50% 0;}
.mmenu li div ul { position:absolute; left:0; top:35px; padding:5px 0; background:#103577; width:290px;}
.mmenu li div ul {
    background:rgba(17,55,123,0.95);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.mmenu li div ul li { float:none; height:auto; padding:0; background:url(/images/subdots.png) no-repeat 0 0; color:#fff; font:normal 11px/155% Arial, Helvetica, sans-serif; overflow:hidden; zoom:1;}
.mmenu li div ul li:first-child { background:none;}
.mmenu li div ul li a { float:left; width:265px; color:#fff; padding:4px 10px 4px 15px;}
.mmenu li div ul li a:hover { border:0; background:#c7c9ca; color:#000;}
.lang { float:right; font-size:11px; color:#6a6969;}

.header-img { width:100%; overflow:hidden; background: no-repeat scroll 0 0; height:234px; width:893px;}
.header-img img.logo { display:block; margin:70px}
.header-bottom { height:32px; background:url(/images/header-bottom.jpg) no-repeat 0 0; padding:11px 15px 0;}

.content-warp { background:url(../images/content-gradient.png) repeat-x 0 100%; position:relative; margin:0 0 13px;}
.content-bg { background:url(../images/content-bg.png) repeat-y 0 0;}
.content-top { position:absolute; left:0; top:0; width:100%; height:5px; background:url(../images/content-top.png) no-repeat 0 0;}
.content-bottom { position:absolute; left:0; margin-top:-5px; width:100%; height:5px; background:url(../images/content-bottom.png) no-repeat 0 0;}
.content-wide { border:1px solid #f0f0f0;}
.content-wide {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.content-wide .content-bg { background:none;}
.content-wide .content { float:none; width:auto;}
.content-wide .content-bottom, .content-wide .content-top { display:none;}

/*   Consultation    */
div.consultation ul {padding:0 30px}
div.consultation ul li {list-style:none}
div.consultation ul li.ConsItem { margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:10px}
table.consTable {/*border-top:1px dotted #CCC;*/ width:90%; margin:10px auto; padding:20px 0;}
table.consTable td {padding:5px 20px}
table.consTable td.one {width:33%; text-align:right}
div.consultation input {height:22px}
div.consultation input, div.consultation textarea { border:1px solid #a4a3a4; width:80%}
div.consultation input.CapchaCode {width:70px; text-transform:uppercase; font-size:24px; height:33px}
div.consultation a.CapchaReload {font-size:9px}
div.consultation input.SendResponse {width:100px; cursor:pointer}

/*   News    */

.news .item h2 a, .news .item .descr a { text-decoration:none}
.news .item .descr a { color:#000}
.news .item h2 a:hover , .news .item .descr a:hover {text-decoration: underline}

.path, h1 small.right { font-size:11px; color:#767676; font-family:Arial, Helvetica, sans-serif; padding-top:21px; line-height:100%;}
.path { margin-right:1em; padding-top:12px;}
.path a, h1 small.right a { color:#767676; text-decoration:none;}
.path a:hover, h1 small.right a:hover { color:#1253ac;}
.content-title { padding:10px 0; border-bottom:1px dotted #184283; margin-bottom:12px;}
.content-title h1 { border:0; margin:0; line-height:100%;}

.content { float:left; padding:0 18px 15px 20px; width:570px;}
.content ul li {list-style:square}
.rightbar { float:right; padding:0 20px 15px 18px; width:230px;}
.rightbar h2 { font-size:210%; line-height:175%; padding:0;}
.rightbar h2, .block h2 { border-bottom:1px dotted #184283;}

.news-list { margin:-3px 0 2em; padding:0; list-style:none; font:normal 92%/180% Arial Helvetica, sans-serif;}
.news-list li { margin:0 0 14px;}

.promo-blocks { background:url(/images/blocks-gradient.png) repeat-x 0 0; position:relative; margin:0 0 13px;}
.promo-bg { background:url(/images/blocks-bg.png) repeat-y 0 0;}
.promo-blocks-top { position:absolute; left:0; top:0; width:100%; height:5px; background:url(/images/blocks-top.png) no-repeat 0 0;}
.promo-blocks-bottom { position:absolute; left:0; margin-top:-5px; width:100%; height:5px; background:url(/images/blocks-bottom.png) no-repeat 0 0;}

.promo-blocks .block { float:left; padding:0 20px 1em; width:254px; margin-right:15px;}
.promo-blocks .block h2 { padding:10px 0 8px;}
.promo-blocks .block p { margin-bottom:8px;}
.promo-blocks .right { float:right; margin-right:0; width:230px;}
.block-content { height:120px; overflow:auto;}
.promo-blocks .jScrollPaneContainer { margin-bottom:15px;}

.contacts { font-size:92%; line-height:155%;}
.links-list { margin:0; padding:0; list-style:none; font-size:92%; line-height:190%;}
.links-list li { margin:0 0 8px; zoom:1; overflow:hidden;}
.links-list li.act, .news-list li.act { margin-left:-9px;}
.links-list li.act span { float:left; padding:0 9px; background:#e8e6e7;}
.news-list li.act { padding:0 9px; background:#e8e6e7;}
.links-list li.act span, .news-list li.act {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.rightbar .links-list li, .news-list li { margin-bottom:14px;}

.subline { color:#767676; font-size:11px; line-height:12px; margin-top:-0.5em;}

.footer { height:38px; background:url(/images/bg-footer.jpg) no-repeat 0 0; padding:0 20px 30px; margin-top:13px; font-size:11px; line-height:38px; color:#727272;}


h1, h2, .mmenu li { *font-family: Arial, Helvetica, sans-serif;}