@charset "utf-8";
html { height: 100% }
body { background: url(design/bg-body.gif); margin: 0px; color: #2b2b2b; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family: Arial, Tahoma, Helvetica, sans-serif }
a { font-size:12px; color: #2b2b2b; text-decoration: none; text-align: justify; }
a:hover { cursor: pointer; color: #000000; background: #eaeaea; text-align: justify; }
img { border-style: none; }
table { border-collapse: collapse; padding: 0px; font-size:12px; background: #ffffff;}
td { padding: 0px; }
h1 { font-size:20px; margin-top: 4; margin-bottom: 4; font-weight:bold; color: #2b2b2b; }
h2 { font-size:14px; margin-top: 10; margin-bottom: 10; font-weight:bold; text-indent: 30px; color: #2b2b2b; }
h3 { font-size:14px; margin-top: 0; margin-bottom: 0; font-weight:bold; color: #2b2b2b; }
p  { font-size:12px; margin-top: 5; margin-bottom: 5; font-weight:normal; text-indent: 30px; text-align: justify; line-height: 150% }

.main_menu {  width: 120px; height: 20px; margin-top: 6; text-align:center; float: left; }
.main_menu_over {  margin-top: -4; float: left; position: absolute; visibility: hidden; }
.main_menu_search {  width: 165px; height: 20px; margin-right: 20px; text-align: center; float: left; }
.search_passiv {  color: #ababab; font-weight:normal; font-style:italic; font-size:14px;  }
.search_activ {  color: #2b2b2b; font-weight:normal; font-style:normal; font-size:14px;  }
.td1 { padding: 10px; }
.td2 { text-align: center; }
.td3 { text-indent: 0px; text-align: center; }
.a_over { background: #eaeaea; }
.a_out { background: #ffffff; }
.small_in_tabe { font-size:8px; margin-top: 3; margin-bottom: 13; font-weight:normal; text-indent: 2px; text-align: justify; line-height: 150% }

#slide-container { float:left; margin:20px 20px; visibility: hidden; }
#slide-container #slideshow { width:450; height:300px; margin:auto; position:relative; }
#slide-container #slideshow IMG { position:absolute; top:0; left:0; }

#banners { visibility: hidden; }

/* Header
--------------------------------------------------------------*/
.headerlogo {border:1pt solid #e0e0e0; border-radius:10px; background:#ffffff;}
.logoimg {padding:16px; margin:11px; display: flex; }
.logoimgbig {float: right; padding-left:7%}
.logotxt {color: #2b2b2b; font-size: 20px; font-weight: bold; width:28%; margin:-10% 0 2% 5%; }

/* New
--------------------------------------------------------------*/
.wrapper {width: 980px; margin: 0 auto;	min-height: 100%; height: auto !important; height: 100%;}
.middle {width: 100%; padding: 0 0 100px; position: relative;}
.middle:after {display: table; clear: both; content: '';}
.container {width: 100%; float: left; overflow: hidden; }
.containerhome {width:98%; float: left; overflow: hidden; border: 1px solid #dddddd; border-radius: 10px; padding:10px; background: #ffffff;}
.content {margin-left:350px; border: 1px solid #dddddd; border-radius: 10px; padding:10px; background: #ffffff;}
.left-sidebar {float: left; width:320px; margin-left: -100%; position: relative; background: #ffffff; border: 1px solid #dddddd; border-radius: 10px; padding:7px;}

.footer {width: 960px; margin: -90px auto 0; height: 90px; background: #ffffff; position: relative; border: 1px solid #dddddd; border-radius: 10px; padding:10px; }
.footerblock {margin:auto;}
.footerone {width:50%; float:left;  margin:1% 0 0 0; text-align:left;}
.footeretwo {width:30%; float: left; margin:1% 0 0 1px; text-align:left; position: relative;}
.footerthree {width:15%; float:right; margin:1% 0 0 1px;}


#mac1 img, #mac2 img, #mac3 img, #mac4 img, #mac5 img, #mac6 img, #mac7 img, #mac8 img, #mac9 img, #mac10 img, #mac11 img, #mac12 img { margin:-1.7px 0;}

/* Menu tabsE
------------------------------------*/
.menuall {display: flex;}
nav {height: 40px; width: 100%; position: relative; z-index:7;}
nav ul {padding: 0; margin: 0 auto;	height: 40px;}
nav li {display: inline; float: left;}
nav a {color: #000000; display: inline-block; text-align: center; text-decoration: none; line-height: 35px;}
nav li a {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left: 35px; font-weight:600; font-size:13px;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active  {text-decoration: underline;}
nav a#pull {display: none;}

.homepoint a {font-size: 6pt; letter-spacing: -1pt; text-decoration: none; left: 16%; position: relative;}

@media all and (max-width: 860px){

body {
background:none;
-webkit-text-size-adjust:none;
padding:7px;
min-height:100%;
font-size:16px !important;
}

TABLE {width:100%;}
.menutable {width: auto !important; padding-left:2%;}

/* Блоки 
--------------------------------------------------------------*/
 #logo, .wrapper, .middle, .containerhome, .container, .content, .left-sidebar, .footer  {
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

.containerhome, .content, .footer { border:none;}
.footerone {width:75%; margin:1% 0 0 0; text-align:left;}
.middle { padding-top:30px !important;}
.imgbig, .footeretwo, .homepoint a {display:none;}


.logotxt {width:90%; margin: -20px 0 2% 5%;}
.main_menu_search, .logoimgbig {display: none;}


/* Menu 
-----------------------------------*/
nav a {width: 100%; color: #ffffff;}
nav {border-bottom: 0; padding-top:15px;}
nav ul {display: none; height: auto;}
nav a#pull {font-weight:800; display: block; background: #cccccc url("design/three_0.png") repeat-x scroll 0 0; width: 100%; position: relative; text-align:center;}
nav a#pull:after {content:""; background: url('design/nav-icon.png') 0 -1px no-repeat;	width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }

nav a#pull:hover {color:#ffffff; }
nav li {background: #cccccc; display: block; float: none; width: 100%;}
nav li a {border-bottom: 1px solid #576979; margin-left:0;}
nav li a:hover {color:#000000; text-align:center;}

/* Image 
-----------------------------------------------------------------------------*/
img {max-width:100%; height:auto;}
}

@media all and (max-width: 700px){

}

@media all and (max-width: 480px){



}