/* 
************************************************************************
Style kaskadowe do lekcji Akademii Przedsiebiorczosci Fundacji Komandor.
Kodowanie: Łukasz Adamczyk
************************************************************************ 
*/
body { 
	vertical-align:top; 
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
body, div, table {
	margin:0px; 
	padding:0px; 
	border:0px;
}
#kontenerek {
	top:0px;
	background-image:url(../images/tlo.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:0px;
	padding:0px;
}
#srodek {
	width:	860px; 
	position:	relative; 
	vertical-align:	top;
	margin-left:	auto;
	margin-right:	auto;
}
#top {
	width:	860px;
	height:	102px;
	background-image:	url(../images/top.jpg);
	background-repeat:	no-repeat;
}
#navigacja_top {
	width:860px;
	position:relative;
	vertical-align:top;
}
div#navi-top ul {
	position:relative;
	list-style-type:none;
	top:57px;
	left:80px;
}
div#navi-top ul li {
	float:left;
	text-align:center;
	position:relative;
}
div#navi-top ul li#navi-top-break{
	width:240px;
}
#tresc {
	width:860px;
	height:439px;
	background-image:url(../images/srodek.jpg); 
	background-repeat:no-repeat;
	position:relative; 
	vertical-align:top;
}
#tytul {
	height:30px;
	width:650px;
	position:relative; 
	vertical-align:top;
	border-bottom: 1px solid #79aee2;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 115px;
}
div#tytul h1 {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-style:normal;
	font-weight:normal;
	color: #185492;
	padding:0px;
	margin:0px;
}
#opis {
	height:300px;
}
#trawa {
	width:100%;
	height:119px;
	position:relative; 
	background-image:url(../images/tlo_zielone.jpg);
	background-repeat:repeat-x;
	vertical-align:bottom;
	padding:0px;
	margin:0px;
	border:0px;
}
#stopka {
	width:860px;
	position:relative; 
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/stopka.jpg);
	text-align:center;
	padding-top:90px;
}
/*
************************************************************************
Definiowanie warstw 
************************************************************************
*/
#ukryte {
	z-index: -5;
	width: 100%;
}
#slowniczek {
	position:	relative;
	margin-left:	auto;
	margin-right:	auto;
	top:	-550px;
	width:	770px;
	height:	465px;
	display:	none;
	z-index:	5;
}
#slowniczek_tresc {
	position:relative;
	left:	65px;
	width:	705px;
	height:	465px;
	z-index:	6;
	background-image:url(../images/warstwa_slowniczek.gif);
	background-repeat:no-repeat;
}
#slowniczek_top {
	position:relative;
	width:	680px;
	height:	75px;
	text-align:right;
	padding-top:18px;
	z-index: 7;
}
#slowniczek_sr {
	position:	relative;
	overflow:	auto;
	left:	22px;
	width:	660px;
	height:	336px;
	z-index: 7;
}
#pomoc {
	position:	relative;
	margin-left:	auto;
	margin-right:	auto;
	top:	-550px;
	width:	770px;
	height:	465px;
	display:	none;
	z-index:	5;
}
#pomoc_tresc {
	position:relative;
	left:	65px;
	width:	705px;
	height:	465px;
	z-index:	6;
	background-image:url(../images/warstwa_pomoc.gif);
	background-repeat:no-repeat;
}
#pomoc_top {
	position:relative;
	width:	680px;
	height:	75px;
	text-align:right;
	padding-top:18px;
	z-index: 7;
}
#pomoc_sr {
	position:	relative;
	overflow:	auto;
	left:	22px;
	width:	660px;
	height:	336px;
	z-index: 7;
}
#kontakt {
	position:	relative;
	margin-left:	auto;
	margin-right:	auto;
	top:	-550px;
	width:	770px;
	height:	465px;
	display:	none;
	z-index:	5;
}
#kontakt_tresc {
	position:relative;
	left:	65px;
	width:	705px;
	height:	465px;
	z-index:	6;
	background-image:url(../images/warstwa_kontakt.gif);
	background-repeat:no-repeat;
}
#kontakt_top {
	position:relative;
	width:	680px;
	height:	75px;
	text-align:right;
	padding-top:18px;
	z-index: 7;
}
#kontakt_sr {
	position:	relative;
	overflow:	auto;
	left:	22px;
	width:	660px;
	height:	336px;
	z-index: 7;
}
/*
************************************************************************
Kolorowania, wypunktowania i inne 
************************************************************************
*/
A {
background-color: transparent;
text-decoration: none;
}
A:active {
color: #185492;
}
A:link {
color: #185492;
}
A:visited {
color: #185492;
}
A:hover {
color: #ff0000;
text-decoration: underline;
}

.wypunktowanie_numeryczne {
list-style-type: decimal;
font-family: Verdana, sans-serif; 
line-height: 30px;
color: #000000;  
}

.naglowek {
font-family: Verdana, sans-serif; 
font-size: 18px; 
font-style:normal; 
color: #185492; 
}

.checkmark {
list-style-type: decimal;
font-family: Verdana, sans-serif; 
list-style-image: url(checkmark.gif); 
line-height: 30px;
color: #000000;  
}

.kwadraty {
line-height: 20px;
list-style-type: square;
font-family: Verdana, sans-serif; 
color: #000000;  
}

A.wypunktowanie_numeryczne {
background-color: transparent;
text-decoration: none;
}
A.wypunktowanie_numeryczne:active {
color: #000000;
}
A.wypunktowanie_numeryczne:link {
color: #000000;
}
A.wypunktowanie_numeryczne:visited {
color: #000000;
}
A.wypunktowanie_numeryczne:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
}