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, strong, 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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

h1{
font-size:16pt;
font-weight:bold;
margin-top:5px;
margin-bottom:10px;}

h3{
font-size:12pt;
font-weight:bold;
margin-top:5px;
margin-bottom:10px;}

box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {   
    display: block;   
}  


body {
font: 14px Arial, sans-serif;
color: #464646;
background: #e9e9e9;
line-height: 16px; 
margin: 0px;
padding:0px;
}

#wrap {
max-width: 960px;
margin: 0 auto;
padding: 0 30px;
background: white;
}




#main {
float: left;
width: 70%;
margin: 0px 0 30px 0;
padding: 0 50px 0 0;
font: 14px Arial, sans-serif;
color: #464646;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.fr{
float:right;

}

.just{
text-align:justify;
}

#main p {
margin-bottom:5px;line-height:170%
}

#main ul{
list-style:square;
margin-left:50px;
}
#main ul li{
list-style:square;
margin:10px;
}

#main .button{
	display:block;
	padding:8px 0px;
	color:#0a1e60;
	text-decoration:none;
	font: bold 14px Arial, sans-serif;
	margin-bottom:20px;
}
#main .button:hover{
color: #a8a8a8;
}

#main #news #item{
display:block;
clear:both;
}

#main #news #item #date{
	display:block;
	float:left;
	width:80px;
	font-size:18pt;
	
}

#main #news #item #content{
	display:block;
	padding-left:80px;
	text-align:justify;
	
}




#main #kariera ul li{
list-style:none;
border-top:1px solid silver;
padding: 20px 0px;
margin:10px;
}



#main #news ul{
margin:0px;
}

#main #news ul li{
list-style:none;
margin-bottom: 20px;
}








#main #news ul li #date{
display: block;
float: left;
width: 80px;
font-size: 18pt;
}

#main #news ul li #content{
	display:block;
	padding-left:80px;
	text-align:justify;
}

#main #news .pagination{
font-size: 12pt;
}















#sidebar {
float: right;
width: 30%;
margin: 0 0 30px 0;
font: 14px Arial, sans-serif;
}


#sidebar #news #item {
margin-bottom: 20px;
}
#sidebar #news #item #date{
	display:block;
	font-size:12pt;
	font-weight:bold;
}

#sidebar #news #item #content{
	text-align:justify;
}


footer[role="contentinfo"] {
clear: both;
float: center;
font-weight: bold;
font: 14px Arial, sans-serif;
}



nav {
background: #435;
width: 100%;
float:left;
text-align:center;
display: block;
height: 20px;
}

nav ul {
margin: 0;
padding: 0;
list-style: none;
display:inline-block;
}

nav ul li {

float: left;
list-style-type: none;
}


nav ul li a{
display: block;
height: 20px;
width: 135px;
font: bold 14px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
text-align: center;
padding:8px;
}

nav ul li a:hover {

color: #a8a8a8;

}

nav ul li a#ostatni{
  width: 135px;

}

#logo {
width: 100%;
font: 28px Trebuchet MS Bold;

}

#logo dt {
float: left;
width: 100%;
font: 28px Trebuchet MS Bold;
color: #435;

}

#logo dd.img img {
float: left;
}

figure img {
max-width: 100%;
}









#wrapper2 {text-align:center;background: #234;margin-bottom:20px;}
#wrapper2 .holder {margin:0 auto;}

.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}

.menu {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu li {display:inline;}
.menu a, .menu a:visited {
  display:block;
  float:left;
  padding:8px 25px;
  color:#fff;
  text-decoration:none;
  font: bold 14px Arial, sans-serif;
  text-transform:capitalize;
  letter-spacing:2px;
  }
.menu a:hover , .menu a.current{
  color:#fff; 
  background:#277;}

.holder2{display:none;}

.holder2 .menu {display:block;}
.holder2 .menu a, .holder2 .menu a:visited {
  display:block;
  padding:8px 0px;
  width:100%;
  color:#0a1e60;
  text-decoration:none;
  font: bold 14px Arial, sans-serif;
  }
.holder2 .menu a:hover {
  color:#fff; 
  background:#08c;
  }

  .footer{padding:15px;}
  
  
  
@media only screen and (max-width: 600px){
	.holder2{display:block;}
	.holder{display:none;}
	#sidebar{display:none;}
	#main{width: 100%;}
}