/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =common
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
	color: #454545;
	font-family: "Trebuchet MS", "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 14px;
	background: #49c5ff url( '../i/bg.png' ) repeat-x 0 47px;
}

/* =forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form{
	margin: 10px;
}

	form fieldset{
		padding: 10px;
	}
	
		form fieldset legend{
			padding: 10px 0 5px 0;
			font-size: 150%;
		}
		
		form fieldset div.row{
			padding: 5px;
			clear: both;
		}
		
			form fieldset div.row label{
				padding-right: 5px;
				float: left;
				line-height: 1.5;
				text-align: right;
				width: 100px;
			}
		
			form fieldset div.row input,
			form fieldset div.row textarea,
			form fieldset div.row select
			{
				border: 1px solid #999;
				padding: 2px 3px;
				background: #fff;
			}
			
			form fieldset div.row ul{
				margin-left: 155px;
			}	
			
			form fieldset div.row input.focus,
			form fieldset div.row textarea.focus{
				border: 1px solid #999;
				padding: 2px 3px;
				background: #ffff88;
			}


			form fieldset div.incorrect input,
			form fieldset div.incorrect textarea,
			form fieldset div.incorrect select{
				border: 1px solid #f19d99;
				background: #ffc6c6;
			}

			form fieldset div.row span.required{
				border: 1px solid #0086c5;
				padding: 5px;
				background: #00a2ee;
				color: #f1f1f1;
				line-height: 1.3;
			}
			
			form fieldset div.required-error{
				background: #ffd5eb;
			}
			
				form fieldset div.required-error span{
					color: #ff53ad;
				}
		
		form fieldset p.submit{
			padding: 5px;
			/*clear: both;*/
		}
		
			input.btnSubmit,
			form fieldset div.submit input{
				margin-left: 100px;
				cursor: pointer;
			}

#mainWrapper{
	background: url( '../i/mainBg.png' ) no-repeat center 0;
	min-width: 960px;
}

	#mainWrapper #main{
		background: url( '../i/topBg.png' ) repeat-x 80px 0;
		min-width: 960px;
	}

		#mainWrapper #main #wrapper{
			margin: 0 auto;
			width: 960px;
			position: relative;
		}
		
			#mainWrapper #main #wrapper #smyk{
				width: 110px;
				height: 82px;
				text-indent: -9999px;
				background: url( '../i/smyk_logo.png' ) no-repeat 0 0;
				position: absolute;
				bottom: 60px;
				right: 40px;
			}
			
			#mainWrapper #main #wrapper #czuczu-button{
				width: 110px;
				height: 110px;
				text-indent: -9999px;
				background: url( '../i/konkurs.png' ) no-repeat 0 0;
				position: absolute;
				bottom: 40px;
				left: 40px;
			}
		
/* = logo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
		
			#wrapper #logo{
				position: relative;
			}
			
				#wrapper #logo a{
					width: 154px;
					height: 161px;
					display: block;
					text-indent: -9999px;
					background: url( '../i/logo.png' ) no-repeat center center;
					position: absolute;
					top: 30px;
					left: 25px;
				}
				
				#wrapper #logo span{
					width: 156px;
					height: 71px;
					display: block;
					text-indent: -9999px;
					background: url( '../i/text.png' ) no-repeat center center;
					position: absolute;
					top: 200px;
					left: 25px;
				}
				
				#subpage #logo span{
					top: 150px;
					left: 170px;
				}
				
/* = menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/				
			#wrapper #menu{
				position: absolute;
				top: 50px;
				right: 40px;
				background: url( '../i/menu.png' ) no-repeat 0 0;
			}
			
				#wrapper #menu li{
					padding: 0 0 5px 0;
				}
				
					#wrapper #menu li a{
						width: 111px;
						height: 25px;
						display: block;
						text-indent: -9999px;
					}
					
					#wrapper #menu li a.current{
					
					}

/* = carousels
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
			#products-carousel-wrapper{
				width: 588px;
				height: 478px;
				margin: 0 auto;
				padding-top: 60px;
			}

				#products-carousel-wrapper #products-carousel{
					margin: 0 auto;
					text-align: center;
					/*background: url( '../i/flash.png' );*/
					width: 588px;
					height: 478px;
				}
				
				
				
			#subpage #products-carousel-wrapper{
				padding-top: 20px;
				padding-left: 210px;
				width: 300px;
				height: 208px;
			}
			
				#subpage #products-carousel-wrapper #products-carousel{
					width: 300px;
					height: 208px;
					background: url( '../i/flash-small.png' );
				}

/* = content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
				
		#content{
			margin: 15px 25px 0;
			border-top: 2px dashed #fff;
			border-bottom: 2px dashed #fff;
			padding: 40px 80px;
			background: #0086c5;
			color: #fff;
			position: relative;
		}
		
			#content h2{
				margin-bottom: 40px;
				font-size: 60px;
			}
		
			#content p{
				line-height: 1.3;
				padding-bottom: 20px;
			}
			
			#content img{
				padding:15px;
			}
			
			#content a{
				color: #5eccff;
			}
			
			#content #btn-order-now{
				margin: 20px auto;
				width: 175px;
				height: 39px;
				display: block;
				background: url( '../i/btn-order-now.png' ) no-repeat 0 0;
				text-indent: -9999px;
			}
			
	#shop-wrapper{
		background: url( '../i/dashed.png' ) repeat-y 590px 0;
	}
			
/* = cart
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cart{
	position: absolute;
	top: 45px;
	right: 50px;
	background: url( '../i/cart-big.png' ) no-repeat center 60px;
	width: 160px;
}

	#cart  h3{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
	}
	
	#cart span#summary{
		margin-top: 7px;
		margin-bottom: 120px;
		font-weight: bold;
		display: block;
		text-align: center;
	}
	
	#cart dl{
		font-size: 11px;
	}
	
		#cart dl dt{
			padding: 10px 10px 0 10px;
			background: #007cb7;
		}
		
			#cart dl dt a{
				color: #fff;
				font-weight: bold;
			}
		
		#cart dl dd{
			margin-bottom: 10px;
			padding: 0 10px 10px 10px;
			background: #007cb7;
			
		}
		
			#cart dl dd ul{
				padding-top: 5px;
				color: #000;
			}
			
				#cart dl dd ul li{
					line-height: 1.3;
				}
				
					#cart dl dd ul li input{
						border: none;
						font-size: 10px;
						width: 20px;
					}
				
			#cart dl dd a{
				color: #ffe195;
			}
				
			#cart dl dd a.delete{
				float: right;
			}
			
	a#order{
		margin: 0 auto;
		display: block;
		width: 111px;
		height: 25px;
		text-indent: -9999px;
		background: url( '../i/btn-order.png' ) no-repeat 0 0;
	}
	
	#confirmDelete{
		border: 1px solid #46c3ff;
		background: #bef3ff;
		position: relative;
		zoom: 1;
	}
	
		#confirmDelete p{
			padding: 5px;
			color: #009dc8;
			text-align: center;
		}
		
			#cart #confirmDelete p a{
				color: #d70000;
				float: none;
				position: relative;
				zoom: 1;
			}
			
			#cart #confirmDelete #yes{
				font-size: 11px;
				font-weight: bold;
			}
			
			#cart #confirmDelete #no{
				color: #7d7d7d;
			}

/* = products list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
			
#content  div.product-info{
	margin: 25px 180px 0 0;
	border-top: 2px dashed #009de7;
	padding: 25px 0 0 0;
}

	#content div.product-info h4{
		font-weight: bold;
		font-size: 16px;
	}
		
		#content div.product-info h4 a{
			color: #fff;
		}
	
	#content div.product-info a.image-wrapper{
		margin: 0 30px 15px 0;
		width: 120px;
		float: left;
		text-align: center;
		color: #5eccff;
		background: url( '../i/img-bg.png' ) no-repeat center 0;
	}
	
		#content div.product-info a.image-wrapper img{
			margin: 10px auto 10px;
			padding: 0;
			display: block;
		}
		
		div.product-info a.image-wrapper span{
			line-height: 2.0;
		}
		
	#content div.product-info p{
		margin-left: 150px;
		padding: 0;
		font-size: 12px;
	}
	
	#content  div.product-info a.more{
		margin-left: 150px;
		color: #ffe195;
		display: block; 
	}
	
	#content  div.product-info ul{
		margin: 25px 0 0 150px;
	}
	
		#content  div.product-info ul li{
			margin-right: 15px;
			float: left;
			line-height: 25px;
		}
		
			#content div.product-info ul li p.exhausted{
				border: 1px solid #ec449b;
				margin: 0;
				padding: 5px;
				color: #ec449b;
				background:#fde8f3;
				
			}
		
			#content  div.product-info ul li strong{
				font-weight: bold;
				color: #5eccff;
			}
			
			#content  div.product-info ul li input{
				border: 1px solid #5eccff;
				width: 30px;
			}
			
			#content  div.product-info ul li a{
				width: 151px;
				height: 25px;
				background: url( '../i/btn-add-to-cart.png' ) no-repeat 0 0;
				display: block;
				text-indent: -9999px;
			}
			
/* = window - product details
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#window{
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	padding: 120px 60px 30px 60px;
	position: relative;
	background: #0086c5;
	
}

	#window #window-inner{
		/*padding: 120px 60px 30px 60px;
		width: 100%;
		height: 100%;
		overflow: auto;*/
		
	}
	
	#window #product-decription{
		max-height: 400px;
		overflow: auto;
	}

	#window h3{
		position: absolute;
		top: -60px;
		left: 50px;
		width: 118px;
		height: 124px;
		background: url( '../i/logo-small.png' ) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	#window img{
		margin: 0 40px 25px 0;
		float: left;
	}
	
	#window p{
		margin-left: 358px;
		padding-bottom: 20px;
		color: #fff;
	}
	
	#window p.centerText{
		margin: 0;
	}
	
		#window p.price strong{
			color: #5eccff;
			font-weight: bold;
		}
		
		#window p.price b{
			color: #000;
		}
	
	#window a{
		color: #fff;
		text-decoration: underline;
		display: block;
	}
	
div#product-details-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display: none;
	z-index: 30;
}
	
div#product-details-outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 120px 60px 30px;
	padding: 18px 18px 33px 18px;
    margin: 0;
    background: transparent;
    display: none;
}

div#product-details-wrap {
	text-align: left;
}

div#product-details-inner {
	position: relative;
	width:100%;
	height:100%;
	/*border: 1px solid #BBB;*/
	background: transparent;
}

div#product-details-content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#product-details-close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../i/jQuery.fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#product-details-ajax {
	/*padding-top: 50px;*/
	width: 100%;
	height: 100%;
	overflow: show;
}

div#product-details-title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#product-details-title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#product-details-title table {
	margin: 0 auto;
}

div#product-details-title table td {
	padding: 0;
	vertical-align: middle;
}
	
/* = order from
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#order-form{
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	margin: 0;
	padding: 20px;
	position: relative;
	background: #0086c5;
	width: 800px;
}

	#close-top{
		position: absolute;
		top: 20px;
		right: 20px;
		color: #fff;
		text-decoration: underline;
	}
	
	#close-bottom{
		position:absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
		text-decoration: underline;
	}

	#order-form label{
		color: #006594;
	}
	
	#order-form input{
		border: none;
	}

	#order-form h3{
		position: absolute;
		top: -40px;
		left: -30px;
		width: 118px;
		height: 124px;
		background: url( '../i/logo-small.png' ) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	#order-form h4{
		padding: 10px 0px 40px 80px;
		font-size: 30px;
		color: #fff;
	}
	
	#order-form table{
		margin-bottom: 5px;
		color: #fff;
		font-size: 12px;
		width: 100%;
	}
	
		#order-form table td,
		#order-form table th{
			padding: 3px;
			vertical-align: middle;
		}
	
		#order-form table thead{
			font-size: 12px;
			color: #54c8ff;
		}
		
			#order-form table thead th{
				text-align: center;
			}
			
			#order-form table tbody tr{
				background: #0086c5;
			}
			
			#order-form table tbody tr.odd{
				background: #000;
			}
			
				#order-form table tr td.toRight{
					text-align: right;
				}
				
				#order-form table tr td.toCenter{
					text-align: center;
				}
				
				#order-form table tbody tr td a{
					padding: 0px 5px;
					line-height: 1.3;
					background: #00adff;
					color: #fff;
				}
				
		#order-form table tfoot{
			font-size: 14px;
		}

	#order-form #orderSteps{
		height: 32px;
	}
	
	#order-form #deliveryCost{
		color: #006594;
		font-size: 14px;
		font-weight: bold;
	}

	#order-form #orderSteps li{
		padding-right: 3px;
		float: left;
		width: 176px;
		height: 32px;
		text-indent: -9999px;
		background: url( '../i/order-steps-short-inactive.png' ) no-repeat 0 0;
	}
	
	#order-form #orderSteps li.long{
		background: url( '../i/order-steps-inactive.png' ) no-repeat 0 0;
	}
	
		#order-form #orderSteps li a{
			width: 176px;
			height: 32px;
			display: block;
			text-indent: -9999px;
		}
		
		#order-form #orderSteps li#step-1{
			background-position: 0 0;
		}
		
		#order-form #orderSteps li#step-2{
			background-position: -179px 0;
		}
		
		#order-form #orderSteps li#step-3{
			background-position: -358px 0;
		}
		
		#order-form #orderSteps li#step-4{
			background-position: -537px 0;
		}
		
		#order-form #orderSteps li.current{
			background-image: url( '../i/order-steps-short.png' );
			background-repeat: no-repeat;
		}
		
		#order-form #orderSteps li.current.long{
			background: url( '../i/order-steps.png' ) no-repeat 0 0;
		}
	
	#order-form #order-form-data{
		background: #00adff;
	}
	
	#order-form #order-form-data #NIP,
	#order-form #order-form-data #company{
		display: none;
	}
	
	#order-form #order-form-data .submit{
	}
	
	#order-form #order-form-data .btnSubmit{
		margin: 10px auto 0;
		border: none;
		padding: 0;
		width: 151px;
		height: 25px;
		background: url( '../i/btn-send-order.png' ) no-repeat 0 0;
		display: block;
		text-indent: -9999px;
		cursor: pointer;
	}
	
	#order-form #order-form-data #order-loader{
		margin: 10px auto 0;
		border: none;
		padding: 0 0 0 30px;
		width: 230px;
		height: 25px;
		line-height: 25px;
		background: url( '../i/order-loader.gif' ) no-repeat 0 center;
		display: block;
		color: #dff4ff;
	}
	
	#order-form #controls{
		width: 400px;
	}
	
		
	
	#order-form #prevBtn{
		float: left;
		width: 151px;
		height: 25px;
	}
	
	#order-form #nextBtn{
		float: right;
		width: 151px;
		height: 25px;	
	}
	
		#order-form #prevBtn a,
		#order-form #nextBtn a{
			width: 151px;
			height: 25px;
			display: block;
			text-indent: -9999px;
		}
		
		#order-form #prevBtn a{
			background: url( '../i/btn-prev-step.png' ) no-repeat 0 0;
		}
	
		#order-form #nextBtn a{
			background: url( '../i/btn-next-step.png' ) no-repeat 0 0;
		}
	
	#order-form #controls{
		margin: 0 auto;
		padding: 5px 20px 0;
		width: 320px;
	}
	
		#order-form-data .row{
			width: 600px;
			margin: 0 auto;
		}
		 
			#order-form-data .row label{
				width: 150px;
			}

	#order-form #slider{
		width: 400px;
		border: 1px solid black;
	}

	#order-form #order-form-data > ul, #order-form-data > ul > li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#order-form #order-form-data > ul > li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 800px;
		height: 310px;
		overflow: hidden;
		margin: 0 auto;
	}	
	
	#order-form #order-form-data fieldset{
		width: 800px;
	}
	
	#order-form-data #thanks{
		padding: 40px 80px;
		color: #fff;
		text-align: center;
	}
	
		#order-form-data #thanks h2{
			font-size: 22px;
			padding-bottom: 40px;
		}

		#order-form-data #thanks p{
			font-size: 14px;
			padding-bottom: 20px;
		}
		
	
	.payments{
		padding: 5px 0 0 25px;
		font-size: 10px;
		color: #004a6f;
		line-height: 1.3;
	}
	
	div#order-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		display: none;
		z-index: 30;
	}
		
	div#order-outer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		padding: 10px 60px 30px;
		padding: 18px 18px 33px 18px;
		margin: 0;
		background: transparent;
		display: none;
	}

	div#order-wrap {
		text-align: left;
	}

	div#order-inner {
		position: relative;
		width:100%;
		height:100%;
		/*border: 1px solid #BBB;*/
		background: transparent;
	}

	div#order-content {
		margin: 0;
		z-index: 100;
		position: absolute;
	}

	div#order-close {
		position: absolute;
		top: -12px;
		right: -15px;
		height: 30px;
		width: 30px;
		background: url('../i/jQuery.fancybox/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		z-index: 181;
		display: none;
	}

	#order-ajax {
		/*padding-top: 50px;*/
		width: 100%;
		height: 100%;
		overflow: show;
	}

	div#order-title {
		position: absolute;
		bottom: -33px;
		left: 0;
		width: 100%;
		z-index: 100;
		display: none;
	}

	div#order-title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 3px;
	}

	div#order-title table {
		margin: 0 auto;
	}

	div#order-title table td {
		padding: 0;
		vertical-align: middle;
	}

	
/* = 404
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#error404{
	background: #58c1f2;
}

	#error404 #content{
		margin: 75px auto 0;
		padding: 180px 40px 20px;
		width: 600px;
		border-top: 2px dashed #fff;
		background: #0086c5;
		position: relative;
	}
	
		#error404 #content h1#logo{
			position: absolute;
			top: -40px;
			left: 240px
		}
		
			#error404 #content h1#logo a{
				width: 196px;
				height: 200px;
				display: block;
				text-indent: -9999px;
				background: url( '../i/logo-big.png' ) no-repeat center center;
			}
			
		#error404 #content h3{
			margin: 0 0 25px 0;
			text-align: center;
			font-size: 40px;
			color: #58c1f2;
		}
		
			#error404 #content h3 span{
				margin: 15px 0 0 0;
				display: block;
				color: #fff;
				font-size: 100px;
			}
		
		#error404 #content p{
			text-align: center;
			font-size: 20px;
		}
		
			#error404 #content p a{
				color: #ffe195;
			}
			
	
/* = subpage: How To Buy
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#how-to-buy{
	margin: 0 80px;
}

	#how-to-buy dt{
		clear: both;
		font-size: 20px;
	}
	
		#how-to-buy dt img{
			margin-right: 25px;
			float: left;
		}
		
	#how-to-buy dd{
		margin-left: 160px;
		padding-top: 20px;
		padding-bottom: 50px;
		font-size: 12px;
		line-height: 1.3;
	}
	
		#how-to-buy dd a{
			color: #fff;
			text-decoration: underline;
		}

/* = subpage: Contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
		
#contact{
	margin: 0 80px;
}

	#contact h3{
		padding: 0 0 0 125px;
		line-height: 83px;
		font-size: 40px;
		background: url( '../i/han-bright.png' ) no-repeat 0 0;
	}
	
	#contact p{
		margin-left: 125px;
	}
	
	#contact a{
		color: #fff;
		text-decoration: underline;
	}
	
#about{
	margin: 0 80px;
}	

	#about p{
		font-size: 12px;
	}

	#about img{
		margin: 0 auto;
		display: block;
	}

/* = for press
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#for-press{

}

		#for-press li{
			margin: 0 10px 10px 0;
			width: 230px;
			height: 270px;
			float: left;
			background: #66ceff;
		}
		
			#for-press li a{
				color: #0086c5;
			}
			
				#for-press li a img{
					margin: 0 auto 5px;
					display: block;
				}
			
				#for-press li a span{
					display: block;
					text-align: center;
				}
	
	
/* = footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer{
	margin-top: 25px;
	height: 41px;
	background: url( '../i/footer.png' ) no-repeat center bottom;
	color: #000;
    position: relative;
}

	#footer ul{
		padding-top: 20px;
		text-align: center;
		font-size: 11px;
	}
		
		#footer ul li{
			padding: 0 5px 0 0;
			display: inline;
		}
		
			#footer ul li a{
				color: #000;
			}
			
				#footer ul li a b{
					color: #a93c00;
					font-weight: bold;
				}
				
#sendToFriend{
	display: none;
}

#czuczu{
	width: 700px;
	height: 450px;
}

#movie{
	width: 500px;
	height: 275px;
	margin: 10px;
}

#viral{
	position: absolute;
	left: 40px;
	bottom: 170px;
	width: 112px;
	height: 94px;
	background: url( '../i/viral.png' ) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}

#czuczu1-3button{
	position: absolute;
	left: 40px;
	bottom: 70px;
	width: 109px;
	height: 82px;
	background: url( '../i/czuczu1-3button.png' ) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}

#rysowanki_button_nowosc3{
	position: absolute;
	left: 40px;
	bottom: 70px;
	width: 146px;
	height: 246px;
	background: url( '../i/rysowanki_button_nowosc3.png' ) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}

#empik{
	position: absolute;
	right: 50px;
	bottom: 162px;
	width: 110px;
	height: 82px;
	background: url( '../i/empik.png' ) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}

#facebook{
    display: block;
    width: 110px;
    height: 38px;
    background: url( '../i/facebook.png' ) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    right: 50px;
    bottom: 254px;
}

#contest{

}

	#contest h2{
		margin: 0 auto 40px;
		width: 280px;
		height: 102px;
		background: url( '../i/headContest.png' ) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	#contest #p-wrapper1{
		background: url( '../i/three_circles.png' ) no-repeat 0 0;
	}
	
	#contest #p-wrapper2{
		background: url( '../i/green_circle.png' ) no-repeat 0 0;
	}

	#contest img{
		margin: 0 auto;
		display: block;
	}
	
	#contest #print{
		margin: 0 auto;
		width: 132px;
		height: 38px;
		display: block;
		background: url( '../i/btnPrint.png' ) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	#contest #p-contact{
		margin: 0 auto;
		width: 300px;
		text-align: center;
		background: url( '../i/red_circle.png' ) no-repeat 0 0;
	}
	
	#contest #p1{
		padding: 5px 0 0 45px;
		line-height:1.0
	}
	
	#contest #p2{
		padding: 25px 0 0 65px;
		line-height:1.0
	}
	
	#contest #p3{
		padding: 15px 0 0 45px;
		line-height:1.0
	}
	
	#contest #p-prizes{
		padding: 15px 0 10px 55px;
	}
	
	#contest #prizes{
		padding: 0 80px;
	}
	
		#contest #prizes li{
			padding-bottom: 10px
		}


.widget_social{
	float:right;
	width:232px;
	height:420px; 
	background: url(../i/slider.png);
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top:170px;
	z-index:100;
}

#rysowanki-container{
    width:910px;
    height:1089px;
    margin-top:25px;
    margin-left: 25px;    
    background-repeat: no-repeat;
    background-color: white;
    margin-bottom:100px;
}

.rysowanki-main{
    background-image: url('../i/rysowanki/bg_rysowanki.jpg');
}

.rysowanki-bg_3-4{
    background-image: url('../i/rysowanki/bg_3-4.jpg');
}

.rysowanki-bg_4-5{
    background-image: url('../i/rysowanki/bg_4-5.jpg');
}

.rysowanki-bg_5-6{
    background-image: url('../i/rysowanki/bg_5-6.jpg');
}

.rysowanki-bg_6-7{
    background-image: url('../i/rysowanki/bg_6-7.jpg');
}

.rysowanki-img-set{
    background-image: url('../i/rysowanki/rysowanki-img-set.png');
    background-repeat: no-repeat;
}

#kreatywne-zabawy{
    position: absolute;
    left:55px;
    width:244px;
    height:231px;
}

#rysowanki-logo{
    background-position: -244px -83px;
    position: absolute;
    left:760px;
    margin-top:15px;
    width:146px;
    height:149px;
}

#rysowanki-logo-nowosc{
    background-position: 0px -543px;
    position: absolute;
    left:765px;
    margin-top:147px;
    width:139px;
    height:56px;
}

#na-czym-polega-zabawa{
    background-position: 0px -487px;
    position: absolute;
    left:80px;
    margin-top:590px;
    width:266px;
    height:18px;    
}

#zabawa-polega{
    position: absolute;
    left:80px;
    margin-top:610px;
    padding-right:60px;
}


#zabawa-polega p{
    margin-bottom:16px;
    font-size:16px;
    color:#023851;
}
#rysowanki-top-zamow-teraz{
    background-position: 0px -507px;
    position: absolute;
    left:620px;
    margin-top:340px;
    width:174px;
    height:37px;    
    text-indent: -9999px;
    display: block;
}

#rysowanki-zamow-teraz, #main-rysowanki-zamow-teraz{
    background-position: 0px -507px;
    position: absolute;
    left:380px;
    margin-top:235px;
    width:174px;
    height:37px;    
    text-indent: -9999px;
    display: block;
}
#main-rysowanki-zamow-teraz{
      margin-top:910px;  
}
#rysowanki-container .smyk-rysowanki{
				width: 110px;
				height: 82px;
				text-indent: -9999px;
				background: url( '../i/smyk_logo.png' ) no-repeat 0 0;
				position: absolute;
				bottom: 0px;
				right: 40px;    
}

.smyk-main{
				width: 110px;
				height: 82px;
				text-indent: -9999px;
				background: url( '../i/smyk_logo.png' ) no-repeat 0 0;
				position: absolute;
				bottom: 140px;
				right: 40px;    
}

#rysowanki-3-4-link, #rysowanki-4-5-link,#rysowanki-5-6-link, #rysowanki-6-7-link{
    display: block;
    position: absolute;
    width:210px;
    height:249px;    
    margin-top:328px;
    text-indent: -9999px;
}

#rysowanki-3-4-link{
    left:53px;
}

#rysowanki-4-5-link{
    left:261px;
}

#rysowanki-5-6-link{
    left:469px;
}
#rysowanki-6-7-link{
    left:678px;
}

#logo34{
    position: absolute;
    left:75px;
    margin-top: 175px;
    background-position: -244px 0px;
    width:82px;
    height:82px;
}

#logo45{
    position: absolute;
    left:75px;
    margin-top: 175px;
    background-position: -326px 0px;
    width:82px;
    height:82px;
}

#logo56{
    position: absolute;
    left:75px;
    margin-top: 175px;
    background-position: -244px -518px;
    width:82px;
    height:82px;
}

#logo67{
    position: absolute;
    left:75px;
    margin-top: 175px;
    background-position: -326px -518px;
    width:82px;
    height:82px;
}

#rysowanki-powrot{
    position: absolute;
    left:500px;
    margin-top: 340px;
    background-position: -148px -564px;
    width:96px;
    height:37px;
    text-indent: -9999px;
    display: block;    
    
}

#rysuj34{
    position: absolute;
    left:500px;
    margin-top: 403px;
    background-position: 0px -398px;
    width:360px;
    height:17px;   
}

#rysuj45{
    position: absolute;
    left:500px;
    margin-top: 403px;
    background-position: 0px -415px;
    width:360px;
    height:17px;   
}

#rysuj56{
    position: absolute;
    left:500px;
    margin-top: 403px;
    background-position: 0px -433px;
    width:360px;
    height:17px;   
}

#rysuj67{
    position: absolute;
    left:500px;
    margin-top: 403px;
    background-position: 0px -451px;
    width:360px;
    height:17px;   
}


#rysuj-tresc34, #rysuj-tresc67, #rysuj-tresc45, #rysuj-tresc56{
    position: absolute;
    left:25px;
    margin-top:430px;
    width:910px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom:419px;
    margin-bottom:40px;
}
#rysuj-tresc34{
    background-image: url('../i/rysowanki/bg_3-4_bottom.jpg');
}
#rysuj-tresc45{
    background-image: url('../i/rysowanki/bg_4-5_bottom.jpg');
}
#rysuj-tresc56{
    background-image: url('../i/rysowanki/bg_5-6_bottom.jpg');
}
#rysuj-tresc67{
    background-image: url('../i/rysowanki/bg_6-7_bottom.jpg');
}


#tresc{
    margin-left:477px;    
    padding-right:40px;
}

#tresc p{
    margin-bottom:16px;
    font-size:16px;
    color:#023851;    
}

#przykladowe-karty{
    position: absolute;
    left:477px;
    background-position: 0px -470px;
    width:215px;
    height:18px;   
}

#magiczne-inlustracje{
    position: absolute;
    left:125px;
    margin-top: 668px;
    background-position: 0px -231px;
    width:349px;
    height:167px;     
}

.czuczu{
    padding-left:24px;
    
}

.czuczu #mp-top{
    background-image: url('../i/czuczu/mp-top.png');
    width:910px;
    height:608px;
}

.czuczu #mp-top #czuczu-7-8-link, .czuczu #mp-top #czuczu-8-9-link, .czuczu #mp-top #czuczu-9-10-link{
    display:block;
    position: absolute;
    width:138px;
    height:380px;
    margin-top:202px;
    text-indent: -9999px;
}
 
.czuczu #mp-top #czuczu-7-8-link{
    left: 240px;   
}

.czuczu #mp-top #czuczu-8-9-link{
    left: 430px;   
}

.czuczu #mp-top #czuczu-9-10-link{
    left: 580px;   
}

.czuczu #mp-top #czuczu-2-3-link, .czuczu #mp-top #czuczu-3-4-link, .czuczu #mp-top #czuczu-4-5-link, .czuczu #mp-top #czuczu-5-6-link{
    display:block;
    position: absolute;
    width:138px;
    height:380px;
    margin-top:200px;
    text-indent: -9999px;
}
 
.czuczu #mp-top #czuczu-2-3-link{
    left: 154px;   
}

.czuczu #mp-top #czuczu-3-4-link{
    left: 326px;   
}

.czuczu #mp-top #czuczu-4-5-link{
    left: 497px;   
}

.czuczu #mp-top #czuczu-5-6-link{
    left: 668px;   
}

.czuczu #mp-top #mp-7-10-img{
    margin-left:220px;
    margin-top:200px;
}
.czuczu #mp-top #mp-2-6-img{
    margin-left:134px;
    margin-top:200px;
}

.czuczu #mp-middle{
    background-color: white;
    width:910px;
}

.czuczu #mp-middle p{
    margin-left:60px;
    color:#023851;
    font-size:16px;
    margin-right:60px;    
    line-height: 1.3;
    margin-bottom:10px;    
}
.czuczu #mp-middle img{
    margin-top:30px;
    margin-left:128px;
}

.czuczu #mp-bottom{
    background-image: url('../i/czuczu/mp-bottom.png');
    width:910px;
    height:218px;
}
.czuczu #mp-bottom .empik-logo{
    margin-left:520px;
    margin-top:110px;
}
.czuczu #order-mp, .czuczu #order-zc{
    background-position: 0px -507px;
    text-indent: -9999px;
    display: block;
    width:174px;
    height:37px;    
    position: absolute;
}



.czuczu #mp-top #order-mp{
    left:380px;
    margin-top:150px;
}

.czuczu #mp-bottom #order-mp{
    left:380px;
    margin-top:25px;
}

.czuczu #mp-bottom .smyk-mp-logo, .czuczu #zc-bottom .smyk-zc-logo{
    width: 132px;
    height: 86px;
    float:right;
    margin-top:110px;
    margin-right:110px;
    text-indent: -9999px;
    background: url( '../i/czuczu/smyk-logo.png' ) no-repeat 0 0;
}

.czuczu .zc-top-23{
    background-image: url('../i/czuczu/zc23-top.jpg');
}
.czuczu .zc-top-34{
    background-image: url('../i/czuczu/zc34-top.jpg');
}
.czuczu .zc-top-45{
    background-image: url('../i/czuczu/zc45-top.jpg');
}
.czuczu .zc-top-56{
    background-image: url('../i/czuczu/zc56-top.jpg');
}
.czuczu .zc-top-78{
    background-image: url('../i/czuczu/zc78-top.jpg');
}
.czuczu .zc-top-89{
    background-image: url('../i/czuczu/zc89-top.jpg');
}
.czuczu .zc-top-910{
    background-image: url('../i/czuczu/zc910-top.jpg');
}




.czuczu #zc-top #zc-middle-content{
        margin-left:474px;
        margin-top:246px;
        width:377px;
}
.czuczu #zc-top{
        width:910px;
        background-repeat: no-repeat;
        background-color: #ffffff;
        padding-bottom:50px;
}
.czuczu #zc-top #zc-middle-content p{
    color:#023851;
    font-size:16px;      
    line-height: 1.3;
    margin-bottom:10px;
}

.czuczu #zc-top #zc-middle-content img{
    margin-top:50px;
    margin-bottom:30px;
    
}

.czuczu #back-zc{
    position: absolute;
    background-position: -148px -564px;
    width:96px;
    height:37px;
    text-indent: -9999px;
    display: block;    
}

.czuczu #zc-bottom{
    width:910px;
    height:200px;    
}

.czuczu #zc-top #order-zc{
    left:370px;
    margin-top:160px;
}


.czuczu #zc-top #back-zc{
    left:560px;
    margin-top:160px;
}


.czuczu #zc-bottom #order-zc{
    left:423px;
    margin-top:-30px;
}


.czuczu #zc-bottom #back-zc{
    left:463px;
    margin-top:20px;
}
.czuczu .zc-bottom-23{
    background-image: url('../i/czuczu/zc78-bottom.png');
}
.czuczu .zc-bottom-34{
    background-image: url('../i/czuczu/zc78-bottom.png');
}
.czuczu .zc-bottom-45{
    background-image: url('../i/czuczu/zc78-bottom.png');
}
.czuczu .zc-bottom-56{
    background-image: url('../i/czuczu/zc78-bottom.png');
}

.czuczu .zc-bottom-78{
    background-image: url('../i/czuczu/zc78-bottom.png');
}
.czuczu .zc-bottom-89{
    background-image: url('../i/czuczu/zc89-bottom.png');
}
.czuczu .zc-bottom-910{
    background-image: url('../i/czuczu/zc910-bottom.png');
}

.czuczu #zc-bottom .empik-logo{
    margin-left:580px;
    margin-top:90px;
}

.czuczu #zc-bottom .smyk-zc-logo{
    margin-top:90px;
    margin-right:40px;    
}