* {
	background-position: center;
	background-repeat: no-repeat
}

body {
	color: #333;
	font: 8pt Verdana, Arial, Helvetica, sans-serif
}

a {
	color: #333
}

h3 {
	color: #528fd9;
	font-size: 18px;
	margin: 30px 0 10px
}

h4 {
	font-weight: bold;
	margin: 25px 0 10px
}

a {
	text-decoration: none
}

a:hover {
	color: #ec0000
}

p {
	margin: 10px 0
}

strong {
	font-weight: bold !important
}

em {
	font-style: italic !important
}

th {
	font-weight: bold !important
}

ul {
	list-style-image: none;
	list-style-type: none
}

div {
	clear: both
}

label {
	color: #2d333f;
	font-size: 13px;
	font-weight: bold
}

label a {
	text-decoration: underline
}

input[type="text"],
input[type="password"],
select {
	border: solid 1px #333;
	font-size: 18px !important;
	padding: 3px
}

option {
	font-size: 13px !important
}

option[selected="selected"] {
	font-size: inherit !important
}

input[type="file"] {
	margin-top: 4px
}

input[type="submit"] {
	background: url(/main/przycisk.gif);
	border: none;
	color: #fff;
	cursor: pointer;
	font: 18px Verdana, Arial, Helvetica, sans-serif !important;
	height: 40px;
	width: 127px
}

pre {
	background-color: #fafafa;
	border: dashed 1px #f26522;
	margin: 10px 0;
	padding: 5px
}

table {
	margin: 20px 0;
	width: 100%
}

table th,table td {
	padding: 5px;
	text-align: center;
	white-space: nowrap
}

table tr.odd td {
	background-color: #d6ebfd
}

div.body {
	margin: 0 auto;
	width: 985px
}

div.paginationControl {
	margin: 10px 0 20px;
	text-align: center
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #2d333f;
	background-color: #3b455a;
	width: 200px;
	padding: 5px;
	opacity: 0.9;
}

#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 11px;
	color: #fff;
}

div.form form dt {
	float: left;
	text-align: right;
	padding: 6px 20px 0 0;
	white-space: nowrap;
	width: 120px
}

div.form form dd {
	margin: 0 0 11px 140px
}

div.form form dd input[type="text"],
div.form form dd input[type="password"],
div.form form dd select {
	margin-bottom: 4px;
	width: 250px
}

form .errors {
	color: #f61b05;
	padding: 0
}

#header {
	background-color: #2d333f;
	border: solid 0 #333;
	border-width: 0 0 2px;
	height: 106px
}

#header h1 {
	float: left;
	margin: 19px 0 0 4px;
}

#header h1 a {
	background-image: url(/images/logo.gif);
	display: block;
	height: 68px;
	line-height: 0;
	text-indent: -9999px;
	width: 310px
}

#header h2 {
	/*background-image: url(/main/nowe-zrodlo-ruchu.png);*/
	float: left;
	height: 16px;
	line-height: 0;
	margin: 47px 0 0 76px;
	text-indent: -9999px;
	width: 290px
}

#header span {
	float: right;
	margin: 10px 0 13px;
	white-space: nowrap
}

#header span a {
	border: solid 0 #fff;
	border-width: 0 0 0 1px;
	color: #fff;
	float: left;
	font-size: 8pt;
	padding: 0 7px;
	text-decoration: none
}

#header span a:hover {
	color: #528fd9
}

#header span a.first-child {
	border-width: 0
}

#header #login {
	background-image: url(/main/zaloguj-przycisk.png);
	color: transparent;
	display: block;
	float: right;
	height: 34px;
	text-indent: -9999px;
	width: 99px
}

#header #logout {
	background-image: url(/main/wyloguj-sie.png);
	color: transparent;
	display: block;
	float: right;
	height: 34px;
	text-indent: -9999px;
	width: 99px
}

#about {
	background: #fff url(/main/tlo-gradient.png) repeat-x center;
	height: 586px
}

#about h2 {
	background-image: url(/main/co-to-jest.png);
	height: 50px;
	line-height: 0;
	margin: 38px 0 0 4px;
	text-indent: -9999px;
	width: 970px
}

#about h3,#about h4 {
	line-height: 0;
	margin: 0;
	text-indent: -9999px
}

#about .diagram,#about .description,#about .price {
	clear: none;
	float: left
}

#about .diagram {
	background-image: url(/main/diagram.gif);
	height: 281px;
	margin: 110px 0 0;
	text-indent: -9999px;
	width: 324px
}

#about .description {
	margin: 35px 0 0 20px;
	width: 300px
}

#about .description h3 {
	background-image: url(/main/promoring-to.gif);
	height: 24px;
	width: 157px
}

#about .description ul {
	font-size: 9pt;
	margin: 20px 0 0;
	padding: 0
}

#about .description li {
	background: url(/main/wypunktowanie.gif) no-repeat 3px 4px;
	margin: 0 0 6px;
	padding: 2px 0 5px 24px
}

#about .description h4 {
	background-image: url(/main/wdrozenie-wykazalo.gif);
	height: 42px;
	margin: 50px 0 0;
	width: 293px
}

#about .price {
	margin: 35px 0 0 40px
}

#about .price h3 {
	height: 23px;
	background-image: url(/main/ile-to-kosztuje.gif);
	width: 175px
}

#about .price .price-1 {
	background-image: url(/main/0-zl.gif);
	height: 89px;
	margin: 20px 0 0 5px;
	width: 252px
}

#about .price .price-2 {
	background-image: url(/main/dodatkowe-opcje.gif);
	height: 50px;
	margin: 25px 0 10px 5px;
	width: 149px
}

#about .price div p,#about .price div ul {
	left: -9999px;
	position: absolute
}

#about .price span {
	float: right;
	margin: 20px 0 0
}

#about .price span a {
	border: solid 0 #333;
	border-width: 0 0 0 1px;
	color: #333;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	padding: 0 7px;
	text-decoration: none
}

#about .price span a:hover {
	color: #ec0000
}

#about .price span a.first-child {
	border-width: 0
}

#about .price #join {
	background-image: url(/main/dolacz.gif);
	/* background: url(/main/dolacz.png); */
	clear: both;
	color: transparent;
	display: block;
	height: 86px;
	margin: 25px auto 0;
	text-indent: -9999px;
	width: 262px
}

#about .price #howto-link {
	display: block;
	font-weight: bold;
	margin: 10px;
	text-align: center
}

#howto {
	background-color: #fff
}

#howto h3 {
	line-height: 0;
	margin: 0
}

#howto .description,#howto .partners {
	clear: none;
	float: left
}

#howto .description {
	margin: 30px 0 0;
	width: 620px
}

#howto .description h3 {
	background-image: url(/main/jak-to-dziala.gif);
	height: 19px;
	text-indent: -9999px;
	width: 163px
}

#howto .description p {
	font-size: 9pt;
	margin: 10px 0 20px
}

#howto .description p.one-line {
	background-image: url(/main/jedna-linia.png);
	height: 363px;
	padding-left: 55px;
	width: 559px
}

#howto .partners {
	margin: 30px 0 0 20px;
	width: 340px
}

#howto .partners h3 {
	background-image: url(/main/w-promoring-uczestnicza.gif);
	height: 21px;
	text-indent: -9999px;
	width: 271px
}

#howto .partners ul {
	margin: 50px 0 0;
	padding: 0
}

#howto .partners li {
	display: block;
	float: left;
	margin: 0
}

#howto .partners li a {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	text-indent: -9999px;
	width: 167px
}

#howto .partners a.gps24_pl {
	background-image: url(/main/gps24_pl.png)
}

#howto .partners a.toys4boys_pl {
	background-image: url(/main/toys4boys_pl.png)
}

#howto .partners a.czerwonamaszyna_pl {
	background-image: url(/main/czerwonamaszyna_pl.png)
}

#howto .partners a.domzdrowia_pl {
	background-image: url(/main/domzdrowia_pl.png)
}

#howto .partners a.sport-shop_pl {
	background-image: url(/main/sport-shop_pl.png)
}

#howto .partners a.opony_com {
	background-image: url(/main/opony_com.png)
}

#howto .partners a.cyfrowe_pl {
	background-image: url(/main/cyfrowe_pl.png)
}

#howto .partners a.kolporter_pl {
	background-image: url(/main/kolporter_pl.png)
}

#howto .partners a.iperfumy_pl {
	background-image: url(/main/iperfumy_pl.png)
}

#howto .partners a.e-lady_pl {
	background-image: url(/main/e-lady_pl.png)
}

#howto .partners a.domswiatla_pl {
	background-image: url(/main/domswiatla_pl.png)
}

#howto .partners a.animalia_pl {
	background-image: url(/main/animalia_pl.png)
}

div#regulations,div#faq {
	background-color: #fff
}

div#regulations div.body,div#faq div.body {
	padding: 10px;
	text-align: justify
}

div#faq h2 {
	color: #3b455a;
	font-size: 15pt;
	margin: 10px 0
}

div#faq a {
	color: #528fd9
}

div#footer {
	background: #fff url(/main/tlo-stopka.png) repeat-x top;
	height: 70px
}

div#footer a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

div#footer ul {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	width: 500px;
	height: 35px
}

div#footer ul li {
	display: block;
	float: left;
	margin: 13px;
	height: 35px;
}

div#footer ul li span {
	display: block;
	margin-top: 7px
}

div#error div.body {
	padding: 10px
}

/*
   ###############
   ###  Admin  ###
   ###############
*/
ul#tabs {
	height: 40px;
	margin: 0 0 20px;
	padding: 0
}

ul#tabs li {
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: auto
}

ul#tabs li a {
	background-color: #3b455a;
	color: #fff;
	display: inline-block;
	height: 10px;
	padding: 10px;
	white-space: nowrap
}

ul#tabs li a:hover {
	background-color: #2d333f;
	height: 13px;
	padding-top: 12px
}

ul#tabs li a.active {
	background-color: #2d333f;
	font-weight: bold;
	height: 15px;
	padding-top: 15px
}

div#login {
	background: #fff url(/main/tlo-gradient.png) repeat-x center;
	height: 370px;
	padding: 70px 0 0
}

div#login .container {
	background: url(/main/diagram.gif) no-repeat center right;
	height: 281px;
	margin: 0 auto;
	width: 700px
}

div#login h3 {
	background-image: url(/main/zaloguj-sie-w-promoring.gif);
	font-size: 17pt;
	height: 25px;
	text-indent: -9999px;
	width: 283px
}

div#login form {
	margin: 30px 0 0
}

div#login dt {
	margin: 15px 0 5px;
	padding: 0 0 0 5px
}

div#login dd {
	margin: 5px 0
}

div#login input[type="text"],
div#login input[type="password"] {
	width: 270px !important
}

div#login input#login {
	margin: 0 0 0 150px
}

div#login a {
	color: #7092b7;
	font-weight: bold;
	position: relative;
	top: 10px
}

div#login a:hover {
	color: #f61b05
}

div#admin-sites {
	
}

div#admin-sites h3 {
	color: #5085c6;
	font-size: 19px;
	font-weight: normal
}

div#admin-sites table th,div#admin-sites table td {
	text-align: center;
	white-space: nowrap
}

div#admin-sites table td.name {
	text-align: left;
	width: 100%;
	white-space: normal
}

div#admin-sites table a {
	padding: 3px
}

div#admin-sites table a:hover {
	background-color: #5085C6;
	color: #fff
}

div#admin-sites p a {
	text-decoration: underline
}

div#admin-add form dd label,div#admin-edit form dd label {
	font-weight: normal
}

div#admin-add input[type="text"],
div#admin-edit input[type="text"] {
	width: 380px
}

div#admin-add select,
div#admin-edit select {
	width: 390px
}

div#admin-add input[type="submit"] {
	margin: 10px 0 0 265px
}

div#admin-account table td.value {
	text-align: left;
	width: 30%;
	white-space: normal
}

div#admin-account table td.url {
	text-align: left;
	width: 70%
}

div#admin-sandbox table td.url {
	text-align: left;
}

div#admin-sandbox table td.description {
	text-align: left;
	width: 50%
}

div#admin-sandbox table td.action a {
	padding: 3px
}

div#admin-sandbox table td.action a:hover {
	background-color: #5085C6;
	color: #fff
}

div#admin-personal a {
	text-decoration: underline
}

/*
   #################
   ###  Kreator  ###
   #################
*/
h3#steps {
	background-image: url(/main/przylacz-sie-do-promoring.gif);
	height: 25px;
	text-indent: -9999px;
	width: 539px
}

#steps {
	height: 65px;
	padding: 0
}

#steps li {
	background-image: url(/main/krok.gif);
	float: left;
	font-size: 13px;
	height: 45px;
	margin-left: 10px;
	padding: 10px 10px 10px 53px;
	width: 162px
}

#steps li.active {
	color: #fff;
	background-image: url(/main/krok-aktywny.gif);
}

#steps li.first-child {
	background-position: center right;
	margin: 0;
	padding-left: 10px
}

#steps strong {
	display: block;
	font-size: 16px
}

div#kreator-register {
	background: #fff url(/main/tlo-gradient.png) repeat-x bottom center
}

div#kreator-register .body {
	padding: 20px 40px 40px;
	width: 905px
}

div#kreator-register .container {
	background: url(/main/diagram.gif) no-repeat top right;
}

div#kreator-register h4 {
	background-image: url(/main/chce-zalozyc-konto.gif);
	height: 19px;
	margin: 40px 0 30px;
	text-indent: -9999px;
	width: 282px
}

div#kreator-register form {
	
}

div#kreator-register form dd input#captcha {
	float: left;
	margin-right: 10px;
	width: 85px
}

div#kreator-register form dd img {
	position: relative;
	top: -5px
}

div#kreator-register form input#register {
	margin: 10px 0 0 125px
}

div#kreator-add {
	background: #d6ebfd url(/main/tlo-gradient.png) repeat-x top center
}

div#kreator-add .body {
	padding: 20px 40px 40px;
	width: 905px
}

div#kreator-add .container {
	/*background: url(/main/diagram.gif) no-repeat top right;*/
	
}

div#kreator-add h4 {
	color: #5085c6;
	font-size: 19px;
	font-weight: normal
}

div#kreator-add form dd label {
	font-weight: normal
}

div#kreator-add input[type="text"] {
	width: 380px
}

div#kreator-add select {
	width: 390px
}

div#kreator-add input[type="submit"] {
	margin: 10px 0 0 265px
}

div#kreator-code {
	background: #d6ebfd url(/main/tlo-gradient.png) repeat-x top center
}

div#kreator-code .body {
	padding: 20px 40px 40px;
	width: 905px
}

div#kreator-code h4 {
	color: #5085c6;
	font-size: 19px;
	font-weight: normal
}

div#kreator-code p {
	font-size: 13px;
	margin: 20px 0
}

div#kreator-code a {
	text-decoration: underline
}

div#kreator-code a#verify {
	background-image: url(/main/zweryfikuj-duzy.gif);
	color: transparent;
	display: inline-block;
	height: 40px;
	margin: 30px 10px 0;
	position: relative;
	text-indent: -9999px;
	top: -14px;
	width: 127px
}

div#kreator-finish {
	background: #d6ebfd url(/main/tlo-gradient.png) repeat-x top center
}

div#kreator-finish .body {
	padding: 20px 40px 40px;
	width: 905px
}

div#kreator-finish h4 {
	color: #5085c6;
	font-size: 19px;
	font-weight: normal
}

div#kreator-finish p {
	font-size: 13px;
	margin: 20px 0
}

div#kreator-finish a {
	font-size: 13px;
	font-weight: bold
}

/* ### FACEBOX ### */
#facebox .content {
	text-align: left
}

#facebox h3 {
	margin-bottom: 20px
}
