#mall {	margin: 0 auto;	width: 990px; }
#mall #mall_id { display: none; }

h2 { font: normal 20px Verdana, Tahoma, Geneva, helvetica, sans-serif; color: #216c97; padding: 0; text-align: center; margin: 0 auto; text-transform: uppercase;  }

#panel {  }
#panel h1 { font: normal 24px Verdana, Tahoma, Geneva, helvetica, sans-serif; color: #216c97; height: 26px; line-height: 26px; padding: 2px 0; text-align: center; clear: none; margin: 0 auto; text-transform: uppercase; }

#prevmall, #nextmall { height: 26px; padding: 2px 0; float: left;	}
#prevmall { float: left; margin-left: 10px; }
#nextmall { float: right; margin-right: 10px; }
#mall .news { margin: 10px 0; padding: 10px; background-color: #fff; }

#mall_cpane { width: 610px; overflow: hidden; margin-left: 20px; }
#mall_top {	margin-right: 5px; float: right; }
#next_users { display: none; }
#notesel { font-size: .7em; float: left; font-weight: bold; color: #216c97; background-color: #CCC; border: 1px solid #AAA; padding: 2px; letter-spacing: 1px; text-transform: uppercase; }
.notetit { font-size: .7em; }
.notesep { clear: both; margin: 10px; visibility: hidden; }
#gallery { position: relative; width: 990px; margin: 0; height: 588px; background-repeat: no-repeat; background-image: url("../../img/layout/gallery.gif"); }
#gallery_content { margin: 0; padding:0; position: absolute; left: 160px; top: 112px; width: 668px; height: 364px; overflow: auto; }
#gallery img.users { border-style: solid; border-width: 1px; border-color: white; filter:alpha(opacity=50); opacity: 0.5; }
#gallery img.users:hover { filter:alpha(opacity=100); opacity: 1; border-color: #000; }
#gallery .offer { display: block; float: left; margin: 2px; width: 100px; height: 100px; }
#gallery .offer img { width: 100px; height: 100px; display: block; vertical-align: bottom; }

#gallery_content div.about { padding: 20px; font-size: .9em; margin: 10px 0; line-height: 150%; background-color: #e7eef4;  border: 1px solid #cbd7e3;  }
#gallery_content div.about img { float: left; margin: 0; }

#gallery_content p.info { margin: 1ex 1em; line-height: 125%; }
#gallery_content p.image { text-align: center; border: 1px solid #cbd7e3; background-color: #e7eef4; padding: 20px 0;	}
#gallery_content h1 { text-align: center; border-bottom: 1px solid #ccc; margin: 1ex 0; padding: .5ex 0; text-transform: uppercase; color: #444;  }

#gallery_content .message,#gallery_content .error { font-size: .8em; }
#mall_menu { position: absolute; left: 8px; top: 6px; z-index: 50; }
#levels { position: absolute; width: 100px; height: 34px; left: 20px; top: 30px; z-index: 50; }
#level { font: normal 24px Verdana, Tahoma, Geneva, helvetica, sans-serif; color: #FFF; display: block; float: left; margin: 0 5px; }
#level_up, #level_down { line-height: 32px; float: left; display: block; }
#level_up img, #level_down img { display: inline; }

#user1 { position: absolute; left: 120px; top: 6px; z-index: 50; }
#article1 {	position: absolute; left: 182px; top: 90px; z-index: 50; }

#user2 {
	position: absolute;
	left: 228px;
	top: 6px;
	z-index: 50;
}

#article2 {
	position: absolute;
	left: 284px;
	top: 90px;
	z-index: 50;
}

#user3 {
	position: absolute;
	left: 336px;
	top: 6px;
	z-index: 50;
}

#article3 {
	position: absolute;
	left: 385px;
	top: 90px;
	z-index: 50;
}

#user4 {
	position: absolute;
	left: 445px;
	top: 6px;
	z-index: 50;
}

#article4 {
	position: absolute;
	left: 487px;
	top: 90px;
	z-index: 50;
}

#user5 {
	position: absolute;
	left: 553px;
	top: 6px;
	z-index: 50;
}

#article5 {
	position: absolute;
	left: 588px;
	top: 90px;
	z-index: 50;
}

#user6 {
	position: absolute;
	left: 660px;
	top: 6px;
	z-index: 50;
}

#article6 {
	position: absolute;
	left: 689px;
	top: 90px;
	z-index: 50;
}

#user7 {
	position: absolute;
	left: 768px;
	top: 6px;
	z-index: 50;
}

#article7 {
	position: absolute;
	left: 790px;
	top: 90px;
	z-index: 50;
}

#user8 {
	position: absolute;
	left: 8px;
	top: 90px;
	z-index: 50;
}

#article8 {
	position: absolute;
	left: 132px;
	top: 130px;
	z-index: 50;
}

#user9 {
	position: absolute;
	left: 881px; /* gora - dol + hover */
	top: 90px;
	z-index: 50;
}

#article9 {
	position: absolute;
	left: 841px;
	top: 130px;
	z-index: 50;
}

#user10 {
	position: absolute;
	left: 8px;
	top: 175px;
	z-index: 50;
}

#article10 {
	position: absolute;
	left: 132px;
	top: 209px;
	z-index: 50;
}

#user11 {
	position: absolute;
	left: 881px;
	top: 175px;
	z-index: 50;
}

#article11 {
	position: absolute;
	left: 841px;
	top: 209px;
	z-index: 50;
}

#user12 {
	position: absolute;
	left: 8px;
	top: 258px;
	z-index: 50;
}

#article12 {
	position: absolute;
	left: 132px;
	top: 288px;
	z-index: 50;
}

#user13 {
	position: absolute;
	left: 881px;
	top: 258px;
	z-index: 50;
}

#article13 {
	position: absolute;
	left: 841px;
	top: 288px;
	z-index: 50;
}

#user14 {
	position: absolute;
	left: 8px;
	top: 341px;
	z-index: 50;
}

#article14 {
	position: absolute;
	left: 132px;
	top: 367px;
	z-index: 50;
}

#user15 {
	position: absolute;
	left: 881px;
	top: 341px;
	z-index: 50;
}

#article15 {
	position: absolute;
	left: 841px;
	top: 367px;
	z-index: 50;
}

#user16 {
	position: absolute;
	left: 8px;
	top: 427px;
	z-index: 50;
}

#article16 {
	position: absolute;
	left: 132px;
	top: 442px;
	z-index: 50;
}

#user17 {
	position: absolute;
	left: 881px;
	top: 427px;
	z-index: 50;
}

#article17 {
	position: absolute;
	left: 841px;
	top: 442px;
	z-index: 50;
}

#user18 {
	position: absolute;
	left: 120px;
	top: 512px;
	z-index: 50;
}

#article18 {
	position: absolute;
	left: 182px;
	top: 482px;
	z-index: 50;
}

#user19 {
	position: absolute;
	left: 228px;
	top: 512px;
	z-index: 50;
}

#article19 {
	position: absolute;
	left: 284px;
	top: 482px;
	z-index: 50;
}

#user20 {
	position: absolute;
	left: 336px;
	top: 512px;
	z-index: 50;
}

#article20 {
	position: absolute;
	left: 385px;
	top: 482px;
	z-index: 50;
}

#user21 {
	position: absolute;
	left: 445px;
	top: 512px;
	z-index: 50;
}

#article21 {
	position: absolute;
	left: 487px;
	top: 482px;
	z-index: 50;
}

#user22 {
	position: absolute;
	left: 553px;
	top: 512px;
	z-index: 50;
}

#article22 {
	position: absolute;
	left: 588px;
	top: 482px;
	z-index: 50;
}

#user23 {
	position: absolute;
	left: 660px;
	top: 512px;
	z-index: 50;
}

#article23 {
	position: absolute;
	left: 689px;
	top: 482px;
	z-index: 50;
}

#user24 {
	position: absolute;
	left: 768px;
	top: 512px;
	z-index: 50;
}

#article24 {
	position: absolute;
	left: 790px;
	top: 482px;
	z-index: 50;
}

/* pasek z nazwa galeri i wyborem poziomu */
#navi_up_none {
	width: 26px;
	height: 24px;
	background-image: url(../../images/up2.png);
	background-repeat: no-repeat;
}

#navi_down_none {
	width: 26px;
	height: 24px;
	background-image: url(../../images/down2.png);
	background-repeat: no-repeat;
}

#navi_up {
	width: 26px;
	height: 24px;
	background-image: url(../../images/up.png);
	background-repeat: no-repeat;
}

#navi_up :hover {
	background-image: url(../../images/up1.gif);
}

#navi_down {
	width: 26px;
	height: 24px;
	background-image: url(../../images/down.png);
	background-repeat: no-repeat;
}

#navi_down :hover {
	background-image: url(../../images/down1.gif);
}

/* ogloszenia */
#advert,#advert_add {
	font-size: .7em;
	/*
	text-transform: capitalize;
	font-weight: bold;
	*/
	padding: 1px;
}

#advert {
	border: 1px solid #216c97;
	color: #216c97;
	float: left;
}

#advert_add {
	background-color: #216c97;
	border: 1px solid #FFF;
	text-align: center;
	display: block;
	color: #FFF;
	float: right;
	width: 1em;
	font-weight: bold;
	padding: 2px;
}

#advert_add :hover {
	background-color: #000;
	color: #FFF;
}

/* kategorie */

.sect_main {
	clear: both; 
	overflow: visible; 
	height: 102px;	
}
.sect_cont {
	float: left;
	display: block;
	margin: 1px;
	border: none;
	background-image: url(../../images/sect.png);
}

.sect_cont a {
	color: #fff;
}
.sect_cont a:hover {
	color: #222;
}

.sect_arrow {
	width: 16px; 
	height: 100px; 
	display: table; 
	margin: 1px; 
	float: left
}
.sect_arrow div {
	display: table-cell;
	vertical-align: middle
}
.sect_arrow span {
	display: none;
}

.sect_outer {
	float: left; 
	width: 510px; 
	height: 101px; 
	overflow: visible;	
}
.sect_inner {
	float: left; 
	overflow: visible; 
	width: 100px; 
	height: 100px; 
	margin: 1px;	
}
.sect_loaded , .sect_first {
	float: left; 
	display: none;
	position: absolute;
	left: -1000px;
}
.sect_next span , .sect_prev span {
	display: none;
}
.notice {
	background-image: url("../../images/square1.png");	
	display: table;
	float: left;
	font-size: .7em;
}
.notice span {
	display: table-cell;	
	width: 100px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}


/* pomocnicze menu galerii */

#mallmenu {
	position: absolute;
	left: 881px;
	top: 6px;
}

.menu {
	margin-top: 10px;	
}

.menu li {
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 100px;
}

.menu li a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 1px;
	text-align: center;
}

.menu li a:hover {
	color: #216c97;
}


a.sect_offer, a.offer , a.notetip {
	position: relative;
	z-index: 9990;
	text-decoration: none;
	display: block;
}

a.sect_offer span.tooltip , a.offer span.tooltip , a.notetip span.tooltip {
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it advdes */
a.sect_offer:hover, a.offer:hover , a.notetip:hover {
	z-index: 9999;
	background: ;
}

a.sect_offer:hover span.tooltip , a.offer:hover span.tooltip , a.notetip:hover span.tooltip {
	display: block;
	position: absolute;
	top: 5px;
	left: -5px;
	width: 120px;
	color: #993300;
	text-align: center;
	overflow: hidden;
}

a.sect_offer:hover span.top , a.offer:hover span.top , a.notetip:hover span.top {
	display: block;
	padding-top: 30px;
	background: url(../../images/bubble.png) no-repeat top;
}

a.sect_offer:hover span.tooltip , a.offer:hover span.tooltip , a.notetip:hover span.tooltip {
	font: bold 11px Verdana, Tahoma, Geneva, helvetica, sans-serif;
}


a.sect_offer:hover span.middle , a.offer:hover span.middle , a.notetip:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 12px 0 8px;
	background: url(../../images/bubble_filler.png) repeat bottom;
}

a.sect_offer:hover span.middle span.title , a.offer:hover span.middle span.title , a.notetip:hover span.middle span.title {
	color: #FF8C00;
	background-color: #FFF;
	display: block;
	font-weight: bold;
	padding: 5px 0;
}

a.sect_offer:hover span.middle span.desc , a.offer:hover span.middle span.desc , a.notetip:hover span.middle span.desc {
	color: #000;
	background-color: #FFF;
	display: block;
	font-weight: normal;
}

a.sect_offer:hover span.bottom , a.offer:hover span.bottom , a.notetip:hover span.bottom {
	display: block;
	padding-bottom: 15px;
	color: #548912;
	background: url(../../images/bubble.png) no-repeat bottom;
}

a.offer:hover span.middle img.userpict  {
	width: 100px;
	height: 70px;	
}


dl.section {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	font: bold 11px Verdana, Tahoma, Geneva, helvetica, sans-serif;
}
dl.section dt {
	padding-top: 40px;
	height: 30px;
	width: 100px;
	text-align: center;
}
dl.section dd {
	color: #FFF;
	height: 30px;
	width: 100px;
	line-height: 30px;
	text-align: center;
}