/* 	Copyright (c) Gicomp - http//www.gicomp.pl 	
	CSS 2.2   							  					
	Sklep CSS Version:1.1, Date: 18.07.2006					
														  */
body {
	color:#000;
    font-family:Verdana, Tahoma, Helvetica, sans-serif;
    font-size:82%;
    margin:0; padding:0;
    background-color:#FFF;
}

/* Linki na stronie <a> - zwykłe w tekscie */
a, a:link {color:blue; text-decoration:underline;}
a:visited {color:#4169E1;}
a:hover, a:active {color:red;}

/* Ikonki z Linkami */

/* Link "więcej" - graficzny */ 

a.more {padding-right:20px; background:transparent url(Images/arrow-blue.gif) right no-repeat; text-decoration: none }

/* Link "więcej" - tekstowy */ 
a.more-txt,
a.more-txt:visited {color: #000066; font-weight:bold; padding:0; text-decoration:none;}
a.more-txt:hover {text-decoration:underline;}
a.more-txt span {color: #FF4500;}

/* PDF DOC */

.doc {background: transparent url(Images/icons/doc.png) no-repeat left;}
.pdf {background: transparent url(Images/icons/pdf.gif) no-repeat left;}
.pdf, .doc {padding-left:25px;}

/* NEWS */

a.news {padding-left:15px; background: transparent url(Images/news1.gif) no-repeat left;}
a.news:link {color:#000099;}
a.news:hover {color:red;}

/* Tekst */

h1, h2, h3 {color: #003399; font-weight: normal;}
/*h1 a:link, h2 a:link, h3 a:link {text-decoration: none}*/

h1 a, h2 a, h3 a {text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:underline;}

h1	{font-size: 150%; font-weight:normal; margin:1.2em 0 1.2em 0;}
img.logo {vertical-align:middle}

h2	{font-size:135%; }
h2.red, h2.red a, h2.red a:visited {color:red;}
h2.blue, h2.blue a, h2.blue a:visited {color:blue;}
h2.black, h2.black a, h2.black a:visited {color:black;}

h3 {font-size:100%; font-weight:bold;}

/* Paragrafy */
p {text-align:justify; line-height:150%; margin:0;}

/* Akapity */
p.akapit, p.a {text-indent:18pt; line-height:150%;} 
div.akapit { height: 1%; /* Fix for IE */}

p.italic-tekst {width:100%;  /*for IE6 bug*/  }
p.i, p.italic {font-style:italic; width:98%;  /*for IE6 bug*/  }

p, ul, ol {color: #000080;}
ol, ul {margin-top:0.6em; margin-bottom:0.6em;}
ul.kropka {list-style-image:url('Images/dot-ul.gif');}
ul.kropka ul {list-style-image:none;}
ul ul, ul ul ul, ol ol {font-size:100%;}
ul li, ol li {font-size:100%; line-height:150%;}

/* dla (R) &reg; i indeksów dolnych */

sup, sub {font-size:80%;} 
small, .small {font-size:85%;}

/* Linia pozioma oddzielajaca */

hr {color:#000090; height: 1px; border-bottom-style: none; }

/* Obrazki */

a img {border:0;}

img.img80, img.img100, img.img120, img.img200 { display:block; overflow: hidden; }
img.img80  {max-height:80px; max-width:80px;}
img.img100 {max-height:100px; max-width:100px;}
img.img120 {max-height:120px; max-width:120px;}
img.img200 {max-height:200px; max-width:200px;}

p.akapit img, p.a img {margin-top:0.4em;}
img.ramka {	border:0px solid #000;}
img.left {margin-right:1.5em;}
img.right {margin-left:1.5em;}

/* Centrowanie */

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

/* Dodatkowe style */

.break {clear:both;}
.hide {display:none;}

/* -------------------------
	Struktura strony 		
--------------------------*/

div#allcontent {width:100%; margin:0; min-width:770px;}
div#head-line {height:5px; background:#cfd3d5 url(Images/head-line.gif) repeat-x top; border-top:2px solid black; overflow:hidden;}
div#head {width:100%; height:79px; background:#235c93 url(Images/head.gif) repeat-x top; border-bottom:1px solid #003366; overflow:hidden;}
div#head-left {width:82%; height:97px; float:left; overflow: hidden;}
div#head-logo {width:118px; padding-left:15px; float: left;}
div#head-banner {width:468px; margin-left:27px; padding: 8px 0 0 0; text-align: center; float: right; overflow: hidden;}
div#head-right {width:15%; height:79px; float:right; background:#2766a1 url(Images/head-right.gif) repeat-x top;}

/* Menu z linkami - Koszyk, Login, Pomoc */	
   
div#headmenu {width:100%; height:79px; background:transparent url(Images/head-arc.gif) no-repeat left top;}
div#headmenu ul{margin:0; padding:7px 0 0 0; line-height: 20px;}
div#headmenu ul li { font-size: 13px; list-style-type:none; padding:1px 10px 1px 25px; margin: 0px;}
div#headmenu li a { color:#fff; font-size: 13px; letter-spacing:1px; font-weight:normal; text-decoration:none; font-family:Tahoma, Verdana, Arial, sans-serif;}

div#headmenu a:link, div#headmenu a:visited {color:#fff;}
div#headmenu a:hover, div#headmenu a:active {color:#ff0; text-decoration:underline;}
div#headmenu a.menu-cart, div#headmenu a.menu-login, div#headmenu a.menu-question
{
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
}

div#headmenu a.menu-cart {background-image:url(Images/hm-cart.gif);}
div#headmenu a.menu-login {background-image:url(Images/hm-login.gif);}
div#headmenu a.menu-question {background-image:url(Images/hm-question.gif);}

/* 								
		Menu Top - górne Menu 	
							  */

div#menu-top
{
	font-size:92%;
	font-weight:bold;
	border-top:1px solid #ffeea8;
    border-bottom:1px solid #ffd627;
    background:#ffd627 url(Images/menu-top.gif) repeat-x top;
}
div#menu-top ul{margin:0; padding:0; line-height:100%;}
div#menu-top ul li
{
	float:left;
	margin-top:1px;
    list-style-type:none;
	border-right:1px solid #FDE698;
    background:#ffd627 url(Images/menu-top.gif) repeat-x top;
}

div#menu-top li a
{
    color:#000;
    letter-spacing:1px;     
    font-weight:bold; 
    text-decoration:none;
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    padding:5px 10px 5px 10px;
	display:block;
	border-right:1px solid #D97A07;
	white-space: nowrap;
}

div#menu-top a:link, div#menu-top a:visited {color:#000; }
div#menu-top a:hover, div#menu-top a:active {
	color:#A52A2A; 
    padding:6px 10px 4px 10px;
    background-color: #FFDE55;
}

/* PATH - Sciezka */

div#path
{
    padding:0.5em 0 0.4em 0.7em;
    background:#eff5ff url(Images/path.gif) repeat-x top;
	border-bottom:1px solid #bed5ff;
}
div#path p {font-size:95%; color:#000; margin:0;}
div#path p a
{
    color:#00F;
	margin:0 5px 0 0;
    text-decoration:underline;
	background:url(Images/path-arrow.gif) center right no-repeat;
	padding-right:15px;
}

div#path p a:hover {color:red; text-decoration:underline; }
div#path p b {color:#003399; }

/* Kolumny strony */

div#columns {padding: 0px 10px 0 10px;}
div#col-left {width:19%; float:left;}
div#col-right {width:19%; float:right;
    margin-top: 0px;
}

/* Srodkowa kolumna */
div#content {margin:0 20% 0 20%;}
div#content-fix {float:left; width:100%;}
div#content-design {height:1%; padding:0 0 0.9em 0;}

/* Box ramki bocznych okienek */

div.box {width:100%; margin-top:0.9em;}
div.box a, div.box a:visited {color:#003399;}
div.box p {font-size:90%; line-height:130%; margin:0.5em 0 0.5em 0;}
div.box h3 {font-size:85%; font-weight:normal; margin-bottom:0.5em}
div.box h3 a {font-weight:normal; text-decoration:none;}
div.box ul {margin:0.5em 0 0 1em;padding:0;}
div.box ul li {margin:0; padding:0; list-style-type:disc;}
div.box label {color: #000080; font-weight:bold;}
div.box span.price {text-align:right; color:Red; font-weight:bold;}
div.box span.number {font-weight:bold;}

div.item { margin:0.5em 0 0.4em 0}

/* BOX - wielkosc */

div.box h2 {
	margin: 0px; 
	font-size: 100%;
	font-weight: bold;
	padding: 4px 5px 5px 10px;
	border-style: solid;
	border-width: 4px 1px 1px;
}
div.box div.box-content {
	padding:10px 10px 15px 10px;
	border-style:solid;
	border-width:0 1px 1px;
}

/* Box - Kategorie - Menu */

div.kategorie div.box-content {padding:5px 10px 15px 10px;} /* Wyjątek dla kategorii */
div.kategorie ul {margin:0; padding:0;}
div.kategorie li.menu {
	line-height:110%;
	margin:0;
	border-bottom: 1px dashed #B1C2E2;
    list-style-type:none;
	/*	border-bottom:1px solid #ebf2ff;*/ /* ukryta linia */
}

div.kategorie li a
{
    color:#000066;
	font-size: 90%;
    text-decoration:none;
	letter-spacing: 1px;
	font-family:Tahoma, Helvetica, sans-serif "Courier New", Courier, monospace;
	background: transparent url(Images/arrow-red.gif) left no-repeat;
	padding:2px 0px 2px 14px;
	margin:0;
	display:block;
}

div.kategorie li.menu a:hover {
    color:red;
	text-decoration: none;
	background: transparent url(Images/arrow-red-active.gif) no-repeat left;
}

div.kategorie li.menu a.selected {
    color:#cc0000;
	background: #f9fbff url(Images/arrow-red-active.gif) no-repeat left; 
}

div.box a.more-txt {
	font-size: 85%;
	line-height: 100%;
	margin: 5px 0 0 0;
	text-align: right;
	display: block;
}

/* Box Search - Okienko wyszukiwarki - srodek strony */

div.search { background-color: #eff5ff;}
div.search div.box-content
{
	border:1px solid #bed5ff;
	padding:0.5em 0.8em 0.5em 0.8em;
}

div.search label.login,
div.search label.filtr{
	width:12%;
	float:left;
	padding:0;
	display:inline;
	margin:3px 2px 3px 0;
}
div.search div.odstep { float: left; width: 71%; }

div.search input.search,
div.search .kategorie,
div.search .producent{
	width:46%;
	float:left;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:3px 5px 3px 3px;
	border:1px solid #5175dc;
	display:inline;
}
div.search input.btn-szukaj {margin:2px 5px 3px 0px;}
div.search input.check {float:left; margin:3px 5px 3px 3px;}
div.search label.check {font-weight:normal;}

/* BOX LOGIN - okienko logowania, prwa kolumna */

div.login label{width:35%; margin:2px 2px 2px 0; padding:0; float:left; display:inline;}

div.login input.login,
div.login input.pass {
	color:red;
	width:60%;
	float:left;
	display:inline;
	margin:2px 0 2px 0;
	border:1px solid #5175dc;
}

div.login div.buttons {text-align:right; margin-top:5px;}

/* BOX - kolory */


/* Box Blue - okienko niebieskie */

div.blue h2 {color:#003399; border-color:#5f87d7; background:#fff url(Images/box-head-blue.gif) repeat-x bottom;}
div.blue div.box-content {border-color:#90a7d6; background:#ebf2ff url(Images/box-blue-foot.gif) repeat-x bottom;}

/* Box Grey - okienko szare */

div.grey h2 {color:#003399; border-color:#5f87d7; background:#fefefe url(Images/box-grey-head.gif) bottom repeat-x;}
div.grey div.box-content { border-color:#90a7d6; background: #fbfbfb url(Images/box-grey-foot.gif) bottom repeat-x;}

/* Box Orange - okienko pomarańczowe */

div.orange h2 {color:#003399; border-color:#ffa83c; background:#ffdc58 url(Images/box-yellow-head.gif) bottom repeat-x;}
div.orange div.box-content{border-color:#ffa83c; background: #ffffd9 url(Images/box-yellow-foot.gif) bottom repeat-x;}

/* Srodek strony */

div.space {width: 100%; margin-top: 0.9em;}

div.space h2{
	font-weight:normal;
	padding:4px 5px 5px 0;
	margin-bottom:0.8em;
	background:transparent url(Images/line-5blue.gif) repeat-x bottom;
}

div.space div.space-content {padding:0 0 0.8em 0;}

div.space h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0.8em 0;
	font-size:95%;
	color:#003399;	
}
div.space h3 a, div.space h3 a:visited,
table.lista h3 a, 
table.lista h3 a:visited,
table.producent h3 a, 
table.producent h3 a:visited{color: #003399;}
table td.zdjecie p {margin:0; padding:0; line-height: 100%;}
/*table td.zdjecie p img {margin:0;}*/

/* Space - środek strony - Ceny w katalogu */

p.price {color:black; line-height:100%; margin:5px 0 5px 0;}
p.price span{color:red; font-weight:bold; white-space:nowrap;}
p.price span.new {color: #F00;}
p.price span.old {color: #A9A9A9; text-decoration: line-through;}

div.space div.photo {float:right; margin-right:0px;}
div.photo p {margin:0;padding:0;}
div.space p.price {color:black; line-height:100%; margin:5px 0 5px 0;}
div.space p.price span{color: red; font-weight: bold; white-space:nowrap;}
div.space p.price span.new {color:#F00;}
div.space p.price span.old {color:#A9A9A9; text-decoration:line-through;}
div.space div.button {margin:7px 0 7px 0; overflow:hidden;}
div#content div.space a.more {color:blue; background:transparent url(Images/arrow-blue.gif) no-repeat right center; padding-right:18px; margin:0;}

/* Box - Ceny w okienkach */

div.box div.photo {float:left; margin-right:0;}
div.box p.price {color:black; line-height:120%; margin:0; text-align:right;}
div.box p.price span{color: red; font-weight: bold; white-space: nowrap;}
div.box p.price span.new {color:#F00;}
div.box p.price span.old {color:#A9A9A9; text-decoration:line-through;}
div.box div.button {margin:7px 0 7px 10px; overflow:hidden; text-align:right;}
div.box p.more {text-align:left;}
div.box p.morebox {text-align:right;}
div.box a.more {color:blue; background: transparent url(Images/arrow-blue.gif) no-repeat right center; padding-right:18px; margin:0;}

/* Tabelka z katalogiem produktów */

table.table-columns {width:100%;}
table.table-columns td {padding:10px 20px 10px 10px; width:50%; vertical-align:top;}

table.kat-prod {width:100%; border-collapse:collapse; border:1px solid #bed5ff;}
table.kat-prod th {font-family:Arial, Helvetica, sans-serif; background-color:#eff5ff; border-bottom:1px solid #bed5ff; padding:5px; text-align:left; white-space:nowrap;}
table.kat-prod td {padding:3px; vertical-align:middle; text-align:left;}
table.kat-prod td.koszyk,
table.kat-prod td.producent p {text-align:center;}
table td.lp {font-weight:bold; text-align:center;}
table.kat-prod td.cena {white-space:nowrap;}
table tr.a {background-color: #FFF;}
table tr.b {background-color: #F7F7F7;}
table tr.GridRow {background-color: #FFF;}
table tr.GridAlternateRow {background-color: #F7F7F7;}

/* Tabelka z listą elementów */

table.lista,
table.producent {width:100%; border-collapse:collapse;border:1px solid #bed5ff;}
table.lista th,
table.producent th {color:navy; font-family:Arial, Helvetica, sans-serif; background-color:#eff5ff; border-bottom:1px solid #bed5ff; padding:5px; white-space:nowrap; text-align:left;}
table.kat-prod th.lp, table.lista th.lp {width:1em;}
table.lista th.cena,
table.kat-prod th.cena, table.kat-prod td.cena p.price,
table.lista th.kwota,
table.lista th.status,
table.lista th.ilosc {text-align:right;}
table.lista th.sztuki {text-align:center;}

table.lista td,
table.producent td {padding: 0.4em; vertical-align:middle; text-align:left;}
table.lista td.numer {text-align:left; color: #9900CC;}
table.lista td.data {text-align:left; color: #9900CC;}
table.lista h3,
table.producent h3 {margin:0.4em; font-weight:normal;}
table.lista td.sztuki {text-align:center;}
table.lista td.ilosc {text-align:right;}
table.lista td.cena, 
table.lista td.kwota {text-align:right; white-space:nowrap; color:#9900CC;}
table.lista td.kwota, span.kwota {font-weight:bold;}
table.lista td.brutto {color:#f00; font-weight:bold;}
table.lista td.status {text-align:right;}
table.lista td.czeka {color:#f00;}
table.lista td.zatw {color:#090;}

/* Razem - Ceny podsumowania */

span.cena-razem {font-weight:bold;}
span.cena-netto {font-weight:normal; font-style:italic; color:#808080;}
span.data {color:#9900CC;}

/* Tbelka dla treści */

table.tabelka {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; border-collapse:collapse;border:1px solid #bed5ff;text-align:left;}
table.tabelka th {color:navy; font-family:Arial, Helvetica, sans-serif; background-color:#eff5ff; border-bottom:1px solid #bed5ff; border-right:1px solid #bed5ff; padding:5px; white-space:nowrap;}
table.tabelka td {padding:0.4em; vertical-align:middle; border-top-width:1px;border-right:1px solid #bed5ff;border-bottom:1px solid #bed5ff;}



table.atrybuty
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	border-collapse:collapse;
	border:1px solid #bed5ff;
	text-align:left;
}

table.atrybuty td 
{
	vertical-align:middle; 
	border-top-width:1px;
	border-right:1px solid #bed5ff;
	border-bottom:1px solid #bed5ff;
}
	
	

/* Lista wiadomości */

ul.news {margin: 10px; padding: 0;}
ul.news li {list-style-type:none; margin:0; padding:0;}
ul.news span {color:#999;}

/* Linie */

div.line-dashed {
	height:1px;
	overflow:hidden; /* IE6 Bug */
	border-bottom: 1px dashed #B1C2E2;
}

div.line-dotted-h,
div.line-dotted-h2 {
	clear:both;
	height:1px;
	width:100%;
	padding:0;
	font-size:0;
	overflow:hidden; /* IE6 Bug */
	background:#ff9900 url(obrazki/dots_poziom.gif) repeat-x;
}

div.line-dotted-h2 {margin:10px 0 10px 0;}

/*					
	 Bottom Menu 	
	 			  */

div.menu-bottom
{
	border-style:solid;
	border-width:3px 0 1px 0;
	margin:1px 0 5px 0;
	border-color:#5f87d7;
	background:#fff url(Images/footer.gif) repeat-x bottom;
	text-align:center;
}

div.menu-bottom ul {	
	font-size:100%;	
	margin:0; 
	padding:4px 5px 5px 10px;
	padding:0.5em 0 0.6em 0;
}

div.menu-bottom li
{
	display:inline;
	padding:0;
	margin:0;
	line-height:100%;
    list-style-type:none;
}

div.menu-bottom li a
{
    color:#000; 
    padding:0 5px 0 5px;
    text-decoration:none;
}
div.menu-bottom  a:link, 
div.menu-bottom  a:visited {color:#000;}

div.menu-bottom  a:hover,
div.menu-bottom  a:active {
	color:red;
	text-decoration: underline;
    padding:0 5px 0 5px;
}

/* Stopka strony z adresami */

div#footer { clear:both; height:27px;}
div#footer address {
	float:left;
	width:80%;
	color:#003399;
	padding-left:10px;
	font-style:normal;
}
div#footer address a:link {text-decoration:none;}
div#footer address a:hover {text-decoration:underline;}

/* Statystyki na dole strony */

div#footer div.stat {padding:2px 10px 0 0; float: right;}

.akapit,
.float-break
{
    height: 1%; /* Fix for IE */
}
.akapit:after,
.float-break:after /* Terminate floating elements flow */
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block; 
    clear: both; 
}