html,body
   { 
    background:#dddddd;
    padding:0px;
    margin:0;
    font:normal 11px arial;
    color:#000;
    text-align:left;
}
img { border: 0; }
                
h1 { 
  font-size:22px;
  margin:0;
  padding:15px 0 15px 0;
}

h2 { 
  font-size:12px;
  padding:4px 0 4px 0;
  margin:0;
}

p { margin:0; padding:0 0 10px; text-align:justify;}

a { text-decoration:underline; color:#000;}
a:hover { text-decoration:none; color:#000;}

div#main { width:750px; }

div#header {     padding:30px 0 18px 30px; }

div#logo { }


div#top-menu {     float:right;    padding:36px 0 0 0; }

#top-menu a { text-decoration:none; color:#000;}
#top-menu a:hover { text-decoration:underline;}
    
div#main-menu { 
    background:url(images/menu-bg.gif) repeat-x;
    height:22px;
    overflow:hidden;
    padding:8px 0px 8px 98px;
}

div#main-menu a {     display:block;    float:left; }



div#line {  padding:4px 0 0 31px;   height:15px; }

div#line-line {   height:4px; overflow:hidden;  float:left; }

div#line-arrow { 
  height:11px;
  width:13px;
  overflow:hidden;
  float:left;
  clear:both;
}




div#columns  {  clear:both; padding: 0; }

.content    { float: left; width: 100%;  }
.content .content-inner   { margin: 0 167px 0 180px; overflow:hidden; }
.content .content-inner ul { margin:0; padding:0 0 0 20px;}
.content .content-inner ul li { list-style-position:outside;}
.content .content-inner ul li ul { margin:0; padding:0 0 0 20px;}
.content .content-inner ul li ul li {  list-style-image: url(images/plate.gif);}
.content .content-inner hr { 
display:block;
background-color:#000;
height:1px;
overflow:hidden;
border-width:0;
clear:both;
}
  
.products .content .content-inner table { border-collapse:collapse; width:100%; border-width:0; margin:10px 0;}
.products .content .content-inner table td { text-align:center; padding:5px; border-right:1px solid #000;}
.products .has-bg { background-color:#c6d7ec;}
.products .has-bg td { background-color:#c6d7ec;}

.sidebar-left   { float: left; width: 140px; margin-left: -100%;  padding-left:30px;  }
.sidebar-right  { float: left; width: 140px; margin-left: -140px; }
.sidebar-right .content-inner { padding:37px 0 0 0;}
.sidebar-left .content-inner { padding:17px 0 0 0;}
.iblock-head-wrap {  float:left; padding:0 18px 3px 18px; background:url(images/iblock.gif) repeat-x left center;}
.iblock-head { font-size:12px; font-weight:bold; background-color:#dddddd; padding:0 4px;}
.iblock-content { clear:both; font-size:10px;  border-top:1px solid #545352; padding:0px 4px 10px 4px; margin-bottom:5px;}
.iblock-content a.news { text-decoration:none; display:block; padding:7px 0 7px 0; border-bottom:1px solid #000;}
.iblock-content a.news:hover { text-decoration:underline;}

.default .content .content-inner { margin: 0 0px 0 200px;}
.default .content .content-inner h1 { font-size:18px; font-weight:normal; padding-bottom:0;}
.default .content .content-inner p { padding:0; margin-top:5px;}
.default div.news { background-color:#c1c1c1; padding:10px;}
.default div.news div { margin-top: 16px; }
.default div.news a { }
.default .sidebar-left .content-inner h2 { background-color:#999999; padding:0 4px;}
.default .sidebar-left   { float: left; width: 156px; margin-left: -100%;  padding-left:30px;}


table.mtbl { border-width:0; border-collapse:collapse; margin:10px 0 10px 0 ;}
table.mtbl td { vertical-align:top;}
table.mtbl td.head { background-color:#c1c1c1; border:1px solid #989898; border-bottom:1px solid #d1d1d1; text-align:left; padding:5px; width:50%;}
table.mtbl td.head img { float:right; border-width:0;}
table.mtbl td.text { border:1px solid #a9a9a9; text-align:left; padding:5px;}
table.mtbl td.head h3 { padding:15px 0 0 0 ; font-size:11px; }
table.mtbl td.head a { text-decoration:none;}
table.mtbl td.head a:hover { text-decoration:underline;}


#footer {   clear:both;  padding:0 0 0px 0px;  color:#5a5b60; }
#footer .content-inner {   padding-bottom:20px; }

.default #footer .content .content-inner { margin:0 0 0 30px; }

.clear { clear:both; }

#footer .content .content-inner hr { 
display:block;
background-color:#709ba2;
height:2px;
overflow:hidden;
border-width:0;
border-bottom:1px solid #b9c7c9;
clear:both;
}

#top { width:30px; height:20px; padding:10px 0 0 15px;}
#top a { text-decoration:none; background-repeat:no-repeat; background-position:left center; padding:0 0 0 20px; }

#mega-box { background:#cbcccc; border-bottom:1px solid #6f7170; border-top:1px solid #6f7170; margin-bottom:30px; padding:15px;}
#mega-box input.int { 
  width:150px;
  line-height:14px;
  margin:3px 0 5px 0;
  padding:2px;
  font-size:11px;
  clear:both;
  display:block;
}
#mega-box input.btn { 
  width:95px;
  line-height:14px;
  margin:20px 0 5px 0;
  padding:4px 4px 4px 20px;
  font-size:11px;
  clear:both;
  display:block;
  border-width:0;
  color:#fff;
  background:#636468 url(images/search.gif) no-repeat 5px 4px;
  cursor:pointer;
}

#mega-box .s { clear:none !important; float:left !important; margin:3px 20px 5px 0 !important;}



#main-menu a { width:109px; height:18px; padding:4px 6px 0 6px; overflow:hidden; color:#fff; margin-right:7px; text-decoration:none; font:bold 12px/normal arial; letter-spacing: 1px;}
#main-menu a:hover { }

#main-menu a#comp { background:#5a5b60; border-bottom:1px solid #151517; border-top:1px solid #fff; border-left:1px solid #232427; border-right:1px solid #232427;}
#main-menu a#comp:hover { color:#2e2f31;}

#main-menu a#prod { background:#1d3587; border-bottom:1px solid #070c1f; border-top:1px solid #fff; border-left:1px solid #0b1537; border-right:1px solid #0b1537;}
#main-menu a#prod:hover { color:#0f1c47;}

#main-menu a#serv { background:#8f392f; border-bottom:1px solid #200d0b; border-top:1px solid #fff; border-left:1px solid #381713; border-right:1px solid #381713;}
#main-menu a#serv:hover { color:#5d2620;}

#main-menu a#proj { background:#4b858e; border-bottom:1px solid #111e22; border-top:1px solid #fff; border-left:1px solid #1e353a; border-right:1px solid #1e353a;}
#main-menu a#proj:hover { color:#32595f;}

#main-menu a#cont { background:#695622; border-bottom:1px solid #181308; border-top:1px solid #fff; border-left:1px solid #29220d; border-right:1px solid #29220d;}
#main-menu a#cont:hover { color:#3f3414;}

.about div#line-line { width:190px; background-color:#5a5b60;}
.about div#line-arrow { background:url(images/about-arrow-hover.gif) no-repeat;}
.about .iblock-content { background:#cccccc;}
.about #top a { background-image:url(images/about-top.gif);}

.contact div#line-line { width:710px; background-color:#6a5722;}
.contact div#line-arrow { background:url(images/contacts-arrow-hover.gif) no-repeat;}
.contact .iblock-content { background:#cec199;}
.contact #top a { background-image:url(images/contacts-top.gif);}

.service div#line-line { width:450px; background-color:#8e382e;}
.service div#line-arrow { background:url(images/service-arrow-hover.gif) no-repeat;}
.service .iblock-content { background:#ddb29d;}
.service #top a { background-image:url(images/service-top.gif);}

.projects div#line-line { width:580px; background-color:#4b858e;}
.projects div#line-arrow { background:url(images/project-arrow-hover.gif) no-repeat;}
.projects .iblock-content { background:#c2d4d3;}
.projects #top a { background-image:url(images/project-top.gif);}

.products div#line-line { width:320px; background-color:#1d3588;}
.products div#line-arrow { background:url(images/product-arrow-hover.gif) no-repeat;}
.products .iblock-content { background:#c0d2ea;}
.products #top a { background-image:url(images/product-top.gif);}





ul.parent { 
  list-style:none;
  margin:0;
  list-style-position: outside;
  display:block;
  padding-left:0;
/*  padding-left:15px;*/
}

ul.parent ul { 
  list-style:none;
  padding:0 0 0 0px;
  margin:0;
  padding:7px 0 3px 0;
  display:block;
  padding-left:15px;
}

ul.parent ul.hidden { 
  display: none;
}

ul.parent li { padding:0; margin:0; display:block; border:1px solid #dddddd; }


ul.parent li a { 
  background-position: left top;
  background-repeat:no-repeat;
  padding:0 0 10px 15px;
  display:block;
  
  
}
ul.child li a { 
  background-position: left top;
  background-repeat:no-repeat;
  padding:0 0 7px 15px;
  display:block;
}

.about a.arrow { background-image:url(images/about-arrow.gif); text-decoration:none;}
.about a.arrow:hover { background-image:url(images/about-arrow-hover.gif); text-decoration:underline;}
.about a.arrow-sel { background-image:url(images/about-arrow-hover.gif); text-decoration:underline;}
.about a.arrow-sel:hover { background-image:url(images/about-arrow-hover.gif); text-decoration:underline;}
.about a.dot { background-image:url(images/about-dot.gif); text-decoration:none;}
.about a.dot:hover { background-image:url(images/about-dot-hover.gif); text-decoration:none;}
.about a.dot-sel { background-image:url(images/about-dot-hover.gif); text-decoration:underline;}
.about a.dot-sel:hover { background-image:url(images/about-dot-hover.gif); text-decoration:underline;}

.contact a.arrow { background-image:url(images/contacts-arrow.gif); text-decoration:none;}
.contact a.arrow:hover { background-image:url(images/contacts-arrow-hover.gif); text-decoration:underline;}
.contact a.arrow-sel { background-image:url(images/contacts-arrow-hover.gif); text-decoration:underline;}
.contact a.arrow-sel:hover { background-image:url(images/contacts-arrow-hover.gif); text-decoration:underline;}
.contact a.dot { background-image:url(images/contacts-dot.gif); text-decoration:none;}
.contact a.dot:hover { background-image:url(images/contacts-dot-hover.gif); text-decoration:none;}
.contact a.dot-sel { background-image:url(images/contacts-dot-hover.gif); text-decoration:underline;}
.contact a.dot-sel:hover { background-image:url(images/contacts-dot-hover.gif); text-decoration:underline;}

.service a.arrow { background-image:url(images/service-arrow.gif); text-decoration:none;}
.service a.arrow:hover { background-image:url(images/service-arrow-hover.gif); text-decoration:underline;}
.service a.arrow-sel { background-image:url(images/service-arrow-hover.gif); text-decoration:underline;}
.service a.arrow-sel:hover { background-image:url(images/service-arrow-hover.gif); text-decoration:underline;}
.service a.dot { background-image:url(images/service-dot.gif); text-decoration:none;}
.service a.dot:hover { background-image:url(images/service-dot-hover.gif); text-decoration:none;}
.service a.dot-sel { background-image:url(images/service-dot-hover.gif); text-decoration:underline;}
.service a.dot-sel:hover { background-image:url(images/service-dot-hover.gif); text-decoration:underline;}

.projects a.arrow { background-image:url(images/project-arrow.gif); text-decoration:none;}
.projects a.arrow:hover { background-image:url(images/project-arrow-hover.gif); text-decoration:underline;}
.projects a.arrow-sel { background-image:url(images/project-arrow-hover.gif); text-decoration:underline;}
.projects a.arrow-sel:hover { background-image:url(images/project-arrow-hover.gif); text-decoration:underline;}
.projects a.dot { background-image:url(images/project-dot.gif); text-decoration:none;}
.projects a.dot:hover { background-image:url(images/project-dot-hover.gif); text-decoration:none;}
.projects a.dot-sel { background-image:url(images/project-dot-hover.gif); text-decoration:underline;}
.projects a.dot-sel:hover { background-image:url(images/project-dot-hover.gif); text-decoration:underline;}

.products a.arrow { background-image:url(images/product-arrow.gif); text-decoration:none;}
.products a.arrow:hover { background-image:url(images/product-arrow-hover.gif); text-decoration:underline;}
.products a.arrow-sel { background-image:url(images/product-arrow-hover.gif); text-decoration:underline;}
.products a.arrow-sel:hover { background-image:url(images/product-arrow-hover.gif); text-decoration:underline;}
.products a.dot { background-image:url(images/product-dot.gif); text-decoration:none;}
.products a.dot:hover { background-image:url(images/product-dot-hover.gif); text-decoration:none;}
.products a.dot-sel { background-image:url(images/product-dot-hover.gif); text-decoration:underline;}
.products a.dot-sel:hover { background-image:url(images/product-dot-hover.gif); text-decoration:underline;}

div.np { overflow: auto; height: 250px; }
#PageSel a { padding: 0 3px; font-size: 12px; }
#PageSel a.sel { font-weight: bold; color: gray; text-decoration: none; }


.service .np { height: 300px; }
/*.service .sidebar-right .iblock-content { overflow: auto; height: 300px; }*/
.service .sidebar-right .iblock-content div { margin: 6px 0 0 0; }

#PrintVersion { position: relative; top: 15px; color: #666; font-size: 10px; }

