body, html {
	margin:0px;
	padding:0px;
	background: url(../images/bg.jpg) no-repeat center top #ffffff;
	font-family: "Arial";
	font-size:12px;
	color:#16437e;
	height:100%;
}

#splash {
	width:100%;
	height:750px;
	background:url(../images/splash/splash.jpg) no-repeat center center;	
	position:absolute;
	z-index:131;
}

#splash .spform {
	width:400px;
	margin:auto;
	margin-top:595px;
}

#splash a {
	position:absolute;
}

.regLink {
	font-size:13px;
	color:#b8b8b8;
	font-weight:bold;
	text-decoration:underline;
	margin-left:114px;
	
}

label.regLink {
	margin-left:10px;
	text-decoration:none;
}


a {
	cursor:pointer;
}

font.fontLight {
	color:#869cb9;
	font-size:12px;
	font-style:italic;
}

#page {
	width:938px;
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
	background-color:#FFFFFF;
	height:auto !important;
	min-height:100%;
	height:100%;
	position:relative;
	}

#footer {
	width:938px;
	height:37px;
	background:url(../images/footer.jpg) no-repeat left top;
	margin-left:auto; 
	margin-right:auto;
	
}

#menuPanel {
	height:87px; 
	background-color:#FFFFFF;
}

#menu {
	display:inline; 
	float:left;
	width:750px; height:75px;
	margin-left:15px;
}

div.menuItem {
	background:url(../images/menuBreak.jpg) no-repeat left center;
	height:75px;
	width:auto;
	
	display:inline; 
	float:left;
	margin-left:15px;
}
a.menuItem, a.menuItem:hover {
	font-size:12px;
	line-height:75px;
	color:#6689ae;
	text-decoration:none;
	margin-left:15px;
	font-weight:bold;
}

a.menuItemSel {
	color:#16437e;
}

 a.menuItem:hover {text-decoration:underline;}

div.backBtn {
	float:right;
	right:20px;
	top:30px;
	background:url(../images/backBtn.jpg) no-repeat left top;
	width:91px;
	height:27px;
	position:absolute;
	line-height:18px;
	text-align:left;
}
a.backBtn, a.backBtn:hover {
	color:#6485af;
	font-size:10px;
	margin-left:35px;
}

a.backBtn:hover {
	text-decoration:underline;
}

#contentAll {
}

#content {
	display:inline;
	float:right;
    width:720px;
	margin-top:10px;
}

#leftCol {
	display:inline;
	float:left;
	width:218px;
	margin-top:10px;
}


#flash {width:938px; height:491px; text-align:right;}

#smallflash {width:938px; height:245px; text-align:right; background:url(../images/pageBanner.jpg) no-repeat left top;}
#pageMap {width:620px; height:600px; background: url(../images/mapa.jpg) no-repeat left top; margin:auto;}


#logoTop {
	background:url(../images/logoTop.jpg) no-repeat center center;
	width:142px;
	height:75px;
	margin-top:3px;
	margin-left:25px;
	display:inline; 
	float:left;
	cursor:pointer;
}







/*********************events calendar****************************/
.eventTitle {
	font-size:18px;
	margin-top:25px;
	margin-bottom:20px;
}


.monthItems {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	height:20px;
}

.monthItem, .monthItemSel, .monthItemEvents {
	display:inline;
	width:20px;
	height:20px;
	float:left;
	line-height:20px;
	text-align:center;
 	background:none;
}

.monthItemSel {
	background:url(../images/calendarSel.jpg) no-repeat center center;
	
}

.monthItemEvents {
	background:url(../images/calendarWeekand.jpg) no-repeat center center;
}



a.ajaxMonthItemLink, a.ajaxMonthItemLinkSel, a.ajaxMonthItemLink:hover, a.ajaxMonthItemLinkSel:hover, a.monthItemLink, a.monthItemLinkSel, a.monthItemLink:hover, a.monthItemLinkSel:hover, label.monthItemLink {
	color:#16437e;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

a.monthItemLinkSel, a.monthItemLinkSel:hover,a.ajaxMonthItemLinkSel, a.ajaxMonthItemLinkSel:hover, label.monthItemLinkSel {
	color:#FFFFFF;
}

a.monthItemLink:hover, a.monthItemLinkSel:hover, a.ajaxMonthItemLinkSel:hover {
	text-decoration:underline;
}

.currDateInfo {
	width:170px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.monthToday {
	width:130px;
	display:inline;
	float:left;
	text-transform:uppercase;
	font-weight: normal;
}
.prevMonth {
	background:url(../images/calendarLft.jpg) center center no-repeat;
	width:20px;
	height:20px;
	display:inline;
	float:left;
	cursor:pointer;
}

.nextMonth {
	background:url(../images/calendarRgt.jpg) center center no-repeat;
	width:20px;
	height:20px;
	display:inline;
	float:left;
	cursor:pointer;
}

#imageHolder {
	background:no-repeat top center;
	height:350px;
}
#imageDetails {
	
}

#imageDetailsRgt {
	width:180px;
	display:inline; float:right;
	margin-right:20px;
}
#imageDetailsLft {
	width:330px;
	display:inline; float:left;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	font-size:10px;
}

#eventImage { width:700px; margin-left:auto; margin-right:auto;}
#eventImageLft, #eventImageHolder, #eventImageRgt {
	display:inline;
	float:left;
}

#eventImageLft {background:url(../images/evenImgLft.jpg) no-repeat right top; width:75px; height:410px; text-align:right;}
#eventImageRgt {background:url(../images/evenImgRgt.jpg) no-repeat left top; width:75px; height:410px; text-align:left;}
#eventImageHolder {position: relative; margin-bottom:10px; background:url(../images/evenImgTop.jpg) no-repeat center top; width:540px; height:auto !important; min-height:445px; height:445px; text-align:center;}

.eventImage {
	width:520px;
	height:349px;
	background-position:center bottom;	
	background-repeat:no-repeat;
	margin:auto;
}
 

.bestPhotoLabel {
	width:159px;
	height:119px;
	position:absolute;
	right:10px;
	top:230px;
	border:0px solid red;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bestPhotosLabel.png');
}
.bestPhotoLabel[class] {background-image: url(../images/bestPhotosLabel.png);}

.eventsPrev, .eventsNext {margin-top:165px; border:0px;}

.eventLinkRelation {
	background:url(../images/eventDetailsLink.jpg) no-repeat left center;
	padding-left:20px;
	width:150px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height:15px;
}

/*******************************images***************************/
#setyurselfonpic {
	width:168px;
	height:25px;
	background:url(../images/setYurselfOnPic.jpg) no-repeat left center #FFFFFF;
	border:1px solid #e3e2e2;
	margin-left:5px;
	margin-top:10px;
	text-align:left;
	line-height:25px;
}

a.setyurself, a.setyurself:hover {
	margin-left:22px;
	font-size:10px;
	color:#6485af;
	cursor:pointer;
}	
a.setyurself:hover {
	text-decoration:underline;
}


.imageItem, .imageItemf, .imageIteml {
display:inline;
float:left;
width:190px;
height:160px;
text-align:left;
position:relative;
background:url(../images/imgBg.jpg) no-repeat center center;
}
.imageItemf {
	width:220px;
	background-position:left center;
	margin-left:45px;
}

.imageIteml {
	width:220px;
	background-position:right center;
}

.imageIns, .imageInsf {
	width:150px;
	height:120px;	
	margin-top:20px;
	margin-left:18px;
}
.imageThHolder {
	width:144px;
	height:114px;
	margin:2px;
	overflow:hidden;	
}
.imageInsf {margin-left:48px;}

.strLft, .strRgt {
	width:20px;
	height:20px;
	display:inline;
	float:left;
	background:url(../images/strLft.jpg) no-repeat center center;
	cursor:pointer;
}

.strRgt {
	background:url(../images/strRgt.jpg) no-repeat center center;
}


/***************************BOXY*****************/
.boxTop {
	background:url(../images/boxtop.jpg) no-repeat left top;
	height:40px;
	position:relative;
	text-align:left;
}

.boxBg {
	background:url(../images/boxBg.jpg) repeat-y left;
	height:auto !important;
	min-height:100px;
	height:100px;
	text-align:left;
}

.boxBtm {
	background:url(../images/boxBtm.jpg) no-repeat left top;
	height:23px;
}

.boxBreak {
	background:url(../images/boxBreak.jpg) no-repeat left top;
	height:auto !important;
	min-height:30px;
	height:30px;
}

.eventSearch {
	padding-top:10px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#6485af;
	line-height:23px;
}


/***************************BOX profile*****************/
.masz, .rest {
	display:inline;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
}

.rest {
	width:100px;
}

.profilMessages, .profilGirls, .profilMessagesOver, .profilGirlsOver {
	background:url(../images/icoMessage.jpg) no-repeat left center;
	padding-left: 40px;
	height:31px;
	margin-left:10px;
	font-size:10px; 
	color:#6485af;
	line-height:31px;
	text-align:left;
	padding-top:4px;
	cursor:pointer;
}

.profilGirls {background:url(../images/icoKolo.jpg) no-repeat left center;}

.profilMessagesOver{background:url(../images/icoMessageOver.jpg) no-repeat left center;}
.profilGirlsOver {background:url(../images/icoKoloOver.jpg) no-repeat left center;}

.avatar {
	border:1px solid white;
	width:105px;
	height:120px;
	margin-left:20px;
	display:inline;
	float:left;
}

.logout {
	display:inline; 
	float:right;
	width:80px;
	margin-top:30px;
}

.stopien {
	margin-top:10px;
	margin-bottom:5px;
	margin-left:20px;
	font-size:11px;
	text-align:left;
	color:#6485af;
}
.stopnie {
	margin-left:20px;
	margin-bottom:10px;
}

.stopItem, .stopItemSel {
	background:url(../images/stopien.jpg) no-repeat center center;
	width:14px; 
	height:11px;
	margin-right:2px;
	display:inline; 
	float:left;
}
.stopItemSel {
	background:url(../images/stopienSel.jpg) no-repeat center center;
}

.userName {font-size:11px; color:#FFFFFF; height:40px; line-height:40px; text-align:left; margin-left:20px; font-weight:bold;}
.userAdded {font-size:10px; color:#6485af; float:right; margin-right:20px; position:absolute; top:25px; left:110px;}


/**************************boxLodka************************/

#lodkaSmall {
	background:url(../images/lodkaPic.jpg) center center no-repeat;
	width:203px;
	height:143px;
	position:relative;
}

#membersCnt {
	position:absolute; 
	left:170px;
	top:17px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
}

.lodkaRozbuduj, .lodkaRozbudujOver, .lodkaDodaj, .lodkaDodajOver {
	padding-left: 40px;
	height:31px;
	margin-left:10px;
	font-size:10px; 
	color:#6485af;
	line-height:31px;
	text-align:left;
	padding-top:4px;
	cursor:pointer;
	background:url(../images/icoProp.jpg) center left no-repeat;
}
.lodkaRozbudujOver{background:url(../images/icoPropOver.jpg) center left no-repeat;}
.lodkaDodaj{background:url(../images/icoZaloga.jpg) center left no-repeat;}
.lodkaDodajOver {background:url(../images/icoZalogaOver.jpg) center left no-repeat;}


/**********************************BOX ambasadorki*************************/

#cityChooser{ height:20px;}
.arrLft, .arrRgt{
	width:23px; 
	height:20px;
	display:inline;
	float:left;
	cursor:pointer;
	background: url(../images/boxMapaArrLft.jpg) no-repeat center center;
}

.arrRgt {
	background: url(../images/boxMapaArrRgt.jpg) no-repeat center center;
}
.coorCity{
	display:inline;
	float:left;
	width:157px;
	height:20px;
	background:url(../images/boxMapaCitiesBg.jpg) no-repeat center center;
}

.cityItem {
	height:20px;
	text-align:center;
	color:#6485af;
	line-height:20px;
}

/**********************************GALERIA IMPREZ*************************/


img {
	border:0px;
}

input.addImgBtn {
	border:0px;
	background:url(../images/bg_addBtn.jpg) no-repeat left top;
	width:131px;
	height:37px;
	font-size:10px;
	color:#96abc5;
	padding-bottom:7px;
	cursor:pointer;
	float:right;
	margin-right:90px;
}

.addimgBtnHolder {
	height:auto !important;
	min-height:50px;
	height:50px;
	position:relative;
}

#addImgForm {
	width:450px;
	margin:auto;
	height:auto !important;
	min-height:120px;
	height:120px;
	display:none;
	position:relative;
}

#detImageHolder {
	height:auto !important; 
	min-height:385px;
	height:385px;
}

a.selImages {cursor:pointer}

.galeryItem {
	width:200px;
	display:inline;
	float:left;
}

.galeryItemTop{
	background:url(../images/galItemTop.jpg) no-repeat left top;
	height:40px;
	text-align:left;
}
.galeryItemBg{
	background:url(../images/galItemBg.jpg) repeat-y left;
	height:auto !important;
	min-height:100px;
	height:100px;
	text-align:left;
}
.galeryItemBtm{ 
	background:url(../images/galItemBtm.jpg) no-repeat left top;
	height:23px;
}

.galeryEvents {width:600px; margin-left:auto; margin-right:auto; margin-bottom:20px;}

.galeryItemName, .galeryItemName:hover {
font-size:12px; font-weight:bold; color:#FFFFFF; margin-left:45px; text-align:left; line-height:40px; text-decoration:none;}
.galeryItemName:hover { text-decoration:underline;}

.galeryItemImg {width:165px; margin-left:8px; height:110px; overflow:hidden;}

label.cityName, label.data, label.club {color:#16437e; margin-left:20px;}
label.cityName {font-size:16px; }
label.data {font-size:12px;}
label.club {font-size:12px;}

.seeAllGalery {
	background:url(../images/seeAllGaleryBg.jpg) no-repeat left top;
	width:151px;
	height:30px;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
	position:absolute;
	right:90px;
	line-height:16px;
}

a.seeAll, a.seeAll:hover {font-size:9px; color:#6485af; text-decoration:none; margin-left:10px;}
a.seeAll:hover { text-decoration:underline;}

.bestPhTitle, .bestPhTitlef, .bestPhTitlel {
	height:20px;
	width:100px;
	height:30px;
	margin:auto;
	text-align:center;
	background:url(../images/icoSearch.jpg) right center no-repeat;
}
.bestPhTitlef {margin-left:70px;}
.bestPhTitlel {margin-right:72px;}


.notes, .notesF, .notesL {
	width:80px;
	text-align:right;
	font-size:10px;
	color:#a7abb7;
	margin-left:82px;
}
.notesF {margin-left:114px;}
.notesL {margin-right:72px;}



a.bestPhTitleLink, a.bestPhTitleLink:hover { color:#16437e; font-size:11px; }
a.bestPhTitleLink:hover {text-decoration:underline;}

/*************************************************/
.elemsBreak {
	height:30px;
	background:url(../images/eventshadowBtm.jpg) no-repeat center top;
}

.elemsSmallBreak {
	height:26px;
	background:url(../images/smallBreak.jpg) no-repeat left top;

}




a {color:#16437e; text-decoration:none;}

a.link, a.link:hover {
	font-size:11px;
	text-decoration:none;
}
a.link:hover {text-decoration:underline;}


.image {border:0px; margin:0px; padding:0px;}

.clear {
	clear:both;
}

p {
padding:0px;
margin:0px;
}

img {margin:0px; padding:0px;}



/*************************************PROFIL UZYTKOWNIKA********************************/
a.profilMenuItem, a.profilMenuItem:hover {
	color:#FFFFFF; 
	font-size:12px;
}
a.profilMenuItem:hover {
	text-decoration:underline;
}


.profilBtn, .profilBtnSel {
	width:89px; height:40px;
	background: url(../images/profileBtn.jpg) no-repeat left top;
	display:inline; float:left;
	margin-right:1px;
	text-align:center;
	line-height:40px;
}
.profilBtnSel {
	background: url(../images/profileBtnSel.jpg) no-repeat left top;
}

#profilMenu {
	position:absolute;
	left:10px;
}

#loading { 
	height:35px; 
	width:35px;
	position:absolute;
	top:100px;
	left:350px;
	display:none;
	z-index:98;
}

#shadow {
	background-color:#000000;
	z-index:99;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}	

#alert {
	width:404px;
	height:auto !important; 
	min-height:200px;
	height:200px;
	position:absolute;
	left:40%;
	top:30%;
	background-color:#FFFFFF;
	z-index:132;
	display:none;
}

.alertOK {
	background: url(../images/alertBgOK.jpg) no-repeat left top;
}

.alertNieOk {
	background: url(../images/alertBg.jpg) no-repeat left top;
}

.alertMessage {
	border:0px solid red;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:20px;
	margin-left:140px;
	margin-top:30px;
	height:auto !important; 
	min-height:140px;
	height:140px;
}

#profilContent {
/*	border:1px solid red;*/
	height:auto !important;
	min-height:400px;
	height:400px;
	margin-left:10px;
	margin-right:16px;
	
}


.closeEl {
	width:10px;
	height:10px;
	background-color:#FFFFFF;
	position:absolute;
	right:13px;
	cursor:pointer;
	background:url(../images/closeBg.jpg) no-repeat center center;
}	

.userEventbg {
	background:url(../images/userEventBg.jpg) no-repeat left top;
	width:154px;
	height:56px;
	margin-top:10px;
	padding-top:10px;
	position:relative;
}

.userEventbg div {
	
	margin-left:50px;
}

#bgTop {
	width:575px;
	height:38px;
	background:url(../images/profileBgTop.jpg) no-repeat left bottom;
}

#bgMdl {
	padding-top:10px;
	width:575px;
	height:auto !important;
	min-height:400px;
	height:400px;

	background:url(../images/profileBg.jpg) repeat-y left;
}

#bgBtm {
	width:575px;
	height:33px;
	background:url(../images/profileBgBtm.jpg) left top no-repeat;
}


#userAvatar {
	width:150px;
	height:120px;
	display:inline;
	float:left;
	
}

#userInfo {
	width:399px;
	height:80px;
	display:inline;
	float:left;
	text-align:left;
}

#userInfoBtns {
	width:399px;
	height:40px;
	display:inline;
	float:left;
	text-align:left;
}


.userLogin {
	font-size:14px;
	color:#16437e;
	margin-left:5px;
}

.userNormal {
	color:#a9bacf;
	font-size:12px;
	margin-left:5px;		
}

.profBtnEdit, .profBtnAvatar, .profBtnMess {
	width:180px;
	height:40px;
	display:inline; float:left;
	margin-left:5px;
	line-height:40px;
	background:#f2f7fc url(../images/profIcoAvatar.jpg) no-repeat left center;
}

.profBtnAvatar {
	background:#f2f7fc url(../images/profIcoEdit.jpg) no-repeat left center;
}

.profBtnMess {
	background:#f2f7fc url(../images/profIcoMess.jpg) no-repeat left center;
}

a.profBtn, a.profBtn:hover {
	color:#16437e;
	font-size:10px;
	margin-left:55px;
}

a.profBtn:hover {
	text-decoration:underline;
}

#profilDetailsContent {
	height:auto !important;
	min-height:400px;
	height:400px;
}

#profilDetailsEl {
	width:460px;
	margin:auto;
	position:relative;
	text-align:left;
}

/****************************ZDJECIA UZYTKOWNIKA************************/

#bigImage {
	height:350px;
	overflow:hidden;
}

#profilImages {
	background:url(../images/profilImagesThumbsBg.jpg) no-repeat center top;
	height:192px;
	width:502px;
	margin:auto;
}	

#profImgsLft, #profImgsRgt {
	margin-top:42px;
	width:36px;
	height:104px;
	background:url(../images/profilImgsLft.jpg) no-repeat right top;
	display:inline;
	float:left;
}
#profImgsRgt {
	background:url(../images/profilImgsRgt.jpg) no-repeat left top;
}

#profImgs {
	display:inline;
	float:left;
	margin-top:42px;
	height:103px;
	line-height:104px;
	background-color:#c2d1e6;
	width:420px;
	vertical-align:middle;
	text-align:left;
}

img.profileImg {
	border:2px solid white;
	margin:5px;
	margin-top:16px;

}


.profImgsArr {
	margin-top:40px;
	cursor:pointer;
	border:0px;
}
/****************************AMBASADORKI******************************/
#ambsHolder {
	width:549px;
	margin-left:auto;
	margin-right:auto;
}

.ambItem {
	display:inline;
	float:left;
	width:183px;
	height:auto !important; 
	min-height:215px;
	height:215px;
}

.ambTop {
	background:url(../images/ambyTop.jpg) no-repeat left top;
	width:183px;
	height:15px;
}

.ambMdl {
	background:url(../images/ambyMdl.jpg) repeat-y left;
	width:183px;
	height:170px;
	text-align:left;
	overflow:hidden;
}

img.ambPic {
	margin-left:7px;
}

.ambBtm {
	background:url(../images/ambyBtm.jpg) no-repeat left top;
	height:54px;
	line-height:30px;	
	text-align:center;
}

a.ambName {
	color:#16437e;
	font-size:14px;
	font-weight:bold;
}

/*******************************PROFIL AMBASADORKI PYTANIA***************************/
.questItem, .questItemD {
	height:auto !important; 
	min-height:40px;
	height:40px;
	padding:10px;
	text-align:left;
}

.questItemD {
	background-color:#f2f7fc;
}

p {
	margin:0px;
	padding:0px;
}

p.quest {
	margin-left:26px;
	margin-right:26px;
	font-size:18px;
	color: #afb9c5;
}

p.ans {
	margin-left:26px;
	margin-right:26px;
	color:#16437e;
}
/************************************WIADOMOSCI****************************************/
.messItem {
	position:relative;
	width:515px;
	margin:auto;
}

.messReply {
	background:url(../images/messIcoReply.jpg) no-repeat left top;
	width:40px;
	height:26px;
	position:absolute;
	right:0px;
	z-index:2;
	top:22px;
	cursor:pointer;
}
.messDel {
	background:url(../images/messIcoDel.jpg) no-repeat left top;
	width:40px;
	height:22px;
	position:absolute;
	right:0px;
	z-index:2;
	top:0px;
	cursor:pointer;
}

.messHeader, .messHeaderNew {
	width:482px;
	height:51px;
	background:url(../images/messBg.jpg) no-repeat left top;
	position:relative;
	cursor:pointer;
	z-index:1;
}
.messHeaderNew {
	background: url(../images/messBgNew.jpg) no-repeat left top;
}
.messAutor, .messTitle {
	display:inline; 
	float:left;
	color:#16437e;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.messTitle{
	width:340px;
	font-weight:normal;
	line-height:40px;
}
.messAutor{
	width:100px;
	margin-left:20px;
	line-height:40px;
}

.messDate {
	position:absolute;
	right:15px;
	top:25px;
	font-size:10px;
	color:#c1cedf;	
}

.messContent {
	font-size:12px;
	text-align:left;
	margin-left:20px;
	width:450px;
	height:auto !important; 
	min-height:30px;
	height:30px;
	display:none;
}




