BODY {
margin: 0px;
padding: 0px;
background: #efefef;
color: #323232;
font: 11px "Verdana";
}

table {
  margin:0;
  color: #323232;
  font: 11px "Verdana";
  text-decoration: none;
  text-align:left;
  }
   
#games div {position:relative}
div#error, div.error
{
	background: #cc0001;
	background-image: url(images/wyk.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	margin-top:12px;
	margin-bottom:12px;
	min-height:43px;
	height: auto;
	line-height:18px;
}
div#error a:link, div.error a:link, div#error a:visited, div.error a:visited
{
	color: #93deff;
	text-decoration: underline;
	font-weight:bold;
}

div#error a:hover, div.error a:hover
{
	color: #fff;
	text-decoration: underline;
	font-weight:bold;
}
div#frame, div.frame {background:#ebf4fc; border: 1px solid #8989A4; padding:13px; font:12px Verdana; margin-top:5px; margin-bottom:5px; line-height:16px; text-align:left;}


/* pasek z nazwa okienka bocznego */
div.bar
{
	display:flex;
	align-items:center;
	box-sizing:border-box;
	background-image:url(images/bar.png);
	height:32px;
	width:150px;
	padding-left:26px;
	margin-top:0px;
	font-weight:bold;
	color:#454545;
}

/* zawartosc okienka bocznego */
div.win
{
	padding:6px;
	width:140px;
}

div.win-tow
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	word-wrap: break-word;
}

/*tabelka z produktami*/
table.oferta {background:#FFFFFF;border:1px solid #bababa; border-collapse:collapse;}
.oferta td {border: 1px solid #bababa; padding: 4px;}

/* tabelka z cienka ramka uzywana w wielu miejscach */
table.obrazek {
  border-collapse:collapse;
  border:1px solid #acaccc;
  }
.obrazek td {border: 1px solid #acaccc; padding:4px;}

div.k9  {
  display:none;
}

/* widok do wydruku, np zam�wienia */
table.print {
  border-collapse:collapse;
  border:1px solid #676767;
  }
.print td {border: 1px solid #676767;}

a:link {
color: #1022a0;
font-weight: normal;
text-decoration: underline;
}
a:visited {
color: #1022a0;
font-weight: normal;
text-decoration: underline;
}
a:hover {
color: #dd0000;
font-weight: normal;
text-decoration: underline;
}

/* klikni�ty link w menu administracji */
a.clicked:link {
color: #BB0000;
font-weight: normal;
text-decoration: underline;
}
a.clicked:visited {
color: #BB0000;
font-weight: normal;
text-decoration: underline;
}
a.clicked:hover {
color: #c05589;
font-weight: normal;
text-decoration: underline;
}

/* g��wne menu sklepu */
div.menu_br
{
	float:left;
	width:4px;
	height:46px;
	background-image:url(images/break.png);
}

div.menu_el
{
	float:left;
	padding:15px 11px 0px 11px;
}


a.menu:link  {
color: #676767;
font:12px Arial;
text-decoration: none;
font-weight:bold;
}

a.menu:visited  {
color: #676767;
font:12px Arial;
text-decoration: none;
font-weight:bold;
}

a.menu:hover  {
color: #c40a00;
font:12px Arial;
font-weight:bold;
}

/* okienko z kategoriami produkt�w - nie klikni�ta kategoria */
a.produkty:link  {
color: #545454;
font-family: Arial;
font-weight: bold;
text-decoration: none;
}

a.produkty:visited  {
color: #545454;
font-family: Arial;
font-weight: bold;
text-decoration: none;
}

a.produkty:hover  {
color: #BB0000;
font-family: Arial;
font-weight: bold;
text-decoration: none;
}

a.produkty_cl:link  {
color: #BB0000;
font-weight: bold;
text-decoration: none;
}

a.produkty_cl:visited  {
color: #BB0000;
font-weight: bold;
text-decoration: none;
}

a.produkty_cl:hover  {
color: #545498;
font-weight: bold;
text-decoration: none;
}

a.bar:link, a.bar:visited
{
	font-weight:bold;
	text-decoration:none;
	color:#454545;
}

a.bar:hover
{
	color: #bb0000;
	font-weight: bold;
	text-decoration:none;
}

/* linki dodaj do ulub. pole� stron�, napisz wiadomosc */
a.top:link  {
font-size: 12px;
color: #DD0000;
font-weight: normal;
text-decoration: underline;
}

a.top:visited  {
font-size: 12px;
color: #DD0000;
font-weight: normal;
text-decoration: underline;
}

a.top:hover  {
font-size: 12px;
color: #32486e;
font-weight: normal;
text-decoration: underline;
}

/* scie�ka - kategoria -> produkt...*/
a.path:link  {
color: #BB0000;
font-weight: bold;
text-decoration: underline;
}

a.path:visited  {
color: #BB0000;
font-weight: bold;
text-decoration: underline;
}

a.path:hover  {
color: #343434;
font-weight: bold;
text-decoration: underline;
}

/* wykonanie strony */
a.web:link  {
color: #6688a0;
text-decoration: none;
}

a.web:visited  {
color: #6688a0;
text-decoration: none;
}

a.web:hover  {
color: #800000;
text-decoration: underline;
}

/* w administracji: usu� */
a.alert:link  {
color: #DD0000;
font-weight: bold;
text-decoration: underline;
}

a.alert:visited  {
color: #DD0000;
font-weight: bold;
text-decoration: underline;
}

a.alert:hover  {
color: #454578;
font-weight: bold;
text-decoration: underline;
}

span.alert, span.alert_light
{
	color: #DD0000;
	font-weight: bold;
}
span.alert_light
{
	font-weight:normal;
}

/* tytul podstrony */
font.tit  {
  font: 12px Verdana;
  color: #BB0000;
  font-weight:bold;
}

/* cena */
font.cena  {
  font-size:12px;
  color:#BB0000;
  font-weight:bold;
}

font.marka  {
  font-weight:normal;
}

font.nazwa  {
  color: #232323;
  font-size: 14px;
  font-weight:bold;
}

/* suma na ko�cu zam�wienia */
font.suma  {
  color: #000088;
  font-size: 12px;
  font-weight:bold;
}

/* b��d po wys�aniu formularza - w administracji */
font.error, span.error {
  color: #DD0000;
  font-weight: bold;
}

/* nag��wek w podgl�dzie zam�wienia, faktura, korekta */
font.big {
  font-size:15px;
  font-weight:bold;
}

/* napis autor opinii o produkcie i data dodania */
font.autor {
  color: #434367;
}

/* kreska pod tytu�em podstrony, w koszyku... */
div.line {
  background: #a6c5de;
  height: 1px;
  padding: 0px;
  margin-top: 6px;
  margin-bottom: 6px;
  overflow: hidden;
}

/* linia w menu z produktami - config.php -> products.php */
div.line_prod
 {
  background: #bdbdc4;
  height: 1px;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  overflow: hidden;
  width:96%;
}

/* kreska na stronie g��wnej oddzielaj�ca tekst powitalny od polecanych produkt�w */
div.line_start {
  background: #cecece;
  height: 10px;
  padding: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow: hidden;
}


/* element oddzielajacy zamiast <BR> - w wielu miejscach */
div.pause
{
margin-top:4px;
margin-bottom:4px;
overflow:hidden;
clear:both;
}

/* formularz do edycji towaru */
fieldset {
padding: 10px 10px 10px 10px;
border: 1px solid #565658;
}

/* nag��wek tabeli */
td.tytul, tr.tytul
{
  background:#a5cff1;
  text-align:center;
}

/* 1 wiersz tabeli */
td.lista1, tr.lista1
{
  background:#daeaf3;
  color:#000000;
  text-align:left;
}

/* 2 wiersz tabeli */
td.lista2, tr.lista2
{
  background:#c9e1ef;
  color:#000000;
  text-align:left;
}

/* tytu� newsa */
td.newsy
{
  background:#5ad11f;
  color:#323232;
  font-weight:bold;
  padding:3px;
}

/* kom�rka tabeli z punktem - products, top10 */
td.point
{
  padding-top:8px;
  padding-right:5px;
}
input, textarea, select
{ 
  background : #EEEEF5;
  border: 1px solid #898989;
  font: 12px Verdana;
}

/* wszystkie przyciski */
input.button, a.button
{
  background: #073d72;
  border:0;
  font: 12px Tahoma;
  color: white;
  font-weight:bold;
  cursor: pointer;
  padding:4px 8px 5px 8px;
  text-decoration: none;
}

/* skasuj obrazek */
input.button_red
{
  background: #DD0000;
  border:0;
  font: 12px Tahoma;
  color: white;
  font-weight:bold;
  cursor: pointer;
  padding:3px 8px 4px 8px;
}

form#sure input.button
{
	padding:2px 10px 3px 10px;
}

input.button:hover
{
	background: #07529c;
}

/* do checkbox�w, radio, submit */
input.trans
{
  background: transparent;
  border: 0px;
}

label
{
  cursor:pointer;
}

/* pola w koszyku z obliczeniami */
input.readonly
{
   color: #222222;
   background:transparent;
   border:0
}
/* uwagi w koszyku */
div.u
{
	margin-top:3px;
}

tr.highlight
{
	background:#62bdca;
}

/* promocje */
div.prom
{
	background:#fff57b;
	border:3px solid #ff0000;
	color:black;
	padding:10px;
	text-align:left;
	font-size:12px;
	margin-top:12px;
	margin-bottom:12px;
	height: auto;
}

/* tytu� promocji */
a.prom:link, a.prom:visited
{
	color: black;
	font-weight:bold;
	text-decoration: none;
	font-size:13px;
}

a.prom:hover
{
	color: #bb0000;
	text-decoration: underline;
}

/* napis przy towarze: promocja, wyprzeda� */
span.prom_t
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}
img {border:0}

div.do_koszyka
{
	margin-top:5px;
}

/* pole select lub input - dodanie do koszyka */
select.kosz, input.kosz, select.kosz2, input.kosz2, input.kosz_alert, input.kosz_uwagi, span.kosz_uwagi
{
	position:relative;
	top:-6px;
}
select.kosz2, input.kosz2 /* inaczej uk�ada gdy jest obok image a inaczej gdy submit */
{
	top:2px;
}

input.kosz, input.kosz2, input.kosz_alert, input.kosz_uwagi
{
	margin-right:3px;
	width:32px;
}

input.kosz_alert
{
	border:2px solid #bb0000;
}
span.kosz_alert
{
	color:#bb0000;
	font-weight:bold;
}

input.kosz_uwagi
{
	width:120px;
}

/* minimalna ilosc, towar skasowany */
span.red, td.red
{
	font-weight:bold;
	color:#bb0000;
}

span.zmiana, td.zmiana
{
	font-weight:bold;
	color:#002fce;
}

span.bold
{
	font-weight:bold;
}
span.detal
{
	font-weight:bold;
	color:green;
}

/* kropka przy liscie kategorii w okienku */
td.dot
{
	width:8px;
	background-image:url(images/dot.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
}

div.podkat
{
	float:left;
	width:10px;
}

/* kreska - podkategorie 2 poziom */
div.podkat2
{
	width:114px;
	padding-left:13px;
	padding-bottom:3px;
}

div.podkat2 a.produkty
{
	color:#000;
}

/* nazwa kategorii lub podkategorii w menu po lewej */
div.kat
{
	float:left;
	width:106px;
}

/* przerwa pomi�dzy podkategoriami */
div.k_pause
{
	clear:both;
	overflow:hidden;
	height:3px;
}

/* nazwa towaru na liscie towar�w */
a.t_nazwa:link, a.t_nazwa:visited
{
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
a.t_nazwa:hover
{
	font-weight:bold;
	text-decoration:none;
}

/* szczeg�y towaru */
div.tow_img
{
	width:330px;
	float:left;
	margin-right:12px;
	margin-top:10px;
}
div.tow_opis
{
	width:320px;
	margin-top:10px;
	float:left;
	font-size:13px;
}

div.t_opis
{
	word-wrap: break-word;
}
div.t_opis p
{
	margin-top:4px;
	padding-top:4px;
}

/* miniatury */
/* lista towar�w */
img.mini
{
	width:225px;
	height:162px;
}
/* t_mini - miniaturki w szczego�ach towaru */
img.t_mini, img.t_mini2
{
	width:76px;
	margin-right:4px;
	border:1px solid #ccc;
}

/* miniaturki w boxach polecamy itd */
img.t_mini2
{
	width:120px;
}

img.t_midi
{
	border:1px solid #ccc;
}
div.prom_l
{
	width:190px;
	float:left;
}
div.prom_r
{
	width:400px;
	float:left;
}

div.clear
{
	clear:both;
}

/* wybrany producent nad lista towar�w */
a.prch:link, a.prch:visited
{
	font-weight:bold;
}
a.prch:hover
{
	font-weight:bold;
}

div#win-skype div
{
	height:35px;
	overflow:hidden;
}

div#win-skype a
{
	position:absolute;
	margin-top:-60px;
	height: 50px;
}

/* newsy */
div.news
{
	padding-bottom:8px;
	padding-top:8px;
}
div.news_tytul
{
	color:#666;
	font-weight:bold;
	font-size:16px;
}

a.news
{
	text-decoration:none;
}

div.news_data
{
	font-weight:normal;
	background-image:url(images/data.png);
	background-repeat:no-repeat;
	width:90px;
	color:#999;
	padding-left:18px;
	margin-top:3px;
}

div.news_tresc
{
	padding-top:10px;
}

div.news_autor
{
	color:#999;
	margin-top:8px;
}

div.news_wiecej
{
	clear:both;
	float:right;
	position:relative;
	top:-10px;
}

div.news_line
{
	height: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow:hidden;
	clear:both;
}

/* obrazki w newsach lub w art. z boku */
div.img_na
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* obrazki na dole pod tre�ci� - jak galeria */
div.img_na_d
{
	margin-bottom:12px;
	margin-top:6px;
}

div.img_na_d img
{
	width:130px;
	height:97px;
}
/* zdjecia do artyku��w */
img.obrazek
{
	border:1px solid #989898;
	margin-bottom:5px;
}

input.wyr
{
	border:1px solid #bb0000;
	background:#fdf7a2;
}
input.wyr2
{
	border:1px solid #bb0000;
	background:#ffd99f;
}

/* box_basket */
div#box_basket
{
	min-height:30px;
}
div.box_kl
{
	float:left;
}
div.box_kr
{
	text-align:right;
	font-weight:bold;
	color:#bb0000;
	float:right;
}
div.box_cn
{
	text-align:center;
}

/* g��wny uk�ad */
td.box
{
	width:150px;
	vertical-align:top;
	background-image:url(images/okno_bg.png);
	word-wrap:break-word;
}
td.main
{
	width:680px;
	vertical-align:top;
	padding:10px 10px 15px 10px;
}
div#line_bottom
{
	width:1000px;
	height:1px;
	margin:auto;
	background:#bababa;
	overflow:hidden;
}
div#menu_down
{
	float:left;
	margin-top:5px;
	color:#898989;
	margin-left:5px;
}
div#author
{
	float:right;
	margin-top:5px;
	color:#a2a2a2;
}

/* lista kategorii w shop */
div.list_k_dot
{
	float:left;
	margin-top:-1px;
	margin-right:6px;
}
div.list_k_link
{
	float:left;
	margin-bottom:4px;
}

/* okienko nowosci, promocje itd */
div.box_img
{
	text-align:center;
}
div.box_content
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
div.oplata
{
	margin-top:4px;
	color:#bb0000;
}
div.debug
{
	border:2px dotted #999;
	padding:12px;
	font-family:"Courier New";
	font-size:16px;
	clear:both;
	margin-bottom:12px;
	background:#fffeea;
}

div.seria_opis
{
	margin-bottom:15px;
}

div.block
{
	padding-top: 8px;
	padding-bottom: 8px;
}


/* Popup */
div#popup_container
{
	width: 100%;
	position: absolute;
	top: 15vh;
	display: block;
	clear: both;
	z-index: 100;
}

div#popup_content
{
	display: table;
	position: relative;
	margin: auto;
	background: #fff;
	border: 2px solid #888888;
	box-shadow: 0px 0px 8px 3px #bbb;
}

/* tre�� HTML */
div#popup_html
{
	width: 500px;
	padding: 14px;
	text-align: left;
	box-sizing: border-box;
}

/* krzy�yk zamykaj�cy */
img#popup_close
{
	float: right;
}

/* krzy�yk zamykaj�cy w wersji z samym obrazkiem w popupie */
img#popup_close_absolute
{
	position: absolute;
	top: 15px;
	right: 15px;
}

/* nie ma tre�ci - tylko obrazek */
img.popup
{
	display: block;
}

div.red_square, div.violet_square
{
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-left: 5px;
	margin-right: 5px;
	background: #bb0000;
	cursor: help;
}

div.violet_square
{
	background: #8b00f7;
}