html, body {
	margin: 0;
	padding: 0;

}

html {
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #557192;
}

div#kartka {
	width: 1000px;
	margin: 0px auto;

	position: relative;
}


a:hover {
	text-decoration: underline ! important;
}

a img {
	border: none;
}


/* Top - logotyp i dwie nawigacje */
div#kartka div#top {
	height: 106px;

	position: relative;
	z-index: 40;
}


div#kartka div#top img.logotyp {
	display: block;

	position: absolute;
	top: 10px;
	left: 25px;
}

div#kartka div#top img.tagline {
	display: block;

	position: absolute;
	top: 73px;
	left: 23px;
}

div#kartka div#top ul#top_navi {
	position: absolute;

	top: 17px;
	right: 3px;
}

div#kartka div#top ul#top_navi, div#kartka div#top ul#top_navi li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#kartka div#top ul#top_navi li  {
	float: left;
		padding: 10px 0 0 0;
}

div#kartka div#top ul#top_navi li a {
	font-family: Tahoma;
	font-size: 11px;
	color: #fff;

	text-decoration: none;

	height: 23px;
	line-height: 23px;
	display: block;

	margin-right: 20px;

	background-repeat: no-repeat;
	background-position: 0px 1px;


}

div#kartka div#top ul#top_navi li a:hover {
	text-decoration: underline;
}

div#kartka div#top ul#top_navi li.rejestracja a {
	background-image: url(../img/icon_rejestracja.gif);
	padding-left: 34px;
}

div#kartka div#top ul#top_navi li.zaloguj a {
	background-image: url(../img/icon_zaloguj.gif);
	padding-left: 28px;
}

div#kartka div#top ul#top_navi li.zalogowany a {
	padding-left: 40px;
	padding-bottom: 16px;
	padding-top: 10px ! important;
	background-position: 0px 0px;
}

div#kartka div#top ul#top_navi li.zalogowany {
	padding-top: 0px ! important;
}

div#kartka div#top ul#top_navi li.newsletter a {
	background-image: url(../img/icon_newsletter.gif);
	padding-left: 28px;
}

div#kartka div#top ul#top_navi li.rss a {
	background-image: url(../img/icon_rss.gif);
	padding-left: 20px;
}




div#kartka div#top ul#sub-top_navi {
	position: absolute;

	top: 52px;
	right: 3px;
}

div#kartka div#top ul#sub-top_navi, div#kartka div#top ul#sub-top_navi li {
	list-style-type: none;
	padding: 0;
	margin: 0;

	
	font-family: Tahoma;
	font-size: 11px;
	color: #fff;

	text-decoration: none;

	height: 23px;
	line-height: 23px;
	display: block;

	margin-left: 7px;
	margin-right: 7px;

	background-repeat: no-repeat;
	background-position: 0px 3px;
}


div#kartka div#top ul#sub-top_navi li.kontakt {
	background-image: url(../img/szybki_kontakt.png);
	padding-left: 25px;
}
div#kartka div#top ul#sub-top_navi li.gg {
}


div#kartka div#top ul#sub-top_navi li a {
	text-decoration: none;
	color: #fff;
}

div#kartka div#top ul#sub-top_navi li  {
	float: left;
}





div#kartka div#top ul#main_navi {
	position: absolute;

	top: 83px;
	left: 256px;

	z-index: 40;
}


div#kartka div#top ul#main_navi, div#kartka div#top ul#main_navi li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#kartka div#top ul#main_navi li  {
	float: left;

	width: 145px;
	height: 28px;
	background-image: url(../img/top_ramka_nieaktywna.gif);
	background-repeat: no-repeat;
	background-color: white;

	padding: 4px 0 0 0;
	text-align: center;
}

div#kartka div#top ul#main_navi li a, div#kartka div#top ul#main_navi li span {

	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;

	color: white;
	line-height: 15px;
	text-decoration: none;
}

div#kartka div#top ul#main_navi li span {
	color: #CBCBCB;
}


div#kartka div#top ul#main_navi li.aktywny a{
	color: #808080 ! important;
}

div#kartka div#top ul#main_navi li a:hover {
	text-decoration: underline;
}

div#kartka div#top ul#main_navi li.aktywny {
	background-image: url(../img/top_ramka_aktywna.gif) ! important;
}





/* Ramka z contentem */
div.content-wrap {
	background-image: url(../img/content_bg.gif);
	background-repeat: repeat-y;

}

div.content {
	background-image: url(../img/content_top.gif);
	background-repeat: no-repeat;

	padding-left: 5px;
	padding-right: 5px;

	position: relative;

	min-height: 300px;
}

div.content-wrap a {
	color: #557192;
	text-decoration: none;
}

div.content-wrap a {
	color: #557192;
	text-decoration: underline;
}

div.content-btm {
	height: 23px;
	background-image: url(../img/content_btm.gif);

	clear: both;
}

p.txt {
	font-size: 12px;
	font-family: Tahoma;
	color: #808080;

	padding-bottom: 17px ! important;

	line-height: 21px
}

ul.listing {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.listing li {
	background-image: url(../img/ptaszek.gif);
	background-repeat: no-repeat;
	
	padding-left: 31px;
	line-height: 30px;

	font-size: 12px;
	font-family: Tahoma;
	color: #808080;

	vertical-align: middle;
}

ul.listing li.headline {
	padding-left: 0px;
	background-image: none;

	font-weight: bold;
}

a.wiecej {
	font-weight: bold;
	color: #808080;
	text-decoration: none;

	background-image: url(../img/ptaszek_wiecej.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	
	padding-right: 10px;
}

ul#galeria {
	position: absolute;

	top: 490px;
	left: 429px;

	width: auto;
}

ul#galeria, ul#galeria li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#galeria li {
	position: relative;
	float: left;

	margin-right: 7px;
	margin-left: 10px;
}

ul#galeria li img {
	position: relative;
	top: 0px;
	left: 0px;
}

ul#galeria li img.ramka {
	top: 0;
	left: 0;
	position: absolute;
}


ul#galeria li a.wiecej {
	padding-right: 0px ! important;
	background-image: none ! important;
}

ul#galeria li a span {
	display: block;
	width: 100px;

	font-family: Tahoma;
	font-size: 12px;

	margin: 7px 0 0 18px;

	

	background-image: url(../img/ptaszek_wiecej.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	
	padding-right: 10px;
}

ul#galeria li.prev {
	margin-right: 0px ! important;
	left: 19px;
	top: 1px;
	width: 30px ! important;
}
ul#galeria li.next {
	margin-left: 0px ! important;
	top: 1px;
	left: 4px;
	width: 20px ! important;
}


ul#galeria li.prev a, ul#galeria li.next a {
	top: 40px;
	position: relative;

	width: 27px;
	margin: 0px ! important;
}

ul.nawigacja {

	list-style-type: none;
	padding: 0;
	margin: 0 20px 0 18px;

	text-align: center;

	position: relative;

}

ul.nawigacja li {
	list-style-type: none;
	padding: 0;
	margin: 0;

	display: inline;
	
}

ul.nawigacja li a {

	font-size: 12px;
	font-family: Tahoma;
	color: #808080;
	text-decoration: none;
}

ul.nawigacja li.aktywny a {
	font-weight: bold;
}

ul.nawigacja li.prev, ul.nawigacja li.next {
	display: block;
	position: absolute;

	top: 0;
	
	font-size: 12px;
	font-weight: bold;

}

ul.nawigacja li.prev {
	left: 0;
}
ul.nawigacja li.next {
	right: 0;
}

ul.nawigacja li.prev a, ul.nawigacja li.next a {
	text-decoration: none;
	color: #808080;

	background-repeat: no-repeat;
}

ul.nawigacja li.prev a {
	background-image: url(../img/ico_prev.gif);
	background-position: 0px 3px;
	padding-left: 10px
}
ul.nawigacja li.next a {
	background-image: url(../img/ico_next.gif);
	background-position: 100% 3px;
	padding-right: 10px
}

ul#footer {
	position: absolute;
	right: 14px;
}

ul#footer, ul#footer li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#footer li { 
	float: left;

	padding: 11px 8px 0 8px;
	line-height: 60px;

	vertical-align: middle;

	background-image: url(../img/footer_border.gif);
	background-repeat: no-repeat;
	background-position: 100% 35px;
}

ul#footer li.last {
	background-image: none;
}

ul#footer li a { 
	font-family: Tahoma;
	font-size: 11px;
	color: #9fb1c4;

	text-decoration: none;

	position: relative;
	top: -2px;
}























div.logowanie {
	background-image: url(../img/logowanie_ramka.png);
	width: 319px;
	height: 191px;
	background-repeat: no-repeat;

	padding: 32px 10px 0 10px;

	position: absolute; 
	top: 30px; 
	left: 597px; 
	z-index: 100;
	
	display: none;
}

div.logowanie div {
	background-image: url(../img/pop_input.gif);
	background-repeat: no-repeat;
	padding: 5px 5px;
	margin: 2px 0 9px 23px;
}

div.logowanie div input {
	background-color: white;
	border: none;

	width: 239px;
	padding-left: 4px;

	color: #c0c0c0;
}

div.logowanie a.wiecej {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;

	margin-left: 22px;
}

div.logowanie a img {
	margin: 18px auto 0 auto;
	display: block;

	padding-right: 10px;
}



div.funkcjonalnosci {
	background-image: url(../img/funkcj_dymek.png);
	width: 319px;
	height: 191px;
	background-repeat: no-repeat;

	padding: 32px 10px 0 10px;

	position: absolute; 
	top: 179px; 
	left: 717px; 
	z-index: 100;

	display: none;
}


div.funkcjonalnosci p {
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	margin: 2px 0 7px 21px;

	line-height: 17px;

	width: 280px;
}

div.newsletter {
	background-image: url(../img/newsletter_ramka.png);
	width: 319px;
	height: 191px;
	background-repeat: no-repeat;

	padding: 32px 10px 0 10px;

	position: absolute; 
	top: 30px; 
	left: 690px; 
	z-index: 100;

	display: none;
}


div.newsletter div, div#rekomendacja-pop div {
	background-image: url(../img/pop_input.gif);
	background-repeat: no-repeat;
	padding: 5px 5px;
	margin: 2px 0 9px 20px;
}


div.newsletter div input, div#rekomendacja-pop div input {
	background-color: white;
	border: none;

	width: 239px;
	padding-left: 4px;

	color: #c0c0c0;
}

div.newsletter p, div#rekomendacja-pop p{
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	margin: 2px 0 7px 21px;

	line-height: 17px;
}

div.newsletter a img, div#rekomendacja-pop a img {
	margin: 18px auto 0 auto;
	display: block;

	padding-right: 10px;
}

a.zamknij {
	width: 47px;
	height: 10px;

	display: block;

	position: relative;
	float: right;
	top: -13px;
	right: 27px;

	background-image: url(../img/ico_zamknij.gif);
}


div.content p, div.content ul {
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	margin: 5px 20px 19px 20px;

}


input.err {
	border: 1px solid #c44141 ! important;
	background-color: #ffacac ! important;
}

div.content h1 {
	font-family: Tahoma;
	font-size: 20px;
	color: #808080;

	font-weight: normal;

	position: relative;

	padding: 23px 0 11px 20px;
	margin: 0;
}



div#artykul {
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	padding: 20px 40px 0 40px;
}

div#artykul p, div#artykul ul, div#artykul ol, div#produkt div#opis p, div#opis ul {
	line-height: 21px;
}

.submit_hid {
	display: none ! important;
}

p.platnosc {
	text-align: center;

	font-size: 11px;
}


ul#kontakt {
	margin-left: 20px ! important;
}


ul#kontakt, ul#kontakt li {
	list-style-type: none;
	margin: 0;
	padding: 0;

	border-bottom: none;
	
	font-family: Tahoma;
	font-size: 12px;

	color: #808080;
}

ul#kontakt li {
	padding-bottom: 10px;
}

ul#kontakt li input {
	display: block;

	background-color: #fff;
	border: 1px #c8c8c8 solid;
	height: 20px;
	padding-top: 4px;
	padding-left: 10px;
	color: #808080;
	width: 64%;
	
	font-family: Tahoma;
	font-size: 12px;

	padding-left: 5px;
}

ul#kontakt li textarea {
	
	display: block;
	width: 64%;
	
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	padding-top: 4px;
	padding-left: 5px;

	height: 190px;
	
	border: 1px #c8c8c8 solid;

	background-color: #fff;


}

ul#kontakt li span.err {
	color: red;
}

.clr {
	display: block;
	clear: both;
}

.kod_zamowienia {
	width: 381px;
	height: 72px;
	margin: 0px auto 15px auto;

	padding-top: 38px;

	background-image: url(../img/kod_zamowienia.png);

	font-size: 30px;
	font-family: Tahoma;

	text-align: center;

	color: #666;
}


div.txt {
	font-size: 12px;
	font-family: Tahoma;
	color: #808080;

	margin: 0px 21px;
	line-height: 21px;
}



/* Komentarze */
div#komentarze {
	min-height: 300px ! important;
	padding-bottom: 40px;
	position: relative;
}


div#komentarze h1 {
	font-family: Tahoma;
	font-size: 20px;
	color: #808080;

	font-weight: normal;

	position: relative;

	padding: 23px 0 11px 20px;
}


div#komentarze h1 img {
	position: absolute;
	right: 17px;
	top: 25px;
}

ul#lista_komentarzy {
	margin: 11px 20px 0 20px;

}

ul#lista_komentarzy, ul#lista_komentarzy li {
	list-style-type: none;

	padding: 0;

	font-family: Tahoma;
	font-size: 12px;
	color: #808080;
}

ul#lista_komentarzy img.avatar {
	float: left;
	
	border: 1px #808080 solid;
}

ul#lista_komentarzy h2 {
	font-size: 13px;
	color: #808080;

	margin: 0 0 7px 0;
	padding: 0 0 0 80px;
}

ul#lista_komentarzy h3 {
	float: right;
	display: block;
	
	width: 140px;
	height: 40px;

	margin: 0;
	padding: 0;
	

	font-size: 11px;
	font-style: italic;
}

ul#lista_komentarzy h5 {
	font-size: 11px ! important;
	color: #808080 ! important;
	font-weight: normal ! important;

	margin: 0 0 7px 0;
	padding: 13px 0 0 80px;

	position: absolute;

	bottom: 0px;

	right: 23px;
	z-index: 40;
}

ul#lista_komentarzy h6 {
	font-size: 11px;
	color: #cfcfcf;
	
	padding: 3px 0 0 80px;
	margin: 0;
	height: 42px;

	font-weight: normal;
}

ul#lista_komentarzy blockquote {
	color: #808080;
	font-size: 12px;


	margin: 21px 0 17px 0px;
	padding: 0;

	position: relative;
	left: -3px;

	width: 956px;
	background-repeat: repeat-y;
	
}

ul#lista_komentarzy blockquote p {
	margin: 0 ! important;
	
	background-repeat: no-repeat;
	padding: 20px 20px 5px 20px;

	position: relative;
	top: -26px;

	word-wrap: break-word;
}

ul#lista_komentarzy blockquote p.komentarz  {
	background-image: none ! important;
}


ul#lista_komentarzy blockquote p span {
	display: block;
	padding-left: 20px;
	font-style: italic;
}

ul#lista_komentarzy blockquote div.btm {
	height: 17px;
	position: relative;
	bottom: -17px;
	background-repeat: no-repeat;
}


ul#lista_komentarzy blockquote.col1 {
	background-image: url(../img/kom_dymek_mid1.png);
}

ul#lista_komentarzy blockquote.col1 p.ramka {
	background-image: url(../img/kom_dymek_top1.png);
}

ul#lista_komentarzy blockquote.col1 div.btm {
	background-image: url(../img/kom_dymek_btm1.png);
}


ul#lista_komentarzy blockquote.col2 {
	background-image: url(../img/kom_dymek_mid2.png);
}

ul#lista_komentarzy blockquote.col2 p {
	background-image: url(../img/kom_dymek_top2.png);
}

ul#lista_komentarzy blockquote.col2 div.btm {
	background-image: url(../img/kom_dymek_btm2.png);
}



ul#lista_komentarzy p {
	color: #808080;
	font-size: 12px;

	padding: 0;
	margin: 5px 0 16px 0;

	line-height: 21px;
}

ul#lista_komentarzy li {
	position: relative;

	margin-bottom: 29px ! important;

	margin: 0;
}
ul#lista_komentarzy li a.odpowiedz img {
	position: absolute;

	left: 20px;
	bottom: -20px;
	
	z-index: 50;
	cursor: hand; cursor: pointer;
}


ul#lista_komentarzy li div.ikonki {
	position: absolute;

	right: 33px;
	bottom: -25px;
	z-index: 52;
	width: 
}

ul#lista_komentarzy li ul.dymek {
	position: absolute;
	bottom: -8px;
	right: 20px;
	width: auto;

	z-index: 70;
}

ul#lista_komentarzy li ul.info {
	position: absolute;
	right: 93px;
	bottom: -32px;
	width: auto;

	z-index: 70;
}



ul#lista_komentarzy li.last {
	border-bottom: none;
}

div#lista_komentarzy-wrap {
	position: absolute;
	bottom: 8px;
	width: 100%;
}

ul#dodaj_komentarz {
	display: none;
}


ul#dodaj_komentarz, ul#dodaj_komentarz li {
	list-style-type: none;
	margin: 0;
	padding: 0;

	border-bottom: none;
	
	font-family: Tahoma;
	font-size: 12px;

	color: #808080;
}

ul#dodaj_komentarz li label {
}

ul#dodaj_komentarz li input {
	display: block;

	background-color: #fff;
	border: 1px #c8c8c8 solid;
	height: 20px;
	padding-top: 4px;
	padding-left: 10px;
	color: #808080;
	width: 64%;
	
	font-family: Tahoma;
	font-size: 12px;

	padding-left: 5px;
}

ul#dodaj_komentarz li textarea {
	
	display: block;
	width: 64%;
	
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;

	padding-top: 4px;
	padding-left: 5px;
	
	border: 1px #c8c8c8 solid;

	background-color: #fff;


}

textarea.cytat {
	border-bottom: none ! important;

	color: #CCC ! important;
}


textarea.hide {
	display: none ! important;
}

textarea.text {
	height: 150px;
}

textarea.z-cytatem {
	border-top: none ! important;
	position: relative;
	top: -1px;
}


img.produkt_zlaczony1 {
	position: absolute;

	top: 240px;
	left: 21px;
}

img.produkt_zlaczony2 {
	position: absolute;

	top: 298px;
	left: 473px;
}

div.produkt_zlaczony1 {
	padding-top: 44px ! important;
}

div#billboard {
	width: 750px;

	margin: 9px auto;
}