@import url(reset.css);

@import url(menu-animated.css);



/* =global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
	margin:0;
	padding:0;
}

html,body {
	background:#e2f0f3 url(../img/bg.gif) repeat-x;
}

body { 
	font:11px normal Arial, Tahoma, sans-serif;
	color:#000;
	margin: 0;
	padding: 0;
	border: 0;
/*	overflow: hidden; */
}

h3 { font-weight: bold; color:#063c55; font-size: 14px; line-height: 18px; }


/* =facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear {
	clear:both;
}

.left {
	float:left:
}

.right: {
	float:right;
}

.hide {
	display:none;
}


/* =links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a {

}

a:hover {
}

a:active {
}


/* =colors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.color-red {
	color:#d11212;
}

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap {
	position: relative;
	width:980px;
	margin:0 auto;
	padding: 0;
	text-align: left;
}


#top-section {
	width: 100%;
	background: url(../img/top-bg-1.jpg) 50% 15px no-repeat;
	padding: 0;
	height:145px;
}

#footer-section {
	width: 100%;
	background:#fbfcf9 url(../img/bg-footer.gif) 0 0 repeat-x;
	padding: 0;
	height:30px;
	color:#b7b7b7;
}

#content-section {
	width: 100%;
	background: url(../img/bg-content.jpg) 50% 0 no-repeat;
	padding: 0;
}

.left-side {
	width:255px;
	padding:0px;
	float: left;
}

.right-side {
	width: 710px;
	margin-left: 267px;
}


/* =icon - short - links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#short-links {

}

#short-links ul {
	position: absolute; left:0; top:26px;
}

#short-links ul li {
	padding: 0;
	list-style-type: none;
	width: 16px;
	height: 13px;
	margin: 8px 0 9px 0;
}

#short-links a {
	width: 16px;
	height: 13px;
	display: block;
}

#short-links a:hover {
	margin-left:2px;
}

#short-links a.ico-1 {
	background: url(../img/icon-1.gif) 0 0 no-repeat;
}

#short-links a.ico-2 {
	background: url(../img/icon-2.gif) 0 0 no-repeat;
}

#short-links a.ico-3 {
	background: url(../img/icon-3.gif) 0 0 no-repeat;
}

#short-links a.ico-4 {
	background: url(../img/icon-4.gif) 0 0 no-repeat;
}


/* =logo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#logo  {
	position: relative;
	left:50px;
	top:39px;
}

#logo h1 a {
	display: block;
	width:170px;
	height: 83px;
	background: url(../img/logo.jpg) 0 0 no-repeat;
}


/* =top-boxes - 3 boxy na topie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#top-boxes {
	padding: 0;
	margin: 0;
}


#top-boxes li {
	display:inline-block;
	float:left;
	padding:12px 0 0 18px;
}

#top-boxes li p {
	line-height: 21px;
}

.moje-konto {
	width:185px;
	height:130px;
	background: url(../img/bg-box1.jpg) 0 0 no-repeat;
}


.moje-konto h2 a {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	width: 148px;
	height: 38px;
	background: url(../img/h1-moje-konto.gif) 0 0 no-repeat;
}

.moje-konto h2 a:hover {
	background: url(../img/h1-moje-konto.gif) 0 -38px no-repeat;
}


p.blue-text {
	font-weight: normal;
	color:#2586be;
}


	a.link-login1 {
		color:#8aa5b5;
		text-decoration:none;
		background: url(../img/arrow-link.gif) right no-repeat;
		padding: 0 10px 0 0;
	}
	
	a.link-login1:hover {
		color:#1b5c82;
		border-bottom:1px dotted #1b5c82;
		text-decoration: none;
	}
	
	a.link-login2 {
		color:#323232;
		text-decoration:none;
		background: url(../img/arrow-link.gif) right no-repeat;
		padding: 0 10px 0 0;
	}
	
	a.link-login2:hover {
		color:#000000;
		border-bottom:1px dotted #000000;
		text-decoration: none;
	}
	
	a.link-blue {
		font-weight: bold;
		color:#2586be;
		text-decoration: none;
	}
	
	a.link-blue:hover {
		font-weight: bold;
		color:#2586be;
		text-decoration: underline;
	}
	
	a.link-green {
		font-weight: bold;
		color:#8cc12e;
		text-decoration: none;
	}
	a.link-green:hover {
		font-weight: bold;
		color:#74a41f;
		text-decoration: underline;
	}
	
	.checkout {
		background: url(../img/icon-5.gif) 0 50% no-repeat;
		padding: 3px 0 3px 20px;
	}

.koszyk {
	width:197px;
	height:130px;
	background: url(../img/bg-box2.jpg) 0 0 no-repeat;
	margin-left: 11px;
}

.koszyk h2 a {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	width: 111px;
	height: 42px;
	background: url(../img/h1-koszyk.gif) 0 0 no-repeat;
}

.koszyk h2 a:hover {
	background: url(../img/h1-koszyk.gif) 0 -42px no-repeat;
}


.szybki-kontakt {
	width:251px;
	height:130px;
	background: url(../img/bg-box3.jpg) 0 0 no-repeat;
	margin-left: 11px;

}

.szybki-kontakt h2 a {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	width: 173px;
	height: 44px;
	background: url(../img/h1-szybki-kontakt.gif) 0 0 no-repeat;
}

.szybki-kontakt h2 a:hover {
	background: url(../img/h1-szybki-kontakt.gif) 0 -44px no-repeat;

}



	a.icon-skype {
		color:#67a20f;
		text-decoration:none;
		background: url(../img/icon-skype.gif) left no-repeat;
		padding: 0 0px 0 20px;
	}
	
	a.icon-skype:hover {
		color:#97da21;
		border-bottom:1px dotted #67a20f;
		text-decoration: none;
	}
	
	a.icon-tel {
		color:#5f5f5f;
		text-decoration:none;
		background: url(../img/icon-tel.gif) left no-repeat;
		padding: 0 0px 0 13px;
		margin-left:5px;
	}
	
	a.icon-tel:hover {
		color:#1d1d1d;
		border-bottom:1px dotted #5f5f5f;
		text-decoration: none;
	}
	
	a.icon-mail {
		color:#1985c4;
		text-decoration:none;
		background: url(../img/icon-mail.gif) left no-repeat;
		padding: 0 0px 0 20px;
		margin-left:3px;

	}
	
	a.icon-mail:hover {
		color:#1985c4;
		border-bottom:1px dotted #1985c4;
		text-decoration: none;
	}


/* =footer 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer-section p.copy {
	line-height: 30px;
	width: 260px;
	border-top:2px solid #62b3e1;
}

#footer-section a.link-footer {
	color:#414141;
	text-decoration: none;
	}
	
#footer-section a.link-footer:hover {
	color:#000;
	border-bottom:1px dotted #414141;
	text-decoration: none;
}

#footer-section p.design {
	position: absolute;
	right: 0;
	top:0px;
	line-height: 32px;
}


/* =box-search 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-search {
	width: 236px;
	height: 127px;
	background: url(../img/bg-box-search.jpg) 0 0 no-repeat;
	padding:8px 0 0 19px;
}

#box-search h2 {
	width: 149px;
	height: 31px;
	background: url(../img/h1-wyszukiwarka.gif) 0 0 no-repeat;
}

#box-search form {
	padding:10px 0 0 0;
	border: 0;
}

.input-text, x:-moz-any-link {position: relative; top:2px;}
.input-text, x:-moz-any-link, x:default {position: relative; top:2px;}

.input-text {
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin:6px 7px 0 5px;
	width: 144px;
	height: 18px;
	background: #fefffc;
	border:none;
	font-size:11px;
	color:#292929;
	padding: 0;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #replacement-1 { position: relative; top:0px; }
}

#replacement-1 {
	position: relative; top:-1px;
  	width: 60px;
  	height: 23px;
  	border: 0;
  	background: transparent url(../img/button-search.gif) no-repeat center top;
  	text-indent: -1000px;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}


#replacement-1, x:-moz-any-link {padding:0px; position: relative; top:4px;}
#replacement-1, x:-moz-any-link, x:default {padding:0;position: relative; top:4px;}



#replacement-1:hover {
  background: transparent url(../img/button-search.gif) 0 -23px no-repeat;
}

#replacement-1:active {
  background: transparent url(../img/button-search.gif) 0 -46px no-repeat;
}

#box-search p {
	line-height: 30px;
	padding: 7px 0 0 0;
}

#box-search a.search-more {
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color:#fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#box-search a.search-more:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* =box-search 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#box-category h2 {
	width:255px;
	height:43px;
	background: url(../img/h1-kategorie.jpg) no-repeat;
}


/* =box-search 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#box-info {
	width: 255px;
	background: #fbfcf9;
	padding: 12px 0 0 0;
	margin: 15px 0 17px 0;
}

#box-info .end-box-shadow {
	width: 255px;
	height: 4px;
	background: url(../img/box-shadow.gif) bottom no-repeat;
}

#box-info h2 {
	width: 121px;
	height: 36px;
	background: url(../img/h1-informacje.gif) 0 0 no-repeat;
	margin: 0 0 0 20px;
}

#box-info ul {
	margin: 0;
	padding: 0;
}

#box-info ul li {
	padding: 6px 0 9px 0;
	border-bottom: 1px solid #e6e7e4;
}

#box-info ul li a {
	font-size: 12px;
	font-weight: bold;
	color:#191919;
	text-decoration: none;
	line-height: 20px;
	background: url(../img/arrow-menu2.jpg) 0 60% no-repeat;
	padding:0 0 0 8px;
	margin-left: 10px;
}

#box-info ul li a:hover {
	color:#000;
	text-decoration: underline;
}


/* =main-page banners 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#top-banners {
	width: 710px;
	text-align: left;
	height: 140px;
}

#top-banners .banners-left {
	float: left;
	width: 435px;
}

#top-banners .banners-right {
	float: right;
	width: 275px;
}

#box-welcome {
	width: 430px;
}

#box-welcome h3 {
	width: 243px;
	height: 18px;
	background: url(../img/h1-szeroka-oferta.gif) no-repeat;
	margin-bottom: 8px;
}

#box-zapytanie {
	width: 244px;
	height: 125px;
	background: url(../img/bg-box-lubimy.jpg) 0 0 no-repeat;
	margin-left: 7px;
	padding:16px 0 0 15px;
}

#box-zapytanie h3 {
	width: 141px;
	height: 69px;
	background: url(../img/h1-zapytaj.gif) 0 0 no-repeat;
}

#box-zapytanie p {
	padding: 10px 0 0 2px;
}

#box-zapytanie p a {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#box-zapytanie p a:hover {
	text-decoration: underline;
}



/* =universal univeral box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.box-white p {
	padding: 0px 10px 7px 0px;
	line-height: 23px;
}

.box-white {
	background:#fbfcf9 url(../img/box-shadow-right.gif) right repeat-y;
}

.box-white div.inner {
	padding: 14px 10px 12px 15px;
	background: url(../img/box-shadow-bottom.gif) bottom repeat-x;
}

.box-white p.info {
	line-height: 18px;
	font-size: 12px;
	padding: 0 5 0 0;
	text-align: justify;
}

.box-white h4.info {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.box-white ol.info {
	margin: 0;
	padding: 0;
}

.box-white ol.info li{
	padding: 4px 5px 4px 20px;
	background: url(../img/bullet-blue.gif) 0 9px no-repeat;
	line-height: 16px;
	font-size: 12px;
	text-align: justify;
}


/* =boxes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-bestsellery {
	position: relative;
	width: 710px;
}


#box-bestsellery h2 {
	margin: 5px 0 0 15px;
	width: 113px;
	height: 27px;
	background: url(../img/h1-bestsellery.jpg) 0 0 no-repeat;
	padding: 4px 0 6px 0;
}

#box-promocje h2 {
	margin: 9px 0 0 15px;
	width: 116px;
	height: 35px;
	background: url(../img/h1-promocje.jpg) 0 0 no-repeat;
	padding: 6px 0 6px 0;
}

#box-nowe-produkty h2 {
	margin: 11px 0 0 15px;
	width: 149px;
	height: 27px;
	background: url(../img/h1-nowe-produkty.gif) 0 0 no-repeat;
	padding: 8px 0 8px 0;
}

#box-promocje, #box-nowe-produkty {
	width: 710px;
	position: relative;
}

#promo-boxes {
	padding: 0;
	position: absolute;
	top:11px;
	right: 10px;
}

#promo-boxes li {
	margin-right: 10px;
	list-style-type: none;
	display: inline-block;
	float: left;
}


.box-total-commander {
	width: 183px;
	height: 166px;
	background: url(../img/box-total-commander.gif) 0 0 no-repeat;
}

.box-winrar {
	width: 152px;
	height: 166px;
	background: url(../img/box-winrar.gif) 0 0 no-repeat;
}


.link-total-commander {
	width:123px;
	height:15px;
	background: url(../img/total-commander-link.gif) 0 0 no-repeat;
	position: relative; top:102px;
	left:12px;
}

.link-winrar {
	width:123px;
	height: 13px;
	background: url(../img/winrar-link.gif) 0 0 no-repeat;
	position: relative; top:104px;
	left:47px;
}


.link-total-commander:hover {
	background-position: 0 -15px;
}

.link-winrar:hover {
	background-position: 0 -13px;
}


.link-total-commander, .link-winrar {display: inline-block;}

.link-total-commander, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:90px; left:12px;}
.link-total-commander, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:102px; left:12px;}

.link-winrar, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:94px; left:47px;}
.link-winrar, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:104px; left:47px;}


/* =color links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.button-link {
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	line-height:21px;
	padding: 3px 5px 3px 5px;
}

.button-link:hover {
	text-decoration: underline;
	background-position: 0 -21px;
	
}

.blue-bg {
	background: url(../img/bg-button1.gif) 0 0 repeat-x;
}

.blue-bg2 {
	background: url(../img/bg-button2.gif) 0 0 repeat-x;
}

.orange-bg {
	background: url(../img/bg-button3.gif) 0 0 repeat-x;
}

.green-bg {
	background: url(../img/bg-button4.gif) 0 0 repeat-x;
}

/* =products list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.button-more {
	position: absolute;
	right: 2px;
	font-size: 11px;
	color: #fff;
	padding: 6px 5px 9px 5px;
	font-weight: bold;
	text-decoration: none;
}

.button-more-red {
	top:22px;
	background: url(../img/button-more-red.gif) 0 0 repeat-x;
}

.button-more-blue {
	top:18px;
	background: url(../img/button-more-blue.gif) 0 0 repeat-x;
}

.button-more:hover {
	text-decoration: underline;
}


ul.item-list{
	position: relative; left:-5px;
	width:100%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:left;
	font-size:0;/*eliminate the extra white-space between .item-list*/

}

ul.item-list li {
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #fff;
	width:160px;
	margin:0 5px 12px 5px;
	text-align:left;
	vertical-align:text-top;

	display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

    _overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}

ul.item-list li:hover {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

ul.item-list li div.bd{
	position:relative;/*firefox need this unless contents within are not clickable or selectable*/	
}

.product-image {
	width: 160px;
	border-bottom:1px solid #fbfcf9;
	overflow: hidden;
}

.product-image img {
	border: none;
}

		.product-image {height: 110px; overflow: hidden; position: relative; width: 100%; }
		.product-image[class] {display: table; position: static;}
		
		.product-image-middle {position: absolute; top: 50%; width: 100%; text-align: center; } /* for explorer only*/
		.product-image-middle[class] {display: table-cell; vertical-align: middle; position: static;}
		
		.product-image-inner {position: relative; top: -50%; text-align: center;} /* for explorer only */
		.product-image-inner {width: 160px; margin-left: auto; margin-right: auto;} /* for all browsers*/
		/* optional: .product-image-inner[class] {position: static;} */
		
		

*:first-child+html .product-image-inner {position: relative; top: 10%; text-align: center;} /* for explorer only */


.product-detail {
	width: 155px;
	padding:5px 0px 5px 7px;
	font-size: 11px;
}

.product-detail p.name {
	font-weight: bold;
	color:#000;
	line-height: 16px;
	height:32px;
}

.product-detail p.name a {
	text-decoration: none;
	color:#000;
}

.product-detail p.name a:hover {
	text-decoration: underline;
}


.product-detail p.price {
	font-weight: bold;
	color:#3e9ed4;
}
.product-detail span.promo-price {
	font-weight: normal;
	color:#ff0000;
	text-decoration:line-through;
}
.product-detail span.normal-price {
	font-weight: normal;
	color:#000;
	text-decoration:none;
}

.product-detail span.new-price {
	font-weight: normal;
	color:#34a11b;
	text-decoration:none;
}



/* =faq banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#banner-faq {
	width: 710px;
	height: 57px;
	background: url(../img/bg-banner-faq.jpg) 0 0 no-repeat;
	margin: 15px 0 0 0;
	position: relative;
}

#banner-faq .left-faq {
	float: left;
	width: 380px;
	padding: 10px 0 0 20px;
}

#banner-faq .left-faq h2 a {
	display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    float:left;
	width:74px;
	height: 36px;
	background: url(../img/h1-faq.jpg) 0 0 no-repeat;
	margin-right: 10px;    
}

#banner-faq .left-faq p {
	color: #fff;
	line-height: 16px;
	width: 260px;
}

#banner-faq .left-faq p a {
	color: #fff;
	text-decoration: none;
}

#banner-faq .left-faq p a:hover {
	color: #fff;
	text-decoration: underline;
}

#banner-faq .right-none {
	float: left;
	width: 300px;
	padding: 10px 0 0 0;
}




/* =box-zapytanie2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#box-zapytanie2 {
	position: relative;
	width: 708px;
	height: 49px;
	background: url(../img/bg-banner-zapytanie.gif) 0 0 repeat-x;
}

#box-zapytanie2:hover {
	background: url(../img/bg-banner-zapytanie.gif) 0 -49px repeat-x;
}


#box-zapytanie2 .box-obrazek {
	position: absolute; top:-5px; right:15px;
	width: 51px;
	height: 66px;
	background: url(../img/box-lubimyprogramy.gif) 0 0 no-repeat
}

#box-zapytanie2 a.zapytanie {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 18px 0 0 500px;
	width: 150px;
	height: 31px;
	background:url(../img/h1-nieznalazles.gif) 0 55% no-repeat;
	position: relative; top:0px; left:10px;
}

#box-zapytanie2 a.zapytanie:hover {
	text-decoration: underline;
	background: url(../img/h1-nieznalazles2.gif) 0 55% no-repeat;
}

#box-zapytanie2 h4 {
	font-size: 12px;
	color: #fff;
}

/* =box-nawigacja
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-nawigacja {
	width: 708px;
	height: 33px;
	padding: 17px 0 0 0;
	font-size: 12px;
	color:#192170;
}

#box-nawigacja h5 {
	width: 110px;
	height: 23px;
	background: url(../img/h1-nawigacja.gif) 0 0 no-repeat;
	display: inline-block;
	float: left;
	position: relative; top:-3px;
	padding: 0 0px 0 0;
	
}

#box-nawigacja h5, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-3px;}
#box-nawigacja h5, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:-3px;}


#box-nawigacja a.first-link {
	font-size: 12px;
	color:#192170;
	text-decoration: none;
}

#box-nawigacja a.second-link {
	font-size: 12px;
	color:#20242c;
	font-weight: bold;
	text-decoration: none;
}

#box-nawigacja a.first-link:hover, #box-nawigacja a.second-link:hover {
	text-decoration: underline;
}



/* =content - facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.min-height {
	min-height:892px; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html .min-height {
	height: 892px;
}
/**/


#main-content h2 {
	background: url(../img/arrow-title.gif) 0 50% no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
	color:#063c55;
	letter-spacing: -1px;
	font-size: 20px;
	line-height: 24px;
}

div.hr {
	margin: 10px 0 0px 0;
	height: 2px;
  	background: url(../img/hr-line.gif) repeat-x;
}
div.hr hr {
  	display: none;
}


/* =product-show 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#product-show {
	margin: 10px 0 0 0;
	padding:0;
  	text-align:left;
  	list-style:none;
}

/* we treat the LI that contains the UL with the three colums as a table */
#li_container {
	display:table;
}
#ol_container {
	display:table-row;
}
#left_side_min,#center_side_min,#right_side,#left_side {
	display:table-cell;
}
/* for IE */
#left_side_min,#center_side_min,#right_side,#left_side, {
	display:inline;zoom:1;
	vertical-align:top;
}
/* for IE Mac */
/*\*//*/ 
#left_side_min, #center_side_min, #right_side, #left_side  {display:inline-block;float:left;}
#clear {clear:left;}
/**/
/* borders for IE Win */
/* preventing breakage */
#li_container {table-layout:fixed;}
#li_container {_word-wrap:break-word;}
#left_side_min, #center_side_min, #right_side, #left_side {_overflow-x:hidden;}


#product-show, #li_container {
	width:680px;
}

#left_side {
	width:200px;
}

#right_side {
	width:470px;
	padding: 0 0 0 10px;
}


/* =ico-headlines 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.headline-ico {
	line-height: 40px;
	font-size: 12px;
	color: #413e3e;
	padding: 0 0 0 32px;
}

.ico-foto {
	background: url(../img/ico-foto.gif) 0 50% no-repeat;
}

.ico-cechy {
	background: url(../img/ico-cechy.gif) 0 50% no-repeat;
}

.ico-cenaj {
	background: url(../img/ico-cenaj.gif) 0 50% no-repeat;
}

.ico-opis {
	background: url(../img/ico-opis.gif) 0 50% no-repeat;
}

.ico-price {
	background: url(../img/ico-price.gif) 0 50% no-repeat;
}

.ico-produkty-dodatkowe {
	background: url(../img/ico-produkty.gif) 0 50% no-repeat;
}

p.ico-warning {
	background: url(../img/ico-warning.gif) 0 50% no-repeat;
	padding:0 0 0 30px;
}

p.ico-regulamin {
	background: url(../img/ico-info.gif) 0 50% no-repeat;
	padding:0 0 0 22px;
}


/* =box-white2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.box-white2 {
	margin: 5px 0 0 0;
	background:#fff url(../img/box-shadow-right2.gif) right repeat-y;
}

.box-white2 div.inner-box {
	padding: 10px 0 6px 7px;
	background: url(../img/box-shadow-bottom2.gif) bottom repeat-x;
}

.photo-box {
	text-align: center;
}

.photo-box a img{
	border: none;
}

.cena-box {

}

/* =box- cena z koszykiem
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a.do-koszyka {
	margin: 0 8px 0px 0;
	width: 65px;
	height: 73px;
	background: url(../img/button-do-koszyka.gif) 0 0 no-repeat;
	display: block;
}

a.do-koszyka:hover {
	background: url(../img/button-do-koszyka.gif) 0 -73px no-repeat;
}

input.do-koszyka {
	border: none;	
	cursor: pointer;
	margin: 0 8px 0px 0;
	width: 65px;
	max-height: 73px;			
	height: 73px;
	background: url(../img/button-do-koszyka.gif) 0 0 no-repeat;
	padding: 73px 0 0 0;
}

input.do-koszyka:hover {
	background: url(../img/button-do-koszyka.gif) 0 -73px no-repeat;
}

.cena-box table td {
	vertical-align:top;
}
.cena-box p.cena-line {
	color:#248bba;
	font-size:23px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 0 3px 0;
}

.cena-box p.cena-brutto-line {
	padding: 0px 0 0px 0;
	font-size: 11px;
	font-weight: bold;
}

.cena-box p.ilosc-line {
	padding:0px 0 8px 0;
	line-height: 22px;
	font-size: 11px;
	font-weight: normal;
}


/* =box- cena jednostkowa
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.cenaj-box {
	text-align: center;
}



#table-cena-jednostkowa {
	width: 183px;
	margin-bottom: 5px;
	border-collapse: collapse;
}


#table-cena-jednostkowa th {
	color: #5e5e5e;
	font-size: 11px;
	font-weight: normal;
	padding:4px 0 4px 0px;
	background: #e2f0f3;
	text-align: center;



}

#table-cena-jednostkowa th.ilosc {
	border-right: 1px solid #d5d6d1;
	border-bottom: 1px solid #d5d6d1;

}

#table-cena-jednostkowa th.cena {
	border-bottom: 1px solid #d5d6d1;
}

#table-cena-jednostkowa td.ilosc {
	border-right: 1px solid #d5d6d1;
	text-align: left;
	padding:4px 0 4px 10px;
}

#table-cena-jednostkowa td.cena {
	text-align: right;
	padding:4px 10px 4px 0px;
}
	

ul.ilosc-list, ul.cena-list  {
	margin: 0;
	padding: 0;
}

ul.ilosc-list li, ul.cena-list li  {
	padding: 5px 0 5px 0;
}




/* =box-opis produktu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	

#opis-box p {
	font-size: 12px;
	line-height: 20px;
}
	
ul.text-list {
	margin: 0;
	padding: 0;
}


ul.text-list li {
	padding: 4px 0 4px 10px;
	background: url(../img/bullet-blue.gif) 0 9px no-repeat;
	font-size: 12px;
	line-height: 15px;
}


/* =box-cechy produktu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#cechy-box {
	margin-top: 5px;
}


#cechy-box div.cechy-box p {
	padding: 3px 0px 3px 10px;
	margin: 0;
	font-size: 11px;
	border-bottom: 1px solid #d5d6d1;
}

#cechy-box div.cechy-box p.last {
	border-bottom: none;
}

.cechy-box {
}

a.black-link {
	color:#488694;
	text-decoration: underline;
}

a.black-link:hover {
	text-decoration: none;
	color:#000;
}




/* =box-produkty dodatkowe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#produkty-dodatkowe-box {
	float: left;
	width: 460px;
	position: relative;
}

.produkty-dodatkowe-box {
	width: 460px;
	font-size: 12px;
	position: relative;
}

#table-produkty-dodatkowe {
	width: 450px;
	margin-bottom: 0px;
	border-collapse: collapse;
	position: relative;
}

#table-produkty-dodatkowe th.image, #table-produkty-dodatkowe td.image {
	width: 10%;
}

#table-produkty-dodatkowe th.nazwa, #table-produkty-dodatkowe td.nazwa {
	width: 60%;
}

#table-produkty-dodatkowe td { 
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #dfdfdf;
	line-height: 30px;
}

#table-produkty-dodatkowe td.last { 
	border-bottom:none;
	padding: 10px;
}

#table-produkty-dodatkowe td.nazwa, #table-produkty-dodatkowe td.cena {
	border-right: 1px solid #d5d6d1;
}

#table-produkty-dodatkowe td.nazwa a {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}

#table-produkty-dodatkowe td.nazwa a:hover {
	color:#2586be;
}

#table-produkty-dodatkowe td.cena, #table-produkty-dodatkowe td.do-koszyka {
	text-align: center;
}

#table-produkty-dodatkowe td.do-koszyka {
	width: 15%;
}

#table-produkty-dodatkowe td.cena {
	font-size:11px;
}
ul.lista-label {
	position: absolute; right: 2px; top:7px;
	margin: 0;
	padding: 0;
}

ul.lista-label li {
	display: inline;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	line-height:40px;
	font-size: 10px;
	color:#6c797c;
	background: #fff; 
}

ul.lista-label li.cena2 {
	padding: 5px 23px 5px 27px;
	border-left: 1px solid #dfdfdf;

}

ul.lista-label li.do-koszyka2 {
	padding: 5px 6px 5px 8px;
}

/* =box-polecamy
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#polecamy-box {
	width:209px;
	height:118px;
	padding: 55px 0 0 12px;
	font-size:15px;
	letter-spacing: -1px;
	margin: 0 0 0 462px;
	background: url(../img/box-polecamy.jpg) 0 25px no-repeat;
	font-weight: bold;
	line-height: 25px;
}


#polecamy-box span.blue-light {
	color:#32a4dc;
}




/* =box-warning 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-warning {
	width: 680px;
	text-align: left;
	font-size: 12px;
}


.box-blue {
	margin: 5px 0 0 0;
	background:#eeeeee url(../img/box-shadow-right2.gif) right repeat-y;
}

.box-blue div.inner {
	padding: 10px 0 10px 7px;
	background: url(../img/box-shadow-bottom2.gif) bottom repeat-x;
}


#box-regulamin {
	font-size: 10px;
	width: 460px;
	margin: 10px 0 0 0;
	float: left;
}


.box-white3 {
	margin: 5px 0 0 0;
	background:#fff url(../img/box-shadow-right2.gif) right repeat-y;
}

.box-white3 div.inner {
	padding: 4px 0 8px 7px;
	background: url(../img/box-shadow-bottom2.gif) bottom repeat-x;
}


/* =form-register 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.headline-form {
	width: 500px;
	line-height: 40px;
	font-size: 12px;
	color: #413e3e;
	padding: 5px 0 0px 32px;
	font-weight: bold;
}

.ico-dane {
	background: url(../img/ico-dane-osobowe.gif) 0 60% no-repeat;
}

.ico-tel {
	background: url(../img/ico-tel.gif) 0 60% no-repeat;
}

.ico-opcje {
	background: url(../img/ico-opcje.gif) 0 60% no-repeat;
}

.ico-lock {
	background: url(../img/ico-lock.gif) 0 60% no-repeat;
}

.ico-verify {
	background: url(../img/ico-verif.gif) 0 60% no-repeat;
}




#register-form p.opis-pola {
	font-size: 11px;
	background: #fffbf0;
	padding:5px;
	line-height: 18px;
	border-bottom: 1px solid #ede6d3;
	margin-bottom: 10px;
}


#register-form fieldset {
	border:0;
}

#register-form p.pole {
	width: 580px;
	clear: left;
	padding: 2px 0 2px 0;
	font-size: 12px;
	line-height: 18px;
}

#register-form td.pole{
	font-size: 12px;
	line-height: 18px;
}

#register-form label.normal {
	font-size:12px;
	float: left;
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#register-form label.wider {
	font-size:12px;
	float: left;
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#register-form input[type="text"], #register-form input[type="password"] { /*width of text boxes. IE6 does not understand this attribute*/
	height:18px;
	font-size: 12px;
	background: #fff;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #f5f5f5;
	border-left:1px solid #e3e3e3;
	font:12px normal Arial, Tahoma, sans-serif;
	padding: 2px 2px 0px 2px;
}

#register-form  textarea { /*width of text boxes. IE6 does not understand this attribute*/
	font-size: 12px;
	background: #fff;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #f5f5f5;
	border-left:1px solid #e3e3e3;
	font:12px normal Arial, Tahoma, sans-serif;
	padding: 1px 1px 0px 1px;
}

#register-form input:hover[type="text"], #contactFormArea textarea:hover, #register-form textarea:hover { /*width of text boxes. IE6 does not understand this attribute*/
	background: #fafafa;

}


p.button-submit {
	margin:10px 0 0 0;
}

.submit {
	margin: 0 0 0 10px;
	padding:9px 8px 9px 8px;
	background: #e2f0f3;
	color:#3b494c;
	font:12px/12px normal Arial, Tahoma, sans-serif;
	font-weight: bold;
	border:none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border-bottom:1px solid #bedae0;
	border-top:1px solid #cee1e5;
	border-right:1px solid #bedae0;
	border-left:1px solid #cee1e5;
}
.submit:hover {
	background: #f8feff;
}

a.submit {
	padding:9px 15px 9px 15px;
	text-decoration: none;
}
		
.submit:active {
	background: #cee1e5;
	padding:10px 8px 8px 8px;
}

a.submit:active {
	background: #cee1e5;
	padding:10px 15px 8px 15px;
}

/* =login-box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#login-box fieldset {
	border:0;
}

#login-box p.pole {
	width: 170px;
	clear: left;
	padding: 0 0 0 0;
}

#login-box label.normal {
	font-size:11px;
	float: left;
	width: 40px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#login-box input[type="text"], #login-box input[type="password"] { /*width of text boxes. IE6 does not understand this attribute*/
	height:16px;
	width: 125px;
	font-size: 11px;
	background: #fffbf0;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #f5f5f5;
	border-left:1px solid #e3e3e3;
	font:11px normal Arial, Tahoma, sans-serif;
}

#login-box input:hover[type="text"], #login-box input:hover[type="password"]  { /*width of text boxes. IE6 does not understand this attribute*/
	background: #fafafa;
}

p.button-login-box {
	margin: 0;
	padding: 5px 0 0 0;
	width: 165px;
}

p.button-login-box a{
	float: left;
}

.button-login-box input {
	float: right;
	margin: 0;
	padding: 2px 1px 2px 1px;
	background: #e2f0f3;
	color:#3b494c;
	font:11px/11px normal Arial, Tahoma, sans-serif;
	font-weight: bold;
	border:none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border-bottom:1px solid #bedae0;
	border-top:1px solid #cee1e5;
	border-right:1px solid #bedae0;
	border-left:1px solid #cee1e5;
}
.button-login-box input:hover {
	background: #f8feff;
}
		
.button-login-box input:active {
	background: #cee1e5;
	padding:10px 8px 8px 8px;
}


/* =product listing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.productListing {
	width:100%;
}


.productListing {
	border-collapse:collapse;
	background:#d7d7d7;
	border:0;
	font-size:11px;
}

.productListing .productListing-heading {
	background:#9CD131;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

.productListing .productListing-heading td {
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:6px;
	color:#fff;
	white-space: nowrap;
}

.productListing .productListing-heading td a {
	color:#fff;
	text-decoration:none;
}

.productListing .productListing-heading td a:hover {
	color:#f3f3f3;
	text-decoration:underline;
}

.productListing td {
	text-align:center;
	font-size:12px;
	color:#192170;
	font-weight:bold;
}

.productListing tr td a {
	color:#192170;
	text-decoration:none;
}

.productListing tr td a:hover {
	color:#192170;
	text-decoration:underline;
}

.productListing tr td a.button-link {
	color:#fff;
}

.productListing tr td {
	border-right:2px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px;
	line-height:31px;
}

.productListing tr td p {
	padding:0px;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	font-weight: normal;
}

.productListing .productListing-odd {
	background:#DFEDEE;
}

.productListing .productListing-even {
	background:#EBF2F3;
}

.productListing .productListing-odd:hover, .productListing .productListing-even:hover  {
	background:#EDEDED;
}