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

* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: normal 12px Arial, Helvetica, sans-serif; color: #4a4a4a; width: 100%; min-width: 1066px; background: #000; height: auto !important; height: 100%; min-height: 100%; position: relative;}
img {border: none;}
a {text-decoration: none; cursor: pointer; color: #787878;}
a:hover {text-decoration: underline;}
p {padding: 0 0 15px;}
.set {height: 0; overflow: hidden; clear: both;}

.body {position: relative; width: 100%; min-width: 1066px; min-height: 970px; overflow: hidden;}
.all {width: 1066px; margin: 0 auto; position: relative; z-index: 100; top: 0;}
	.bg-L {width: 268px; height: 970px; background: url(../images/body-L-BG.jpg) 0 0 no-repeat; position: absolute; top: 0; left: 50%; margin-left: -801px;}
	.bg-R {width: 266px; height: 970px; background: url(../images/body-R-BG.jpg) 0 0 no-repeat; position: absolute; top: 0; left: 50%; margin-left: 533px;}
	.h01, .h02, .h03, .h04, .h05, .h06 {width: 100%; height: 211px; position: relative;}
	.h01 {background: #343434 url(../images/h01.jpg) 0 0 no-repeat;}
	.h02 {background: url(../images/h02.jpg) 200px 0 no-repeat;}
	.h03 {background: url(../images/h03.jpg) 400px 0 no-repeat;}
	.h04 {background: url(../images/h04.jpg) 600px 0 no-repeat;}
	.h05 {background: url(../images/h05.jpg) 800px 0 no-repeat;}
	.h06 {background: url(../images/h06.jpg) 1000px 0 no-repeat;}
	.h06 h1 {position: absolute; left: 0; top: 39px;}
	.h06 ul {list-style: none;}

		#tel {position: absolute; right: 0; top: 0; width: 602px; height: 28px; padding-top: 22px; padding-left: 36px; text-align: center;}
		#tel li {display: -moz-inline-box; display: inline-block; height: 25px; padding: 0 36px; font: bold 20px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; background: url(../images/tel.gif) left center no-repeat;}
			* html #tel li {display: inline;}
			*:first-child+html #tel li {display: inline;} 
			#tel li.tel-3 {background: url(../images/tel-2.gif) left center no-repeat;} 
			
		p.title {position: absolute; right: 0; top: 53px; width: 602px; height: 28px; padding: 0 18px; text-align: center; font: normal 15px Tahoma; color: #ffffff;}
		
		
		.m-1 {position: relative;  top: 176px; text-align: right; padding-right: 64px;}
		.m-1 li {display: -moz-inline-box; display: inline-block; height: 45px; font-size: 18px; color: #fff; margin-left: 26px;}
			* html .m-1 li {display: inline;}
			*:first-child+html .m-1 li {display: inline;}
			#m-1-1 {padding-left: 9px; background: url(../images/m-1-le-L.gif) 0 0 no-repeat;}
			.m-1 li a {color: #fff; text-decoration: none;}
			.m-1 li strong {display: -moz-inline-box; display: inline-block; padding-right: 9px; background: url(../images/m-1-le-R.gif) 100% 0 no-repeat;}
				* html .m-1 li strong {display: inline;}
				*:first-child+html .m-1 li strong {display: inline;}
			.m-1 li span {display: -moz-inline-box; display: inline-block; font-weight: normal; padding-top: 6px; height: 39px; background: #67C031 url(../images/m-1-le-BG.gif) 0 0 repeat-x;}
				* html .m-1 li span {display: inline;}
				*:first-child+html .m-1 li span {display: inline;}
	.page {background: #fff url(../images/page-BG.gif) 0 0 repeat-y; height: 1%;}
		.page-T {background: url(../images/page-BG-T.jpg) 0 0 no-repeat; height: 1%;}
		.page-B {background: url(../images/page-BG-B.jpg) 0 100% no-repeat; padding: 0px 10px 25px 0; height: 1%;}
		.cont-1 {width: 802px; float: right;}
		
		.banner {background: url(../images/banner.gif) 0 0 no-repeat; height: 131px; margin-bottom: 30px;}
			.banner img {float: left; margin: 33px 0 0 47px;}
			.banner h2 {padding: 26px 43px 9px 129px; font: normal 30px Arial, Helvetica, sans-serif; color: #F4E0EA;}
			.banner p {padding: 0 43px 15px 129px; font-size: 18px; line-height: 25px; color: #fefffe;}
		
		.content {width: 777px; padding-left: 13px;}	
		.h201 {font: bold 15px Arial, Helvetica, sans-serif; color: #ffffff; width: 210px; height: 26px; background: #787878 url(../images/h202.gif) 0 0 no-repeat; line-height: 26px; padding-left: 14px;}
		
		.content-C {background: url(../images/content-C.gif) 0 0 repeat-y; height: 1%; margin-bottom: 30px;}
		.content-T {background: url(../images/content-T.gif) 0 0 no-repeat; height: 1%;}
		.content-B {background: url(../images/content-B.gif) 0 100% no-repeat; padding: 10px; height: 1%;}
		
		.kategorii, .tovari {list-style: none; text-align: center; vertical-align: top;}
			.kategorii li {display: -moz-inline-box; display: inline-block; width: 230px; padding: 7px 10px 20px; font-size: 13px; font-weight: bold;}
			* html .kategorii li {display: inline;}
			*:first-child+html .kategorii li {display: inline;}
			
		.tovari li {display: -moz-inline-box; display: inline-block; width: 348px; text-align: left;}
			* html .tovari li {display: inline;}
			*:first-child+html .tovari li {display: inline;}
			
			.tovari img {float: left;}
			.tovari h3 {padding: 15px 10px 10px 150px; font: bold 17px Arial, Helvetica, sans-serif; color: #787878;}
			.tovari p {padding: 0 10px 20px 150px; position: relative;}
			
			.dalshe {text-align: right; padding-right: 30px;}
			.dalshe a {display: -moz-inline-box; display: inline-block; text-align: left; background: url(../images/button-1-C.gif) 0 0 repeat-x; height: 16px !important; line-height: 16px; font: normal 10px tahoma, Verdana, sans-serif; color: #ffffff; text-decoration: none; padding: 0;}
			.dalshe a:hover {text-decoration: none;}
				* html .dalshe a {display: inline;}
				*:first-child+html .dalshe a {display: inline;}
				.dalshe a span {display: -moz-inline-box; display: inline-block; background: url(../images/button-1-L.gif) 0 0 no-repeat; padding-left: 11px; height: 16px}
				* html .dalshe a span {display: inline;}
				*:first-child+html .dalshe a span {display: inline;}
				.dalshe a span span {background: url(../images/button-1-R.gif) right top no-repeat; padding-right: 29px; height: 16px}
				
			
			
	.navbar {width: 244px; float: left;}
		.m-2 {list-style: none; padding: 40px 0 20px; font-size: 18px; line-height: 25px;}
		.m-2 li {}
		.m-2 li a {color: #fefefe; text-decoration: none; margin-left: 62px; height: 36px; display: block;} 
		.m-2 li a:hover {color: #5f5f5f; text-decoration: none; margin-left: 0; padding-left: 62px; background: url(../images/h201.gif) 0 0 no-repeat;}
		
		.korzina {padding: 0 10px 25px 47px; margin-left: 49px; background: url(../images/korzina.gif) 0px 11px no-repeat; display: -moz-inline-box; display: inline-block; color: #dd6db0; font: 12px tahoma, Verdana, sans-serif;}
		.korzina:hover {text-decoration: none;}
			* html .korzina {display: inline;}
			*:first-child+html .korzina {display: inline;}
			
		.h202 {padding-left: 26px; background: url(../images/h201.png) 100% 0 no-repeat; font: bold 15px Arial, Helvetica, sans-serif; color: #ffffff; height: 36px; line-height: 25px;}
		
		.hit {padding: 5px 10px 30px; text-align: center; color: #ffffff;}
			.hit h4 {font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 10px;}
			.hit h4 a {color: #ffffff;}
			.hit-1 {width: 161px; height: 138px; display: block; margin: 0 auto; position: relative; margin-bottom: 9px;}
			.hit-1 img {width: 161px; height: 138px;}
			.hit-1 span {position: absolute; width: 161px; height: 138px; background: url(../images/img-2.png) 0 0 no-repeat; left: 0; top: 0;}
			
			
.footer {padding: 30px 47px; font: 10px tahoma, Verdana, sans-serif; color: #fefefe;}    
© TrueDev.org