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;}

.green {color:#6fae09;}
.dark { color:#2e3138;}
.blue {color:#004d8c;}
.darkgreen { color:#3f7104;}
.orange { color:#f46200;}

.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;}
.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)}
.shadow1 {-moz-box-shadow: 1px 1px 3px rgba(29,68,104,0.2); -webkit-box-shadow: 1px 1px 3px rgba(29,68,104,0.2); box-shadow: 1px 1px 3px rgba(29,68,104,0.2)}
.shadow2 {-moz-box-shadow: 1px 1px 3px rgba(1,9,19,0.5); -webkit-box-shadow: 1px 1px 3px rgba(1,9,19,0.5); box-shadow: 1px 1px 3px rgba(1,9,19,0.5)}
.shadow-double {-moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6); -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6); box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6);}

/***************************  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;}

#top #language-bar { margin:0; padding:0; clear:both;}
	#top #language-bar ul { float:right;}
		#top #language-bar	ul li { padding:0 5px; float:left; list-style-type:none; opacity:0.7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
		#top #language-bar	ul li:hover { opacity:1.0;}
		#top #language-bar	ul li.inactive {opacity:0.6}
		#top #language-bar	ul li.inactive:hover {opacity:0.6}

#header { margin:0; padding:0; height:400px; text-align:center;}
	#header-left { float:left;}
		#header-left .logo { margin:15px 0 0 0; padding:0 5px; float:left; background-image:url(img/bg-topmenu.jpg); background-position:top; background-repeat:repeat-x;}
		#header-left .topmenu { margin:15px 0 0 0; float:left; background-image:url(img/bg-topmenu.jpg); background-position:top; background-repeat:repeat-x;}			
		#header-left .topmenu ul { margin:0; padding:0; list-style-type:none; text-align:left;}		
		#header-left .topmenu ul li { margin:0; padding:0 30px; background-image:url(img/bg-topmenu-li.png); background-position:left bottom; background-repeat:no-repeat; float:left; font-weight:600; font-size:13px;}		
		#header-left .topmenu ul li a { margin:0; padding:0; display:block; line-height:69px; height:69px; color:#00122f; text-decoration:none; text-transform:uppercase; text-align:center;}
		#header-left .topmenu ul li a:hover { color:#fd4f3f;}
		
		#header-left .txt { margin:110px 0 0 0; clear:both; width:700px; height:110px; line-height:25px; color:#ffffff; text-align:right;}
		#header-left .txt .btn { clear:both; }
		
	#header-right { float:right;}
		#header-right .featured-block { margin:20px 0 0 0; width:220px; height:340px; background-color:#ffffff;}
		#header-right .featured-block h1 { margin:0; line-height:60px; font-weight:600; font-size:22px; color:#232323; text-transform:uppercase; text-align:center;}
		#header-right .featured-block img { padding:6px; border:1px solid #c8d6e4;}				
		#header-right .featured-block p { line-height:24px; font-weight:400; font-size:12px; color:#2e3138; text-align:center;}
		#header-right .featured-block .btn { padding:5px 20px; line-height:32px; font-weight:600; font-size:14px; color:#293900; background-image:url(img/bg-featured-btn.jpg); background-position:top; background-repeat:repeat-x; text-transform:uppercase; text-shadow:1px 1px 1px #bdff3e;}
		#header-right .featured-block .btn:hover {background-image:url(img/bg-featured-btn-hover.jpg);}

#icons {margin:15px auto 3px auto; padding:0; clear:both; width:970px; max-height:82px; overflow:hidden; background-image:url(img/bg-icons.jpg); background-position:top; background-repeat:repeat-x; border-top:1px solid #eff1f3; text-align:center;}
	#icons .left, #icons .middle, #icons .right { margin:0; padding:0 0 0 82px; 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:#051622; text-align:center;}

	#icons .left {background-image:url(img/left.png); }	
	#icons .middle {background-image:url(img/middle.png); border-left:1px solid #dbdbdb;}	
	#icons .right {background-image:url(img/right.png); border-left:1px solid #dbdbdb;}	

			
#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 { font-weight:300; font-size:14px; text-align:left;}
	#page .pre ul { margin:0; padding:0;}
	#page .pre ul li { margin:0 0 20px 0; padding:0 0 0 30px; list-style-type:none; background-image:url(img/bg-produkt-li.png); background-position: left 5px; background-repeat:no-repeat; line-height:24px; font-weight:400; font-size:14px; color:#2e3138; text-align:left;}

	
#content { margin:0; padding:0; width:100%; background-color:#f8fafc; background-image:url(img/bg-content.jpg); background-position:top; background-repeat:repeat-x;}
	#content .main .squares { margin:0 auto; padding:0; clear:both; display:block; width:920px; text-align:center;}

		#content .main .squares .square1, #content .main .squares .square2, #content .main .squares .square3 { margin:50px 25px; padding:160px 0 0 0; float:left; position:relative; width:255px; height:95px; font-weight:600; font-size:21px;}

		#content .main .squares .square1 { background-image:url(img/square1.png); background-position:center top; background-repeat:no-repeat;}
		#content .main .squares .square2 { background-image:url(img/square2.png); background-position:center top; background-repeat:no-repeat;}
		#content .main .squares .square3 { background-image:url(img/square3.png); background-position:center top; background-repeat:no-repeat;}				
		#content .main .squares .square1 p, #content .main .squares .square2 p, #content .main .squares .square3 p { line-height:22px; text-align:center;}		
		#content .main .squares .square3 p { text-shadow:1px 1px 1px #bdff3e;}	


	#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;}
			
	#content .main2 { padding:30px 0; clear:both; overflow:hidden; background-image:url(img/bg-main2.jpg); background-repeat:no-repeat; background-position:center top;}			
	#content .main2 .tables { margin:0 auto; width:840px; text-align:center;}
	
	
/* ------------------------------------------------------------------------------------------------ */

body#order { background-image:url(img/bg-order.jpg); background-position:center top; background-repeat:no-repeat;}
#order-form { margin:0 auto; text-align:center;}		

	
/* ************************************ TABELKA *************************************************** */

	/* TABELKA LEWO */
			
	#content .main2 .tabelka-lewo { margin:55px 0; float:left; overflow:hidden; width:280px; height:480px; background-color:#ffffff; -moz-box-shadow: inset -3px 0px 5px 0px rgba(189,205,222,0.75); -webkit-box-shadow: inset -3px 0px 5px 0px rgba(189,205,222,0.75); box-shadow: inset -3px 0px 5px 0px rgba(189,205,222,0.75);}	
	#content .main2 .tabelka-lewo .prod-top { margin:0; padding:0; background-color:#f6f9fc; background-image:url(img/bg-tabelka-lewo.jpg); background-position:right; background-repeat:repeat-y; border-bottom:1px solid #d1dce8;}
	#content .main2 .tabelka-lewo .prod-top h1 { margin:5px 0; padding:0; clear:both; font-weight:400; font-size:22px; color:#2e3138; text-align:center;}
	#content .main2 .tabelka-lewo .prod-top .thumb { margin:5px auto; padding:6px; clear:both; width:160px; height:110px; background-color:#ffffff; border:1px solid #c8d6e4; text-align:center;}
	#content .main2 .tabelka-lewo .prod-top .thumb img { float:left; width:100%; height:100%; background-color:#ffffff;}	
	#content .main2 .tabelka-lewo .prod-top .price { margin:5px auto; line-height:24px; font-weight:600; font-size:24px; color:#2e3138; text-align:center;}	
	#content .main2 .tabelka-lewo .prod-top p { padding:0 10px; font-size:12px; color:#8996a0; text-align:center;}
	
	#content .main2 .tabelka-lewo .prod-foot { margin:0; padding:0; clear:both;}
	#content .main2 .tabelka-lewo .prod-foot p { line-height:30px;}
	#content .main2 .tabelka-lewo .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:32px; font-weight:600; font-size:13px; color:#293900; text-shadow:1px 1px 1px #bdff3e; text-align:center; text-transform:uppercase;}
	#content .main2 .tabelka-lewo .prod-foot a.btn:hover { color:#232323;}	
	
	/* TABELKA MIDDLE */
	
	#content .main2 .tabelka-middle { margin:0; float:left; overflow:hidden; width:280px; height:550px; background-color:#ffffff;}	
	#content .main2 .tabelka-middle .prod-top { margin:0; padding:0; height:299px; background-color:#f6f9fc; border-bottom:1px solid #d1dce8;}
	#content .main2 .tabelka-middle .prod-top h1 { margin:5px 0; padding:0; clear:both; font-weight:400; font-size:22px; color:#2e3138; text-align:center;}
	#content .main2 .tabelka-middle .prod-top .thumb { margin:5px auto; padding:6px; clear:both; width:160px; height:110px; background-color:#ffffff; border:1px solid #c8d6e4; text-align:center;}
	#content .main2 .tabelka-middle .prod-top .thumb img { float:left; width:100%; height:100%; background-color:#ffffff;}	
	#content .main2 .tabelka-middle .prod-top .price { margin:5px auto; line-height:24px; font-weight:600; font-size:24px; color:#2e3138; text-align:center;}	
	#content .main2 .tabelka-middle .prod-top p { padding:0 10px; font-size:12px; color:#8996a0; text-align:center;}
	
	#content .main2 .tabelka-middle .prod-foot { margin:0; padding:0; clear:both;}
	#content .main2 .tabelka-middle .prod-foot p { line-height:30px;}
	#content .main2 .tabelka-middle .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:32px; font-weight:600; font-size:13px; color:#293900; text-shadow:1px 1px 1px #bdff3e; text-align:center; text-transform:uppercase;}
	#content .main2 .tabelka-middle .prod-foot a.btn:hover { color:#232323;}			

	/* TABELKA PRAWO */	
	
	#content .main2 .tabelka-prawo { margin:55px 0; float:left; overflow:hidden; width:280px; height:480px; background-color:#ffffff; -moz-box-shadow: inset 3px 0px 5px 0px rgba(189,205,222,0.75); -webkit-box-shadow: inset 3px 0px 5px 0px rgba(189,205,222,0.75); box-shadow: inset 3px 0px 5px 0px rgba(189,205,222,0.75);}	
	#content .main2 .tabelka-prawo .prod-top { margin:0; padding:0; background-color:#f6f9fc; background-image:url(img/bg-tabelka-prawo.jpg); background-position:left; background-repeat:repeat-y; border-bottom:1px solid #d1dce8;}
	#content .main2 .tabelka-prawo .prod-top h1 { margin:5px 0; padding:0; clear:both; font-weight:400; font-size:22px; color:#2e3138; text-align:center;}
	#content .main2 .tabelka-prawo .prod-top .thumb { margin:5px auto; padding:6px; clear:both; width:160px; height:110px; background-color:#ffffff; border:1px solid #c8d6e4; text-align:center;}
	#content .main2 .tabelka-prawo .prod-top .thumb img { float:left; width:100%; height:100%; background-color:#ffffff;}	
	#content .main2 .tabelka-prawo .prod-top .price { margin:5px auto; line-height:24px; font-weight:600; font-size:24px; color:#2e3138; text-align:center;}	
	#content .main2 .tabelka-prawo .prod-top p { padding:0 10px; font-size:12px; color:#8996a0; text-align:center;}
	
	#content .main2 .tabelka-prawo .prod-foot { margin:0; padding:0; clear:both;}
	#content .main2 .tabelka-prawo .prod-foot p { line-height:30px;}
	#content .main2 .tabelka-prawo .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:32px; font-weight:600; font-size:13px; color:#293900; text-shadow:1px 1px 1px #bdff3e; text-align:center; text-transform:uppercase;}
	#content .main2 .tabelka-prawo .prod-foot a.btn:hover { color:#232323;}			


/* ************************************ PRODUKT *************************************************** */
			
	#content .main .comment { margin:50px 0; clear:both; overflow:hidden; width:100%; background:none;}	
	#content .main .comment .thumb { margin:0; float:left; width:265px; height:250px;}
	#content .main .comment .thumb .thumb-border { margin:0; padding:8px 6px; clear:both; width:250px; height:180px; border:1px solid #8996a0;}	
	#content .main .comment .thumb img { margin:0; padding:0; float:left; width:100%; height:100%; background-color:#ffffff;}	
	#content .main .comment .thumb .name { margin:10px 0; clear:both; overflow:hidden; width:263px; border:1px solid #8996a0; line-height:40px; font-weight:600; font-size:16px; color:#051622; text-transform:uppercase;}
	#content .main .comment .opis { float:right; position:relative; width:680px;}	
		#content .main .comment .opis .title-container { clear:both; display:block;}
		#content .main .comment .opis .title-container .belka { margin:0; padding:0; height:39px; background-image:url(img/bg-comment-title.jpg); background-position:top; background-repeat:repeat-x;}
		#content .main .comment .opis .title-container h1 { padding:10px 30px; position:absolute; left:10px; top:0; max-width:250px; background-color:#f8fafc; background-image:url(img/bg-comment-title-h1.jpg); background-position:top; background-repeat:repeat-x; border:1px solid #dee5eb; border-bottom:none; font-weight:400; font-size:14px; color:#051622; text-transform:uppercase;}
		#content .main .comment .opis p { margin:20px 0; background-image:url(img/bg-comment-p.png); background-position:right bottom; background-repeat:no-repeat; line-height:22px; font-weight:400; font-size:12px; color:#2e3138;}
		
		
/* ************************************ SECURE GUARANTEE *************************************************** */

	#content .main .secure-guarantee h1 { font-weight:600; font-size:34px; color:#f4530e; text-align:center; text-transform:uppercase; }
	#content .main .secure-guarantee p { line-height:22px; font-weight:400; font-style:italic; font-size:13px; color:#2e3138; text-align:left;}
	
	
/* ************************************ BUTTON ORDER *************************************************** */	

	#content .main .btn-order-container { margin:50px 0; padding:30px 0; width:970px; height:40px; -moz-box-shadow: inset 0px 3px 5px 0px rgba(0,69,93,0.15); -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,69,93,0.15); box-shadow: inset 0px 3px 5px 0px rgba(0,69,93,0.15);}
	
	#content .main .btn-order-container .btn { margin:0 auto; padding:15px; width:570px; height:40px; overflow:hidden; background-image:url(img/bg-btn-order.jpg); background-position:top; background-repeat:repeat-x; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center;}
		#content .main .btn-order-container .btn .btn-inner { height:40px; background-image:url(img/bg-btn-inner-order.jpg); background-position:top; background-repeat:repeat-x;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
		#content .main .btn-order-container .btn .btn-inner a { display:block; background-image:url(img/bg-btn-icon.png); background-position:15px 2px; background-repeat:no-repeat; font-weight:600; font-size:28px; color:#f46200; text-shadow:1px 1px 1px #fffbee; text-transform:uppercase; text-decoration:none;}
		#content .main .btn-order-container .btn .btn-inner a:hover { color:#ff8737;}

/* ************************************ 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:#8996a0; 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; color:#f46200; background-image:url(img/bg-footer-li.png); background-position:left center; background-repeat:no-repeat;}
#footer li a:hover { color:#ff7e00;}

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