@charset "utf-8";
@import "reset.css";
@import "editor.css";

body
{
  background: url('img/bg.jpg') repeat-y center top #4b5703;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  color: #fff;
}

.wrapper
{
  width: 971px;
  margin: 0 auto;
  position: relative;
  left: -4px;
}

.top
{
  height: 80px;
  background: url('img/top.jpg') no-repeat center top;
}

.top a
{
	height: 75px;
	float: left;
	width: 150px;
	margin-right: 20px;
}

.top .branch-anchor1
{
	margin-right: 315px;
}

.top .branch-anchor2
{
	margin-right: 35px;
}

.top .branch-anchor3
{
	margin-right: 0;
}

.sidebar
{
  float: left;
  width: 271px;
  padding: 6px 0 20px 0;
}

.main
{
  float: left;
  width: 680px;
}

.clear
{
  clear: both;
}

.footer
{
  height: 24px;
  padding-top: 22px;
  background: url('img/footer-bg.jpg') repeat-x center top #ebec24;
}

.footer,
.footer a
{
  color: #4f1837;
}

.footer p
{
  float: right;
}

.footer span
{
  margin: 0 5px;
}

.basket-box
{
  background: url('img/basket-bg.jpg') no-repeat left top;
  padding: 108px 28px 0 16px;
  height: 56px;
  color: #fff;
}

.basket-box div
{
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}

.category-list
{
  background: url('img/menu.jpg') no-repeat 7px 9px;
  padding: 81px 6px 60px 9px;
}

.category-list li
{
  padding: 4px 0 4px 5px;
  height: 37px;
  width: 237px;
  background: url('img/dashes.gif') left bottom repeat-x;
}

.category-list li a
{
  display: block;
  height: 37px;
  line-height: 37px;
  color: #fff;
  padding-left: 46px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 10pt;
  font-weight: bold;
}

#category2 a
{
  background-image: url('img/categories/2.png');
}

#category3 a
{
  background-image: url('img/categories/3.png');
}

#category4 a
{
  background-image: url('img/categories/4.png');
}

#category5 a
{
  background-image: url('img/categories/5.png');
}

#category6 a
{
  background-image: url('img/categories/6.png');
}

#category7 a
{
  background-image: url('img/categories/7.png');
}

#category8 a
{
  background-image: url('img/categories/8.png');
}

#category9 a
{
  background-image: url('img/categories/9.png');
}

#category10 a
{
  background-image: url('img/categories/10.png');
}

#category11 a
{
  background-image: url('img/categories/11.png');
}

.menu
{
  height: 62px;
  background: url('img/menu-bg.jpg') no-repeat left top;
  padding-top: 14px;
}

.menu a
{
  float: right;
  height: 22px;
  line-height: 22px;
  color: #dee62e;
  font-weight: bold;
  font-size: 10pt;
  margin-right: 10px;
}

.menu a:hover,
.menu a.current
{
  text-decoration: none;
}

.menu a *
{
  float: left;
  height: 22px;
}

.menu a em
{
  width: 3px;
  background-position: left top;
  background-repeat: no-repeat;
}

.menu a span
{
  padding: 0 6px;
}

.menu a:hover span,
.menu a.current span
{
  background: url('img/button-bg.jpg') repeat-x left top;
  color: #511a42;
}

.menu a:hover .left,
.menu a.current .left
{
  background-image: url('img/button-left.png');
}

.menu a:hover .right,
.menu a.current .right
{
  background-image: url('img/button-right.png');
}

.banners
{
  margin-top: -5px;
  margin-left: 1px;
}

.home .banners
{
  margin-top: -5px;
}

.banners *
{
  display: block;
}

.promo-box
{
  background: url('img/promo-box-right.jpg') no-repeat right top;
  padding-right: 5px;
}

.promo-box-inner
{
  background: #fff url('img/promo-bg.jpg') 22px top no-repeat;
  padding: 5px;
}

.promo-box .img
{
  height: 53px;
  padding-top: 203px;
}

.promo-box-bottom
{
  height: 5px;
  margin-bottom: 10px;
  background: #fff url('img/promo-box-bottom.jpg') left top no-repeat;
}

.content
{
  padding-left: 17px;
  padding-bottom: 20px;
}

.promo-box .name
{
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding: 12px 13px 9px 13px; 
  height: 32px;
  line-height: 32px;
}

.promo-box .name p
{
  float: right;
  font-size: 13pt;
  font-weight: bold;
  color: #fff;
}

.headline
{
  background: #3a0c30;
  height: 70px;
  line-height: 70px;
  padding: 0 14px;
}

.category .headline
{
  padding-right: 0;
}

.headline h1
{
  color: #dcd259;
  font-size: 20pt;
}

.proper-content
{
  background: #46133c;
  padding: 20px 14px;
}

.product-list
{
  width: 100%;
}

.product-list td
{
  height: 50px;
  overflow: hidden;
  padding: 15px 10px 0 10px;
  vertical-align: top;
  background: url('img/product-list-bg.jpg') repeat-x left top;
}

.product-list .price
{
  vertical-align: middle;
  text-align: center;
  width: 94px;
  background: url('img/price-bg.jpg') repeat-x left top;
}

.product-list .no
{
  width: 20px;
}

.product-list .price,
.product-list .no,
.product-list h3
{
  font-weight: bold;
  color: #e2e02b;
  font-size: 11pt;
}

.product-list h3
{
  padding-bottom: 10px;
}

.option
{
  float: right;
  width: 94px;
  text-align: center;
  color: #e2e02b;
  padding: 0 10px;
  font-weight: bold;
}

.category .proper-content
{
  padding: 0;
}

.promo-box a
{
  line-height: 31px;
  height: 31px;
  float: left;
  font-size: 12pt;
  font-weight: bold;
  color: #fff;
  width: 31px;
  text-align: center;
}

.promo-box a:hover
{
  text-decoration: none;
}

.promo-box a.current
{
  background: url('img/circle.png') no-repeat left top;
  color: #e4e22d;
}

.promo .proper-content
{
  padding: 0;
}

.promotions li
{
  background: url('img/promotions-bg.jpg') repeat-x left top;
}

.promotions div
{
  height: 80px;
  line-height: 80px;
  padding: 0 15px;
  background: url('img/dashes.jpg') repeat-x left top;
}

.promotions div.first
{
  background: none;
}

.promotions p
{
  color: #fff;
  font-weight: bold;
  font-size: 14pt;
  float: left;
  margin-right: 8px;
  height: 80px;
  line-height: 80px;
}

.promotions span
{
  float: left;
  margin-top: 30px;
  line-height: 25px;
  height: 25px;
  color: #45133b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  width: 100px;
  background: url('img/free-bg.jpg') no-repeat left top;
}

.promotions .discount
{
  width: 131px;
  background: url('img/discount-bg.jpg') no-repeat left top;
}

#logo { 
  display:inline;
  float:none;
  height:190px;
  margin-left:-580px;
  margin-top:30px;
  position:absolute;
  width:190px;
  z-index:99;
}

#logo a {
  text-decoration: none;
} 

.galeria { width: 100%; }
.galeria td { text-align: center; padding: 10px 0;}
.galeria img { border: 1px solid #fff; }