* {margin: 0; padding: 0;}
a {text-decoration: underline; color: #2E3C72;}
a:hover {text-decoration: underline; color: #E60198;}
a:active, a:focus { outline: 0;}

img {border: none;}
ul {list-style: none;}
h2 {font-family: Tahoma, Verdana, sans-serif; font-size: 15px; font-weight: bold; margin-bottom: 20px;}



body {background: #fff; color: #2E3C72; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; margin: auto; margin-top: 0; margin-bottom: 20px;}

	.user-bg {background: url('../img/bg-user.jpg') top center no-repeat;}
	.prizes-bg {background: url('../img/prizes-bg.jpg') top center no-repeat;}
	.how-to-bg {background: url('../img/how-to-bg.jpg') top center no-repeat;}
	.my-receipt-bg {background: url('../img/my-receipt-bg.jpg') top center no-repeat;}

	.main-bg {background: url('../img/main-bg.jpg') top center no-repeat;}
	.main-bg-login {background: url('../img/main-bg-login.jpg') top center no-repeat;}
	.sub-bg {background: url('../img/sub-bg.png') top center no-repeat;}
	.sub-bg-login {background: url('../img/sub-bg-login.png') top center no-repeat;}

#container {width: 990px; height: auto; overflow: hidden; margin: auto; position: relative;}

#top {width: 990px; height: 192px;}

	#top h1 {float: left;}
	
	#top-right {float: right; width: 846px; height: auto; overflow: hidden;}
	
		#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav0 {width: 473px; height: 94px; position: relative; float: left}
	
		#nav1 {background: url('../img/menu-home.gif');}
		#nav2 {background: url('../img/menu-co-moge-wygrac.gif');}
		#nav3 {background: url('../img/menu-jak-grac.gif');}
		#nav4 {background: url('../img/menu-moje-dane.gif');}
		#nav5 {background: url('../img/menu-moje-paragony.gif');}
		#nav6 {background: url('../img/menu-moj-kawalek-internetu.gif');}
		#nav0 {background: url('../img/menu-default.gif');}
		
		#nav-links {position: absolute;}	
			#nav-links li {display: inline; float: left;}
			#sub-links {margin-top: 45px; margin-left: 95px;}
			#sub-links li {display: inline; float: left}
			#nav-links a, #sub-links a {display: block;}
			#link1 {width: 93px; height: 45px;}
			#link2 {width: 144px; height: 45px;}
			#link3 {width: 98px; height: 45px;}
			#link4 {width: 103px; height: 45px;}
			#link5 {width: 110px; height: 30px;}
			#link6 {width: 100px; height: 30px;}
			#link7 {width: 150px; height: 30px;}
	
		#nav {float: left; margin-right: 100px; margin-left: 10px;}
			#nav li {display: inline; padding: 0 7px 0 7px;}
			#nav img {vertical-align: middle;}
			
		#login {width: 290px; height: 35px; float: right; margin-top: 42px;}
		#login input {margin-left: 10px; vertical-align: middle;}
		#bt-go {width: 45px; height: 24px;}
		
		#loged {width: 290px; float: right; font-size: 11px; color: #2E3C72; text-align: right; margin-bottom: 10px;}
			#loged p {margin: 10px 50px 14px 0;}
			#loged img {margin-right: 10px;}
		
		#bt-zarejestruj-paragon {clear: both; margin-left: 455px;}
		#bt-lista {margin-left: 20px;}
		
		/* start commented backslash hack \*/
		* html 	#bt-zarejestruj-paragon {  margin-left: 600px; margin-top: -50px;}
		/* close commented backslash hack */
		
/*** user ***/
		
#user-content {width: 671px; height: auto; overflow: hidden; float: left; margin-left: 16px; text-align: left;}
	#user-content h2 {color: #E60198;  font-family: Verdana, Tahoma, sans-serif; font-size: 17px; margin-left: 32px; margin-bottom: 10px;}
	#user-text {width: 601px; height: 400px; background: url('../img/user-bg.gif') no-repeat; margin-left: 20px; padding: 20px 25px 20px 25px;}
		#user-text p {margin-bottom: 15px; line-height: 140%;}
	
	#scroll-text {height: 340px; overflow: auto; margin-bottom: 20px; padding-right: 10px;}
	
	.Register {margin: 15px 0 0 0; color: #2E3C72}
	.Register label {font-weight: bold; width: 150px; display: block; float: left; text-align: right; padding-top: 3px;}
	
	.Register span {font-size: 10px;}
	.Register p {margin-bottom: 4px; line-height: 100%;}
	.inp3 {width: 180px; height: 18px; background: #fff; border: none; font-family: Verdana, Tahoma, sans-serif; color: #222; font-size: 11px; padding: 3px 5px 0 5px; margin: 0 7px 0 7px; vertical-align: middle;}
	.inp4 {width: 50px; height: 20px; background: url('../img/inp3-bg.png') top left no-repeat; border: none; font-family: Tahoma, Verdana, sans-serif; color: #222; font-size: 11px; padding: 6px 0 0 10px; margin: 0 7px 0 7px; vertical-align: middle;}
	.inp5 {width: 80px; height: 20px; background: url('../img/inp4-bg.png') top left no-repeat; border: none; font-family: Tahoma, Verdana, sans-serif; color: #222; font-size: 11px; padding: 6px 0 0 10px; margin: 0 7px 0 7px; vertical-align: middle;}
	
	.form-line {margin-bottom: 4px; clear: both;}
	
/*** co mogę wygrać ***/

#prizes-content {}

/*** jak grać ***/

#how-to-content {width: 714px; height: auto; overflow: hidden; text-align: left; float: left; font-size: 13px;}
	#how-to-content p {margin-bottom: 15px;}
	
	.how-to-info {float: right; width: 624px; height: auto; overflow: hidden;}
	.how-to-pic {float: left; width: 90px; height: auto; overflow: hidden;}
	
	#how-to-content span {color: #D40062;}
	
	#promo {width: 714px; height: auto; overflow: hidden; font-size: 11px; background: url('../img/promo-bg.gif') bottom repeat-x; margin-bottom: 10px;}
		#product-info {width: 460px; margin: 20px 0 20px 90px;}
			#product-info li {margin-bottom: 5px;}
			#product-info a {padding-left: 10px;}
			#product-info a:hover {color: #029CFE; text-decoration: none; background: url('../img/bullet-1.gif') top left no-repeat;}
		#product-pic {width: 660px; margin-bottom: 15px; margin-left: 30px;}
			#product-pic li {display: inline;}
			#product-pic img {float: left;  margin-right: 8px;}

/*** Twoje dane ***/

#settings {width: 400px;}
	#settings .col1 {font-weight: bold; color: #2E3C72; text-align: right; padding-right: 10px; width: 150px;}
	#settings .col2 {padding-right: 10px;}
	#settings td {padding-bottom: 5px; padding-top: 5px;}
	
/*** Moje paragony ***/

#taby {position: absolute; top: 240px; left: 40px;}
#taby li {display: inline; float: left;}
#taby a {display: block;}
#tab1 {width: 140px; height: 55px;}
#tab2 {width: 200px; height: 55px;}


#my-receipt-content {width: 990px; height: 456px; overflow: hidden; font-size: 10px; background: url('../img/paragony-bg.jpg'); padding: 90px 0 0 0;}
#my-prizes-content {width: 972px; height: 456px; overflow: hidden; font-size: 10px; background: url('../img/nagrody-bg.jpg'); padding: 90px 0 0 18px;}
	
	#my-receipt-content p {line-height: 120%; margin: 10px 0 10px 0; }
	.my-receipt-text {margin-left: 18px;}
	#my-receipt-list {width: 450px; height: 83px; overflow: auto; border: solid 1px #333}
	#my-receipt-content td {color: #D40062; font-size: 10px;}
	#my-receipt-content table {margin: 10px 0 10px 0;}
	#my-receipt-content .col1 {padding-left: 10px; width: 140px;}
	#my-receipt-content .col2 {width: 160px; text-align: right; padding-right: 10px;}
	#my-receipt-content .col3 {width: 120px; padding-right: 10px; text-align: right;}
	#my-receipt-list td {color: #000; padding-bottom: 2px;}

#settings {width: 400px;}
	#settings .col1 {font-weight: bold; color: #2E3C72; text-align: right; padding-right: 10px; width: 150px;}
	#settings .col2 {padding-right: 10px;}
	#settings td {padding-bottom: 5px; padding-top: 5px;}

	
#bottom-pic-1 {width: 945px; height: 108px; background: url('../img/bottom-pic-1.gif'); clear: both; float: left; margin-top: 60px;}	
#bottom-pic-2 {width: 945px; height: 108px; background: url('../img/bottom-pic-1.gif'); clear: both; float: left; margin-top: 60px;}	
		

#main-newsletter {width: 237px; height:41px; background: url('../img/main-newsletter-bg.jpg'); float: right; padding: 15px 0 0 330px;}
	#main-newsletter input {vertical-align: middle;}
	
#sub-newsletter {width: 230px; height:39px; background: url('../img/sub-newsletter-bg.gif'); padding: 30px 0 0 40px; float: left; margin-left: 140px;}
	#sub-newsletter input {vertical-align: middle;}

#footer-main {width: 990px; height: auto; overflow: hidden; font-size: 10px; clear: both; padding-top: 30px; }
	#footer-main-left {float: left; color: #2D3C86;}
	#footer-main-right {float: right;}
	
	#footer-sub-left {float: left; color: #2D3C86; padding-top: 50px;}
	#footer-sub-right {float: right; padding-top: 50px;}
	
#table-winners td {border-bottom: solid 1px #2E3C72; padding: 4px; font-size: 11px;}
#table-winners tr:hover {background: #E60198; color: #fff;}
	#table-winners .td5 {text-align: right; padding-right: 10px;}
	
.cl {clear: both;}

.Error {color: #cc0000}

.inp1 {width: 90px; height: 10px; background: #fff; font-family: Verdana, Tahoma, sans-serif; font-size: 10px; border: none; padding: 5px;}
.inp2 {width: 130px; height: 10px; background: #fff; font-family: Verdana, Tahoma, sans-serif; font-size: 10px; border: none; padding: 5px;}
.inp3 {width: 180px; height: 18px; background: #fff; border: none; font-family: Verdana, Tahoma, sans-serif; color: #222; font-size: 11px; padding: 3px 5px 0 5px; margin: 0 7px 0 7px; vertical-align: middle;}
.inp4 {width: 50px; height: 18px; background: #fff; border: none;font-family: Verdana, Tahoma, sans-serif; color: #222; font-size: 11px; padding: 6px 0 0 10px; margin: 0 7px 0 7px; vertical-align: middle;}
.inp5 {width: 80px; height: 18px; background: #fff; border: none; font-family: Verdana, Tahoma, sans-serif; color: #222; font-size: 11px; padding: 6px 0 0 10px; margin: 0 7px 0 7px; vertical-align: middle;}

.info-text {width: 651px; height: 59px; background: url('../img/info-text-bg.gif'); text-align: center; padding: 5px 10px 0 10px; line-height: 150%; margin-bottom: 10px;}