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

           Title: Spalacze.pl
           Author: Pawel Wisniowski
		   		   
---------------------------------------------


		1. Resets
		2. Global
		3. Header
		4. Content
		5. Footer

/* 1. Resets
---------------------------------------------*/
*{margin:0;padding:0}html,body,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{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}


/* 2. Global
---------------------------------------------*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(img/header.png) repeat-x #fff;
	/*text-align: center;*/
	color: #000;
}
#container {
	width: 970px;
	background: #FFFFFF;
	margin:0 auto;
/*	text-align: left;*/
}
#cartbox {padding:20px 15px 15px 0px; border:4px dashed #99d6fc; width:615px; margin-left:60px;}
h1 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	text-align: center;
	color: #000;
}

h1.headline {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	font-size:35px;	text-align: center;
	line-height:35px;	color:#F00; margin:30px 20px;
	}
p {
	margin:20px 60px; line-height:18px;
	}
h2 {
	text-align:center; margin-top:40px;
	font-weight:bold; margin-bottom:40px; font-size:22px;
}

h3 {
	text-align:left;
	font-weight:bold;
	font-size:16px; margin-left:40px;
	width:680px;
}

a,a:link,a:visited{ color:#039;}
a:hover{ color:#06F;}
/* 3. Header
---------------------------------------------*/
#header {
	background:url(img/header.jpg) no-repeat;
	width:970px;
	height:137px;
}
	#header h1,#header h2 {
		margin-left:-3000em;
	}
	
	
/* 4. Content
---------------------------------------------*/
#content {
	width:764px;
	background:url(img/y.gif) repeat-y;
	margin:0 auto;
	/*text-align:center;*/
	padding:50px 0 50px 0;
}

ul.circledot{ width:650px; margin-left:40px; font-size:14px;}
ul.circledot li{ line-height:20px; margin:10px; background:transparent url(images/circledot.png) no-repeat 0px 10px; padding-left:16px;}

ol{ width:600px; margin-left:100px;font-size:14px;}
ol li{ line-height:20px;   padding-left:0px; margin-top:20px;}


ul.greencheck{ width:600px; margin-left:40px; line-height:20px; font-size:14px; margin-left:60px;}
ul.greencheck li{ line-height:20px; margin:15px; background:transparent url(images/greencheck.png) no-repeat 0px 10px; padding-left:35px; padding-top:5px;}
ul.greencheck li.bold{ color:#333; font-weight:bold;}

ul.greencheck2{ width:600px;  line-height:20px; font-size:14px; margin-left:20px;}
ul.greencheck2 li{ line-height:20px; margin:15px; background:transparent url(images/check2.png) no-repeat 0px 10px; padding-left:50px; padding-top:5px;}
ul.greencheck2 li.bold{ color:#333; font-weight:bold;}

ul.orangecheck{ width:600px; margin-left:40px; line-height:20px; font-size:14px; margin-left:60px;}
ul.orangecheck li{ line-height:20px; margin:15px; background:transparent url(images/orangecheck.png) no-repeat 0px 10px; padding-left:35px; padding-top:5px;}
ul.orangecheck li.bold{ color:#333; font-weight:bold;}


ul.bluecheck{ width:600px; margin-left:40px; line-height:20px; font-size:14px; margin-left:60px;}
ul.bluecheck li{ line-height:20px; margin:15px; background:transparent url(images/bluecheck.png) no-repeat 0px 10px; padding-left:35px; padding-top:5px;}
ul.bluecheck li.bold{ color:#333; font-weight:bold;}



.yellowbg{ background:#FF0;}
.red{ color:#a70202}

.blue{ color:#03F}
	.panel {
		display:block;
		width:625px;
		height:633px;
		margin:0 auto 22px auto;
		position:relative;
		background:url(img/x.gif) bottom repeat-x;
	}
		.panel_top1, .panel_top2, .panel_top3 {
			width:625px;
			height:72px;
			background:url(img/headers.png) no-repeat;
		}
			.panel_top2 {background-position:0 -72px;}
			.panel_top3 {background-position:0 -144px;}
			.panel h2 {	margin-left:-3000em;}	
		.panel img {
			margin-top:18px	
		}
		.panel_side_l,.panel_side_r {
			display:block;
			width:31px;
			height:561px;
			position:absolute;
			bottom:0;
			background:url(../img/panel_sides.png) no-repeat;
		}
			.panel_side_l {left:0;}
			.panel_side_r {right:0;background-position:-31px 0;}
/* 5. Footer
---------------------------------------------*/

#footer {
	background:url(img/header.jpg) 0 -137px no-repeat;
	display:block;
	width:961px;
	height:82px;
}