/*zerowanie*/
body,html{
			margin: 0; padding: 0;
}
ul, li, dl, dt { 
			margin: 0; 
			padding: 0; 
			list-style-type: none; 
}

/*=========*/
/*boxy*/
body,html{
			width: 100%; 
			height: 100%;
			text-align: center; /*centrowanie dla IE*/
}
#cont {  
			width: 800px; 
			height: 100%; 
			margin: 0 auto; 
			padding: 0;
			text-align: left;  /*czyszczenie centrowania dla IE*/
			position: relative;
}
p { 
			clear: both; 
}
h1 { 
			width: 100%; 
			height: 90px; 
			margin: 0 0 2em; 
			padding: 0; 
}
h1 a {  
			width: 100%; 
			height: 100%; 
			display: block; 
}
h2 { 		
			margin: 0.83em 0; 
}
h3 { 		
			margin: 1em 0; 
}

/*=========*/
/*fonty*/
body,html{
			font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
			font-size: 100%;  
			line-height: 1.4em;
}
a {
			font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
			font-size: 1em;
			text-decoration: none;
}
h1, h2, h3, h1 a {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
}
h1 { 			 
			font-size: 2em;
			line-height: 3em; 
}
h2 { 			
			font-size: 1.5em; 	 
			font-variant: small-caps; 
			letter-spacing: 0.1em;  
}
h3 { 		
			font-size: 1.17em;  
			letter-spacing: 0.05em;  
}

/*=========*/
/*kolory*/
body,html { 
			color: #001062; 
			background-color: white;   
}
a { 
			color: #000;  
			background-color: transparent;  
}
a:hover { 
			color: #9c9c9c; 
			background-color: transparent; 
}
h1 a { 
			color: #0720e2; 
			background-color: transparent; 
			background-image: url(../img/northpole_2razy90.gif); 
			background-repeat: no-repeat; 
			background-position: right top; 
			border-bottom: 1px dotted #7283e8; 
}
h1 a:hover { 
			color: #8cd1f6; 
			background-color: #fff; 
			background-image: url(../img/northpole_2razy90.gif); 
			background-repeat: no-repeat; 
			background-position: right -90px; 
			border-bottom: 1px solid #9cebff; 
}
h2 { 		color: #0720e2; 
			background-color: #fff; 
			border-bottom: 1px solid #0720e2; 
			border-left: 10px solid #0720e2; 
}
h3 { 
			color: #0720e2; 
			background-color: #fff; 
}

samp, var, kbd, span.sciezka{
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3333CC;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
samp, var, span.sciezka{
	background-image: url(../img/bg-inline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
kbd{
	background-image: url(../img/bg-inline-2.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
/*=========*/




a { border-bottom: 1px dotted #000; }
a:hover { border-bottom: 1px solid #000; }


dt { color: #000; background-color: #e0f1fd; margin: 0; padding: 0 0 0 20px; }
dd { font-size: 1em; line-height: 2em; position: relative; width: 750px; margin: 0.2em 0 1em; padding: 0 0 0 50px; }
dd span { position: absolute; top: 0; left: 20px; border: solid 1px #e0f1fd; }
dd:hover span { font-size: 2em; }
dd q { color: #9c9c9c; font-size: 0.8em; line-height: 0.8em; background-color: #e0f1fd; position: absolute; top: -1.5em; right: 2em; display: none; }
dd:hover q { display: block; }
dt code +code { color: #9c9c9c; background-color: transparent; padding-right: 0; padding-left: 0; }
code { color: #000; background-color: #e0f1fd; padding-right: 0.3em; padding-left: 0.3em; }
em.def, abbr { padding-right: 0.3em; padding-left: 0.3em; border-bottom: 1px dotted #000; cursor: help; }
.przyklad { color: #000; background-color: #f9f9f9; width: 350px; float: left; margin-right: 20px; margin-left: 20px; padding-bottom: 1em; }
.przyklad h3 { color: #000; font-size: 1em; font-weight: normal; line-height: 1.2em; background-color: #f1f1f1; text-align: center; margin: 0; padding: 0.5em 0; }
.przyklad p { width: 195px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; border-left: 2px dotted #fff; }


/*========================typografia==========================*/

p q { 		/*cudzysłowy w cytowaniu*/
			border-bottom: 1px dotted #000; 
			cursor: help; 
			quotes: "\201E" "\201D"      
}
p q:before { /*cudzysłowy w cytowaniu - przed*/
			content: open-quote 
}
p q:after { /*cudzysłowy w cytowaniu - po*/
			content: close-quote 
}
p q[cite]:hover:after { /*wyświetlanie źródła cytatu*/
			content:  "URI: " attr(cite) " "close-quote; 
			
			display: block;
			width: 15em; 
			position: absolute; 
			top: 1.6em; 
			right: -1em; 
			padding: 0.2em 0.2em 0.2em 0.5em; 
			color: #fff; 
			background-color: #0720e2;
			font-size: 0.8em; 			
}
/*=============================================================*/
/*=====================nawigacja===============================*/
#navi { 
			color: #fff; 
			background-color: #0720e2; 
			position: absolute; 
			top: 90px; 
			left: 0; 
			width: 100%; 
}
#navi ul, #navi li { 
			float: left; 
}
#navi li { 
			color: #fff; 
			background-color: transparent;
			
			font-size: 0.85em; 
			font-weight: bold; 
			font-variant: small-caps; 
			line-height: 1.2em; 
			/*vertical-align: bottom; */
			margin-right: 0.1em; 
			margin-left: 0.1em; 
			padding: 5px; 
			overflow: visible; 
}
#navi a { 
			color: #9c9c9c; 
			background-color: transparent; 
			
			font-size: 1em; 
			text-decoration: none; 
			
			
			margin-right: 0.2em; 
			margin-left: 0.2em; 
			padding-right: 0.3em; 
			padding-left: 0.3em; 
			border-bottom: 1px dotted #fff; 
			overflow: visible; 
}
#navi a:hover { 
			color: #fff; 
			background-color: transparent; 
}
#navi a#active { 
			color: #fff; 
			font-size: 1em; 
			text-decoration: none; 
			background-color: transparent; 
			margin-right: 0.2em; 
			margin-left: 0.2em; 
			padding-right: 0.3em; 
			padding-left: 0.3em; 
			overflow: visible; 
			border-width: 0; 
}
/*==============================================================*/
.rel { position: relative; }

img.img-in-txt{
	display: block;
	margin: 0 auto;
	padding:1em 0;
}