/* -----------------------------------------------------------------------

 CSS 
 http://www.artneo.pl
 
   * autor: Dominik Zak (dominik@artneo.pl)

----------------------------------------------------------------------- */


/*clearfix
------------------------------------*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*css reset
------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption {margin: 0; padding: 0; border: 0;outline: 0; font-size: 100%; vertical-align: baseline;background: transparent;}


/*body
------------------------------------*/
body {font-size: .75em; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fff;color: #000000; margin:0; padding:0;}

/*strona
------------------------------------*/
#wrapper {margin: 0 auto; padding: 0px; width: 980px;text-align: left; /*border: 1px solid red;*/}
	#top {background:url(../img/top.jpg) no-repeat; height:104px; position:relative;}
		.logo {display:block; float:left; height:104px; width:305px; text-indent:-9999px;}
		#koszyk {width:139px; height:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; position:absolute; top:32px; left:841px;}
			.zawartosc_koszyka {background:url(../img/zawartosc_koszyka.jpg) no-repeat; height:17px; width:139px; text-indent:-9999px;}
	#nav_login {}
	#nav {height:45px; float:left;width:520px;}
		#logowanie {font-size:10px; width:391px; float:right; padding:15px 0 0 0;}
			#logowanie input {outline:none;}
			.user {border:1px solid #000; padding:0; height:14px; width:110px; float:left; font-size:10px; padding:1px; margin:0 9px 0 0;}
			.user:focus {border:1px solid #F36523;}
			#logowanie label{float: left;text-align: right;display: block; margin:0 3px; padding: 4px 0 0 0;}
	#search { background:#e4e3e3; height: 50px; position:relative;}
		#search label {margin-top:10px; display:block; float:left; background:url(../img/szukaj_tlo.jpg); height:40px; width:121px; text-indent:-9999px;}
		.search_info {padding: 3px 0px 0px 142px; font-weight: bold;}
		.search {position:absolute; top:20px; left:140px; width:595px; background: #fff; border: 1px solid #b4b4b4; height:18px; padding:1px; color:#5c5c5c;}
		.search:hover {background: #f7f7f7;}
		.search:focus {border:1px solid #676767;}
		.search_submit {outline:none; position:absolute; top: 20px; left:744px;}
		.advanced_search {position:absolute; top:24px; left:835px;}
	#jestes {height:36px; color:#C2C2C2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:34px; position:relative;}
	#content {}
		#nav_left {float:left; width:248px;}
		#nav_left_in {margin:0 8px 0 0; border:1px solid #B4B4B4; position:relative; min-height:22px;}
			.kategoria_up {position:absolute; display:block; height:22px; width:80px; z-index:100; left:156px; text-indent:-9999px;}
			#nav_left h3 {position:absolute; display:block; background:url(../img/menu_kategorie.jpg) no-repeat; height:22px; width:238px;  text-indent:-9999px; top:0; left:0;}
			#nav_left_ul {list-style:none; margin:35px 0 10px 25px; padding:0;}
			#nav_left_ul_podkategoria {list-style:none; margin:0; padding:4px;}
				#nav_left_ul_podkategoria a {color: #2f2f2f; text-decoration:none; border-bottom:1px solid #eaeaea; font-weight:bold;}
				#nav_left_ul_podkategoria a:hover {color: #444444; text-decoration:none; border-bottom:1px solid #808080;}
				#nav_left_ul_podkategoria li:first-letter  {text-transform:uppercase;}
					#nav_left_ul_podkategoria_podkategorii {list-style:none; margin:0; padding:4px;}
     				#nav_left_ul_podkategoria_podkategorii a {color:#454545;font-weight:normal; }

		#karty_left {background: #F26520;width:230px; height:70px; margin:10px 0; padding:10px 0 0 10px;}
			#karty_left p {background:url(../img/karty.jpg) no-repeat;display:block; height:59px; width:219px; text-indent:-9999px; padding-top:20px;}
		#content_catalog {float:right; width:730px;}
			#box_flash {}
			#catalog_header {background:url(../img/naglowek_katalog.jpg) no-repeat #FF6600; height:30px; width:730px; position:relative; margin:0 0 15px;}
				#catalog_header h1 {position:absolute; text-transform:uppercase; top:8px; left:52px;}
					#catalog_header h1 a {color: #fff; text-decoration:none;}
					#catalog_header h1 a:hover {text-decoration:underline;}
				#catalog_header p {padding:8px; float:right;}
					#catalog_header p a  {color: #fff; text-decoration:none; font-weight:normal; font-size:11px;}
			#catalog_wrapper {}
				#catalog_product {width:130px; min-height:190px; border: 1px solid #E3E3E3; display:inline; background:url(../img/produkt_tlo.jpg)  bottom no-repeat; position:relative; text-align:center;}
					.col {float:left;display:inline; margin:0 7px 10px; }
					.foto {margin:3% 0 0 0; height:90px; width:125px;}
					.opis {font-size:11px;}
					.cena {font-size:14px; font-weight:normal; padding-top:5px;}
					.cena_no {font-size:12px; font-weight:normal; color:gray;}
					.wiecej { position:absolute; bottom:2%; left:9px; Display:block; height: 18px; width:112px; text-indent:-9999px; background: url(../img/wiecej.jpg);}
    				.dodaj {margin:2px 9px 5px 9px;Display:block; height: 18px; width:112px;text-indent:-9999px; background: url(../img/dodaj_do_koszyka.jpg);}
	#footer {
	background: #E2E2E2;
	height:110px;
	margin:30px 0 0 0;
	clear:both;
	position: relative;
}
		#footer_col {float:left; width:150px;}
			.footer_h2 {color: #FF6600; margin:15px 0 0 8px;}
			#footer_col ul {margin:3px 0 0 12px; padding:3px; list-style:none;}
			
	#footer_down {background: #FF6600; height:15px;  margin:0 0 30px 0; color:#fff; text-align:right; padding:10px 5px 10px 4px; position:relative;}
		.artneo {position:absolute; top:7px; left:170px;}
					.lewa {float:left;}
			.prawa {float:right;}

		
/*menu
------------------------------------*/
	#nav_ul li, #stopka_ul li { display: inline; padding:0; margin:0; }
	#nav_ul, #stopka_ul { list-style:none;padding:0; margin:0;} 
	#nav_ul a {background: url(../img/menu.jpg); display:block; height:45px; text-indent: -9999px; float:left; width:782px;}
		#nav_ul li a.rejestracja {width:122px; background-position:0 0;}
			#nav_ul li a.rejestracja:hover, ul#nav_ul li a.rejestracja_active {width:122px; background-position:0 -45px;}
		#nav_ul li a.regulamin {width:122px; background-position:-122px 0;}
			#nav_ul li a.regulamin:hover, ul#nav_ul li a.regulamin_active {width:122px; background-position:-122px -45px;}		
		#nav_ul li a.polityka-prywatnosci {width:154px; background-position:-244px 0;}
			#nav_ul li a.polityka-prywatnosci:hover, ul#nav_ul li a.polityka-prywatnosci_active {width:154px; background-position:-244px -45px;}
		#nav_ul li a.twoje-konto {width:122px; background-position:-398px 0;}
			#nav_ul li a.twoje-konto:hover, ul#nav_ul li a.twoje-konto_active {width:122px; background-position:-398px -45px;}	
/*linki
------------------------------------*/
a:link, a:visited, a:active {font-size: 12px; text-decoration: underline; color:#6d0f10;}
a:hover {text-decoration: underline; color:#6d0f10;}

a:link.czarny, a:visited.czarny, a:active.czarny  {text-decoration: underline; color:#000; font-size:10px;}
a:hover.czarny {text-decoration: underline;color:#2d2d2d}

a:link.jestes, a:visited.jestes, a:active.jestes  {text-decoration: none; color:#c2c2c2; font-size:11px;}
a:hover.jestes {text-decoration: underline;color:#c2c2c2}

a:link.kategoria, a:visited.kategoria, a:active.kategoria  {text-decoration: none; color:#000; font-size:12px; font-weight:bold; text-transform:uppercase;}
a:hover.kategoria {text-decoration: underline;color:#000}

a:link.foot, a:visited.foot, a:active.foot  {text-decoration: none; color:#FF6600; font-size:12px; font-weight:bold;}
a:hover.foot {text-decoration: underline;color:#FF6600}

a:link.foot_czarny, a:visited.foot_czarny, a:active.foot_czarny  {text-decoration: none; color:#000; font-size:11px; font-weight:bold;}
a:hover.foot_czarny {text-decoration: underline;color:#000}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#fff; font-weight:bold; font-size:11px; }
a:hover.stopa {text-decoration: underline;color:#fff}
#logo_ktm {
	background-image: url(../img/ktm.jpg);
	background-repeat: no-repeat;
	height: 71px;
	width: 144px;
	position: absolute;
	left: 803px;
	top: 20px;
}