html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html, body {height: 100%; margin: 0; padding: 0;}

body {
	margin:0px; padding:0px; color:#000000;  font-family:Tahoma, Verdana, Geneva, sans-serif; font-size:14px; width: 100%;height: 100%;color:#000000; font-weight:bold;}
#background {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1;}
p{margin:7px 0;}
a{ text-decoration:none; color:#FFFFFF;}
h1, h2, h1 a, h2 a{font-family:'Lobster', cursive; font-weight:normal;}
h1{ font-size:32px; }
h2.heading{ font-size:30px; margin:0; background:url(images/lenta3.jpg) top left no-repeat; padding:5px 10px; width:960px; height:40px; }
h2.heading img{ float:right;margin:-50px -10px 0 0}
h3{ font-size:18px; margin:0; padding:0;}
h4{ font-size:18px;}
.wrap{width:980px;	/* Make the new body fill the screen */
	margin:0 auto; padding:0 10px; position:relative;z-index:100;}
.logo{ width:250px; height:272px; float:left; display:block; margin-bottom:110px;text-align:center;font-size:30px; font-family:'Lobster', cursive;}
.delivery-left{ width:340px; float:left; padding-top:90px; margin-right:20px; font-weight:bold;font-size:13px;  }
.delivery-right{ width:340px; float:left; padding-top:90px; margin-left:30px; font-weight:bold;font-size:13px;  }
.nav{
	width:950px; height:50px; background:url(images/lenta3.jpg) top left no-repeat; padding:0px 18px;
	position: absolute; top:322px; left:50%; margin-left: -493px;z-index:100;
}
.nav a{ margin-right:5px; display:block; font-size:15px; float:left; font-weight:bold; color:#000000; padding:16px 5px; white-space: nowrap;text-align: center; }
.nav a:hover{  background:#82581c; color:#FFFFFF;}
.section{ min-height:240px; margin-bottom:40px; padding-bottom:60px; float:left; width:980px; }
.nav a.two-rows {padding: 8px 5px;}
.promo{ width:180px; float:left; margin:0 19px 20px 0; background:url(images/23.png) center no-repeat; }
.promo-top{ width:160px; height:100px; float:left; text-align:center; padding:15px 10px;}
.promo-bottom{ width:180px; height:50px; float:left; font-family:'Lobster', cursive; font-size:24px;text-align:center; padding:16px 0 0 0; font-weight:normal;}
.promo-big .promo-top{ width:160px; height:162px; float:left; text-align:center; padding:15px 10px;}
.promo-big .promo-bottom{ width:180px; height:55px; float:left; font-family:'Lobster', cursive; font-size:24px;text-align:center; padding:16px 0 0 0; font-weight:normal;}
.test{ min-height:40px; margin-bottom:40px; padding-bottom:60px; float:left; width:980px; }
table{ width:100%; font-size:14px;}
table td{ padding:10px;}
table td.price{ font-size:14px;}
table td.delivery{ font-size:14px;}
span{ font-weight:normal; font-size:14px;}
.additions{ width:840px; padding:10px 20px 10px 120px; float:left; height:70px;}
.loyal{ margin:0; padding:15px 10px 5px 60px; width:910px; height:250px; margin:20px 0; }
.loyal-info{ width:555px; float:right; height:500px;}
.loyal-left{ float:left; width:80px; margin-right:20px;height:50px; padding-top:10px; font-size:36px; line-height:18px; }
.loayl-left span{ font-size:12px; }
.loyal-right{ margin:0; padding:15px 10px 5px 60px; width:910px; height:200px; margin:20px 0; }

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index:999;
}
#back-top a {
	width: 168px;
	display: block;
	text-align: center;
	font: 22px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 168px;
	height: 124px;
	display: block;
	margin-bottom: 1px;
	background:url(images/logo4.png);

