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

html, body {
margin:0px;	
padding:0px; 
position:relative; 
height:100%; 
min-width:990px;
BackGround-Image: url(fon_bg.jpg);
BackGround-position: center top;
BackGround-Repeat: repeat-y;
}

body, td {
font:normal 13px Tahoma, Geneva, Arial, Helvetica, sans-serif; 
color:#696969;
}

body {text-align:center;}

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

a img {border-color:#000000}

h1,h2,h3,h4,h5,h6 {margin:0 0 0px 0; padding:0; color:#247c92; font-weight:normal; line-height:1em;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5,h6 {font-size:13px;}

#wrap {
	height:auto !important;
	min-height:100%;
	height:100%;
	margin:0 auto -70px auto;

}
.nwrap {
text-align: center;  
BackGround-Image: url(fon.jpg);
BackGround-position: center top;
BackGround-Repeat: no-repeat;
}


#wrap .wrap_clear {height:70px; clear:both;}

/* HEADER */
#header {
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	padding:0px;
	margin:0px;
	width:100%;
	height:260px;
}

 <style>
#lmenus {

	padding:4px 6px 10px 18px;
	margin:0px;
	
}
#lmenus li {
	margin:0;
	padding:0;
text-align:left;
	width:250px;
	padding:0 0 8px 0;
	margin:0;
	list-style:none;
	line-height:0;
	font-size:0;
}
#lmenus li  a {
	width:250px;
  /*	display:block;             */
	padding:0 0 5px 0;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:14px;

}
#lmenus li a strong {
	width:250px;
	display:block;
	font-weight:normal;
	padding:5px 0 0 0;
	cursor:pointer;
}
#lmenus li a strong em {
	width:250px;
	display:block;
	font-style:normal;
	cursor:pointer;
}
#lmenus li a strong em span {
	display:block;
	padding:0 7px;
	line-height:1em;
	cursor:pointer;
}
#lmenus li a:hover {
  /*	background:url(images/over2000.gif) bottom left no-repeat;  */
	text-decoration: underline;
	color: #FFFF33;
}
#lmenus li a:hover strong {background:url(images/over1000.gif) top left no-repeat;}
#lmenus li a:hover strong em {background:url(images/over0000.gif) left repeat-y;}
#lmenus li a:hover strong em span {background:url(images/over3000.gif) top left no-repeat;}


#sub{
background:#248097;
position: absolute;
display: none;
padding:0;
white-space:wrap;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
border-top:solid 1px #fff;
}


#sub li {
font-size:0px;
line-height:0px;
display:block;
border-bottom:solid 1px #fff;

}
#sub li a{
display:block;
padding:5px;
font-size:12px;
line-height:12px;

}
#sub li a:hover{
color:#fff;
background:none;
text-decoration:underline;
}

  </style>

#header td {
	border-collapse:collapse;
	vertical-align:top;
	border-spacing:0px;
	text-align:left;
	border:none;
	padding:0px;
	margin:0px;
}
#header .logo {
	width:292px;
}
#header .logo a {
	float:right;
	display:block;
	background:url(logo0000.png) no-repeat;
	height:293px;
	width:270px;
}
#header .slogan {
	font:normal 14px/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:18px 0 10px 12px;
}
#header .pic1 {
	background:url(shapka.jpg) no-repeat;
	margin:0 12px 0 0;
	height:195px;
	clear:both;
}
/* ------ */

/* MENU TOP */
#menu2 {
	float:left;
	width:100%;
	background:url(menu2_bg.gif) top repeat-x;
	margin:0 0 17px 0;
}
#menu2 dl {
	background:url(menu2_le.gif) top left no-repeat;
	font:bold 10px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#135263;
	height:36px;
	margin:0;
	padding:0 0 0 28px;
}
#menu2 dl dt {
	background:url(menu2_im.gif) top right no-repeat;
	padding:0 2px 0 0;
	margin:7px 0 0 0;
	float:left;
}
#menu2 dl dt a {
	float:left;
	display:block;
	line-height:1em;
	padding:6px 16px;
	text-decoration:none;
	color:#135263;
}
#menu2 dl dt a:hover {text-decoration:underline; color:#8d5b00;}
#menu2 .last {background:none; padding:0;}
/* -------- */

/* CONTENT */
#content {
	background:#FFFFFF url(body_bot.gif) bottom repeat-x;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
  /*	margin:0 12px;     */
}
#content .main {
	background:url(body_top.gif) top repeat-x;
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	padding:0px;
	margin:0px;
	width:100%;
	height:600px;
}
#content .main .left_c {
	padding:10px 0px 0px 24px;
	border-collapse:collapse;
	vertical-align:top;
	border-spacing:0px;
	text-align:left;
	border:none;
	margin:0px;
	width:258px;
}
#content .main .body {
	padding:18px 42px 64px 22px;
	border-collapse:collapse;
	vertical-align:top;
	border-spacing:0px;
	text-align:left;
	border:none;
	margin:0px;
}
/* ------- */

/* MAIN MENU */
#menu {
	background:url(menu_bg0.gif) left repeat-y;
	margin:2px auto 16px auto;
	width:258px;
}
#menu .menu-in {
	background:url(menu_bot.gif) bottom left no-repeat;
}
#menu .name {
	background:url(menu_top.gif) top left no-repeat;
	padding:0 22px 0 5px;
	position:relative;
}
#menu .name p {
	font:normal 17px/1em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color:#f5f5f5;
	padding:10px 7px 4px 7px;
	border-bottom:1px solid #FFFFFF;
	margin:0;
}
#menu .name .icon {
	background:url(pen00000.png) no-repeat;
	position:absolute;
	right:-4px;
	top:2px;
	width:27px;
	height:29px;
}

#menu .menu-in dl {
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform:none;
	text-align:left;
	padding:4px 0 20px 8px;
	margin:0;
}
#menu .menu-in dl dt {
	width:250px;
	padding:0 0 4px 0;
	margin:0;
}
#menu .menu-in dl dt a {
	width:250px;
	display:block;
	padding:0 0 5px 0;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}
#menu .menu-in dl dt a strong {
	width:250px;
	display:block;
	font-weight:normal;
	padding:5px 0 0 0;
	cursor:pointer;
}
#menu .menu-in dl dt a strong em {
	width:250px;
	display:block;
	font-style:normal;
	cursor:pointer;
}
#menu .menu-in dl dt a strong em span {
	display:block;
	padding:0 7px;
	line-height:1em;
	cursor:pointer;
}
#menu .menu-in dl dt a:hover {
	background:url(over2000.gif) bottom left no-repeat;
	text-decoration:none;
	color:#1e687b;
}
#menu .menu-in dl dt a:hover strong {background:url(over1000.gif) top left no-repeat;}
#menu .menu-in dl dt a:hover strong em {background:url(over0000.gif) left repeat-y;}
#menu .menu-in dl dt a:hover strong em span {background:url(over3000.gif) top left no-repeat;}
/* --------- */

/* NEWS */
#news {
	width:250px;
	margin:0 0 20px 0;
}
#news .name {
	font:normal 21px/1em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#247c92;
	padding:8px 0 4px 4px;
	border-bottom:1px solid #247c92;
	position:relative;
	width:224px;
}
#news .name .icon {
	background:url(pen00000.png) no-repeat;
	position:absolute;
	right:-26px;
	top:5px;
	width:27px;
	height:29px;
}
#news .news-in {
	font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color:#6f6f6f;
	padding:4px 8px 0 0;	

}
#news .news-in .title {
	font-weight:bold;
	font-size:12px;
	color:#c83209;
}
#news .news-in .more {
	text-align:right;
	color:#247c92;
}
#news .news-in .more a {color:#247c92; text-decoration:underline;}
#news .news-in .more a:hover {color:#247c92; text-decoration:none;}
#news .news-in span {
	background:#258097 url(date_bg0.gif) right repeat-y;
	padding:2px 16px;
	color:#FFFFFF;
}
#news .news-in p {padding:0 0 6px 0; margin:0;}
/* ---- */

/* FOOTER */
#footer {
	position:relative;
	height:90px;
background-color: #91a2b4;
Padding-top: 20px;
}

#footer .logo_bot {
	background:url(logo_bot.gif) no-repeat;
	position:absolute;
	height:82px;
	width:110px;
	left:12px;
	top:2px;
}

#footer .bot_slog {
	font:normal 12px/1.375em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#9be0ee;
	margin-top:0px;
	margin-left:10px;
	width: 190 px;
}

#footer .counters {
	position:absolute;
	color:#FFFFFF;
	right:290px;
	top:30px;
}

#footer .copy {
	font:normal 11px/1.375em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#9be0ee;
	position:absolute;
	right:12px;
	top:26px;
}
#footer .copy span {font-weight:bold; font-size:12px; line-height:1.375em;}
#footer .copy a {color:#ffba00; text-decoration:none;}
#footer .copy a:hover {color:#ffba00; text-decoration:underline;}

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

.pen {
	background:url(pen00000.png) no-repeat;
	position:absolute;
	right:18px;
	top:4px;
	width:27px;
	height:29px;
}

.tel {
	font:normal 14px/1em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	position:absolute;
	right:44px;
	top:3px;
	padding:0 38px 0 6px;
	border-bottom:1px solid #FFFFFF;
}
.tel span {font-size:17px; line-height:1em;}

.map {
	position:absolute;
	right:12px;
	top:314px;
	float:left;
}
.map a {
	height:10px;
	width:11px;
	line-height:0; /* для IE6 */
	font-size:0; /* для IE6 */
	cursor:pointer;
	margin:0 21px 0 0;
	float:left;
}
.map .home {background:url(home0000.gif) no-repeat;}
.map .mail {background:url(mail0000.gif) no-repeat;}
.map .sitemap {background:url(sitemap0.gif) 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: #e0e0e0}
table.table1 td { padding:4px; border: 1px solid #1f6c80;}

table.table2 { border-collapse:collapse;}
table.table2 tr:hover {background: #e0e0e0}
table.table2 td { padding:5px; border: 1px solid #1f6c80;}
table.table2 th { padding:8px 5px; border: 1px solid #000000; background:#1f6c80; 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: #e0e0e0}
table.table_shop td { padding:5px; border-bottom: 1px solid #1f6c80;}
table.table_shop th { padding:8px 12px; border: 1px solid #000000; background:#1f6c80; 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(price000.html) 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(addtocar.html) 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(new00000.html) 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_ne.html) 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(addtocar.html) 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(gdetail0.html) 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(col00000.html) 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.html) top center no-repeat;}
.gdetail form .detprice b { font-size:20px;}
.bt_add {cursor:pointer; background:url(add00000.html) 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;}


/* ---------- OLD SHOP ---------- */

/* SHOP START */

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