@media screen {
html, body  {
	background: #697075;
	margin:0px; 
	height:100%;
	width:100%; 
	}
/* grafika lewy gorny rog */
#corner {
	background:url(images/corner.gif) no-repeat;
	height:247px;
	width:300px;
	position:absolute;
	left:0%;
	top:0%;
	}
/* cien nad header */
#shadow {
	background:url(images/shadow.png) no-repeat;
	width:1000px;
	height:70px;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: -1px;
	}
/* head */
#head {
	width:730px;
	height:250px;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 80px;
	z-index:2;
	}
#intro {
	width:750px;
	height:280px;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 71px;
	z-index:2;
	}
#header {
	background:url(images/head.jpg) no-repeat;
	width:100%;
	height:100%;
	z-index:2;
	position:relative;
	}	
/* grafika pod content*/
#top {
	background:url(images/top.png) no-repeat;
	width:1000px;
	min-height:1050px;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	}
#intro-top {
	background:url(images/top.png) no-repeat;
	width:1000px;
	height:100%;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index:1;
	}
/* grafika na dole strony */
#down {
	background:url(images/down.gif) no-repeat;
	height:385px;
	width:100%;
	z-index:-2;
}
#intro-down {
	background:url(images/down.gif) no-repeat;
	height:385px;
	width:100%;
	position:absolute;
	bottom:0px;
	z-index:0;
}
/* biale tlo dla tresci */
#wypelniacz{
	background: url(images/bg.png) repeat;
	width:750px;
	min-height:1000px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index:1;
	top:71px;
}
#intro-wypelniacz{

	width:750px;
	height:280px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index:1;
	top:71px;
}
/* biale tlo dla wyboru jezyka */
#language {
	background: url(images/language.png) repeat;
	width:85px;
	height:25px;
	position:absolute;
	top:-25px;
	left:665px;
}
#pl a{
  display: block;
  width: 100%;
  height: 100%;
}
#pl {
	display:block;
	background: url(images/pl.png) no-repeat;
	width:20px;
	height:12px;
	position:absolute;
	top:-19px;
	left:671px;
}
#en a{
  display: block;
  width: 100%;
  height: 100%;
}
#en {
	display:block;
	background: url(images/en.png) no-repeat;
	width:20px;
	height:12px;
	position:absolute;
	top:-19px;
	left:697px;
}
#de a{
  display: block;
  width: 100%;
  height: 100%;
}
#de {
	display:block;
	background: url(images/de.png) no-repeat;
	width:20px;
	height:12px;
	position:absolute;
	top:-19px;
	left:723px;
}
/* biale tlo dla medali */
#loga {
	background: url(images/loga.png) repeat;
	width:750px;
	height:140px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	bottom:-142px;
}
#bcc {
	background: url(images/bcc.png) no-repeat;
	width:150px;
	height:81px;
	position:absolute;
	z-index:1;
	bottom:-117px;
	left:70px;
}
#bcc a, #oig a{
	display:block;
	width:100%;
	height:100%;
}
#medal {
	background: url(images/medal.png) no-repeat;
	width:105px;
	height:90px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	z-index:1;
	bottom:-122px;
}
#oig {
	background: url(images/oig.png) no-repeat;
	width:150px;
	height:44px;
	position:absolute;
	z-index:1;
	bottom:-99px;
	right:70px;
}
/* tekst w medalach */
#loga-tekst{
	width:100%;
	color: #ffffff;
	text-align:center;
	position:absolute;
	font-family: "Segoe UI","Arial";
	font-size:85%;
	bottom:-25px;
	z-index:1;
	text-shadow: 0px 0px 1px #222222;
}
/* grafika dla poziomej linii 1 */
#linia1{
	background: url(images/1.png) no-repeat;
	width:1000px;
	height:2px;
	position:absolute;
	top:69px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index:1;
}
/* grafika dla poziomej linii2 */
#linia2{
	background: url(images/2.png) no-repeat;
	width:900px;
	height:2px;
	position:absolute;
	z-index:1;
	bottom:-2px;
	left: -150px;
}
/* grafika dla poziomej linii 3 */
#linia3{
	background: url(images/3.png) no-repeat;
	width:1000px;
	height:2px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	bottom:-144px;
	z-index:1;
	left:-100px;
}
/* grafika dla pionowej linii 4 */
#linia4{
	background: url(images/4.png) no-repeat;
	width:2px;
	height:400px;
	position:absolute;
	left:-2px;
	z-index:1;
	bottom:-250px;
}
/* grafika dla pionowej linii 5 czesc gorna */
#linia5u{
	background: url(images/5u.png) no-repeat;
	width:2px;
	height:100px;
	position:absolute;
	right:-2px;
	top:-70px;
	z-index:1;
}
/* grafika dla pionowej linii 5 czesc dolna */
#linia5d{
	background: url(images/5d.png) no-repeat;
	width:2px;
	height:400px;
	position:absolute;
	right:-2px;
	bottom:-180px;
	z-index:1;
}
/* styl dla poziomej linii 1 */
#hr1 {
	width: 50%;
	min-width:300px;
	background: #ffffff;
	height: 2px;
	font-size: 0;
	position:absolute;
	left: 0;
	top:69px;
}
/* styl dla poziomej linii 2 */
#hr2 {
	width: 50%;
	min-width:300px;
	background: #ffffff;
	height: 2px;
	font-size: 0;
	position:absolute;
	z-index:1;
	right:0;
}
#podhr2 {
	width: 100%;
	height: 2px;
	font-size: 0;
	position:relative;
	z-index:1;
	top:71px;
}
/* styl dla pionowej linii 4 */
#hr4 {
	width: 2px;
	min-height:300px;
	background: #ffffff;
	height: 100%;
	font-size: 0;
	position:absolute;
	left:-2px;
	top:-118px;
	z-index:1;
}
/* styl dla pionowej linii 5 */
#hr5 {
	width: 2px;
	min-height:300px;
	background: #ffffff;
	height: 100%;
	font-size: 0;
	position:absolute;
	right:-2px;
	top:10px;
	z-index:1;
}

#sidebar {
	width:200px;
	height:100%;
	position:absolute;
}
#menu {
	width:100%;
	position:absolute;
	top:310px;
	background: url(images/menubg.png) repeat;
}

#lokalizacja {
	width:100%;
	position:absolute;
	bottom:0;
}
.logo {
	background: url(images/menu.png);
	width:200px;
	height:34px;
	position:absolute;
	top:-31px;
}
.hrmenuright {
	width:1px;
	height:100%;
	background: #f7931d;
	position:absolute;
	right:0px;
}
#hrmenudown {
	width:100%;
	height:1px;
	background: #f7931d;
	position:absolute;
	bottom:0px;
}
#napismenu {
	position:absolute;
	top:-42px;
	left:40px;
	font-family: "Segoe UI","Arial";
	color: #606363;
	font-size:20px;
}
#napislokalizacja {
	position:absolute;
	top:-42px;
	left:40px;
	font-family: "Segoe UI","Arial";
	color: #606363;
	font-size:20px;
}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	color:#2E3E42;
	text-decoration:none;
	position:relative;
	text-shadow: 0px 0px 5px #ffffff;
	font-family: "Segoe UI","Arial";
	top:-14px;
	}
#lokalizacja-tlo {
	width:100%;
	height:100%;
	background: url(images/menubg.png) repeat;
	text-shadow: 0px 0px 5px #ffffff;
	color: #2E3E42;
	font-family: "Segoe UI","Arial";
	text-align:center;
	padding-top:10px;
	padding-bottom: 170px;
	font-size:15px;
}
#mapa {
background: url(images/mapa.png) repeat;
	width:150px;
	height:148px;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 10px;
}
#tresc {
	width:500px;
	padding-left: 225px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-top:280px;
	text-align: justify;
	font-family: "Segoe UI","Arial";
	color: #464a4c;
	overflow:auto;
}
/* Usuniecie przerywanych lini na linkach */
a	{
	outline: none;
	text-decoration:none;
}
	/* menu rozwijane */
dt {
	display:block;
	line-height:18px;
	}
dd {
	display:block;
	line-height:16px;
	}
.kwadrat {
	background: #f7931d;
	width:5px;
	height:5px;
	position:relative;
	left:-10px;
	display:block;
}
.kwadrat1 {
	background: #f7931d;
	width:3px;
	height:3px;
	position:relative;
	left:-32px;
	top:-3px;
	display:block;
}
/* nazwa wpisu */
.nazwa {
	font-size:18px;
	color:#f7931d;
	text-align:left;
	border-bottom:thin solid #f7931d;
	}
/* tresc wpisu */
.tresc {
	font-size:13px;
	padding-left:10px;
	color:#464a4c; 
	text-align:justify;
	}
#tresc span a:link, #tresc span a:visited {
	font-size:13px;
	color:#f7931d;
	text-decoration:none;
	}
#tresc span a:hover,#tresc span a:active  {
	font-size:13px;
	color:#f7931d;
	text-decoration:underline;
	}
#tresc p a:link, #tresc p a:visited {
	font-size:16px;
	color:#464a4c;
	text-decoration:none;
	}
#tresc p a:hover,#tresc p a:active  {
	font-size:16px;
	color:#464a4c;
	text-decoration:none;
	}
#printer a{
	background: url(images/printer.png);
	width:20px;
	height:20px;
	position:absolute;
	left:0px;
	display: block;
	}
#print {
	width:100px;
	height:20px;
	position:absolute;
	right:-5px;
	bottom:10px;
	}
#drukuj a:link, #drukuj a:visited, #drukuj a:hover, #drukuj a:active {
	font-size:13px;
	color:#2E3E42;
	text-decoration:none;
	position:absolute;
	left:23px;
	font-family: "Segoe UI","Arial";
	}
#loader {
	background: url(images/loading.gif) no-repeat;
	position:relative;
	left: 301px;
	top: 117px;
	height:15px;
	width:128px;
	}
#search {
	position:absolute;
	top:270px;
	left:570px;
}

.klawisz {
	background-color:#C8C8C8;
	border:1px solid black;
	color:#464a4c;;
	font-family:verdana,Arial;
	font-size:11px;
}
span.submit {
	display:inline-block;
	width:60px;
	height:15px;
	line-height:15px;
	text-align:center;
	background-color:#C8C8C8;
	border:1px solid black;
	color:#464a4c;
	font-family: "Segoe UI","Arial";
	font-size:11px;
	cursor:pointer;
}
	
div.loader {
	text-align:center;
}
.rok {
	text-align:center; 
	font-size:17px;
	font-weight: bold;
	border:thin dotted #464a4c;
	background:#DFDFDF;
	clear:left;
}
span.menu {
	font-size:14px; 
}
span.menu_podrzedne {
	margin-left:-25px;
	font-size:13px; 
}
#przesun_menu {
	padding-left:15px;
}
.realizacje {
	border:thin dotted #DFDFDF;
	width:100%;
	min-height: 100px;
	margin-bottom:10px;
	float:left;
}
.realizacje a{
	color:#464a4c;
}
#spis {
  line-height:12px;
	position:absolute;
	bottom:-185px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
#intro-spis {
  line-height:12px;
	position:absolute;
	bottom:-45px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
.spis {
	font-size:11px;
	color: #efefef;
	font-family: "Segoe UI","Arial";
	text-shadow: 0px 0px 1px #9c9c9c;
}
}