body {color:#333;/*#efefef;*/ font:normal 14px/1.4em Helvetica, sans-serif;}
strong {color:#fff;}
.required {color:#f22;float:left;display:block;margin:0 5px;font-size:1.5em;position:absolute;right:3px;top:2px;}
.help-text {color:#bbb;font-size:0.8em;display:block;overflow:hidden;width:100%;}
.forwarding {display:none;}

.container a [class*="icon-"] {color:#000;font-size:1.2em;text-decoration:none;}

sup {font-size: 10px;vertical-align: baseline;margin-left: 2px;margin-bottom: 100px;position: relative;_vertical-align: bottom;bottom: 1.5ex;}
ol {margin-bottom:10px;}


.ie .main-page {background-color: #fff;background: url(../images/gama.jpg) 50% 20% no-repeat;}
.ie.ie7 .main-page, .ie.ie8 .main-page {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gama.jpg',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home_bg.jpg',sizingMethod='scale')";}
.ie.ie7 .login-page, .ie.ie8 .login-page {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gama.jpg',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login_bg.jpg',sizingMethod='scale')";}

.registration-page form label[for="id_agreement_1"], .registration-page form label[for="id_agreement_2"] {line-height:1.4;font-size:1em;}

.main-page,
.rules-page,
.add-sales-page,
.login-page, .registration-page,
.kb-page, .contact-page{
	background-color: #fff;background: url(../images/cross.png), url("../images/gama.jpg") 50% 0% no-repeat; /*was 50% 20%*/
	background-size:90% auto;
	-webkit-background-size: 90% auto;
	-moz-background-size: 90% auto;
	-o-background-size: 90% auto;
}

/*.rules-page,
.add-sales-page
{
	background-size:contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;-o-background-size: contain;
}*/

/*.add-sales-page-real{
	background-color: #fff;background: url(../images/cross.png), url("../images/gama.jpg") 50% 0% no-repeat;
	body.background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
	
}*/ /*was 50% 20%*/


	.main-page .one-third {Xbox-shadow: 2px 2px 1px #555;margin-bottom:10px;box-shadow: 1px 1px 3px rgba(85, 85, 85, 0.37);}
	.main-page .info {margin-bottom:10px;position:relative;}
		.main-page .info .icon {width:50px;height:50px;float:left;background-repeat:no-repeat;}
		.main-page .chart .info .icon {background-image:url(../images/icons/chart.png);}
		.main-page .ranking .info .icon {background-image:url(../images/icons/ranking.png);}
		.main-page .contact .info .icon {background-image:url(../images/icons/tel.png);width:65px;height:90px;}
		.main-page .contact .info .desc {margin-left:75px;}
		.main-page .info .desc {}
		.main-page .info .money {text-align:right;font-size:22px;margin-right:40px;margin-top:3px;}
		.main-page .info .chart {height:60px;margin-left:70px;}
		.main-page .info .ranking {height:60px;margin-left:70px;}
		
		.main-page .contact {height:160px;}
		.main-page .contact .button {margin-top:20px;}

		.main-page .info .button, .main-page .contact .button {display:block;text-align:center;}
		.main-page .one-third .content {padding:10px;height:150px;}
	.main-page .bonus {background:rgba(92, 92, 92, 0.95);}
		.main-page .bonus .icon.pig {background-image:url(../images/icons/pig_small.png);}
		.main-page .bonus .icon.wallet {background-image:url(../images/icons/wallet_small.png);}
	.main-page .chart {background:rgba(102, 102, 102, 0.95);}
	.main-page .ranking {background:rgba(112, 112, 112, 0.95);}
	.main-page .contact {background:rgba(112, 112, 112, 0.95);}
	
	
.ie .main-page .bonus, .ie .main-page .chart, .ie .main-page .ranking, .ie .main-page .contact {    background:rgb(118,118,118);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";}

	
.ie .rules-page, .ie .add-sales-page {background: url(../images/gama.jpg) 0 0;}
/*.rules-page, .add-sales-page {background: url(../images/cross.png), url(../images/rules_bg.jpg) 0 0;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}*/
	.rules-page section {padding:10px 30px 0 30px;}
.ie .login-page, .ie .registration-page {background:url(../images/gama.jpg) 0 0;}
.login-pageX, .registration-pageX {background:url(../images/cross.png), url(../images/login_bg.jpg) 0 0;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.kb-pageX {background: url(../images/cross.png), url(../images/kb_bg.jpg) 0 0 no-repeat;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
	.kb-page .kb-set .item {height:220px;background:#009b9b;    box-shadow: 1px 1px 2px rgba(85, 85, 85, 0.38);position:relative;}
	.kb-page .kb-set .item.bg-color-1 {background:rgba(34, 58, 126, 0.96);}
	.kb-page .kb-set .item.bg-color-2 {background:rgba(196,42,39,0.96);}
	.kb-page .kb-set .item.bg-color-3 {background: rgba(228,89,14,0.96);}
	.kb-page .kb-set .item.bg-color-4 {background: rgba(0,155,155,0.96);}
		.kb-page .kb-set header {padding:15px 20px;font-size:1.5em;}
		.kb-page .kb-set footer {padding:15px 20px;position:absolute;bottom:0;}
			.kb-page .kb-set footer a {height:42px;width:200%;text-transform:uppercase;font-size:1.3em;color:#fff;text-decoration:none;display:block;background:url(../images/download.png) 100% 0 no-repeat;}
.ie .contact-page {background: url(../images/gama.jpg) 50% 0;}
.contact-pageX {background: url(../images/cross.png), url(../images/contact_bg.jpg) 50% 0;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.header {
	background:white;
	box-shadow: 0px 0px 2px #333;
	border-left:20px solid #878789;overflow:hidden;height:86px;overflow:hidden;
	}
	
.ie .header{
	border-bottom:2px solid #ddd;
}

.dodaj-sprzedaz-table td{
	text-align:center;
}
.dodaj-sprzedaz-table td select,.dodaj-sprzedaz-table td input{
	display:inline-block;
}

	.header .logo {margin:10px 20px;background:url(../images/logo.png);width:344px;height:66px;text-indent:-999em;float:left;}
	.header .logo2 {margin:10px 20px;background:url(../images/logo_salesman_club.png);width:78px;height:68px;text-indent:-999em;float:right;}

	.header .main-menu {margin:0 auto;}
		.header .main-menu ul {float:left;margin-top:47px;}
			.header .main-menu ul li {float:left;}
				.header .main-menu ul li a {color:#222;text-transform:uppercase;text-decoration:none;display:block;padding:10px;}
				.header .main-menu ul li a:hover, .header .main-menu ul li.selected a {background:#878789;color:white}
	.header .user-box {width:120px;background:#878789;/*#be1818;*/float:right;color:#fff;padding:15px;}
		.header .user-box strong {font-weight:bold;}
		.header .user-box .user-menu {overflow:hidden;}
			.header .user-box .user-menu li {float:left;margin:0;}
				.header .user-box .user-menu li a {text-transform:uppercase;color:#fff;text-decoration:none;font-size:0.8125em;}

.add-sales-page form {background:transparent;padding:0;margin:0;}
.add-sales-page section {padding:0 20px;}
.add-sales-page table {table-layout:fixed;border-spacing:1px;margin:0 auto;}
	.add-sales-page table th {background:rgba(102, 102, 102, 0.85);font-weight:bold;padding:10px;}
	.add-sales-page table td {background:rgba(143,158,204,0.15);font-size:0.8em;color:#111;}
	
	.ie .add-sales-page table th {background:rgb(102, 102, 102);font-weight:bold;padding:10px;}
	/*.ie .add-sales-page table td {background:rgba(143,158,204,0.15);font-size:0.8em;color:#111;}*/

	
	.add-sales-page table tr:hover td {opacity:0.98;}
		.add-sales-page table td a {color:#000;text-decoration:underline;}
		.add-sales-page table td a.button {color:#fff;text-decoration:none;}
		.add-sales-page table td a.button:hover {color:#fff;}
		.add-sales-page table td a:hover {color:#333;}
		.add-sales-page table tr.pending td {background:#FAD872;color:black;}
		.add-sales-page table tr.rejected td {background:#FA5F5F;color:black;}
		.add-sales-page table tr.accept td {background:#449137;color:black;}

.pdf:hover {color:black;/*#fff;*/}

.main-page .container, .kb-page .container {background:transparent; box-shadow:none;}
/*.container {margin-top:40px; background:rgba(34,58,126,0.9);}*/
.ie .container {margin-top:10px; background:rgb(255,255,255);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";border:2px solid #ccc;}
.container
{
	margin-top:10px;
	/*background:rgba(0,0,0,0.9);*/
	background:rgba(255,255,255,0.9);
	padding-top:20px;
	box-shadow: #ccc 0px 0px 4px;
	color:#333;
	
}

.container strong{
	color:#333;
}

.container .one-third, .kb-set section{color:#fff;}

	/*.container .login-box, .container .registration-box {background:rgba(0,0,0,0.8);margin:0 auto;padding:20px;}*/

table {width:100%;border-collapse:separate;border-spacing:5px;padding-bottom:20px;}
	table th.small {width:40px;}
	table td {
	Xbackground:#293CA0;margin:10px;
	padding:5px;width:25%;text-align:center;font-size:1.2em;Xbox-shadow:1px 1px 3px #333;vertical-align:middle;
	box-shadow: 1px 1px 2px #bcbcbc;
	background: rgba(41, 60, 160, 0.09);
	}
	
	.ie table td{
		background:#EBEDF7;
	}

	table td.trans {background:transparent;box-shadow:none;}

.legend {margin-bottom:10px;overflow: hidden;}
	.legend div{margin-right:10px;float:left;padding:2px 5px;}

.pagination {text-align:center;overflow:hidden;padding:10px;}
	.pagination a {color:#fff;border-radius:2px;}
	.pagination .page, .pagination .prev, .pagination .next {padding:5px 10px;display:inline;background:#444; margin-right:5px;text-decoration:none;}
	.pagination .page:hover, .pagination .prev:hover, .pagination .next:hover {color:#fff;opacity:0.8;}
	.pagination .page.current:hover, .pagination .page.current {color:#fff;opacity:0.8;background:#474;border-radius:2px;}
	.pagination .disabled, .pagination .disabled:hover {color:#fff;opacity:0.4;}

.accept {background:#449137;color:black;border-color:#447137;box-shadow: 0 2px 0 #447137;}
button.accept {color:#fff;}
.pending {background:#FAD872;color:black;}
.rejected {background:#FA5F5F;color:black;}
.disabled, .disabled:hover, .disabled:active {color:#888 !important;background:#000 !important;}
#add, #add [class^="icon-"] {background:#2a2;text-decoration:none;}
/*#add:hover {text-decoration:underline;}*/





form {background:#35477e;padding:10px 0 0 0;overflow:hidden;margin:0 40px 10px;}
form label {text-transform:uppercase;float:left;min-width:150px;font-size:1.2em;line-height:2;font-weight:300;}
.registration-page form label {text-transform:none;float:left;min-width:150px;font-size:1em;line-height:2;}
.registration-page form input {display:inline-block;float:left;}
.registration-page .field {overflow:hidden;margin-bottom:5px;position:relative;}
/*form .field:hover {background:rgba(255,255,255,0.1);}*/
form input[type="submit"] {float:right;margin-right:34px;}
.error {background:rgba(0,0,0,0.4);padding:2px;margin:0 auto 5px auto;}
.row.error {color:#fff;}
.error .errorlist {color:#BE1818;text-align:left;}

form .status {display:none;}
	form .status button {margin-bottom:2px;padding:5px;}

dl {padding:10px;overflow:hidden;}
	dl dt {width:250px;float:left;clear:left;text-align:right;}
	dl dd {float:left;margin-left:5px;margin-bottom:2px;}

.password-box fieldset {width:80%;}
fieldset {border: 2px solid #888;/*border:2px solid #202C50;*/width:44%;float:left;padding:10px;}
	fieldset legend {font-size:1.3em;margin:0 5px;padding:0 5px;}
	fieldset {margin-left:10px;}
	fieldset fieldset {width:90%;}

.half {width:50%;float:left;padding:10px;}


.filters {display:block;width:44%;overflow: hidden;float:left;margin-top:10px;}
	.filters li {float:left;border-right:1px solid #888;margin-right:10px;padding-right:10px;}
		.filters li a.active {color:black;text-decoration:none;font-weight:bold;}
		.filters li a:hover{color:black;}
		.filters li.omega {border-right:none !important;}
        .filters label {font-size:.9em;text-transform: none;}
        .filters .field {float:left;width:150px;padding-right:10px;}
        .filters .field.date {width:80px;}
        .filters .field input {padding:2px;}
        .filters .field.submit input{float:left;margin:0;margin-top: 27px;}
        .filters .field.submit {width:50px;}




.messages.container 
{
	padding:10px;background:#1a1;
	/*box-shadow:2px 2px 2px #444;*/
	border:2px solid #777;
	color:white;
}
	
	.message {margin:0 10px;}


	.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  /*.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }

	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 20px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 20px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 20px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 20px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }



/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header {height:200px;}
		.header .main-menu ul {margin:0;}
		.header .user-box {width:100%;padding:14px 0;}
			.header .user-box .user-menu li {margin-right:5px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.header {height:200px;}
	.header .main-menu ul {margin:0;}
		.header .user-box {width:100%;padding:14px 0;}
			.header .user-box .user-menu li {margin-right:5px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header {height:250px;}
		.header .main-menu ul {margin:0;}
		.header .user-box {width:100%;padding:14px 0;}
			.header .user-box .user-menu li {margin-right:5px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.header {height:300px;}
		.header .main-menu ul {margin:0;}
		.header .user-box {width:100%;padding:14px 0;}
			.header .user-box .user-menu li {margin-right:10px;}
}

#myForm,#myForm strong,.Xlogin-box div {color:white;}
.login-box form,.password-box form, .registration-page form {    background: rgba(53, 71, 126, 0.2);}

.ie .login-box form, .ie .password-box form, .ie .registration-page form {    background:#D6DAE5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}


.contact-page #myForm,.contact-page #myForm strong, .password-box form div, .registration-page form div, .registration-page #myForm strong {color:#000;}

 .registration-page legend{color:#BE1818;}
 /*.registration-box .myForm fieldset{border:2px solid color:#BE1818;}*/

.dekl p,.dekl h2{color:#333;}

.tbl-sprzed tr th,.lista-ucz tr th,.sprzed-do-akc tr th{color:#eee;}

a.btn-tabela-sprzedazy, a.btn-formularz-kontaktowy, button.btn-dodaj-element, input.btn-wyslij{
	background:#ddd !important;
	color:#333;
}
button.btn-dodaj-element, input.btn-wyslij{
	border:1px solid #bcbcbc;
	margin-left:4px;
}

button.btn-dodaj-element i{background:#ddd !important;}

input.btn-wyslij{margin-right:4px !important;}

a.btn-tabela-sprzedazy:hover, a.btn-formularz-kontaktowy:hover, button.btn-dodaj-element:hover, input.btn-wyslij:hover{
	color:#000;
}

.tbl-used-sales input{
	width:120px;
}

th.tbl-used-sales{
	width:140px;
}

.tbl-vin input{
	width:200px;
}

@media screen and (max-width: 980px) {
	.tbl-vin input{
	width:150px;
}
	
}


/*
KONKURS ZANZIBAR
*/
.zanzibar{
	max-width: 960px;
	margin: 10px auto;
	color: #14304E;
}
.zanzibar b{
	font-weight: bold;
}
.zanzibar section{
	background: rgba(47, 130, 212, .9);
	border-radius: 10px;
	padding: 20px;
}
.zanzibar section .content{
	max-width: 600px;
	padding: 40px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}
.zanzibar section .content a{
	color: currentColor;
}
.zanzibar section .content a:hover{
	color: rgb(47, 130, 212);
}
.zanzibar .text-center{
	text-align: center;
}
.zanzibar .text-uppercase{
	text-transform: uppercase;
}
.zanzibar .lottery-menu ul{
	margin: 0;
}
.zanzibar .lottery-menu ul li.menu-zasady a{
	border-color: #2F82D4;
	color: #14304E;
}
.zanzibar .lottery-menu ul li.menu-zasady a:hover,
.zanzibar .lottery-menu ul li.menu-zasady.selected a{
	background: #2F82D4;
	color: white;
}
.zanzibar-img-1{
	position: absolute;
	top: 5px;
	right: -100px;
}
.zanzibar-img-2{
	position: absolute;
	bottom: 0;
	left: -90px;
}

.zanzibar .ranking{
	padding: 0 40px 40px 40px;
	color: #FFFFFF;
}
.zanzibar .ranking h2{
	display: inline-block;
	width: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #0d324c;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 20px 15px 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 30px;
}
.zanzibar .ranking table{
	border-collapse: collapse;
	border: 0;
	border-spacing: 0;
}
.zanzibar .ranking table div{
	width: 100%;
	height: 100%;
}
.zanzibar .ranking table th{
	background: none;
	color: #000000;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	border: none;
	padding: 2px;
	box-shadow: none;
}
.zanzibar .ranking table td{
	color: #000000;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	border: none;
	padding: 2px;
	background: none;
	box-shadow: none;
}
.zanzibar .ranking table td:first-child div{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.zanzibar .ranking table td:last-child div{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.zanzibar .ranking table tr:nth-child(even) div{
	background: #FFFFFF;
}
.zanzibar .ranking table tr.active div{
	background: #0D324C;
	color: #FFFFFF;
}
.zanzibar .ranking table tr.active2 div{
	background: #878789;
	color: #FFFFFF;
}

.zanzibar .start{
	padding: 0;
	background: #2F82D4;
}

.zanzibar .start .content{
	width: 100%;
	background: none;
	padding: 20px;
	margin: auto;
	max-width: unset;
}
.zanzibar .start .circle{
	display: inline-block;
	margin: 30px 30px 30px 30px;
	border-radius: 50%;
	position: relative;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	text-align: center;
	line-height: normal;
}
.zanzibar .start .circle::before{
	content: '';
	display: block;
	width: 110%;
	height: 110%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 2px dashed #FFFFFF;
	border-radius: 50%;
}
.zanzibar .start .circle .circle-content{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.zanzibar .start .circle .circle-top{
	width: 100%;
	height: 50%;
	background: #FFFFFF;
	color: #000000;
	position: relative;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}
.zanzibar .start .circle .circle-bottom{
	width: 100%;
	height: 50%;
	background: #ff9600;
	color: #000000;
	position: relative;
	font-weight: bold;
	font-size: 60px;
	font-style: italic;
}
.zanzibar .start .circle .circle-top div, .zanzibar .start .circle .circle-bottom div{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -40%);
}
.zanzibar .start .circle .circle-bottom div{
	transform: translate(-50%, -60%);
}

.zanzibar .start .target-info{
	margin: 0 auto 20px auto;
	background: #f6f6f6;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	width: 80%;
	padding: 5px;
	border-radius: 5px;
}