@import "base.css";
@import "base.css";
@import "text.css";
@import "php_inc/css/site_map.css";
@import "php_inc/css/form.css";

div#top {
	height: 149px;
	background: url('grafika/top.jpg') no-repeat top right;
	text-align: right;
	font-size: 10px;
	color: white;
		
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	padding: 8px 15px 0px 0px;
	
	position: relative;
}

div#flash {
	position: absolute;
	top: 30px;
	right: 0px;
}

div#top a {
	font-size: 10px;
	color: white;
	border: 0px;
}

div#top a img {
	vertical-align: middle;
	margin: 0px 3px;
}

div#sub {
	height: 46px;
	line-height: 46px;
	background: url('grafika/sub.jpg') no-repeat;	
}

div#sub form {	
	float: left;
	line-height: 40px;	
	width: 249px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	padding: 0px 13px;	
	
	position: relative;
	top: 9px;		
}

div#sub form input.submit {
	position: relative;
	top: -2px;
}

div#sub form > input.submit,
div#sub > form {
	position: static;
}

div#sub p {
	float: left;
	height: 46px;
	line-height: 46px;
	width: 744px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
	padding-right: 257px;
	text-align: right;
	margin: 0px;
	background: white;	
}

div#menu div.newsletter span,
div#sub form span {
	display: inline-block;
	padding: 5px;
	background: url('grafika/input-szukaj.gif') no-repeat;
	width: 156px;
	height: 24px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;	
	vertical-align: middle;
	margin-right: 5px;
}

div#menu div.newsletter span {
	background-image: url('grafika/input-zapisz.gif');
}

div#menu div.newsletter span input,
div#sub form span input {
	color: #d6cfca;
	border: 0px;
	width: 146px;
}


div#menu div.newsletter span input {
	background: #d6cec5;
	color: #b9ada1;
}

div#footer {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #c8b5aa;
	background: url('grafika/footer.gif') repeat-y;
	padding: 0px 15px;
	color: #c9a5a1;
}

div#footer a {
	color: #c9a5a1;
	border: 0px;
}

div#footer a#venti,
div#footer a.active,
div#footer a:hover {
	color: #a3776f;
}

div#footer a#venti {
	float: right;
	padding-top: 15px;
}

div.center {
	float: left;
	width: 744px;	
}

div.center.slim {
	width: 523px;
	float: left;
}

div.left {
	width: 249px;
	float: left;
	padding-bottom: 246px;	
}

div.right {
	width: 221px;
	float: left;
	background: #edebe4 url('grafika/right-gradient.jpg') repeat-x bottom left;
}

#page div.right a.allegro {
	margin-top: 35px;
	margin-bottom: 25px;
	border: 0px;
	display: block;
	text-align: center;
}

div#kontakt {	
	position: absolute;
	height: 246px;
	width: 249px;
	bottom: 46px;
	left: 0px;	
	background: url('grafika/dane-kontaktowe.gif') no-repeat bottom left;
	
}

div#menu {
	background: #86715e url('grafika/menu-top.jpg') no-repeat;	
}

div#menu, div#menu a {
	color: #ffffff;
}

div#menu div {
	-moz-box-sizing: border-box;	
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
	padding: 16px;
}

div#menu div.newsletter {
	background: #b5a595 url('grafika/menu-gradient.jpg') no-repeat;

}

div#menu div.newsletter form {
	margin: 0px;
	padding: 0px;
}

div#menu div.newsletter input.submit {
	position: relative;
	top: -2px;
}

div#menu div.newsletter form > input.submit {
	position: static;
}

div.newsletter img.opinie {	
	margin-bottom: 25px;
}

h2.image {
	text-indent: -9999px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

h2.newsletter {
	height: 21px;
	background: url('grafika/newsletter.gif') no-repeat -3px 0px;
}

div#menu div.newsletter p {
	margin: 10px 0px;
	padding: 0px;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	background: url('grafika/menu-dots.gif') no-repeat bottom left;
}

div#menu ul li.level1 {
	zoom: 1;
	margin: 0px;
	padding: 0px;
	background: url('grafika/menu-dots.gif') no-repeat top left;
	list-style: none;
}

div#menu ul li.level1 a {
	font-weight: bold;
	border: 0px;
	display: block;
	padding: 7px 20px 7px 25px;
	background: url('grafika/menu-bg.gif') no-repeat;
	font-size: 12px;
}

div#menu ul li.level1.first {
	background-image: none;
}

div#menu ul li.level2 {
	zoom: 1;
	list-style: none;
	background: url('grafika/menu-bg-level2.gif') no-repeat 0px 4px;
	padding: 2px 25px 2px 13px;
	margin: 0px 0px 0px 23px;
}

div#menu ul li.level2 a {
	border: 0px;
	font-size: 12px;
}

div#menu ul li.back {
	margin-top: 10px;
}

div#menu ul li a.active,
div#menu ul li a:hover {
	color: #e4b64e;
}

h2.kategorie {
	height: 46px;
	background: #786452 url('grafika/kategorie.gif') no-repeat 15px 10px;
}

div.path {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
	
	height: 46px;	
	padding: 15px 27px 0px 27px;
	background: #534334;
}

#page .path a {
	border-bottom-color: #8f857b;
	color: #ffffff;	
}

#page .path a:hover {
	border-bottom-color: #ffffff;
}

#page .path span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 5px;
	background: url('grafika/path.gif') no-repeat;
	position: relative;
	top: 4px;
}

#page .path > span {
	position: static;
}

#page .path a.active {
	border: 0px;
}

h2.kontakt {
	background: url('grafika/kontakt.gif') no-repeat;
	height: 23px;
	margin: 25px 17px 10px 17px;
}

#kontakt p {
	margin: 0px;
	padding: 0px 22px;
}

#kontakt p a {
	color: #9a170b;
	border-bottom-color: #c8978c;
}

#kontakt p a:hover {
	border-bottom-color: #9a170b;
}

div.right div.wrapper {
	padding: 15px 15px 0px 15px;
}

h2.promocje {
	margin: 10px 0px 15px 0px;
	height: 25px;
	background: url('grafika/promocje.gif') no-repeat -3px 0px;
}

ol#promocje {
	margin: 0px;
	padding: 0px;
}

ol#promocje li {
	list-style: none;
	padding: 5px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #d8d2c7;
}

body#page ol#promocje li a {
	display: block;
	border: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #d8d2c7;
	font-size: 12px;
}

ol#promocje p {
	margin: 0px;
	padding: 5px 0px 10px;
	line-height: 14px;
}

ol#promocje span del {
	color: #665240;
	font-weight: bold;
	font-size: 10px;
}

ol#promocje span b {
	float: right;
	font-size: 12px;
	color: #2a2d2f;
}

div.productShort {
	border-bottom: 1px solid #d8d2c7;
	margin: 25px 19px 0px 0px;	
	width: 218px;
	float: left;
	padding-bottom: 10px;		
}

body.index div.productShort {
	margin-right: 35px;
}

body.index div.nomarginright,
div.nomarginright {
	margin-right: 0px;
}

#page div.productShort a.main {
	font-size: 12px;
	display: block;
	border: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #d8d2c7;
	margin-bottom: 5px;
}

div.productShort div.image {
	width: 114px;
	height: 114px;
	border: 1px solid #d5cec2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: white url('grafika/item.gif') no-repeat center center;
	float: left;
	cursor: pointer;
}

div.productShort div.meta {
	text-align: right;
	font-size: 12px;
	color: #2a2d2f;
}

div.productShort div.meta b {
	font-size: 13px;
}

div.productShort div.meta img {
	margin-top: 60px;
}

div.productShort p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	line-height: 14px;
}

div.productShort p span {

}

body#page ol#promocje li a.more,
#page a.more {
	color: #665240;
	border: 0px;
	position: relative;
	top: 2px;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	display: inline;
}

ul#main {
	margin: 0px;
	pading: 0px;
	position: absolute;
	top: 73px;
	left: 250px;
} 
div#top > ul#main {
	left: 210px;
}

ul#main li {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	float: left;	
}

ul#main li a {
	display: block;
	height: 17px;
	background-repeat: no-repeat;
	border: 0px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

ul#main li.item1 a {
	background-image: url('grafika/main-1.gif');
	width: 112px;
}

ul#main li.item2 a {
	background-image: url('grafika/main-2.gif');
	width: 73px;
}

ul#main li.item3 a {
	background-image: url('grafika/main-3.gif');
	width: 80px;
}

ul#main li.item4 a {
	background-image: url('grafika/main-4.gif');
	width: 87px;
}

ul#main li.item5 a {
	background-image: url('grafika/main-5.gif');
	width: 61px;
}

ul#main li a:hover,
ul#main li a.active {
	background-position: 0px -17px;
}

h2.polecamy {
	background: url('grafika/polecamy.gif') no-repeat;
	height: 25px;
}

div.center div.wrapper {
	padding: 15px 25px 15px 25px;
}

h3 {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	color: #9a170b;
	font: normal 20px Tahoma;	
}

h3 span {
	float: right;
	color: #534334;
	font-size: 12px;	
}

#page h3 span a {
	font-size: 11px;
	position: relative;
	top: -1px;
}

.prodLeft {
	width: 329px;
	float: left;
	margin-right: 23px;
}

.prodRight {
	width: 327px;
	float: left;
}

.column1 {
	width: 329px;
	/*float: left;*/
	/*margin-right: 23px;*/
	border-top: 1px solid #d8d2c7;
	padding: 8px 0px;
}

.column2 {
	width: 327px;
	/*float: left;*/
	border-top: 1px solid #d8d2c7;
	padding: 8px 0px;	
	color: #2a2d2f;
}

.column2 p {
	color: #665240;
}

.column2.desc {
	border-top-color: #e1ded3;
	padding-bottom: 30px;
}

.column1 #image img {
	width: 307px;
	border: 11px solid white;
}

#page .fotos a:hover,
#page .fotos a {
	display: block;
	width: 104px;
	height: 104px;
	border: 1px solid #d5cec2;
	float: left;
	overflow: hidden;
	text-align: center;
	line-height: 96px;
	background: white;
	margin-bottom: 8px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#page .fotos a img {
	display: inline;
}

#page .fotos a.middle {
	margin: 0px 8px 8px 8px;	
}

.column2 span.image {
	display: inline-block;
	padding-left: 20px;
	margin-left: 28px;
	color: #534334;
	font-size: 12px;	
	position: relative;
	top: -30px;
	background: url('grafika/icons-polec.gif') no-repeat 0px -19px;
}

.column2 span.image.print {
	background-position: 0px 0px;
	margin-left: 0px;
}

#page .column2 span.image a {
	position: relative;
	top: -1px;
	font-size: 11px;
}

div.pager {
	position: absolute;
}

div.pager a {
	margin: 0px 2px;
}

div.pager a.active {
	font-weight: bold;	
}

div.decision {
	padding: 8px 0px;
	text-align: right;
	margin-top: 25px;
	border-top: 1px solid #d8d2c7;
}

div.decision .left {
	float: left;
}

table#koszTable {
	width: 694px;
	border-collapse: collapse;
}

table#koszTable td,
table#koszTable th {
	border: 1px solid #d8d2c7;
	padding: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

table#koszTable th {
	color: white;
	background: #9a170b;
	text-align: center;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	color: #9a170b;
	margin: 0px 0px 8px 0px;
	padding: 4px 0px;
	border-bottom: 1px solid #d8d2c7;
}

div.toRight {
	text-align: right;
	line-height: 200%;	
}

div.toRight input {
	vertical-align: middle;
}

div.suma {
	text-align: right;
}

span.suma {
	display: inline-block;
	padding: 5px 5px 5px 31px;
	background: #ffffff;
	font-weight: bold;
	margin-top: 8px;
}

span.suma b {
	display: inline-block;
	width: 155px;
	text-align: left;
	margin-left: 50px;
}

div.suma.big {
	font-size: 13px;	
}

div.suma.big span {
	padding: 10px 10px 10px 20px;
}

#kosz_form label {
	display: inline-block;
	width: 250px;
	text-align: right;
	margin-right: 5px;
}

#kosz_form input.text,
#kosz_form textarea {
	width: 300px;
	height: 22px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	border: 1px solid #D8D2C7;
}

#kosz_form textarea {
	height: 75px;	
	overflow: auto;
}

#kosz_form textarea, {
	margin-top: 1px;
}

#kosz_form.noborders input,
#kosz_form.noborders textarea {
	border: 0px;
	background: transparent;
	width: 400px;
}

.doprint {
	display: none;
}

div.opinia {
	padding: 15px 0px 25px 0px;
	border-top: 1px solid #d8d2c7;
	
	text-align: right;
	font-style: italic;	
}

div.opinia p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	/*border-bottom: 1px solid #d8d2c7;*/
	text-align: left;
	font-style: normal;	
}

.flyAway {
	position: absolute;
	left: -9999px;
}

#popup{
    text-align:left;
    z-index:99;
    background:#ffffff;
    border:2px solid #E2E0E1;
    position:absolute;
    top:420px;
    left:50%;
}
#popup div{
    padding:20px;
}
#popup a.close{
    float:right;
    font-size:10px;
    font-weight:bold;
}