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

html, body {margin:0; padding:0; position:relative; height:100%; min-width:990px;}
body, td {font:normal 13px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; color:#585852;}
body {text-align:center; background:#fcf99c url(header.gif) top repeat-x;}

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

a img {border-color:#000000;}

h1,h3,h4,h5,h6 {margin:0; padding:0; color:#ec2e31; font-family:Comic Sans MS; font-weight:normal; line-height:20px;}
h1 {font-size:18px;}
h2 {font-size:17px; font-family:Comic Sans MS; font-weight:bold; line-height:20px; margin-bottom:10px; color:#148bdf}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5,h6 {font-size:11px;}

#wrap {border-collapse:collapse; border-spacing:0; border:none; padding:0; margin:0 auto; width:100%; height:100%; background:url(footer-bg.jpg) bottom repeat-x;}
#wrap .wrap-in {vertical-align:top; text-align:center; padding:0; margin:0;}
#wrap .wrap-Top {background:url(header-left.jpg) top left no-repeat;}
#wrap .wrap-Bot {vertical-align:bottom;}
#wrap .spacer {height:1px; width:980px; margin:0 auto; line-height:0; font-size:0;}

/* HEADER */
#header {position:relative; height:328px; width:100%; z-index:0;}

#header .logo {position:absolute; height:223px; width:499px; left:154px; top:73px;}
#header .logo a {cursor:pointer; display:block; height:223px; width:499px;}

#header .lekus {background:url(lekus.png) no-repeat; position:absolute; height:113px; width:113px; right:140px; top:120px;}
#header .lekus a {cursor:pointer; display:block; height:113px; width:113px;}

#header .map {position:absolute; right:54px; top:54px; float:right; padding:0; margin:0;}
#header .map dt {float:left; padding:0; margin:0;}
#header .map .home {background:url(map_razd.png) top right no-repeat; padding:2px 21px 8px 20px; margin:0; height:10px; width:11px; line-height:0; font-size:0;}
#header .map .home a {background:url(home.gif) no-repeat; height:10px; width:11px; line-height:0; font-size:0; display:block; cursor:pointer;}
#header .map .mail {background:url(map_razd.png) top right no-repeat; padding:4px 21px 9px 20px; margin:0; height:7px; width:10px; line-height:0; font-size:0;}
#header .map .mail a {background:url(mail.gif) no-repeat; height:7px; width:10px; line-height:0; font-size:0; display:block; cursor:pointer;}
#header .map .smap {padding:3px 20px 8px 20px; margin:0; height:9px; width:11px; line-height:0; font-size:0;}
#header .map .smap a {background:url(smap.gif) no-repeat; height:9px; width:11px; line-height:0; font-size:0; display:block; cursor:pointer;}
/* ------ */

/* TOP MENU */
#menu2 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:normal; text-align:center; color:#0b78dd; position:absolute; bottom:15px; float:right; right:50%; padding:0; margin:0;}
#menu2 dt {position:relative; float:left; left:50%; padding:0; margin:0;}
#menu2 dt a {float:left; display:block; cursor:pointer; padding:0 8px 0 0; text-decoration:none; color:#0b78dd;}
#menu2 dt a span {float:left; display:block; cursor:pointer; padding:5px 8px 5px 16px;}
#menu2 dt a:hover {background:url(menu2_over1.gif) top right no-repeat; text-decoration:none; color:#ec2e31;}
#menu2 dt a:hover span {background:url(menu2_over2.gif) top left no-repeat;}
/* -------- */

/* CONTENT */
#main {border-collapse:collapse; border-spacing:0; border:none; padding:0; margin:0 auto; width:96%; height:600px; position:relative; z-index:1;}
#main .main-in {vertical-align:top; text-align:center; padding:0; margin:0;}
#main .left-c {width:220px;}
#main .body {text-align:left; padding:8px 40px 80px 24px;}
/* ------- */

/* LEFT COLUMN */
#column_left {width:220px; margin:0 auto;}
#column_left .top {background:url(menu_top.png) no-repeat; height:14px; width:220px; line-height:0; font-size:0; margin:0 auto;}
#column_left .bot {background:url(menu_bot.png) no-repeat; height:22px; width:220px; line-height:0; font-size:0; margin:0 auto;}
#column_left .center {background:url(menu_bg.png) left repeat-y; width:210px; padding:0 9px 0 1px; margin:0 auto;}
#column_left .center .center-in {background:url(menu_in_top.gif) top left no-repeat; width:210px; margin:0 auto; position:relative; min-height:316px;}
#column_left .center .center-in .butterfly {background:url(butterfly.png) no-repeat; position:absolute; height:60px; width:60px; bottom:-20px; left:-16px;}

#column_left .logo {background:url(logo.png) center no-repeat; height:93px; width:157px; margin:0 auto; padding:10px 28px 10px 25px;}
#column_left .logo a {cursor:pointer; display:block; width:157px; height:93px;}
/* ------ */

/* MAIN MENU */
#menu {width:178px; margin:0 auto 30px auto; padding:0; font:bold 12px Arial, Helvetica, sans-serif; text-transform:normal; text-align:left; color:#0d7dde; position:relative;}
#menu dt {width:178px; padding:0; margin:0; background:url(menu_icon.gif) left no-repeat;}
#menu dt a {display:block; width:156px; cursor:pointer; padding:4px 0 4px 22px; text-decoration:none; color:#0d7dde;}
#menu dt a:hover {text-decoration:none; color:#ec2e31;}
/* --------- */

/* SEARCH */
#search {vertical-align:top; text-align:center; padding:0 0 20px 0; margin:0; position:relative;}
#search input {background:transparent; vertical-align:top; border:none; padding:0; margin:0;}
#search .submit {background:url(submit.gif) no-repeat; cursor:pointer; height:20px; width:29px; margin:0 0 0 6px;}
#search .input {border:1px solid #6c6c64; background:#FFFFFF; cursor:text; width:140px; padding:1px 4px 2px 4px; font-size:12px;}
/* ------ */

/* FOOTER */
#footer {position:relative; height:260px; width:100%; z-index:0;}

#footer .kinder {background:url(kinder.png) bottom no-repeat; position:absolute; height:350px; width:100%; bottom:0px; left:0px;}

#footer .copy {background:url(mega.png) top right no-repeat; font:normal 11px/1.375em Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align:right; color:#FFFFFF; padding:0 34px 0 0; position:absolute; bottom:15px; left:90px; height:29px;}
#footer .copy a {color:#89bd51; text-decoration:none;}
#footer .copy a:hover {color:#89bd51; text-decoration:underline;}

#footer .counters {position:absolute; bottom:20px; right:90px;}
#footer .counters img {border:none;}

#footer .title {font:bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#89bd51; position:absolute; bottom:0px; left:0px; width:100%;}
#footer .title a {color:#89bd51; text-decoration:none;}
#footer .title a:hover {color:#89bd51; text-decoration:none;}
/* ------ */

/* 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:#fce818;}
table.table1 td {padding:5px; border:1px solid #614b02;}

table.table2 {border-collapse:collapse;}
table.table2 tr:hover {background:#fce818;}
table.table2 td {padding:5px; border:1px solid #614b02;}
table.table2 th {padding:8px 5px; border:1px solid #614b02; background:#da251c; color:#fff; text-align:left;}



/* 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:#fce818;}
table.table_shop td {padding:5px; border-bottom:1px solid #614b02;}
table.table_shop th {padding:8px 12px; border:1px solid #614b02; background:#da251c; color:#fff; text-align:left;}

/* SHOP PRODUCT */

.goods { width:233px; float:left; position:relative; margin:2px; 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:2px; 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;}



/* SHOP START OLD */

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;}

/* SHOP PRODUCT MISC */

#shop-added {
	display:none; 
	z-index:10000; 
	padding:5px; 
	border:1px solid gray; 
	position:absolute; 
	left:0px; 
	top:-20px; 
	background-color:#FFFFCC; 
	font-size:11px; 
	font-family:Verdana;
}


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;}
