body {
	background-color: #f5f5f5;
	margin: 0;
	font-family: trebuchet ms, arial, geneva, verdana, sans-serif;
	font-size: 13px;
	color: #626262;
}



#container {
	width:770px;
	margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
}

#header{
	background-image: url('images/round-top.gif');
	background-position: top;
	background-repeat: no-repeat;
  height:100px;
	position:relative;
}

#content{
	background-color: #ffffff;
	position:relative;
}

#contentend{
	background-color: #ffffff;
	height:52px;
}

#footer{
  width:770px;
  background-image: url('images/round-bottom.gif');
  background-position: bottom;
	background-repeat: no-repeat;
  height:50px;
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #ededed;
}

#leftcol{
  width:545px;
  float:left;
  background-color: #ffffff;
  min-height:400px;
  position: relative;
}

#rightcol{
  width:225px; 
  float:left;
  background-color: #ffffff;
  min-height:400px;
  position: relative;
}

#boxgreen{
  background-image: url('images/box-green.gif');
  background-position: top;
	background-repeat: no-repeat;
	width:211px;
	padding:4px;
	padding-bottom:0px;
	height:126px;
	color: white;
	margin-top:4px;
}

#boxorange{
  background-image: url('images/box-orange.gif');
  background-position: top;
	background-repeat: no-repeat;
	width:211px;
	height:126px;
	padding-top:0px;
	padding:4px;
	color: white;
}

IMG.boxsmall{
  vertical-align:middle;
  padding:2px;
}

DIV.toptags{
  font-size:14px;
  color:#63CE15;
  border-bottom: 1px solid #ededed;
}
A{
  color:#52A813;
  text-decoration:underline;
}
A:visited{
  color:#52A813;
}
A:hover{
  color:#42890F;
}
A:visited:hover{
  color:#42890F;
}

A.toptags{
  color:#A1A1A1;
  text-decoration:underline;
}
A.toptags:visited{
  color:#A1A1A1;
}
A.toptags:hover{
  color:#000000;
}
A.toptags:visited:hover{
  color:#000000;
}

A.prezentlistadd{
  color:#57B414;
  text-decoration:underline;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  right:3px;
  bottom: 3px;
}
A.prezentlistadd:visited{
  color:#57B414;
}
A.prezentlistadd:hover{
  color:#000000;
}
A.prezentlistadd:visited:hover{
  color:#000000;
}

A.prezentlisttitlelink{
  color:#57B414;
  text-decoration:none;
}
A.prezentlisttitlelink:visited{
  color:#57B414;
}
A.prezentlisttitlelink:hover{
  color:#000000;
}
A.prezentlisttitlelink:visited:hover{
  color:#000000;
}



.avatar{
  border: 2px solid #D2E9ED;
}
.avatarusrname{
  font-family: georgia, serif;
  color: #DC3991;
  font-size:13px;
  font-weight:bold;
}

.barblue{
  background-image: url('images/bar-blue.jpg');
	background-position: left top;
	background-repeat: no-repeat;
  width:154px;
  height:29px;
  font-family: georgia, serif;
  color: #FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding-top:5px;
  padding-left:5px;
}

.barpink{
  background-image: url('images/bar-pink.jpg');
	background-position: left top;
	background-repeat: no-repeat;
  width:154px;
  height:29px;
  font-family: georgia, serif;
  color: #FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding-top:5px;
  padding-left:5px;
}

.barlight{
  background-image: url('images/bar-light.jpg');
	background-position: left top;
	background-repeat: no-repeat;
  width:581px;
  height:35px;
  font-family: georgia, serif;
  color: #073139;
  font-size:15px;
  font-weight:bold;
  padding-top:5px;
  padding-left:5px;
  margin-top:8px;
}


#bubble{
  background-image: url('images/bubble.jpg');
	background-position: left top;
	background-repeat: no-repeat;
  width:150px;
  height:150px;
  font-family: georgia, serif;
  color: #073139;
  font-size:11px;
  padding-top:30px;
  padding-left:13px;
}
.bubblewhite{
  font-family: georgia, serif;
  color: #ffffff;
  font-size:14px;
  font-weight:bold;
}


.mysitehead{
  padding-top:10px;
  margin-bottom:2px;
  font-family: georgia, serif;
  font-size:18px;
  font-weight:bold;
  color:#4BB3C8;
}

.mysitehead2{
  color:#E04097;
}

.ordinary{
  padding:12px;
  padding-top:0px;
  padding-right:25px;
  text-align:justify;
}

.ordinaryq{
  font-size:13px;
  padding:12px;
  padding-top:0px;
  padding-right:25px;
  text-align:justify;
  font-weight:bold;
}

.ordinaryq1{
  font-size:17px;
  padding:12px;
  padding-top:0px;
  padding-right:25px;
  text-align:justify;
  font-weight:bold;
}

.ordinaryq2{
  font-size:15px;
  padding:12px;
  padding-top:0px;
  padding-right:25px;
  text-align:justify;
  font-weight:bold;
}

.ordinaryq3{
  font-size:14px;
  padding:12px;
  padding-top:0px;
  padding-right:25px;
  text-align:justify;
  font-weight:bold;
}

H1.question{
  font-family: georgia, serif;
  color: #073139;
  font-size:18px;
  font-weight:bold;
}

.questiondate{
  color: #9CADB0;
  font-size:11px;
}
.questionanswers{
  color: #32A0B6;
  font-size:11px;
}

.textarea-odp{
  width:350px;
  height:100px;
}

.linkodp{
  font-size:13px;
  color:#DD3A91;
}

IMG{
  border:0px;
}

.ilosczyczen{
  margin:5px;
  width: 49px;
  height: 80px;
  font-size:30px;
  font-weight:bold;
  color: white;
  background-image:url('images/bubble-zyczy.gif');
  text-align: center;
  padding-top:6px;
  background-repeat: no-repeat;
  letter-spacing:-4px;
}

.prezentlist{
  position:relative;
  width:411px;
  border-right:1px solid #C5C5C5;
  vertical-align: top;
  font-size:13px;
  color: #5F5F5F;
  border-bottom: 1px solid #C5C5C5;
}
.prezentlisttitle{
  color: #57B414;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 4px;
  padding-bottom: 0px;
}
.prezentimg{
  padding: 6px;
}

A.prezentlisttitlelink1{
  color:#57B414;
  text-decoration:none;
  font-size: 14px
}
A.prezentlisttitlelink1:visited{
  color:#57B414;
}
A.prezentlisttitlelink1:hover{
  color:#000000;
}
A.prezentlisttitlelink1:visited:hover{
  color:#000000;
}

.awatarypopimg{
  margin:1px;
  margin-top:14px;
  border: 2px solid #E6E5E5;
}

A.awatarypopmore{
  color:#016E26;
  font-size:12px;
  font-weight:bold;
  vertical-align: 190%;
  text-decoration:none;
}
A.awatarypopmore:visited{
  color:#57B414;
}
A.awatarypopmore:hover{
  color:#000000;
}
A.awatarypopmore:visited:hover{
  color:#000000;
}

A.moreboxorange{
  color:#450D0D;
  font-weight:bold;
  text-decoration:underline;
  font-size: 12px;
}
A.moreboxorange:visited{
  color:#450D0D;
}
A.moreboxorange:hover{
  color:#000000;
}
A.moreboxorange:visited:hover{
  color:#000000;
}

A.pagingx
{
	color: #57B414;
	font-size: 12px;
	text-decoration: none;
	padding: 7px;
	border: 1px solid #57B414;
}
A.pagingxsel
{
	color: white;
	font-size: 12px;
	text-decoration: none;
	padding: 7px;
	font-weight:bold;
	border: 1px solid #57B414;
	background-color: #57B414;
}

.tags1,.tags2,.tags3,.tags4,.tags5,.tags6,.tags7,.tags8,.tags9,.tags10{
  color: #57B414;
  line-height: 21px;
  text-align:center;
}

.tags1:hover,.tags2:hover,.tags3:hover,.tags4:hover,.tags5:hover,.tags6:hover,.tags7:hover,.tags8:hover,.tags9:hover,.tags10:hover{
color:#B1DAFF;  
}

.tags1{
  font-size:11px;
  font-weight: normal;
}
.tags2{
  font-size:12px;
  font-weight: normal;
}
.tags3{
  font-size:13px;
  font-weight: normal;
}
.tags4{
  font-size:14px;
  font-weight: normal;
}
.tags5{
  font-size:15px;
  font-weight: normal;
}
.tags6{
  font-size:16px;
  font-weight: normal;
}
.tags7{
  font-size:17px;
  font-weight: normal;
}
.tags8{
  font-size:18px;
  font-weight: normal;
}
.tags9{
  font-size:20px;
  font-weight: normal;
}
.tags10{
  font-size:21px;
  font-weight: normal;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


div.workarea { padding:10px; float:left }

ul.draglist { 
    position: relative;
    width: 400px; 
    height:300px;
    background: #f7f7f7;
    border: 0px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist li {
    margin: 1px;
    cursor: move; 
}

ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
}


li.list1 {
    background-color: #ffffff;
    border:1px solid #7EA6B2;
    font-family: Trebuhet ms, Verdana, Arial, Sans-serif;
    color:#57B414;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
}

#user_actions { float:right }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #57B414;
	color: #FFF;
	font-size: 10px;
	padding: 2px;
	opacity: 0.9;
}
#zaprosZnajomych{
	background:url(../images/zaprosZnajomych.jpg) no-repeat;
	margin:10px 0 20px 4px;
	width:537px;
	height:186px;
}
#bookmarklet{
	width:537px;
	margin:5px 0 20px 4px;
	color:#626262;
	font-size:12px;
	font-family:trebuchet ms,arial,geneva,verdana,sans-serif
}
	#bookmarklet #looks{
		background:url(../images/bookmarklet_baner.jpg) no-repeat;
		width:537px;
		height:328px;
	}
	#bookmarklet #cotojest{width:537px;}
	#bookmarklet #cotojest h3{margin:0;padding:0;border:0;margin-top:20px;}
	#bookmarklet #cotojest p{margin:0;padding:0;border:0;margin-left:30px;padding-bottom:5px;padding-top:5px;border-bottom:1px solid #5DB216;}
	#bookmarklet #howto{margin-top:40px;margin-bottom:3px;}
	#bookmarklet #magicbutton{margin:0 auto;width:259px;height:45px;}
	#bookmarklet #magicbutton a{background:url(../images/addBookmarkletBT.png) no-repeat;display:block;width:259px;height:45px;color:#FFF;}
	
	#konkurs2008{margin:0 auto;width:537px;font-size:12px;font-family:trebuchet ms,arial,geneva,verdana,sans-serif; color:#333;}
		#konkurs2008 #ktitle{background:url(../images/k200801.png) no-repeat; width:537px; height:65px;text-indent:-9999em;}
		#konkurs2008 #ktitleu{color:#347625;font-size:18px;padding:10px 0px;text-align:center;}
		#konkurs2008 .ktexle{width:350px; color:#1c5284;}
		#konkurs2008 .ktexri{width:350px; color:#1c5284;}
		#konkurs2008 #kel01{background:url(../images/k200802.png) no-repeat; width:502px; height:195px; padding-top:20px; padding-left:35px;}
		#konkurs2008 #kel02{background:url(../images/k200803.png) no-repeat; width:387px; height:201px; padding-top:25px; padding-left:150px;}
		#konkurs2008 #kel03{background:url(../images/k200804.png) no-repeat; width:502px; height:200px; padding-top:40px; padding-left:35px;}
		#konkurs2008 #kel04{background:url(../images/k200805.png) no-repeat; width:387px; height:202px; padding-top:25px; padding-left:150px;}
		#konkurs2008 #kel05{background:url(../images/k200806.png) no-repeat; width:502px; height:196px; padding-top:30px; padding-left:35px;}
		#konkurs2008 #kmore{padding:20px;}