@charset "utf-8";

html, body { height: 100%; margin: 0; padding: 0; }
body { background: #FFFFFF url(../img/body_tlo.jpg) 0 0 repeat-x; padding:0; margin: 0; font-size: 11px; font-family: Arial, Verdana, Tahoma; text-align: center; color: #666666; }
form { margin:0; padding:0 }

* {margin:0; padding:0;}

html, body { height: 100%; }

img {border:none; vertical-align:middle;}

ul {margin:0; padding:0;}

a {text-decoration: none; outline: none;}

#prawa a {outline:none; text-decoration:none; font-family: Arial, Verdana; color: #666666; text-decoration: underline;}
#prawa a:hover {text-decoration: none;}

#container {width: 980px; height: auto !important; height: 100%; min-height: 100%; position: relative; margin:0 auto;}

#content {width: 980px; padding: 0 0 125px 0;}

.czysc {clear: both; font-size: 1px; line-height: 0; height: 0; }

#gora-lewa {width: 570px; float: left; height: 92px; padding: 31px 0 0 0; text-align: left;}

#gora-prawa {width: 380px; float: left; height: 118px; text-align: right; padding: 5px 30px 0 0; color: #D5D5D5;}

a.zaloz {color: #D5D5D5; font-size: 10px; text-decoration: none; font-family: Verdana, Arial;}
a.zaloz:hover {text-decoration: underline;}

a.konto {color: #D5D5D5; font-size: 10px; text-decoration: underline; font-family: Verdana, Arial;}
a.konto:hover {text-decoration: none;}

a.link {font-family: Arial, Verdana; font-size: 11px; color: #666666;}
a.link:hover {color: #CCCCCC;}

form td {color: #444444; font-family: Tahoma, Arial; font-size: 11px;}

.inp {border: 1px solid #CCCCCC; font-size: 11px; font-family: Tahoma, Arial; padding: 2px; color: #666666;}

#cena-koszyk {font-family: Tahoma, Arial; font-weight: bold; font-size: 9px; color: #000000; text-align:center; padding: 5px 0 0 230px;}

#menu {height: 43px; background: url(../img/menu_bkg.jpg) 0 0 repeat-x;}
#menu li {float: left; list-style: none; margin: 0; height: 43px; font-family: Verdana, Arial; font-size: 10px; color: #666666;}
#menu li.odstep {width: 1px;}
#menu li a {display: block; height: 28px; color: #0D2B3F; font-size: 10px; font-family: Verdana, Arial, Tahoma; float: left; padding: 15px 20px 0 20px; text-decoration: none;}
#menu li img {vertical-align: top;}
#menu li a:hover {background: url(../img/menu_bkg_hover.jpg) 0 0 repeat-x;}
#menu li.nostyle a {display: inline; background: none; height: auto; padding: 0;}
#menu li.nostyle {height: 38px; padding: 5px 0 0 0;}

#okruszki {padding: 5px 0 0 10px; font-family: Arial, Verdana; font-size: 10px; color: #666666; text-align: left;}
#okruszki a {font-family: Arial, Verdana; font-size: 10px; color: #666666;}
#okruszki a:hover {color: #999999;}

#prod-box {padding: 0 0 0 12px;}
.suwak {width: 724px; height: 160px; background: url(../img/suwak_tlo.gif) 0 0 no-repeat; padding: 3px; position:relative;}
.suw .przekreslona {font-family: Arial, Verdana; color: #999999; font-size: 10px; text-decoration:line-through; position: absolute; top: 45px; left: 5px;}
.suw {position: absolute; top: 3px; left: 3px;}
.suw li span.cena {font-family: Arial, Verdana; font-size: 13px; color: #666666; font-weight: bold; position: absolute; top: 55px; left: 5px;}
.suw a:hover img {-moz-opacity:.7; filter:alpha(opacity=70); opacity:.7;}
a.menu1 {height: 16px; background: #F0F0F0 url(../img/tlo3.gif) 100% 0 no-repeat; display: block; float: left; color: #999999 !important; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; padding: 0 25px; line-height:16px; position: relative; margin: 0 1px 0 0; text-decoration: none !important;}
a.menu1 .lewy-bok {display: block; position: absolute; top: 0; left: 0; width: 4px; height: 16px; background: url(../img/tlo2.gif) 0 0 no-repeat; font-size: 1px;}
a.menu2 {height: 16px; background: #1B557C url(../img/tlo4.gif) 100% 0 no-repeat; display: block; float: left; color:#FFFFFF !important; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; padding: 0 25px; line-height:16px; position: relative; margin: 0 1px 0 0; text-decoration: none !important;}
a.menu2 .lewy-bok {display: block; position: absolute; top: 0; left: 0; width: 4px; height: 16px; background: url(../img/tlo1.gif) 0 0 no-repeat;}
a.menu1:hover {background: #1B557C url(../img/tlo4.gif) 100% 0 no-repeat; color:#FFFFFF !important;}
a.menu1:hover .lewy-bok {background: url(../img/tlo1.gif) 0 0 no-repeat;}
a.prod-nazwa {font-family: Verdana, Arial; font-size: 10px; color: #999999;}
a.prod-nazwa:hover {color: #666666;}
.rightitem {width: 59px; float: left; position: relative;}
.leftitem {width: 110px; float: left;}

#baner {position: relative; width: 700px; height: 340px; float: left;}
#baner-numeracja {position: absolute; top: 320px; left: 0; width: 694px; height: 15px; padding: 1px 6px 4px 0; z-index: 1000;}
#baner-numeracja a.normal {padding: 0 3px; line-height: 13px; height: 13px; display: block; text-align: center; background-color: #FFFFFF; border: 1px solid #9E8669; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; color: #666666; margin: 0 0 0 3px; float: right;}
#baner-numeracja a.normal:hover {background-color: #E9E9E9;}
#baner-numeracja a.active {padding: 0 3px; line-height: 13px; height: 13px; display: block; text-align: center; background-color: #E9E9E9; border: 1px solid #9E8669; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; color: #666666; margin: 0 0 0 3px; float: right;}

#baner .ban {position: absolute; left: 0;}

#form-main {float: left; width: 278px; border-left: 2px solid #C2BAB8; height: 340px; color: #0C2B3F; background-color: #FAFAFA;}
#form-main td {color: #0C2B3F;}
#form-main a.lnk {text-decoration: underline; color: #0C2B3F;}
#form-main a.lnk:hover {text-decoration: none;}
.chck {margin: 0 12px 0 0;}

h2.tytul1 {font-size: 10px; font-family: Verdana, Arial; font-weight: bold; color: #0D2B3F; padding: 0 0 0 10px;}

#lewa {width: 180px; margin: 20px 0 0 0; padding: 0 20px 0 0; float: left; text-align: left;}
#prawa {width: 730px; float: left; margin: 20px 0 0 0; padding: 0 25px 20px 25px; text-align: left; color: #666666; position: relative; font-family: Arial, Verdana; line-height: 17px; font-size: 11px;}
#lewa ul li {list-style: none;  padding: 5px 0; margin: 0; border-top: 1px solid #F8F8F6;}
#lewa ul.kategorie li a {color: #666666; font-family: Verdana, Arial; font-size: 10px;}
#lewa ul.kategorie li a:hover {color: #CCCCCC;}
#platnosci {padding: 30px 0 0 40px;}
#lewa ul.kategorie {padding: 12px 0 0 13px;}
#lewa ul.podkategoria {padding: 0 0 0 20px; margin: 0;}
.box_subcategory {height: 0; line-height: 0;}
.box_subcategory ul li {line-height: normal;}
li.sep {height: 1px; line-height: 1px;}
#prawa h2 {font-size: 14px; font-weight: bold; color: #666666; font-family: Arial, Verdana, Tahoma; text-align:left; padding: 0;}
.produkt {width: 149px; float: left; text-align:center; padding: 15px 16px 0 16px; height: 280px;}
.produkt-lewa {width: 60px; float: left; text-align:left;}
.produkt-prawa {width: 149px; text-align: center; font-size: 14px; font-family: Tahoma, Verdana; color: #000000; font-weight: bold;}

.jcarousel-skin-ie7 a {text-decoration: none !important;}
.jcarousel-skin-ie7 a:hover {color: #CCCCCC !important;}

.forms {border: 1px solid #0D2B3F; background-color: #000000; font-size: 10px; padding: 2px; height: 16px; color: #F0F0F0; font-family: Verdana, Arial;}

a.produkt-koszyk {color: #666666; font-family: Tahoma, Verdana; font-size: 11px; font-weight: normal; line-height: 15px; text-decoration: none !important;}
a.produkt-koszyk:hover {color: #CCCCCC !important;}

.produkt-separator {width: 1px; float: left; padding: 15px 0 0 0;}

a.nazwa-produktu {font-family: Arial, Verdana; font-size: 12px; color: #666666; text-decoration: none !important;}
a.nazwa-produktu:hover {color: #CCCCCC !important;}
.produkt a:hover img {-moz-opacity:.6; filter:alpha(opacity=60); opacity:.6;}

.rozmiar {color: #929292; font-family: Tahoma, Verdana; font-size: 9px;}

#footer {width: 980px; position: absolute; left: 0; bottom: 0; padding: 10px 0 0 0; height: 110px; border-top: 1px solid #F0F0F0;}
#footer li {list-style: none; text-align:left; padding: 1px 0;}
#footer a {font-family: Tahoma, Verdana; color: #666666; font-size: 9px; font-weight: normal;}
#footer a:hover {color: #000000;}
#footer ul {padding: 0;}
.lista {float: left; padding: 0 12px; width: 155px;}
#tagi {float: left; border-left: 1px solid #F1EDED; height: auto !important; height: 70px; min-height: 70px; padding: 0 0 0 15px; width: 554px;}
#tagi a {font-family: Arial, Verdana; font-size: 11px; color: #666666;}
#tagi a:hover {text-decoration: underline; color: #666666;}
#stopka-dol-lewa {font-family: Tahoma, Verdana; color: #666666; font-size: 9px; text-align: left; padding: 30px 0 0 0; width: 490px; float: left; font-weight: normal !important;}
#stopka-dol-prawa {font-family: Tahoma, Verdana; color: #666666; font-size: 9px; text-align: left; padding: 30px 0 0 0; width: 490px; float: left; text-align:right; font-weight: normal;}

#stopka-dol-prawa a {font-family: Tahoma, Verdana; color: #666666; font-size: 9px;}
#stopka-dol-prawa a:hover {color:#999999;}

#zone1 {text-align: right; width: 410px; padding: 10px 0 0;}
.error {color:#990000; font-family: Arial, Verdana; font-size: 11px; font-weight: normal;}

.error1 {color:#F0F0F0; font-family: Arial, Verdana; font-size: 11px; font-weight: normal;}

.gwiazdka {color: #FF0000;}

.komunikat {color: #990000; font-family: Arial, Verdana; font-size: 11px;}

a.kopiuj {color: #666666; text-decoration: none; font-size: 11px;}
a.kopiuj:hover {text-decoration: underline;}

.wymagane { font-size: 11px; padding:1px 2px 1px 2px; margin:0; background-color: #FBE9EA; text-decoration: none; color: #5E584A; border: 1px solid #FF0000; }

.error_mini{ font-size: 11px; font-weight: bold; text-decoration: none; color: #FF0000; }

#ktory_krok { width:100%; height:27px; vertical-align:middle; text-align:center; }
#tab-kosz p {padding:0; margin:0;}

.inp_num{ 
 	width: 20px;
	text-align:right;
	
	font-size: 11px; 
	padding:1px 2px 1px 2px;
	margin:0;
	background-color: #FAFAFA; 
	text-decoration: none; 
	color: #5E584A; 
	border: 1px solid #BEC9D2; 
}

a.l_nie_11_b {color: #666666; font-size: 12px; font-family: Arial, Verdana; text-decoration: none !important;}
a.l_nie_11_b:hover {color: #CCCCCC !important;}

#payselect { width: 540px; }
#payselect .payoption { width: 180px; float:left; text-align:left; }
#payselect .payoption img { vertical-align:middle; }

.td_top { font-size: 11px;  font-weight: normal;  border-bottom: 1px solid #CCCBD0; padding: 3px; background: #F0F0F0; padding-left: 5px; padding-right: 5px;  font-family: Arial, Verdana;}
.td_hard { font-size: 11px;  font-weight: normal;  border-bottom: 1px solid #CCCBD0; padding: 3px; background: #F0F0F0;  padding-left: 5px; padding-right: 5px;  font-family: Arial, Verdana;}
.td_soft { font-size: 11px;  font-weight: normal;  border-bottom: 1px solid #CCCBD0; padding: 3px; background: #FFFFFF;   padding-left: 5px; padding-right: 5px;  font-family: Arial, Verdana;}
.td_light { font-size: 11px;  font-weight: normal;  border-bottom: 1px solid #CCCBD0; padding: 3px; background: #FFFFFF;   padding-left: 5px; padding-right: 5px;  font-family: Arial, Verdana;}

.td_hard a, .td_soft a {color: #666666; font-family: Arial, Verdana; font-size: 11px;}
.td_hard a:hover, .td_soft a:hover {color: #CCCCCC;}

a.notupdate, .notupd {color:#990000; font-size:11px; text-decoration:none;}
a.notupdate:hover { color:#666666; }

.ukryj_1 {display:none;}

.t_nie_11_b{ font-size: 11px; font-weight: bold; color: #666666; }

#stronicowanie {padding: 2px; text-align: center;}
#stronicowanie a {font-size: 12px; font-family: Arial, Verdana; color: #0D2B3F; text-decoration: none !important;}
#stronicowanie a:hover {color: #CCCCCC;}

#zdjecia {width: 362px; float :left; margin:0 10px 10px 0; text-align: left;}
#mContainer { position:relative; width:362px; height:272px; padding:0; margin:0; }

#product_image_container{ width: 360px; height: 270px; border: 1px solid #F0F0F0;}
#product_image_lupka{ position:absolute; top:0px; left:0px; width:100px; height:100px; border:1px solid #F0F0F0; display:none; z-index:1000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background-color:#FFFFFF;}
#product_image_container_opacity{ width:360px; height:270px; background-color: #DDDDDD; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; display:none; z-index:500;}
#product_image_powiekszenie{ position:absolute; top:0; left:362px; width:360px; height: 270px; border:1px solid #F0F0F0; background-color:#6699CC; display:none;}


#prodBox { padding:10px 10px 10px 10px; text-align: left;}
#prodBox #mContainer { float:left; margin:0 10px 10px 0; text-align: left;}
#prodName { padding:0 0 10px 0; }
#prodName h4 { color:#333333; margin:0; padding:0 0 10px 0; font-size:10px; }
#prodName h1 { color:#666666; margin:0; padding:0 0 10px 0; font-size:16px; font-family: Arial, Verdana;}
#prodName span.abstrakt { font-size:11px;  color:#666666; font-family: Arial, Verdana;}
#prodPrice { color:#666666; font-size:15px; font-family: Arial, Verdana; font-weight: bold;}
#prodOldPrice { color:#666666; font-size:12px; font-family: Arial, Verdana; text-decoration:line-through; padding:0 10px 0 10px; }
#prodInfo { color:#333333;  line-height: 15px; font-size: 11px; font-family: Arial, Verdana; text-align: justify;}
#prodAtr { clear:both; }
#prodAtr table { width:100% }
#prodAtr th { background: #FFFFFF url(../img/bg_block.gif) repeat-x 50% 0; text-align:center; }
#prodAtr th h3 { color:#FF3300; font-size:11px; font-weight:bold; color:#FFFFFF; margin:0; }
#prodAtr td { text-align:right; border:1px solid #FFFF00; border-width:1px 0 0 0; }
#prodAtr td.atr { font-weight:bold; text-align:left; width:40%; }
#prodFotos, #producentFotos { margin:0; padding:0; text-align:center; }
#prodSimil { margin:0; padding:0; text-align:center; }

.mini { position:relative; background: url(../img/bg_item.gif) 0 0 no-repeat; width:180px; height:245px; text-align:center; float:left; margin:20px 0 0 22px; padding:0; display:inline;}
.mini .name { width:100%; }
.mini .name a { display:block; padding:3px 0 0 0; text-decoration:none; color:#F97921; font-weight:bold; }
.mini .name a:hover { color:#990000; }
.mini .name img { width:130px; height:170px; border:0; }
.mini .price { width:160px; padding:0 0 0 0; height:49px; position:absolute; left:0; bottom:0; text-align:right; font-weight:bold; color:#990000; }
.mini .price1 { width:180px; padding:0; height:25px; position:absolute; left:0; bottom:10px; text-align:center; font-weight:bold; color:#990000; }

#prodFiles { margin:0; padding:10px 0 0 0; text-align:center; clear:left; }
#prodFiles th { background: #FFFFFF url(../img/bg_block.gif) repeat-x 50% 0; text-align:center; }
#prodFiles td { border:1px solid #FFFF00; border-width:1px 0 0 0; }
#prodFiles img { vertical-align:middle; }

.nazwa_prod {float:left; width:120px; padding:0 20px 0 0;}
.nazwa_prod a {font-size: 12px;}
.logo_prod {float:left; width:100px; text-align:right;}

.kom-text {font-size:11px; font-weight:bold; color:#FF0000;}

.cart a {text-decoration: none !important;}
.cart a:hover {color: #CCCCCC !important;}

#sitemap ul {padding: 0 0 0 20px;}
#sitemap li {list-style: none; padding: 3px 0;}
#sitemap li a {color: #666666; font-family: Arial, Verdana; font-size: 11px;}
#sitemap li a:hover {color: #0C2B3F;}

h3 {font-size: 12px; color: #666666; padding: 0 0 10px 0; font-family: Arial, Verdana;}

#serie-suwak {padding: 5px 0 0 0;}
#serie-suwak a:hover img {-moz-opacity:.7; filter:alpha(opacity=70); opacity:.7;}
.tabelka th {background-color: #F0F0F0; padding: 2px 5px; text-align:center;}
.tabelka td {padding: 2px 5px; text-align: center;}

#slider {width: 150px;}

.inp option {padding: 0 3px;}

.stanmag {color: #FF0000; font-size: 11px; font-weight: normal; font-family: Arial, Verdana;}

.prom-label {font-family: Arial, Verdana; font-size: 11px; color: #DD0000; text-align: center;}