html {height: 100%; 
background: url('images/back.jpg') repeat-y #201F2B;
}


#main_pic,
#main_pic_gallery,
#main_pic_pack
{
	position:absolute; left: 0; top: 0;
	width: 291px; height: 320px; z-index: 1;
	background-repeat: no-repeat;
}

#main_pic         {background-image: url('images/index_01.jpg')}
#main_pic_gallery {background-image: url('images/gallery.jpg')}
#main_pic_pack    {background-image: url('images/top_pack.jpg')}

#menu_back {
	position:absolute;
	left:0px;
	top:320px;
	width:291px;
	height:185px;
	z-index:1;
	background: url('images/index_12.jpg') no-repeat;
}
#logo {
	position:absolute;
	left:291px;
	top:0px;
	width:295px;
	height:119px;
	z-index:2;
		background: url('images/index_02.jpg') no-repeat;
}
#vetka {
	position:absolute;
	left:291px;
	top:119px;
	width:164px;
	height:109px;
	z-index:2;
	background: url('images/index_05.jpg') no-repeat;
}
#logo_s {
	position:absolute;
	left:113px;
	top:491px;
	width:89px;
	height:79px;
	z-index:3;
		background: url('images/logo_s.jpg') no-repeat;
}
#mlechniy {
	position:absolute;
	left:586px;
	top:0px;
	width:265px;
	height:243px;
	z-index:1;
		background: url('images/index_03.jpg') no-repeat;
}
.title {
	font: bold italic 18px Verdana, Helvetica, sans-serif; color: #EA9228;
}

/*#title2 {
	position:absolute;
	left:616px;
	top:491px;
	width:352px;
	height:28px;
	z-index:1;
	background: url('pic/vetka.jpg') no-repeat;
	}*/
#title3 {
	position:absolute;
	left:306px;
	top:353px;
	width:264px;
	height:28px;
	z-index:2;
	background:url('pic/stars.jpg') repeat-y;
	}
#text {
	position:absolute;
	left:616px;
	top:135px;
	width: 350px;
	z-index:1;
	font: 11px Verdana, Helvetica, sans-serif; color: #FFFFFF;

}
.text {
font: 11px Verdana, Helvetica, sans-serif; color: #FFFFFF;
}
#viskazivanie {
	position:absolute;
	left:686px;
	top:74px;
	width: 281px;
	z-index:5;
	font: Italic 12px Arial, Helvetica, sans-serif;
	color: #E8952F;
	height: 62px;
}
#product {
	position:absolute;
	left:308px;
	top:203px;
	width:261px;
	height:208px;
	z-index:6;

}
#about {
	position:absolute;
	left:308px;
	top:264px;
	width:261px;
	height:125px;
	z-index:7;
	font:  11px Verdana, Helvetica, sans-serif; color: #E8952F;
}
#Layer1 {
	position:absolute;
	left:291px;
	top:253px;
	width:53px;
	height:55px;
	z-index:8;
}
#menu {position: absolute; left: 116px; top: 331px; width: 157px; z-index: 9; margin: 0; padding: 0; list-style-type: none;
font: 14px Verdana, Helvetica, sans-serif; color: #E8952F}

#menu li {margin: 0; padding: 0; height: 22px}
#menu li a {display: block; width: 100%; height: 22px}


#copy {
	position:absolute;
	left:21px;
	top:547px;
	width:245px;
	height:28px;
	z-index:10;
	font:  10px Verdana, Helvetica, sans-serif; color: #E8952F;
}
.style2 {font: 11px Verdana, Helvetica, sans-serif; color: #FFFFFF; font-style: italic; }
a:link {
	color: #E09A2A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #E09A2A;
}
a:hover {
	text-decoration: none;
	color: #F9D780;
}
a:active {
	text-decoration: none;
	color: #E09A2A;
}
#Layer2 {
	position:absolute;
	left:309px;
	top:680px;
	width:235px;
	height:55px;
	z-index:11;
}
.orange {font: 11px Verdana, Helvetica, sans-serif; color: #EA9228; }
.white {color: #FFFFFF; }
.white2 {font: 11px Verdana, Helvetica, sans-serif; color: #FFFFFF;}
.style5 {font: 11px Verdana, Helvetica, sans-serif; color: #FFFFFF; font-style: italic; font-weight: bold; }
.title_white {font: bold italic 17px Verdana, Helvetica, sans-serif; color: #FFFFFF}






.red {color: #fc5907}
.b {font-weight: bold}
.i {font-style: italic}
.small {font-size: 8pt}
.big {font-size: 10.5pt}

.lrg_img {border: 3px solid #ea9228}
.lrg_img:hover {border-color: #f9d780}


.center_column {position: absolute; left: 310px; top: 220px; width: 265px; z-index: 6; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
.center_column .ttitle {font: bold italic 13.5pt Verdana, Arial, Helvetica, sans-serif; color: #ea9228; text-transform: uppercase}


.right_column {position: absolute; left: 616px; top: 145px; width: 350px; z-index: 1; font:
			11px Verdana, Arial, Helvetica, sans-serif; color: white}
.right_column .ttitle {font: bold italic 13.5pt Verdana, Arial, Helvetica, sans-serif; color: #ea9228; text-transform: uppercase}



.shops {list-style-type: decimal; margin-left: 5px; padding-left: 25px; padding-top: 10px}
.shops li {padding-bottom: 12px}
.shops .name {font-weight: bold; font-size: 10.5pt}
.shops .name2 {margin: 12px 0 8px; font-weight: bold; font-size: 10.5pt; color: #ff9900; border-bottom: 1px solid #ff9900}
.shops .group {margin: 0 0 3px; font-weight: bold; font-size: 10.5pt; color: #ffbf5e}
.shops .metro {font-style: italic; font-weight: bold}

.web_shops .h_section {margin: 20px 0 12px; font-weight: bold; font: 17px Verdana, Helvetica, sans-serif}
.web_shops .city {margin: 20px 0 12px; font-weight: bold; font-size: 10pt; color: white}
.web_shops .shop_lst {margin: 0 0 12px; padding: 0}
.web_shops .shop_lst li {margin: 0; padding: 5px 0}


ul.list_news,
ul.list_articles {margin: 0 0 0 0px; padding: 5px; list-style-type: none;
		font: bold 8pt Verdana, Arial, Helvetica, sans-serif}
ul.list_articles {list-style-type: disc; color: white}
ul.list_news li,
ul.list_articles li {margin: 0}
ul.list_news li a,
ul.list_articles li a {display: block; margin: 0; padding-bottom: 3px}
ul.list_news li span.date {font-size: 7pt; color: white}


ul.list_category {margin: 10px 0 0; padding: 5px 5px 0px; list-style-type: none;
		font: bold 10pt Verdana, Arial, Helvetica, sans-serif}
ul.list_category {list-style-type: disc; color: white}
ul.list_category li {margin: 0 0 0 40px}
ul.list_category a.category {display: block; margin: 0; padding-bottom: 12px}
* html ul.list_category li a.category {width: 99%}
ul.list_category div.pages {margin: 10px 0 5px -25px; text-align: center; clear: both}

ul.list_category table.list_products {clear: both}
ul.list_category li table.list_products {border-collapse: collapse; margin: 0 0 20px -40px}
ul.list_category li table.list_products td.name {padding: 10px 0 5px 30px}
ul.list_category li table.list_products td.img {width: 110px}
ul.list_category li table.list_products td.img .lrg_img {border: 0px solid #ea9228}
ul.list_category li table.list_products td.img .lrg_img:hover {border: 0px solid #f9d780}
ul.list_category li table.list_products td.text {padding: 5px}
ul.list_category li table.list_products td.text a.full_desc {display: block; padding: 5px 0 0 5px}

ul.list_category img.catg_img {float: left; padding: 0 5px 15px 0; border: none}



.curr_product {margin-bottom: 15px; padding-bottom: 15px; clear: both}
.curr_product .title {margin-bottom: 5px}
.curr_product .pic {margin: 20px 0 25px}
.curr_product .pic img {border: 0px solid #fec456}
.curr_product .text {margin-bottom: 25px}
.curr_product .pics img {margin: 10px 3px; border: 0px solid #ea9228}
.curr_product .pics img:hover {border-color: #f9d780}



.news {margin-bottom: 15px; padding-bottom: 15px; clear: both}
.news .date {margin-bottom: 10px; font-weight: bold; font-size: 8pt; color: #fc5907}
.news .pic {margin: 2px 5px 5px; float: left}
.news .pic img {border: 5px solid #4f506c}
.news .pic img:hover {border-color: #ea9228}

.article {margin-bottom: 15px; padding-bottom: 15px; clear: both}
.article .title {margin-bottom: 5px}
.article .pic {margin: 2px 5px 5px; float: left}
.article .pic img {border: 5px solid #4f506c}
.article .pic img:hover {border-color: #ea9228}

.lrg_img {cursor: pointer}


.last_work {margin-top: 10px; text-align: center}

.last_work .pic {margin: 20px 0}
.last_work .name {margin-top: 20px; font-weight: bold; font-size: 10.5pt; text-transform: uppercase}
.last_work .pic img {margin: 5px 0; border: 10px solid #daa85f}
.last_work .pic a img:hover {border-color: #622504}

.goto_index {position: absolute; left: 250px; top: 10px; width: 350px; height: 60px; z-index: 99}


table.feedback {margin: 10px 0 20px}
table.feedback td {padding: 2px 0}
table.feedback div.question {padding: 3px 0 5px 0; font-weight: bold}
table.feedback div.question small {padding: 3px 0 0; display: block; font-weight: normal; font-size: 7pt}
table.feedback input,
table.feedback textarea {padding: 1px 2px 2px; font: 10pt Arial, Helvetica, sans-serif; background-color: #e2e4f1; border: 1px solid #b3b6ce}
table.feedback .bsubmit {margin-top: 10px; padding: 3px 5px; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: white; background-color: #858aa4; border-color: #b9bccd}
table.feedback .bsubmit:hover {background-color: #e09a2a}

div.sendmail {padding-top: 20px; font-size: 14pt; color: white}

ul.send_warning {margin: 0 0 5px; padding: 15px 0 0; font-size: 9pt; color: red}
ul.send_warning li {margin-left: 25px; padding: 1px 0}
ul.send_warning li div {color: white}