body {
	margin: 0 auto;
	background:#929499 url(../layout/top_bg_x.png) repeat-x;
	line-height: 20px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #2f3032;
}
.clear, .Clear { clear: both; } .fl { float: left; } .fr { float: right; }

a { text-decoration: none; color: #CA141B;}
a:hover { text-decoration: underline; color:#000;}
p { font-size: 12px; line-height: 18px; padding: 0 0 10px 0; }
strong, b { font-weight: bold; } em, i { font-style: italic; }

h1 { color: #bb1116; font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 10px 0; }
h2 { color: #000000; font-size: 20px; margin: 0; padding: 0 0 10px 0; }

.wrap { width: 1000px; margin: 0 auto; position: relative; }
.slimwrap { width: 800px; margin: 0 auto; position: relative; }

table { width: 100%; font-size: 11px; margin: 0; border-top: 20px solid #ffffff; clear: both; }
	table th, table td { padding: 10px 5px; text-align: center; vertical-align: middle; }
	table tr > th:first-child, table tr > td:first-child { text-align: right; }
	table tr > td.td-left { text-align: left; }
	table th { border-bottom: 1px solid #bb1116; color: #bb1116; font-weight: bold; }
	table td { border-bottom: 1px solid #e9e7e7; color: #717479; }
	.title, .netto { font-weight: bold; }
	table td.count { width: 60px; }
		table td input { border: 1px solid #cac8c8; margin: 0 5px 0 0; background: #e9e7e7; height: 24px; padding: 0 5px; text-align: center; color: #808080; }
		table td input[type="radio"],table td input[type="checkbox"] { background: none; border: none;}

input { font-family: Arial; }
/* HEADER
***********************************************/

#header { height: 198px; }
	#header .logo { float: left; margin: 15px 0 0 10px; }
	#header .userInfo { position: absolute; right: 100px; top: 0; font-size: 10px; line-height: 14px; color: #cccccc; }
	#header .basketBox { float: right; margin: 20px 100px 0 0; background: #2b2d2e url(../layout/basket.gif) 10px center no-repeat; padding: 15px 10px 15px 30px; }
		#header .basketBox .info { float: left; margin: 0; padding: 0 20px 0 0; color: #f38589; }
			#header .basketBox .info p { font-size: 11px; padding: 0; line-height: 14px; text-align: right; }
				#header .basketBox p strong { color: #ffffff; font-weight: bold; display: block; float: left; width: 140px; text-align: left; }
		#header .basketBox a { float: right; font-weight: bold; color: #ffffff; font-size: 11px; line-height: 18px; display: block; background: url(../layout/buttons.png) 0 0 repeat-x; padding: 0 10px; }
		#header .basketBox a:hover { background: url(../layout/buttons.png) 0 -10px repeat-x; text-decoration: none; }
	#header .nav { margin: 0; padding: 0; position: absolute; right: 90px; top: 120px; }
		#header .nav li { float: left; padding: 0 10px; margin: 0; border-left: 1px solid #ffffff; font-size: 13px; }
		#header .nav > li:first-child { border: none; }
			#header .nav li a { float: left; color: #ffffff; }
			#header .nav li a:hover { text-decoration: none; color: #e5e5e5; }
			
/* MAIN
***********************************************/

#main { background: #e9e7e7; margin-top: -53px; }
	#main .colLeft { float: left; width: 230px; padding: 10px 0; }
	#main .colRight { float: right; width: 530px; padding: 20px; }

.breadcrumbs { float: left; margin: 5px 0 20px 0; color: #2f3032; }
	.breadcrumbs a { color: #2f3032; font-weight: bold; }

a.back { float: right; font-weight: bold; color: #ca141b; font-size: 11px; text-decoration: underline; }
a.back:hover { color: #262626; }

/* LEFT
***********************************************/

/* szukajka */

.colLeft .searchBox { padding: 10px; margin: 0 0 10px 0; }
	.colLeft .searchBox input.text { float: left; font-family: Arial; border: none; background: #ffffff; width: 176px; color: #2e3942; font-size: 12px; line-height: 18px; height: 18px; padding: 3px 5px; }
	.colLeft .searchBox input.submit { float: left; background: #ffffff url(../layout/arrow_small_red.png) center center no-repeat; height: 24px; width: 24px; cursor: pointer; border: none; padding: 0; margin: 0; cursor: pointer; }
	.colLeft .searchBox a { float: right; margin: 5px 0 0 0; color: #ca141b; font-weight: bold; text-decoration: underline; }
	.colLeft .searchBox a:hover { color: #000000; }
	
/* menu */

.colLeft .nav { margin: 0; padding: 0; list-style: none; }
	.colLeft .nav > li { margin: 0; padding: 0; list-style: none; position: relative; }
		.colLeft .nav > li > a { display: block; text-decoration: none; width: 298px; margin: 0 0 0 -93px; padding: 10px 25px 0 0; height: 32px; background: url(../layout/nav.png) 0 -42px no-repeat; text-align: right; color: #ffffff; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: bold; }
		.colLeft .nav > li > a:hover, .colLeft .nav > li.active > a { background: url(../layout/nav.png) 0 0 no-repeat; }
		.colLeft .nav > li ul { display: none; position: absolute; left: 200px; top: 5px; padding: 10px 0; background: url(../layout/subnav.png) 0 0 repeat; border: 2px solid #424447; z-index: 10; }
		/* .colLeft .nav > li.active ul { display: block; }*/
			.colLeft .nav > li ul li { margin: 0; padding: 0; list-style: none; position: relative; }
				.colLeft .nav > li ul li a { display: block; padding: 5px 30px; margin: 0; color: #ffffff; font-size: 14px; white-space: nowrap; line-height: 24px; text-transform: uppercase; font-weight: bold; }
				.colLeft .nav > li ul li a:hover { background-color: #ef2129; text-decoration: none; }
				
/* LIST
***********************************************/

.list { padding: 30px 3px 10px 3px; clear: both; }
.no-ie .list { background-color: #ffffff;  }
	.list .item { border: 1px solid #e9e7e7; padding: 10px; margin: -1px 0 0 0; }
	.no-ie .list .item:hover { background-color: #e9e7e7; }
	.no-ie .list .promotion, tr.promotion { background-color:#D3E2FF;}
	.no-ie .list .promotion:hover  { background-color:#B0C9FC;}
		.list .item .photo { width: 140px; height: 110px; overflow: hidden; margin: 0 10px 0 0; display: block; float: left; }
		.list .item .title { width: 170px; text-align: center; color: #bb1116; font-weight: bold; font-size: 12px; line-height: 15px; border-right: 1px dotted #bdbdbd; float: left; height: 90px; padding: 10px 0; }
		.wide .item .title { width: 280px; border-right: none; }
		.no-ie .list .item .title:hover { text-decoration: none; }
			.list .item .title span { color: #717479; font-weight: normal; display: block; padding: 3px 0 0 0; }
		.list .item .prices { width: 140px; text-align: right; border-left: 1px dotted #bdbdbd; float: left; height: 60px; padding: 15px 0; text-transform: uppercase; }
			.list .item .prices .netto {  font-size: 16px; color: #717479; font-weight: bold; }
				.list .item .prices .netto span { font-size: 24px; }
				.list .item .prices span small { font-size: 0.7em; }
			.list .item .prices .brutto {  font-size: 12px; color: #a4a7ab; font-weight: bold; }
				.list .item .prices .brutto span { font-size: 20px; }
				.list .item .smaller .netto span { font-size: 16px; }
				.list .item .smaller .brutto span { font-size: 14px; }
			.list .item p.buy_group { padding: 0 0 0 40px; width: 140px;}
				.list .item .prices input { float:left; width: 20px; padding: 6px 3px; margin:5px 0; text-align: right; background-color: #EEE; -moz-appearance: textfield;}
				.list .item .prices input[type=number]::-webkit-inner-spin-button,
				.list .item .prices input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
				.list .item .prices input:invalid { border: red solid 3px; }

				.list .item .plus { display: block; float: left; background: url(../layout/plus.png) 0 0 no-repeat; width: 14px; height: 30px; margin: 5px 1px; }
				.list .item .minus { display: block; float: left; background: url(../layout/minus.png) 0 0 no-repeat; width: 14px; height: 30px; margin: 5px 1px; }
				.list .item .buy, .list .item .buy-confirm { display: block; float: left; background: url(../layout/buy.png) 0 0 no-repeat; width: 30px; height: 30px; margin: 5px 5px; }
				.list .item .buy:hover,.list .item .minus:hover,.list .item .plus:hover { background-position: 0 -30px; }
		.paggination { padding: 5px 0; float: right; }
		.paggination a { color: #ca141b; font-weight: bold; font-size: 11px; margin: 0 5px; }
		.paggination span { color: #2b2d2e; font-weight: normal; font-size: 11px; margin: 0 5px; }
.list .not-available .buy {  background-image: url(../layout/buy_disabled.png);}
.list .not-available { background-color: #EEE; }
.list .not-available .prices .netto, .list .not-available .prices .brutto { color: #DDD;}		
/* CARD
***********************************************/

.card { background-color: #ffffff; padding: 20px; clear: both; margin: 0 0 10px 0; }
	.card .photo { width: 250px; height: 190px; overflow: hidden; margin: 0 10px 10px 0; display: block; float: left; }
	.card .prices { float: right; width: 200px; }
	.card p { clear: both; }
	.card .index { border-bottom: 1px solid #e5e5e5; margin: 20px 0 0 0; }
	.card .index, .card .marka { display: block; float: right; width: 200px; text-align: center; padding: 5px 0; font-size: 11px; }
	.card a.buy { margin: 10px 0 0 0; clear: both; float: right; display: block; height: 24px; padding: 6px 10px 0 30px; line-height: 16px; color: #ffffff; background: url(../layout/buy_buttons.png) 0 0 no-repeat; font-weight: bold; font-size: 11px; }
	.card a.buy:hover { text-decoration: none; background: url(../layout/buy_buttons.png) 0 -30px no-repeat; }
	.card .prices { text-align: right; float: right; padding: 25px 0; text-transform: uppercase; }
		.card .prices .netto {  font-size: 18px; color: #717479; font-weight: bold; }
			.card .prices .netto span { font-size: 30px; }
		.card .prices .brutto {  font-size: 14px; color: #a4a7ab; font-weight: bold; }
			.card .prices .brutto span { font-size: 24px; }

.added { width: 600px; height: 160px; }
	.added p { padding: 20px; text-align: center; border-bottom: 1px dotted #bdbdbd; font-size: 20px; line-height: 28px; margin: 0 0 20px 0; }
	.added .backShop { float: left; }
	.added .goToCart { float: right; }
	.added .backShop, .added .goToCart { display: block; height: 23px; padding: 7px 10px 0 10px; line-height: 16px; color: #ffffff; background: url(../layout/buttons.png) 0 0 repeat-x; font-weight: bold; font-size: 11px; }
	.added .backShop:hover, .added .goToCart:hover { text-decoration: none; background: url(../layout/buttons.png) 0 -30px repeat-x; }
	
input[type="submit"], .btn-black {display: block; background: url(../layout/buttons.png) 0 -30px repeat-x; font-weight: bold; font-size: 11px; border:none; line-height: 16px; color: #ffffff;}
input[type="submit"] { margin: 0 auto;}
input[type="submit"]:hover , .btn-black:hover { text-decoration: none; background-position: 0 0; color: #ffffff;}
input[type="submit"].btn-red, .btn-red {display: block; background: url(../layout/buttons.png) 0 0 repeat-x; font-weight: bold; font-size: 11px; border:none; line-height: 16px; color: #ffffff;}
input[type="submit"].btn-red:hover ,.btn-red:hover { text-decoration: none; background-position: 0 -30px; color: #ffffff;}
a.btn-red, a.btn-black {height: 22px; padding: 4px 10px 0;}
input.btn-red, input.btn-black {padding: 5px 10px 12px 10px; height: 26px;}
/* CART
***********************************************/
.buyAlways.btn-black {border:none; height: 28px; padding: 5px 10px 12px 10px; }

.cart { background-color: #ffffff; padding: 20px 10px; clear: both; margin: 0 0 10px 0; }
	.cart h1 { float: left; }
	.cart input[type="submit"].buy { margin: 10px 0 0 0; clear: both; float: right; padding-left:30px; background-image: url(../layout/buy_buttons.png); }
	.cart .always { clear: both; padding: 30px 0 0 0; }
		.cart .always p { float: left; width: 280px; color: #2f3032; font-size: 11px; line-height: 16px; }
	.cart .buyAlways-link { float: right; }
	.cart .buyAlways { float: right; }
	.cart table { width: 100%; font-size: 11px; margin: 0; border-top: 20px solid #ffffff; clear: both; }
		.cart table th, .cart table td { padding: 10px 5px; text-align: center; vertical-align: middle; }
		.cart table tr > th:first-child, .cart table tr > td:first-child { text-align: left; }
		.cart table th { border-bottom: 1px solid #bb1116; color: #bb1116; font-weight: bold; }
		.cart table td { border-bottom: 1px solid #e9e7e7; color: #717479; }
		.cart .title, .cart .netto { font-weight: bold; }
		.cart table td.count { width: 60px; }
		.cart table td input[type="text"] { border: 1px solid #cac8c8; margin: 0 5px 0 0; background: #e9e7e7; width: 38px; height: 24px; padding: 0 5px; text-align: center; color: #808080; }
	.cart .summary { color: #bf1217; text-align: right; font-size: 14px; padding: 10px 0; }
		.cart .summary strong { font-size: 18px; }
		.cart .summary span { font-size: 12px; }
				
a.promoLink { float: right; font-weight: bold; color: #ca141b; font-size: 11px; line-height: 18px; text-decoration: underline; }
a.promoLink:hover { color: #262626; }

/* FOOTER
***********************************************/

#footer { background: url(../layout/footer.jpg) center 0 no-repeat; text-align: right; padding: 50px 0 20px 0; height: 100px; }
	#footer .address { color: #66686C; font-size: 11px; line-height: 18px; padding: 0; text-align: right; }
		#footer .address p { padding: 0; margin: 0; font-size: 11px; }
		#footer .address a { color: #66686C; }
	.copyright { color: #E9E7E7; float: right; font-size: 11px; line-height: 14px; padding: 20px 0 0 0; }
		#footer .copyright .pixlab { display: block; float: right; padding: 0 0 0 14px; border-left: 1px solid #ffffff; }
		#footer .copyright .xerima_right { display: inline; float: right; padding: 0 11px 0 0; }
			.copyright a { color: #E9E7E7; font-weight: bold; }


/* LOGIN
***********************************************/

.loginPage { clear: both; position: relative; }
	.loginPage h1 { color: #2f3032; font-size: 24px; text-transform: uppercase; padding: 0 0 120px; }

.loginBox { background: #ffffff; padding: 20px 10px; width: 264px; margin: 0 0 5px 0; height: 150px; }
	.loginBox h2 { text-transform: uppercase; color: #ca141b; padding: 0 0 20px 0; }
	.loginBox input.text { width: 184px; font-family: Arial; background: #e9e7e7; border: 1px solid #cac8c8; font-size: 12px; line-height: 16px; color: #aea9a9; height: 16px; padding: 4px 10px; margin: 0 29px 8px 29px; }
	.loginBox input.text:focus { color: #666666; }
	.loginBox a { float: left; color: #ca141b; font-weight: bold; font-size: 11px; text-decoration: underline; margin: 14px 0 0 29px; } 
	.loginBox input.submit { float: right; margin: 10px 29px 0 0; border: 2px solid #434548; font-family: Arial; background: #323436; font-size: 11px; font-weight: bold; line-height: 16px; color: #ffffff; }

.registerBanner { display: block; width: 284px; height: 203px; background: url(../layout/register_banner.jpg) 0 0 no-repeat; }

.homeButtons { float: right; width:354px; margin: 0; position: absolute; top: 100px; right: -120px; z-index:10; }
	.homeButtons a { display: block; display: block; width: 354px; font-size: 11px; text-align: right; }
	.homeButtons a.nowosci { height: 112px; background: url(../layout/baner_nowosci.png) 0 0 no-repeat; }
	.homeButtons a.prezentacje { height: 119px; background: url(../layout/baner_prezentacje.png) 0 0 no-repeat; }
	.homeButtons a.promocje { height: 150px; background: url(../layout/baner_promocje.png) 0 0 no-repeat; }
	.homeButtons a.katalog { height: 138px; background: url(../layout/baner_katalog.png) 0 0 no-repeat; }
	.homeButtons a.allegro { height: 156px; background: url(../layout/baner_allegro.png) 0 0 no-repeat; }
	
	
.smaller-text, .list .item .smaller-text {font-size:0.9em;}
/* OLD
*************************************/

a.btn { float: right; font-weight: bold; color: #ffffff; font-size: 11px; line-height: 18px; display: block; background: url(../layout/buttons.png) 0 0 repeat-x; padding: 0 10px; }
a.btn:hover { background: url(../layout/buttons.png) 0 -10px repeat-x; text-decoration: none; }

input.btn {
    background: none repeat scroll 0 0 #323436;
    border: 2px solid #434548;
    color: #FFFFFF;
    float: right;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin: 10px 29px 0 0;
}

.colRight input[type="text"],.colRight input[type="password"]
{
   background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #BBB;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 0 29px 8px;
    padding: 4px 10px;
    width: 184px;
	text-align: left;
}

input[type="text"].short { width: 50px;}
	/*
input[type="button"],input[type="submit"],input[type="reset"]
{
    background: none repeat scroll 0 0 #323436;
    border: 2px solid #434548;
    color: #FFFFFF;
    float: right;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin: 10px 29px 0 0;
}
	*/

input.sized { margin-left:20px; margin-right:20px;} 

.ramka td {
    border-bottom: 1px solid #E9E7E7;
    color: #000;
    text-align:left;
 }
 .ramka .warning { color: #CA141B;}

 
 .ramka table tr > th:first-child, .cart table tr > td:first-child { text-align: right; }
 
 .ramka_money td{
	text-align:right;
    border: 1px solid #4b74bb;
    color: #FFFFFF;
	font: bold;
}
/*
.ramka A:active { COLOR: #B0B0B0 }
.ramka A:hover { color: red; text-decoration: underline;}
*/
.ramka th { font-weight:bold; }

.ramka table{ }
.ramka {background: #FFF;}

 #subcategories { font-size: 1.2em;} 
 #subcategories td {font-weight:bold; } 
 #subcategories th {font-weight:bold; text-transform:uppercase;} 
 #subcategories a { display:block;} 
 
table h1 { float: left; }

.search  td{ text-align:left;}
.search .small td{ padding: 2px 1px; }
.search .small span{position:relative; top:-10px; }
.search input[type="submit"] { width:150px; }
.searchBox input { margin-left:0; margin-right:0;}

div.mini-image{ width: 140px; height: 110px; text-align: center; display: table-cell; vertical-align: middle; }
.mini-image img { max-width:140px; max-height:110px; vertical-align: middle; }

div.med-image{ width: 280px; height: 280px; text-align: center; display: table-cell; vertical-align: middle; }
.med-image img { max-width:280px; max-height:280px; vertical-align: middle; }
.paging_right {float: right; padding-bottom: 5px;}

 .tip {
    color: #000;
    background:#fff;
	border: 1px solid gray;
	width: 320px;
	font-size: 10px;
	text-transform: uppercase;
    display:none; /*--Domyœlnie ukryty--*/
    padding:8px;
    position:absolute;
	z-index:1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ramka_body { padding: 10px;}

.ramka ul {
	list-style-type:disc;
	padding: 10px;
	line-height: 1.2em;
}
.ramka li { padding: 5px 2px;}

.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:260px;padding:0 10px;}
.jcarousel-skin-tango .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:260px;height:62px;}
.jcarousel-skin-tango .jcarousel-item{width:60px;height:60px;border:solid 1px #e5dcc3; background-color: #FFF;}
.jcarousel-skin-tango .jcarousel-item:hover{border:solid 1px #8997f1;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin-left:0;margin-right:4px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:4px;margin-right:0;}
.jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000;}
.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:15px;right:0;width:32px;height:32px;cursor:pointer;background:transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{left:0;right:auto;background-image:url(prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:15px;left:0;width:32px;height:32px;cursor:pointer;background:transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(next-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:focus{background-position:-32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{visibility:hidden;}
.med-image ul li img { border-style: none; }
.med-image ul li { padding:0; }
.prod_gal { margin-left:-10px;}