/************************************************************ layout */
* {
	padding: 0px;
	margin: 0px;}

html, body {
	width: 100%;
	height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #600;
	}

#page  {
	width: 100%;
	height: 100%; }

#top {
	background: transparent url('../gfx/top_.gif') center repeat-x;
	width: 100%;
	height: 170px;
	}

#head {
	background: transparent url('../gfx/head_.gif') no-repeat center;
	width: 1000px;
	height: 170px;
	margin: 0px auto;
	padding: 0;
	}

#mid { 
	background: transparent url('../gfx/mid.gif') top center repeat-y;
	width: 100%;
	}

#main {
	position: relative;
	background: transparent url('../gfx/main_back.gif') no-repeat center top;
	width: 1000px;
	margin: 0px auto;
	height: 100%;
	padding: 0;
	}

#bot {
	background: transparent url('../gfx/bottom.gif') center repeat-x;
	width: 100%;
	height: 110px;
	}

#foot {
	background: transparent url('../gfx/foot.gif') no-repeat;
	width: 980px;
	height: 110px;
	margin: 0px auto;
	padding: 0;
	}

#left {
	width: 259px;
	float: left;
	}

#right {
	margin-top: 120px;
	width: 741px;
	float: left;
	}

#content_s {
	width: 480px;
	float: left;
	}

#content_n {
	width: 710px;
	float: left;
	}

#right_col {
	margin-left: 10px;
	width: 220px;
	float: left;
	}

.clr {
	clear: both;
	}

#baner {
	position: absolute;
	left: 243px;
	top: 5px;
	}

/************************************************************ header */

#topbox {
	width: 259px;
	height: 170px;
	float: left;
	}

#logo, #logo a {
	width: 259px;
	height: 109px;
	display: block;
	}

#search {
	width: 259px;
	height: 61px;
	}

#logout {
	width: 680px;
	height: 25px;
	float: right;
	margin:  5px 20px 0 0;
	}

#profil {
	width: 700px;
	height: 83px;
	float: right;
	margin: 17px 10px 0 0;
	}

/************************************************************ footer */

#footmenu {
	padding: 27px 0 0 25px;
	width: 580px;
	height: 20px;
	font-weight: normal;
	color: #aaa;
	}

#footmenu a{
	margin: 0 5px;
	font: bold 11px arial;
	color: #fff;
	text-decoration: none;
	}

#footmenu a:hover{
	text-decoration: underline;
	color: #ff4e00;
	}

#footcopy {
	padding: 45px 0 0 30px;
	width: 580px;
	height: 17px;
	font: italic normal 11px arial;
	color: #4f1206;
	}

/************************************************************ form wyszukiwarka */

#searchform {
	position: absolute;
	padding: 24px 0 0 22px;
	height: 17px;
	}

#searchform input {
	border: 3px #ae7ec2 solid; 
	width: 170px;
	font-size: 11px;
	height: 13px;
	}

#searchform input:hover {
	border: 3px #d8b8e5 solid; 
	}

#searchform input:focus {
	border: 3px #ffba00 solid; 
	}

#searchbutton {
	position: absolute;
	padding: 22px 0 0 200px;
	height: 34px;
	}

#searchadv {
	position: absolute;
	padding: 44px 0 0 55px;
	height: 34px;
	}

#searchadv a {
	font: bold 10px Arial;
	text-decoration: none;
	color: #aaa;
	}

#searchadv a:hover {
	color: #fff;
	text-decoration: none;
	}

/************************************************************ login form - zaloguj */

#login {
	width: 450px;
	padding-left: 5px;
	display: block;
	}

#login .witamy {
	float: left;
	font: bold 12px Arial;
	color: #a00;
	padding: 4px 11px 0 0;
	}

#login input.form { 
	background: #fffcd5;
	padding: 1px;
	font: normal 11px Arial;
	color: #700;
	border-color: #c6a860;
	border-style: dashed;
	border-width: 0 0 1px;
	width: 90px;
	margin-bottom: 2px;
	}

#login input:hover.form, #login input:focus.form { 
	border-color: #9c7729;
	background: #fffeef;
	}

#login input:focus.form { 
	border-color: #b00;
	border-style: dotted;
	background: #fffeef;
	}

#login input.loginbutton {  
	background: url(../gfx/login_button.gif) no-repeat 0 1px; 
	font: bold 17px Arial;
	letter-spacing: -1px;
	width: 99px;
	height: 20px;
	border: 0;
	color: #600; 
	padding: 0 0 0 10px; 
	}

#login input:hover.loginbutton {
	cursor: pointer;
	color: #d00; 
	}

/************************************************************ gorny pasek zalogowany / wyloguj */

#logoutback {
	background: transparent url('../gfx/logout_back.gif') no-repeat;
	width: 275px;
	height: 21px;
	float: right;	
	padding: 3px 15px 0 0;
	font: bold 11px Arial;
	text-align: right;
	color: #500;
	}

#logoutback a {
	color: #b00;
	text-decoration: none;
	}

#logoutback a:hover {
	text-decoration: underline;
	color: #ff4e00;
	}

/************************************************************ belka dodaj przedmiot / moje freeko / masz X freeko */

#profilmenu {
	background: transparent url('../gfx/menuprofil_back.gif') no-repeat;
	padding: 13px 0 0 40px;
	width: 500px;
	height: 32px;
	float: right;	
	}

#profilmenu ul li {
	display: inline;
	list-style-type: none;
	}

#profilmenu ul li a {
	background: url(../gfx/menuprofil_li.gif) no-repeat;
	height: 23px;
	padding: 0px 15px 0  0 ;
	margin-left: 3px;
	float: left;
	display: block;
	font: bold 16px Arial;
	color: #491500;
	text-decoration: none;
	letter-spacing: -1px; 
	}

#profilmenu ul li a:hover {
	background-position: 0 -23px;
	color: #c00;
	}

.add {
	background: transparent url('../gfx/i_add.gif') no-repeat;
	width: 21px;
	height: 19px;
	float: left;
	}

.profil {
	background: transparent url('../gfx/i_profil.gif') no-repeat;
	width: 21px;
	height: 19px;
	float: left;
	}

.profil_blink {
	background: transparent url('../gfx/i_profil_.gif') no-repeat;
	width: 21px;
	height: 19px;
	float: left;
	}

.freeko {
	background: transparent url('../gfx/i_freeko.gif') no-repeat;
	width: 21px;
	height: 19px;
	float: left;
	}

.sep {
	background: transparent url('../gfx/sep.gif') no-repeat;
	padding-left: 15px;
	width: 1px;
	height: 19px;
	float: left;
	}

/************************************************************ menu górne - start, faq, etc.. */

#topmenu {
	width: 712px;
	height: 30px;
	float: right;	
	}

#topmenu ul {
	padding-right: 30px;
	display: inline;
	list-style-type: none;
	float: right;
	height: 22px;
	}

#topmenu ul li {
	display: inline;
	}

#topmenu ul li a {
	padding: 0 9px;
	height: 22px;
	display: block;
	float: left;
	}

#topmenu ul li a:hover {
	background-position:0 -22px;
	}

.start {
	width: 52px;
	background: transparent url('../gfx/m_start.gif') no-repeat;
	}

.rejestracja {
	width: 105px;
	background: transparent url('../gfx/m_rejestracja.gif') no-repeat;
	}

.faq {
	width: 49px;
	background: transparent url('../gfx/m_faq.gif') no-repeat;
	}

.forum {
	width: 66px;
	background: transparent url('../gfx/m_forum.gif') no-repeat;
	}

.kontakt {
	width: 81px;
	background: transparent url('../gfx/m_kontakt.gif') no-repeat;
	}

.promocja {
	width: 95px;
	background: transparent url('../gfx/promo1.gif') no-repeat;
	}

/************************************************************ kategorie i podkategorie*/

#kattop {
	background: transparent url('../gfx/kat_top.gif') no-repeat;
	width: 259px;
	height: 37px;
	}

#katitem {
	background: transparent url('../gfx/kat_back.gif');
	padding-left: 37px;
	}

#katitem ul li, #katitem ul ul li {
 	text-align: left;	list-style-type:none;
	}

#kat .form input, #kat .form select {
	padding: 1px;
	width: 140px;
	font: normal 10px arial;
	color: #9b6f59;
	border-color: #c6a860;
	border-style: none none dashed;
	border-width:0 0 1px;
	}

#katitem ul li a {
	background: url(../gfx/kat_item.gif) no-repeat;
	padding: 2px 0 0 20px ;
	text-decoration: none;
	font: bold 15px Arial;
	color: #3d1300;
	height: 22px;
	display: block;
	}

#katitem ul li span {
	color: #cd5959;
	font: normal 11px Arial;
	}

#katitem ul li a:hover, #katitem ul li a.selected{
	color: #e00;
	background-position: 0px -24px;
	}

#katitem ul ul li a {
	background: url(../gfx/kat_subitem.gif) no-repeat;
	padding: 2px 0 0 30px;
	text-decoration: none;
	font: bold 11px Arial;
	color: #3d1300;
	height: 18px;
	display: block;
	}

#katitem ul ul li a:hover, #katitem ul ul li a.selected {
	color: #e00;
	background-position: 0px -20px;
	}

#katshowall {
	background: transparent url('../gfx/kat_showall.gif') no-repeat;
	width: 210px;
	height: 20px;
	padding: 12px 0 0 49px;
	}

#katshowall a {
	text-decoration: none;
	font: bold 11px Arial;
	color: #ffea00;
	}

#katshowall a:hover {
	text-decoration: underline;
	color: #ffa200;
	}

#katbottom {
	background: transparent url('../gfx/kat_bottom.gif') no-repeat;
	width: 259px;
	height: 15px;
	}

/************************************************************ boxy z lewej i prawej */

.box_left {	
	margin:0;
	padding-right:30px;
	float: right;
	margin-bottom: 10px;
	}

.box_left input, .box_left select { 
	padding: 1px;
	width: 150px;
	font: normal 10px arial;
	color: #9b6f59;
	border-color: #c6a860;
	border-style: none none dashed;
	border-width:0 0 1px;
	margin: 5px;
	}

.box_right {	
	padding-right:10px;
	float: right;
	margin-bottom: 10px;
	}

.boxhead {
	background: transparent url('../gfx/box_head_.gif') no-repeat;
	width: 186px;
	height: 25px;
	color: #fff;
	font: bold 12px Arial;
	padding: 9px 0 0 12px;
	}

.boxcontent {	
	background: transparent url('../gfx/box_back.gif') repeat-y;
	width: 167px;
	color: #000;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 15px 5px 10px;
	margin-left: 6px;
	}

.boxcontent li{	
	line-height: 13px;
	margin: 2px 0;
	}

.boxbottom {	
	background: transparent url('../gfx/box_bottom.gif') center no-repeat;
	width: 193px;
	height: 10px;
	margin-left: 3px;
	line-height: 1px; font-size: 1px; /*dla ie6*/
	}

.boxcontent a, .boxcontent ul li a  {
	font-weight: bold;
	text-decoration: none;
	color: #900;
	}

.boxcontent a:hover, .boxcontent ul li a:hover  {
	color: #ff4e00;
	text-decoration: underline;
	}

.boxcontent ul li{
	clear: both;	
	list-style-type:none;
	width: 160px;
	float: left;
	padding: 0 0 0 10px;
	background: transparent url('../gfx/box_li.gif') no-repeat 0 5px;
	}


/************************************************************ zółty info box na glownej i po zalogowaniu */

#infobox {	
	background: transparent url('../gfx/info_back.gif') repeat-y;
	color: #400;
	font-size: 11px;
	line-height: 14px;
	padding:10px 10px 0;
	width:442px; 
	}

#infobox span {
	color: #e00;
	}

#infoboxbottom {	
	background: transparent url('../gfx/info_bottom.gif') center no-repeat;
	width: 472px;
	height: 25px;
	}

/************************************************************ button wkrec znajomych */

a.wkrecznajomych {	
	background: transparent url('../gfx/button_wkrec.gif') center no-repeat;
	width: 480px;
	height: 50px;
	padding: 25px 0 0 0px;
	font: bold 17px Arial;
	color: #600;
	display: block;
	text-decoration: none;
	text-align: center;
	}

a:hover.wkrecznajomych {	
	text-decoration: none;
	color: #d00;
	}

/************************************************************ wspolne elementy listy przedmiotow */

.listsmall a, .listbig a {
	font: bold 12px Arial;
	text-decoration: none;
	color: #800;
	}

.listsmall a.p, .listbig a.p {
	background: url('../gfx/i_premium.gif')  no-repeat;
	padding-left: 20px;
	font: bold 12px Arial;
	text-decoration: none;
	color: #c00;
	}

.listsmall a.w, .listbig a.w {
	background: url('../gfx/i_time.gif')  no-repeat;
	padding-left: 20px;
	font: bold 12px Arial;
	text-decoration: none;
	color: #c2958b;
	}

.listsmall img, .listbig img, .listprofil img { 
	border: 1px #ba8157 dotted;
	}

.listsmall img.p, .listbig img.p, .listprofil img.p  { 
	border: 1px #e00 solid;
	}
.listsmall img:hover, .listbig img:hover, .listprofil img:hover, .listsmall img:hover.p, .listbig img:hover.p, .listprofil img:hover.p  { 
	border-bottom: 2px #ff4e00 solid
	}

.listsmall a:hover, .listbig a:hover, .listprofil a:hover, .listprofilmsg a:hover, .listsmall a.p:hover, .listbig a.p:hover, .listprofil a.p:hover  {
	text-decoration:underline;
	color: #ff4e00;
	}

.listsmall td, .listbig td, .listprofil td  { 
	padding: 0 3px 3px 3px;
	}

.red {
	font-weight: bold;
	color: #f00; 
	}

.green {
	font-weight: bold;
	color: #0a0;
	}

.ile {
	color: #efa300;
	font-weight: bold;
	}

.blue {
	font-weight: bold;
	color: #00e;
	}

.gray {
	font-weight: bold;
	color: #999;
	}

.verif {
	background:transparent url(../gfx/verif.gif) no-repeat 0 1px;
	padding-left: 9px;
	color: #0a0;
	font: normal 9px Arial;
	}

.noverif {
	background:transparent url(../gfx/noverif.gif) no-repeat 0 1px;
	padding-left: 9px;
	color: #f00;
	font: normal 9px Arial;
	}

a.user {
	background:transparent url(../gfx/i_who.gif) no-repeat 0 2px;
	padding-left: 12px;
	font: bold 10px Arial;
	text-decoration: none;
	color: #600;
	text-align: center;
	}

a.user_w {
	background:transparent url(../gfx/i_who.gif) no-repeat 0 2px;
	padding-left: 12px;
	font: bold 10px Arial;
	text-decoration: none;
	color: #C2958B;
	text-align: center;
	}

a.open {
	background:transparent url(../gfx/i_em_open.gif) no-repeat 0 -1px;
	display: block;
	height: 14px;
	padding-left: 17px;
	font: bold 10px Arial;
	text-decoration: none;
	color: #600;
	text-align: center;
	}

a.close {
	background:transparent url(../gfx/i_em_close.gif) no-repeat 0 -1px;
	display: block;
	height: 14px;
	padding-left: 17px;
	font: bold 10px Arial;
	text-decoration: none;
	color: #600;
	text-align: center;
	}

/************************************************************ lista przedmiotow mała (na glownej)  */

.listsmall {
	width: 470px;
	}

.listsmall tr.row, .listsmall tr.row_w {
	height: 57px;
	background: url('../gfx/row_s_back1.gif') bottom repeat-x;
	}

.listsmall tr.row_, .listsmall tr.row_w_ {
	height: 57px;
	background: url('../gfx/row_s_back2.gif') bottom repeat-x;
	}

.listsmall tr.row_p {
	height: 57px;
	background: url('../gfx/row_sp_back1.gif') bottom repeat-x;
	}

.listsmall tr.row_p_ {
	height: 57px;
	background: url('../gfx/row_sp_back2.gif') bottom repeat-x;
	}

tr.tablehead th {
	border-bottom: 1px dotted #c68c68;
	border-top: 1px dotted #e9d7c0;
	padding: 2px 0;
	text-align: center;
	color: #500;
	}

tr.tablehead a{
	display: inline;
	padding: 0;
	margin: 0;
	text-align: center;
	font: bold 9px Arial;
	}

tr.tablehead a:hover{
	text-decoration: underline;
	color: #ff4e00;
	}

tr.tablehead a.up{
	background: url('../gfx/up.gif') no-repeat 0 3px;
	padding-left: 7px;
	text-decoration: none;
	color: #d00;
	}

tr.tablehead a.down {
	background: url('../gfx/down.gif') no-repeat 0 3px;
	padding-left: 7px;
	text-decoration: none;
	color: #d00;
	}

/************************************************************ lista przedmiotow duza, glowna */

.listbig {
	width: 690px;
	text-align: center;
	color: #600;
	font-size: 10px;
	font-weight: bold;
	}

.listbig tr.row, .listbig tr.row_w  {
	background: url('../gfx/row_s_back1.gif') bottom repeat-x;
	height: 70px;
	}

.listbig tr.row_, .listbig tr.row_w_  {
	background: url('../gfx/row_s_back2.gif') bottom repeat-x;
	height: 70px;
	}

.listbig tr.row_p {
	background: url('../gfx/row_sp_back1.gif') bottom repeat-x;
	height: 70px;
	}

.listbig tr.row_p_ {
	background: url('../gfx/row_sp_back2.gif') bottom repeat-x;
	height: 70px;
	}

/************************************************************ lista przedmiotow i wiadomosci w profilu */

.listprofil tr.row {
	height: 50px;
	background: url('../gfx/row_s_back1.gif') bottom repeat-x;
	}

.listprofil tr.row_ {
	height: 50px;
	background: url('../gfx/row_s_back2.gif') bottom repeat-x;
	}

.listprofilmsg tr.row {
	height: 30px;
	background: url('../gfx/row_s_back1.gif') bottom repeat-x;
	}

.listprofilmsg tr.row_ {
	height: 30px;
	background: url('../gfx/row_s_back2.gif') bottom repeat-x;
	}

.listprofil, .listprofilmsg {
	font: normal 10px Arial;
	padding-top: 10px;
	width: 680px;
	text-align: center;
	color: #600;
	}

.listprofil a, .listprofilmsg a {
	font: bold 10px Arial;
	text-decoration: none;
	color: #600;
	text-align: left;
	}

.listprofil a.koment_poz, .listprofilmsg a.koment_poz{
	color: #090;
	text-align: center;
	}

.listprofil a:hover.koment_poz, .listprofilmsg a:hover.koment_poz {
	text-decoration: none;
	border: 0px;
	text-align: center;
	color: #090;
	}

.listprofil a.koment_neg, .listprofilmsg a.koment_neg{
	text-decoration: none;
	text-align: center;
	color: #e00;
	}

.listprofil a:hover.koment_neg, .listprofilmsg a:hover.koment_neg{
	text-decoration: none;
	border: 0px;
	text-align: center;
	color: #e00;
	}

/************************************************************ metki freeko małe  */

.freeko_small a {		
	width: 38px;
	height: 25px;
	padding: 22px 55px 0 0;
	float: left;
	text-align: right;
	font: bold 17px Arial;
	text-decoration: none;
	color: #ffb400;
	letter-spacing: -1px;
	}

.freeko_small a:hover {		
	border: 0px;
	background-position: -1px 0;
	text-decoration: none;
	color: #fff;
	-moz-opacity: 0.9; 
	opacity: .90;
	filter:alpha(opacity=90);
	}

.small_red a {		
	background: transparent url('../gfx/freeko_s_red.gif') center no-repeat;
	}

.small_brown a {		
	background: transparent url('../gfx/freeko_s_brown.gif') center no-repeat;
	}

.small_gray a {		
	background: transparent url('../gfx/freeko_s_gray.gif') center no-repeat;
	}

.small_yellow a {		
	background: transparent url('../gfx/freeko_s_yellow.gif') center no-repeat;
	}

.small_violet a {		
	background: transparent url('../gfx/freeko_s_violet.gif') center no-repeat;
	}

.small_blue a {		
	background: transparent url('../gfx/freeko_s_blue.gif') center no-repeat;
	}

.small_green a {		
	background: transparent url('../gfx/freeko_s_green.gif') center no-repeat;
	}

.small_your a {		
	background: transparent url('../gfx/freeko_s_your.gif') center no-repeat;
	}

/************************************************************ metki freeko duże  */

.freeko_big a {		
	width: 50px;
	height: 30px;
	padding: 30px  62px 0 0 ;
	float: left;
	text-align: right;
	font: bold  19px Arial;
	text-decoration: none;
	color: #ffb400;
	letter-spacing: -1px;
	}

.freeko_big a:hover {		
	border: 0px;
	background-position: -1px 0;
	text-decoration: none;
	color: #fff;
	-moz-opacity: 0.9; 
	opacity: .90;
	filter:alpha(opacity=90);
	}

.big_red a {		
	background: transparent url('../gfx/freeko_b_red.gif') center no-repeat;
	}

.big_brown a {		
	background: transparent url('../gfx/freeko_b_brown.gif') center no-repeat;
	}

.big_gray a {		
	background: transparent url('../gfx/freeko_b_gray.gif') center no-repeat;
	}

.big_yellow a {		
	background: transparent url('../gfx/freeko_b_yellow.gif') center no-repeat;
	}

.big_violet a {		
	background: transparent url('../gfx/freeko_b_violet.gif') center no-repeat;
	}

.big_blue a {		
	background: transparent url('../gfx/freeko_b_blue.gif') center no-repeat;
	}

.big_green a {		
	background: transparent url('../gfx/freeko_b_green.gif') center no-repeat;
	}

.big_your a {		
	background: transparent url('../gfx/freeko_b_your.gif') center no-repeat;
	}

/************************************************************ scieźka (nad lista)*/

#path  {	
	color: #927979;
	}

#path a {
	font: bold 10px Arial;
	text-decoration: none;
	color: #600;
	text-align: left;
	}

#path a:hover {
	color: #c00;
	}

/************************************************************ strony podzial (pod lista)*/

#pages_bar {
	padding: 4px 0; 
	width: 685px;
	height: 20px;
	}

#pages {
	padding-top: 4px;
	width: 630px;
	float: left;
	color: #7b5a50;	
	font: normal 10px Arial;
	}

#pages a { 
	text-decoration: none;
	color: #7b5a50;
	text-align: left;
	font: bold 10px Arial;
	}

#pages a:hover {
	text-decoration: underline;
	color: #ff4e00;
	text-align: left;
	}

#pages a.selected {
	text-decoration: none;
	color: #c00;
	text-align: left;
	}

#ilestron {	
	color: #927979;	
	font: bold 10px Arial;
	width: 50px;
	float: right;
	}

select.styled {
	position:relative;
	width:60px;
	z-index:5;
	opacity:0;
	filter: alpha(opacity=0);
	}

span.select {
	background:transparent url(../gfx/select.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	font: bold 12 px Arial;
	height:20px;
	line-height:20px;
	overflow:hidden;
	padding:0 36px 0 8px;
	position:absolute;
	width:24px;
	}

/************************************************************ nagłówki i inne*/

h1 {
	background: transparent url('../gfx/head1.gif') bottom no-repeat;
	width: 436px;
	height: 23px;
	font: bold  19px Arial;
	color: #800;
	letter-spacing: -1px;
	margin: 0px 0 10px 0;
	padding: 0px 0 0 0px;
	}

h2 {
	background: transparent url('../gfx/head2.gif') left no-repeat;
	width: 452px;
	height: 24px;
	font: bold  19px Arial;
	color: #800;
	letter-spacing: -1px;
	margin: 4px 0 5px 0;
	padding: 1px 0 0 26px;
	}

h3 {
	background: transparent url('../gfx/head3.gif') left no-repeat;
	width: 686px;
	height: 24px;
	font: bold  19px Arial;
	color: #800;
	letter-spacing: -1px;
	margin: 10px 0 5px 0;
	padding: 1px 0 0 26px;
	}

h4 {

	width: 686px;
	font: bold  14px Arial;
	color: #800;
	letter-spacing: -1px;
	margin: 10px 0 0 0;
	padding: 1px 0 0 5px;
	border-bottom: 1px #f2ebd6 dotted;
	}

p { padding: 5px 10px;
	font-size: 12px;
	line-height: 16px; 
	}

p a, td a, #infobox  a {
	color: #b00;
	text-decoration: none;
	font-weight: bold;
	}

p a:hover, td a:hover, #infobox a:hover {
	color: #ff4e00;
	text-decoration: underline;
	}


hr { 
	padding: 3px 0; 
	margin-bottom: 5px;
	color: #fbf7cf;
	background-color: inherit;
	border: 1px dotted #ccb18e;
	border-style: none none dotted; 
	width: 100%;
	}

.error {
	background: transparent url('../gfx/err1.gif') no-repeat 0 0px;
	font-weight: bold;
	color: #e00; 
	padding: 0 0 0 21px;
	font-style: italic;
	display: block;
	height: 16px;
	margin:15px 0px;
	}

.form_error {
	font: bold 10px Arial;
	color: #e00; 
	font-style: italic;
	display: block;
	}

.ok {
	background: transparent url('../gfx/ok1.gif')  no-repeat 0 0px;
	font-weight: bold;
	color: #90c100; 
	padding: 0 0 0 21px;
	font-style: italic;
	display: block;
	margin:15px 0px;
	}

.warn {
	background: transparent url('../gfx/wrn1.gif') no-repeat 0 -1px;
	font-weight: bold;
	color: #e00; 
	padding: 0 0 0 21px;
	font-style: italic;
	height: 16px;
	margin:15px 0px;
	}

a.wiecej {	clear:both;
	background: transparent url('../gfx/i_more.gif') no-repeat 0 2px;
	margin-left: 10px;
	padding-left: 13px;
	font-weight: bold;
	color: #f74001 !important;
	font-style: italic;
	}

a:hover.wiecej {
	font-weight: bold;
	color: #f00; 
	font-style: italic;
	}

.px17 {
	font-size: 17px; }

.px14 {
	font-size: 14px; }

ul.list  { 
	list-style-type:none;
	padding-bottom: 6px;
	}

ul.list  li { 
	font: normal 12px Arial;
	padding: 3px 0 0 15px;
	margin: 0 0 0 10px;
	background: transparent url('../gfx/box_li.gif') no-repeat 0 7px;
	}

ul.list  li a {	 
	font-weight: bold;
	text-decoration: none;
	color: #900;
	}

ul.list  li a:hover {
	color: #ff4e00;
	text-decoration: none;
	border-bottom: 1px dotted;
	}  
 
#dhtmltooltip {
	position: absolute;
	width: 250px;
	border: 0px solid #fff;
	padding: 2px;
	padding: 8px;
	color: #fff;
	font: bold 11px Arial;
	visibility: hidden;
	z-index: 100;
	-moz-opacity: 0.9; 
	opacity: .90;
	filter:alpha(opacity=90);
	}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../gfx/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
	}

/************************************************************ moje freeko menu */

#mojefreeko { 
	text-align: center;
	margin: 5px 0;
	width: 710px;
	}

#mojefreekomenu {
	height: 30px;
	}

#mojefreekomenu ul {
	display: inline;
	list-style-type: none;
	height: 27px;
	text-align: center;
	}

#mojefreekomenu ul li {
	display: inline;
	margin: 0 4px;
	}

#mojefreekomenu ul li a {
	margin:0 4px 0 0;
	padding:4px 0 0 23px;
	width:111px;
	height: 27px;
	display: block;
	float: left;
	font: bold 16px Arial;
	color: #c28269;
	text-decoration: none;
	letter-spacing: -1px; 
	}

#mojefreekomenu ul li a:hover, #mojefreekomenu ul li a.selected {
	background-position: 0 -27px;
	color: #a00;
	}

a.przedmioty {
	background: transparent url('../gfx/p_przedmioty.gif') no-repeat;
	}

a.wiadomosci {
	background: transparent url('../gfx/p_wiadomosci.gif') no-repeat;
}

a.komentarze {
	background: transparent url('../gfx/p_komentarze.gif') no-repeat;
	}

a.rozliczenia {
	background: transparent url('../gfx/p_rozliczenia.gif') no-repeat;
	}

a.ustawienia {
	background: transparent url('../gfx/p_ustawienia.gif') no-repeat;
	}

/************************************************************ mojefreeko submenu*/
	
#mojefreekosubmenu {
	padding-top: 9px;
	}

#mojefreekosubmenu ul {

	list-style-type: none;
	}

#mojefreekosubmenu ul li {	
	display: inline;
	margin: 0 4px;
	}

#mojefreekosubmenu ul li a {
	background: transparent url('../gfx/mf_sub.gif') no-repeat;
	background-position: 0 -11px;
	margin: 2px 6px 0px 6px;
	height: 11px;
	display: block;
	float: left;
	padding-left: 15px;
	color: #c28269;
	text-decoration: none;
	font: bold 11px Arial;
	}

#mojefreekosubmenu ul li a:hover, #mojefreekosubmenu ul li a.selected {
	background: transparent url('../gfx/mf_sub.gif') no-repeat;
	color: #a00;
	height: 11px;
	}

#mojefreekosubmenu select, #ilestron select{
	padding: 1px;
	height: 17px;
	font: normal 10px arial;
	color: #700;
	border-color: #c6a860;
	border-style: none none dashed;
	border-width:0 0 1px; }

.sep1 {
	background:transparent url('../gfx/sep1.gif') no-repeat scroll center;
	border:0 none;
	font-size:1px;
	height:4px;
	line-height:1px;
	padding:0;
	width:470px;
	margin: 4px 0;
	}

.sep2 {
	background:transparent url('../gfx/sep2.gif') no-repeat scroll center;
	border:0 none;
	font-size:1px;
	height:4px;
	line-height:1px;
	padding:0;
	width:690px;
	margin: 4px 0;
	}

/************************************************************ tabele i formularze*/

#tablebig {
	margin: 10px 0 0 50px;
	width: 570px;
	padding: 10px;
	color: #600;
	background: #fffde6;
	border: 1px #e7d8b4 dashed; 
	font-weight: bold;
	}
#tablesmall {
	width: 440px;
	margin: 10px 0 0 20px;
	padding: 10px;
	color: #600;
	background: #fffde6;
	border: 1px #e7d8b4 dashed; 
	font-weight: bold;
	}

#tableprzedmiot {
	width: 430px;
	margin: 5px 0 0 5px;
	color: #600;
	background: #fffde6;
	border: 1px #e7d8b4 dashed; 
	font-weight: bold;
	}

fieldset {
	margin: 0px 0 0 50px;
	width: 550px;
	padding: 0px 10px 5px 10px;
	color: #600;
	background: #fffde6;
	border: 1px #e7d8b4 dashed; 
	font-weight: bold;
	text-align: center;
	}

legend { 
	font: bold 13px Arial;
	color: #a00; text-align: center;
	}

.table input, .table textarea, .kat input {
	padding: 2px;
	font: normal 12px arial;
	color: #700;
	border-color: #c6a860;
	border-style: none none dashed;
	border-width:0 0 1px;
	}

.table input:focus, .table textarea:focus, .table select:focus {
	border-style: none none dotted;
	border-color:#d00;
	}

.table input:hover, .table select:hover {
	border-color:#ffa800;
	}

.table input:focus, .table select:focus {
	border-color:#d00;
	}

.table select {
	width: 180px;
	padding: 2px;
	font: normal 12px arial;
	color: #700;
	border-color: #c6a860;
	border-style: none none dashed;
	border-width:0 0 1px;
	}


/************************************************************ strona przedmmiotu*/

.przedmiot img {
	padding: 1px;
	border: 1px #a68c4f solid;
	}

.przedmiot img:hover {
	padding: 1px;
	background: #700;
	border: 1px #a68c4f solid; 
	}

#zapytaj_button a:hover, #obserwuj_button a:hover, #biore_button a:hover{
	background-position:center bottom;
	color: #ffea00;
	}

#biore_button a{
	background:transparent url('../gfx/b_biore.gif') no-repeat scroll center top;
	border:medium none;
	cursor:pointer;
	font: bold 16px arial;
	color: #fff;	
	height:25px;
	width:126px;
	display: block;
	text-align:right;
	text-decoration: none;
	padding: 10px 68px 0 0;
	margin: 0px 0;
	letter-spacing: -1px;
	}

#obserwuj_button a{
	background:transparent url('../gfx/b_obserwuj.gif') no-repeat scroll center top;
	border:medium none;
	cursor:pointer;
	font: bold 16px arial;
	color: #fff;	
	height:27px;
	width:172px;
	display: block;
	text-align:right;
	text-decoration: none;
	padding: 8px 22px 0 0;
	margin: 0px 0;
	letter-spacing: -1px;
	}

#zapytaj_button a{
	background:transparent url('../gfx/b_zapytaj.gif') no-repeat scroll center top;
	border:medium none;
	cursor:pointer;
	font: bold 16px arial;
	color: #fff;	
	height:37px;
	width:170px;
	display: block;
	text-align:right;
	text-decoration: none;
	padding: 6px 24px 0 0;
	margin: 0px 0;
	letter-spacing: -1px;
	}

#biore_stop {
	background:transparent url('../gfx/b_stop.gif') no-repeat scroll center top;
	border:medium none;
	font: bold 16px arial;
	color: #fff;	
	height:25px;
	width:126px;
	display: block;
	text-align:right;
	padding: 10px 68px 0 0;
	margin: 0px 0;
	letter-spacing: -1px;
	}	
/************************************************************ buttony general*/

a.button, span.button{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
    font-size: 0;
    line-height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
	font-style: normal;
	margin: 0 6px 0px 0;
	padding: 0 10px 0 0;	
	vertical-align: middle;	
	padding-top: -2px;
	_position: relative;
	_width: 10px;	
	_overflow-y: hidden;
	}

a.button, span.button,
a.button span,
span.button button,
span.button input {
    background-image:url(../gfx/button.gif);
	}

a.button span,
span.button button,
span.button input { 
	border: 0px;
	white-space:nowrap;
	cursor:pointer;
    color:#fff !important;
	display:-moz-inline-box;
	display:inline-block;
	line-height:14px;
	font: bold 12px Arial;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	}

span.button button {
   line-height:2.5; /*opera*/
	}

html.safari a.button span {
	line-height:1.3;
	}

html.safari span.button button{
	line-height:2.6;
	}

html.safari a.button:focus,
html.safari span.button button:focus{
	outline:none;
	}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5; /*opera*/
	}

a.button:hover, 
span.button:hover,
a.button:focus, 
a.dom-button-focus, 
span.button-behavior-hover {
	background-position:0 -60px;
	text-decoration:none;
	border: 0px;
	color:#000 !important;
	}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 
span.button-behavior-hover button, 
span.button-behavior-hover input {
	background-position:100% -60px;
	color:#000 !important;
	}

a.button:active,
a.button:focus span {
	color:#444;
	}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{
	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};

			};
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		
		})(this));

}