/**************************************************************
	Podstawowe style
**************************************************************/
	* 					{ margin: 0; padding: 0; }
	img 				{ border: 0; }
	
	.no-padding 	{ padding: 0; margin: 0; }
	.no-border		{ border: 0; }
	.no-display 	{ display: none; }
	.left 			{ float: left; }
	.right 			{ float: right; }
	.clear 			{ clear: both; }
	.block 			{ display: block; }
	.bold 			{ font-weight: bold; }
	.middle			{ vertical-align: middle; }
	.text-right 	{ text-align: right; }
	.text-center 	{ text-align: center; }
	
	
	a 					{ color: #B2D8EF; font-weight: bold; }
	a:hover 			{ text-decoration: none; }
	
	p					{ line-height: 160%; text-align: justify; /* padding: 7px 15px; */ }
	
	h1 				{ font: normal 22px Arial, Helvetica, sans-serif; color: #fff; } 
	h2 				{ font: normal 18px Arial, Helvetica, sans-serif; color: #007FB5; padding: 10px 0 5px; }
	h3 				{ font: bold 16px Arial, Helvetica, sans-serif; color: #007FB5; } 
	h4 				{ font: bold 14px Arial, Helvetica, sans-serif; color: #FF8400; } 

	ul, ol			{ padding: 10px 0 10px 35px; line-height: 180%; }
	ul li, 
	ol li				{ padding: 3px 0; }
	
	ul.dialog		{ padding-left: 30px; line-height: 160%; }
	ul.dialog li	{ list-style: none; }
	
	blockquote		{ line-height: 160%;  }
	
/**************************************************************
	Warstwy
**************************************************************/	
html { padding: 0; margin: 0; height: 100%; }
body {
	background: #2080BB url(../images/layout/site-bg.jpg) left bottom repeat-x; background-attachment: fixed;
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #fff;
	text-align: center;	
	height: 100%;
}

#main {	
	width: 902px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}


/**************************************************************
	Top
**************************************************************/
#logo { height: 262px; text-align: left; background: transparent url(../images/layout/logo-bg.jpg) no-repeat; }

/* Breadcrumbs */
#breadcrumbs { height: 16px; padding: 6px 0 0 0; line-height: normal; background: #FFB800 url(../images/layout/bar-bg.gif); }
#breadcrumbs span.left { padding-left: 15px; }
#breadcrumbs span.right { padding-right: 15px; }

#breadcrumbs a { color: #fff; padding: 1px 5px; text-decoration: none; }
#breadcrumbs a:hover { color: #FFAD00; background-color: #fff; }

/* Menu */
#menu { float: left; width: 883px; height: 24px; padding: 12px 0 0 15px; margin: 0; background: #72C00E url(../images/layout/menu-bg.gif) repeat-x; }
#menu li { display: inline; }

#menu li a { color: #fff; padding: 3px 5px; text-decoration: none; }
#menu li a:hover { color: #72C00E; background-color: #fff; }

/**************************************************************
	Content
**************************************************************/
#container { padding: 15px 0; }

/* Kolumny */
#column { width: 197px; }

/* Naglowek */
#column h1 { height: 38px; line-height: 38px; padding: 0 0 0 45px; margin: 0; font-size: 12px; font-weight: bold; color: #fff; }
#column h1.green { background: #6EB60D url(../images/layout/box-green-title.gif) no-repeat; }
#column h1.yellow { background: #FFB600 url(../images/layout/box-yellow-title.gif) no-repeat; }

/* Boks */
#column.left { margin-right: 18px; }

#column div.box { margin-bottom: 15px; padding: 10px; background: #4D99C9 url(../images/layout/box-bg.gif) center bottom no-repeat }
#column div.box.menu { padding: 1px; }

#column div.box ul { padding: 0; margin: 0; }
#column div.box ul li { padding: 5px 0 5px 15px; margin: 0; list-style: none; }
#column div.box ul li.alt { background-color: #63A6D0; border: 1px solid #82B8D9; border-left: 0; border-right: 0; }

#column div.box ul li a { color: #fff; padding: 3px 5px; text-decoration: none; }
#column div.box ul li a:hover { color: #4D99C9; background-color: #fff; }

/* Conent: uklad trzech kolumn */
#three-columns #content { float: left; width: 472px; }

/* Conent: uklad dwoch kolumn */
#two-columns #content { float: left; width: 687px; }
#two-columns #column.right { display: none; }

/* Boks kontentu */
div.content { padding: 10px; margin-bottom: 10px; background-color: #4D99C9; border: 1px solid #1A79B3; }
div.content p { padding: 8px 5px; }
div.content h1 { font-size: 18pt; color: #fff; }
div.content h2 { font-size: 14pt; color: #fff; }

/* Panel logowania */
#column form.forms { margin: 0; }
#column form.forms fieldset { border: 0; margin: 0; }

#column form.forms fieldset p label { width: 40px; }
#column form.forms fieldset p input { width: 110px; }

/* Mapka */
.mapa { margin: 15px 0; }

.mapa h1 { font-size: 12pt; font-weight: bold; color: #83C819; padding-bottom: 3px; background: transparent url(../images/layout/misc/green-line.gif) left bottom no-repeat; }

.mapa ul { width: 130px; padding: 10px 0 0 10px; margin: 0; line-height: normal; }
.mapa ul li { padding: 3px 0; margin: 0; list-style: none; }
.mapa ul li a { font-weight: normal; text-decoration: none; padding: 3px 5px; }
.mapa ul li a:hover { color: #2080BB; background-color: #fff; }

.mapa img { margin-top: 45px; }

/* Miniaturki */
div.thumb { float: left; width: 172px; padding: 10px 0 10px 32px; }
div.thumb img.top-left { position: absolute; }

div.thumb.yellow img.block { padding: 5px; background-color: #FFB500; border: 1px solid #FFEA00; width: 160px; height: 120px; }
div.thumb.green img.block  { padding: 5px; background-color: #74BC0E; border: 1px solid #96EA16; width: 160px; height: 120px; }

/* Opis oferty */
p.oferta-opis { margin: 0 17px; }

dl.oferta-opis { margin: 15px 17px; }
dl.oferta-opis dt { clear: left; width: 115px; padding-left: 5px; font-weight: bold;}
dl.oferta-opis dd { width: 295px; color: #C4E5F9; }

dl.oferta-opis dt, 
dl.oferta-opis dd { float: left; height: 25px; line-height: 25px; margin-bottom: 1px; border-bottom: 1px solid #82B8D9; }

ul.oferta-dodatki { margin: 15px 17px 15px 22px; padding: 0; } 
ul.oferta-dodatki li { float: left; width: 200px; list-style: none; }

.delete-image { width: 200px; padding: 5px 10px; position: absolute; background-color: #63A6D0; border: 1px solid #82B8D9; }


/* Lista ofert */
div.oferta-lista { margin-top: 15px; }
div.oferta-lista img { position: absolute; }

dl.oferta-lista { height: 120px; border: 1px solid #fff; background-color: #62AAD6; }
dl.oferta-lista dd.img { float: left; width: 160px; height: 120px; margin-right: 10px; padding: 0; } 
dl.oferta-lista dd.img img { display: block; width: 160px; height: 120px; border-right: 1px solid #fff; }

dl.oferta-lista dt.title { float: left; width: 270px; margin: 5px 0 5px 0; font-size: 12px; font-weight: bold; } 
dl.oferta-lista dt.title a { color: #fff; }

dl.oferta-lista dt { float: left; width: 85px; padding: 2px 0; }
dl.oferta-lista dd { float: left; width: 185px; padding: 2px 0; }
dl.oferta-lista dd a { color: #fff; text-decoration: none; }
dl.oferta-lista dd a:hover { text-decoration: underline; }

	/* Wyroznienie */
	dl.oferta-lista.green { background-color: #6DB60D; }
	dl.oferta-lista.yellow { background-color: #E98901; }

/* Info i warn */
p.info, p.warn { padding: 5px 10px 5px 35px; margin: 0 1px 5px 1px; border-width: 1px; border-style: solid; font-weight: bold; text-align: left; background: url(../images/icons/info.gif) 10px center no-repeat; }
p.info { background-color: #6AAAD1; border-color: #fff; }
p.warn { background-color: #D46161; border-color: #F4D3D3; background-image: url(../images/icons/warn.gif); }

/* Panel uzytkownika */
ul.panel { padding: 15px 0 0; margin: 0; }

ul.panel li { float: left; width: 128px; height: 200px; list-style: none; padding: 5px 14px; text-align: center; }
ul.panel li a { display: block; float: left; width: 128px; padding-top: 138px; color: #fff; text-decoration: none; }
ul.panel li a:hover { text-decoration: underline; }
	
	ul.panel li#panel-uzytkownika a { background: transparent url(../images/icons/profil/panel.gif) no-repeat; }
	ul.panel li#edytuj-profil a { background: transparent url(../images/icons/profil/edytuj-profil.gif) no-repeat; }
	ul.panel li#dodaj-oferte a { background: transparent url(../images/icons/profil/dodaj-oferte.gif) no-repeat; }
	ul.panel li#lista-ofert a { background: transparent url(../images/icons/profil/lista-ofert.gif) no-repeat; }
	ul.panel li#wyloguj a { background: transparent url(../images/icons/profil/wyloguj.gif) no-repeat; }

/**************************************************************
	Stopka
**************************************************************/
#footer { height: 39px; line-height: 36px; padding: 0; background: #72C00E url(../images/layout/footer-bg.gif) repeat-x; border: 2px solid #FFDE00; border-bottom: 0; border-top: 0; }

#footer span.left { padding-left: 15px; }
#footer span.right { padding-right: 15px; }

#footer a { color: #fff; padding: 3px 5px; text-decoration: none; }
#footer a:hover { color: #FFAD00; background-color: #fff; }