body{margin: 0px; padding: 0px;}
img {border: none;}
body,table td,input,select { color: #555555; font-family:Verdana; font-size: 12px; font-weight:normal;}

div#container {background-color: #FFF;}
div#logo img  {height:100px;width:187px;}

a {color: #555555;TEXT-DECORATION: underline;}
a:hover {TEXT-DECORATION: none;}
a.white {color: #FFFFFF;TEXT-DECORATION: underline;}
a.white:hover {TEXT-DECORATION: none;}
a.catalog {color: #00699B;font-size:11pt;font-weight:bold;TEXT-DECORATION: none;}
a.catalog:hover {TEXT-DECORATION: underline;}
.catalog2 a{color: #007EBB;font-size:10pt;TEXT-DECORATION: none;}
.catalog2 a:hover {TEXT-DECORATION: underline;}
a.menu {color: #FFFFFF;TEXT-DECORATION: none;}
a.menu:hover {TEXT-DECORATION: underline;}

div.toggle-button {margin: 5px; z-index: 1;position: absolute; top: 10px; right: 10px; display: block;font-size:3em;cursor: pointer;width:30px;height:30px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve' style='fill: #666666;'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");transition: transform .2s;}
.slideout-menu {position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 200px; padding: 10px 5px 10px 5px; overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 0px;display: none;background-color: #F2F2F2;color: #000;font-family: 'Open Sans', sans-serif;}
.slideout-menu h3 {font-weight: bold; font-size: 20px; padding: 0px 10px 5px 10px; font-family: 'Open Sans', sans-serif;}
.slideout-menu ul {margin: 5px 6px 5px 0px; list-style: none; padding: 0px;}
.slideout-menu ul li {padding: 6px 0px 6px 21px; margin: 0px;}
.slideout-panel {position:relative;z-index: 1;will-change: transform;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block !important;}
.slideout-open div.toggle-button {transform: rotate(90deg);}

div#header-main{display: flex; justify-content: space-between; margin: 5px;}
footer {display: flex; justify-content: space-between; margin-top: 5px;}
header .search_line {display: flex; justify-content: space-between;}
header .search_keyword {width: 100%;}
h1#header {background-color: #666666;color: white;margin: 0px;padding: 3px;font-weight: bold;font-family: Verdana;font-size: 12px;}
div#content{padding: 0px 5px; flex-grow: 1;}
div#middle-wrap {display: flex;}
div.index_head {display: flex;}
div.index_head div:last-child {flex-grow: 1;}
div.index_logo {display: flex; flex-flow: row wrap;}
div.index_logo>div{width: 100px; height: 100px; margin: 5px; overflow: hidden;}
div.col3 {columns: 300px 3;}
div#middle-wrap>div {padding: 3px;}
div.left_content{flex-shrink: 0; width: 220px;}
div.right_content{flex-shrink: 0; width: 200px;}

@media all and (max-width: 980px) {
    div.right_content{display: none;}
}
@media all and (max-width: 910px) {
    div#header-main div.banner{display: none;}
}
@media all and (max-width: 640px) {
    div#logo {padding-left: 10px;}
    div#logo img  {height:auto;width:120px;}
    div.index_head{flex-flow: row wrap;}
    div#header-main{flex-flow: row wrap;}
    footer{flex-flow: row wrap;}
    div#topmenu {display: none;}
    div#menu {display: none;}
    div.left_content{display: none;}
    header div.toggle-button{display: block !important;}
    div#content{padding: 0px 5px !important;}
}

div.lefta{border: 1px solid #FBE5C0;padding: 4px;margin-top: 5px;}

table#index td table td {padding: 5px;}
td.index {width: 80px;text-align: center;}

h2.index {font-family: Arial; font-size: 16px;background: #666666; color: #FFF; padding: 10px;}

ul#mmenu {margin: 0px;padding: 0px;list-style: none;}
ul#mmenu li {margin: 5px 0px 5px 3px;padding: 0px 0px 0px 10px;background-image: url('http://bpages.ru/images/arrnext.gif');background-repeat: no-repeat;background-position: 0px 4px;}
ul#mmenu li a {text-decoration: none;}
ul#mmenu li a:hover {text-decoration: underline;}

ul#mmenu0 {margin: 0px;padding: 5px;list-style: none;}
ul#mmenu0 li {margin: 5px 0px 5px 3px;padding: 3px 0px 3px 10px;background-image: url('http://bpages.ru/images/arrnext.gif');background-repeat: no-repeat;background-position: 0px 7px;}
ul#mmenu0 li a {text-decoration: none;}
ul#mmenu0 li a:hover {text-decoration: underline;}

.c1 div {background-image: url('http://bpages.ru/images/icon.gif');background-repeat: no-repeat;background-position: 0px 3px;margin: 3px;padding: 0px 0px 0px 14px;}

/* Карточка предприятия */

h1 {font-family: Arial;font-size: 26px;color: #1D1D1D;font-weight: bold;padding: 0px;margin: 10px 0px;border-bottom: 3px solid #888888;}
div#card table td {padding: 7px;color: #000000;}
div#card table tr.c {background-color: #F0F0F0;}
div#card table tr.c td {border-right: dotted 1px #888888;border-bottom: dotted 1px #888888;}
div#card ul#card_nav {width: 100%;height: 20px;background-color: #888888;padding: 0px;margin: 0px;list-style: none;}
div#card tr.h td {background-color: #666666; color: #ffffff; font-weight: bold;}
div#card tr.h td a{color: #ffffff; text-decoration: underline;}
div#card tr.h td a:hover{text-decoration: none;}
div#card tr.h td h3{padding: 0px; margin: 0px; font-size: 12px;}

ul#card_nav li {display: inline;float: left;padding: 3px;}
ul#card_nav li a{color: #FFFFFF;}
ul#card_nav li a:hover{}

span.b-share__text {font-size: 12px;}

div#menu {background-color: #666666;background-image: url('/images/menu.png');background-position: bottom left;background-repeat: repeat-x;}
div#menu ul {padding: 4px 4px 6px 4px;margin: 0px;list-style: none;display: block;}
div#menu li {display: inline;}
div#menu li a{color: #FFFFFF;text-decoration: none;font-weight: bold;}
div#menu li a span{padding: 3px;border-bottom: 3px solid #888888;}
div#menu li a:hover span{border-bottom: 3px solid #DD146D;}

ul#tabs {list-style: none;padding: 0px;margin: 0px;padding: 3px 0px 7px 0px;}
ul#tabs li {display: inline;font-size: 12px;border: none;padding: 3px 10px 7px 10px;margin: 0px;cursor: pointer;}
ul#tabs li.selected {background-color: #00ABC3;color: white;}

table#news td a img {border: 3px solid #888888;}
table#news td a:hover img {border: 3px solid #DD146D;}
table#news td h3 {margin: 0px 0px 5px 0px;}
table#news td a.cat:hover {color: #DD146D;}

div#pages {margin: 10px 0px 10px 0px; text-align: center;}
div#pages b {background-color: #0080C0; color: #FFFFFF; padding: 4px;}
div#pages a {padding: 4px;}

div.clear{clear:both;}