body {padding: 0px;margin: 0px;font-family: Arial;width: 100%;}
img {border: none;}
a {color: #0060A9;}
a:hover {color: #FF0000;}
div#container {position: relative; min-width: 320px; max-width: 980px; margin-left: auto;margin-right: auto;font-family: Arial;}

div.top{
    display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  align-items: center;
  
  }
  
div#logo {padding: 0px 10px 0px 10px;}
div#right_head{width: 300px;}

@media all and (max-width: 420px) {
    div#logo {flex-basis: 0;}
}
@media all and (max-width: 660px) {
    div#search_head{padding-top: 10px;} 
}
@media all and (min-width: 660px) {
  div#search_head    { flex: 3 0px; }
  div#logo { order: 1; } 
  div#search_head    { order: 2; }
  div#right_head { order: 3; }
}

div#reg{ padding: 8px 0px 0px 0px;}
div#reg div {padding: 20px 0px 0px 20px;}
div#reg a {color: white; font-size: 18px; font-weight: bold; text-decoration: none;}
div#reg a span {width:170px; display: block; padding: 15px 5px 19px 25px; background-image: url(/images/reg_button.png); background-repeat: no-repeat;background-position: bottom left;}
div#reg a:hover span {background-position: top left;}
div#login{ font-size: 12px; margin-left: 15px;}

div#menu ul {padding: 4px 0px 6px 0px; margin: 0px; list-style: none;}
div#menu li {display: inline-block;   margin-bottom:8px;}
div#menu li a{color: #00A4F4; text-decoration: none;font-weight: bold;}
div#menu li a span{padding: 3px;border-bottom: 3px solid #009049; margin-bottom: 10px;}
div#menu li a:hover span{border-bottom: 3px solid #F79900;}

table#footer {border-top: 3px solid #009049;font-size: 12px;padding: 5px 0px 3px 0px;}
table#footer ul {padding: 0px;margin: 3px;list-style: none;}
table#footer li {display: inline;padding: 0px 3px 0px 3px;}
table#footer li a{color: #808080;text-decoration: none;}
table#footer li a:hover{text-decoration: underline;}

div#content {position: relative;padding: 6px;}
div#content p {font-size: 14px;}

h1 {font-size: 28px;font-weight: normal;font-family: Arial; margin: 5px 0px 5px 0px;}
h2 {font-size: 22px;font-weight: normal;font-family: Arial; margin: 0px 0px 10px 0px;}
h3 {font-size: 18px;font-weight: normal;font-family: Arial; padding: 0px 0px 5px 0px; margin: 0px;}
h1:first-letter,h2:first-letter,h3:first-letter{text-transform:capitalize;}

.autocomplete-w1 {position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div {cursor: hand; padding: 2px 5px; display: block; clear: both; height: 20px; white-space: nowrap; overflow:hidden; font-size: 11px; font-family: Verdana; line-height:15px; vertical-align: middle;}
.autocomplete strong { font-weight:normal; color:#3399FF; }
        

div#cities .navigation {font-size: 10pt; border-top: 3px solid #FECA2B; font-weight: 700; list-style: none; margin: 0; padding: 0; background: deepskyblue; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: flex-start;}
div#cities .navigation a { text-decoration: none; display: block; padding: 0.8em 0.2em 0.8em 0.2em; color: white;}
div#cities .navigation a:hover {background: #EDA549;}

div#YMapsID {width:296px;height:600px;}

@media all and (max-width: 800px) {
  div#cities .navigation {justify-content: space-around;}
}
@media all and (max-width: 620px) {
  div#cities .navigation {-webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 0;}
  div#cities .navigation a {text-align: center;padding: 5px;border-top: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
  div#cities .navigation li:last-of-type a {border-bottom: none;}
  div#YMapsID {width: 90%; height: 200px;}
  div ul.center li {margin: 10px 0px;}
  div#center_block{float:initial !important;}
  div#content{overflow: hidden;}
  div.street div.houses {width: auto !important;}
}


div#catalog {display: block;}
div#catalog ul {list-style: none; margin: 0px; columns: 310px 3; padding: 0px;}
div#catalog ul li {display: block; padding: 6px 0px 6px 0px;}
div#catalog ul li a {font-size: 12px; color: #000000;}
div#catalog ul li a:hover {text-decoration: none; color: #F79900;}
div#catalog ul li.header:first-letter {color:red;}

div#path {display: block; font-size: 12px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #808080;}

div.card {padding-bottom: 10px;}
div.card .name h3 {display: inline;}
div.card div.d {font-size: 12px; padding-bottom: 5px;}
div.card div.d a {color: #009049;}
div.card div.d a:hover {color: #FF3616;}
div.card div.row {padding: 1px 0px 1px 0px;}
div.card div.row div.name {display: inline-block;width: 80px;color: #808080;}
div.card .gray {color: #C0C0C0;}
div.card .gray:hover {color: #000000;}

div#pages {text-align: center;font-size: 18px;}

div#worktime table td {font-size: 12px;text-align: center;}
div#worktime table tr.h td{background-color: #00A4F4;color: #FFFFFF;}
div#worktime div.working-break {margin-top: 3px; color: red; font-style: italic;}

div#currentCity{font-size: 12px;text-align: right; padding: 5px 0px 5px 0px;}

div#center_block {position: relative;  max-width: 640px; display: inline;float: left; margin-bottom: 10px;}
div#right_block {position: relative; width: 300px; display: inline; float: right; margin-bottom: 10px;}
div#right_block h3 {margin-top: 20px;}
div#right_block div.card {padding-bottom: 5px;}
div#right_block div.row {font-size: 12px;}
div#right_block div.row div.name {width: 40px;}

div#YMapsID {border: 2px solid #00A4F4;}
div#copyright div{font-size: 11px; background-image: url(/images/2g.png); background-repeat: no-repeat; background-position: 85px 0px; width: 132px; height: 15px; display: inline-block; padding-top: 1px; float: right;}

#contact-overlay {background-color:#000; cursor:wait;}
#contact-container {font: 16px/22px Arial, Verdana, 'Trebuchet MS'; text-align:left; width:600px;}
#contact-container .contact-content {background-color:#F6F6F6; color:#808080; height:40px; padding-left: 10px;}
#contact-container h1 {color:#00A4F4; font-size:20px; line-height:20px; margin:0; padding:0 0 15px 0px; text-align:left;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center; margin:0px 0px 10px 0px;}
#contact-container .contact-error {background:#ffffff; border:1px solid #FF0000; color:#FF0000; font-size:14px; font-weight:bold; padding:5px; width:92%; display: block;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; padding-right:4px; text-align: left; width:110px;}
#contact-container .contact-input {border: 1px solid #009049; font-family: Arial, Verdana, 'Trebuchet MS'; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#F6F6F6; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#F6F6F6; font-size:12px; height:33px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-button {background:#009049; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#FF3616;}
#contact-container a.modal-close {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}

div.clear{clear: both;}

div.select_block{width: 320px; float: left; margin-right: 20px; padding: 20px; border: 1px solid #C0C0C0; border-radius: 8px;}
input.s {font-size: 18px;}

div.err{border: 1px solid red; color: red; padding: 5px; margin: 5px;}
div.ok{border: 1px solid green; color: green; padding: 5px; margin: 5px;}

div.ya-dir-catalog{margin-bottom: 10px;}
.gold h3{padding-left: 20px; background-image:url(/images/icon_catalog.png); background-repeat: no-repeat;}
.gold h3 a {color: #D97B00;}
.gold h3 a:hover {color: #FF0000; text-decoration: none;}

#yandex-direct-fixed {display: block;margin-top: 10px;width: 300px;}
 .on_top{position: fixed;top: 10px;}
 .on_footer{position: absolute;bottom: 220px;}
 
div.reviews, div#addcomment {font-size: 11px;font-family: Arial;border-radius:6px;border: 3px solid #D8DFE5; padding: 5px;position: relative;}
.waveButton1{background:url(/js/google_wave/img/button_bg.jpg) repeat-x 50% 50%;border:1px solid #DDDDDD;padding:4px;cursor:pointer;}
div.reviews {margin-bottom: 5px;}
div.reviews div.rate {position: relative; float: left; max-width: 200px; padding-right: 5px;}
div.reviews div.stars {background:url(/images/star.gif) repeat-x top left; height: 22px;}
div.reviews div.name {font-size: 14px; font-weight: bold;}
div.reviews div.text {position: relative; display: block; overflow: hidden;}

#vk_comments, #vk_comments iframe {width: 100% !important;}

div.street h3 {margin-top: 10px;}
div.street div.houses {float: left; width: 760px; font-size: 13px;}

div.page {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; justify-content: space-around;}
div.page>div:first-of-type{flex-grow: 2 !important;}
div.page>div{flex-shrink: 1;}

div.page>div:first-of-type div.catalog, div.columns {-webkit-columns: 210px 3; -moz-columns: 210px 3; columns: 210px 3;}

div.catalog ul {list-style: none; margin: 0px; padding: 0px 10px 0px 0px;}
div.catalog ul li {padding: 6px 0px 6px 0px;}
div.catalog ul li a {font-size: 12px; color: #000000;}
div.catalog ul li a:hover {text-decoration: none; color: #F79900;}

div.rht {margin-top: 40px; max-width: 300px;}
div.rht ul li {padding: 3px 0px;}