html{
font: .85em "Trebuchet MS", Arial, sans-serif;
color:#120;
}

body{
margin:0;
}

#title .content, img, #content .content #iebg { behavior: url(iepngfix.htc) }

/*Klocki*/
.container{
margin:0 auto;
width:100%;
min-height:2.5em;
background:transparent url('contc_bg.png') repeat-y top right;
}

.content{
margin:0 auto;
padding:0;
width:75em;
max-width:96%;
min-height:2.5em;
}

.clearer{
clear:both;
}

div#lynxuser {
	position: absolute;
	top: -10em;
	left:0em;
	text-align: center;
	font: 13px/1.5em "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif;
}
div#lynxuser a {
	color:#ad4;
	width:10em;
	height:1em;
	display:block;
   padding:1em 0.5em;
}

div#lynxuser a:active,
div#lynxuser a:focus {
	position: absolute;
	top:10em;
}

#topbar{
background: #080;
border-bottom:2px solid #120;
}

#menuleft{
float:left;
margin:0 1em;
background:#120 url('greenbar.png') center bottom no-repeat
width:50px;
}

#menuleft a {
  height:1em;
/*  display:block; */
 padding-top: 8px;
 margin-top:10;
 border: black 0px;
 vertical-align:middle;
 background-image:none;

}

#menuleft a img {
  border:none;
  padding-top: 8px;
}

#menu{
float:right;
/* padding:auto 10em; */
background:#120 url('greenbar.png') center bottom no-repeat
}

#title{
font: 1em "Times New Roman", Times, serif;
}
#botbar{
height:3em;
background: #080;
border-top:2px solid #120;
}

#title .content{
height:11em;
background:transparent url('mdk_logo.png') top left no-repeat;
}

#content .content{
background:transparent url('pencils.png') bottom left no-repeat;
/*margin-top:-50px;*/
}

#content .content {
	position:relative;
	overflow: hidden;
   -ie-exp: expression(
      this.parsed ? 0 : (
         this.style.backgroundImage = 'none',
         bg = document.createElement('div'),
         bg.id = 'iebg',
         this.appendChild(bg),
         this.parsed = 1
      )
   );
}

#content .content #iebg {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 263px;
   height: 426px;
	z-index:-1;
	background:transparent url('pencils.png') bottom left no-repeat;
}


#sidenotes{
float:left;
background:transparent url('strona_2a.png') top right no-repeat;
width:24%;
padding:8em 5px 0 0;
}

#main{
float:left;
width:75%;
background:transparent url('strona_a.png') top right no-repeat;
min-height:950px;
}

#main p, #main ul, #main ol, #main h2, #main h3{
margin: 1em 250px 1em 2em;
}

#rightphoto{
width: 250px;
float: right;
margin:1em 0 0 0;
}


#rightphoto ul, #rightphoto *{
	list-style:none;
	margin:0;
	padding:0;
}

#rightphoto li{
	display:block;
	float:right;
	clear:right;
	width:250px;
}

#rightphoto li img{
	border:none;
}


/* MENU */
div#menu ul{
margin:0 6em;
}
div#menu ul,
div#menu ul ul {
	padding:0;
	margin:0;
	z-index:2
}

div#menu ul li a{
	padding:.75em 2em;
	display:block;
	font-weight:bold;
}
div#menu ul li {
	float:left;
	width:auto;
	margin:0 -2px 0 0;
	position:relative;
	list-style-type:none;
	display:block;
	z-index:10;
	border-left: 2px solid #dfa;
	border-right: 2px solid #dfa;
}
div#menu ul ul{
	width:10em;
}

div#menu ul ul li {
	padding:0;
	margin: 0em;
	width:10em !important;
	width:100%;
	text-align:left;
	border:1px solid #120;
	border-top:none;
	background:#dfa;
}

div#menu ul li ul {
	left:-2000em;
	position:absolute;
}

div#menu ul li:hover ul,
div#menu ul li.hower ul{
	left:auto;
	top:2.8em;
	left:-.2em;
}

div#menu ul li:hover,
div#menu ul li.hower{
  background: transparent url('pictures/newcateg.gif') no-repeat top;
}

div#menu ul li a {
 color:#CCFF66;
 text-decoration: none;
 display:block;
}

div#menu ul ul li a {
/*  width:100em; */
 padding:.5em;
 font-weight:normal;
 font-size:.8em;
 background:#dfa;
 color:#120;
}

div#menu ul li a:hover,
div#menu ul li a:active,
div#menu ul li a:focus{
	color:#120;
	background:#dfa;
}

div#menu ul ul li a:hover,
div#menu ul ul li a:active,
div#menu ul ul li a:focus{
 	background: #120;
	color: #dfa;
}

div#menu ul li ul a:hover,
#kategorie li.hower ul a {
 background-image: none;
}

/*tabbedbrowsing, no javascript*/
div#menu ul ul li a:active,
div#menu ul ul li a:focus{
	left:2000em;
	position:absolute;
}

div#menu ul ul li:hover a:active,
div#menu ul ul li:hover a:focus,
.js div#menu ul ul li a:active,
.js div#menu ul ul li a:focus{
	left:auto;
	position:static;
}

div#menu ul li a.selected{
color:#fff
}

/* TITLE */
#title .content *{
margin: auto;
}

#title h1{
text-align:center;
padding:2em 0em 1em 10.1em!important;
padding:.25em 0em .25em 10.1em;
font-size:1.5em;
}

#title h1 a{
text-decoration:none;
color:#120;
color:#008000;
font-style:italic;
}

#title h1 span{
font-size:1.7em;
padding:0 .5em;
}

/* SIDENOTES */
div#sidenotes ul,
div#sidenotes ul ul {
	padding:0;
	margin:0;
	z-index:2
}

div#sidenotes ul li a{
	padding:.75em 1%;
	display:block;
	text-align:left;
	width:98%;
  -ie-exp: expression(
      this.parsed ? 0 : (
         this.style.width = '100%',
         this.parsed = 1
      )
  );
}
div#sidenotes ul li {
	float:left;
	width:100%;
	position:relative;
	list-style-type:none;
	display:block;
	z-index:10;
	clear:left;
	border-bottom:1px solid #ad4;
}

div#sidenotes ul ul{
	width:13em;
}

div#sidenotes ul ul li {
	padding:0;
	margin:0;
	width:15em !important;
	width:100%;
	text-align:left;
	background:#f00;
}

div#sidenotes ul li ul {
	left:-2000em;
	position:absolute; 
}

div#sidenotes ul li:hover ul,
div#sidenotes ul li.hower ul{
	left:auto;
 	top:0em;
	left:100%;
}

div#sidenotes ul li:hover,
div#sidenotes ul li.hower{
  background: transparent url('pictures/newcateg.gif') no-repeat top;
}

div#sidenotes ul li a {
 color:#800;
 text-decoration: none;
 display:block;
}

div#sidenotes ul ul li a {
 background: #dfa;
 color: #120;
 width:13.5em;
 padding:.75em
}

div#sidenotes ul li a:hover,
div#sidenotes ul li a:active,
div#sidenotes ul li a:focus{
	color:#120;
	background:#dfa;
}

div#sidenotes ul ul li a:hover,
div#sidenotes ul ul li a:active,
div#sidenotes ul ul li a:focus{
 	background: #fff;
	color: #800
}

div#sidenotes ul li ul a:hover,
#kategorie li.hower ul a {
 background-image: none;
}

/*tabbedbrowsing, no javascript*/
div#sidenotes ul ul li a:active,
div#sidenotes ul ul li a:focus{
	left:2000em;
	position:absolute;
}

div#sidenotes ul ul li:hover a:active,
div#sidenotes ul ul li:hover a:focus,
.js div#sidenotes ul ul li a:active,
.js div#sidenotes ul ul li a:focus{
	left:auto;
	position:static;
}

div#sidenotes ul li a.selected{
color:#fff
}

/* Pornpups */
.pict{
float:left;
clear:both;
}

.pict2{
float:right;
clear:both;
}

.pict img,.pict2 img {color:white; background: white; padding: 5px; vertical-align: bottom; border:1px solid #ddd;}
#popup body {padding: 5px 0; margin: 0; text-align:center;}
#popup p {margin:0;}	

/* Lightbox */

#lightbox{
	background-color:#eee;
	padding: 2px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#botbar p{
font-size:.8em;
padding: 0 1.5em 0 1.5em;
color:#cf6;
}

#botbar a{
/* font-size:1em; */
padding: 0 1.5em 0 1.5em;
color:#cf6;
text-decoration: none;
font-weight: bold;
}

#botbar span{
float:right;
margin:-1.5em 0;
}

#main a{
color:#b00;
font-weight:bold;
text-decoration:none;
}

#main a:hover{
color:#b00;
font-weight:bold;
text-decoration:underline;
}


.danekontaktowe {
font-size:8pt;
color:green;
}

h3 {
color:#b00;
font-weight:bold;
text-decoration:none;
}