abbr, acronym, .explain {
	border-bottom: 1px dotted orange;
	color: #000;
	background: none;
	cursor: help;
}

h1, h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #aaa;
}
h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}

h1 { font-size: 190%; }
h2 { font-size: 160%; }
h3 { font-size: 142%; }
h4 { font-size: 123%; }
h5 { font-size: 110%; }
h6 { font-size: 90%;  }

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height:100%;
	max-height:100%; /* fixes the display height in Mozilla and Firefox */
	font: medium Verdana, sans-serif;
	font: x-small sans-serif;
	font: 13px verdana,tahoma,helvetica,arial;
}


body {
	margin: 0px;
	padding: 0px;
	background: #F8F5E6;
	color: #000;
}

.validBtns {
	width:70%;
	border-top: 1px dashed #bc9584;
	margin: 50px auto 5px auto;
	padding-top: 10px;
	text-align: center;
}

a img {
	border: 0px;
}

#container  {
	position: relative;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;	
	border: 1px solid #000;
	border-bottom-width: 0;
}

#the_top {
	position: relative;
	height: 100px;	
	background: #FFDEAD url(logo-aklimx_1.png) no-repeat 100px center;
	border: 0px solid #000;
}

#the_top * {
	display:none;
}

#wrapper { /* wrapper contains the_main */
	width: 100%;
	float: right;
	margin: 0 0 0 -20.5em;
	padding: 0px;
}

#the_main {
	position: relative;
/*	float: right;
powoduje plywanie lewego marginesu diva :/
*/
	margin: -0.2em 0 0 19.8em;
	padding: 0.5em 1em 1em 1em;
	border-top: 1px solid #000;
	color: #000;
	text-align: left;
}
/* miedzy topem a mainem powstala mala (~0.15em) szparka nie wiem skad, to ma ja poprawic */
*>#the_main { /* IE tego nie widzi*/
	margin-top: 0;
}

#the_nav {
	position: relative;
	width: 20em;
	background: #F4A460;
	color: #000;
	border: 1px solid #000;
	height:100%;
}

#the_nav .nav_menu {
	padding:0;
	margin:0;
}

#the_nav .nav_menu  a {
	color: #000;
	text-decoration: none;
}

#the_nav .nav_menu  h4 a:hover {
	background: #FFDEAD;
}

#the_nav .nav_menu  li a:hover {
	color: #FAEBD7;
	font-weight:bold;
}

#the_nav .nav_menu ul {
	margin-left:60px;
	padding:0px;
}

#the_nav .nav_menu ul li {
	margin:0px;
	padding:0px;
}

#the_nav .nav_menu  h4 a {
	padding-left: 25px;
	border-left: 10px solid #c6bfaf;
}
.navm_newsy h4 a:hover { color: white;}

.navm_newsy h4 a		{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }
.navm_projekty h4 a	{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }
.navm_download h4 a	{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }
.navm_praca h4 a		{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }
.navm_linki h4 a		{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }
.navm_nehepl h4 a		{ width: 100%; height: 2em; padding-top: 0.4em; display: block; background:#FAEBD7; }