* { font-size:100.01%; margin:0; padding:0;}
html, body {height:100%;}
body {font-family:Verdana, Tahoma, sans-serif; background:#FEF6E9; color:#000; line-height:1.3; font-size:0.69em; text-align:center;}

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

h1, h2, h3, h4 {margin:1em 0 0.5em; line-height:1.2;}
h1 {font-size: 1.18em; color:#EA1D1F;}
h2 {font-size: 1.18em; color:#FA5427;}
h3 {font-size: 1.09em; color:#EA1D1F;}
h4 {font-size: 1em;}
h2:first-child, h3:first-child, h4:first-child {margin-top:0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top:0;}

h2 a {color:#FA5427;}
h2 a:hover {color:#FF8400;}
h2.good {font-size:12px; margin:5px 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height:1.2;}
li {margin: 0.2em 0 0 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}
ul.ins {list-style-position: inside;}

hr {color:#F8AF00; background-color:#F8AF00; height:1px; border-width:0; margin:10px 0; //margin:0;}

p {margin: 0 0 1em 0;}

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}

:focus {outline: none;}
img {border-width: 0;}

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

.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin: 0 1em 0.65em 0;}
img.f-right {margin: 0 0 0.65em 1em;}

img.bord {border:1px solid #ccc;}

input, textarea, select {font-family:Tahoma, Verdana, sans-serif; font-size:11px; padding:2px; background:#fff; border: 1px solid #B35E5B; color:#000;}
input {vertical-align: middle;}
textarea {overflow: auto;}
select {padding:1px;}

legend {font-size:12px; font-weight:bold; padding:8px 0 5px 130px;}
.f-row {margin-bottom:15px;}
label {float:left; width:125px; text-align:right; font-size:11px; cursor:pointer;}
.f-inputs {padding-left:130px;}
.i-text {width: 302px;}
.i-select {width: 308px;}
.submit {padding:1px 8px; font-size:12px; width: auto; overflow: visible; cursor: pointer; background:#FEDB88; color:#CC090B;}
.remark {font-size:10px;}

.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 120px; clear: both;}

#wrap {background:url(main_bg.gif) 50% 0% repeat-y; margin-top:15px;}
#main {min-height:100%; margin:0 auto; width:780px; text-align:left; position:relative; background: url(footer_bg.gif) 50% 100% no-repeat;}

#footer {height:100px; margin: -100px auto 0; width:780px; text-align:left; position:relative;}

#content {padding-top:222px; background:url(content_bg.gif) 10px 222px no-repeat;}
#content_cat {padding-top:222px; background:url(content_cat_bg.gif) 10px 222px no-repeat;}
#container {width:100%; float:right; margin-left:-250px;}
#center {margin-left:250px; padding:89px 33px 0 0;}
#leftcol {float:left; width:226px;}

/* top */
#top {position:absolute; top:0; left:0; height:362px; width:780px; background:url(head_bg.gif) 0% 0% no-repeat;}

#logoblock {height:97px;}
#logoblock .logo {margin:24px 0 13px 26px; width:240px; height:51px;}
#logoblock .addr {display:block; margin:0 0 0 43px; font-size:0; width:208px; height:46px;}

#slogan {position:absolute; width:121px; height:66px; top:167px; left:96px; z-index:3; background:url(slogan.png) 0% 0% no-repeat;}
#slogan h2 {display:none;}

#emblema {position:absolute; width:54px; height:52px; top:249px; left:201px; z-index:3; background:url(emblema.png) 0% 0% no-repeat;}

#icons {width:97px; height:27px; position:absolute; top:330px; left:20px;}
#icons a {text-decoration:none; cursor:pointer;}
#icons a.home {display:block; background:url(icon_home.gif) 0% 0% no-repeat; width:23px; height:23px; margin:4px 13px 0 0; font-size:0; float:left;}
#icons a.print {display:block; background:url(icon_print.gif) 0% 0% no-repeat; width:22px; height:22px; margin:4px 16px 0 0; font-size:0; float:left;}
#icons a.search {display:block; background:url(icon_search.png) 0% 0% no-repeat; width:23px; height:22px; font-size:0; float:left;}

ul#nav {padding:0; list-style:none; margin:0 0 0 351px; height:99px;}
ul#nav li {list-style:none; margin:0; float:left;}
ul#nav li a {display:block; cursor:pointer; background-repeat:no-repeat; background-position:0% 0%;}
ul#nav li a b {display:none;}

ul#nav li.confect a {background-image:url(menu_confect.png); width:136px; height:50px; margin:26px 23px 0 0;}
ul#nav li.hleb a {background-image:url(menu_hleb.png); width:127px; height:71px; margin-right:23px;}
ul#nav li.pie a {background-image:url(menu_pie.png); width:107px; height:82px; margin-top:17px;}

ul#nav li.confect a:hover {background-image:url(menu_confect_a.png);}
ul#nav li.hleb a:hover {background-image:url(menu_hleb_a.png);}
ul#nav li.pie a:hover {background-image:url(menu_pie_a.png);}

/* footer */
#footer .inner {font-size:10px; padding:50px 15px 0 87px; line-height:1.2;}
#fcopy {float:left; width:336px; text-align:center;}
#fmap {float:left; width:260px;}
#fup {float:right;}

.f-link {color:#CC090B;}
.f-link a {color:#CC090B; text-decoration:none; font-weight:bold;}
.f-link a:hover {color:#FF8400; text-decoration:none;}

#fmap .fsitemap {width:100px; height:25px; margin:14px 0 0 76px;}
#fmap .fsitemap span {background:url(sitemap.gif) 0% 0% no-repeat; width:25px; height:21px; font-size:0; display:block; float:left; position:relative; top:-3px;}

#fup a, #fup a:hover {display:block; text-align:right; color:#fff; text-decoration:none; font-weight:bold; margin-top:25px;}

#count {background:#FEF6E9; margin:0 auto; width:780px; text-align:center; padding:14px 0 0;}
#count div {display:inline; padding-right:8px;}

.f-links {font-size:10px; color:#999; padding:0 0 8px; width:780px;}
.f-links a, .f-links a:hover {color:#999;} 

/* leftcol */
ul.menu {list-style:none; margin:164px 0 20px 37px;}
ul.menu li {list-style:none; margin:0; height:28px; width:189px; vertical-align:top; zoom:1;}
ul.menu li a {display:block; height:28px; width:189px; background-repeat:no-repeat; background-position:0% 0%;}
ul.menu li a b {display:none;}

ul.menu li.m_about a {background-image:url(m_about.gif);}
ul.menu li.m_about a:hover, ul.menu li.m_about a.act {background-image:url(m_about_a.gif);}

ul.menu li.m_articles a {background-image:url(m_articles.gif);}
ul.menu li.m_articles a:hover, ul.menu li.m_articles a.act {background-image:url(m_articles_a.gif);}

ul.menu li.m_catalog a {background-image:url(m_catalog.gif);}
ul.menu li.m_catalog a:hover, ul.menu li.m_catalog a.act {background-image:url(m_catalog_a.gif);}

ul.menu li.m_news a {background-image:url(m_news.gif);}
ul.menu li.m_news a:hover, ul.menu li.m_news a.act {background-image:url(m_news_a.gif);}

ul.menu li.m_contacts a {background-image:url(m_contacts.gif);}
ul.menu li.m_contacts a:hover, ul.menu li.m_contacts a.act {background-image:url(m_contacts_a.gif);}

ul.menu li.m_partners a {background-image:url(m_partners.gif);}
ul.menu li.m_partners a:hover, ul.menu li.m_partners a.act {background-image:url(m_partners_a.gif);}

ul.menu li.m_recipe a {background-image:url(m_recipe.gif);}
ul.menu li.m_recipe a:hover, ul.menu li.m_recipe a.act {background-image:url(m_recipe_a.gif);}

ul.menu li.m_shops a {background-image:url(m_shops.gif);}
ul.menu li.m_shops a:hover, ul.menu li.m_shops a.act {background-image:url(m_shops_a.gif);}

.lblock {margin:1.5em 10px 0 28px; text-align:center;}
.lblock ul {font-weight:bold; color:#EA1D1F; text-align:left; margin:0 0 0.65em 30px; list-style-type:square;}
.lblock h2 {font:bold 12px Verdana, Tahoma, sans-serif; color:#FA5427; margin:5px 0 0 0;}

/* content */
#path {font-size:10px; font-weight:bold; color:#CC090B; margin:1em 0; position:relative; z-index:3;}
#path a {color: #CC090B; text-decoration:none;}
#path a:hover {color:#FF8400; text-decoration:none;}	

.details {padding-top:5px;}
.details a {font-size:0.91em; color:#FF8400; text-decoration:none;}
.details a:hover {color:#CC090B; text-decoration:none;}

.submenu {font-weight:; font-size:12px; color:#EA1D1F; margin-bottom:1em; text-align:right;}
.submenu a {color:#EA1D1F; text-decoration:none;}
.submenu a:hover {color:#FF8400;}

ul.catalog {font-weight:bold; color:#EA1D1F; font-size:12px; margin: 0.65em 0 0.65em 2em;}
ul.catalog a {color:#EA1D1F; text-decoration:none;}
ul.catalog a:hover {color:#FF8400;}

.articles {height:1%; overflow:hidden; margin-bottom:1em; width:100%;}
.articles h2 {font-size:1em; color:#EA1D1F; margin:0 0 5px;}
.date {font-size:0.92em; color:#FF7800; background:url(kn_news.gif) 0% 3px no-repeat; padding-left:26px; font-weight:bold; margin-bottom:5px;}
.articles p {margin:0;}
.articles h2 a {color:#EA1D1F;}

.hd {font-weight:bold; color:#EA1D1F;}
.hd a {color:#EA1D1F;}
.hd a:hover {color:#FF8400;}

.news h2 {font-size:1em; color:#EA1D1F; margin:0 0 5px;}

table.goods {width:100%;}
table.goods td {text-align:center; vertical-align:bottom;}

.catalog_tab {border:1px solid #FFBB27;}
.catalog_tab td {background:#FFF6DF; padding:2px 5px; border:1px solid #FFBB27;}

.pic_left .image {width:150px; float:left;}
.pic_left .desc {margin-left:170px;}

table.tbl {width:100%; border:1px solid #ccc;}
table.tbl th {padding: 3px 5px; font-size: 1em; border: 1px solid #ccc; text-align:center;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc; vertical-align:top;}

small {font-size:0.91em;}
.small {font-size:0.91em;}
.red {color:#FF0000;}
.bold {font-weight:bold;}
.big {font-size:1.09em;}

/* 80 лет */
#holiday_80_slogan {position:absolute; width:121px; height:66px; top:135px; left:99px; z-index:10; background:url(slogan.png) 0% 0% no-repeat;}
#holiday_80_emblema {position:absolute; width:86px; height:97px; top:206px; left:190px; z-index:3; background:url(80-emblema.png) 0% 0% no-repeat;}
#holiday_80_shary {position:absolute; width:349px; height:264px; top:18px; left:5px; background:url(80-shary.png) 0% 0% no-repeat;}
#holiday_80_slogan h2 {display:none;}

#logoblock .logo {margin:24px 0 13px 26px; width:240px; height:51px; position:relative; z-index:10;}

/* новый год */
body.ny #wrap {margin-top:44px;}
#ny_top {position:absolute; width:824px; height:172px; z-index:5; background:url(ny_top.png) 50% 0% no-repeat;}

/* 9 мая */
#pobeda_logo {width:204px; height:55px; position:absolute; top:32px; left:230px; z-index:10;}
#pobeda_emblema {position:absolute; width:350px; height:288px; top:23px; left:-37px; z-index:3; background:url(pobeda_emblema.png) 0% 0% no-repeat;}

ul#pobeda_nav {padding:0; list-style:none; margin:173px 0 0 333px; height:51px;}
ul#pobeda_nav li {list-style:none; margin:0; float:left;}
ul#pobeda_nav li a {display:block; cursor:pointer; background-repeat:no-repeat; background-position:0% 0%;}
ul#pobeda_nav li a b {display:none;}

ul#pobeda_nav li.confect a {background-image:url(pobeda_menu_confect.gif); width:83px; height:34px; margin:3px 70px 0 0;}
ul#pobeda_nav li.hleb a {background-image:url(pobeda_menu_hleb.gif); width:95px; height:31px; margin-right:74px;}
ul#pobeda_nav li.pie a {background-image:url(pobeda_menu_pie.gif); width:35px; height:20px; margin-top:31px;}