/* style CSS opracowane przez
 * Edwin Piekart
 * email: edwin@ckz.pl
 */

BODY {
/* background-color: #EBE9ED; */
background-color: #0093FF;
font: x-small Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}

#Naglowek {
	height: 140px;
	background: #0093FF url('../images/logo.gif') no-repeat left top;
}

/* Polozenie akapitu z napisem sponsora w naglowku */
#Sponsor {
	position: absolute; top: 0; right: 0;
	text-align: right;
	margin: 0; padding: 0;
}

/* Polozenie formularza w naglowku */
#Kryteria {
	float: right;
	padding-top: 4em;
	margin: 0;
}

/* formaty komorek */
#Kryteria td {
	font-weight: bold;
	color: black;
}

select, input {
	background: rgb(235, 233, 237);
}

/* Zeby wprowadzene pole bylo zolte */
select:focus, input:focus { background: yellow; }

/* Wyglad listy w formularzu szukania spinek*/
.lista {
	width: 240px;
}

/* Format DIV'u z zakladkami */
#Zakladki {
	padding-left: 2em;
	height: 20px;
	background: #0093FF
}

/* Format listy z odnosnikami */
#nav {
	background: #0093FF;
	margin: 0; padding: 0;
}

#nav li {
	list-style: none;
	float: left;
	margin-left: 1px; padding-left: 16px;
	font-size: 10px; line-height: 20px;
	white-space: nowrap;
	background: #0093FF url('../images/tabs2-big.gif');
}

#nav a {
	display: block;
	padding: 0 16px 0 0;
	float: left;
	text-decoration: none;
	font-weight: bold;
	background: #0093FF url('../images/tabs2-big.gif') 100% 0% no-repeat; 
	width: .1em;
}

html>body #nav a {width: auto;}

#nav a:hover {color: white;}

/* Wyglad zakladki, zeby byla biala */
#nav #current, #nav #current a {
	background-image: url('../images/tabs2-big-white.gif');
}

#Menu {
	/* background: rgb(0, 150, 0); */
	background: rgb(198, 231, 137);
	width: 130px;
	margin: 0; padding: 1em;
	border 10x solid rgb(0, 150, 0); 
}

#Menu a {
	display: block;
	margin: 0;
	padding: 1px 10px 1px 14px;
	text-decoration: none;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid rgb(60%, 50%, 40%);
}

#Menu a:hover {
	background-color: rgb(0, 200, 0);
	border: 1px solid rgb(60%, 50%, 40%);
	border-right-width: 4px;
	margin-right: 0;
	padding-right: 7px;
}

#Menu a:active {
	background-color: white;
	color: black;
	border: 1px solid rgb(60%, 50%, 40%);
	border-right-width: 4px;
	padding-right: 7px;
}

#Menu a:focus {
	background-color: white;
	color: black;
	border: 1px solid rgb(60%, 50%, 40%);
	border-right-width: 4px;
	padding-right: 7px;
}

#Menu h4 {
	background-color: transparent;
	color: black;
	margin: 0;
	padding: 1em 0 0;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	/* border-right: 1px solid rgb(60%, 50%, 40%); */
	border-bottom: 2px solid rgb(50%, 40%, 30%);
}


#Zawartosc {
	background-color: #EED;
	padding: 1em;
}

/* Ogloszenia na glownej stronie */
.post {
	clear: both;
	background-color: white; 
	border: 1px solid gray;
	margin: 2em;
	padding: 1em;
}

.post .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 1em;
	margin-bottom: 0em;
	color: rgb(0, 64, 128);
}

.post p {
	/* padding-left: 5em; */
	padding-right: 5em;
	height: auto;
}

.post img {
	float: left;
	margin: 1em;
	display: block;
}

.post table {
	padding: 0;
	margin: 0;
}
.post #pierwsza_komorka {
	width: 10em;
}

#Stopka {
	background-color: #0093FF;
	text-align: center;
}

/* style potrzebne do Scriptaculous Autocompleter */
div.autocomplete {
	position:absolute;
	width:280px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height: 1.2em;
	cursor:pointer;
	text-align: left;
}

/* koniec styli dla Autocompletera */