/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {line-height: 1;background-color:#f0f0f0;font-size: 15px;color: #656565;font-family: 'Open Sans', 'Trebuchet MS', Tahoma, Arial, sans-serif;text-align: center;margin: 0px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

a, a:active, a:link, a:visited {color: #5271d6;text-decoration: none;}
a:hover{color: #780000;text-decoration: none;}
a.activeLink {color: #780000;text-decoration: none;}
iframe {width: 569px;}

#content {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 50px;
  width: 80%;
  background-color: #ffffff;
  background-image: url(../img/logo_bg_n5.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom: 3px solid #e4e4e4;
  line-height: 16px;
}

.rightColumn img{
  max-width: 100%;
}

table{
  font-size: 13px;
  width: 90%;
}

td, th{
  padding: 5px 5px;
  border: 1px solid gray;
}

th{
  background: #E4EBFF;
}

tr:nth-child(2n+1){
  background: #F5F5FF;
}

.rightColumn p,
.rightColumn ul{
  margin-bottom: 12px !important;
}

.rightColumn table{
  margin: 10px 0 20px;
}

#content p {
  line-height: 20px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.menu {
	margin: 0px auto;
	text-align: center;
	margin-top: -30px; 
	margin-right: 50px; 
	float: right;
}

a.posMenu {
	text-decoration: none;
	font-weight: 300;
	color: #656565;
}

a.posMenu:hover {
	text-decoration: underline;
	font-weight: 300;
	color: #2b68b9;
}

.posMenuAkt {
	text-decoration: none;
	font-weight: 600;
	color: #2b68b9;
}

.imgLightbox {
	margin: 10px;
}

.mainColumn {
  margin: 0px auto;
  width: 92%;
  text-align: left;
}

.leftColumn {
  margin-top: 30px;
  width: 28%;
  text-align: left;
  float: left;
}

.rightColumn {
  margin-left: 20px;
  margin-top: 30px;
  width: 65%;
  text-align: left;
  float: left;
  border-left: 1px #a1a1a1 solid;
}

.rightColumnContent {
  line-height: 20px;
  margin-left: 30px;
}

#content .rightColumn ol {
  margin-left: 25px;
  list-style: decimal;
}

#content .rightColumn ul {
  margin-left: 25px;
  list-style: disc;
}

#content .rightColumn li {
  line-height: 20px;
  margin-top: 9px;
  margin-bottom: 9px;
}

.header {
  background-image: url(../img/logo_n5.png);
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom: 1px #a1a1a1 solid;
  height: 130px;
  display: flex;
  justify-content: space-between;
}

.header1 {
	width: 770px;
	height: 75px;
	float: left;
}

.header2 {
	width: 200px;
	height: 75px;
	float: left;
	text-align: right;
}

.header3 {
	border-bottom: 1px #a1a1a1 solid;
	height: 55px;
}

.cpt {
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
  margin-left: 90px;
}

.reference{
  font-size: 14px;
  margin: 18px 0 0 92px;
}

.program {
  font-size: 35px;
  font-weight: 400;
  margin-top: 15px;
  margin-left: 90px;
}

.rozwin {
	width: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.nextprev {
  margin-left: 20px;
  margin-top: 20px;
  width: 589px;
  text-align: center;
  float: left;
}

#searchBox {
	margin-top: 30px;
}

.searchInput {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px #c4c4c4 solid;
	background: #e7e7e7; 
	padding: 5px;
	padding-left: 10px;
	width: 180px;
	float: left;
}

.lupa {
	margin-left: -25px;
	margin-top: 5px;
	cursor: pointer;
	float: left;
}

.footer {
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 30px;
  font-size: 14px; 
  border-top: 1px #a1a1a1 solid;
}

#content .rightColumn h2 {
  font-size: 22px;
  font-weight: bold;
  color: #365F91;
  margin-top: 0px;
  margin-bottom: 10px;
}

#content .rightColumn h3 {
  font-size: 18px;
  color: #365F91;
  margin: 0px;
  margin-top: 10px;
}

#content .rightColumn h4 {
  font-size: 13px;
  font-weight: bold;
  color: #365F91;
  margin: 0px;
  margin-top: 10px;
}

.clearBoth {clear: both;}

#helpMenu {margin-top: 10px;}
#helpMenu li {padding: 1px 0 3px;}
#helpMenu li span {background: url(../i/treeview-default.gif) no-repeat top left;cursor:pointer;}
#helpMenu li span {margin-left: -17px;}
#helpMenu li.opened span.last {background-position:-64px -23px;width:17px;height:13px;display:inline-block;}
#helpMenu li.closed span.last {background-position:-80px -1px;width:17px;height:13px;display:inline-block;}
#helpMenu li { background: url(../i/treeview-default-line.gif) 0 0 no-repeat; }
#helpMenu li.node0 {background: none;}
#helpMenu li.node1 {margin: 3px 0 5px 16px;}
#helpMenu li.node2 {margin: 3px 0 5px 16px;}
#helpMenu li {padding-left: 17px;}
#helpMenu li.last, #helpMenu li.last.opened, #helpMenu li.last.closed {background-position: 0 -1766px;}
#helpMenu li.closed span.inside {background-position:-80px -1px;width:17px;height:13px;display:inline-block;}
#helpMenu li.closed.last span{background-position:-32px -68px;}
#helpMenu li.opened {background-position: 0 -176px;}
#helpMenu li.opened span.inside {background-position:-64px -23px;width:17px;height:13px;display:inline-block;}
#helpMenu li.opened.last span{background-position:0 -112px;}
#helpMenu ul.target > li.closed > span.inside {background-position:-80px -1px;width:17px;height:13px;display:inline-block;}
#helpMenu ul.target > li.closed.last > span{background-position:-32px -68px;}
#helpMenu ul.target > li.opened > span.inside {background-position:-64px -23px;width:17px;height:13px;display:inline-block;}
#helpMenu ul.target > li.opened.last > span{ background-color: #FFFFFF;background-position: -64px -26px;height: 10px;}
.hidden {display:none;}
.shown{display:block;}

.nextprev .historyPrevGrey, .nextprev .historyNextGrey {color:#666666;cursor: default;}
 

.searchResult {color: #ff0000;}
div.rightColumnContent h2.search {padding-bottom: 5px;}
div.rightColumnContent div {margin-top: 5px;}
div.rightColumnContent div h3 {cursor: pointer;}
.lastSearch {display: block; padding-left: 2px; cursor: pointer; margin-top: 2px; margin-bottom: 3px; font-size: 11px;}

a.toArticle {cursor: pointer;text-decoration:underline}

@media (max-width: 1500px) {
  #content{
    width: 90%;
  }
}

@media (max-width: 1050px) {
  #content{
    width: 95%;
  }

  table{
    width: 100%;
  }
}