body {
font-family: Verdana; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
line-height: normal; 
text-align: left; 
text-decoration: none; 
color: #fff; 
font-size: 13px;
background-color: #221e1f;
margin: 0;
padding: 13px;
}

#cookies-info {width:100%; position:fixed; bottom: 0;padding-bottom: 15px; margin-bottom: 0px; background-color: #383133; z-index:1}
#cookies-info h1 {margin: 0; padding: 10px 50px; font-size: 18px; font-weight: normal; width: 900px; background-color:#383133}
#cookies-info p {font-size: 11px; padding: 0 50px; margin: 0; width: 900px}
#cookies-info .cookies-close {display: block; float: right; margin: 10px 50px 0 0}
	
/*================= USTAWIENIA STRONKI ================*/
.galeria_opakowania {padding: 5px; width:300px;}
p {display: block; margin: 10px auto; width: 950px;line-height:20px;}
p.blocked {width: auto}
ol {display: block; margin: 10px auto; width: 950px;}
ol li {text-align:justify;line-height:20px;}
a {color: #fff; text-decoration: underline}
a:hover {text-decoration: none}
a.contact {font-size: 11px; color: #221e1f}
a img {
	border: 0;
	}
.header {background: #221e1f; width: 100%;
	height: 90px;margin: 0;
	padding: 0;}
.header .logo { margin: 0 auto; display: block; text-align:center; width: 280px; margin-top:10px}
.header .winosfera { float: right; margin: 0 auto; display: block; position: absolute; right: 20px; top: 20px; z-index: 3}
.page {
	width: 100%;
	background: url('../gfx/bg.gif') top left #5a5944;
	padding: 0;
	margin: 0;
	display: block;
	}
	
#head {
	display: block;
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url('../gfx/head_logo.gif') center center no-repeat #221e1f;
	}
#head_right {
	display: block;
	
	width: 240px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url('../gfx/winosfera_logo.gif') center center no-repeat #221e1f;
	}
	
#sides {
	border: 0;
	padding: 0;
	margin: 15px 0;
	width: 100%;
	}
	
/*================= FORMATOWANIE TEKSTU ================*/
	
h1 {
	display: block;
	font-size: 30px; 
	font-weight: normal;
	font-variant: small-caps;
	background-color: #221e1f;
	padding: 5px 25px;
	margin: 10px auto;
	width: 930px;
	}	
h2 {
	display: block;
	font-size: 24px;
	font-weight: normal;
	font-variant: small-caps;
	text-align: center;
	margin: 8px;
	padding-top: 35px
	}
.blocked {
	display: block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	font-variant: small-caps;
	padding: 5px 10px;
	margin: 1px 0 1px 1px;
	background-color: #221e1f;
	height: 22px;
	line-height: 22px;
	}
a.blocked {
	color: #fff;
	text-decoration: none;
	}
a.blocked:hover {
	color: #5a5944;
	}
input.blocked {
	border: 0px solid;
	color: #fff;
	height: 32px;
	padding: 0;
	width: 100px;
	text-align: center;
	}
.blocked-abs {
	display: block;
	font-size: 13px;
	font-weight: normal;
	font-variant: small-caps;
	padding: 3px 8px;
	background-color: #221e1f;
	position: absolute;
	height: 16px;
	width: 180px;
	line-height: 16px;
	margin-top: 10px;
	text-align: center;
	}
a.blocked-abs {
	color: #fff;
	text-decoration: none;
	}
a.blocked-abs:hover {
	color: #5a5944;
	}
.prod-blocked {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	padding: 3px 0;
	margin: 0 0 5px 0;
	background-color: #221e1f;
	line-height: 10px;
	width: 100%;
	height:20px;
	overflow: hidden;
	}
.prod-price {
	padding: 0;
	margin: 0;
	font-size: 10px;
	text-align: center;
	width: 100%;
	float: left;
	overflow: visible;
	}
.prod-additional {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	padding: 3px 0;
	margin: 0 0 5px 0;
	background-color: #221e1f;
	line-height: 10px;
	width: 100%;
	height:30px;
	overflow: hidden;
	}
.prod-additional a {
	color: #fff;
	text-decoration: none;
	line-height: 16px;
}
.prod-additional a:hover {
	text-decoration: underline
}
/*================= LEWY PANEL ================*/

#sides .side_left {
	margin: 10px 0;
	padding: 0 10px;
	border-right: 2px solid #221e1f;
	}
#sides .side_left .steps {
	display: block;
	border: 1px solid #221e1f;
	padding: 0;
	margin: 0 auto;
	height: 34px;
	clear: both;
	width: 978px;
	}
#sides .side_left .wino_browse {
	display: block;
	margin: 15px auto;
	padding: 0;
	width: 712px;
	clear: both;
	overflow: visible;
	}
#sides .side_left .wino_browse .browser {
	display: block;
	height: 275px;
	width: 610px;
	margin: 5px auto;
	padding: 0;
	float: left;
	overflow: hidden;
	}
#sides .side_left .wino_browse .low {height: 220px}
#sides .side_left .wide {width: 920px}
#sides .side_left .wino_browse .browser .scroller {
	display: block;
	height: 252px;
	margin: 0;
	padding: 0;
	overflow: visible;
	}
#sides .side_left .wino_browse .wide {width: 815px}
#sides .side_left .wino_browse .browser .produkt {
	display: block;
	border: 1px solid #221e1f;
	text-align: center;
	float: left;
	padding: 0 0 2px 0;
	margin: 3px 2px;
	background-color: #5a5944;
	width: 96px;
	overflow: hidden;
	}
#sides .side_left .wino_browse .browser .produkt.wide {width: 180px}	
	
	
#sides .side_left .wino_browse .browser .produkt a, #sides .side_left .wino_browse .browser .produkt a img {
	padding: 0;
	margin: 0;
	border: 0;
	} 
#sides .side_left .wino_browse a.arr_left {
	display: block;
	height: 110px;
	width: 50px;
	background: url('../gfx/arr_left.gif') top left no-repeat;
	float: left;
	margin: 65px 0 0 0;
	}
#sides .side_left .wino_browse a.arr_right {
	display: block;
	height: 110px;
	width: 50px;
	background: url('../gfx/arr_right.gif') top left no-repeat;
	float: left;
	margin-top: 65px;
	}
#sides .side_left .wino_browse a.arr_left:hover, #sides .side_left .wino_browse a.arr_right:hover {
	background-position: top right;
	}
	
#formularz {
	display: block;
	width: 650px;
	margin: 10px auto;
	padding: 0;
	overflow: visible;
	}
.formRow {
	display: block;
	width: 535px;
	margin: 1px auto;
	clear: both;
	}
.formRow .blocked {
	margin: 1px 2px 0 0;
	height: 16px;
	line-height: 16px;
	width: 250px;
	}
.formRow input {
	display: block;
	border: 1px solid #221e1f;
	width: 250px;
	height: 16px;
	padding: 4px;
	margin: 0;
	line-height: 16px;
	font-size: 16px;
	font-variant: small-caps;
	}
.formRow textarea {
	display: block;
	border: 1px solid #221e1f;
	width: 250px;
	height: 100px;
	padding: 4px;
	margin: 0;
	line-height: 16px;
	font-size: 16px;
	font-variant: small-caps;
	font-family: verdana; 
	}
.formRow .button {
	display: block;
	border: 1px solid #221e1f;
	width: 260px;
	height: 28px;
	margin: 0;
	line-height: 16px;
	font-size: 16px;
	font-variant: small-caps;
	font-family: verdana;
	color: #fff;
	background-color: #221e1f;
	}
	
/*================= PRAWY PANEL ================*/
#sides .side_right {
	width: 200px;
	padding: 0 10px;
	}
#sides .side_right .products {
	display: block;
	width: 200px;
	padding: 0;
	margin: 5px 0;
	}
#sides .side_right .products .produkt {
	display: block;
	width: 96px;
	border: 1px solid #221e1f;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 2px 5px 0;
	background-color: #5a5944;
	}
#sides .side_right .products .produkt .btn-change {display: block; width: 96px; padding: 0; margin: 0; clear: both; float: none; background-color: #221e1f; color: #fff; height: 24px; text-align: center; line-height: 24px; text-decoration: none; font-size: 10px}

/*================= NAWIGACJA DOLNA ================*/
#nav_bar {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 25px 0;
	}
	
input.block_abs_next {display: block; font-size: 18px; font-weight: normal; font-variant: small-caps; padding: 0 10px; position: absolute; margin: 300px 0 0 720px; background-color: #221e1f; height: 32px; line-height: 22px; border: 0; color: #fff; cursor: pointer}
a.block_abs_prev {display: block; font-size: 18px; font-weight: normal; font-variant: small-caps; padding: 5px 10px; position: absolute; margin: 300px 0 0 -110px; background-color: #221e1f; height: 22px; line-height: 22px; text-decoration: none}

#form_set_price {display: block; width: 240px; height: 60px; overflow: hidden; background-color: #221e1f; float: left; margin: 0 10px 0 0; text-align: center; padding: 15px}
#form_multiply {display: block; width: 50px; height: 60px; padding: 15px; margin: 0; color: #fff; font-size: 60px; text-align: center; float: left}
#form_set_amount {display: block; width: 260px; height: 60px; overflow: hidden; background-color: #221e1f; float: right; margin: 0; text-align: center; padding: 15px 10px}
#form_set_amount input {display: block; height: 32px; width: 100px; background-color: #221e1f; border: 1px dashed #5a5944; font-size: 30px; color: #fff; line-height: 30px; margin: 8px auto; padding: 0; text-align: center}
#form_equals {display: block; width: 50px; height: 60px; padding: 15px; margin: 0 0 0 280px; color: #fff; font-size: 60px; text-align: center; float: left}
#form_set_result {display: block; width: 260px; height: 60px; overflow: hidden; background-color: #221e1f; float: right; margin: 15px 0 0 0; text-align: center; padding: 15px 10px}

.newline p {clear: both; width: auto}

#kosze {display: block; width: 980px; margin: 10px auto}
#kosze .kosz {display: block; width: 300px; height: 463px; padding: 0; margin: 0 0 20px 20px; float: left}
#kosze .kosz p {display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; padding: 0; margin: 0}
#kosze .kosz p.cena {width: 294px; border-left: 3px solid #000; border-right: 3px solid #000}
#kosze .kosz p.opis {width: 300px; background-color: #000}

#zestawy {display: block; width: 1000px; margin: 10px auto}
#zestawy .zestaw {display: block; width: 225px; height: 433px; padding: 0; margin: 0 0 20px 20px; float: left}
#zestawy .zestaw p {display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; padding: 0; margin: 0}
#zestawy .zestaw p.cena {width: 219px; border-left: 3px solid #000; border-right: 3px solid #000}
#zestawy .zestaw p.opis {width: 225px; background-color: #000}

#zestawy .zestaw2 {display: block; width: 178px; height: 433px; padding: 0; margin: 0 0 20px 18px; float: left}
#zestawy .zestaw2 p {display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; padding: 0; margin: 0}
#zestawy .zestaw2 p.cena {width: 172px; border-left: 3px solid #000; border-right: 3px solid #000}
#zestawy .zestaw2 p.opis {width: 178px; background-color: #000}

#wielkanoc {display: block; width: 980px; margin: 10px auto}
#wielkanoc img {width: 480px;}
#wielkanoc .wielkanoc {display: block; width: 490px; padding: 0; margin: 10px 0; float: left; }
#wielkanoc .wielkanoc2 {display: block; width: 490px; padding: 0; margin: 10px  0; float: left; text-align: right; }

#gwiazdka {display: block; width: 980px; margin: 10px auto}
#gwiazdka img {width: 480px;}
#gwiazdka .gwiazdka {display: block; width: 490px; padding: 0; margin: 10px 0; float: left; }
#gwiazdka .gwiazdka2 {display: block; width: 490px; padding: 0; margin: 10px  0; float: left; text-align: right; }