* {  border: 0;  padding: 0;  margin: 0; }

html {  height: 100% !important;  margin-bottom: 1px !important; }

body { 	background: #FFF /* url(/images/body_bg.png) center repeat-y */;
	color: #333;
	font-family: Tahoma, Verdana, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	line-height: 175%;
	font-size:11px ;
	margin: 0px;
	padding: 0px; /* required for Opera to have 0 margin */
	text-align: left; /* centers board in MSIE */
	z-index:10;
}

div { float:left; }
div.error {  font-weight: bold; color: #EA5200; }
div.ok { font-weight: bold; color:#72A32F; }

.row1 { background:#F9F9F9; border-top:1px solid #E0E0E0; }
.row2 {  border-top:1px solid #E0E0E0; }

img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}


a:link,
a:visited,
a:active{
	background: transparent;
	color: #173868;
	text-decoration: none;
}

a:hover{
	background: transparent;
	color: #444;
 	text-decoration: underline;	
}


input, select, textarea {
	font: 11px/1.3em Verdana, Tahoma, sans-serif;
	padding: 2px;
	margin: 0px;
	border-left: 1px solid #AFAEAA;	
	border-top: 1px solid #AFAEAA;	
	border-right: 1px solid #D5D5C8;	
	border-bottom: 1px solid #D5D5C8; 
	color: #444;
}

label {
	cursor: pointer;
	font-size:0.9em;
	padding: 0 5px 0 0;
}

label input {
	vertical-align: middle;
}

dd {margin:0px;}

#pager { width: 680px; text-align:center;}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

div.error {width:100%; color:#CF294D; font-weight:bold;}
div.ok {width:100%; color:#72A32F; font-weight:bold;}

label.error {	display:block;  font-weight: bold;  color: #EA5200; padding:0px; margin:0px; background: url();}
label.checked {display:inline;}


.caption { width:100%; float:none; display:block; overflow:hidden; text-align: left; color:#ff7200; font-weight:bold; border-bottom:1px solid #d2d2d2;}

hr { height: 1px; border:1px; background: #d2d2d2;}


form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}


/* = gora
************************************************************** */
.page-header a {color:#FFF;}
.page-header {width:100%; color:#fff; background: #303b4a url('/images/logo_bg.jpg') repeat-x; }

.page-header .top { width:900px; margin:0 auto; float:none;}
.page-header .top .left{ width:300px; text-align:left;}
.page-header .top .right { width:600px; text-align:right;}

.page-header .content { width:900px;  margin:0 auto; float:none; clear:both; padding:10px 0px 26px 0px;}
.page-header .logo { float:left; display:block; width:256px; height:43px; background: url('/images/logo.png') no-repeat; padding-bottom:27px;}
.page-header .reklama { float:right; }



/* = menu gorne
************************************************************** */

.menuNav { float:left;
margin-top:-8px;
background: url('/images/nav_bg.png') repeat-x;
width:100%;
height:36px;
z-index:2;
}

.menuNav ul {list-style: none;
padding: 10px 0px 0px 0px;
margin: 0px;
margin: 0px auto 0px auto;
width:760px;
}

.menuNav li {float:left;
display:inline;
margin:0px;
padding:0px;
}

.menuNav li a { padding: 5px 12px 3px 12px; margin-right:1px;}

.menuNav li a:hover { background: #303948 url(/images/bullet2.png) right bottom no-repeat; color: #fff;	text-decoration:none;}

.menuNav .sep {}
.menuNav .selected a { background: #303948 url(/images/bullet2.png) right bottom no-repeat; color: #fff;	text-decoration:none;}

/* = srodek
************************************************************** */



.page-body { width:100%; }
.page-body .content { width:900px; margin:0 auto; float:none; overflow:hidden;}
.page-body .content .content-left {float:right; width:200px; border-left:1px solid #D2D2D2; }
.page-body .content .content-right { float:left; width:690px; }

/* = dol
************************************************************** */
.page-footer { width:100%; background:#efefef url('/images/foot_bg.png') top repeat-x; }
.page-footer .content { width:900px; margin:0 auto; float:none; overflow:hidden;}

.page-footer .text {
padding:4px 0px;
background:#efefef url('/images/foot_bg.png') top repeat-x;
}

.page-footer div { width:100%; text-align:center; background:#EDEDED; border:0px;}

.page-footer .sep {
padding:0px 6px 0px 6px;
color:#999;
}


/* = boxDobrzeWiedziec
************************************************************** */



.boxDobrzeWiedziec .tytul {float:none;  text-align:left; font-weight:bold; font-size:14px;}
.boxDobrzeWiedziec .text {float:none;  text-align:left;}
.boxDobrzeWiedziec .imgBox img {margin:2px 4px 0px 0px; padding:1px; border:1px solid #d2d2d2;}
.boxDobrzeWiedziec .imgText { width:200px; clear:both; margin:1px 4px 0px 0px; padding:1px; border:1px solid #d2d2d2;}
.boxDobrzeWiedziec .text {line-height:160%;}

.boxDobrzeWiedziec .spon {clear:both;}
.boxDobrzeWiedziec .spon a { font-weight:bold; padding-left:15px; background: url('/images/a.png') 0px 4px no-repeat; }
.boxDobrzeWiedziec .sponsored a {font-weight:bold;}
.boxDobrzeWiedziec .newsList { padding-top: 20px; ;}
.boxDobrzeWiedziec .normal, .boxDobrzeWiedziec .sponsored {text-align:left; float:left; clear:both; width:100%;}
.boxDobrzeWiedziec .normal a,.boxDobrzeWiedziec .sponsored a { padding-left:15px; background: url('/images/a.png') 0px 4px no-repeat;}
.boxDobrzeWiedziec .newsList .more { width:100%; text-align:right;}

.boxDobrzeWiedziec .reklama { border-left:1px solid #D2D2D2; width:200px; padding:10px; }
.boxDobrzeWiedziec .left {width:490px;}
.boxDobrzeWiedziec .right {width:200px;}


.boxMyAccountPersonal {width:100%;}
.boxMyAccountPersonal .left span {color:red;}
.boxMyAccountPersonal .left { width:250px; padding:5px;}
.boxMyAccountPersonal .right { width:410px; text-align:left;padding:5px;}


.boxMyAccountDoswiadczenie .left {float:left; width:160px;padding:5px; font-weight:bold;}
.boxMyAccountDoswiadczenie .left span {color:red;}
.boxMyAccountDoswiadczenie .right {float:none; width:600px; text-align:left;padding:5px;}
.boxMyAccountDoswiadczenie .right textarea {width:400px; height:200px;}
.boxMyAccountDoswiadczenie .right .inputbox {width:400px;}



.boxZgloszenie div { overflow:hidden;}
.boxZgloszenie .left {float:left; width:100px; padding:5px; font-weight:bold;}
.boxZgloszenie .left span {color:red;}
.boxZgloszenie .right {float:left; width:550px; text-align:left;  padding:5px;}
.boxZgloszenie textarea {width:500px; height:100px;}

/* = czy wiesz ze
************************************************************** */
.boxCzyWiesz { padding:10px 0px; width:100%;}
.boxCzyWiesz .text {background:#FAFAFA; width:99%; padding: 0px 4px;}

/* = ranking
************************************************************** */

.boxRanking {padding:10px 0px;  width:100%;}

.boxRanking .left { background:#F9F9F9; width:210px; }
.boxRanking .left div { clear:both;}

.boxRanking .selected {  padding-left:15px; background: url('/images/a.png') 0px 4px no-repeat; }

.boxRanking .right div { width:100%; }

.boxRanking .right {  width:470px; padding-left:10px;}
.boxRanking .right p {background: url(/images/dotted_X.png) left bottom repeat-x;}
.boxRanking .right .more {display:block; text-align:right;}
.boxRanking .right a span {text-align:left;}


/* = nowosci
************************************************************** */
.boxTop {line-height:20px;}
.boxTop .left .content { background:url(/images/dotted_X.png) bottom repeat-x; width:340px;}
.boxTop .right .content { background:url(/images/dotted_X.png) bottom repeat-x; width:350px;  border-left:1px solid #D2D2D2; padding-left:5px;}
.boxTop .left { float:left; width:340px; }
.boxTop .right { float:left; width:350px;}

.menu { margin:5px 0px 0px 5px; }
.menu div {float:none;}

div.inner { padding:10px 4px 10px 4px; background:#fafafa; width:180px;}

.poll .question {font-weight:bold;}

/* = error.html
************************************************************** */

.boxErr { width:100%; min-height:450px; }
.boxErr .body { background:#BC2A4D; padding:5px 25px; color:#FFF; width:500px; margin:10% 10%; }
.boxErr .header {font-weight:bold; padding:4px 0px; text-align:center; width:100%;}
.boxErr .prev {font-weight:bold; padding:4px 0px; text-align:center; width:100%;}
.boxErr .prev a {color:#D4D4D4;}


/* = login
************************************************************** */


.boxLogin  {width:100%;}
.boxLogin .box1 { width:50%;}
.boxLogin .box1 .left { float:left; width:50px; font-weight:bold; color:#333; clear:both;padding:5px;}
.boxLogin .box1 .right {float:left;  width:200px;padding:5px;}


.boxLogin .box2 span {font-weight:bold;}
.boxLogin .box2 li {list-style: none; padding:4px 0px 4px 15px; background: url('/images/a.png') 0px 10px no-repeat;}

.boxRejestracja {width:100%;}
.boxRejestracja .left { float:left; width:250px; font-weight:bold; color:#333; clear:both;padding:5px;}
.boxRejestracja .left span { color:red; }
.boxRejestracja .right {float:left;  width:420px;padding:5px;}

/* = profil
************************************************************** */

.boxMyAccount .box0 {float:left;}
.boxMyAccount .box1 div {overflow:hidden;}
.boxMyAccount .box1 .info .i1 {font-size:14px; font-weight:bold; letter-spacing:1px; display:block;}
.boxMyAccount .box1 .info .i1 {font-size:14px; font-weight:bold; letter-spacing:1px;}
.boxMyAccount .box1 .left { float:left; clear:left; width:100px;padding:5px; font-weight:bold;}
.boxMyAccount .box1 .right { float:right; clear:right; width:550px; text-align:left;padding:5px;}


.boxMyAccount .box2 .boxExp {clear:both; width:100%; display:block;}
.boxMyAccount .box2 div {overflow:hidden;}
.boxMyAccount .box2 .left {float:left; clear:left; width:100px; padding:5px; font-weight:bold;}
.boxMyAccount .box2 .right {float:right; width:580px;text-align:left;padding:5px;}

/* = szukaj pracodawcy
************************************************************** */
.letter {width:100%;}
.letter thead td {font-weight:bold;}

/* = inne
************************************************************** */

.w {color:red;}
.btn { border:none; display: block; position: relative; background: #aaa; padding: 2px 4px 2px 4px; margin:1px 1px 1px 0px; float: left; color: #fff; text-decoration: none; cursor: pointer; }

.btn.blue { background: #424f64;  color:#FFF;}
.btn.red { background: #424f64;  color:#FFF;}
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red:hover { background-color: #a00;  color:#FFF;}
.btn:hover { background-color: #323b4a;  color:#FFF;}
.btn:active { background-color: #444; }
.btn[class] {  background-image: url('/images/shade.png'); background-position: bottom; }

.btn.float_none {float:none;}


/* = old
************************************************************** */


tr.row1 { background:#F9F9F9; border-top:1px solid #E0E0E0; }
tr.row2 {  border-top:1px solid #E0E0E0; }

table.optable,
tr.optable,
td.optable
{ 
	background:transparent;
	border-collapse: collapse;
	color: #333;	
 /*	font-size: x-small; */
	line-height: 150%;
	width:100%;
}
.optable tr {
	vertical-align:top;
	}
	
.optable td,.optable th { 
	padding: 5px;
	border-left:0px;
	border-right:0px;
}

.block-news-id .caption p {float:left;}
.block-news-id .caption span { color:#888; float:right; font-weight:normal;}
.block-news-id .header { float:none; font-size:14px; font-weight:bold;}
.block-news-id .google { float:right;}
.block-news-id .imgbox {float:left; }
.block-news-id .imgbox img {margin:2px 4px 0px 0px; padding:1px; border:1px solid #d2d2d2;}
.block-news-id .img_text { clear:both; width:200px; margin:1px 4px 0px 0px; padding:1px; border:1px solid #d2d2d2;}
.block-news-id .descr {float:none;}
.block-news-id .bottom {width:100%;}
.block-news-id .bottom .left { width:50%; height:10px; float:left; }
.block-news-id .bottom .right { height:10px; width:50%; float:right; text-align:right;}

#block-news thead p {font-size:14px; font-weight:bold;}


/* = partnerzy
************************************************************** */
.partners { padding:5px 0px; }
.partners .img {vertical-align:top;}
.partners .descr {padding:0px 5px;}




#css-view #profil th.nobg {	font-weight:bold; background:#FFF;/* text-transform:uppercase; */	letter-spacing: 2px; font-size:10pt; color:#01162B;}
#css-view #profil th {	text-align: left;	/* padding: 6px 6px 6px 12px; */	background: #EFEFEF; font-weight:normal;}
#css-view #profil .spec {	width:60px; background: #fff; font-style:italic;}
#css-view #profil caption {width: 98%;	text-align: right;}
#css-view .money input { padding:0px; margin:0px;}

#details {	border-collapse: collapse;	line-height: 150%; width:99%;}
#details caption {background:#fff; text-align:right;  }
#details td { 	border:1px solid #FFF; background:#fafafa; padding:2px;}
#details .c1 {width:200px;}
#details .c2 {width:50px;}
#details .c3 {width:160px;}
#details .spec {font-weight:bold;}
#details thead {background:#efefef; font-size: x-small; color:#ff7200;}
#details .row2 td {background:#FFF;}
#details tr:hover td{background:#efefef;}

#commentlist .comment.row1 { 
		background:#FFF;
}

#commentlist .comment.row2 { 
		background:#FAFAFA;
}

#commentlist .comment {
		border:1px solid #EFEFEF;
		border-left:0px;
		border-right:0px;
		margin-bottom:-1px;
		float: left;
		width: 698px;
}

#commentlist .author {
		letter-spacing:1px;
		padding: 8px 0px 0px 6px;
		width: 690px;
		height: 30px;
		float: left; 
}

#commentlist .author .iam span { 
		color:green; 
}

#commentlist .text {
		float: left;
		padding: 0px 18px 16px 20px;
		width: 670px;
		line-height: 18px;
}


table.linkor { width: 900px; margin:10px auto; text-align:left; padding:0px; text-align:left; clear:both;}
table.linkor a { color:#999999; font-size:10px;}
table.linkor a:hover { text-decoration:underline;}
table.linkor td span { color:000; font-size:7.2pt; font-family: verdana;}
table.linkor .first { color:#CACACA; }
table.linkor td {  padding:0px; margin:0px; }
table.linkor tr td, table.linkor tr {  border-bottom:1px solid #E6E6E6; }