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; box-shadow: 3px 3px 5px 6px #F5F5F5;}

div.top{
    display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  align-items: center;
  
  }
  
div#logo{padding: 0px 10px 0px 10px;   min-width: 130px; max-width: 186px;}
div#logo img { min-width:130px;  width: 100%; }
div#right_head{width: 200px;}
@media all and (max-width: 953px) {
    div#right_block{display: none !important;}
}
@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; }
}
@media all and (max-width: 420px) {
    h1 {font-size: 24px !important;font-weight: bold; margin: 5px 0px 5px 0px !important;}
    div#logo {flex-basis: 0;}
}
@media all and (max-width: 360px) {
    .place_pics img {width: 78px;}
}
@media all and (max-width: 320px) {
    .place_pics img {width: 70px;}
}


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; line-height: 25px;}
div#menu li {display: inline;}
div#menu li a{color: #00A4F4;text-decoration: none;font-weight: bold;}
div#menu li a span{padding: 3px;border-bottom: 3px solid #009049;}
div#menu li a:hover span{border-bottom: 3px solid #F79900;}

div#cities {display: none; padding-top: 10px;}

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

h1 {font-size: 36px;font-weight: bold;font-family: Arial; margin: 10px 0px 10px 0px;}
h2 {font-size: 22px;font-weight: normal;font-family: Arial; margin: 15px 0px 25px 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;}

div#catalog {display: block;}
div#catalog ul {width: 310px; list-style: none; display: inline; float: left; margin: 0px; padding: 0px 10px 0px 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#path {display: block; font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #808080;}

div.card {padding-bottom: 10px;}
div.card div.d {font-size: 12px; padding-bottom: 5px; line-height: 18px;}
div.card div.d a {color: #009049;}
div.card div.d a:hover {color: #FF3616;}
div.card div.row {padding: 3px 0px 3px 0px;}
div.card div.row div.name {display: inline-block;width: 80px;color: #808080;}

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;width: 100%; max-width: 640px; display: inline;float: left;}
div#right_block {position: relative;width: 300px;display: inline;float: right;}
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: 1px solid #808080;}
div#copyright div{font-size: 10px; background-repeat: no-repeat; width: 145px; height: 15px; display: inline-block; padding-top: 1px; float: right;}
div#copyright a{color: #C0C0C0;}

div#cities ul {list-style: none; display: inline; float: left; margin: 0px; padding: 0px 10px 0px 0px;}
div#cities ul li {display: block; padding: 3px 0px 3px 0px;}
div#cities ul li a {font-size: 12px; color: #00A4F4;}
div#cities ul li a:hover {text-decoration: none; color: #F79900;}
div#cities ul li a.current {font-weight: bold; color: #009049;}
div#cities ul li a:hover {text-decoration: none; color: #009049;}

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;}

.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; }

#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(/images/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.add_info {margin-top: 10px; font-size: 12px;}
div.add_info div {font-weight: 700;}
div.add_info a {color: #808080;}
div.add_info a:hover{text-decoration: none;}

.place_pics {margin: 5px 15px 0px 0px;}
.place_pics img {padding: 0px 6px 0px 0px;box-shadow: 3px 3px 5px 6px #F5F5F5; max-width: 150px;}

div.filter ul {list-style: none; font-size: 15px; padding: 0px;margin: 5px 0px;}
div.filter ul li{display: inline-block; border: 1px solid #E6E6E6; padding: 6px 6px; margin: 5px; border-radius: 3px; background-color: #F8F7F7; transition: all 0.3s ease 0s; min-width: 120px; text-align: center;}
div.filter ul li:hover{border: 1px solid #E6E6E6; background-color: #EEEEEE; box-shadow: 3px 3px 2px 0px #F8F7F7;}
div.filter ul li.current{border: 1px solid #E6E6E6; background-color: #EEEEEE; box-shadow: inset 0 0 0 1px #C0C0C0,inset 0 2px 4px #C0C0C0;}
div.filter ul a:active{color: red;}
div.filter ul a {color: #000; text-decoration: none;}