/* ---------------------------------------------------------- reguly globalne */

h1, h2, h3, h4, h5, h6 {
	color: #7e7ba8;
}

/* ------------------------------------------------------------ glowny layout */
body {
	background-color: #d2d0d1;
}

#container, #footer {
	background-image: url("../images/service/shadow.png");
	background-position: -902px 0;
}

#header {
	background-image: url("../images/service/logo.png?revision=2");
	background-position: 4px 4px;
}

#wrap {
	padding: 6px 4px 0 4px;
}

#sitebar {
	width: 168px;
}

#content {
	width: 696px;
}

#footer {
	background-position: 0 0;
}

/* ---------------------------------------------------- glowny layout - tekst */

/* ----------------------------------------------------------------- naglowek */

/* --------------------------------------------------------- naglowek - tekst */

/* --------------------------------------------------------------- pasek menu */

#sitebar li {
	width: 161px;
	padding-bottom: 2px;
	overflow: hidden;
}

#sitebar li a, #sitebar li a span {
	background: transparent url(../images/service/menu.png) 0 0 no-repeat scroll;
	height: 37px;
	display: block;
}

#sitebar li a {
	overflow: hidden;
	position: static;
}

#sitebar li a span {
	background-position: 0 -37px;
	padding-left: 323px;
}

#sitebar li a:hover, #sitebar li a.hover {
	margin-left: -161px;
}

#sitebar li a.oferta span {background-position: 0 -74px;}
#sitebar li a.uslugi span {background-position: 0 -111px;}
#sitebar li a.sklepy span {background-position: 0 -148px;}
#sitebar li a.aukcje span {background-position: 0 -185px;}
#sitebar li a.ogloszenia span {background-position: 0 -222px;}
#sitebar li a.realizacje span {background-position: 0 -259px;}
#sitebar li a.reklama span {background-position: 0 -296px;}
#sitebar li a.kontakt span {background-position: 0 -333px;}
#sitebar li a.pobierz span {background-position: 0 -370px;}

/* ------------------------------------------------------- pasek menu - tekst */

/* ------------------------------------------------------------ pasek sciezki */

/* ---------------------------------------------------- pasek sciezki - tekst */

/* -------------------------------------------------------------------- tresc */

#bookmark {
	margin: 0 0 0 0.5em;
	float: right;
}

/* ------------------------------------------------------------ tresc - tekst */

/* --------------------------------------------------------------- komunikaty */

/* ------------------------------------------------------- komunikaty - tekst */

/* ------------------------------------------------------------------- tabela */

/* ----------------------------------------------------------- tabela - tekst */

/* ---------------------------------------------------------------- formularz */

#content form dd b.help {
	background: transparent url(../images/sprites.png) -171px -24px no-repeat scroll;
	padding-left: 17px;
	vertical-align: middle;
	cursor: help;
}

#content form dd b.help i {
	overflow: hidden;
	display: none;
	display: inline-block;
	width: 0;
}

/* -------------------------------------------------------- formularz - tekst */

#content form dd b.help {
	line-height: 17px;
}

/* ----------------------------------------------------------- stronnicowanie */

/* --------------------------------------------------- stronnicowanie - tekst */

/* ------------------------------------------------------------- serwiswww.pl */
/* --------------------------------------------------------- strona logowanie */

#content #authentication h2 {
	margin-bottom: 1em;
}

#content #authentication div.box {
	margin: 0 80px;
	overflow: hidden;
}

#content #authentication div.box div {
	width: 247px;
	border-left: 1px solid #bfc4ff;
	margin-left: -1px;
	padding: 10px 10px 5px;
}

#content #authentication dt {
	width: 40px;
}

#content #authentication dd {
	margin-left: 45px;
}

#content #authentication div.float-left dd {
	margin-left: 0;
}

#content #authentication div.navigation {
	margin-top: 0.5em !important;
}

/* ------------------------------------------------- strona logowanie - tekst */

#content #authentication h2 {
	font-size: 105%;
}

#content #authentication, #content #authentication p {
	line-height: 1.4;
}

/* ------------------------------------------------------- strona rejestracja */

#content #registration dd span {
	float: left;
	clear: left;
}

/* ----------------------------------------------- strona rejestracja - tekst */

/* ------------------------------------------------ strona koszyk, zamowienie */

#content #basket, #content #order {
	padding-bottom: 50px;
}

#content #basket table, #content #order table {
	margin-left: 1px;
	width: 695px;
}

#content #basket fieldset table, #content #order fieldset table {
	width: 100%;
}

#content #basket td a.image, #content #order td a.image {
	background: transparent url("../images/sprites.png") -144px -25px no-repeat scroll;
	display: block;
	height: 16px;
	width: 19px;
	cursor: pointer;
	position: relative;
}

#content #basket td a.image img, #content #order td a.image img {
	display: none;
}

div.image-content img {
	vertical-align: bottom;
}

#content #basket dl dt, #content #order dl dt {
	width: 335px;
}

#content #basket dl dd, #content #order dl dd {
	margin-left: 340px;
}

#content #basket td a.button {
	vertical-align: middle !important;
}

/* ---------------------------------------- strona koszyk, zamowienie - tekst */

#content #basket td, #content #order td {
	text-align: right;
	line-height: 21px;
}

#content #basket td.tl, #content #order td.tl {
	text-align: left;
}

#content #basket td.tc, #content #order td.tc {
	text-align: center;
}

/* -------------------------------------------------------- strona zamowienie */

#content #order dd span {
	float: left;
	clear: left;
}

#content #order fieldset div.info {
	margin-top: 1em;
}

/* ------------------------------------------------ strona zamowienie - tekst */

/* --------------------------------------------------------- maskotki serwisu */

#content .favourite {
	background: transparent url("../images/service/maskotki.png") 0 0 no-repeat scroll;
	padding-top: 200px;
	border: 10px solid #fff;
	height: 0;
	overflow: hidden;
}

#content .mascot {
	background: transparent url("../images/service/uslugi/maskotki.png") 0 0 no-repeat scroll;
	width: 140px;
	height: 0;
	padding-top: 130px;
	overflow: hidden;
}

#content #fa_main.favourite {width: 170px; background-position: -12px 0}
#content #fa_auction.favourite {width: 215px; background-position: 13px -200px}
#content #fa_announ.favourite {width: 160px; background-position: -17px -400px}
#content #ma_mechanic.mascot {}
#content #ma_painter.mascot {background-position: 0 -130px}
#content #ma_advert.mascot {background-position: 0 -260px}
#content #ma_builder.mascot {background-position: 0 -390px}
#content #ma_designer.mascot {background-position: 0 -520px}
#content #ma_superman.mascot {background-position: 0 -650px}
#content #ma_woman.mascot {background-position: 0 -780px}

/* ------------------------------------------------- maskotki serwisu - tekst */

/* ------------------------------------------------------------- strona o nas */

#content #mascot, #content #au_mascot {
	background: transparent url("../images/service/maskotka/glowne.jpg") -13px 0 no-repeat scroll;
	margin: 10px;
	float: left;
}

#content #mascot {
	width: 166px;
	height: 200px;
}

/* ----------------------------------------------------- strona o nas - tekst */

/* ------------------------------------------------------------ strona oferta */

#content #offer-legend {
	margin: 0 -4px 2em 4px;
}

#content #offer-legend div.offer-separator {
	overflow: hidden;
	padding-bottom: 6px;
}

#content dl.offer-legend {
	background: transparent url(../images/service/oferta/legenda_bg.png) repeat-x scroll left top;
	border: 1px solid #b4b1d0;
	margin-right: 6px;
	padding: 8px;
	width: 323px;
	position: relative;
	float: left;
}

#content dl.offer-legend dt {
	margin: 0;
	height: 40px;
}

#content dl.offer-legend dt img {
	vertical-align: middle;
	margin-right: 0.5em;
}

#content dl.offer-legend span.action {
	background: transparent url(../images/sprites.png) 0 -22px no-repeat scroll;
	width: 72px;
	height: 19px;
	position: absolute;
	top: -1px;
	right: -1px;
	cursor: pointer;
}

#content dl.offer-legend span.offer-legend-close {
	background-position: -72px -22px;
}

#content dl.offer-legend p {
	margin-top: 1.5em;
	margin-bottom: 0.3em;
}

#content dl.offer-legend p, #content dl.offer-legend ol {
	padding-left: 30px;
}

#content dl.offer-legend ol {
	margin-bottom: 1em;
}

#content div.offer-item {
	background: transparent url("../images/service/oferta.png") top right no-repeat scroll;
	border: 1px solid #c0bed4;
	padding: 10px 43px 20px 10px;
	margin-bottom: 2.5em;
	position: relative;
}

#content div.offer-item h3 {
	margin-bottom: 0.7em;
}

#content div.offer-item div.offer-image {
	padding-bottom: 0.5em;
}

#content div.offer-item div.offer-image p {
	margin-bottom: 10px;
}
#content div.offer-item div.offer-image img {
	border: 1px solid #c0bed4;
}

#content div.offer-item p.offer-variant {
	padding-left: 1em;
	margin-bottom: 0;
}

#content div.offer-item ul.offer-link {
	margin: 0;
	position: absolute;
	bottom: 27px;
	right: 43px;
}

#content div.offer-item ul.offer-link li {
	float: right;
	clear: right;
}

#content div.offer-item ul.offer-variant {
	padding: 0.3em 0 0 1em;
	list-style: none;
	overflow: hidden;
}

#content div.offer-item ul.offer-variant li {
	margin-right: 0.5em;
	float: left;
}

#content div.offer-item ul.offer-variant img {
	cursor: help;
}

/* ---------------------------------------------------- strona oferta - tekst */

#content dl.offer-legend dt {
	font-size: 110%;
	line-height: 40px;
	color: #46427a;
	text-align: left;
	font-weight: bold;
}

#content dl.offer-legend p {
	font-weight: bold;
	color: #7e7ba8;
}

#content div.offer-item h3 {
	font-size: 110%;
}

#content div.offer-item p {
	text-indent: 3em;
}

#content div.offer-item div.offer-image p {
	text-indent: 0;
	text-align: center;
	word-spacing: 7px;
}

#content div.offer-item div.offer-image img {
	vertical-align: middle;
}

#content div.offer-item ul.offer-link li {
	font-weight: bold;
	line-height: 20px;
}

#content div.offer-item p.offer-variant {
	font-weight: bold;
	text-indent: 0;
}

#content div.offer-item ul.offer-variant li {
	line-height: 20px;
}

#content div.offer-item ul.offer-variant li img {
	vertical-align: bottom;
}

/* ------------------------------------------------------------ strona uslugi */

#content table.services {
	background: transparent url("../images/service/uslugi/background.png") center right repeat-y scroll;
	border: none;
	border-bottom: 2px dotted #d6d5e3;
	border-collapse: collapse;
	border-spacing: 0 0;
}

#content table.services th, #content table.services td {
	border-top: 2px dotted #d6d5e3;
	padding: 0;
}

#content table.services th h2 {
	margin: 8px auto;
}

#content table.services th img {
	vertical-align: bottom;
}

#content table.services td {
	background: transparent url(../images/service/tik.png) 20px 50% no-repeat scroll;
	padding: 0 0.5em 0 4em;
}

#content table.services td img {
	margin-left: -35px;
	padding-right: 10px;
	float: left;
}

/* ---------------------------------------------------- strona uslugi - tekst */

#content table.services {
	line-height: 1.6;
}

/* ------------------------------------------------------------ strona sklepy */

#content #shops_list {
	padding-left: 0;
	overflow: hidden;
}

#content #shops_list li {
	width: 140px;
	margin-left: 53px; /* 70 - 17 */
	float: left;
}

#content div.shops {
	padding: 1em;
	margin-bottom: 2em;
	overflow: hidden;
}

#content div.shops h2 img {
	float: right;
	border: 1px solid #bfc4ff;
	width: 200px;
}

#content div.shops h2 a:hover img {
	border-color: #3b375f;
}

#content div.shops p {
	width: 450px;
}

#content div.shops p a.shop-in span {
	background: transparent url(../images/sprites.png) -188px -24px no-repeat scroll;
	padding-left: 9px;
}

#content div.shops p a.shop-in span b {
	visibility: hidden;
}

/* ---------------------------------------------------- strona sklepy - tekst */

#content div.shops h2 {
	text-align: left;
}

#content div.shops p a.shop-in span {
	line-height: 17px;
}

/* ------------------------------------------------------------ strona aukcje */

#content #auctions_products,
#content #auctions_services {
	padding-bottom: 1.5em;
}

#content #auctions_products {
	float: right;
	clear: right;
	width: 40%;
}

#content #auctions_services {
	float: left;
	clear: left;
	width: 40%;
}

#content #auctions_services ul a img {
	padding: 1px;
	vertical-align: middle;
	border: 2px solid #fff;
}

#content #auctions_services ul a:hover img {
	border-color: #c3c3c3;
}

#content #au_mascot {
	background-position: 0 -200px;
	width: 213px;
	height: 198px;
}

/* ---------------------------------------------------- strona aukcje - tekst */

/* -------------------------------------------------------- strona ogloszenia */

/* ------------------------------------------------ strona ogloszenia - tekst */

/* -------------------------------------------------------- strona realizacje */

#content div.realization {
	background: transparent url("../images/service/oferta.png") top right no-repeat scroll;
	margin-bottom: 2em;
	padding: 5px 40px 5px 5px;
	border: 1px solid #c0bed4;
	overflow: hidden;
	position: relative;
}

#content div.realization h3 span {
	position: absolute;
	right: 35px;
	bottom: 8px;
}

#content div.realization div {
	padding-bottom: 55px;
	width: 280px;
	float: right;
}

#content div.realization ul {
	margin: 0;
}

#content div.realization ul.realization-link {
	position: absolute;
	left: 365px;
	bottom: 15px;
}

#content div.realization ul.realization-image {
	padding: 0;
	width: 360px;
	float: left;
	overflow: hidden;
	list-style: none;
}

#content div.realization ul.realization-image li {
	display: inline;
}

#content div.realization ul.realization-image img {
	vertical-align: middle;
	margin-bottom: 10px;
}

/* ------------------------------------------------ strona realizacje - tekst */

#content div.realization p {
	line-height: 1.4;
}

#content div.realization h3 {
	font-size: 110%;
}

#content div.realization h3 span {
	font-size: 50px;
	line-height: 50px;
	color: #e0e0e9;
}

#content div.realization div p {
	font-size: 11px;
}

#content div.realization ul.realization-link li {
	line-height: 20px;
	font-weight: bold;
}

#content div.realization ul.realization-image {
	word-spacing: 5px;
}

/* ----------------------------------------------------------- strona reklama */

#content div.advert h2 {
	background: transparent url("../images/service/reklama/belka.png") top left repeat-x scroll;
	padding: 0 0.5em;
	margin: 0;
	height: 22px;
	position: relative;
}

#content div.advert h2 img {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 5px;
}

#content div.advert div {
	margin-bottom: 2em;
	border: 1px solid #C0BED4;
	border-top: none;
}

#content div.advert dl {
	background: transparent url("../images/service/oferta.png") top right no-repeat scroll;
	padding: 10px 40px 10px 10px;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
}

#content div.advert dt {
	width: 345px;
	float: left;
}

#content div.advert dt img {
	border: 1px solid #c0bed4;
}

#content div.advert dd {
	margin-left: 350px;
}

#content div.advert ul {
	margin: 0;
	position: absolute;
	left: 352px;
	bottom: 15px;
}

#content div.advert p.price {
	margin: 0;
	position: absolute;
	right: 7px;
	bottom: 15px;
}

#content div.advert p.price b {
	vertical-align: baseline;
}

/* --------------------------------------------------- strona reklama - tekst */

#content div.advert h2 {
	line-height: 22px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

#content div.advert dd p {
	line-height: 1.5;
}

#content div.advert h2 a {
	color: #fff;
}

#content div.advert h2 a:hover {
	color: #d0cdf0;
}

#content div.advert h3 {
	font-size: 110%;
}

#content div.advert ul li,
#content div.advert p.price {
	line-height: 20px;
}

#content div.advert ul li {
	font-weight: bold;
}

#content div.advert p.price b {
	font-size: 35px;
	line-height: 35px;
	color: #e0e0e9;
}

/* ----------------------------------------------------------- strona kontakt */

h1.contact {
	position: absolute;
	left: -999em;
}

div.contact {
	margin-top: 1.8em;
	float: left;
	width: 50%;
}

div.contact-data {
	padding-right: .5em;
}

div.contact-account {
	padding-left: .5em;
}

div.contact address {
	margin-left: 50px;
}

div.contact img.contact {
	vertical-align: bottom;
}

/* --------------------------------------------------- strona kontakt - tekst */

/* ----------------------------------------------------------- strona pobierz */

#content div.download_content {
	background: transparent url("../images/service/oferta.png") top right no-repeat scroll;
	padding: 5px 33px 0 0;
	margin-bottom: 2em;
	border: 1px solid #c0bed4;
	overflow: hidden;
}

#content div.download_content dl {
	margin: 0 0 1.5em 6px;
	float: left;
}

#content div.download_content dt img {
	border: 1px solid #c0bed4;
	width: 210px;
}

#content div.download_content dd {
	padding: 1em 0 0 55px;
}

/* --------------------------------------------------- strona pobierz - tekst */

#content div.download_content h2 {
	font-size: 110%;
}

#content div.download_content dd ul {
	font-size: 90%;
}

#content div.download_content dd li {
	line-height: 1.5;
}