.button, h4 {
  margin: 4px;
  border-radius: 4px;
  background: black;
  border: 1px solid silver;
  color: white;
  cursor: pointer;
  padding: 0.25em 0.5em;
  font-weight: bold; 
font-size: 14px;
min-height: 22px;
float: left;
}

.search {
width: 100px;
}

.primary  {
  font-weight: bold;
  font-size: 155%;
  margin-left: 215px;
}

.tovar { 
width: 200px; 
padding: 4px;
align: left;
border-radius: 4px;
 border: 1px solid silver;
}
.capt2 { 
padding: 5px; margin: 5px;
}

.capt { 
color: #FEAD00; 
font-weight: bold; 
font-size: 14px;
float: none;
}

.122 {
  background: rgba(255, 200, 129, 0.2);
  padding: 0.5em 0.75em;
  font-weight: bold;
}

.opaque {
  opacity: 1;
  filter: alpha(opacity=100);
}
.opacity-30 {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.opacity-50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.opacity-70 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.noFog body { background: none; }
.underlineA a:hover { text-decoration: underline; }
body {
  margin: 0;
  padding: 0;
  background: white;
  font-size: 100%;
  color: black;
}
body .js-block { display: none; }
body.js-enabled .js-block { display: block; }
a {
  color: blue;
  text-decoration: none;
}
pre, code { overflow: auto; }
pre { width: auto; }
img { border: 0; }
p { margin: 0;  text-align: justify;}
h1, h2, h3, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
}
b, i, u {
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
}
strong { font-weight: bold; }
em { font-style: italic; }
fieldset {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: top;
  empty-cells: show;
  table-layout: auto;
  width: 100%;
}
table td { vertical-align: top; }
ul, ol {
  margin: 0;
  padding: 0;
}
body {
  background: repeat center top url(../media/page-bk.jpg) black;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
}
a {
  text-decoration: none;
  color: white;
}
a:hover { text-decoration: underline; }
em { font-style: normal; }
ul, ol { margin: 0; }
#header {
  position: absolute;
  z-index: 2;
  font-size: 133%;
  text-align: right;
  padding: 20px;
  top: 0;
  right: 0;
  line-height: 1.3em;
}
#header em { color: #ffc275; }
#wrapper {
  position: relative;
  margin: 0 auto;
  padding-top: 80px;
  width: 901px;
}
#page {
  position: relative;
  padding: 20px;
  border: 1px solid #3e883a;
  border-bottom: 0;
  min-height: 74em;
  background: repeat left top url(../media/body-bk.png);
  border-radius: 20px;
  -o-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#siteLogo {
  height: 163px;
  margin: -70px 0 0 20px;
  z-index: 1;
  background: no-repeat left top url(../media/logo.png);
}
#siteLogo span { display: none; }
#contact {
  position: absolute;
  top: 15px;
  right: 20px;
  text-align: right;
}
#contact .primary {
  font-weight: bold;
  font-size: 155%;
}
#contact p {
  margin: 0;
  font-size: 116%;
}
#contact p + p { margin-top: 0.75em; }
#siteName {
  position: absolute;
  font-size: 216%;
  font-family: "Times New Roman", Times, serif;
  margin: -46px 0 0 8px;
}
#siteName a { color: #c87f23; }
#siteName .n { color: #ffc887; }
#siteName .r { color: #ddb98b; }
#body {
  position: relative;
  z-index: 5;
  padding-left: 174px;
}
#body .page-title {
  font-size: 258%;
  font-family: Georgia, serif;
  margin-bottom: 1em;
  color: #ffcb8a;
}
#body .glyph > img {
  vertical-align: top;
  margin-right: 0.3em;
}
#body #announce {
  background: no-repeat 6px center url(../media/warning.png) #766750;
  border: 1px solid #b78f23;
  color: #fee39c;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding: 0.5em 0.85em;
  padding-left: 30px;
}
#left {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 145px;
  overflow: hidden;
  padding-right: 2px;
}
#left .box + .box { margin-top: 1.7em; }
#left #menu { font-size: 133%; }
#left #menu ul { list-style: none; }
#left #menu li {
  padding: 5px 8px;
  border: 1px solid transparent;
}
#left #menu li:first-letter { color: #ffc279; }
#left #menu li.small { font-size: 81%; }
#left #menu li.cur { background: repeat left top url(../media/menu-high.png); }
#left #menu li:hover { background: repeat left top url(../media/menu-high.png); }
#left #menu li:hover { border: 1px solid #7a3807; }
#left #menu li.price a {
  font-weight: bold;
  color: orange;
}
#left .generic.box {
  color: #c0a875;
  font-size: 116%;
}
#left .generic.box strong {
  color: #fead00;
  margin-top: 0.9em;
}
#left .generic.box small { font-size: 86%; }
#left .generic.box .block {
  width: 145px;
  margin: 0 auto;
  display: block;
}
#left .generic.box a { color: silver; }
#left .generic.box a:hover { color: white; }
#left .generic.box > * {
  display: block;
  margin: 0.5em 0;
}
#left .links.box a {
  color: #c0a875;
  text-decoration: none;
}
#left .links.box a:hover { text-decoration: underline; }
#left .small.box { font-size: 100%; }
#left .gray.box { color: silver; }
#left .gray.box a { color: silver; }
#left .box .gray { color: #a0a0a0; }
#left .indent.box { margin-top: 3.5em; }
#left .indent-m.box { margin-top: 4em; }
#left .indent-m.box p { margin: 1.5em 0; }
#contents { margin-bottom: 3px; }
#contents img.left {
  float: left;
  margin: 0 1em 1em 0;
}
#contents img.right {
  float: right;
  margin: 0 0 1em 1em;
}
#contents img.block {
  margin: 1em auto;
  display: block;
  max-width: 90%;
}
#contents .block.indent {
  margin-top: 2em;
  margin-bottom: 2em;
}
#contents img.center { margin: 3em auto; }
#contents img.dark-border { border: 1px solid #565656; }
#contents img.light-border { border: 1px solid #ffba00; }
#contents a { color: #ff9e21; }
#contents em { color: white; }
#contents .desc { color: #ffc275; }
#contents div.text h2 {
  font-size: 166%;
  font-family: Georgia, serif;
  margin: 1.5em 0 0.75em 0;
  color: #ffcb8a;
}
#contents div.text p { margin: 1em 0; }
#contents div.text ul { margin: 1em 0; }
#contents div.text ol { margin: 1em 0; }
#contents div.text dl { margin: 1em 0; }
#contents div.text ul { margin-left: 2em; }
#contents div.text ol { margin-left: 2em; }
#contents div.text li + li { margin-top: 0.3em; }
#contents > p { margin: 1em 0; }
#contents .gallery {
  text-align: center;
  margin: 0 0 -2em -3em;
  clear: both;
}
#contents .gallery .box > a { display: block; }
#contents .gallery .box {
  display: inline-block;
  -float: left;
  -display: block;
  position: relative;
  width: 200px;
  padding-bottom: 2em;
  margin-left: 3em;
  text-align: left;
  vertical-align: top;
}
#contents .gallery .box div.info {
  font-size: 116%;
  text-align: center;
  margin: 1em 0;
  line-height: 1.5em;
}
#contents .gallery .box div.info .name { font-weight: bold; }
#contents .gallery .box div.info p.brand { font-size: 86%; }
#contents .gallery .box div.info p.city { display: none; }
#contents .gallery .box img.block { max-width: 195px; }
#contents .gallery .box p.price {
  color: #bcf13d;
  font-size: 116%;
  margin: -0.25em 0 1.2em 0;
  text-align: right;
}
#contents .gallery .box p.price.tag {
  position: absolute;
  top: -5px;
  right: 0;
  background: no-repeat center center url(../media/price.png);
  color: yellow;
  font-weight: bold;
  width: 93px;
  padding: 20px 0 20px 7px;
  text-align: center;
}
#contents .gallery .box .desc p {
  line-height: 1.5em;
  margin: 1em 0;
  text-align: justify;
}
table.hx th { padding: 0 0.2em; }
table.hx tr.group td {
  background: rgba(255, 200, 129, 0.2);
  padding: 0.5em 0.75em;
  font-weight: bold;
}
table.hx tr.group td.group {
  padding-top: 0.75em;
  font-size: 1.2em;
}
table.hx tr.item td { padding: 0.5em 1.5em 0.5em 1.5em; }
table.hx tr.group + tr.item td { padding-top: 1em; }
table.hx input { font-size: 100%; }
table.hx td.order { text-align: right; }
table.hx .order input {
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
table.hx .order button {
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
table.hx .order input {
  padding: 0.25em;
  text-align: right;
  border: 1px solid orange;
  background: rgba(255, 200, 129, 0.4);
  color: white;
}
table.hx .order button {
  background: black;
  border: 1px solid silver;
  color: white;
  cursor: pointer;
  padding: 0.25em 0.5em;
}
table.hx .order button:hover {
  border-color: orange;
  background: #d5b26f;
  color: black;
}
form.hx input {
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
form.hx button {
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
form.hx input {
  padding: 0.25em;
  text-align: right;
  border: 1px solid orange;
  background: rgba(255, 200, 129, 0.4);
  color: white;
}
form.hx button {
  background: black;
  border: 1px solid silver;
  color: white;
  cursor: pointer;
  padding: 0.25em 0.5em;
}
form.hx button:hover {
  border-color: orange;
  background: #d5b26f;
  color: black;
}
form.hx.oinfo p input { margin-left: 1em; }
form.hx.oinfo label { font-weight: bold; }
form.hx.oinfo .req {
  color: orange;
  font-weight: bold;
}
form.hx.oinfo button {
  display: block;
  margin: 2em 0;
}
div.hx.summary ins {
  color: orange;
  text-decoration: none;
}
div.hx.summary .title { font-weight: bold; }