@import url(reset.css);

html	{ font-size: 62.5%; }
body	{ background: #190532 url(../images/layout/background.jpg) center 0; color: #858585; font: 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif; }

a, a:visited	{ color: #858585; text-decoration: none; }
a:hover			{ text-decoration: underline; }
.block			{ display: block; padding: 5px 0; }
.medium-size	{ width: 125px; }
.big-size		{ width: 155px; }
.mini-text		{ font-size: 0.9em; }
.center-text	{ text-align: center; }
.space			{ margin-bottom: 8px; }
.pogrubienie	{ font-weight: bold; }
td { text-align: left; }

label { color: #f6f6f6; }

input.text, input.submit, select, input.button, textarea {
	border: 1px solid #888;
	background: #666;
	color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 4px 6px;
}

input.submit {
	border: 1px solid #888;
	background: #444;
	color: #f6f6f6;
	padding: 2px 6px;
}

#content, #footer { margin: 0 auto; }

#header { overflow: hidden; }
	#header .logo{
		background: #000 url(../images/layout/header-background.jpg) center 0;
	}
		#header .logo .inner{
			margin: 0 auto;
			position: relative;
			width: 1000px;
		}
		#header .logo ul{
			height: 117px;
			overflow: hidden;
			width: 286;
			position: absolute;
			bottom: 4px;
			right: 13px;
		}
			#header .logo li{
				float: left;
			}
				#header .logo li a{
					background-image: url(../images/layout/menu.jpg);
					background-repeat: no-repeat;
					display: block;
					text-indent: -9999em;
					height: 117px;
				}
				#header .logo li a:hover{
					background-image: url(../images/layout/menu-hover.jpg);
					background-repeat: no-repeat;
				}

			#header .logo li.login{
				width: 104px;
			}
				#header .logo li.login a{background-position: 0 0;}
				#header .logo li.login a:hover{background-position: 0 0;}
			#header .logo li.register{
				width: 97px;
			}
				#header .logo li.register a{background-position: -104px 0;}
				#header .logo li.register a:hover{background-position: -104px 0;}
			#header .logo li.cart{
				width: 85px;
			}
				#header .logo li.cart a{background-position: -201px 0;}
				#header .logo li.cart a:hover{background-position: -201px 0;}

	#header h1{
		height: 200px;
		width: 597px;
	}
		#header h1 a{
			background: url(../images/logo.jpg) no-repeat;
			display: block;
			text-indent: -9999em;
			height: 200px;
			width: 597px;
		}

	#header a, #header a:visited { color: #fff; }
	#header .navigation{ background: url(../images/layout/panel.png); margin:2px 0; }
	#header .navigation ul {
		clear: both;
		font-size: 1.3em;
		font-weight: bold;
		height: 32px;
		margin: 0 auto;
		overflow: hidden;
		width: 1000px;
	}
		#header .navigation li { float: left; line-height: 2.2em; padding: 0 8px; text-transform: lowercase; }
		#header .navigation li.alt { text-transform: uppercase; }
		#header .navigation li.opposite { float: right; }

#content {
	background: url(../images/layout/background.png) 0 0 repeat-y;
	color: #f6f6f6; /* 978c86 */
	overflow: hidden;
	width: 1000px;
}
	#content a { color: #ddd; }
	#content #sidebar, #content #sidebar-alt, #content #main { float: left; }
	#content #sidebar h2, #content #sidebar-alt h2, #content #main h2 { font-weight: normal; }
	#content #sidebar, #content #sidebar-alt { width: 187px; line-height: 1.5em; }
		#content .sidebar .box h2 {
			background: url(../images/box/header.png) 0 0 no-repeat;
			color: #bbb; /* 857973 */
			font-size: 1.8em;
			text-transform: lowercase;
			height: 50px;
			padding: 10px 0 0 15px;
			overflow: hidden;
		}
		#content #sidebar-alt .box h2{
			background: url(../images/box/header-alt.png) 0 0 no-repeat;
		}
		#content .sidebar .box h2 a, #content .sidebar .box h2 a:visited { color: #bbb; }
		#content .sidebar .box .content { font-size: 0.8em; padding: 5px 8px 10px 8px; }
		#content .sidebar .box.info {
		}
			#content .sidebar .box.info .content {
				font-size:1.2em;
				text-align: center;
			}
			#content .sidebar .box.info strong {
				display: block
			}
			#content .sidebar .box.info a.email {
				display: block;
				font-weight: bold;
				padding: 10px 0;
			}
			#content .sidebar .box.info li {
				text-align: left;
				line-height: 28px
			}
		#content #sidebar .cats-list { font-size: 1.1em; line-height: 2em; }
			#content #sidebar .cats-list li li { padding: 0 0 0 15px; }
			#content #sidebar .cats-list li li li { padding: 0 0 0 15px; }
			#content #sidebar .cats-list li li li li { padding: 0 0 0 15px; }
			#content #sidebar .cats-list li li li li li { padding: 0 0 0 15px; }
			#content #sidebar .cats-list strong { text-decoration: underline; }
	#content #main { width: 626px; }
		#content #main h2 {
			background: url(../images/box/big-header.png);
			font-weight: bold;
			padding: 13px 15px 14px;
			color: #bbb;
		}
		#content #main .content { padding: 8px 10px; font-size: 0.95em; }
		#content #main .content p {}
		#content #main .content ul {}
		#content #main .content ol {}
		#content #main .content .pagination {
			clear: both;
			margin: 0;
			padding: 20px 0;
			overflow: hidden;
		}
			#content #main .content .pagination li { float: left; }
			#content #main .content .pagination .prev { text-align: left; width: 100px; }
			#content #main .content .pagination .current { text-align: center; width: 405px; }
			#content #main .content .pagination .next { text-align: right; width: 100px; }
		#content #main .content .product {}
			#content #main .content .product .old_price { color: #c9f; text-decoration: line-through; }
			#content #main .content .product p {}
			#content #main .content .product ul { margin: 0; padding: 0; }
		#content #main .content .product_show {
			overflow: hidden;
		}
			#content #main .content .product_show .product_sort { float: left; }
			#content #main .content .product_show .product_mode { float: right; }
		#content #main .content .mode1 {
			border: 1px solid #888;
			display: block;
			overflow: hidden;
			margin-bottom: 10px;
			width: 606px;
		}
			#content #main .content .mode1 li,
			#content #main .content .mode2 li,
			#content #main .content .mode3 li { float: left; }

			#content #main .content .mode1 li.image { padding: 0 6px 0 0; width: 180px; }
			#content #main .content .mode1 li.desc { width: 289px; }
			#content #main .content .mode2 li.desc,
			#content #main .content .mode3 li.desc { width: 473px; }

			#content #main .content .mode1 li.price,
			#content #main .content .mode2 li.price,
			#content #main .content .mode3 li.price { text-align: right; padding: 0 6px; width: 78px; }
				#content #main .content .mode1 li.price span,
				#content #main .content .mode2 li.price span,
				#content #main .content .mode3 li.price span { display: block; }

			#content #main .content .mode1 li.action,
			#content #main .content .mode2 li.action,
			#content #main .content .mode3 li.action { padding: 6px 3px; width: 24px; }
		#content #main .content .mode2,
		#content #main .content .mode3 { border: 1px solid #888;margin-bottom: 10px; overflow: hidden; }
		#content #main .content .mode4 {
			border: 1px solid #888;
			float: left;
			height: 340px;
			font-size: 0.9em;
			overflow: hidden;
			margin: 0 7px 10px;
			padding: 0;
			width: 180px;
		}
		#content #main .content.new_products .mode4 {
			margin: 0 9px 10px
		}
			#content #main .content .mode4 li.image, #content #main .content .mode4 li.desc { display: block; text-align: center; padding: 4px 0; font-size: 1.1em; line-height:1.3em }
			#content #main .content .mode4 li.image { padding: 0 0 10px; width: 180px; }
				#content #main .content .mode4 li.image a { display: block; margin: 0 auto; width: 180px; }
			#content #main .content .mode4 li.price { float: left; width: 114px; padding-left: 20px }
				#content #main .content .mode4 li.price span { display: block; }
			#content #main .content .mode4 li.cart { width: 35px; }

		#content #main .content #slideshow {
			overflow: hidden;
			width: 606px;
		}
			#content #main .content .slides {
				border: 1px solid #888;
				background: #666;
				height: 300px;
				overflow: hidden;
				position: relative;
				padding-bottom: 2.1em;
				width: 604px;
			}
				#content #main .content .slides a {
					position:absolute;
					top:0px;
					left:0px;
					width:100%;
					height:100%;
					border:0;
					padding:0;
					margin:0;
					z-index:60;
					/*display:none;*/
				}
				#content #main .content .slides .nivo-slice {
					display:block;
					position:absolute;
					z-index:50;
					height:100%;
				}
				#content #main .content .slides .nivo-controlNav{
					display:block;
					position:absolute;
					width:100%;
					height:2.2em;
					background: #3c3c3c;
					border:0;
					border-top: 1px solid #888;
					bottom:0;
					z-index:80;
					cursor:pointer;
					overflow: hidden;
				}
					#content #main .content .slides .nivo-controlNav a{
						position: relative;
						display: block;
						float: left;
						padding: 2px 10px;
						width:auto;
					}
					#content #main .content .slides .nivo-controlNav a.active{
						background: #666;
					}
			#content #main .content .slides-nav {
				background: #111;
				border: 1px solid #504c49;
				border-top: none;
				overflow: hidden;
			}
				#content #main .content .slides-nav li {
					overflow: hidden;
					float: left;
				}
					#content #main .content .slides-nav li a {
						display: block;
						float: left;
						padding: 2px 10px;
					}
					#content #main .content .slides-nav li.on a {
						background: #3b342e;
					}

			#content #main .content .product_info {
				overflow: hidden;
			}
				#content #main .content .product_info .photo {
					float: left;
					width: 180px;
				}
				#content #main .content .product_info .info {
					float: right;
					overflow: hidden;
					width: 410px;
				}
					#content #main .content .product_info .info h3 {
						font-size: 1.3em;
					}
					#content #main .content .product_info .info table {
						float: left;
					}
				#content #main .content .product_info .desc {
					clear: both;
					padding: 15px 0;
				}
				#content #main .content .product_info .more {
					border-top: 1px solid #888;
					overflow: hidden;
					margin-top: 5px;
					padding-top: 5px;
				}
					#content #main .content .product_info .more .price {
						float: left;
						overflow: hidden;
						width: 200px;
					}
						#content #main .content .product_info .more .price strong {
							float: left;
						}
						#content #main .content .product_info .more .price .prices {
							float: right;
							text-align: right;
							padding-right: 60px;
						}
							#content #main .content .product_info .more .price .prices span {
								display: block;
							}
							#content #main .content .product_info .more .price .prices .old_price {
								color: #666; text-decoration: line-through;
							}
					#content #main .content .product_info .more .cart {
						float: right;
						overflow:hidden;
						width: 244px;
					}
						#content #main .content .product_info .more .cart input[name='ile'] {
							width: 40px;
						}
						#content #main .content .product_info .more .cart input[type='image'] {
							vertical-align: middle;
						}
						#content #main .content .product_info .more .cart table {
							float: right;
						}
						#content #main .content .product_info .more .cart div {
							padding: 0 5px;
						}
						#content #main .content .product_info .more .cart img {
							float: right;
						}
			#content #main .content input[name='nazwa_firmy'] {width: 115px !important; margin-right: 5px !important;}
			#content #main .content input[name='nip'] {width: 110px !important;}
			#content #main .content input[name='imie'] {width: 115px !important; margin-right: 5px !important; margin-bottom: 5px;}
			#content #main .content input[name='nazwisko'] {width: 110px !important;}
			#content #main .content input[name='ulica'],
			#content #main .content input[name='firma_ulica'] {width: 125px !important; margin-right: 5px !important; margin-bottom: 5px;}
			#content #main .content input[name='dom'],
			#content #main .content input[name='firma_dom'] {width: 40px !important;}
			#content #main .content input[name='mieszkanie'],
			#content #main .content input[name='firma_mieszkanie'] {width: 40px !important;}
			#content #main .content input[name='kod_pocztowy'],
			#content #main .content input[name='firma_kod_pocztowy'] {width: 80px !important; margin-right: 5px !important; margin-bottom: 5px;}
			#content #main .content input[name='miasto'],
			#content #main .content input[name='firma_miasto'] {width: 145px !important;}
			#content #main .content input[name='wojewodztwo'],
			#content #main .content input[name='firma_wojewodztwo'],
			#content #main .content input[name='firma_telefon'],
			#content #main .content input[name='telefon'],
			#content #main .content input[name='haslo'],
			#content #main .content input[name='umail'],
			#content #main .content input[name='password'],
			#content #main .content input[name='cena_min'],
			#content #main .content select[name='kategoria'],
			#content #main .content select[name='dostepnosc'] {margin-bottom: 5px;}

#footer {
	background: url(../images/layout/panel.png);
	font-size: 0.8em;
	height: 22px;
	overflow: hidden;
	padding: 5px 10px;
	width: 980px;
}