/*{{{ =Layout*/

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font: 12px Arial, sans-serif;
  color: #333;
  background: #fff;
}

a {
  color: #170e03;
}

img {
  border: none;
}

.h-clear {
  height: 1px;
  clear: both;
  line-height: 0;
  font-size: 0;
}

.h-fixed {
  margin: 0 auto;
  width: 936px;
}

.h-header {
  background: #000;
  color: #fff;
  min-height: 440px;
}

.h-content-wrap {
  padding: 35px 0;
}

.h-content {
  float: left;
  width: 470px;
  padding: 0 0 0 103px;
}

.h-sidebar {
  float: right;
  width: 256px;
  padding: 27px 0 0;
}

.h-footer {
  padding: 0 0 20px;
}

/*}}}*/

/*{{{ =H-header*/

.h-topban {
  padding: 14px 0 50px;
  text-align: center;
}
.rest-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.rest-nav li {
  float: left;
  color: #ccc;
  position: relative;
  z-index: 1;
}

.rest-nav a {
  color: #ccc;
  text-decoration: none;
}

.rest-link {
  margin: 0 0 0 5px;
  padding: 0 16px 0 0;
  background: url(/images/main/rest-nav-bul.png) 100% 50% no-repeat;
}


.sub-rest {
  width: 125px;
  padding: 5px 5px 3px;
  background: #fff;
  border: 1px solid #cfcfcf;
  position: absolute;
  top: -6px; left: 65px;
  display: none;
}

.show .sub-rest {
  display: block;
}

.this_city {
  background: url(/images/glossary/subrest-bul.png) 100% 50% no-repeat;
  padding: 0 16px 0 0;
  cursor: pointer;
}

.sub-rest ul {
  margin: 0;
  padding: 13px 0 0;
  list-style: none;
}

.sub-rest li {
  float: none;
  padding: 0 0 5px;
  background: none;
}

.sub-rest li a {
  color: #666;
}

.sub-rest li a:hover
, .sub-rest li.active a {
  color: #c30b0b;
  text-decoration: underline;
}


.order-tel {
  float: right;
  color: #ccc;
  height: 18px;
}

  .order-tel .order {
    float: left;
    padding-top: 1px;
  }

  .order-tel .tel {
    float: right;
    background: url(/images/glossary/bul1.png) 0 50% no-repeat;
    margin: 0 1px 0 10px;
    padding: 0 0 0 17px;
    font: bold 17px Arial, sans-serif;
  }

  .order-tel a {
    color: #ccc;
  }


.h-topsearch {
  padding: 5px 0 0;
}

.search {
  margin: 0;
  padding: 23px 26px 0 21px;
  height: 79px;
  background: url(/images/glossary/search-bg.png) 0 0 no-repeat #8d908d;
  position: relative;
}

.search-area {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 7px; left: 79px;
}

.search-area li {
  float: left;
  margin: 0 13px 0 0;
}

.search-area a {
  color: #fff;
  text-decoration: none;
  float: left;
  outline: none;
  padding: 0 0 0 17px;
  background: url(/images/main/sa-bul.png) 0 0 no-repeat;
}

.search-area a:hover {
  text-decoration: underline;
}

.search-area li.active a {
  color: #bc080c;
  background-position: 0 100%;
}

.s-link {
  float: left;
  width: 46px;
  height: 46px;
  text-decoration: none;
  margin: 0 13px 0 0;
}

.search fieldset {
  margin: 4px 0 0;
  padding: 4px 10px 0;
  border: none;
  float: left;
  width: 672px;
  height: 44px;
  background: url(/images/main/s-field.png) 0 0 no-repeat #eee;
}

.search input.text {
  width: 670px;
  float: left;
  margin: 8px 0 0;
  padding: 0;
  border: none;
  background: none;
  font: 18px Arial, sans-serif;
  color: #333;
}

.search input.img {
  float: right;
  margin: 4px 0 0;
}

span.match {
  color: #be311a;
  font-weight: bolder;
}

.s-i {
  float: left;
  margin: 3px 0 0 59px;
}

.s-i2 {
  float: right;
  margin: 3px 6px 0 0;
  color: #fff;
  text-decoration: none;
}

.s-field {
  position: absolute;
  top: 27px; left: 81px;
  width: 692px;
  padding: 0 0 8px;
  background: url(/images/main/textarea-bg.png) 0 100% no-repeat;
}

.s-field textarea {
  margin: 0;
  padding: 8px 18px 0;
  width: 656px;
  height: 32px;
  border: none;
  background: url(/images/main/s-field2.png) 0 0 no-repeat;
  font: 26px Arial, sans-serif;
  color: #000;
  outline: none;
  resize: none;
}


.h-alph {
  background: url(/images/glossary/alph-bg.png) 0 100% no-repeat #2e2e2e;
  padding: 1px 30px 10px 22px;
}

.h-alph h1 {
  width: 200px;
  float: left;
  margin: 0;
  font: bold italic 18px Georgia, serif;
  color: #fff;
}

.h-alph a.glossary-home {
color:#FFFFFF;
float:left;
font:italic bold 18px Georgia,serif;
margin:0;
text-decoration:none;
width:200px;
margin-top: 10px;
}

.alph {
  margin: 0;
  padding: 14px 0 0;
  list-style: none;
  float: right;
}

.alph li {
  float: left;
  text-transform: uppercase;
  font-size: 10px;
  margin: 0 0 0 10px;
}

.alph a {
  color: #999;
  text-decoration: none;
}

.alph .active, .alph .active a {
  color: #d7001b;
}

.h-tagline {
  padding: 0 0 0 92px;
  color: #999;
}

.tag-table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
}

.tag-table td {
  padding: 0 0 0 10px;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: left;
}

.tag-table td.col2 {
  vertical-align: bottom;
  width: 130px;
}

.tag-table td.col3 {
  vertical-align: bottom;
}

.h-tagline h2 {
  margin: 18px 0;
  font-size: 15px;
  font-weight: normal;
  color: #999;
}

.h-tagline p {
  margin: 0;
  padding: 0 0 15px;
  text-indent: 15px;
}

.h-tagline p.author {
  color: #fff;
  font-size: 10px;
  font-style: italic;
  text-indent: 0;
}

/*}}}*/

/*{{{ =H-content*/

h1 {
  margin: 0 0 15px;
  font-weight: normal;
  font-size: 28px;
  color: #000;
}

.b-selected h1 {
  float: left;
}

h2 {
  margin: 0 0 12px;
  font-weight: normal;
  font-size: 17px;
  color: #000;
}

h2.h-spec {
  margin: 0 0 14px;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  color: #cc0000;
}

p {
  margin: 0 0 10px;
}

.h-corners {
  position: relative;
  float: left;
}

.b-selected .h-corners {
  margin: 0 0 25px;
  width: 466px;
}

.b-news .h-corners {
  margin: 0 0 13px;
}

.slide-scroll2 .h-corners {
  margin: 0 2px;
}

.h-corners img {
  display: block;
}

.h-ctop, .h-cbot {
  width: 100%;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.h-cbot {
  top: auto;
  bottom: 0;
}

.h-ctop span, .h-cbot span {
  width: 10px;
  height: 10px;
  line-height: 0;
  font-size: 0;
}

.cl {
  float: left;
  background: url(/images/main/cl.png) 0 0 no-repeat;
}

.cr {
  float: right;
  background: url(/images/main/cr.png) 0 0 no-repeat;
}

.bl {
  float: left;
  background: url(/images/main/bl.png) 0 0 no-repeat;
}

.br {
  float: right;
  background: url(/images/main/br.png) 0 0 no-repeat;
}

.h-pos-name {
  width: 100%;
  min-height: 35px;
  padding: 6px 0 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.slide-scroll2 .h-pos-name {
  min-height: 23px;
}

.bgr-opacity {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  filter:alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
}

.h-pos-name h2 {
  margin: 0 40px;
  font-size: 15px;
  color: #fff;
  position: relative;
  z-index: 2;
}

.slide-scroll2 .h-pos-name h2 {
  font-size: 12px;
  margin: 0 15px;
}

.h-pos-name h2 a {
  color: #fff;
}

.n-prev, .n-next {
  display: block;
  width: 16px;
  height: 17px;
  background: url(/images/glossary/bul5.png) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  left: 23px;
  margin: -8px 0 0;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
}

.n-next {
  left: auto;
  right: 23px;
  background-image: url(/images/glossary/bul6.png);
}

.b-selected {
  padding: 0 0 74px;
}

.slide-scroll .b-selected {
  padding: 0;
}

.social {
  margin: 8px 0 0;
  padding: 0;
  border-collapse: collapse;
}

.art-bot .social {
  float: left;
  margin: 0 0 0 5px;
}

.social td {
  padding: 0 10px 0 0;
  border-collapse: collapse;
}

.dl, .dl dt, .dl dd {
  margin: 0;
  padding: 0;
}

.dl {
  padding: 15px 0 23px;
}

.dl dt {
  float: left;
  font-size: 17px;
  line-height: 17px;
  color: #cc0000;
  margin: 0 10px 0 0;
}

.dl dd {
  overflow: hidden;
  line-height: 17px;
}

.art-bot {
  padding: 20px 0 0;
}

.error-mail {
  position: relative;
  left: -15px;
  margin: 10px -15px 0 0;
  padding: 10px 20px 0;
  width: 460px;
  border-top: 5px solid #e4e4e4;
  font-style: italic;
  color: #170e03;
  font-size: 11px;
}

.email {
  margin: 0;
  padding: 0 0 0 30px;
  background: url(/images/glossary/bul7.png) 0 1px no-repeat;
  float: left;
}

.tag{
  color: #170e03;
  font-size: 11px;
  text-decoration: none;
}

.tag:hover{
  text-decoration: underline;
}

.email-link {
  float: right;
  margin: 0;
}

.detail {
  font-weight: bold;
  color: #666;
  line-height: 13px;
  margin: 0 0 10px;
  padding: 10px 0 0;
}

.detail a {
  color: #666;
  text-decoration: none;
  background: url(/images/glossary/bul3.png) 100% 0 no-repeat;
  padding: 0 21px 0 0;
}

.h-slideshow-wrap {
  width: 616px;
  position: relative;
  left: -74px;
  margin: 0 -74px 0 0;
}

.h-slideshow-wrap3 {
  position: relative;
  padding: 0 0 10px;
}

.slide-head {
  padding: 50px 0 18px;
}

.slide-head h2 {
  font-size: 17px;
  color: #cc0000;
  margin: 0;
}

.s-prev
, .s-next
, .s-prev2
, .s-next2 {
  display: block;
  width: 32px;
  height: 134px;
  position: absolute;
  top: -2px;
  left: -34px;
  z-index: 5;
  background: url(/images/glossary/prev.png) 0 0 no-repeat;
  cursor: pointer;
}

.s-next
, .s-next2 {
  left: auto;
  right: -34px;
  background-image: url(/images/glossary/next.png);
}

.h-slideshow-wrap3 .s-prev {
  top: 65px; left: -74px;
}

.h-slideshow-wrap3 .s-next {
  top: 65px; right: -74px;
}

.slide-scroll
, .slide-scroll2 {
  float: left;
}

.slide-scroll ul
, .slide-scroll2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.slide-scroll2 li {
  height: 131px;
}

.b-news {
  float: left;
  width: 225px;
  margin: 0 0 55px;
}

.b-news-right {
  float: right;
}

.h-pager-wrap {
  margin: 0 auto;
}

.pager {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
  float: left;
}

.pager li {
  float: left;
  padding: 0 10px 6px;
  border-bottom: 4px solid #ccc;
}

.pager .prev, .pager .next {
  border: none;
  padding: 0 3px;
}

.pager .active {
  border-color: #666;
}

.pager a {
  text-decoration: none;
}

.pager .active, .pager .active a {
  color: #cc0000;
}

.h-tabs {
  position: relative;
  top: -70px;
  margin: 0 0 -35px 10px;
}

.tabs {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
}

.tabs td {
  padding: 0 10px;
  border-collapse: collapse;
  height: 35px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
}

.tabs a {
  color: #333;
  text-decoration: none;
}

.tabs td.active a {
  color: #000;
}

.tab-in {
  position: relative;
  left: -10px;
  height: 35px;
  line-height: 35px;
  margin: 0 -10px 0 0;
  background: url(/images/glossary/tab-bg.png) 0 0 repeat-x;
}

.active .tab-in {
  z-index: 5 !important;
  background-position: 0 -35px;
  background-color: #fff;
}

.tl
, .tr {
  display: block;
  width: 10px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  top: 0; left: -10px;
  background: url(/images/glossary/tab-left.png) 0 0 no-repeat;
}

.tr {
  left: auto; right: -10px;
  background-image: url(/images/glossary/tab-right.png);
  z-index: 1;
}

.active .tl {
  background-image: url(/images/glossary/tab-active-left.png);
}

.active .tr {
  background-image: url(/images/glossary/tab-active-right.png);
}

/*}}}*/

/*{{{ =H-sidebar*/

.s-ban {
  padding: 0 0 70px;
}

.h-gallery-wrap {
  padding: 33px 0 0;
}

.gal-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gal-list li {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 4px 4px 0;
  position: relative;
}

.gal-list .g-hover {
  z-index: 5;
}

.gal-list a {
  float: left;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0; left: 0;
  z-index: 3;
  background: url(/images/glossary/blank.png);
}

.g-corner {
  width: 60px;
  height: 60px;
  background: url(/images/glossary/corn-bg.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.gimg-wr {
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.g-popup {
  position: absolute;
  bottom: 25px; left: -47px;
  z-index: 4;
  padding: 10px;
  display: none;
}

.g-hover .g-popup {
  display: block;
}

.gp-bgr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  background: #ccc;
  opacity: .7;
  filter:alpha(opacity=70);
  -moz-border-radius: 17px;
  -webkit-border-top-radius: 17px;
  border-radius: 17px;
}

.gp-img {
  position: relative;
  z-index: 1;
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  width: 142px;
  height: 87px;
}

.gp-name {
  background: #333;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-top-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  position: relative;
  z-index: 1;
  padding: 4px 10px;
}

.gp-name h4 {
  margin: 0;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
}

/*}}}*/

/*{{{ =H-footer*/

.gastro {
  margin: 0 0 30px 8px;
  font-weight: bold;
  font-style: italic;
  font-family: Georgia, serif;
}

.gastro span {
  font-weight: normal;
  color: #ccc;
}

.serv-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.serv-nav li {
  float: left;
  border-left: 1px solid #333;
  margin: 0 4px 0 0;
  padding: 0 0 0 4px;
  font-size: 11px;
}

.serv-nav li:first-child
, .serv-nav li.first-child {
  padding: 0;
  border: none;
}

.serv-nav .idea
, .serv-nav .problem {
    font-weight: bold;
    position: relative;
    padding-right: 15px;
}

.serv-nav .problem {
    padding-right: 9px;
}

.serv-nav .idea i
, .serv-nav .problem i {
    display: block;
    width: 15px;
    height: 18px;
    background: url(/images/main/idea-bg.png) 0 0 no-repeat;
    position: absolute;
    bottom: 2px; right: 0;
}

.serv-nav .problem i {
    width: 7px;
    height: 17px;
    background-image: url(/images/main/problem-bg.png);
}

.serv-nav a {
  text-decoration: none;
}

.copy {
  font-size: 13px;
  color: #8f8f8f;
  margin: 0 0 15px;
}

.copy a {
  color: #8f8f8f;
  text-decoration: none;
}

.counters {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.counters li {
  float: left;
  margin: 0 3px 0 0;
}

/*}}}*/

.transparent span {
    color: #555;
}

#counters-code {
  display: none;
}
