html
{
height: 100%;
}

a.active, a.focus {
	outline: none;
	-moz-outline-style: none;
}

a:active
{
outline: none;
}

a:focus
{
outline: none;
-moz-outline-style: none;
}


.disabled {
	font-size: 0px;
	height: 0px;
	width: 0px;
	line-height: 0px;
	overflow: hidden;	
}

body
{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fefefe;
	font-size: 12px;
	font-family: Tahoma, arial;
	height: 100%;
	color: white;
}

p {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 20px;
}

p, img, form
{
	margin: 0; 
	padding: 0; 
	border: none;
}


div.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
}

.successMessage {
	background-color: green;
	padding: 5px;
}

.errorMessage {
	background-color: red;
	padding: 5px;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/* home start */
#home_body_container
{
position: absolute;
top: 0px;
z-index: 1;
background:  url("../img/bg/home.jpg") no-repeat;
width: 100%;
height: 900px;
overflow: visible;
background-position: -10000px -10000px;
}

#home_body_container2
{
position: relative;
top: 0xp;
z-index: 1;
width: 1003px;
height: 900px;
margin: auto;
background:  url("../img/bg/home.jpg") no-repeat;
background-position: -10000px -10000px;
}
/* home end */

/* sub start */
#body_container
{
position: absolute;
top: 0px;
z-index: 1;
background:  url("../img/bg/sub.jpg") no-repeat;
width: 100%;
height: 900px;
overflow: visible;
background-position: -10000px -10000px;
}

#body_container2
{
position: relative;
top: 0xp;
z-index: 1;
width: 1020px;
height: 900px;
margin: auto;
background:  url("../img/bg/sub.jpg") no-repeat;
background-position: -10000px -10000px;
}
/* home end */

#footer
{
	position: absolute;
	top: 785px;
	width: 1003px;
}

#footer a{
text-decoration: none;
color: #0030a0;
font-size: 15px;
margin-left: 20px;
}

#footer a.copy
{
position: relative;
text-decoration: none;
color: #0030a0;
font-size: 12px;
float: left;
margin-left: 70px;
}


#footer a.project
{
text-decoration: none;
color: #0030a0;
font-size: 12px;
float: right;
}

/* content */
.left_col
{
	width:545px;
	height: 470px;
	position: absolute;
	top: 130px;
	left: 0px;
}
.right_col
{
	width:480px;
	left: 545px;
	height: 470px;
	position: absolute;
	top: 130px;
}

/* end content*/

/* nowosci */
#nowosci1
{
	position: absolute;
	top: 22px;
	left: 98px;
	width: 127px;
	height: 415px;
	background: url("../img/nowosci/nowosci1.png");
}

#nowoswci1_content
{
	position: absolute;
	left: 220px;
	top: 10px;
	
}

#nowosci2
{
	position: absolute;
	top: 10px;
	left: 40px;
	width: 90px;
	height: 450px;
	background: url("../img/nowosci/nowosci2.png");
}

#nowoswci2_content
{
	position: absolute;
	left: 156px;
	top: 10px;
	
}
/* end nowosci*/

/* polityka */
.main_col
{
	width:820px;
	height: 370px;
	position: absolute;
	top: 130px;
	left: 110px;
	z-index: 20;
}

#pane1
{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 820px; 
	height: 315px;
}
/* end polityka */

/* flashe start */
#flash_outer1
{
	position: absolute; top: 111px; left: 59px;
}

#flash_outer2
{
position: absolute; top: 111px; left: 67px;
}

#flash_outer3
{
position: absolute; top: 112px; left: 56px;
}

#flash_outer4
{
position: absolute; top: 111px; left: -32px; z-index: 10;
}
/* end flashe */

#facebook
{
position: absolute;
top: 0px;
left: 900px;
z-index: 10;
}

h1
{
	font-size: 29px;
}

#kontakt {
	position: absolute;
	top: 120px;
	left: 500px;	
}

#kontakt img.nagrody
{
	position: absolute;
	top: 40px;
	left: -80px;
}

#kontakt p, #gk_others p{
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: 500;
	margin-top: -4px;
}


#kontakt p.mt{
	margin-top: 5px;
}


#kontakt a, #gk_others a
{
color: #67e6f9; text-decoration: none;
}

#kontakt div.infolinia
{
	position: absolute;
	left: 297px;
	top: 80px;
	width: 200px;
}

/*gdzie kupic*/
#gk
{
	position: absolute;
	top: 130px;
	left: 120px;
	width: 800px;
	z-index: 11;
}

h1.gk_header
{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 26px;
}


#gk_others
{
	position: absolute;
	left: 20px;
	top: 220px;
	width: 640px;
}

#gk a.l1
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/1.gif") no-repeat;
	left: 8px;
	top: 59px;	
	outline: none;
	-moz-outline-style: none;
}

#gk a.l2
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/2.gif") no-repeat;
	left: 292px;
	top: 59px;
	outline: none;
	-moz-outline-style: none;
}


#gk a.l3
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/3.gif") no-repeat;
	left: 292px;
	top: 59px;
	outline: none;
	-moz-outline-style: none;
}


#gk a.l4
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/5.gif") no-repeat;
	left: 8px;
	top: 59px;	
	outline: none;
	-moz-outline-style: none;
}


#gk a.l5
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/4.gif") no-repeat;
	left: 578px;
	top: 59px;	
	outline: none;
	-moz-outline-style: none;
}



#gk a.l6
{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 265px;
	height: 108px;
	background: url("../img/gdzie/6.gif") no-repeat;
	left: 576px;
	top: 59px;	
	outline: none;
	-moz-outline-style: none;
}

#boxes1
{
	position: absolute;
	left: 60px;
	top: 544px;
	width: 960px;
	height: 200px;
	z-index: 10;
}


#boxesk1
{
	position: absolute;
	left: 60px;
	top: 512px;
	width: 960px;
	height: 240px;
	z-index: 10;
}

#pasta
{
	position: absolute;
	top: 390px;
	left: 530px;
	z-index: 10;
	width: 489px;
	height: 209px;
	background: url("../img/pasta.jpg") no-repeat;
}

#pasta2
{
	position: absolute;
	top: 392px;
	left: 483px;
	z-index: 10;
	width: 518px;
	height: 215px;
	background: url("../img/pasta2.jpg") no-repeat;
}

#rejestracja_laski
{
background-image: url('../img/elements/rejestracja_laski.png'); width: 484px; height: 410px;
	position: absolute;
	top: 177px;
	left: 527px;
	z-index: 10;
}

#register_form_info
{
	margin-left: 120px;
	width: 300px;
	height: 80px;
	color: #00f6ff;
	overflow: hidden;
}

/*inputy start*/
.input_center
{
	float: left;
	color: #8a8a8a;
	width: 220px;
	border: 0px;
	background: url("../img/in_m.gif") repeat-x;
	height: 16px;
	padding: 6px 0px 4px 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif ;	
	font-size: 11px;
}



.input_left
{	
	background: url("../img/in_l.gif") no-repeat;	
	width: 3px; height: 26px;
	float: left;
}

.input_right
{	
	background: url("../img/in_r.gif") no-repeat;	
	width: 3px; height: 26px;
	float: left;
}

td.cufon
{
vertical-align: middle;
text-align: right;
font-size: 14px;
}

td.cufon label
{
vertical-align: middle;
text-align: right;
font-size: 12px;
}
/*inputy end*/

#ranking
{
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 10;
	width: 848px;
	height: 258px;
}

div.rank1 a
{
	display: block;
	text-decoration: none;
	margin-top: 9px;
	vertical-align: baseline;
}

div.rank1 a span.blue
{
	color: #05d7f1;
	display: block; 
	width: 163px;
	margin-left: 160px;
	float: left;
	font-size: 20px;
}

div.rank1 a span.points
{
	color: #ffffff;
	display: block; 
	width: 208px;
	float: left;
	font-size: 17px;
	margin-top: 2px;
}

div.rank1 a span.city
{
	color: #ffffff;
	display: block; 
	width: 208px;
	float: left;
	font-size: 17px;
	margin-top: 2px;
}

.rank1
{	
	background: url("../img/elements/ranking1.png") no-repeat;	
	width: 848px; height: 39px;
	float: left;
	margin-bottom: 38px;
	font-size: 22px;
}

div.rank1 a, div.rank2 a
{
	display: block;
	text-decoration: none;
	margin-top: 9px;
	vertical-align: baseline;
}

div.rank2 a span.blue
{
	color: #05d7f1;
	display: block; 
	width: 163px;
	margin-left: 160px;
	float: left;
	font-size: 16px;
}

div.rank2 a span.points
{
	color: #ffffff;
	display: block; 
	width: 208px;
	float: left;
	font-size: 14px;
	margin-top: 2px;
}

div.rank2 a span.city
{
	color: #ffffff;
	display: block; 
	width: 208px;
	float: left;
	font-size: 14px;
	margin-top: 2px;
}

.rank2
{	
	background: url("../img/elements/ranking2.png") no-repeat;	
	width: 848px; height: 37px;
	float: left;
	margin-bottom: 2px;
	font-size: 16px;
}

.paging
{
	text-align: center;
	position: absolute;
	top: 380px;
	left: 260px;
	z-index: 20;
}

.paging a, .paging span.current
{
	display: block;
	background: url("../img/buttons/num.gif") no-repeat;	
	width: 34px;
	height: 19px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: white;
	float: left;
	margin-left: 2px;
	padding-top: 5px;
}

.paging span.current
{
	font-size: 14px;
}

a.prev
{
	position: absolute;
	top: 174px;
	left: -60px;
	display: block;
	background: url("../img/buttons/prev.gif") no-repeat;	
	width: 41px;
	height: 43px;
}


a.next
{
	position: absolute;
	top: 174px;
	left: 860px;
	display: block;
	background: url("../img/buttons/next.gif") no-repeat;	
	width: 41px;
	height: 43px;
}

#login_form
{	
	position: absolute;
	top: 145px;
	left: 800px;
	display: none;
	background: url("../img/elements/login.png") no-repeat;	
	width: 190px;
	height: 185px;
	z-index: 100;
}

#zaloguj
{
	position: absolute;
	top: 130px;
	left: 20px;
}

#log_err
{
	position: absolute;
	top: 158px;
	left: 20px;
	color: white;
	height: 15px;
	font-size: 10px;
}

.zalogowany1
{
display: block;
float: left;
height: 20px;
width: 112px;
overflow: hidden;
margin-top: 10px;
padding-left: 9px;
}

.zalogowany2
{
display: block;
float: left;
height: 20px;
width: 68px;
overflow: hidden;
margin-top: 10px;
padding-left: 0px;
}

#outer_bg_wybierz
{
	position: absolute;
	top: 111px;
	left: -17px;
	background: url("../img/wybierz.jpg") no-repeat;
	background-position: 0px -498px;
	width: 1073px;
	height: 497px;
	z-index: 1;
}

#outer_bg_wybierz div.wybierz_rzym
{
	 width: 380px; height: 498px; position: absolute; top: 0px; left: 0px;
	background: url("../img/wybierz.jpg") no-repeat;
	background-position: 0px -498px;
}
#outer_bg_wybierz div.wybierz_rzym:HOVER
{
	background-position: 0px 0px; cursor: pointer;
}
#outer_bg_wybierz div.wybierz_barcelona
{
	width: 347px; height: 498px;  position: absolute; top: 0px; left: 380px;
	background: url("../img/wybierz.jpg") no-repeat;
	background-position: -380px -498px;
}
#outer_bg_wybierz div.wybierz_barcelona:HOVER
{
	background-position: -380px 0px; cursor: pointer;
}
#outer_bg_wybierz div.wybierz_paryz
{
	width: 346px; height: 498px;  position: absolute; top: 0px; left: 727px;
	background: url("../img/wybierz.jpg") no-repeat;
	background-position: -727px -498px;
}
#outer_bg_wybierz div.wybierz_paryz:HOVER
{
	background-position: -727px 0px; cursor: pointer;
}


#bg_rankda
{
	position: absolute;
	top: 111px;
	left: -20px;
	background: no-repeat;
	background-position: 0px -1px;
	width: 839px;
	height: 494px;
	z-index: 1
}

#numbers
{	
	position: absolute;
	top: 151px;
	left: 788px;
	width: 50px;
	z-index: 2;
}

#numbers div.white
{
	margin-top: 2px;
	width: 29px;
	height: 20px;
	padding: 4px 0px 0px 8px;
	background: url("../img/num_d.png");
	color: #0d2f94;
}

#numbers div.red
{
	margin-top: 2px;
	width: 29px;
	height: 20px;
	padding: 4px 0px 0px 8px;
	background: url("../img/num_a.png");
	color: white;
	position: relative;
	right: 5px;
}

#panel_r
{
	position: absolute;
	top: 111px;
	left: 793px;
	background: url("../img/panel_r.png") no-repeat;
	background-position: 0px -1px;
	width: 266px;
	height: 457px;
	z-index: 3;
}
/* STYLE MICHAŁA */
.nagrody_image {
	width: 916px;
	height: 342px;
	position: absolute;
	margin-left: -35px;
	margin-top: -10px;
	z-index: 100;
}

.nagrody_button {
	width: 195px;
	height: 40px;
	position: relative;
	float: right;
	z-index: 102;
	margin-top: 481px;
	margin-right: 77px;
}

.overlay {
	background: url(../img/bg/overlay.png);
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 900px;
	position: absolute;
	z-index: 10;
	display: none;
	top: 0px;
	left: 0px;
}

#mailbox {
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 292px;
	background: url(../img/bg/3maile_bg.png) no-repeat;
	display: none;
	z-index: 99;
}

#mailbox2 {
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 292px;
	background: url(../img/bg/mail2.png) no-repeat;
	display: none;
	z-index: 99;
}

#namebox {
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 292px;
	background: url(../img/bg/namebox.png) no-repeat;
	display: none;
	z-index: 101;
}

#ytbox
{
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 261px;
	background: url(../img/bg/yt.png) no-repeat;
	display: none;
	z-index: 101;
}

#ytbox2
{
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 319px;
	background: url(../img/bg/yt2.png) no-repeat;
	display: none;
	z-index: 101;
}

.close_box {
	width: 30px;
	height: 30px;
	background: url(../img/buttons/close_btn.png) no-repeat;
	cursor: pointer;
	float: right;
	z-index: 91;
	margin: -10px -10px 0px 0px;
}

.email_input {
	background: url(../img/bg/input_3.png) no-repeat;
	border: none;
	width: 189px;
	height: 28px;
	padding: 5px 10px 5px 10px;
}

.inputs {
	position: relative;
	top: 125px;
}

#mail_table {
	margin-left: 30px;
}

#mail_table td {
	width: 225px;
	text-align: left;
	height: 55px;
	vertical-align: middle;
}

#flash_outer5
{
	position: absolute;
	top: -19px; 
	left: -44px;
}

#flash_outer6
{
	position: absolute;
	top: -19px; 
	left: -44px;
	z-index: 1;
}



#upload_foto {
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 257px;
	background: url(../img/bg/dodaj_zdjecie.png) no-repeat;
	display: none;
	z-index: 99;
}


.pocztowka_barcelona {
	width: 358px;
	height: 222px;
	position: relative;
	display: block;
	background: url(../img/bg/barcelona_foto.png) no-repeat;
	top: 100px;
	z-index: 100;
}

.pocztowka_rzym {
	width: 358px;
	height: 222px;
	position: relative;
	display: block;
	background: url(../img/bg/rzym_foto.png) no-repeat;
	top: 100px;
	z-index: 100;
}

.pocztowka_paryz {
	width: 358px;
	height: 222px;
	position: relative;
	display: block;
	background: url(../img/bg/paryz_foto.png) no-repeat;
	top: 100px;
	z-index: 100;
}

#upload_foto_btn {
	cursor: pointer;
}

#open_box {
	cursor: pointer;
}

#open_quiz {
	cursor: pointer;
}



#quiz {
	position: relative;
	margin: auto;
	top: 150px;
	width: 486px;
	height: 333px;
	background: url(../img/quiz/quiz_bg.png) no-repeat;
	display: none;
	z-index: 99;
}

.quiz_form {
	padding-top: 75px;
}

.chq {
	cursor: pointer;
	margin-right: 15px;
}

.quiz_txt {
	font-size: 20px;
	color: #fffffff;
}

.quiz_que {
	padding: 20px;
	width: 400px;
}

#quiz_end1 { cursor: pointer; }
#quiz_end2 { cursor: pointer; }

#quiz_back1 { cursor: pointer; }
#quiz_back2 { cursor: pointer; }

.x_btn {
	margin: 8px 0px 0px 10px;
}

.v_btn {
	margin: 8px 0px 0px 10px;
}

#winPopup {
	z-index: 10; width: 100%; height: 900px; position: absolute; top: 0px; left: 0px; display: none;
}

.winPopupBg {
	z-index: 1; width: 100%; height: 900px; position: absolute; top: 0px; left: 0px; background: white; opacity: .7; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70);
}

#winPopupDiv {
	z-index: 2; background: url(../img/bg/popup.png); width: 615px; height: 505px; top: 42px; position: relative; margin: auto;
}

#winPopupLink{
	width: 40px; height: 40px; display: block; float: right; text-indent: -9999px;
}