html, body {margin:0; padding:0; background:#fff;}
body {margin: 0; text-align:center;}

DIV#bgHolder {
	background: #fff url(http://g.pwn.pl/bgn.gif) repeat-x;
	padding: 2px 0;
}

body, td, li, input {font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 12px; color: #3a3d4b;}
p {margin: 4px 0 2px; padding: 4px 0 2px;} 
a {color: #405386; text-decoration: underline;}
a:hover {color: #222444;}
a.a, a.a:hover {font-size: 9px; color: #e6edfd; text-decoration: none;}
a.b {color: #647093; text-decoration: none;}
a.b:hover {color: #647093; text-decoration: underline;}
a.n {font-size: 10px; color: #e6edfd; text-decoration: none;}
a.n:hover {color: #e6edfd; text-decoration: underline;}
a.s {color: #9599a8; text-decoration: none;}
a.s:hover {color: #9599a8; text-decoration: underline;}
a img { border:none;}

form, select, input, textarea {margin: 0; padding: 0;}
/*input,select,textarea {-moz-box-sizing:border-box;box-sizing:border-box;}*/
input, select { font-size: 10px;}
input {border: 1px solid #405386; background-color: #fafafa; height: 18px; color: #333; padding-top: 1px;}
input.chk {border:none;}
.z {width: 120px; text-indent: 2px;} 
.x, .xr {background: #e7ecf0 url(http://g.pwn.pl/bgb.gif) center repeat-x; border: 1px solid #999;  }
.x {color: #333;} 
.xr {font-size: 11px; color: red; font-weight: bold;} 
.x:focus {border: 1px solid; border-color: #333 #fff #fff #333;} 
.rd {border: none;}
textarea {border: 1px solid #405386; padding: 2px; font-size:12px;}
select {background-color: #fafafa; height: 18px;}

ul, ol {margin: 4px 0 4px 2em; padding: 0; list-style-position: outside;}
li {padding: 1px 0;}
ul {margin-left: 20px; list-style-type: square}
ol {margin-left: 35px;}
ol li {color: #3a3d4b;}
dt {font-weight:bold;}
q {font-style:italic;}
q q {font-style:normal;}
blockquote {font-style:italic; margin: .5em 0 .5em 2em;}
blockquote i, blockquote em, blockquote q {font-style:normal;}

#naglowek table, #contentcont, #stopka {text-align:left;}
#naglowek { width:774px; w\idth:770px; margin:0 auto 2px; border-width: 0 2px; border-style:solid; border-color:#fff;}
#headcont { height:20px; border-bottom:2px solid #fff; text-align:left; overflow:hidden; background:#00286b}
* html #headcont { height:22px; he\ight: 20px; }
#lokalizator { float:left; width:480px; padding-left:5px; line-height:20px; text-transform: lowercase; font-size: 10px; color: #e6edfd; background:#00286B;}
#kontakt { float:right; width:273px; padding:0 5px; line-height:20px;border-left:2px solid #fff;}
* html #kontakt { width:285px; w\idth: 273px;}
#logocont { height:51px; overflow:hidden; background:#e7e7ef;}
#logocont h1 {margin:0;padding:0;width:483px; height:50px; text-align:center; float:left;}
* html #logocont h1 { width:480px; w\idth: 483px; }
#logincont {width:283px; float:right; border-left:2px solid #fff; margin:0; padding:0;}
#logintop {width: 283px; height: 50px; color: #fff; font-weight: bold; background-image: url(http://g.pwn.pl/nl/niebieskie.jpg);}
#logintop p {padding: 5px;}
#logintop a {color: #fff;}

#topwyszukiwarka { line-height:26px; background:#5a8ac6;}
* html #topwyszukiwarka { padding: 2px 5px; height:28px; he\ight: 24px; }


/* srodek */
#contentcont {width:770px; margin: 0 auto 1em; position: relative; overflow: hidden;} /*relative for skyScrapper*/
#content {width:475px; float:left;}
#content {
	text-align: justify;
}

#content A {
	text-align: left;
}
.onecol #content {width:770px; float:none;}
#outline {width: 285px; float:right;}

table.inf {border-top: 6px solid #f4f5f7; border-bottom: 6px solid #f4f5f7; margin: 5px 0 1px;}
table.inf td {background-color: #e4e6e9; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 8px; color: #333;}
table.inf-r {border-top: 6px solid #db597d; border-bottom: 6px solid #db597d; margin: 5px 0 1px;}
table.inf-r td {background-color: #e4e6e9; border-top: 1px solid #000; border-bottom: 1px solid #000; padding:8px; color: #333;}

.k {background:#00286b}
.tresc-wazna {color: #c32a55;}
.logowanie a {color: white; font-weight: bold;}
.cena {font-size: 12px; font-weight: bold;}
.haslo {font-size: 12px; font-weight: normal;}
.formtext {font-weight: bold;}
big {font-size: 15px;}

.nowosc {font-weight:bold;color:red; text-transform:uppercase;}

h1, h2 {font-weight: normal; margin-top: 0; margin-bottom: 2px; padding-top: 0; padding-bottom: 2px;}
h1 {font-size: 15px;}
h2 {font-size: 11px;}
h3 {font-size: 14px; font-weight: bold; margin-top: 8px; margin-bottom: 0; padding-top: 8px; padding-bottom: 0;}
hr {color: #b5c3ce; background-color: #b5c3ce; height: 1px; border: 0; clear: both; margin: 0.2em 0;}
.notka, h6 {font-size: 10px; color: #84899F; margin-top: 3px; margin-bottom: 15px;}

#content p {margin-top: 0; margin-bottom: 0.3em; text-align: justify;}
#content p.nospace {margin-bottom: 0;}
#contentcont .right {text-align: right;}
img.right {float:right; margin: 0 0 2px 4px;}
img.left {float:left; margin: 0 4px 2px 0;}

/* tabelki */
#content table {margin-top: 5px; margin-bottom: 5px;}
#content table.colored {border-collapse: collapse;}
#content table.colored th,
#content table.colored td {background-color: #f2f4f4; color: #000; border: 1px solid #d8dade; padding: 2px 3px; text-align: left;}
#content table.colored th {background-color: #e4e6e9;}

#content #haslo TABLE {
	width: 470px !important;
}


#content h4 {font-size: 13px; margin: 0;}
#content h5 {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}

/* stopka */
#stopka { clear:both; text-align:center; border-top: 4px solid #9DB9D8; background: url(http://g.pwn.pl/bgs.gif) top repeat-x; padding: 8px 0 4px; margin:1em 0 0;}
#stopka ul { text-align:left; margin:1px auto; padding: 0; list-style-type:none;
width:770px; }
#stopka li { line-height:1.4em;margin:0; padding: 0 0 0 140px; clear:both;}
* html #stopka li {height:1px;}
#stopka li ul { margin-top:-1.4em; width:640px; overflow: auto;}
#stopka li li { float:left; padding: 0 3px 0 0; clear:none;}
#stopka a {color: #9599a8; text-decoration: none;}
#stopka a:hover {text-decoration: underline;}
#stopka a.serwis { display:block; text-align:right; padding: 0 5px; margin-left:-140px;width:120px; font-weight:bold; text-transform:uppercase; border-right:1px solid #9DB9D8;}
#stopka #info {clear:both; margin: .6em auto 0; padding: 2px 10px 1.2em; border-top:1px solid #E4E6E9; color:#9599A8;}

/* pudelka */
#outline table {margin-top: 2px;}
#outline div {margin:0; margin-top:2px; color:white; line-height: 1.2em;}
#outline div.main1, #outline div.main2,
#outline div.custom1, #outline div.custom2,
#outline div.pomoc, #outline div.help,
#outline div.best {background-image: url(http://g.pwn.pl/img/imod.gif); background-repeat: no-repeat; background-position: top right; padding: 4px 8px;}
#outline div:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#outline div {display:inline-block;}
* html #outline div {height: 1%;}
#outline div {display: block;}
#outline div.main1 {background-color: #5C8AC1; border-bottom: 1px solid #2E5484;}
#outline div.main2 {background-color: #4b6caa; border-bottom: 1px solid #5A1C0A;}
#outline div.custom1 {background-color: #c32a55; border-bottom: 1px solid #5A1C0A;}
#outline div.custom2 {background-color: #5C8AC1; border-bottom: 1px solid #2E5484;}
#outline div.help {background-color: #c32a55; border-bottom: 1px solid #5A1C0A;}
#outline div.best {background-color: #c32a55; border-bottom: 1px solid #5A1C0A;}
#outline h3, #outline h4 {font-size:100%; font-weight: bold; padding:0; margin: 0 4px .2em 0;}
#outline h3 {text-transform: uppercase;}
#outline h4 {margin-top:.4em}
#outline div p {padding: 0; margin: .6em 0;}
#outline div a {color:white;}
#outline div li {color:white;}
#outline div td {color:white;}
#outline div p.more {text-align:right; clear:both;}
#outline object {margin-top:2px; padding:0;}
#outline embed {margin:0;}
#outline div.imieniny h3 {text-transform: lowercase;}
#outline div.main1 ul, #outline div.main2 ul,
#outline div.custom1 ul, #outline div.custom2 ul,
#outline div.pomoc ul, #outline div.help ul,
#outline div.best ul {list-style-type:disc; margin: .2em 0 .2em 1.4em; padding:0;}
#outline div.main1 li, #outline div.main2 li,
#outline div.custom1 li, #outline div.custom2 li,
#outline div.pomoc li, #outline div.help li,
#outline div.best li {padding:0; margin:0;}
#outline div.BoxOrange1 {background-image: url(http://g.pwn.pl/img/imod.gif); background-repeat: no-repeat; background-position: top right;background-color: #FF8C00; border-bottom: 1px solid #D2691E;padding: 4px 8px;}
#outline div.BoxOrange2 {background-image: url(http://g.pwn.pl/img/imod.gif); background-repeat: no-repeat; background-position: top right;background-color: #FFA500; border-bottom: 1px solid #D2691E;padding: 4px 8px;}
#outline input.InputOrange {border: 1px solid #D2691E !important;}

.glowka h1 {margin: 0.2em 0; padding: 3px 0 0 3px; text-align: left;}
.glowka h2 {margin: 0; padding: 0 0 0 3px; font-size:13px;}
.glowka h6 {margin-bottom: 0.5em; padding: 0 0 0 4px; border-top: 1px solid #b5c3ce;}

/* pude³ko z bestsellerami */
#bestsellery {margin:0 0 0 .4em;padding:0 0 0 1.6em;}
#bestsellery li {margin:3px 0;padding:0;}

/* floaty */
.clearer {clear:both; line-height:1px; font-size:1px; padding:0; height:1px; margin:0;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.nobr { white-space:nowrap;}

/* pude³ka z opisami ksi±¿ek z ksiêgarni */
.boksopis {width:455px; border-color:#ccc; border-style:solid; border-width:1px 0px; background:#f4f5f7; padding:10px;margin: 8px 0 4px; display: inline-block;}
.boksopis:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* pude³ka z opisami w wyroznionym kolorze */
.bokswyroz {width:455px; border-color:#999; border-style:solid; border-width:1px 0px; background:#e0d6d4; padding:10px;margin: 8px 0 4px; display: inline-block;}
.bokswyroz:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* pude³ka informacyjne */
.boksinf {width:455px; border-color:#999; border-style:solid; border-width:1px 0px; background:#e4e6e9; padding:10px;margin: 8px 0 4px; display: inline-block;}
.boksinf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* pude³ka informacyjne */
.boksinf-r {width:455px; border-color:#db597d; border-style:solid; border-width:1px 0px; background:#e4e6e9; padding:10px;margin: 8px 0 4px; display: inline-block;}
.boksinf-r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#content .promocjak h4 {font-size:100%; margin: .2em 0 .4em;}
#content .promocjak p {margin: .2em 0; padding:0}

.strzalka, .boksopis h5 span, .boksopis h3 span { font-size:14px; background:#D12A59; color:white; padding:0 2px 2px; text-decoration:none;}

#menu { height:23px;background: #002b6d url('http://g.pwn.pl/bgm.gif') bottom repeat-x; list-style:none;margin:0; padding:0; border-bottom:1px solid white; overflow:hidden;}
#menu li { float:left; margin:0; padding:0; border-right:1px solid #002b6d;	line-height:23px; }
#menu a {	text-decoration:none;	color:white; text-transform:uppercase; display:block; text-align:center; font-size:10px; padding:0 8px;}
#menu img { margin:5px 0;}
#menu .mg a:hover,
#menu .mgs a {background: #5a8ac6 url('http://g.pwn.pl/bgm2.gif') bottom repeat-x;}
#menu .mgks a {background:#37844f url('http://g.pwn.pl/bgmks.gif')  bottom repeat-x; }
#menu .mgks a:hover,
#menu .mgsks {background:#37844f url('http://g.pwn.pl/bgm2ks.gif')  bottom repeat-x; }
#menu .mggl a {background:#ca0719 url('http://g.pwn.pl/bgmgl.gif')  bottom repeat-x; }
#menu .mggl a:hover,
#menu .mgsgl {background:#ca0719 url('http://g.pwn.pl/bgm2gl.gif')  bottom repeat-x; }

#sitemenu { margin: 0 auto; background:#E4E6E9; line-height:25px;width:770px;}
#sitemenu a {padding: 0 2px;}

#middlemenu {margin:.3em 0; padding:0 0 1px; border-bottom: 2px solid #b5c3ce;}
#middlemenu li {display:inline; padding: 1px 8px; margin: 0 2px; border-style:solid; border-color:#b5c3ce; border-width: 1px 1px 0 1px;}
#middlemenu .ms {background:#d0d8df;}
#middlemenu a {text-decoration:none; font-weight:bold;}

#submenu ul { background:#737e8c;text-transform:uppercase; margin: 0; padding: 0; list-style:none}
#submenu ul ul { background:#9aa3ad;text-transform:none; }
#submenu li { margin: 0; padding: 0; border-bottom:1px solid #9aa3ad}
#submenu a,
#submenu span { font-size: 10px;text-decoration:none; display:block; padding: 2px 4px 2px 16px; background-image: url(http://g.pwn.pl/img/i-dn.gif); background-position: 0 0; background-repeat:no-repeat;}
#submenu a:hover,
#submenu span:hover { text-decoration:underline;}
#submenu SPAN.noHover:hover {
					text-decoration: none !important;
					cursor: default !important;
}
#submenu li a.fold,
#submenu li span.fold { background-image: url(http://g.pwn.pl/img/i-cp.gif)}
#submenu li li a.fold,
#submenu li li.fold span { background-image: url(http://g.pwn.pl/img/i-dp.gif)}
#submenu li a.unfold,
#submenu li span.unfold { background-image: url(http://g.pwn.pl/img/i-cm.gif)}
#submenu li li a.unfold,
#submenu li li.unfold span { background-image: url(http://g.pwn.pl/img/i-dm.gif)}
#submenu li a,
#submenu li span { background-image: url(http://g.pwn.pl/img/i-cn.gif)}
#submenu li li a,
#submenu li li span { background-image: url(http://g.pwn.pl/img/i-dn.gif)}
#submenu .fold li a,
#submenu .fold li span, #submenu .unfold li a, #submenu .unfold li span { background-image: url(http://g.pwn.pl/img/i-dn.gif)}
#submenu ul ul a,
#submenu ul ul span { padding-left: 24px; background-position: 8px 0}
#submenu ul ul ul a,
#submenu ul ul ul span { padding-left: 32px;background-position: 16px 0}
#submenu ul ul ul ul a,
#submenu ul ul ul ul span { padding-left: 40px;background-position: 24px 0}
#submenu ul ul ul ul ul a,
#submenu ul ul ul ul span { padding-left: 48px;background-position: 32px 0}
#submenu ul ul ul ul ul ul a,
#submenu ul ul ul ul ul span { padding-left: 56px;background-position: 40px 0}
#submenu ul ul ul ul ul ul a,
#submenu ul ul ul ul ul span { padding-left: 64px;background-position: 48px 0}
#submenu ul ul ul ul ul ul ul a,
#submenu ul ul ul ul ul ul span { padding-left: 72px;background-position: 56px 0}
#submenu .act { background-color:#b6bbc2; border-top:1px solid #fff; border-bottom:1px solid #fff}

.rss {text-align:right; margin-bottom:.3em;}
.rss img {border:none; text-decoration:none; vertical-align:bottom;}

#content .przewijanie {background:#E4E6E9; text-align:center; zoom:1}
#content .przewijanie ol {list-style-type:none; background:#F2F4F4; padding: 3px;}
#content .przewijanie ul,
#content .przewijanie ol {margin:0;}
#content .przewijanie li {display:inline;}
#content .przewijanie a {text-decoration:none; font-weight:bold; padding:1px 2px;}
#content .przewijanie .prev {float:left; width: 8em; padding: 3px;}
#content .przewijanie .next {float:right; width: 8em; padding: 3px;}
#content .przewijanie .count { margin: 0 8em; padding: 3px; height:auto !important; min-height:1em; height:1em;text-align:center;}

.banner { margin: 1em 0 .5em; text-align:center;}
.separator {display:block;}

/*Newsletter BOX*/

DIV.formRow {
	margin: 10px 1px !important;
}

DIV.formRow LABEL {
	padding-right: 25px;
}

DIV.formRow INPUT {
	overflow: visible;
	font-size: 11px;
	font-family: tahoma;
	height: auto;
}

DIV.formRow INPUT.button {
	padding: 0 5px;
}

DIV.formRow INPUT.inputField {
	padding: 1px;
}

/* remoteAD */

DIV.remoteAd {
	/*background-color: red;*/
/*	overflow: hidden;
	/*border: 1px solid #000;*/
/*	position: relative;
	z-index: 899;*/
}

DIV.topBanner {
	max-width: 750px;
/*	max-height: 200px;*/
	margin: 2px auto;
}

DIV.skyScrapper {
	max-width: 120px;
	max-height: 600px;
	position: absolute;
	left: 772px;
	top: 10px;
}

DIV.button {
	max-height: 60px;
}

DIV.bottomBar,
DIV.topBar {
	max-width: 770px;
	max-height: 30px;
	margin: 0 auto;
}

DIV.rectangle {
	max-width: 475px;
	max-height: 120px;
	clear: both;
	padding-top: 10px;
}

/* VirtualKeyboard */
DIV.VKChar {background-color: #fafafa; border: 1px solid #ddd; color: #aaa; float: left; padding: 3px; width: 15px; text-align: center; cursor: pointer; margin: 0px;}
DIV.VKChar:hover {background-color: #ddd; color: #fff;}

div.reklamySoap
{
	border: 1px solid #CFCFCF;
	padding: 5px; 
	
}
h1.reklamySoap
{
	font-size: 14px; 
	color: #007ae7;
	padding: 3px 0 3px 0; 
	margin: 0px; 
	display: block;
	
}
div.reklamySoapPoz
{
	overflow: hidden; 
	border-top: 1px solid #CFCFCF; 
	zoom: 1; 
	margin-top: 3px; 
	padding: 3px; 

}
img.reklamySoap
{
	 float:left; 
	 margin-right: 8px;	
	border: 1px solid #D2DDE9 !important; 
	 
}
span.reklamySoap
{
	font-size: 12px;  
	overflow: hidden; 
	display: block;
	
}

span.reklamySoap1
{
	overflow: hidden; 
	padding-top: 8px; 
	font-size: 11px; 
	color: black; 
	display: block;
}
span.reklamySoap2
{
	overflow: hidden; 
	padding-top: 6px; 
	display: block;

}

/*poprawka dla SO */

DIV.zasady TABLE,
DIV.zwcieciem TABLE {
	width: 460px !important;
}

