@charset "utf-8";
/* CSS Document */

html, body {
  margin:0px;
  padding:0px;  
}
body, td {
  font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#525860;
}
body {
  text-align:left;
  background:#C9C9C9;
}

a {
  color: #525860;
  text-decoration:underline;
}
a:hover {
  color: #525860;
  text-decoration:underline;
}

a img           { border-color:#525860 }

h1,h2,h3,h4,h5,h6 { margin:1.8em 0 0.8em 0; padding:0; color:#525860; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal}
h1 { font-size:18px}
h2 { font-size:16px}
h3 { font-size:14px}
h4 { font-size:12px}
h5,h6 { font-size:11px}



.bodycontent {
  padding:50px 20px 30px 20px;
  line-height:1.25em;
  text-align:left;
  vertical-align:top;
}

h1.pagename {
  font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#1586E5;
  padding:0;
  margin:0 0 23px 0;
}

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

/* Other
-------------------------------*/
.copyright {
  font:11px Arial;
  color:#FFFFFF;
}
.copyright a, .copyright a:hover {
  color:#FFFFFF;
}
.copyright b {
  font-size:12px;
}
.tit {
  text-align:center;
  font-size:11px;
  color:#000;
}
.tit a, .tit a:hover {
  color:#000;
  text-decoration:none;
}
.path {
  font-size:11px;
  color:#000;
  padding:0;
  margin:0 0 15px 0;
}
.path a, .path a:hover {
  color:#000;
}
.small {
  color:#000;
  font-size:10px;
  text-align:center;
  padding:30px 10px;
}
.blockname {
  float:left;
  display:inline;
  margin-left:11px;
  background:url(nn_lt.gif) left top no-repeat #63B8FF;
}
.blockname h1 {
  background:url(nn_rt.gif) right top no-repeat;
  font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:2px 15px;
  margin:0px;
}
.block {
  padding:20px 15px 15px 15px;
  font-size:11px;
  color:#332973;
}
.block a {
  color:#FFF;
  text-decoration:none;
}
.block a:hover {
  color:#FFF;
  text-decoration:underline;
}
.tel {
  text-align:right;
  padding:0 60px 0 0;
  font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#1586E5;
}
.tel p {
  padding:0;
  margin:0;
}
.tel .name {
  font-size:12px;
  color:#6F747A;
}
/* Menus
-------------------------------*/
.menutop {
  text-align:center;
  margin:3px 0 0 0;
  padding:0;
  list-style:none;
}
.menutop li {
  display:inline;
  font-size:0;
  line-height:0;
  margin:0 1px;
  padding:0;
}
.menutop li a {
  display:inline-block;
  background:url(m2_r.gif) right top no-repeat;
  font:13px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#FFEFBB;
  text-transform:uppercase;
  text-decoration:none;
}
.menutop li a b {
  display:inline-block;
  font-weight:normal;
  padding:9px 15px 8px 15px;
  background:url(m2_l.gif) left top no-repeat;
}
.menutop li a:hover {
  color:#6959CD;
  text-transform:uppercase;
  text-decoration:none;
  background:url(m2_ro.gif) right top no-repeat;
}
.menutop li a:hover b {
  cursor:pointer;
  background:url(m2_lo.gif) left top no-repeat;
}

.menu {
  margin:50px 0px 70px 21px;
  padding:0;
  list-style:none;
}
.menu li {
  font-size:0;
  line-height:0;
  margin:0;
  padding:0;
  width:250px;
  background:url(m_line.gif) left bottom no-repeat;
}
.menu li a {
  position:relative;
  display:block;
  font:14px "Trebuchet MS";
  color:#6B5D55;
  text-decoration:none;
}
.menu li a b {
  display:block;
  font-weight:normal;
  padding:3px 15px 3px 46px;
}
.menu li a:hover {
  background:url(m_to.gif) left top no-repeat #7668D4;
  color:#fff;
  text-decoration:none;
}
.menu li a:hover b {
  cursor:pointer;
  background:url(m_bo.gif) left bottom no-repeat;
}
/* Backgrounds
-------------------------------*/
#l {
  background:url(l.gif) right repeat-y;
}
#r {
  background:url(r.gif) left repeat-y;
}
#m2_back {
  background:url(m2_back.jpg) 0 0 no-repeat;
}
#c_back {
  background:url(c_back.gif) repeat-y #CAE1FF;
}
#bottom {
  background:url(bottom.jpg) bottom no-repeat;
}
#n_back {
  background:url(n_back.jpg) left repeat-y;
}
#n_top {
  background:url(n_top.jpg) left top no-repeat;
}
#n_bot {
  background:url(n_bot.jpg) left bottom no-repeat;
}
/* Tables
-------------------------------*/

table.table0 td p,table.table1 td p,table.table2 td p {padding:0; margin:0;}

table.table0 { border-collapse:collapse;}
table.table0 td { padding:5px; border: none}

table.table1 { border-collapse:collapse;}
table.table1 tr:hover {background: #84CAFF}
table.table1 td { padding:5px; border: 1px solid #525860;}

table.table2 { border-collapse:collapse;}
table.table2 tr:hover {background: #84CAFF}
table.table2 td { padding:5px; border: 1px solid #525860;}
table.table2 th { padding:8px 5px; border: 1px solid #525860; background-color:#6051C6; color:#fff; text-align:left;}



.thumb              {color:#000000}

/* */

td.shop-column1 { width: 70%; padding-right: 10px; }
td.shop-column2 { width: 30%; }

h2.shop-product-title { font-size: 18px; font-weight: bold; }

/* SHOP CART */

div.shop-cart { text-align: right; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; }
a.shop-cart { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-cart:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PATH */

div.shop-path { text-align: left; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; }
a.shop-path { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-path:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP FOLDERS */

div.shop-folders { }
div.shop-folders-title { color:#000000;font-weight:bold;padding:5px;background-color:#e0e0e0; }
div.shop-folders-body { padding: 15px; font-size: 11px; }
a.shop-folder { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-folder:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PRODUCT LIST */

table.shop-products { font-size:11px; border-collapse: collapse; border-bottom: 1px solid #cccccc;  }
table.shop-products td { padding:5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
td.product-th { padding:5px; background-color: #cccccc; font-weight: bold; color: #000000; text-align: center; }
td.product-tb { padding:5px; border-top: 1px solid #cccccc; text-align: right; }

div.shop-add-to-cart { padding:5px; }
span.shop-remove-from-cart { cursor: pointer; color: #cc0000; text-decoration: underline; }
span.shop-remove-from-cart:hover { cursor: pointer; color: #000000; text-decoration: underline; }

/* SHOP PRODUCT LIST STAGE */

table.stage { font-size:11px; }
td.stage-title { text-transform:uppercase; background-color:#cccccc; padding:7px; }
td.stage-image { padding: 5px; text-align:center; }
td.stage-body { padding: 10px; }


/* SHOP PRODUCT FORMS */

input.number { border:1px solid #cccccc; }
input.shop-add-to-cart { }
form.nomargin { margin: 0px;}


form.hidden { margin: 0px; }



ul.boxes {
  color: #cccccc;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 10px;
}

ul.boxes li { margin-bottom: 5px; }
ul.boxes li:hover { margin-bottom: 5px; }


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

/* Корзина */

.cart { height:73px; width:152px; background:url(cart.png) no-repeat; position:absolute; right:14px; margin-top: -20px; padding:12px 0 0 109px; font: normal 11px Arial, Helvetica, sans-serif;}

.sum { font: bold 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 5px 25px 0 0;}
.sum span{ font: bold 18px Arial, Helvetica, sans-serif;}

.order { font: normal 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 0px 25px 0 0;}

.order a { text-decoration:underline; color:#000000;}
.order a:hover { text-decoration:underline; color:#ed1401;}


/* SHOP START */

#shop-added { display:none; z-index:10000; padding:5px; border:1px solid #666; font: bold 12px Arial, sans-serif; position:absolute; left:0px; top: 0px; background-color:#FFFFCC; color: #cc0000 }

/* Таблица корзины с товарами */

table.table_shop { border-collapse:collapse;}
table.table_shop tr:hover {background: #e0e0e0}
table.table_shop td { padding:5px; border-bottom: 1px solid #91949a;}
table.table_shop th { padding:8px 12px; border: 1px solid #fff; background:#d24132; color:#fff; text-align:left;}

/* SHOP PRODUCT */

.goods { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px;}

.goods img { padding:14px 0 0 7px; float:left; /*border: 1px solid #ccc;*/}
.goods p { padding:0; margin:0;}

.goods .id {  font: normal 11px Arial, Helvetica, sans-serif;  color:#666;  position:absolute;  left: 141px; top: 32px;}
.goods .id span{ color:#999}

.goods .more {  font: normal 11px Arial, Helvetica, sans-serif;  position: absolute;  left: 141px; top: 77px;}
.goods .more a { color:#303030; text-decoration:underline;}
.goods .more a:hover { color:#0b51bb; text-decoration:underline;} 

.goods .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goods .name a { color:#0b51bb; text-decoration:underline}
.goods .name a:hover{ color:#0b51bb; text-decoration:underline}

.goods .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goods form { background:url(price.jpg) center no-repeat;}
.goods form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#010101; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goods form .price b { font-size:20px;}

.goods input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* SHOP PRODUCT lable NEW! */

.goodsnew { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(new.jpg) top left no-repeat}

.goodsnew img { padding:14px 0 0 7px; float:left; /*border: 1px solid #ccc;*/}

.goodsnew p { padding:0; margin:0;}

.goodsnew .id {  font: normal 11px Arial, Helvetica, sans-serif;  color:#666;  position:absolute;  left: 141px; top: 32px;}
.goodsnew .id span{ color:#999}

.goodsnew .more {  font: normal 11px Arial, Helvetica, sans-serif;  position: absolute;  left: 141px; top: 77px;}
.goodsnew .more a { color:#dc1200; text-decoration:underline;}
.goodsnew .more a:hover { color:#dc1200; text-decoration:underline;} 

.goodsnew .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goodsnew .name a { color:#dc1200; text-decoration:underline} 
.goodsnew .name a:hover{ color:#dc1200; text-decoration:underline}

.goodsnew .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goodsnew form { background:url(price_new.jpg) center no-repeat;}
.goodsnew form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#fff; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goodsnew form .price b { font-size:20px;}

.goodsnew input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* Описание товара */

.gdetail {width:170px; position:absolute; z-index:1000; margin:7px 20px 7px 7px; background:url(gdetail.jpg) top left no-repeat}
.gdetail img { padding:0 23px;}
.gdetail p { text-align:center;}
.gdetail p b{ color:#f00;}

.gdetail .number { width:24px; height:22px; background:url(col.gif) no-repeat; border: none; font: bold 13px Arial, Helvetica, sans-serif; text-align:center;}

.gdetail form { padding:0; margin:0;}
.gdetail form .detprice{ font: bold 13px Arial, Helvetica, sans-serif; color:#000; width: auto; height:23px; padding:5px 0 10px; text-align:center; background:url(detprice.gif) top center no-repeat;}
.gdetail form .detprice b { font-size:20px;}
.bt_add {cursor:pointer; background:url(add.gif) no-repeat left center; width:126px; height:33px; border:none; padding:0; margin:0}


/* детали товара справа*/

.detail_right {position:relative; padding: 7px 7px 7px 195px;}

.detail_right h1 { font: normal 18px Arial, Helvetica, sans-serif; color:#333; padding:10px 0; margin:0;}

.detail_right .id {font: normal 11px Arial, Helvetica, sans-serif; color:#666;}
.detail_right .id span {color:#999}

.detail_right .discrip {margin:20px 0px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; display:block;}

/* ХЛЕБНЫЕ КРОШКИ */
.dpath {color: #7c7c7c;  font-size: 11px; padding:5px 0;}
.dpath a {color:#d13f32; text-decoration:underline;}
.dpath a:hover {color:#d13f32;text-decoration:underline;}





#menus {
  margin:50px 0px 70px 21px;
  padding:0;
  list-style:none;
}

#menus ul, #menus ul ul, #menus ul ul ul {padding:0; list-style:none; margin:0;}
#menus ul {margin-left:0;}
  
#menus li {
  font-size:0;
  line-height:0;
  margin:0;
  padding:0;
  width:250px;
  background:url(m_line.gif) left bottom no-repeat;
}
#menus li li {width:auto;}

#menus li a {
  position:relative;
  display:block;
  font:14px "Trebuchet MS";
  color:#000;
  text-decoration:none;
}
#menus li a strong {
  display:block;
  font-weight:normal;
  padding:3px 15px;  
}
#menus li a:hover, #menus li a.act {
  background:url(lm_tn.gif) left top no-repeat #4d3cbc;
  color:#fff;
  text-decoration:none;
}
#menus li a:hover strong, #menus li a.act strong {
  cursor:pointer;
  background:url(lm_bn.gif) left bottom no-repeat;
}

#menus li li a:hover, #menus li li a.act {background:url(lm_tn2.gif) left top no-repeat #63b8ff;} 
#menus li li a:hover strong, #menus li li a.act strong {background:url(lm_bn2.gif) left bottom no-repeat;} 

#menus li li li a:hover, #menus li li li a.act {background:url(lm_tn3.gif) left top no-repeat #93ceff;} 
#menus li li li a:hover strong, #menus li li li a.act strong {background:url(lm_bn3.gif) left bottom no-repeat;}

/*!*/

#current a, #current a.act {background:url(lm_tn3.gif) left top no-repeat #93ceff; color:#fff;} 
#current a strong, #current a.act strong {background:url(lm_bn3.gif) left bottom no-repeat; color:#fff;}