/* -------------------- body, centrowanie, clear --------------------------------- */
body {
	background-color: #37516C;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #415A74;
	font-size: 11px;
	text-align: center;
}

a {
	color: #00CCFF;
	text-decoration: none;
}

a:hover {
	color: #64E2FF;
}

img.lay {
	border: 0 none;
	display: block;
}

img {
	border: 0px none;
}

form {
	margin: 0;
}

.clear {
	width: 100%;
	line-height: 0px;
	height: 0px;
	clear: both;
	margin: 0;
	display: block;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
	line-height: normal;
}

/* -------------------- content i centrowanie --------------------------------- */
#content {
	width: 950px;
	text-align: left;
	margin: 0 auto;
}

/* -------------------- top - logo i menu --------------------------------- */
#top {
	width: 950px;
	height: 165px;
	padding-bottom: 20px;
}

#top h1 {
	width: 325px;
	height: 142px;
	float: left;
	margin-right: 25px;
	background-image: url(pic/logo.jpg);
	background-repeat: no-repeat;
}

#top h1 a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top #menu {
	width: 600px;
	height: 142px;
	float: left;
	background-image: url(pic/podmenu.gif);
	background-repeat: no-repeat;
}

#top #menu p.linki {
	margin: 8px 0px 0px 0px;
	color: #37516C;
	text-align: center;
}

#top #menu p.linki a {
	padding: 4px 0px 4px 10px;
	color: #D0E7EA;
	background-image: url(pic/separator.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin-right: 10px;
}

#top #menu p.linki a:hover {
	color: White;
}

#top #menu p.linki a.first {
	background-image: none;
	padding: 5px 0px 5px 0px;
}

#top ul {
	margin: 30px 50px 25px 0px;
	width: 380px;
	float: left;
	padding: 0;
}

#top ul li {
	list-style: none none;
	margin: 0px 0px 10px 0px;
	background-position: 10px 5px;
	background-repeat: no-repeat;
	padding-left: 22px;
}

#top ul li.kto {
	background-image: url(pic/arrow-logowanie.gif);
	color: #CBCB33;
}

#top ul li.kto a,#top ul li.kto a:hover {
	color: #CBCB33;
}

#top ul li.kto-info {
	background-image: url(pic/arrow-logowanie-info.gif);
	color: #C5D2DD;
}

#top ul li.kto-info a,#top ul li.kto-info a:hover {
	color: #C5D2DD;
}

/* -------------------- boxy czyli tresc - jasne --------------------------------- */
#content #lewo {
	width: 675px;
	margin: 20px 25px 0px 0px;
	float: left;
}

#content #lewo #box-podwojny {
	width: 675px;
	background-image: url(pic/back-box.gif);
	background-repeat: repeat-y;
}

#content #lewo .jeden-box {
	width: 325px;
	float: left;
	margin-right: 25px;
}

#content #lewo .dwa-box {
	width: 325px;
	float: left;
}

#content #lewo #long-box {
	width: 675px;
	background-color: White;
	background-image: url(pic/foto-long.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content #lewo ul {
	margin: 10px 0px 10px 0px;
	width: 450px;
	padding: 0;
}

#content #lewo ul li {
	list-style: none none;
	margin: 0px 0px 10px 0px;
	background-position: 10px 5px;
	background-repeat: no-repeat;
	padding-left: 22px;
	background-image: url(pic/arrow-blue.gif);
}

#content h2 {
	background-repeat: no-repeat;
	height: 34px;
	padding-left: 15px;
	color: White;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	line-height: 34px;
}

#content h2 a {
	color: White;
}

#content h2.olive {
	background-image: url(pic/pod-head-olive.gif);
}

#content h2.blue {
	background-image: url(pic/pod-head-blue.gif);
}

#content h2.grey {
	background-image: url(pic/pod-head-grey.gif);
}

#content h2.dark-grey {
	background-image: url(pic/pod-head-dark-grey.gif);
}

#content #long-box h2.olive {
	background-image: url(pic/pod-head-long.gif);
}

#content #lewo #box-podwojny h3 {
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#content #lewo #box-podwojny .zamknij-boxy {
	margin: 0;
	padding: 0;
	background-image: url(pic/zamknij-box.jpg);
	width: 675px;
	height: 106px;
	line-height: 106px;
	clear: both;
	display: block;
	background-repeat: no-repeat;
}

#content #lewo #long-box .zamknij-long {
	margin: 0;
	padding: 0;
	background-image: url(pic/zamknij-long.jpg);
	width: 675px;
	height: 6px;
	line-height: 6px;
	clear: both;
	display: block;
	background-repeat: no-repeat;
}

p#zglos-pomoc {
	margin: 0px 0px 15px 0px;
	padding: 0;
	width: 443px;
	height: 25px;
	line-height: 25px;
}

p#zglos-pomoc a {
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 117px;
	height: 25px;
	margin-left: 10px;
	text-indent: -9999px;
	float: right;
}

p#zglos-pomoc a.zglos-oferte {
	background-image: url(pic/zglos-oferte.gif);
}

p#zglos-pomoc a.pomoc {
	background-image: url(pic/pomoc.gif);
}

#content #prawo {
	width: 250px;
	float: left;
}

#content #prawo .box {
	width: 250px;
	margin: 20px 0px 0px 0px;
	background-color: White;
}

#content #prawo .box#reklama {
	text-align: center;
}

.box#reklama img,.box#reklama object {
	display: block;
	margin: 2px auto 0px auto;
}

#content #prawo .box .zamknij-logowanie {
	margin: 0;
	padding: 0;
	background-image: url(pic/zamknij-logowanie.gif);
	width: 250px;
	height: 6px;
	line-height: 6px;
	display: block;
	background-repeat: no-repeat;
	clear: both;
}

#content #prawo .box .zamknij-user {
	margin: 0;
	padding: 0;
	background-image: url(pic/zamknij-user.jpg);
	width: 250px;
	height: 115px;
	line-height: 115px;
	display: block;
	background-repeat: no-repeat;
	clear: both;
}

p.startowa {
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	line-height: 1.5em;
}

p.startowa-data {
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	line-height: normal;
	font-size: 0.8em;
	color: #A9A9A9;
}

a.startowa-wiecej {
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 10px;
	background-image: url(pic/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#content #prawo .box dl {
	padding: 0;
	margin: 10px 0px 0px 10px;
}

#content #prawo .box dl dt {
	float: left;
	margin: 0px 10px 0px 0px;
}

#content #prawo .box dl dt a {
	padding: 1px;
	border: 3px solid #C5D2DD;
	display: block;
	margin-top: 3px;
}

#content #prawo .box dl dt a img {
	display: block;
}

#content #prawo .box dl dt a:hover {
	border: 3px solid #00CCFF;
}

#content #prawo .box dl dd {
	float: left;
	margin: 0;
}

#content #prawo .box dl dd a {
	font-weight: bold;
}

#content #prawo .box dl dd.spacer {
	float: none;
	clear: both;
	display: block;
	height: 10px;
	line-height: 10px;
}

dl.cva {
	width: 600px; 
}

/* -------------------- boxy czyli tresc - ciemne --------------------------------- */
#content #lewo #forum-box {
	width: 325px;
	float: left;
	margin: 20px 25px 0px 0px;
	background-color: #2C4661;
}

#content #lewo #forum-box ul {
	margin: 10px 0px 10px 0px;
	width: 300px;
	padding: 0;
	color: #C5D2DD;
}

#content #lewo #forum-box ul li {
	margin: 0px 0px 5px 0px;
}

#content #lewo #forum-box ul li span {
	color: #C5D2DD;
	font-size: 9px;
	display: block;
}

#content #lewo #reszta-box {
	width: 325px;
	float: left;
	margin: 20px 0px 0px 0px;
	color: #C5D2DD;
}

#content #lewo #reszta-box .box {
	margin: 0px 0px 20px 0px;
	background-color: #2C4661;
}

#content #lewo .zamknij-grey {
	margin: 0;
	padding: 0;
	background-image: url(pic/zamknij-grey.gif);
	width: 325px;
	height: 6px;
	line-height: 6px;
	display: block;
	background-repeat: no-repeat;
	clear: both;
}

/* -------------------- tutaj sa linki zamykajace boxy np. archiwum lub wiecej --------------------------------- */
a.zamykajacy {
	float: right;
	background-repeat: no-repeat;
	font-size: 9px;
	background-position: right 0px;
	padding: 2px 32px 0px 0px;
	display: block;
	height: 15px;
	line-height: 15px;
}

a.zamykajacy#link1 {
	background-image: url(pic/a-1.gif);
	margin-bottom: 20px;
}

a.zamykajacy#link2 {
	background-image: url(pic/a-2.gif);
	margin-bottom: 20px;
}

a.zamykajacy#link3 {
	background-image: url(pic/a-3.gif);
}

a.zamykajacy#link4 {
	background-image: url(pic/a-4.gif);
}

a.zamykajacy#link5 {
	background-image: none;
}

a.zamykajacy#link6,a.zamykajacy#link7,a.zamykajacy#podstrona {
	background-image: url(pic/a-czysty.gif);
}

/* -------------------- stopka --------------------------------- */
#stopka {
	width: 950px;
	margin: 30px 0px 30px 0px;
	border-top: 3px solid #2C4661;
	padding-top: 10px;
}

#stopka p#stopka-lewo {
	width: 290px;
	float: left;
	margin: 0px 60px 0px 0px;
	color: #9EB2C3;
}

#stopka p#stopka-prawo {
	width: 600px;
	float: left;
	height: 32px;
	line-height: 32px;
	background-image: url(pic/stopka.gif);
	background-repeat: no-repeat;
	margin: 0;
	text-align: center;
}

#stopka p#stopka-prawo a {
	padding: 4px 0px 4px 10px;
	color: #D0E7EA;
	background-image: url(pic/separator-down.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin-right: 10px;
}

#stopka p#stopka-prawo a:hover {
	color: White;
}

#stopka p#stopka-prawo a.first {
	background-image: none;
	padding: 5px 0px 5px 0px;
}

#info-small {
	font-size: 10px;
	text-align: right;
}

.td-light {
	padding: 3px;
	border-bottom: 1px solid #ededed;
	font-size: 10pt;
}

.td-light input,.td-light select,.td-light textarea {
	font-size: 11px;
	padding: 3px;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #415A74;
	border: 1px solid #a2b1bd;
}

.td-light input,textarea {
	width: 440px;
}

.td-light select {
	width: 445px;
}

.td-light textarea {
	height: 60px;
}

#but-wyczysc {
	border: none;
	margin-left: 195px;
	margin-top: 20px;
}

#but-zarejestruj {
	border: none;
	margin-left: 20px;
}

.gal-mini {
	border: 1px solid #94a9bb;
	width: 100px;
}

.gal-mini-img {
	border: 1px solid #e5e5e5;
	width: 100px;
	height: 90px;
}

/* ----------- BLOGI ----------- */
.blog-spec {
	width: 202px;
	height: 191px;
	background: url('../files/Image/gfx/border_blog.jpg') no-repeat top;
	float: left;
	margin-right: 3px;
	padding: 4px;
}

.blog-spec-title {
	height: 24px;
	background: url('../files/Image/gfx/title-blog.jpg') no-repeat top;
	color: #FFF;
	padding-top: 7px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
}

.blog-info {
	padding: 4px;
	font-size: 11px;
	line-height: 14px;
}

.blog-info img {
	border: 3px solid #a2b1bd;
	padding: 1px;
	float: left;
	margin-right: 5px;
}

.blog-info p {
	margin: 0;
	color: #00ccff;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	font-family: 'Arial Narrow';
}

.blog-opis {
	font-size: 10px;
	line-height: 14px;
	padding: 4px;
	height: 58px;
}

.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}

.blog-wiecej {
	text-align: right;
}

.akapit-oferta {
	font-weight: bold;
	font-size: 14px;
	color: #9f9f1e;
}

.oferta-button {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #becad4;
	text-align: right;
}

.porcjowanie a:link,.porcjowanie a:visited,.porcjowanie a:hover,.statyczny
	{
	margin-left: 5px;
	margin-right: 5px;
}

div#box-szukaj-praca {
	background: url('../files/Image/gfx/bg_szukaj_praca.jpg') no-repeat top;
	width: 620px;
	height: 57px;
	margin: auto;
	padding-top: 19px;
	margin-bottom: 10px;
}

#szukaj-oferty {
	width: 520px;
	margin-left: 80px;
}

#szukaj-oferty select {
	width: 170px;
}

#link-add-oferta {
	margin-right: 15px;
	text-align: right;
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e9f3;
	padding-bottom: 10px;
}

#link-add-oferta a:link,#link-add-oferta a:visited,#link-add-oferta a:hover
	{
	color: #79838c;
	font-weight: bold;
	font-size: 14px;
}

div#button-dane {
	height: 33px;
	margin-bottom: 15px;
	width: 644px;
}

div#button-dane span {
	width: 160px;
	height: 33px;
	float: left;
	display: block;
	cursor: pointer;
}

div#button-dane span.active_link_tab1 {
	background: url('../files/Image/gfx/tab1active.gif') no-repeat;
}

div#button-dane span.active_link_tab2 {
	background: url('../files/Image/gfx/tab2active.gif') no-repeat;
}

div#button-dane span.active_link_tab3 {
	background: url('../files/Image/gfx/tab3active.gif') no-repeat;
}

div#button-dane span.active_link_tab4 {
	background: url('../files/Image/gfx/tab4active.gif') no-repeat;
}

div#button-dane span.disabled_link_tab1 {
	background: url('../files/Image/gfx/tab1.gif') no-repeat;
}

div#button-dane span.disabled_link_tab2 {
	background: url('../files/Image/gfx/tab2.gif') no-repeat;
}

div#button-dane span.disabled_link_tab3 {
	background: url('../files/Image/gfx/tab3.gif') no-repeat;
}

div#button-dane span.disabled_link_tab4 {
	background: url('../files/Image/gfx/tab4.gif') no-repeat;
}

#shoutbox {
	overflow: auto;
	width: 250px;
	height: 150px;
}

#shoutbox li {
	display: block;
	text-align: left;
	background-image: none;
	padding: 2px;
	padding-right: 5px;
	color: black;
	width: 180px;
}

#shoutbox li.a {
	width: 180px;
	color: black;
}

#duzy_shoutbox li.b {
	background-color: #EEFFEE;
}

#duzy_shoutbox li.b div.imie {
	float: right;
}

#shoutbox li.b {
	width: 180px;
	background-color: #EEFFEE;
}

shoutbox li.b div.imie a {
	color: navy;
}

#shoutbox p {
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 10px;
	text-align: justify;
}

#shoutbox .imie {
	width: 100%;
	text-align: right;
}

#shoutbox .li .a {
	
}

#shoutbox a.usun {
	color: black;
}

#shoutbox div.data {
	float: left;
}

#window #inner form input {
	margin: 10px;
}

.grupy_box {
	position: relative;
	width: 300px;
	height: 150px;
	float: left;
}

.grupy_box .foto {
	position: absolute;
	top: 0px;
	left: 0px;
	border:1px solid blue;
}

.grupy_box .nazwa {
	position: absolute;
	top: 0px;
	left: 100px;
	border-bottom: 1px solid #c5c529;
	width: 180px;
}

.grupy_box .czlonkowie {
	position: absolute;
	top: 25px;
	left: 100px;
}

.grupy_box .ostatni {
	position: absolute;
	top: 50px;
	left: 100px;
}

.grupy_box .na_forum {
	position: absolute;
	top: 90px;
	left: 0px;
}
