/* resteting preferences 
-----------------------------------------------------------------------------------------------------*/

	body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, textarea, input, a, table, th, tr, td, label, dl, dt, dd {
		margin: 0;
		padding: 0;
	}
	
	img, fieldset { border: none; }
	a { text-decoration: none; }

	ul li { list-style: none; }
	
/* main construct 
-----------------------------------------------------------------------------------------------------*/

body {
	background: #f0cdb4 url(../g/body_bg.jpg) repeat-x;
	font: normal 100.01% Arial, Helvetica, Tahoma, Verdana, sans-serif; /* 16px */
	color: #000;
}

#root {
	margin: 0 auto;
	width: 869px;
	}
#top {
	width: 864px;
	height: 228px;
	background: url(../g/top.jpg) no-repeat;
	}
#main {
	width: 100%;
	margin-top: 10px;
	font-size: 1em;
	}
#left {
	width: 172px;
	padding-top: 5px;
	background: #b37e5b;
	border-top: 14px solid #b88461;
	float: left;
	overflow: none; /* auto */
	color: #ecbd9c;
	font-size: 0.81em;
	}
#left a { color: #ecbd9c; }
#left a:hover { color: #b99c87; }
#left p { text-align: center; }
/* leftbar 
-----------------------------------------------------------------------------------------------------*/
#left li span { color: #fade06; margin-left: 20px;}
#left ul { margin: 0 0 5px 25px }
#left dl { margin-bottom: 10px; }
#left dt { font-weight: bold; }
#left dd { font-size: 0.85em; }
#left ul#panelUsera { margin: 0 0 25px 0; border-top: 1px solid #c08a67;  }

#panelUsera li a {display: block; line-height: 26px; font-weight: bold;}

#szukajOferty {
	background: url(../g/pszukaj_oferty.jpg) no-repeat 0 0;
	}
#dodajOferte {
	background: url(../g/pdodaj_oferte.jpg) no-repeat 0 0;
	}
#niezalogowany, #zalogowany { font-size: 1em; border-top: 1px solid #c08a67; }
#niezalogowany {
	line-height: 28px;
	background: url(../g/pniezalogowany.jpg) no-repeat 0 0;
	}
#zalogowany {
	line-height: 28px;
	background: url(../g/pzalogowany.jpg) no-repeat 0 0;
	}
#szukajOferty, #dodajOferte, #niezalogowany, #zalogowany, #pEdycjaUzytkownika, #pMojeWiadomosci, #pPelnyDostep, #pMojeZamowienia, #pMojeOferty, #pEdycjaProfilu { padding-left: 30px; }
#pEdycjaUzytkownika { background: url(../g/pedycja_uzytkownika.jpg) no-repeat 0 0; }
#pMojeWiadomosci { background: url(../g/pmoje_wiadomosci.jpg) no-repeat 0 0; }
#pPelnyDostep { background: url(../g/ppelny_dostep.jpg) no-repeat 0 0; }
#pMojeZamowienia { background: url(../g/pmoje_zamowienia.jpg) no-repeat 0 0; border-top: 1px solid #c08a67; }
#pMojeOferty { background: url(../g/pmoje_oferty.jpg) no-repeat 0 0; }
#pEdycjaProfilu { background: url(../g/pedycja_profilu.jpg) no-repeat 0 0; }
#leftCorners {
	background: url(../g/left_corners.jpg) no-repeat bottom left;
	height: 14px;
	width: 172px;
	}

/* right
-----------------------------------------------------------------------------------------------------*/
#right {
	width: 695px;
	float: left;
	overflow: hidden;
	font-size: 1em;
	}
#nav { 
	width: 685px; 
	background: #b78664;
	border-top: 14px solid #b88461;
	}
#nav ul { margin: 0 auto; width: 80%; }
#nav ul li {display: inline; }
#nav li a {
	padding: 0 15px 0 17px;
	background: url(../g/nav_style.jpg) no-repeat center left;
	border-right: 1px solid #c28f6b;
	color: #f0c1a1;
	font-size: 0.81em;
	font-weight: bold;
	}
#nav li a:hover {
	color: #d2a587;
	}
#nav li a#last { border-right: none; }
#navCorners {
	background: url(../g/nav_corners.jpg) no-repeat 0 0;
	height: 16px;
	width: 685px;
	}
	
/* content
-----------------------------------------------------------------------------------------------------*/
#content {
	width: 641px;
	padding: 0 20px;
	background: #f6dfce;
	border: 1px solid #D1AF96;
	border-width: 0 1px;
	min-height: 400px;
	color: #957055;
	}
#contentCornersTop {
	background: url(../g/content_corners_top.jpg) no-repeat 0 0;
	height: 19px;
	width: 683px;
	}
#contentCornersDown {
	background: url(../g/content_corners_down.jpg) no-repeat 0 0;
	height: 17px;
	width: 683px;
	}
#contentCornersTop, #content, #contentCornersDown, #nav, #navCorners, #footer, #footerCorners { margin-left: 5px; }

/* footer
-----------------------------------------------------------------------------------------------------*/
#footer {
	background: #f6dfce;
	border-top: 11px solid #e0bfa8;
	font-size: 0.88em;
	}
#footer p {
	text-align: center;
	padding: 10px 5px 5px 5px;
	color: #c49879;
	font-size: 0.86em;
	font-weight: bold;
	}
#footerCorners {
	background: url(../g/footer_corners.jpg) no-repeat 0 0;
	height: 16px;
	width: 690px;
	}
	
#footer a {
	color: #c49879;
}

#footer a:hover {
	color: red;
}
	
/* content elements
-----------------------------------------------------------------------------------------------------*/
#loginForm {
	width: 250px;
	margin: 0 auto;
	}
form {
	padding: 20px 0;
	}
label { 
	display: block; 
	float: left; 
	width: 70px;
	font-weight: bold;
	font-size: 0.81em;
	}
input.vis { 
	/* display: block; */
	
	float: left;
	border: 1px solid #957055;
	padding: 2px;
	
	display: inline;
	float: none;
	}
form div {
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
	}
	/*
input.submit { 
	float: none; 
	margin-left: 153px; 
	background: url(../g/input_submit.jpg) no-repeat 0 0; 
	width: 73px; 
	height: 32px;
	border: none;
	cursor: pointer;
	}
	*/
#content em { color: #d5b8a3; font-style: normal; }
#content a:link { color: #957055; }
#content a:visited { color: #887669;  }
#content a:hover { color: Red; }
#content a:active { color: #887669;  }

#content p, #content ul { font-size: 0.81em; }
#content p {  padding: 10px 0 0 0;}
p#zaloguj { font-weight: bold; font-size: 1em;}
.center { text-align: center; }

/* tabela
-----------------------------------------------------------------------------------------------------*/
table { margin: 10px 0; width: 100%;}
td { padding: 4px; font-size: 0.69em; vertical-align: center;}
th { background: url(../g/th_bg.jpg) repeat-x; color: #fff; font-size: 0.75em; height: 36px;}
tr { background: #F9E7D9; }
tr.alt { background: #f7decb; }
td.wiecej { background: #f4dbc9; }
#content td p { text-align: center; font-size: 1em; margin: -10px 0;}
#content .wiecej a{
	height: 21px; 
	display: block; 
	cursor: pointer; 
	margin: 0 auto;
	text-indent: -2000em;
	font-size: 0;
	width: 63px; 
	background: url(../g/wiecej_button.jpg) no-repeat;
	outline: 0;
	border: none;
	}
img.centerImg {
	display: block;
	margin: 0 auto;
	}
img.cert {
	display: block;
	position: relative;
	right: -50px;
	}
img.gar {
	border: 1px solid #7f4f2f;
	}
#content a.kup{
	height: 20px; 
	display: block; 
	cursor: pointer; 
	margin: 0 auto;
	text-indent: -2000em;
	font-size: 0;
	width: 41px; 
	background: url(../g/kup_button.jpg) no-repeat;
	outline: 0;
	border: none;
	}
#content tr.alt a.kup{
	background: url(../g/kup_buttonalt.jpg) no-repeat;
	}
#content p#heading { color: #fff; font-weight: bold; background: url(../g/th_bg.jpg) repeat-x; height: 36px; width: 98%; margin: 10px 0 0 0; padding: 0 0 0 10px; line-height: 36px;}
#content ul.zamowieniaLista { width: 98%; background: #fceee4; margin: 0; padding: 10px 0 3px 10px; font-size: 0.75em;}
.zamowieniaLista li {display: inline; margin-right: 20px;}
#content .zamowieniaLista li a {border: none; }
#content form#gen {
	padding: 10px;
	background: #fdf0e7;
	border: 1px solid #d9b79f;
	width: 616px;
	}
#content div#gen {
	padding: 10px;
	background: #fdf0e7;
	border: 1px solid #d9b79f;
	width: 616px;
	}	
	
#content #gen label { 
	display: block; 
	float: left; 
	width: 230px;
	font-weight: bold;
	font-size: 0.81em;
	}
#content #gen input.vis { 
	display: block;
	float: left;
	border: 1px solid #957055;
	padding: 2px;
	margin-right: 5px;
	}
#content #gen div {
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
	}
#content #gen div span{
	font-size: 0.75em; <!-- su zmniejszylem --> 
	}
	
form#gen ul { margin-left: 230px; }
form#gen ul li{ margin-bottom: 2px;}
form#gen div#wiek input.vis{ display: inline; float: none;}
form#gen div#many input.vis{ display: inline; float: none;}
/*
#content #gen input.submit { 
	float: none; 
	margin-left: 153px; 
	background: url(../g/input_submit.jpg) no-repeat 0 0; 
	width: 73px; 
	height: 32px;
	border: none;
	cursor: pointer;
}
*/
#wiek input.vis {width: 40px; }
#doListyOne { margin-top: 20px; }
#doListyTwo { margin-top: 25px; }
#karta { overflow: hidden; width: 100%; }
#contentLeft {
	float: left;
	width: 60%;
	}
#contentRight {
	float: left;
	width: 40%;
	}
#contentRight div {
	width: 242px;
	background: url(../g/contentRight_bg.jpg) repeat-y;
	padding: 5px;
	border: 1px solid #fff;
	margin: 0 0 5px 0;
	}
#contentLeft div {
	width: 365px;
	background: url(../g/contentLeft_bg.jpg) repeat-y;
	padding: 5px;
	border: 1px solid #efcfbd;
	margin: 0 0 5px 0;
	}
#content a#cont {
	height: 21px; 
	display: block; 
	cursor: pointer; 
	position: relative;
	left: 311px;
	text-indent: -2000em;
	font-size: 0;
	width: 54px; 
	background: url(../g/kontakt.jpg) no-repeat;
	outline: 0;
	border: none;
	}
#content #informacje span {display: block; float: left; width: 100px; font-weight: bold;}
#informacje p { /*font-weight: bold;*/ }
#content p#kartaUzytkownika { color: #fff;  background: url(../g/th_bg.jpg) repeat-x; height: 36px; width: 98%; margin: 10px 0 0 0; padding: 0 0 0 10px; line-height: 36px;}
#oferuje h2, #opcje h2 {
	height: 15px;
	background: url(../g/h2_bg.jpg) repeat-x;
	padding: 2px;
	margin: -5px -5px 10px -5px;
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	}
#oferuje img {
	border: 1px solid #966f54;
	margin: 10px;
	}
#oferuje h3 {
	font-size: 0.75em;
	margin-left: 10px;
	}
#oferuje p {
	font-size: 0.75em;
	margin-left: 10px;
	}
#content div#osobie { border-top: none; }
#osobie h2, #zasady h2, #osobie p, #zasady p {
	font-size: 0.75em;
	}
#content #opcje a { border-bottom: 1px solid #957055;}
#opcje li { margin-bottom: 5px; font-size: 0.88em;}
#opcje #lastOne { margin-left: 28px; font-size: 0.75em;}
#content #opcje a#opcjeLupa {
	padding-left: 28px;
	background: url(../img/opcje_lupa.jpg) no-repeat 0 50%;
	border: none;
	}
#content #opcje a#opcjeKoperta {
	padding-left: 28px;
	background: url(../img/opcje_koperta.jpg) no-repeat 0 50%;
	border: none;
	}
#content #opcje a#opcjeKup {
	padding-left: 28px;
	background: url(../img/opcje_kup.jpg) no-repeat 0 50%;
	border: none;
	}
#content #opcje a#opcjeEmpty {
	padding-left: 28px;
	/* background: url(../img/opcje_koperta.jpg) no-repeat 0 50%; */
	border: none;
	}
	
/* su */
span.error {
	color: red;	
}


#content a.button {
	border: 1px solid #C2632A;
	height: 20px;
	padding: 3px;
	cursor: pointer;
	background: #DE9263;
	color: white;
	font-size: 0.84em;
	
}

#content a.button:hover {
	border: 1px solid red;

}

#content #gen input#defsubid {
	border: 1px solid #C2632A;
	height: 25px;
	padding: 3px;
	background: #DE9263;
	color: white;
	font-size: 0.84em;	
}

th#small {
	height: 20px;	
	padding: 2px;
}

.filter {
	font-style: italic;
	font-size: 0.80em;	
}

div#flash {
position:absolute;
left:0px;
top:0px;
z-index:1;	
background-color: #CCCCCC; 
filter:alpha(Opacity=60);
width: 100%;
height: 100%;
overflow:auto
}

#content div#photos {
		margin: 0;
		padding: 0;
		width: 360px;
		height: 220px;
		overflow: auto;	
}

#content div#photos2 {
		margin: 0;
		padding: 0;
		width: 2000px;
		height: 200px;
		overflow: visible;		
}

#content a#img {
	text-decoration: none;	
	border: 0;
}


span.warning {
	font-size: 0.84em;	
}

span.yield {
	font-weight: bold; 
	font-size: 20px;
	color: red;
}