body, td, input, textarea, select {
	font-family: Arial, Helvetia, sans-serif, Tahoma;
	font-size: 12px;
}
body {
	text-align: center;
}
a {
	color: #20407D;
	text-decoration: none;
}
a:hover {
	color: #20407D;
	text-decoration: none;;
}
input, textarea, select {
	margin: 2px 0;
	padding: 0 0 0 2px;
	background: white;
	border: 1px solid #a8b8c0;
}
#layout {
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------- menu góra */
.menu-gora{
	border:0px;
	margin:0px;
	padding:0px;
	background: #FFF url("gfx/top/np-menu-bg.gif") top left repeat-x;
	text-align:center;
}
.menu-gora ul{
	list-style-type: none;
	height:43px;
	padding:0px 0px 0px 0px;
	margin: 0 auto 0px 80px;
}
.menu-gora ul li{
	position: relative;
	display: inline;
	float: left;
}
.menu-gora ul li a{
	display: block;
	color: #777; 
	padding: 8px 10px;
	text-decoration: none;
	line-height:43px;
	padding:0px 10px 0px 10px;
	margin:0px 3px 0px 0px;
}
* html .menu-gora ul li a{ /*IE6 korekcja do przeglądarki*/
	display: inline-block;
}
.menu-gora ul li a:hover{
	color: #FFF; 
	background: #FFF url("gfx/top/np-current-bg.gif") top left repeat-x;
}
.menu-gora ul li a.current{ 
	color: #FFF; 
	background: #FFF url("gfx/top/np-current-bg.gif") top left repeat-x; 
}
/* --- pierwszy poziom sub - menu*/
.menu-gora ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin: -4px 0px 0px 0px;
}
.menu-gora ul li ul li{
	display: list-item;
	float: none;
}
.menu-gora ul li ul li ul{
	top: 0;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #234282;
}
/* Sub level menu links style */
.menu-gora ul li ul li a{
	width: 300px; /*szerokość sub menus*/
	padding: 0px 0px 0px 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #234282;
	text-align: left;
	background-color: #DEDEDE;
	line-height:25px;
}
.menu-gora-bak ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}
/* ustawienie strzałek: pionowej i poziomej */
.downarrowclass{
	position: absolute;
	top: 17px;
	right: 7px;
}
.rightarrowclass{
	position: absolute;
	top: 9px;
	right: 5px;
}
/* menu góra - koniec ----------------------------------------- */

/* Nagłówki */
div.naglowek{
	background:url('gfx/naglowek1.jpg');
	height:24px; /* było 30*/
	overflow:hidden;
	line-height:24px;
	color:#777777;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.container {
	padding: 5px;
	text-align: center;
}
/* Nagłówki ----------------------------------------- */

/* kolumny: lewa i prawa */
#leftcol {
	vertical-align: top;
	/*border-right: 1px solid #bbb;*/
	padding-right: 5px;
}
#leftcol #asortyment .submenu {
	width: 170px;
	margin: 0px 0px 0px 10px; 
	display:block;
}
#leftcol #asortyment .submenu a {
	display:block;
	text-decoration: none;
	border-left: 5px solid #FFFFFF;
	padding: 0px 0px 0px 5px;
	margin-bottom: 1px;
	line-height: 18px;
}
#leftcol #asortyment .submenu a:hover {
	text-decoration: none;
	border-left: 5px solid #234282;
	background-color: #FFFFFF;
}
#leftcol #asortyment .submenu a.selected {
	text-decoration: none;
	border-left: 5px solid #234282;
	background-color: #FFFFFF;
}
#leftcol #asortyment .lewemenug {
	width: 180px;
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 2px 0px;
}
#leftcol #asortyment .lewemenug a {
	display:block;
	text-decoration: none;
	border-left: 5px solid #FFFFFF;
	padding: 0px 0px 0px 5px;
	line-height: 18px;
}
#leftcol #asortyment .lewemenug a:hover {
	text-decoration: none;
	border-left: 5px solid #234282;
	background-color: #234282;
	padding: 0px 0px 0px 5px;
	color:#ffffff;
}
#leftcol #asortyment .lewemenug a.act {
	text-decoration: none;
	border-left: 5px solid #234282;
	background-color: #234282;
	padding: 0px 0px 0px 5px;
	color:#ffffff;
}
#rightcol {
	vertical-align: top;
	/*border-left: 1px solid #bbb;*/
	padding-left: 5px;
}
/* kolumny: lewa i prawa  ----------------------------------------- */

/* kolumna środkowa  ----------------------------------------- */
#srodek {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#srodek .glowna {
	margin: 0px 0px 150px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #20407D;
	text-align: center;
}
.nazwa {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #20407D;
	text-align: left;
	font-weight: bold;
	font-size: 17px;
}
.koszyk-navi { 
	color: #A0A0A4;
	margin: 0px 0px 30px 0px;
	text-align: left;
}
.koszyk-wyr { 
	color: #A0A0A4;
	font-size: 16px;
	font-weight: bold;
	
}
.b-l {
	border-left: 1px solid #DEDEDE;
}
.b-r {
	border-right: 1px solid #DEDEDE;
}
.b-t {
	border-top: 1px solid #DEDEDE;
}
.b-b {
	border-bottom: 1px solid #DEDEDE; 
}
span.cena {
	font-weight: bold;
	font-size: 18px;
}
.pagermark {
	color: #0D2185;
}
.bold {
	font-weight: bold;
}
/* kolumna środkowa  ----------------------------------------- */

/* ------------------------------------ Zaokrąglone rogi */
.rog1, .rog2, .rog3, .rog4, .rog22, .rog32, .rog42 {
	font-size:1px; overflow:hidden; display:block;
}
.rog1 {
	height:1px; background:#BCBCBC; margin:0 5px;
}
.rog2, .rog22 {
	height:1px; background:#BCBCBC; border-right:2px solid #BCBCBC; border-left:2px solid #BCBCBC; margin:0 3px;
}
.rog3, .rog32 {
	height:1px; background:#BCBCBC; border-right:1px solid #BCBCBC; border-left:1px solid #BCBCBC; margin:0 2px;
}
.rog4, .rog42 {
	height:2px; background:#BCBCBC; border-right:1px solid #BCBCBC; border-left:1px solid #BCBCBC; margin:0 1px;
}
.rog22, .rog32, .rog42 {
	background: #FFFFFF;
}
#tlo {
	background: #EFEFEF;
}
#tlo2 {
	background: #FFFFFF;
}
.contenth {
	background: #FFFFFF; border-right:1px solid #BCBCBC; border-left:1px solid #BCBCBC;
	padding: 5px 0px 5px 0px;
	background: url(gfx/top/tlo-szre.jpg) repeat-x #FFFFFF;
}
.contenth2 {
	background: #FFFFFF; border-right:1px solid #BCBCBC; border-left:1px solid #BCBCBC;
	padding: 2px 0px 2px 0px;
	background: #FFFFFF;
	text-align: center;
}
.stopka {
	margin: 5px 10px 5px 10px;
	text-align: center;
	color: #A0A0A4; 
}
.stopka div {
	font-size: 11px;
	color: #A0A0A4;
	margin-top: 10px;
}
/* ------------------------------------ Zaokrąglone rogi - koniec */

/* Button------------------------------------ */
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#000000;
	padding: 0px 10px 0px 10px;
	background:url(gfx/formbg.gif) repeat-x left top;
	height: 25px;
	line-height: 25px;
	margin: 5px;
}
.formbutton-big{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#000000;
	padding: 0px 10px 0px 10px;
	background:url(gfx/formbg.gif) repeat-x left top;
	height: 30px;
	line-height: 30px;
	margin: 10px 10px 5px 5px;
}
/* Button - koniec------------------------------------ */

/* Zamówienia------------------------------------ */
.znag {
	background-color: #DEDEDE;
	text-align: center;
}
.zn {
	background-color: #FFFFFF;
	text-align: right;
}
.znp {
	background-color: #FFFFFF;
	text-align: left;
}
/* Zamówienia - koniec------------------------------------ */

/* popup------------------------------------ */
#popup {
	text-align: left;
	font-family: Arial, Helvetia, sans-serif, Tahoma;
	font-size: 12px;
	margin: 5px 10px 10px 5px;
}
#popup .just {
	text-align: justify;
	text-indent: 15px;
}
.margin-reset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* popup - koniec------------------------------------ */
