@import url(http://fonts.googleapis.com/css?family=Lato:700italic);
body {
	background: #2e0a2e;
	padding: 0 0;
	margin: 0 0;
	line-height: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#all {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	position: relative;
	height: auto;
}

.offer {
	width: 800px;
	padding-left: 50px;
}

.offer ul li {
	padding-top: 17px;
}

#title_b {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#contact-wrapper {
	width: 430px;
	position: relative;
	border: 1px solid #e2e2e2;
	margin: 20px auto;
	background: #f1f1f1;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
}

#info_zamow div {
	clear: both;
	margin: 1em 0;
}

#info_zamow {
	width: 630px;
	position: relative;
	border: 1px solid #e2e2e2;
	margin: 20px auto;
	background: #f1f1f1;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
}

#contact-wrapper div {
	clear: both;
	margin: 1em 0;
}

* /Lightbox background * /
#lightbox {
	display: none;
	background: #000000;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	z-index: 1000;
}/* Lightbox panel with some content */
#lightbox-panel {
	display: none;
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	background: #FFFFFF;
	padding: 10px 15px 10px 15px;
	border: 2px solid #CCCCCC;
	z-index: 1001;
}

#info_zamow label {
	display: block;
	float: none;
	font-size: 16px;
	width: auto;
}

a img {
	border: none
}

#contact-wrapper label {
	display: block;
	float: none;
	font-size: 16px;
	width: auto;
}

form#contactform input {
	width: 224px;
	height: 34px;
	background: url("images/bg_input.png") no-repeat;
	font-weight: bold;
	color: black !important;
	border: none;
	font-size: 13px !important;
}

.error {
	color: #F00;
	font-weight: bold;
	font-size: 11px !important;
}

form#contactform textarea {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0.6em 0.5em 0.7em;
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
}

#header {
	background: url(images/header.jpg);
	width: 953px;
	height: 327px;
	position: relative;
}

#srodek {
	background: url(images/ramka_bg.jpg);
	width: 953px;
	height: auto;
}

#tresc {
	padding: 10px 20px 20px;
	text-align: left;
}

#stopka {
	background: url(images/bottom.jpg);
	width: 953px;
	height: 50px;
}

#stopka a {
	color: #000;
	text-decoration: none;
}

#stopka a:hover {
	color: #FFF;
	text-decoration: underline;
}

ul#navig {
	list-style: none;
	z-index: 10;
	position: absolute;
	height: 52px;
	width: 790px;
	margin: 0 auto;
	top: 276px;
}

ul#navig li {
	padding: 0; /* padding moved to the a element below */
	float: left;
	font-family: Calibri, Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 47px;
	font-style: italic;
	text-shadow: rgba(255, 255, 255, 1) 1px 1px 2px;
	color: #333;
	list-style: none;
}

ul#navig li span {
	display: block;
	/* allows us to add top and bottom padding to the element */
	padding: 8px 10px 9px 18px;
	/* now we have nice padding for link hi-lighting */
	position: relative;
	z-index: 5;
	color: #333;
	text-decoration: none;
}

ul#navig li a {
	display: block;
	/* allows us to add top and bottom padding to the element */
	padding: 8px 20px 9px 18px;
	/* now we have nice padding for link hi-lighting */
	position: relative;
	z-index: 5;
	color: #FFF;
	text-decoration: none;
}

ul#navig li a:hover {
	color: #000;
}

ul#navig li.backLava {
	position: absolute;
	background: url(images/active.jpg);
	z-index: 3;
	height: 50px;
	border: 1px solid white;
}

ul#navig .selectedLava a {
	color: #000;
}/* images with caption */
#slajdy img {
	width: 100%;
	height: 100%;
}/* position the panels so the captions appear correctly */
#slajdy .panel {
	position: relative;
}/* captions */
#slajdy .caption-top, #slajdy .caption-right, #slajdy .caption-bottom, #slajdy .caption-left {
	background: #000;
	color: #fff;
	padding: 10px;
	margin: 0;
	position: relative;
	z-index: 10;
	opacity: .8;
	filter: alpha(opacity = 80);
}

/* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
#slajdy .caption-top {
	left: 0;
	top: 0;
	width: 480px;
	height: 30px;
}

/* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
#slajdy .caption-right {
	right: 0;
	bottom: 0;
	width: 130px;
	height: 180px;
}

/* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */
#slajdy .caption-bottom {
	left: 0;
	bottom: 0;
	width: 480px;
	height: 30px;
}

/* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
#slajdy .caption-left {
	left: 0;
	bottom: 0;
	width: 130px;
	height: 180px;
}/* Caption close button */
.caption-top .close, .caption-right .close, .caption-bottom .close, .caption-left .close {
	font-size: 80%;
	cursor: pointer;
	float: right;
	display: inline-block;
}

#napisy {
	position: absolute;
	width: 384px;
	top: 130px;
	left: 40px;
	height: 143px;
	background: url(images/opinie.png);
}

#sats {
	opacity: 0.0;
	filter: alpha(opacity = 0);
	position: relative;
	right: 200px;
}

#jakos {
	position: absolute;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	top: 50px;
	left: 50px;
}

#zauf {
	opacity: 0.0;
	filter: alpha(opacity = 0);
}

.nick {
	font-style: italic;
}

#news {
	position: relative;
	font-size: 13px;
	font-family: Arial;
	top: 30px;
	width: 351px;
	left: -20px;
	color: #FFF;
	font-weight: bold;
	list-style: none;
	text-align: left;
}

#kosz, .kosz {
	position: relative;
	background: url("images/koszyk.jpg");
	width: 240px;
	height: 41px;
	left: 490px;
}

#kosz select#roz, .kosz select.roz {
	position: relative;
	top: 9px;
	left: 19px;
	width: 94px
}

#kosz input#ile, .kosz input.ile {
	position: relative;
	top: 9px;
	left: 50px;
	width: 38px;
	border: none;
}

#kosz #minus, .kosz .minus {
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
	position: absolute;
	background: none;
	top: 5px;
	left: 120px;
	width: 25px;
	height: 30px;
	border: none;
}

#kosz #plus, .kosz .plus {
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
	position: absolute;
	background: none;
	top: 9px;
	left: 200px;
	width: 25px;
	height: 30px;
	border: none;
}

#dodaj, .dodaj {
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	border: none;
	background: url("images/dodaj.jpg") center bottom;
	position: relative;
	left: 595px;
	cursor: pointer;
}

#info_kosz, .info_kosz {
	display: none;
	position: relative;
	top: -30px;
	width: 260px;
	height: 41px;
	left: 360px;
}
.info_kosz {
	left: -100px;
}
#kosz_up, .kosz_up {
	position: relative;;
	left: 600px;
	width: 30%;
	height: 40px;
}
.kosz {
	left: 0px;
}
.dodaj {
	left: 105px;
}
#rozmiar_czcionki {
	position: relative;
	right: 5px;
	top: 70px;
	left: 820px;
	width: 126px;
	height: 22px;
}

#rozmiar_czcionki a {
	cursor: pointer;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	text-shadow: rgba(255, 255, 255, 1) 1px 1px 2px;
}

#rozmiar_czcionki a:hover {
	cursor: pointer;
	color: #2e0a2e;
}

table#tabela_kosz, #tabela_kosz td, #tabela_kosz th {
	border: 1px solid #2e0a2e;
	border-style: dotted;
}

#tabela_kosz th {
	background-color: #2e0a2e;
	color: white;
}

#zamawiam {
	cursor: pointer;
	font-family: Arial;
	overflow: visible;
	padding: 0;
	text-align: center;
	left: 718px;
	width: 85px;
	height: 40px;
	position: relative;
	top: 17px;
}

#flagi {
	position: absolute;
	top: 250px;
	width: 140px;
	height: 25px;
	left: 777px;
	display: table;
	cursor: pointer;
	margin: 0;
}

#pl {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: -200px -200px;
	height: 20px;
	width: 20px;
}

#en {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 20px;
}

#de {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: -300px -100px;
	height: 20px;
	width: 20px;
}

#ru {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: -500px -200px;
	height: 20px;
	width: 20px;
}

#es {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: -600px -200px;
	height: 20px;
	width: 20px;
}

#zh {
	display: table-cell;
	background: url("images/flagi.png") no-repeat;
	background-position: -300px 0px;
	height: 20px;
	width: 20px;
}

.koszyk_info_dodano {
	font-weight: bold;
}

#produkty ul {
	list-style: none;
}

#produkty li {
	width: 95%;
	position: relative;
	height: 100px;
	border: 1px solid #000;
}

#produkty li img {
	float: right;
}
#drag_drop_images {
	border: 1px solid rgba(0,0,0,0.03);
	min-height: 160px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0,0,0,0.03);
	padding: 23px;
}
#drag_drop_images span {
	font-family: 'Seymour One', sans-serif;
}
#drag_drop_images, #drag_drop_images *, #drag_drop_images-previews, #drag_drop_images-previews * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#drag_drop_images {
	position: relative;
	border: 1px solid rgba(0,0,0,0.08);
	background: rgba(0,0,0,0.02);
	padding: 1em;
}
#drag_drop_images.dz-clickable {
	cursor: pointer;
}
#drag_drop_images.dz-clickable .dz-message, #drag_drop_images.dz-clickable .dz-message span {
	cursor: pointer;
}
#drag_drop_images.dz-clickable * {
	cursor: default;
}
#drag_drop_images .dz-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
#drag_drop_images.dz-drag-hover {
	border-color: rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.04);
}
#drag_drop_images.dz-started .dz-message {
	display: none;
}
#drag_drop_images .dz-preview, #drag_drop_images-previews .dz-preview {
	background: rgba(255,255,255,0.8);
	position: relative;
	display: inline-block;
	margin: 17px;
	vertical-align: top;
	border: 1px solid #acacac;
	padding: 6px 6px 6px 6px;
}
#drag_drop_images .dz-preview.dz-file-preview [data-dz-thumbnail], #drag_drop_images-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
	display: none;
}
#drag_drop_images .dz-preview .dz-details, #drag_drop_images-previews .dz-preview .dz-details {
	width: 100px;
	height: 100px;
	position: relative;
	background: #ebebeb;
	padding: 5px;
	margin-bottom: 22px;
}
#drag_drop_images .dz-preview .dz-details .dz-filename, #drag_drop_images-previews .dz-preview .dz-details .dz-filename {
	overflow: hidden;
	height: 100%;
}
#drag_drop_images .dz-preview .dz-details img, #drag_drop_images-previews .dz-preview .dz-details img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
#drag_drop_images .dz-preview .dz-details .dz-size, #drag_drop_images-previews .dz-preview .dz-details .dz-size {
	position: absolute;
	bottom: -28px;
	left: 3px;
	height: 28px;
	line-height: 28px;
}
#drag_drop_images .dz-preview.dz-error .dz-error-mark, #drag_drop_images-previews .dz-preview.dz-error .dz-error-mark {
	display: block;
}
#drag_drop_images .dz-preview.dz-success .dz-success-mark, #drag_drop_images-previews .dz-preview.dz-success .dz-success-mark {
	display: block;
}
#drag_drop_images .dz-preview:hover .dz-details img, #drag_drop_images-previews .dz-preview:hover .dz-details img {
	display: none;
}
#drag_drop_images .dz-preview .dz-success-mark, #drag_drop_images-previews .dz-preview .dz-success-mark, #drag_drop_images .dz-preview .dz-error-mark, #drag_drop_images-previews .dz-preview .dz-error-mark {
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	right: -10px;
	top: -10px;
}
#drag_drop_images .dz-preview .dz-success-mark, #drag_drop_images-previews .dz-preview .dz-success-mark {
	color: #8cc657;
}
#drag_drop_images .dz-preview .dz-error-mark, #drag_drop_images-previews .dz-preview .dz-error-mark {
	color: #ee162d;
}
#drag_drop_images .dz-preview .dz-progress, #drag_drop_images-previews .dz-preview .dz-progress {
	position: absolute;
	top: 100px;
	left: 6px;
	right: 6px;
	height: 6px;
	background: #d7d7d7;
	display: none;
}
#drag_drop_images .dz-preview .dz-progress .dz-upload, #drag_drop_images-previews .dz-preview .dz-progress .dz-upload {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	background-color: #8cc657;
}
#drag_drop_images .dz-preview.dz-processing .dz-progress, #drag_drop_images-previews .dz-preview.dz-processing .dz-progress {
	display: block;
}
#drag_drop_images .dz-preview .dz-error-message, #drag_drop_images-previews .dz-preview .dz-error-message {
	display: none;
	position: absolute;
	top: -5px;
	left: -20px;
	background: rgba(245,245,245,0.8);
	padding: 8px 10px;
	color: #800;
	min-width: 140px;
	max-width: 500px;
	z-index: 500;
}
#drag_drop_images .dz-preview:hover.dz-error .dz-error-message, #drag_drop_images-previews .dz-preview:hover.dz-error .dz-error-message {
	display: block;
}
#drag_drop_images {
	border: 1px solid rgba(0,0,0,0.03);
	min-height: 360px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0,0,0,0.03);
	padding: 23px;
}
#drag_drop_images .dz-default.dz-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	background-image: url("../images/spritemap.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	width: 428px;
	height: 123px;
	margin-left: -214px;
	margin-top: -61.5px;
	top: 50%;
	left: 50%;
}
.link_offer {
	position: absolute;
	top: 30px;
	line-height:120%;
	left: 20px;
	font-size: 21px;
	text-transform: uppercase;
	font-style: italic;
	text-decoration: none;
	color: #690F30;
	font-family: 'Lato', sans-serif;
	width: 374px;
	display: block;
}
.link_offer:hover {
	color: rgba(136, 0, 0, 0.26);
}
.kosz_wrapper {
	position: relative;
	top: 9px;
	left: 400px;
	width: 300px;
}
.none {
	display: none;
}
.cena_oferta {
	position: absolute;
	top: 67px;
	left: 21px;
	font-size: 15px;
	font-weight: bold;
	color: #C84700;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
#zamowienia label
{
	cursor:pointer;
	padding: 0 10px 0 10px;
	width: 111px;
	display: inline-block;
}
.szczegolyZamowienia{
	display:none;
}
#zamowienia li>ul>li>div
{
	border:1px dotted #000;
	display:block;
	padding: 10px 0;
	cursor:pointer;
}
#zamowienia li>ul>li>div:nth-child(even) {background: #CCC}

#zamowienia li
{
	border:1px dotted #000;

}
#rabatp{
	color:#FF1515;
}
.productTableAdmin td{
	border: 1px solid #9686EB;
	padding: 10px;
}
#AllProductsCostBasic
{
	text-decoration: line-through;
	font-weight: bold;
}
#AllProductsCost
{
	color: #F00;
	font-weight: bold;
}
.linkAllegro
{
	font-weight:bold;
	color: rgba(84, 91, 177, 1);
}
.linkAllegro:hover
{
	font-weight:bold;
	color: rgba(84, 91, 177, 0.6);
}
#cal_suma
{
    font-weight: bold;
    color: #0D9613;
    font-size: 26px;
}
#wysuwany_obszar {
	background: url(../images/facebook-slider.png) no-repeat;
	width: 250px;
	height: 400px;
	padding: 20px;
	z-index: 99999;
	position: fixed;
	top: 200px;
	right: -244px;
	cursor: pointer;
}
#pole_facebook {
	background: none repeat scroll 0 0 #FFFFFF;
	left: 31px;
	top: -8px;
	position: relative;
	margin-left: 5px;
	width: 200px;
}