body {margin:0; padding:0; background-color:#f8fafb; background-image:url(img/bg.jpg); background-position:center top; background-repeat:no-repeat; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:12px; }

/*****************************************/ 
/*** Basic ***/  
/*****************************************/

a {margin:0; padding:0; outline: 0; color:#090909; text-decoration:none;}
a:hover {margin:0; padding:0; outline:0; color:#bebebe;}

img {outline:none;}

.red {color:#cd1210;}
.black { color:#000000;}
.blue {color:#004d8c;}
.darkgreen { color:#3f7104;}

.thin { font-weight:300;}
.normal { font-weight:400;}
.strong {font-weight:600;}
.black { font-weight:700;}

.pochyl {font-style:italic;}
.up {text-transform:uppercase;}
.cap {text-transform:capitalize;}
.size10 {font-size:10px;}
.size12 {font-size:12px;}
.size14 {font-size:14px;}
.size16 {font-size:16px;}
.size18 {font-size:18px;}
.size20 {font-size:20px;}
.h1 {font-size:20px;}
.size22 {font-size:22px;}
.size24 {font-size:24px;}
.size26 {font-size:26px;}
.size28 {font-size:28px;}
.size30 {font-size:30px;}
.size32 {font-size:32px;}
.size34 {font-size:34px;}
.size36 {font-size:36px;}
.size38 {font-size:38px;}
.size40 {font-size:40px;}
.size42 {font-size:42px;}

.shadow {-moz-box-shadow: 1px 1px 3px rgba(167,167,167,1.0); -webkit-box-shadow: 1px 1px 3px rgba(167,167,167,1.0); box-shadow: 1px 1px 3px rgba(167,167,167,1.0)}

/***************************  POZYCJONOWANIE *****************/

.nalewo {float:left;}
.naprawo {float:right;}
.clear {clear:both;}

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


/*****************************************/ 
/*** Layout ***/  
/*****************************************/


#top { margin:0 auto; padding:0; width:970px; text-align:center;}

#header { margin:0; padding:0; height:400px; text-align:center;}
	#header .txt { margin:110px 0 0 0; float:right; width:460px; height:110px; background-image:url(img/bg-txt.png); background-position:center 15px; background-repeat:no-repeat; line-height:36px; color:#ffffff; text-align:center;}
	#header .txt .btn { clear:both; }

#icons {margin:15px auto 10px auto; padding:0; clear:both; width:970px; overflow:hidden; text-align:center;}
	#icons .left, #icons .middle, #icons .right { margin:0; padding:0 0 0 90px; float:left; width:230px; background-position:left center; background-repeat:no-repeat; text-align:center;}
	#icons .left p, #icons .middle p, #icons .right p { font-size:16px; font-weight:400; color:#ffffff; text-align:center;}

	#icons .left {background-image:url(img/left.png); }	
	#icons .middle {background-image:url(img/middle.png);}	
	#icons .right {background-image:url(img/right.png);}	

			
#page { margin:0; padding:0; width:100%; background-image:url(img/bg-page.jpg); background-position:center top; background-repeat:no-repeat;}
	#page .pre { margin:0 auto; padding:70px 0 80px 0; width:970px; text-align:center;}
	#page .pre p {}
	#page .pre p.quota { padding:50px 130px 0 100px; width:590px; background-image:url(img/bg-quota.png); background-position:left top; background-repeat:no-repeat; text-align:left; font-size:14px; color:#757575;}
	
#content { margin:0; padding:0; width:100%; background-color:#fcfcfc;}
	#content .main { margin:0 auto; padding:0; width:970px; text-align:center;}	
			#content .main .banner, #content .main .opis { float:left; width:50%;}
			#content .main .opis { font-weight:400; font-size:14px; color:#636363; text-align:left;}
			
/* ************************************ SLIDER *************************************************** */			
			
#content .main .slider { margin:20px auto; width:970px; height:250px !important; clear:both; position: relative; overflow: auto; text-align:center; }
	#content .main .slider-container { display:block;}
	#content .main .slider-container .slider { position:relative; background-image:url(img/bg-slider.png); background-position:right top; background-repeat:no-repeat;}
	#content .main .slider-container .slider li { list-style: none; }
		#content .main .slider-container .slider ul li { float: left; }			
		#content .main .slider-container .slider ul li p { max-width:540px; line-height:22px; font-weight:400; font-style:italic; font-size:14px; color:#636363; text-align:left;}
		
		#content .main .slider-container .slider ol {  position:absolute; left:430px; bottom:0; }
		#content .main .slider-container .slider ol li { margin:10px; float:left; width:22px; height:22px; background-image:url(img/dot.jpg); background-position:left top; background-repeat:no-repeat; text-indent:9999px;}
		#content .main .slider-container .slider ol li.active { background-image:url(img/dot-active.jpg);}

/* ************************************ PRODUKT *************************************************** */
			
	#content .main .produkt { margin:0 40px 20px 0; float:left; overflow:hidden; width:280px; background-color:#232323;}	
	#content .main .produkt .thumb { margin:5px 0 0 5px; padding:8px; float:left; width:109px; height:109px; background-image:url(img/thumb.png); background-position:left top; background-repeat:no-repeat; border:none;}
	#content .main .produkt .thumb img { float:left;}	
	#content .main .produkt .title-container { padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#content .main .produkt .title-container h1 { margin:40px 10px 0 0; padding:0; font-weight:400; font-size:12px; color:#ffffff; text-align:right;}
	
	#content .main .produkt .opis { clear:both; width:100%;}	
	#content .main .produkt .opis ul { margin:25px 0 0 0; padding:0 20px; }
	#content .main .produkt .opis li { margin:0 0 25px 0; padding:0 0 0 20px; list-style-type:none; background-image:url(img/bg-produkt-li.png); background-position: left 3px; background-repeat:no-repeat; color:#ffffff;}
	
	#content .main .produkt .prod-foot { clear:both;}
	#content .main .produkt .prod-foot .price { margin:0 auto; padding:6px; width:200px; border:1px solid #c00200; line-height:22px; font-weight:600; font-size:22px; color:#c00200; text-align:center;}
	
	#content .main .produkt .prod-foot a.btn { margin:15px auto; display:block; max-width:200px; background-image:url(img/bg-btn.jpg); background-position:top; background-repeat:repeat-x; line-height:34px; font-weight:600; font-size:13px; color:#c00200; text-align:center; text-transform:uppercase;}
	#content .main .produkt .prod-foot a.btn:hover { color:#232323;}
	
	
	
	
		#content .main .produkt1 { margin:0 40px 20px 0; float:left; overflow:hidden; width:280px; background-color:#ffffff; border:4px solid #c00200;}	
	#content .main .produkt1 .thumb { margin:5px 0 0 5px; padding:8px; float:left; width:109px; height:109px; background-image:url(img/thumb1.png); background-position:left top; background-repeat:no-repeat; border:none;}
	#content .main .produkt1 .thumb img { float:left;}	
	#content .main .produkt1 .title-container { padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#content .main .produkt1 .title-container h1 { margin:40px 10px 0 0; padding:0; font-weight:400; font-size:12px; color:#232323; text-align:right;}
	
	#content .main .produkt1 .opis { clear:both; width:100%;}	
	#content .main .produkt1 .opis ul { margin:25px 0 0 0; padding:0 20px; }
	#content .main .produkt1 .opis li { margin:0 0 25px 0; padding:0 0 0 20px; list-style-type:none; background-image:url(img/bg-produkt-li-alter.png); background-position: left 3px; background-repeat:no-repeat; color:#232323;}
	
	#content .main .produkt1 .prod-foot { clear:both;}
	#content .main .produkt1 .prod-foot .price { margin:0 auto; padding:6px; width:200px; border:1px solid #c00200; line-height:22px; font-weight:600; font-size:22px; color:#c00200; text-align:center;}
	
	#content .main .produkt1 .prod-foot a.btn { margin:15px auto; display:block; max-width:200px; background-image:url(img/bg-btn.jpg); background-position:top; background-repeat:repeat-x; line-height:34px; font-weight:600; font-size:13px; color:#c00200; text-align:center; text-transform:uppercase;}
	#content .main .produkt1 .prod-foot a.btn:hover { color:#232323;}	
	
/* ************************************ FOOTER *************************************************** */

#footer-container { margin:20px 0 0 0; clear:both; overflow:hidden; background-image:url(img/bg-footer.jpg); background-position:center top; background-repeat:repeat-x; border:none;}
#footer { margin:60px auto 0 auto; padding:0; clear:both; width:970px; color:#002a4d; text-align:center;}

#footer ul { margin:0; padding:0; float:left;}	
#footer li { margin:0 15px 0 0; display:inline;}
#footer li a { padding:0 0 0 10px; font-size:12px; background-image:url(img/bg-footer-li.png); background-position:left center; background-repeat:no-repeat;}
#footer li a:hover { color:#c00200;}

#footer p { float:right;}
#footer p.copyright { margin:0 0 100px 0; text-align:right;}