html, body
{
  font-family: sans-serif;
}

.menu-h, .menu-v
{
  padding: 0;
}

.menu-h li
{
  list-style: none;
  display: inline-block;
  margin: 0 2px;
  padding: 2px;
}

.menu-v li
{
  list-style: none;
}

a
{
  color: #000;
}

a:hover
{
  text-decoration: none;
}


/*------------------------------------------------------------------------------

COMMON

------------------------------------------------------------------------------*/
ul.horizontal
{
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.horizontal > li
{
  display: inline-block;
  padding: 5px 10px;
}



/*------------------------------------------------------------------------------

W HEAD

------------------------------------------------------------------------------*/
.w-head
{
  margin-top: 30px;
}

/*------------------------------------------------------------------------------

W CONTACTS

------------------------------------------------------------------------------*/

.w-contacts
{
  background-image: url("../../ui/images/icon-phone.png");
  background-position: top left;
  background-repeat: no-repeat;
}

.w-contacts-data
{
  text-align: right;
}

.w-contacts-data .code
{
  color: #999;
}

.w-contacts-data dt
{
  display: none;
}

.w-contacts-data dd
{
  margin: 0 0 5px;
}

.w-contacts-data .callus
{
  display: inline-block;
  width: 122px;
  height: 25px;
  background-image: url("../../ui/images/button-callus.png");
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
}



/*------------------------------------------------------------------------------

W TOP-MENU

------------------------------------------------------------------------------*/

.w-top-menu
{
  background-image: url("../../ui/images/main-menu-bg.png");
  background-position: top;
  background-repeat: repeat-x;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 #999;
}

.w-top-menu a
{
  display: block;
  padding: 10px;
}

/*------------------------------------------------------------------------------

W BREADCRUMBS

------------------------------------------------------------------------------*/

.breadcrumbs
{
  font-size: 10pt;
  padding: 0;
  margin: 0;
}

.breadcrumbs > li
{
  display: inline-block;
}

.breadcrumbs-delimiter
{
  padding: 0;
  margin: 0 5px;
  color: #999;
}

/*------------------------------------------------------------------------------

B PAGE

------------------------------------------------------------------------------*/
.b-page
{
  margin: 20px auto;
}


/*------------------------------------------------------------------------------

W LEFT MENU

------------------------------------------------------------------------------*/

.w-left-menu
{
  margin: 0;
}

.w-left-menu > li
{
  margin-bottom: 5px;
}

.w-left-menu > li > a
{
  background-image: url("../../ui/images/left-menu-bg.png");
  background-position: top;
  background-repeat: repeat-x;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 #999;
  display: block;
  padding: 10px;
  padding-left: 40px;
}

.w-left-menu > li.active > a
{
  background-image: url("../../ui/images/left-menu-active-bg.png");
}

.w-left-menu .submenu a
{
  color: #06f;
  font-size: 11pt;
}

/*------------------------------------------------------------------------------

W BRANDS

------------------------------------------------------------------------------*/

.w-brands
{
  list-style: none;
  padding: 0;
  text-align: center;
}



/*------------------------------------------------------------------------------

W NEWSLINE

------------------------------------------------------------------------------*/

.w-newsline
{
  list-style: none;
  padding: 0;
}

.w-newsline-item
{
  width: 49%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
}

.w-newsline-preview
{
  display: block;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 5px;
}

.w-newsline-date
{
  font-size: 10pt;
  color: #333;
}

.w-newsline-title
{
  display: block;
  color: #06f;
}

/*------------------------------------------------------------------------------

FOOTER

------------------------------------------------------------------------------*/
.footer
{
  border-top: 1px solid #ccc;
  padding: 20px 0;
  font-size: 8pt;
  color: #bbb;
}

.w-copyright
{
  padding: 0 0 0 110px;
  width: 350px !important;
  background-image: url("../../ui/images/pillor_ser.png");
  background-size: 100px;
  background-position: left top;
  background-repeat: no-repeat;
}

.w-copyright p:first-child
{
  margin-top: 0;
}

/*------------------------------------------------------------------------------

M PRODUCT

------------------------------------------------------------------------------*/

.karex-product-details
{
  float: right;
  width: 260px;
}

.karex-product-details img
{
  border: 20px solid #eee;
}

.karex-form-toolbar
{
  text-align: center;
}

.tabdeck-tabs li
{
  color: #03f;
}

.karex-product a
{
  color: #03f;
}

.karex-info-articles
{
  list-style: none;
  padding: 0;
}

.karex-info-articles li
{
  border-left: 3px solid #fe0;
  padding-left: 5px;
  margin: 5px 0;
}