/*
Arkusz styli dla serwisu ONJO-SAS/przedszkola
Autor: 	Marek Niedostatkiewicz
Mail:	webmaster@wem.pl
Data:	16 stycznia 2007 - modyfikacja: 15:20 07-01-08
*/

body {
	background: #fff url(../g/literki_winieta.jpg) top left fixed no-repeat;
	color: #333;
	font-family: verdana, sans-serif;
	font-size: 76% !important;
	text-align: center;
	}
p, h1, h2, h3, h4, h5, h6, li, ol, ul, dl, dt, dd {
	font-family: verdana, sans-serif;
	}
p, dd, dt, li {
	font-size: 0.9em;
	line-height: 1.5em;
	}
p, dt	{
	margin: 0;
	margin-top: 0.5em;
	padding: 0;
	}
p+p	{
	text-indent: 2em;
	margin: 0;
	}
h1 	{
	font-size: 1.8em;
	background: transparent;
	color: #369;
	display: block;
	}
h2	{
	font-size: 1.6em;
	margin: 1em 0 0.5em;
	}
h3	{
	font-size: 1.3em;
	margin: 1em 0 0.5em;
	}
h4	{
	font-size: 1.1em;
	margin: 1em 0 0.5em;
	}
dt	{
	margin-top: 1em;
	font-weight: bold;
	}
dd ul, dd ol {
	margin: 0;
	padding: 0;
	}
ul, ol {
	margin-top: 0.2em
	}
img	{
	border: none;
	}
/* ===================/ szkielet /============== */
#wraper	{
	text-align: left;
	margin: 30px auto;
	background: #fafafa;
	border-right: 1px solid #369;
	width: 750px;/* Tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 749px;
	}
html>body #wraper {
	width: 749px;
	}
#header	{
	width: 100%;
	background: #fff url(../g/dziecko.jpg) top left no-repeat;
	border-top: #369 solid 5px;
	/*border-right: #369 solid 1px;*/
	height: 205px;/* Tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	weight: 200px;
	}
html>body #header {
	height: 200px;
	}
#logo {
	margin: 0;
	height: 90px;
	width: 480px;
	float: right;
	background: url(../g/onjo-sas_logo.jpg) top right no-repeat;
	}
#mainContent {
	/*clear: both;*/
	/*margin-left: 10px;*/
	padding: 30px;
	float: right;
	background: #fafafa;
/*	background: #333;*/
	color: #666;
	width: 482px;/* Tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 422px;
	}

html>body #mainContent {
	width: 422px;
	}
#mainContent a {
	text-decoration: underline;
	color: #333;
	}
#mainContent a:hover {
	text-decoration: none;
	color: #666;
	}

#leftBox {
	padding: 15px;
	margin: 0;
	float: left;
	/*background: #9cf;*/
	/*color: #369;*/
	width: 267px;/* Tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 237px;
	}
html>body #leftBox {
	width: 237px;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 6px;
	height: 20px;
	background: #369;
	color: #def;
	font-size: 10px;
	}
#footer a, 
#footer a:link, 
#footer a:visited  {
	color: #def;
	text-decoration: underline;
	}
#footer a:hover {
	color: #246;
	text-decoration: none;
	background: #def;
	}
#footer p {
	line-height: 15px;
	margin-top: 0;
	float: left;
	/*text-align: left;*/
	}
#footer p.prawa {
	float: right;
	text-align: right;
	}
/* ===============/ nawigacja  /=================== */


#menu {
	position: absolute;
	margin-top: 160px;
	/*margin-bottom: 0;*/
	margin-left: 270px;
	height: 40px;
	width: 475px;
	background: transparent;
	color: #036;
	}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	background: #fc3;
	}
#menu ul li {
	margin: 0;
	margin-top: 2px;
	padding: 3px 3px;
	float: left;
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	background: #dededf;
/*	background: #999;*/
	border-left: 1px solid #999;
	border-bottom: 2px none;
	width: 79px;
	height: 40px;/* Tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 72px;
	height: 34px;
	}
html>body #menu ul li {
	width: 72px;
	height: 34px;
	}
#menu li.last {
	border-right: 1px solid #999;
	}
#menu ul li a:link, #menu ul li a:visited,  #menu ul li a:hover,  #menu ul li a:active {
	display: block;
	color: #246;
	background: transparent;
	text-decoration: none;
	}
#menu ul li a:hover {
	color: #c00;
	display: block;
	background: transparent;
	border-bottom: 2px solid #c00;
}
body#b1 #m1,
body#b2 #m2,
body#b3 #m3,
body#b4 #m4,
body#b5 #m5,
body#b6 #m6 {
	background: #f6f6f6;
}

/* ===============/ miscelanea /=================== */
hr.clear{
	clear: both;
	display: none;
	}
.printonly {
	display: none;
	}
.go	{
	margin-top: 0.5em;
	font-size: 0.9em;
	line-height: 2em;
	padding-right: 0.5em;
	text-align: right;
	background: transparent;
	color: #246;
	border-top: 1px solid #aaa;
}
.go a 	{
	padding: 3px 4px;
	text-decoration: underline;
	color: #aaa;
	}
.go a:hover {
	background: #369;
	text-decoration: none;
	color: #def!important;
	padding: 3px 4px;
	}
h2:first-letter {
	background: #c00;
	color: #fff;
	}
.wciety	{
	/*margin-left: 2em!important;*/
	}
.lid {
	font-weight: bold;
	}
img.lewy {
	margin: 0 10px 10px 0;
	float: left;
	}
.podpis {
	font-style: italic;
	font-size: 0.8em;
	}
.lista a {
	color: #579;
	text-decoration: underline;
	}
.lista a:hover {
	text-decoration: none;
	}
/* ===============/ kolorystyka /================== */
.blueOnTransp {
	background: transparent;
	color: #369;
	}
.blueOnDBlue {
	background: #369;
	color: #9cf;
	}
.dblueOnBlue {
	background: #cef;
	color: #369;
	}
.blueOnGray {
	background: #efefef;
	color: #369;
	}
.redOnTransp {
	background: transparent;
	color: #c00;
.redOnBlue {
	background: #369;
	color: #c00;
	}
.kol_yellow {
	color: #ff0;
	}
.kol_blue {
	#00f;
	}
.kol_green {
	#0f0;
	}