body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 10px 0; padding:0;
	color: #555;
}

form {
	margin:0; padding:0;
}

h1, h2, h3, h4 {
	margin-top: 0; padding-left: 10px;
	background: transparent url(images/dot.gif) no-repeat 0 50%;
}
h1 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	background-position: 0 6px;
}
h2 {
	color: #007cc3;
	background-image: none;
	font-size: 14px;
	margin: 0; padding:0;
}
h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: normal;
	background-position: 0 5px;
}

h3 {
	margin-bottom:3px;
}

h4 {
	margin-bottom: 2px;
}

h5 {
	text-align: center;
	text-transform: uppercase;
}

p {
	margin: 10px 0;
}

a {
	color: #555;
	text-decoration:underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

table {
	border: 1px solid #007cc3;
	border-collapse: collapse;
	margin-bottom: 5px;
}
table th,table td {
	border: 1px solid #007cc3;
	padding: 1px;
	color: #007cc3;
}
table th {
	color: #555;
}
table tr.nieaktywne th, table tr.nieaktywne td {
       color: #ffbaba;
}
table.noborder {border:none;}
table.noborder td {border:none;}

table input {
	color: #007cc3;
	border: 1px solid #007cc3;
}

#pageout {
	margin: 0 auto; 
	width: 770px;
}

#pagein {
	margin: 0 auto; 
	width: 741px;
	text-align: justify;
}

#pagehead {
	position: relative;
	height: 109px;
}
#pagehead #shadow_left {
	position: absolute; top:0; left:0;
	width: 507px; height:27px;
	background: transparent url(images/top_bg.gif) repeat-x;
}
#pagehead #shadow_right {
	position: absolute; top:0; right:0;
	width: 14px; height:27px;
	background: transparent url(images/top_bg.gif) repeat-x;
}
#pagehead img#procad {
	position: absolute; top: 35px; left: 370px;
	width: 125px; height:24px;
}
#pagehead img#procent {
	position: absolute; top: 50px; left: 35px;
	width: 109px; height:62px;
}
#pagehead img#line_l {
	position: absolute; top: 0px; left: 507px;
	width: 1px; height:109px;
}
#pagehead img#line_r {
	position: absolute; top: 0px; right: 14px;
	width: 1px; height:109px;
}
#pagehead img#karta {
	position: absolute; top: 60px; left: 520px;
	width: 61px; height:40px;
}

#pagehead #log {
	position: absolute;
	width:245px; height: 110px;
	left: 508px;
}
#pagehead #log h5 {
	position: relative;
	margin:0; padding:0 25px 0 0px;
	font-weight: bold;
	text-align: right;
}
#pagehead #log #l_form {
	position: absolute; 
	left: 35px; top: 35px;
	width: 215px;
}
#pagehead #log #l_form #l_login {
	position: absolute;
	top: 43px; left: 80px;
	width: 60px;
	border: none;
	font-weight: bold;
	background: transparent;
	padding:0; margin:0;
	font-size: 11px;
	text-align: left;
	color: #555;
}
#pagehead #log #l_form #l_login:hover {
	text-decoration: underline;
}
#pagehead #log #l_form #l_aktywuj {
	position: absolute;
	top: 45px; left: 150px;
	width: 50px;
	padding:0; margin:0;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	font-size:11px;
}
#pagehead #log #l_form #l_aktywuj:hover {
	text-decoration: underline;
}

#pagehead #log #l_info {
	position: relative;
	top: 10px; left:0;
}
#pagehead #log #l_info .row {
	left: 80px;
}
#l_info #l_osoba {
	text-align: right;
	padding: 0 25px 5px 0;
	color: #007cc3;
}
#l_info .row span {
	left: 80px;
	width: 60px;
	text-align: right;
}

#menu, #log_menu {
	height: 25px;
	text-align: left;
	font-weight: bold;
	color: #aaa;
}
#menu ul {
	padding: 0 0 0 160px; margin:0;
}
#menu ul li, #log_menu ul li {
	display: inline;
	margin-right: 20px;
}
#menu ul li a, #log_menu ul li a {
	text-decoration: none;
}
#menu ul li a:hover, #log_menu ul li a:hover {
	text-decoration: underline;
}

#log_menu {
	position: absolute;
	top: 109px; left:10px;
	color: #6ea4c3;
}
#log_menu ul {margin:0; padding:0;}
#log_menu ul li {margin-right: 8px;}
#log_menu ul li a {color: #007cc3;}

#koszykline {
	position: relative;
	z-index:10000;
}
#koszyk {
	position: absolute; top:0; right:0;
	width: 130px; height: 20px;
	color: white;
	background-color: #007cc2;
	
	padding: 5px 0 0 10px;
	font-weight: bold;
}
#koszyk a {
	color: white; 
	text-decoration: none;
}
#koszyk a:hover {
	text-decoration: underline;
}
#koszyk img {
	position: absolute; top: -15px; right:10px;
	width: 62px; height: 61px;
	z-index:20000;
}

.row {
	position: relative;
	height: 22px;
}
.row label {
	position: absolute; top: 2px; left:0;
	display: block;
	width: 70px;
	font-weight: bold;
	text-align: right;
	padding:0;margin:0;
}
.row select, .row input, .row textarea, .row span {
	position: absolute;
	top: 0px; left: 80px;
	width: 120px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #007cc2;
	background-color: transparent;
}
.row input.check {width:auto;}
.row span {
	text-align: left;
	border: none;
	top: 3px;
}

#search {
	position:relative;
	height: 200px;
}
#search #giftsimg {
	margin: 18px 0 0 18px;
	width:169px; height:58px;
}
#search #line_l, #search #line_r {
	position: absolute;
	top:54px;
	width:1px; height:143px;
}
#search #line_l {left:18px;}
#search #line_r {left:220px;}
#search h5 {
	position: relative;
	top:0; left:18px;
	margin: 20px 0 10px 0;
	width:202px;
}
#search #s_punkty {
	text-align: right;
	width: 40px;
}
#search #s_szukaj {
	position: absolute;
	top: 1px; left: 140px;
	width: 60px;
	border: none;
	padding:0; margin:0;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

.onecol {
	float: left;
	position: relative;
	width: 741px;
	background: transparent url(images/onecol_bg.gif) repeat-y;
	z-index:0;
}

.twocol {
	float: left;
	position: relative;
	width: 741px;
	background: transparent url(images/twocol_bg.gif) repeat-y;
  	z-index:0;
}

.contents {
	float: left;
	width: 492px;
	padding: 0px;
}
.contents .row {height: auto; margin-bottom: 3px;}
.contents .row label {width: 110px;}
.contents .row select, .contents .row input, .contents .row textarea, .contents .row span {
	position:relative; 
	top: 0px; left: 120px; 
	width:200px;
}
.contents .row input.check {position:relative;top:0;left:0; width:auto; border:none;}
.contents .row span {
	width: 340px;
	display: block;
}

.col1 {
	float: left;
	width: 210px;
	padding-right: 16px;
	background: transparent url(images/line_p.gif) no-repeat right 30px;
}
.col2 {
	padding-left: 13px;
	width: 210px;
	margin-left: 226px;
}
.col1 h1, .col2 h1 {text-align:left;}

.nav {
	margin: 0 0 0 494px;
}

.padshadow {
	padding: 15px 20px 15px 20px;
}


#footer {
	margin-top: 20px;
	font-size:10px;
	color: #888;
	text-align: center;
}

.header {
	width: auto;
	height: 25px;
	color: white;
	background-color: #007cc2;
	clear: left;
}
.nav .header {clear:none;}
.header .text {
	display: inline;
	height: 20px;
	background-color: inherit;
	padding: 5px 10px 0 20px;
	float: left;
	
	font-weight: bold;
	text-transform: uppercase;
}
.header .line {
	height: 12px;
	border-bottom: 1px solid #54aad9;
	line-height: 1px;
	font-size: 1px;
}

.imgbox, .imgbox_r, .imgbox_l {
	margin:0;
}
.imgbox_l {
	margin: 0 10px 5px 0;
	float: left;
}
.imgbox_r {
	margin: 0 0 5px 15px;
	float: right;
}
.imgbox div, .imgbox_r div, .imgbox_l div {
	text-align: center;
	margin:0;
}

.dzial_d {
	float:left;
	margin: 3px 3px 3px 0;
    width: 121px;
}
.dzial_d.last {margin-right: 0;}
.dzial_d h2 {
	width: 121px; height:24px;
	margin:0; padding: 11px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: none;
	background-color: #007cc3;
	color: white;
}
.dzial_d.odd h2 {
	background-color: #1f5d9d;
}
.dzial_d h2 a {
	color: white;
	text-decoration: none;
}
.dzial_d h2 a:hover {
	text-decoration: underline;
}
.dzial_d img {
	width: 121px;
       	height:111px;
}
.dzial_d h3 {
	margin: 3px 0 0 -2px;
	background: none;
	color: #007cc3;
	text-align: left;
}
.dzial_d_last {
	float:left;
	background-image: url(images/lastadd_bg.gif);
	margin-bottom:3px;
	border-bottom: 1px solid #e9e7e7;
}
.last_add {
	float: left;
	width: 117px;
	padding: 2px;
	margin-right: 3px;
	border-top: 1px solid #e9e7e7;
}
.last_add.last {margin-right: 0;}
.last_add h4 {
	padding-left: 7px;
	background-position: 0 4px;
	font-size: 11px;
	text-align: left;
}
.last_add h4 a {
	text-decoration: none;
}
.last_add h4 a:hover {
	text-decoration: underline;
}

.dzial_m {
	float:left;
	margin: 3px 3px 0 0;
    width: 80px;
}
.dzial_m.one {margin-right: 2px;}
.dzial_m.last {margin-right: 0;}
.dzial_m h2 {
	width: 80px; height:24px;
	margin:0; padding: 11px 0 0 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: none;
	background-color: #007cc3;
	color: white;
}
.dzial_m.odd h2 {background-color: #1f5d9d;}
.dzial_m.sel h2 {background-color: #a8d2eb;}
.dzial_m h2 a {
	color: white;
	text-decoration: none;
}
.dzial_m h2 a:hover {
	text-decoration: underline;
}
.dzial_m img {
	width: 80px; height:75px;
}

.gift {
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #007cc3;
	padding: 10px 0;
	clear: left;
}
.gift.last {border-bottom: none;}
.gift h3 {
	font-size: 14px;
	font-weight: normal;
	color :#007cc3;
	text-align: left;
}
.gift .desc img {
	float: left;
	width: 128px; height: 100px;
	border: 1px solid #007cc3;
}
.gift .desc .descfull {
	margin-left: 135px;
	padding-bottom: 20px;
}
.gift .order {
	position: absolute; bottom: 5px; right:0;
	width: 80px;
	padding: 3px;
	color: #007cc3;
	text-align: center;
	text-transform: uppercase;
	background-color: #eee;
	border-left: 1px solid #007cc3;
	border-right: 1px solid #007cc3;
}
.gift .order a {
	color: #007cc3;
	text-decoration: none;
}
.gift .order a:hover{text-decoration: underline;}

.procad h3 {text-align: left; margin-bottom: 6px;}

input.order {
	width: 80px;
	padding: 3px; margin-top: 5px;
	font-size: 11px;
	color: #007cc3;
	text-align: center;
	text-transform: uppercase;
	background-color: #eee;
	border-left: 1px solid #007cc3;
	border-right: 1px solid #007cc3;
	border-bottom:none; border-top:none;
}

.error {
	padding: 3px;
	margin-bottom: 10px;
	color: red;
	background-color: yellow;
	border: 1px solid red;
}
.error ul {
	margin-top: 1px;
	margin-bottom: 1px;
}
.warn {
	color: red;
	font-weight: bold;
}

.small {font-size:10px;}

.clr {height: 1px; line-height: 1px; font-size: 1px; clear: right;}
.cll {height: 1px; line-height: 1px; font-size: 1px; clear: left;}
.clb {height: 1px; line-height: 1px; font-size: 1px; clear: both;}

/* ------------------------------------------------ */
#regulamin ol {
	font-size: 14px;
	font-weight: bold;
	list-style-type: upper-roman;
	margin-top: 3px;
}

#regulamin ol li {
	margin-bottom: 10px;
}

#regulamin ol li ol li {
	margin-bottom: 2px;
}

#regulamin ol li ol li ol li {
	margin-bottom: 1px;
}

#regulamin ol ol, #regulamin ol ol ol {
	font-size: 12px;
	font-weight: normal;
	list-style-type: decimal;
}

#regulamin ol ol ol {
	list-style-type: lower-alpha;
}

.nav .selected {
    opacity: 0.3;
}
li p {
    margin-block: .125rem;
}