@charset "utf-8";

/***********************************************************************
BASE CSS FILE
***********************************************************************/

/************************* RESET CSS **********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: ''; }
/* remember to define focus styles! */
:focus {
	outline: 0;}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;}
del {
	text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}
/*******KONIEC*******/

body {
	line-height: 16px;
	color: #642A00;
	font-size: 12px;
	background: #FFD897 url(../images/background.jpg) repeat-x center top; 
	font-family:   Verdana, Tahoma, Arial, sans-serif;}
p {
	padding:0px;
	margin-bottom:0.5em;
	margin-top: 5px; }
noscript {
	margin: 0 auto;
	width: 100%;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 0;
	overflow: hidden;}
a img {
	border: 0px; }
a {
	text-decoration:none;
	border: 0px;}
a:link, a:visited { 
	text-decoration: none;
	color: #000;}
a:hover {
	text-decoration:underline;
	color:#888;}	

.clear {
	width:100%;
	height:0px;
	font-size:0px;
	line-height:0px;
	clear:both;}


/* ***************************** Layout ***************************** */

#container {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

/* ***** HEADER ***** */

#header {
	width: 900px;
	height: 150px;
	float: left;
}
#header-girl {
	width: 220px;
	height: 150px;
	background: transparent url(../images/top-girl.png) no-repeat left top;
	float: left;
}
#logo {
	width: 450px;
	height: 150px;
	background: transparent url(../images/logo.png) no-repeat left top;
	float: left;
}

#logo a, #logo strong {
	width: 450px;
	height: 150px;
	float: left;
}
#logo strong { display: none; }
#header-ship {
	width: 220px;
	height: 150px;
	background: transparent url(../images/top-ship.png) no-repeat left top;
	float: left;
}

/* ***** TOP MENU ***** */

#topmenu {
	width: 900px;
	height: 50px;
	float: left;
}
#topmenu-girl {
	width: 140px;
	height: 50px;
	background: transparent url(../images/topmenu-girl.jpg) no-repeat left top;
	float: left;
}
#topnav {
	width: 530px;
	height: 50px;
	float: left;
}

#topmenu ul {
	list-style: none outside none;
}

#topmenu ul li {
	float: left;
	display: inline;
}

#topmenu ul a {
	height: 42px; 
	color: #000000; 
	display: block;
	background-image: url('../images/topmenu.png');
	padding: 0;
	margin: 0;
	float: left;
	
}

#topmenu ul a:hover {
	padding: 0;
	margin: 0;
	height: 42px;
}

#topmenu strong { display: none; }

#topmenu ul a.separator { background-position: -142px 0%; width: 20px; cursor: default; }

#topmenu ul a.homepage { background-position: 0% 0%; width: 142px; }
#topmenu ul a.sklepik { background-position: -162px top; width: 68px; }
#topmenu ul a.forum { background-position: -254px top; width: 60px; }
#topmenu ul a.regulamin { background-position: -334px top; width: 90px; }
#topmenu ul a.kontakt { background-position: -442px top; width: 88px; }


#topmenu ul a:hover.homepage { background-position: 0% 82%; }
#topmenu ul a:hover.sklepik { background-position: -162px 82%; }
#topmenu ul a:hover.forum { background-position: -254px 82%; }
#topmenu ul a:hover.regulamin { background-position: -334px 82%; }
#topmenu ul a:hover.kontakt { background-position: -442px 82%; }



#topmenu-ship {
	width: 230px;
	height: 50px;
	background: transparent url(../images/topmenu-ship.jpg) no-repeat left top;
	float: left;
}

#subheader {
	width: 900px;
	height: 25px;
	background: transparent url(../images/subheader.jpg) no-repeat left top;
	float: left;
}

/* ***** LEFT COLUMN ***** */

#leftcolumn {
	width: 220px;
	margin-right: 10px;
	float: left;
}

.box {
	width: 220px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}
.box-header {
	width: 220px;
	height: 40px;
	background: transparent url(../images/leftbox-top.jpg) no-repeat left top;
	float: left;
}

.box-header h1 {
	font-size: 14px;
	text-align: center;
	padding-top: 15px;
}

.box-title {
	padding: 5px 0;
}
.box-title h3 {
	font-size: 12px;
	background: transparent url("../images/title_marker_3.gif") no-repeat scroll -30px top;
}

.box-content {
	width: 170px;
	height: auto;
	background: transparent url(../images/leftbox-bg.jpg) repeat-y left top;
	padding: 10px 20px 0 30px;
	float: left;
}

.box-footer {
	width: 220px;
	height: 33px;
	background: transparent url(../images/leftbox-bottom.jpg) no-repeat left top;
	float: left;
}

#account input {
	margin-bottom: 8px;
	width: 145px;
	height: 18px;
}

#account ul li {
	line-height: 22px;
}

.loginbtn {
	border: none;
	background: transparent url(../images/btn-bg.jpg) no-repeat left top;
	width: 103px !important;
	height: 28px !important;
	cursor: pointer;
}

#account .ranga {
	line-height: 18px;
}

#account .logout {
	width: 140px;
	height: 28px;
	padding: 5px 0 0 30px;
	text-align: center;
}

#account .logout a {
	width: 103px;
	height: 23px;
	text-align: center;
	background: transparent url(../images/btn-bg.jpg) no-repeat left top;
	cursor: pointer;
	padding: 5px 0 0 0;
	float: left;
}

#userarea dd {

}

#userarea ul li {
	line-height: 20px;
}

#adress {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}


/* ***** CONTENT ***** */

#content {
	width: 670px;
	height: auto;
	float: left;
}

#c-top {
	width: 670px;
	height: 125px;
	background: transparent url(../images/content-header.jpg) no-repeat left top;
	float: let;
}

#c-middle {
	width: 620px;
	height: auto;
	background: transparent url(../images/content-bg.jpg) repeat-y left top;
	padding: 10px 20px 0 30px;
	float: let;
}

#c-bottom {
	width: 670px;
	height: 125px;
	background: transparent url(../images/content-bottom.jpg) no-repeat left top;
	float: let;
}

#curculles {
	width: 130px;
	height: 200px;
	background: transparent url(../images/curculles.png) no-repeat left top;
	position: relative;
	float: right;
	top: -150px;
	margin-bottom: -200px;
}

#myContent {
	width: 620px;
	padding: 10px 0;
	text-align: center;
}

.content-title {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
.content-title h2 {
	font-size: 14px;
	font-weight: bold;
}



.collector {
	border: 3px solid #EED7B5;
	text-align: left;
}

.collector .c1 {

}

.uni_01 {
	padding: 10px 0;
	border: 1px solid #804040;
}

.uni_02, .uni_02 td, .border {
	border: 1px solid #804040;
}

.c-contact, .c-contact td, .usecode td, .aktywujkod td {
	border: none;
}
#1 .uni_01, #2 .uni_01, #3 .uni_01, #4 .uni_01 {
	border: none !important;
}

.btn {
	width: 103px;
	height: 28px;
	background: transparent url(../images/btn-bg.jpg) no-repeat left top;
	text-align: center;
	border: none;
	font-weight: bold;
}

.c-profil td {
	padding: 5px;
}

.c-regulamin ul {
	padding: 0 0 0 15px;
}

.c-regulamin p {
	margin-bottom: 0;
}

#online-count {
	width: 320px;
	height: 50px;
	padding: 20px 0 0 0;
	float: left;
}

#online-count-text {
	width: 100px;
	height: 50px;
	padding: 10px 0 0 40px;
	float: left;
}

#online-count-head {
	width: 40px;
	height: 50px;
	background: transparent url(../images/curculles-head.png) no-repeat right top;
	padding: 10px 0 0 0;
	float: left;
}

#online-count-num {
	width: 120px;
	height: 50px;
	font-size: 24px;
	padding: 10px 0 0 20px;
	color: #E85246;
	float: left;
}

#curent-time {
	width: 350px;
	height: 50px;
	padding: 10px 0 0 0;
	float: left;
}
#curent-time-text {
	width: 70px;
	height: 30px;
	padding: 11px 0 0 0;
	float: left;
}
#curent-time-timer {
	width: 70px;
	height: 50px;
	background: transparent url(../images/timer.png) no-repeat center top;
	float: left;
}
#curent-time-num {
	width: 160px;
	height: 50px;
	font-size: 24px;
	padding: 10px 0 0 20px;
	color: #E85246;
	font-weight: normal;
	float: left;
}

#curent-time-num h1 {
	font-size: 24px;
	font-weight: normal;
}


.award-location {
	font-weight: bold;
	font-size: 14px;
	color: #0080c0;
	padding: 10px 0;
	text-align: center;
}

.award-name h1{
	font-size: 15px;
	padding: 5px 0;
	background-color: #FFFDEF;

}

.award-content {
	padding: 10px 0;
	border-top: 1px dashed #ff8040;
	text-align: justify;
}

.award-content img{
	margin: 0 0 10px 10px;
	float: right;
}

/* ***** FOOTER ***** */

#footer {
	width: 100%;
	height: 100px;
	background: transparent url(../images/footer-bg.jpg) repeat-X left top;
	float: left;
	padding: 0;
	margin: 0 auto 15px;
}
#f-wrapper {
	width: 900px;
	height: 100px;
	background: transparent url(../images/footer-content-bg.jpg) repeat-X left top;
	padding: 0;
	margin: 0 auto;
}
.f-content {
	width: 600px !important;
	height: 60px;
	padding-top: 25px;
	padding-left: 300px;
}

#copyright {
	padding-top: 10px;
	float: left;
	font-size: 11px;
}

.ev_wygrana { height: 150px; text-align: center; font-size: 14px; padding-left: 180px; background: transparent url(../images/strefa7.png) no-repeat left top; }
.ev_wygrana b {color: #d70000;}
.ev_brak { text-align: center; font-size: 14px; color: #d70000 !important; }
.ev_powrot { text-align: center; font-size: 12px; font-weight: bold; padding: 20px 0; background: transparent url(../images/btn-bg.jpg) no-repeat center 14px; }
.ev_pole { background: #FFD897 url(../images/newevent.jpg) no-repeat center center; border-width: 3px 1px 1px 3px; border-style: double; border-color: #642A00 #FFCC66 #FFCC66 #642A00;  margin-right: 5px; text-align: center; font-size: 14px; font-weight: bold; float: left; }

/************* urodziny *****************/

.urd-title { width: 100%; text-align: center; float: left; padding: 10px 0 0px;}
.urd-title h1 {font-size: 18px;}
.urd-content { width: 100%; float: left; background: transparent url(../images/urd-kwiaty.png) no-repeat center top;}
.urd-desc { width: 520px; padding: 25px 50px 20px; float: left;}
.urd-choinka { width: 580px; height: 700px; padding: 0 20px; float: left; background: transparent url(../images/choinka.png) no-repeat center top;}
.urd-bombka {}
.urd-bombka a, .urd-bombka span { width: 50px; height: 34px; float: left; text-align: center; padding: 16px 0 0 0; font-size: 16px; font-weight: bold;}

.urd-bombka a.urd-bnieb { background: transparent url(../images/bombki.png) no-repeat 0 0; }
.urd-bombka a:hover.urd-bnieb { background: transparent url(../images/bombki.png) no-repeat -50px 0; }
.urd-bombka a.urd-bczer { background: transparent url(../images/bombki.png) no-repeat 0 -50px; }
.urd-bombka a:hover.urd-bczer { background: transparent url(../images/bombki.png) no-repeat -50px -50px; }
.urd-bombka a.urd-bzolt { background: transparent url(../images/bombki.png) no-repeat 0 -100px; }
.urd-bombka a:hover.urd-bzolt { background: transparent url(../images/bombki.png) no-repeat -50px -100px; }
.urd-bombka a.urd-bziel { background: transparent url(../images/bombki.png) no-repeat 0 -150px; }
.urd-bombka a:hover.urd-bziel { background: transparent url(../images/bombki.png) no-repeat -50px -150px; }

.urd-bombka span.urd-bnieb { background: transparent url(../images/bombki.png) no-repeat 0 0; }
.urd-bombka span.urd-bczer { background: transparent url(../images/bombki.png) no-repeat 0 -50px; }
.urd-bombka span.urd-bzolt { background: transparent url(../images/bombki.png) no-repeat 0 -100px; }
.urd-bombka span.urd-bziel { background: transparent url(../images/bombki.png) no-repeat 0 -150px; }

.urd-b1 { width: 50px; padding: 160px 0 0 230px; float: left; }
.urd-b2 { width: 50px; padding: 145px 170px 0 60px; float: left; }
.urd-b3 { clear: both; width: 50px; padding: 0px 10px 0 280px; float: left; }
.urd-b4 { width: 50px; padding: 0px 140px 0 50px; float: left; }
.urd-b5 { width: 50px; padding: 0px 10px 10px 150px; float: left; }
.urd-b6 { width: 50px; padding: 10px 10px 0px 10px; float: left; }
.urd-b7 { width: 50px; padding: 10px 10px 0px 20px; float: left; }
.urd-b8 { width: 50px; padding: 5px 150px 5px 10px; float: left; }
.urd-b9 { width: 50px; padding: 0px 10px 20px 120px; float: left; }
.urd-b10 { width: 50px; padding: 15px 10px 5px 10px; float: left; }
.urd-b11 { width: 50px; padding: 5px 10px 15px 20px; float: left; }
.urd-b12 { width: 50px; padding: 10px 10px 10px 20px; float: left; }
.urd-b13 { width: 50px; padding: 20px 10px 0px 20px; float: left; }
.urd-b14 { width: 50px; padding: 10px 20px 10px 130px; float: left; }
.urd-b15 { width: 50px; padding: 0px 10px 20px 20px; float: left; }
.urd-b16 { width: 50px; padding: 15px 10px 5px 20px; float: left; }
.urd-b17 {  width: 50px; padding: 0px 150px 20px 20px; float: left; }
.urd-b18 { width: 50px; padding: 20px 10px 0px 70px; float: left; }
.urd-b19 { width: 50px; padding: 0px 10px 20px 20px; float: left; }
.urd-b20 { width: 50px; padding: 10px 0px 10px 30px; float: left; }
.urd-b21 { width: 50px; padding: 0px 0px 20px 40px; float: left; }
.urd-b22 { width: 50px; padding: 15px 10px 5px 95px; float: left; }
.urd-b23 { width: 50px; padding: 15px 10px 20px 40px; float: left; }
.urd-b24 { width: 50px; padding: 0px 10px 20px 20px; float: left; }
.urd-b25 { width: 50px; padding: 20px 10px 0px 10px; float: left; }
.urd-b26 { width: 50px; padding: 0px 10px 20px 20px; float: left; }
.urd-b27 { width: 50px; padding: 10px 10px 10px 20px; float: left; }
.urd-b28 { width: 50px; padding: 0px 10px 20px 20px; float: left; }
.urd-b29 { width: 50px; padding: 15px 10px 5px 20px; float: left; }
.urd-b30 { width: 50px; padding: 0px 10px 20px 210px; float: left; }
.urd-b31 { width: 50px; padding: 0px 10px 20px 15px; float: left; }

.urd-used { width: 50px; height: 34px; float: left; text-align: center; padding: 16px 0 0 0; font-size: 16px; font-weight: bold; background: transparent url(../images/bombki.png) no-repeat -100px 0; color: #c9c9c9; }

.urd-lost { width: 50px; height: 34px; float: left; text-align: center; padding: 16px 0 0 0; font-size: 16px; font-weight: bold; background: transparent url(../images/bombki.png) no-repeat -200px 0; }
.urd-today a {background-position: -150px 0 !important; color: #FFF000 !important;}