* {
	margin: 0;
	padding: 0;
	outline: 0;
	border-width: 0;
}

body {
	font: 11px/16px Tahoma,Geneva,Kalimati,sans-serif;
	color: #6f6b66;
	background: #63ba32 url(../img/bg.jpg) 50% 0px no-repeat;
}


body#bg2 {
	background: #63ba32 url(../img/bg2.jpg) 50% 0px no-repeat;
}

body#iframe {
	background: #fff !important
}

a {
	color: #2d2d2d;
	text-decoration: underline;
}

a:hover,
a:focus{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 35px/39px Tahoma,Geneva,Kalimati,sans-serif;
	color: #3d3d3d;
	margin: 0;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #E60808;
}

p {
	margin: 0;
}

ul {
	margin: 0;
}

ul li {
	list-style: none;
}

input,
select,
textarea {
	font: 12px/14px Tahoma,Geneva,Kalimati,sans-serif;
	color: #6f6b66;
}

img,
object {
	display: block;
}


/*
główny wrapper
*/

#wrapper {
	width: 998px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

#wrapper:after{
	content: ".";
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

/*
stopka
*/

#footer {
	position: absolute;
	right: 12px;
	bottom: 4px;
	width: 135px;
	color: #fff;
	z-index: 200;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}



/*
warstwa zakrywająca
*/

#overmask {
	width: 100%;
	height: 100%;
  position: absolute;
  top: 0;
  left: 0; 
	z-index: 1000;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
}

body > #overmask {
  position: fixed;
}

/*
komunikat
*/

#flashMessage {
	margin: 40px 0 0 0;
	font-weight: bold;
	width: auto;
	padding: 0 20px 0 20px;
	min-height: 50px;
	background: #fff;
}


/*
top i jego elementy
*/

#top {
	width: 998px;
	height: 88px;
	position: relative;
	overflow: hidden;
}

#logo {
	width: 210px;
	height: 84px;
	display: block;
	margin: 5px 0 0 2px;
	float: left;
}

#counter {
	width: 355px;
	height: 20px;
	position: absolute;
	top: 9px;
	left: 168px;
}

#game {
	width: 95px;
	height: 47px;
	position: absolute;
	top: 29px;
	left: 288px;
}


/*
menu u?ytkownika
*/

#usermenu {
	height: 20px;
	overflow: hidden;
	color: #fff;
	position: absolute;
	top: 9px;
	right: 6px;
}


#usermenu li {
	float: left;
	height: 20px;
	padding: 0 0 0 10px;
}


#usermenu li a {
	color: #fff;
	text-decoration: none;
}

#reg a.arrow {
	display: block;
}

#usermenu li a.arrow, #reg a.arrow {
	color: #fff;
	text-decoration: none;
	background: url(../img/pic3.png) 100% 60% no-repeat;
	padding: 0 15px 0 0;
}


#usermenu li a:hover {
	color: #fff;
	text-decoration: underline;
}


/*
główne menu
*/

#menu {
	width: 610px;
	height: 25px;
	overflow: hidden;
	margin: 43px 0 0 384px;
}

#menu li {
	float: left;
	height: 25px;
}

#menu li span {
	display: none;
}

#menu li a  {
	display: block;
	height: 25px;
}

#menu li.c1 a {
	background: url(../img/m1.jpg) no-repeat;
	width: 116px;
}

#menu li.c2 a {
	background: url(../img/m2.jpg) no-repeat;
	margin: 0 0 0 48px;
	width: 59px;
}

#menu li.c3 a {
	background: url(../img/m3.jpg) no-repeat;
	margin: 0 0 0 48px;
	width: 140px;
}

#menu li.c4 a {
	background: url(../img/m4.jpg) no-repeat;
	margin: 0 0 0 46px;
	width: 153px;
}

#menu li a:hover,
#menu li.selected a {
	background-position: 0px -25px;
}


/*
content
*/

#content {
	width: 998px;
	height: auto;
	position: relative;
	min-height: 514px;
	float: left;
	clear: both;
}

#content:after{
	content: ".";
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

/*
home - dodatkowe style
*/

#home h1 {
	width: 490px;
	height: 33px;
	margin: 7px 0 0 1px;
	position: relative;
	z-index: 1;
}

#home .check a  {
	width: 109px;
	height: 28px;
	margin: 24px 0 0 2px;
	display: block;
	background: url(../img/pic1.gif) no-repeat;
	position: relative;
	z-index: 20;
}

#home p.p  {
	position: relative;
	z-index: 1;
}

#home .card h4 {
	margin: 8px 0 0 0 !important;
}

#home .check a span {
	display: none;
}

#home .card {
	top: 6px;
	right: 0;
	position: absolute !important;
}

#home .congrt {
	margin: 38px 0 0 47px;
	position: relative;
	z-index: 1;
}

/*
boksy z miastami
*/
#home #item1 .jscroll {
	height: 223px;
	width: 260px;
	overflow: auto;
}

#home #result .jscroll {
	height: 300px;
	width: 260px;
	overflow: auto;
}

#home #item1 .vote .jscroll {
	height: 148px;
}

#home #item1 .find {
    margin: 0 !important;
}

#home #item1 .vote .find {
    margin: 14px 0 0 !important;
}

#item1 .row .r2 {
	cursor: pointer;
}


/*
box 2
*/
#home #item2 .jscroll {
	height: 185px;
	width: 260px;
	overflow: auto;
}

#home #item2 .vote .jscroll,
#home #item2 .vote .list  {
	height: 148px;
}

#home #item2 .find {
    margin: 31px 0 0 !important;
}

#home #item2 .vote .find {
    margin: 4px 0 0 !important;
}

#home #item2 .list {
	height: 185px;
}

#home #item2 h4 {
	margin: 18px 0 0 0 !important;
}

/*
ranking - dodatkowe style
*/

#ranking h1 {
	width: 173px;
	height: 21px;
	margin: 13px 0 0 3px;
	position: relative;
	z-index: 10;
}

#ranking ul.rule {
	margin: 10px 0 0 5px;
	width: 350px;
	height: auto;
}

#ranking ul.rule li {
	min-height: 67px;
	padding: 1px 0 0 93px;
	margin: 10px 0 0 0;
}

#ranking ul.rule li.c1 {
	background: url(../img/icon1.png) no-repeat;
	margin: 0;
}

#ranking ul.rule li.c2 {
	background: url(../img/icon2.png) no-repeat;
}

#ranking ul.rule li.c3 {
	background: url(../img/icon3.png) no-repeat;
}

#ranking .info {
	width: 294px;
	height: 99px;
	overflow: hidden;
	background: url(../img/rule-info.png) no-repeat;
	margin: 12px 0 0 64px;
	position: relative;
}

#ranking .info a.merlin {
	width: 78px;
	height: 17px;
	overflow: hidden;
	background: url(../img/_blank.gif) repeat;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#ranking .info a.merlin span {
	display: none;
}

#ranking #card1 {
	top: 7px;
	right: 317px;
	position: absolute;
}


#ranking #card2 {
	top: 7px;
	right: 0px;
	position: absolute;
}


/*
boksy
*/

#ranking #item1 .jscroll {
	height: 259px;
	width: 260px;
	overflow: auto;
}

#ranking #item1 .vote .jscroll {
	height: 185px;
}

#ranking #item1 .find {
	margin: 8px 0 0 0 !important;
	float: none;
	clear: both;
}

#ranking #item1 .vote .find  {
	margin: 13px 0 0 0 !important
}


/*
boksy
*/
#ranking #item2 .jscroll {
	height: 259px;
	width: 260px;
	overflow: auto;
}

#ranking #item2 .vote .jscroll {
	height: 185px;
}

#ranking #item2 .find {
	margin: 2px 0 0 0 !important;
}

#ranking #item2 .vote .find  {
	margin: 13px 0 0 0 !important
}

#ranking #item2 .i1 .i span {
		background: url(../img/pic10.png) no-repeat !important;
}

/*
gadzety 
*/

#gadget {
	width: auto;
	min-height: 490px;
	background: url(../img/pic19.png) 123px -15px no-repeat;
}

#gadget:after{
	content: ".";
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

#gadget .wall {
	width: 541px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 32px 0 0 3px;
}


#gadget .wall h1 {
	width: 84px;
	height: 25px;
	overflow: hidden;
}

#gadget .wall ul {
	margin: 9px 0 0 -15px;
	width: 460px;
	height: auto;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#gadget .wall ul li {
	float: left;
	margin: 22px 0 0 21px;
	width: 126px;
	height: 78px;
	border: 1px solid #fff;
	overflow: hidden;
}

#gadget .wall ul li img {
	display: block;
}

#gadget .wall ul li a {
	display: block;
	width: 129px;
	height: 81px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

#gadget .wall ul li a span {
	display: none;
}

#gadget .wall ul li a span {
	display: block;
	width: 129px;
	height: 81px;
	background: url(../img/pic18.png) no-repeat;
	position: absolute;
	top: 1px;
	left: 1px;
}


#gadget .scrsaver {
	width: 448px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 32px 0 0 0;
}

#gadget .scrsaver ul {
	margin: 31px 0 0 1px;
	width: 448px;
	height: auto;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#gadget .scrsaver ul li {
	float: left;
	width: auto;
	height: auto;
}

#gadget .scrsaver ul li.c1 {
	margin: 2px 0 0 1px;
}

#gadget .scrsaver ul li.c2 {
	margin: 56px 0 0 -44px;
}

#gadget .scrsaver ul li.c3 {
	margin: 117px 0 0 -38px;
}

#gadget .scrsaver ul li .img {
	width: 159px;
	height: 99px;
	overflow: hidden;
	border: 1px solid #fff;
}

#gadget .scrsaver ul li .img img {
	display: block;
}

#gadget .scrsaver ul li a {
	width: 98px;
	height: 17px;
	background: url(../img/pic30.gif) no-repeat;
	display: block;
	margin: 4px 0 0 0;
}

#gadget .scrsaver ul li span {
	margin: 6px 0 0 0;
	display: block;
	color: #33851b;
	width: auto;
	font: 9px/11px  Arial, Helvetica, sans-serif;
}

#gadget .scrsaver ul li a span {
	display: none;
}


/*
zasady
*/

#rule .left {
	width: 616px;
	height: auto;
	overflow: hidden;
	float: left;
}

#rule .right {
	width: 370px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 10;
}

#rule .left h1 {
	width: 557px;
	height: 37px;
	overflow: hidden;
	margin: 33px 0 0 3px;
}

#rule .left ul {
	width: 620px;
	height: auto;
	margin: 19px 0 0 0;
}

#rule .left ul li {
	width: 630px;
	min-height: 30px;
	margin: 6px 0 0 0;
	background: url(../img/pic20.png) 6px 0 no-repeat;
	overflow: hidden;
	padding: 0 0 0 6px;
}

#rule .left ul li span {
	color: #fff;
	float: left;
	margin: 2px 17px 0 3px;
	width: 16px;
	display: block;
	text-align: center;
}

#rule .left ul li img {
	margin: 5px 0 0 0;
	display: block;
}

#rule .right .bg1 {
	width: 343px;
	height: auto;
	overflow: hidden;
	padding: 7px;
	background: #fff;
	margin: 3px 0 0 0;
}

#rule .right .bg2 {
	width: 339px;
	height: auto;
	overflow: hidden;
	border: 1px solid #8e8c88;
	background: #fcf7f7;
}

#rule .right .bg2 a span {
	display: none;
}

#rule .right .bg2 .z1 {
	width: 320px;
	height: 66px;
	overflow: hidden;
	position: relative;
	margin: 7px 0 0 0;
}

#rule .right .bg2 .z1 img {
	width: 318px;
	height: 66px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#rule .right .bg2 .z1 a.real {
	width: 50px;
	height: 24px;
	display: block;
	position: absolute;
	top: 30px;
	left: 72px;
	z-index: 5;
	background: url(../img/_blank.gif) repeat;
}

#rule .right .bg2 .z2 {
	width: 262px;
	height: 30px;
	overflow: hidden;
	position: relative;
	margin: 13px 0 0 75px;
}

#rule .right .bg2 .z3 {
	width: 328px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 12px 0 0 5px;
}

#rule .right .bg2 .z3 h4 {
	width: 328px;
	height: auto;
}

#rule .right .bg2 .z4 {
	width: 328px;
	height: auto;
	margin: 9px 0 0 6px;
	height: auto;	
}


#rule .right .bg2 .z5 {
	width: 328px;
	height: auto;
	margin: 0 0 0 6px;
	height: auto;	
}

#rule .right .bg2 .z6 {
	width: 314px;
	height: 71px;
	margin: 0 0 0 6px;
	position: relative;
}

#rule .right .bg2 .z6  img {
	width: 314px;
	height: 71px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#rule .right .bg2 .z6  a.merlin {
	width: 60px;
	height: 18px;
	position: absolute;
	bottom: 0px;
	left: 226px;
	display: block;
	z-index: 5;
	background: url(../img/_blank.gif) repeat;
}

#rule .right .bg2 .z6  a.smyk {
	width: 60px;
	height: 30px;
	position: absolute;
	bottom: 25px;
	left: 136px;
	display: block;
	z-index: 5;
	background: url(../img/_blank.gif) repeat;
}

#rule .right .bg2 .hr {
	width: 314px;
	height: 11px;
	margin: 0 0 0 6px;
	background: url(../img/z5.gif) no-repeat;
}




#rule .img1 {
	width: 348px;
	height: 239px;
	background: url(../img/pic21.png) no-repeat;
	position: absolute;
	top: 266px;
	left: 259px;
}


/*
g??wny flash
*/
#flash-home {
	width: 877px;
	height: 514px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 0px;
	z-index: 1;
}


/*
boks polec znajomemu
*/

#recommend {
	width: 250px;
	height: auto;
	position: absolute;
	z-index: 10;
	top: 423px;
	left: 71px;
}

#recommend .bg {
	width: auto;
	height: auto;
	position: relative;
}

#recommend h3 {
	width: 190px;
	height: 18px;
	margin: 4px 0 0 0;
}

#recommend .bg p {
	color: #194643;
	font-size: 11px;
	line-height: 14px;
	margin: 9px 0 0 0;
	font-weight: bold;
}

#recommend p span {
	color: #fff;
}

#recommend .i span {
	width: 19px;
	height: 19px;
	display: block;
	background: url(../img/pic7.png) no-repeat;
	position: absolute;
	top: 1px;
	left: 195px;
}

#recommend .fb {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 37px;
	left: 223px;
}

#recommend .fb a {
	width: 22px;
	height: 22px;
	display: block;
	background: url(../img/pic9.png) no-repeat;
}

#recommend .fb a span {
	display: none;
}


/*
naglowki w boksach
*/

#item1 h2 {
	background: url(../img/pic2.gif) repeat-x;
}

#item2 h2 {
	background: url(../img/pic20.gif) repeat-x;
}

#item1 .other {
	background: url(../img/pic19.gif) repeat-x;
}

#item2 .other {
	background: url(../img/pic2.gif) repeat-x;
}


/*
boksik z dymkiem
*/

.infobox {
	width: 200px;
	height: auto;
	display: none;
	position: absolute;
	z-index: 200;
}

.infobox .tp {
	width: 200px;
	height: 3px;
	background: url(../img/pic4.png) no-repeat;
}

.infobox .md {
	width: 160px;
	height: auto;
	background: url(../img/pic5.png) repeat-y;
	padding: 10px 20px 14px 18px;
	font-size: 11px;
	line-height: 14px;
	color: #6F6B66 !important;

}

.infobox .md p {
	color: #6f6b66 !important;
	font-weight: bold;
}

.infobox .bt {
	width: 200px;
	height: 15px;
	background: url(../img/pic6.png) no-repeat;
}


/*
boksik z kart?
*/

.card {
	width: 295px;
	height: 470px;
	background: url(../img/pic8.png) no-repeat;
	z-index: 10;
	padding: 19px 0 0 37px;
}

.card .items {
	position: relative;
	width: 270px;
	height: 470px;
	float: left;
}

.card .items:after{
	content: ".";
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}


.card h2 {
	width: 259px;
	height: 52px;
	margin: 4px 0 0 0;
	clear: both;
}

.card h2 img {
	position: absolute;
	right: 42px;
	top: 20px;
}

.card .c1 {
	width: 55px;
	height: 63px;
	background: url(../img/pic12.png) no-repeat; 
	margin: -57px 0 0 14px;
}

.card .c2 {
	width: 65px;
	height: 68px;
	background: url(../img/pic13.png) no-repeat; 
	margin: -60px 0 0 8px;
}


.card .i1 .i span {
	background: url(../img/pic3.gif) no-repeat;
	position: absolute;
	top: 12px;
	right: 17px;
}

.card .i2 .i span {
	background: url(../img/pic10.png) no-repeat;
	position: absolute;
	top: 386px;
	right: 17px;
}

.card .i3 .i span {
	background: url(../img/pic10.png) no-repeat;
	position: absolute;
	top: 12px;
	right: 17px;
}

.card .i4 .i span {
	background: url(../img/pic3.gif) no-repeat;
	position: absolute;
	top: 386px;
	right: 17px;
}


.card .i span {
	width: 19px;
	height: 19px;
	display: block;
	background: url(../img/pic3.gif) no-repeat;
	position: absolute;
	top: 30px;
	right: 38px;
}

.card h4 {
	margin: 16px 0 0 0;
}

.card li.row {
	width: 231px;
	min-height: 37px;
	font-size: 12px;
	display: block;
	line-height: 12px;
	display: inline;
	float: left;
}

.card li.row.main .r1,
.card li.row.main .r2,
.card li.row.main .r3 {
	padding-top: 11px !important;
	height: 25px !important;
}

.card .row .r1 {
	padding: 7px 0 0 12px;
	width: 35px;
	float: left;
	height: 23px;
	overflow: hidden;
	display: inline;
}

.card .row .r2 {
	padding: 7px 0 0 0;
	width: 91px;
	float: left;
	height: 25px;
	overflow: hidden;
	display: inline;
}

.card .row .r3 {
	padding: 7px 0 0 0;
	width: 52px;
	float: left;
	height: 23px;
	overflow: hidden;
	display: inline;
	text-align: right;
}

.card .row .r4 {
	width: 31px;
	float: left;
	padding: 0 0 0 10px;
	height: 30px;
	overflow: hidden;
	display: inline;
}


.card .row .r4 a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/pic11.png) no-repeat;
}

.card .search {
	width: 260px;
	height: auto;
	background: url(../img/pic6.gif) repeat-x;
	padding: 17px 0 0 0;
	position: relative;
	clear: both;
	overflow: hidden;
}

.card .search form {
		margin-top: 2px !important;
}

.card .search .input {
	width: 232px;
	float: left;
	margin: 0px !important;
	clear: both;
	min-height: 18px;
}


.card .search .input label {
	width: 54px;
	height: 18px;
	float: left;
	background: url(../img/pic7.gif) no-repeat;
	text-indent: -400px;
	margin: 3px 0 0 12px;
}

.card .search .input input {
	width: 138px;
	height: 18px;
	border: 1px solid #efeeed;
	margin: 0 0 0 8px;
	padding: 0 5px 0 5px;
	font-size: 11px;
}

.card .search .submit {
	width: 20px;
	float: left;
	background: url(../img/pic8.gif) no-repeat;
	margin: 2px 0 0 0;
	overflow: hidden;
	cursor: pointer;
}

.card .search .submit input {
	background: transparent;
	padding: 0 0 0 50px;
	cursor: pointer;
}

.card .list {
	width: 270px;
	height: auto;
	padding: 34px 0 0 0;
	clear: both;
	float: none;
	background: url(../img/pic9.gif) 0px 8px no-repeat;
}

.card .list ul {
	width: 240px;
	height: auto;
	overflow: hidden;
}

.card .list li.row {
	background: url(../img/pic15.gif) 0px 100% no-repeat;
}

.card .list .row.clicked {
	background: #e7e6e6 !important;
}

.card .list .row.clicked span {
	font-weight: bold;
}

#card1 .list .row .r2 {
	cursor: pointer;
}

#item2 .search {
	padding: 15px 0 0 0 !important;
	background-position: 0px -2px !important;
}

#item1,
#item2 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#home #item2 {
	visibility: hidden;
}


/*
postac dzikiej karty
*/

#item2 .add {
	width: 170px;
	height: 16px;
	background: #1c75a5 url(../img/pic18.gif) 166px 5px no-repeat;
	padding: 0 0 0 15px;
	float: right;
	margin: -9px 11px 0 0;
	position: relative;
	z-index: 10;
}

#item2 .add a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	display: block;
	margin: -1px 0 0 0;
}

.card .item .add a:hover {
	text-decoration: underline;
}


/*
szczegoly miast - widoczne po rozwinieciu
*/

.card .row .details {
	width: 230px;
	clear: both;
	float: none;
	overflow: hidden;
	border-bottom: 1px solid #c7c7c7;
	display: none;
	padding: 5px 0 10px 0;
}

.card  .row .details .image {
	width: 71px;
	float: left;
	padding: 0 0 0 9px;
}

.card  .row .details .desc {
	width: 146px;
	float: left;
	font-size: 11px;
	line-height: 12px;
}

.card  .row .details .links {
	width: 156px;
	height: auto;
	margin: 4px 0 0 0;
	clear: both;
	float: left;
	overflow: hidden;
	padding: 0 0 6px 0;
}

.card  .row .details .links .all {
	font-size: 9px;
	background: url(../img/pic3.png) 56px 5px no-repeat;
	padding: 0 14px 0 0;
	color: #827e79;
	text-decoration: none;
	float: left;
}

.card  .row .details .links .up {
	font-size: 9px;
	background: url(../img/pic16.gif) 24px 4px no-repeat;
	float: right;
	color: #827e79;
	text-decoration: none;
	padding: 0 14px 0 0;
	margin: 0 10px 0 0;
}

/*
dolna czesc kart
*/
.card .find {
	width: 260px;
	height: 18px;
	text-align: right;
	margin: 2px 0 0 0;
}

.card .other {
	width: 260px;
	height: 41px;
	position: relative;
}

.card .other img {
	position: absolute;
	right: 30px;
	top: 13px;
}

.card .other span {
	width: 47px;
	height: 36px;
	position: absolute;
	left: 24px;
	top: -15px;
	background: url(../img/pic14.png) no-repeat;
}

.card .other span span {
	width: 38px;
	height: 36px;
	display: block;
	background: none;
	position: relative;
	top: 0px;
	left: 1px;
	cursor: pointer;
}



/*
glowne okno jako shadowbox
*/

.box {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 417px;
	margin-left: -208px;
	z-index: 2000;
}


.box .bg {
	position: relative;
	width: 417px;
	height: auto;
}

.box span.close {
	color: #fff;
	font-weight: bold;
	float: right;
	display: block;
	font-size: 12px;
	padding: 0 0 6px 0;
	cursor: pointer;
}

.box .shadow {
	padding: 7px;
	width: 403px;
	height: auto;
	background: #fff;
	clear: both;
	position: relative;
	z-index: 200;
}

.box .shadow .content {
	padding: 7px;
	border: 1px solid #8e8c88;
	width: auto;
	min-height: 200px;
	position: relative;
	padding: 7px 7px 4px 7px;
	background: url(../img/ajax-loader.gif) no-repeat 50% 50%;
}

.box .shadow .content:after{
	content: ".";
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

#iframe_content {
	width: 387px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	
}

#iframe_content .header,
.box .shadow .content .header {
	background: url(../img/pic21.gif) repeat-x;
	padding: 3px 0 0 0;
	text-align: center;
	height: 18px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/*
iframe
*/

iframe {
	width: 387px;
	position: relative;
	z-index: 500;
	height: 100%;
}


/*
formularze podstawowe style
*/

#SubmitError {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

form {
	margin: 5px 0 0 0;
	float: left;
	clear: both;
}


form .input {
	width: auto;
	height: auto;
	min-height: 36px;
	position: relative;
	overflow: hidden;
}

form .input:first-child {
	margin: 14px 0 0 0 !important;
	display: block;
}

form .input.required {
	background: url(../img/pic23.gif) 288px 1px no-repeat;
}

form .checkbox.required {
	background: transparent;
}


form .input label {
	float: left;
	width: 105px;
	margin: 2px 0 0 26px;
	font-weight: bold;
	font-size: 12px;
	min-height: 19px;
	color: #6f6b66;
	overflow: hidden;
}

form .input input {
	float: left;
	width: 139px;
	height: 18px;
	border: 1px solid #EFEEED;
	padding: 0 5px 0 5px;
	color: #6f6b66;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}


form .input .input-error {
	clear: both;
	color: #d22a2a;
	font-size: 10px;
	padding: 0 0 0 132px;
	height: 13px;

	line-height: 11px;
}

form .input input.error {
	color: #fff;
	background: #d22a2a;
}

form > .checkbox {
	margin: 8px 0 0 0;
}

form .checkbox label {
	margin-top: 1px;
}


form div.checkbox {
	height: auto;
	padding: 0 0 0 21px;
	overflow: hidden;
}


form .checkbox label {
	font-size: 9px;
	color: #aeaeae;
	font-weight: normal;
	line-height: 12px;
	width: auto;
	padding: 0 10px 0 0;
}

form .checkbox input,
form .checkbox span {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0px;
	left: 22px;
	border: 0px;
}

form .checkbox .input-error {
	 padding: 0 0 0 27px !important;
}


/*
dodatkowe modyfikacje 
*/

form .c1 .input label {
	width: 134px;
	padding: 0 44px 0 0;
	background: url(../img/pic24.gif) 128px 0px no-repeat;
}

form .c1 .input input {
	margin: 1px 0 0 0;
}

form .c1 .input.required {
	background-position: 360px 0px !important;
}

form .c1 .input .input-error {
	 padding: 0 0 0 226px;
}

form .c2 .input label {
	padding-right: 21px;
}

form .c2 .input select {
	border: 1px solid #EFEEED;
}

form .c2 .input .input-error {
	 padding: 0 0 0 153px !important;
}

form .c3 {
	margin: 30px 0 0 10px;
	width: auto;
	height: auto;
}

form .c3 .input select {
	border: 1px solid #EFEEED;
	width: 154px;
}

form .c3 .input label {
	width: 148px !important;
}

form .c3 .input.required {
	background: none;
}


form .c4 {
	margin: 16px 0 0 46px;
	width: 260px;
	height: auto;
	float: left;
	clear: both;
}

form .c4 label {
	width: 65px !important;
}

form .c4 .input .input-error {
	padding-left: 92px !important;
}

form .c5 {
	width: 286px;
	height: auto;
	font-size: 9px;
	float: left;
	clear: both;
	margin: 0;
}

form .c5 a {
	color: #AEAEAE;
	display: block;
	margin: 3px 0 0 200px;
	font: 9px/11px Arial,Helvetica,Garuda,sans-serif;
}

form .c6 {
	margin: 9px 0 0 165px;
	width: 131px;
	height: auto;
	float: left;
	clear: both;
}

form .c7 {
	padding: 17px 0 0 0;
	width: 360px;
	min-height: 20px;
	overflow: hidden;
}

form .c8 {
	margin: 30px 0 0 66px;
	width: 300px;
	height: auto;
	float: left;
	clear: both;
}


span.info {
	font-size: 9px;
	color: #d22a2a;
	line-height: 12px;
	display: block;
	position: absolute;
	left: 44px;
	bottom: 10px;
}

/*
rejestracja
*/

.register form {
	padding: 18px 0 8px 0;
	width: auto;
	height: auto;
}

.register form .submit {
	width: 87px;
	height: 15px;
	background: url(../img/pic25.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	margin: 13px 14px 0 0;
	float: right;
}

.register form .submit input {
	width: 87px;
	height: 15px;
	background: transparent;
	cursor: pointer;
	padding: 0 0 0 200px;
	
}

.register {
	background: url(../img/pic22.gif) 300px 42px no-repeat;
}


/*
dzika karta
*/

.wild-card form {
	padding: 0 0 27px 0;
}

.wild-card form .submit {
	width: 112px;
	height: 18px;
	background: url(../img/pic26.gif) no-repeat;
	margin: 3px 0 0 223px;
	overflow: hidden;
	cursor: pointer;
	float: none;
	clear: both;
}

.wild-card form .submit input {
	width: 112px;
	height: 18px;
	background: transparent;
	text-indent: -200px;
	cursor: pointer;
}

.wild-card .input-error {
	 padding: 0 0 0 176px !important;
}

.wild-card-parent .men {
	width: 176px;
	height: 257px;
	background: url(../img/pic15.png) no-repeat;
	overflow: hidden;
	position: absolute;
	bottom: -98px;
	left: -93px;
	z-index: 500;
}


.wild-card div.info {
	position: relative !important;
	display: block !important;
	margin: -10px 0 0 24px !important;
}

.wild-card div.info #flashMessage {
	margin: 0px;
	font-weight: normal;
	color: #D22A2A;
	font-size: 10px;
}

/*
logowanie
*/

.login form .submit {
	width: 95px;
	height: 19px;
	background: url(../img/pic28.gif) no-repeat;
	margin: 0 0 0 190px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	clear: both;
}

.login form .c8 .submit {
		background: url(../img/pic32.gif) no-repeat !important;
}

.login form .submit input {
	width: 95px;
	height: 19px;
	background: transparent;
	text-indent: -200px;
	cursor: pointer;
}

.login .fb {
	width: 186px;
	height: auto;
	margin: 27px 0 0 153px;
	float: left;
	clear: both;
	padding: 0 0 8px 0;
}

.login .fb span {
	color: #AEAEAE;
	font-size: 9px;
	display: block;
	width: auto;
}

.login .fb a {
	display: block;
	width: 98px;
	height: 23px;
	background: url(../img/pic29.gif) no-repeat;
	margin: 7px 0 0 36px;
}

.login .fb a span {
	display: none;
}

.login form .input.required {
	background: url(../img/pic23.gif) 248px 2px no-repeat;
}

.login-parent .men {
	width: 134px;
	height: 199px;
	background: url(../img/pic17.png) no-repeat;
	overflow: hidden;
	position: absolute;
	bottom: -38px;
	left: -21px;
	z-index: 500;
}

/*
polecenie
*/

.recommend form label {
	width: 136px !important;
	margin-left: 40px !important;
}

.recommend dl.user dt {
	font-weight: bold;
	width: 136px;
	float: left;
	clear: both;
	margin: 20px 0 0 40px;
	font-size: 12px;
}

.recommend dl.user dd {
	margin: 19px 0 0 0;
	width: 160px;
	float: left;
	text-align: center;
}



.recommend form .submit {
	width: 56px;
	height: 16px;
	background: url(../img/pic31.gif) no-repeat;
	margin: 25px 0 0 273px;
	overflow: hidden;
	cursor: pointer;
	clear: both;
	padding: 0 0 6px 0;
}

.recommend form .submit input {
	width: 56px;
	height: 16px;
	background: transparent;
	text-indent: -200px;
	cursor: pointer;
}

.recommend .p1 {
	margin: 13px 0 0 0;
	text-align: center;
	font-weight: bold;
}

.recommend .input .input-error {
	padding-left: 176px !important;
}


.recommend .p2 {
	margin: 2px 0 0 0;
	text-align: center;
	font-weight: bold;
}

.recommend .p2 span {
	color: #d22a2a;
}

.recommend .p3 a {
	display: block;
	margin: 4px 0 0 186px;
	width: auto;
	height: 20px;
	font-size: 9px;
	color: #aeaeae;
	text-decoration: underline;
}

.recommend .p3 a:hover {
	text-decoration: none;
}

.recommend form .input.required {
	background-position: 333px 1px;
}

.recommend-parent .men {
	width: 211px;
	height: 256px;
	background: url(../img/pic23.png) no-repeat;
	overflow: hidden;
	position: absolute;
	bottom: -30px;
	right: -130px;
	z-index: 2000;
}

/*
miasto
*/
.city {
	width: auto;
	height: auto;
}

.city .image {
	width: 133px;
	height: auto;
	float: left;
	margin: 12px 0 0 0;
	position: relative;
	z-index: 200;
}

.city .image a.vote {
	display: block;
	margin: 16px 0 0 25px;
	background: url(../img/pic11.png) 100% 0px no-repeat;
	font-weight: bold;
	font-size: 12px;
	height: 23px;
	padding: 8px 0 0 0;
	width: 87px;
	color: #6f6b66;
	text-decoration: none;
}

.city .image a.login {
	display: block;
	margin: 16px 0 0 15px;
	background: url(../img/pic33.gif) 100% 0px no-repeat;
	height: 19px;
	width: 100px;
}

.city .image a.register {
	display: block;
	margin: 16px 0 0 15px;
	background: url(../img/pic34.gif) 100% 0px no-repeat;
	height: 19px;
	width: 100px;
}

.city .image a span {
	display: none;
}

.city .image a:hover {
	text-decoration: underline;
}

.city .desc {
	width: 240px;
	height: auto;
	float: left;
	margin: 12px 0 0 0;
	padding: 0 0 6px 0;
	color: #6f6b66;
}

.city .desc p:first-child {
	padding: 0 0 0 0 !important;
	margin: -3px 0 0 0;
	background: none;
}

.city .desc p {
	padding: 17px 0 0 0;
	background: url(../img/pic27.gif) 0px 1px repeat-x;
	font-size: 12px;
	line-height: 18px;
}

.city-men {
	width: 300px;
	height: 491px;
	overflow: hidden;
	background: url(../img/pic16.png) no-repeat;
	position: absolute;
	top: -125px;
	left: -183px;
	z-index: 100;
}

.city .source {
	position: absolute;
	bottom: -20px;
	right: 0px;
	width: 387px;
	overflow: hidden;
}


/*
info
*/

.message {
	width: auto;
	text-align: center;
	margin: 10px 0 0 0;
	color: #D22A2A;
}

.message .logo-img {
	background: url(../img/pic24.png) no-repeat;
	width: 183px;
	height: 72px;
	overflow: hidden;
	position: absolute;
	top: -34px;
	left: 110px;
}

.message p {
	margin: 21px 0 0 0 !important;
	padding: 0 0 0 40px;
}

/*
style globalne dla scrolla
*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../img/pic12.gif) 4px 0px repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #c71630;
	cursor: pointer;
	width: 6px !important;
	margin: 0 0 0 2px;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 6px !important;
	width: 11px !important;
	background: url(../img/pic10.gif) no-repeat !important;
}
a.jScrollArrowUp:hover {

}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 6px !important;
	width: 11px !important;
	background: url(../img/pic11.gif) 0px 5px no-repeat !important;
	padding: 5px 0 0 0 !important;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}


/*
podamiana w graficzne cheboxy
*/
.cust_checkbox {
	font-size:14px;
	cursor: pointer;
}
.cust_checkbox_on{
	background:url(../img/checkbox_on.png) no-repeat 0 0;
}
.cust_checkbox_hvr{
	background:url(../img/checkbox_hvr.png) no-repeat 0 0 !important;
}
.cust_radio_on{
	background:url(../img/radiobox_on.png) no-repeat 0 0;
}
.cust_radio_hvr{
	background:url(../img/radiobox_hvr.png) no-repeat 0 0  !important;
}
.cust_checkbox_off{
	background:url(../img/checkbox_off.png) no-repeat 0 0;
}
.cust_radio_off{
	background:url(../img/checkbox_off.png) no-repeat 0 0;
}
.cust_checkbox_disabled_on{
	background:url(../img/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust_checkbox_disabled_off{
	background:url(../img/disabled_off.png) no-repeat 0 0;
}
.cust_radio_disabled_on{
	background:url(../img/radiobox_disabled_on.png) no-repeat 0 0;
}
.cust_radio_disabled_off{
	background:url(../img/disabled_off.png) no-repeat 0 0;
}
#reg {
	position: absolute;
	right: 12px;
	top: 72px;
	color: #FFF;
	font-weight: bold;
	z-index: 1;
}
#reg a, #mer a {
	color: #FFF;
	text-decoration: none;
}

#mer {
	position: absolute;
	right: 12px;
	bottom: 20px;
	color: #FFF;
	font-weight: bold;
	z-index: 200;
	width: 270px;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
}

#mer img {
	display: inline;
	vertical-align: bottom;
}

#reg a:hover, #mer a:hover {
	text-decoration: underline;
}

#footer {
	text-align: right;
}


#iframe_content.city {
	padding-bottom: 20px;
	overflow: visible;
}

/* karta z wynikami */
#result h2 img {
	position: relative !important;
	top: 0px;
	left: 0px;
}

#result .card .list {
	background: url(../img/pic9a.gif) 0px 8px no-repeat !important;
}

#result .row .r1,
#result .row .r2,
#result .row .r3 {
	font-weight: bold;
	color: #ec1c24;
}

#result .wild .r1,
#result .wild .r2,
#result .wild .r3 {
	color: #41b6e8 !important;
}

#result .card .row .r2 {
	width: 96px;
}

#result .card .list li.row {
	background: url(../img/pic15a.gif) 0px 100% no-repeat;
}
/*
#result .r2.wild {
	cursor: default !important;
}
*/

#home #result .find  {
	margin-top: 14px !important;
}