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

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 12px Arial,Helvetica,sans-serif; color: #787877; background: #e4b778 url(../images/bg.jpg) center top; min-width: 1000px; position: relative; height: 100%; }
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px 'Times New Roman', Times, serif; color: #89370a; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; width: 100%; max-width: 1002px; margin: 0 auto; }
#footer { position: relative; height: 50px; margin: -50px auto 0; width: 940px; }
	.f { width: 100%; border-collapse: collapse; border: none; line-height: 17px; color: #462901; }
	.f a { color: #462901; }
	.f tbody { border: none; }
	.f td { vertical-align: top; }
	.f-1 { text-align: left; }
	.f-2 { text-align: right; }
	

.page-T { background: url(../images/all-T.png) 0 0 no-repeat; padding-bottom: 60px; }
.page-B { background: url(../images/all-B.png) 0 100% no-repeat; padding: 14px 0 21px; }
.page-BG { background: url(../images/all-BG.png) repeat-y; padding: 0 12px; }

.header { position: relative; float: left; width: 100%; margin-top: -8px; }
	.h-l { width: 202px; float: left; padding: 0 23px; text-align: center; }
	.logo { margin-bottom: 2px; }
		.logo a { background: url(../images/logo.png) 0 0 no-repeat; display: block; width: 202px; height: 98px; }
	.h-title { font-size: 11px; color: #858585; }
	
	.h-r { float: right; width: 204px; padding: 13px 33px 0 17px; }
		.h202 { color: #531e00; padding-bottom: 4px; border-bottom: dotted 1px #cfcfcf; margin-bottom: 5px; }
			.h202 span { color: #3a3a39; }
			
		.tel { font-size: 20px; line-height: 26px; color: #c40202; margin-bottom: 2px; }
			.tel small { font-size: 14px; color: #808080; }
			
		.grafik, .mail, .icq { font: 11px Tahoma, Geneva, sans-serif; color: #898989; margin-bottom: 5px; }
			.grafik b { color: #a95137; }
			
		.mail a { color: #4a4a4a; }
		
		.icq { padding-left: 18px; background: url(../images/icq.jpg) 0 1px no-repeat; }
			.icq span { color: #4a4a4a; }
			
	.h-c { overflow: hidden; }
		.bg-1 { background: url(../images/bg-1.png) 0 0 no-repeat; height: 15px; font-size: 0px; overflow: hidden; }
		.head-img { background: url(../images/header.jpg) 0 0 no-repeat; height: 154px; }
		
	.m-1 { background: url(../images/m-1.jpg) 0 0 no-repeat; width: 707px; height: 45px; margin-left: 248px; position: relative; }
		.m-1 ul { padding: 4px 0 0 5px; }
			.m-1 li { list-style: none; float: left; }
			
			.m-1 li a { display: block; color: #ffffff; font-size: 12px; text-decoration: none !important; padding: 8px 23px; background: url(../images/m-1-li-a.jpg) 0 -100px repeat-x; }
			.m-1 li a:hover, .m-1 li.current a { padding: 7px 22px; background-position: 0 0; border: solid 1px #bc7435; }
			
		.search { position: absolute; width: 206px; height: 26px; background: url(../images/search.png) 0 0 no-repeat; top: 6px; right: 11px; }
		.search input[type='text'] { background: none; border: none; margin: 0; padding: 0 10px; width: 186px; height: 26px; font: 11px/26px Tahoma, Geneva, sans-serif; color: #a95137; }


.page { width: 100%; float: none; clear: both; }
.cont-1 { width: 100%; float: left; }
.cont-2 { padding: 15px 262px 0 248px; }
.cont { width: 100%; overflow: hidden; }
.nav-1 { float: left; width: 202px; margin-left: -100%; position: relative; left: 22px; margin-top: -50px; }
.nav-2 { width: 225px; margin-left: -248px; float: left; position: relative; }
.h203 { font-size: 19px; font-weight: normal; color: #89370a; padding: 0 0 9px; text-shadow: 0 3px 3px #d3b8a9; }

.h201 { background: url(../images/h201_shadow.png) 0 100% no-repeat; padding-bottom: 7px; margin-bottom: 13px; }
	.h201 h2 { font-size: 19px; font-weight: normal; color: #89370a; text-shadow: 0 3px 3px #d3b8a9; padding: 5px 12px 4px; background: url(../images/h201.jpg); border: solid 1px #ebcb9d; height: 1%; }
	.h201 h2 a { text-decoration: none; color: #89370a; }
	.h201 h2 a:hover { text-decoration: underline; }
	
.products { width: 100%; overflow: hidden; }
	.products ul { width: 110%; margin-left: -18px; padding: 0; font-size: 0; line-height: 0; letter-spacing: -1px; }
	.products li { list-style: none; display: inline-block; *display: inline; zoom:1; width: 144px; font: 11px/16px Tahoma, Geneva, sans-serif; letter-spacing: normal; vertical-align: top; margin-left: 18px; margin-bottom: 18px; }
	
	.product-link a { display: block; text-decoration: none !important; position: relative; }
		.product-link a:hover .product-title { text-decoration: underline; }
	.product-img { display: inline-block; *display: inline; zoom:1; width: 144px; height: 141px; background: url(../images/img-1-BG.png) 0 0 no-repeat; text-align: center; vertical-align: middle; margin-bottom: 5px; }
		.product-img * { vertical-align: middle; max-width: 140px; max-height: 140px; }
		.product-img u { display: inline-block; *display: inline; zoom:1; width: 1px; height: 141px; }
	.product-title { font-weight: bold; color: #a95137; padding: 0 7px 5px; display: block; }
	.price { padding: 0 6px 6px; margin-bottom: 8px; border-bottom: dotted 1px #9e9e9e; font: bold 15px Arial, Helvetica, sans-serif; color: #c40202; }
		.price span { font: normal 11px Tahoma, Geneva, sans-serif; color: #563302; }
		
	.in_cart { text-align: right; }
		.in_cart input[type='submit'] { text-indent: -9999px; overflow: hidden; width: 78px; height: 28px; background: url(../images/in_cart.png) 0 0 no-repeat; padding: 0; margin: 0; border: none; }
		
	.product-top { display: block; position: absolute; right: 0; top: 0; width: 57px; height: 56px; background: url(../images/top.png) 0 0 no-repeat; }
	
.m-2 { padding: 10px 0 0; margin: 0 0 20px; }
	.m-2 li { padding: 0; list-style: none; padding-bottom: 1px; background: url(../images/m-2-li-a.jpg) 0 -100px no-repeat; zoom:1; }
	.m-2 li .m-2-link { background: url(../images/m-2-li.jpg) center; border: solid 1px #eed2aa; }
	.m-2 li .m-2-link:hover, .m-2 li.current .m-2-link { background: url(../images/m-2-li-a.jpg) center; border: solid 1px #e4b778; }
	.m-2 li .m-2-link a { display: block; padding: 6px 6px 4px 18px; background: url(../images/bl-2.png) 6px 10px no-repeat; font-size: 13px; color: #6f4101; text-decoration: none !important; }
	/*.m-2 li .m-2-link:hover a, */.m-2 li.current .m-2-link a { background: url(../images/bl-1.png) 6px 12px no-repeat; }
	.m-2 ul { padding: 8px 0 0 20px; }
	.m-2 ul li { padding-bottom: 5px; font-size: 11px; }
	.m-2 ul li a { color: #707070; text-decoration: none; }
		.m-2 ul li a:hover, .m-2 ul li.current a { color: #5c3601; text-decoration: underline; }
		
.banner { text-align: center; margin-bottom: 20px; }

.bg-2 { height: 15px; background: url(../images/bg-2.png) center 0 no-repeat; overflow: hidden; font-size: 0; line-height: 0; margin-top: -6px; }
.cart { background: url(../images/cart-BG.png); border: solid 2px #e4b778; padding: 6px 7px; }
	.cart dl { padding: 10px 0 0; overflow: hidden; font: 11px Tahoma, Geneva, sans-serif; color: #5d5d5d; }
	.cart dt { float: left; width: 41px; }
	.cart dd { padding: 0 0 7px 41px; margin: -3px 0 3px; }
	.cart dl a { color: #5d5d5d; }
	.cart dl b { color: #531e00; }
	
	.cart-BG { background: url(../images/banja_slice_30.jpg) 0 100% no-repeat; padding-bottom: 8px; margin-bottom: 20px; }
	
.news-list { padding: 0 10px 10px; font: 11px Tahoma, Geneva, sans-serif; }
	.news-list .h202 { margin-bottom: 15px; }
	.news-data { color: #a95137; padding-bottom: 7px; }
	.news-body { padding-bottom: 20px; color: #777777; }
		.news-body a { text-decoration: none; color: #777777; }
		.news-body a:hover { text-decoration: underline; }

	











































    
© TrueDev.org