* { margin:0; padding:0 }
html, body { text-align:center; font-family:"Open Sans" }
img { border:0 }
pre { text-align:left }
a { color:#3b3b3b; text-decoration:none }
a:hover { color:#005023; text-decoration:underline }

ul { padding-left:23px }
ol { padding-left:20px }
/*li { list-style: circle url('./images/punkt.gif') outside }*/

.clear { clear:both }
.center { width:1020px; margin:auto; text-align:left }

#top-loga { width:100%; height:121px; background-color:#ffffff; text-align:center }
#top-loga-lasy { float:left; margin:21px 0 0 132px }
#top-loga-90lat { float:right; margin:21px 131px 0 0 }

#top-pasek { width:100%; height:120px; background:url('./images/pasek-top.png') top repeat-x }
#top-pasek-1 { float:left; width:324px;  height:60px; border-right:1px solid #010702; overflow:hidden; font-family:"Open Sans"; font-weight:300; color:#9edea9; font-size:10px; line-height:14px }
.top-pasek-margin { margin-top:12px; margin-left:39px }
.top-pasek-margin-2 { margin-left:39px }
#top-pasek-1-bold { font-weight:700; color:#ffffff; font-size:19px; line-height:20px }
#top-pasek-1-bold a,
#top-pasek-1-bold a:hover { color:#ffffff; text-decoration:none }
#top-pasek-2 { float:left; width:354px; height:60px; border-left:1px solid #18421f; overflow:hidden; font-family:"Open Sans"; font-weight:300; color:#9edea9; font-size:10px; line-height:14px }
#top-pasek-2-bold { font-weight:600; color:#ffffff; font-size:15px; line-height:22px }
#top-pasek-2-bold a,
#top-pasek-2-bold a:hover { color:#ffffff; text-decoration:none }
.top-pasek-2-mapa { float:left; border-bottom:1px solid #3a4e3d }
#top-pasek-2-mapa-2 { margin-left:29px }
#top-pasek-3 { float:left; width:200px; height:45px; margin-top:15px }
#top-pasek-3 select { width:170px }
#top-pasek-4 { float:left; width:60px; text-align:right }
#top-pasek-4 img { margin-top:18px }
#top-pasek-5 { float:left; width:55px; text-align:right }
#top-pasek-5 img { margin-top:20px }

#content {
	width:1000px; margin:auto; text-align:left; background-color:#f3f3f3; border:10px solid #ffffff;
	box-shadow:0px 0px 9px rgba(0, 0, 0, 0.75);
	behavior: url('./lib/PIE-1.0.0/PIE.htc');
}

#bottom { width:100%; height:83px }
#bottom-pasek {
	position:fixed; bottom:0; width:100%; height:61px; background:url('./images/pasek-bottom.png') bottom repeat-x;
	-webkit-transform: translateZ(0); /*fix position-fixed on mobile*/
	z-index:999999;
}
#bottom-pasek-in { width:1020px; margin:auto; text-align:left }
#bottom-pasek-logo {
	float:left; width:330px; height:40px; background:url('./images/logo-lasy-2.png') no-repeat; margin:10px 0 0 40px;
	font-family:"Open Sans"; font-weight:700; line-height:40px; color:#ffffff; font-size:19px;
}
#bottom-pasek-logo a,
#bottom-pasek-logo a:hover { color:inherit; text-decoration:none }
#bottom-pasek-logo div { margin-left:61px }
#bottom-pasek-dane { float:left; width:340px; font-family:"Open Sans"; font-weight:300; font-size:12px; line-height:20px; color:#5a765e; margin-top:10px }
#bottom-pasek-dane .white { color:white }
#bottom-pasek-dane .white a,
#bottom-pasek-dane .white a:hover { color:#ffffff; text-decoration:none }

@media(max-width:1020px){

/*#top-loga { width:340px; height:84px; margin:auto }
#top-loga-lasy { float:left; margin:10px 10px 0 10px }
#top-loga-lasy img { width:320px }
#top-loga-90lat { display:none }*/
#top-loga { width:100%; height:100px; background-color:#ffffff; text-align:center }
#top-loga-lasy { float:left; margin:10px 0 0 10px }
#top-loga-90lat { float:right; margin:10px 10px 0 0 }

.center { width:680px }

#top-pasek-1 { width:220px }
.top-pasek-margin { margin-left:5px }
.top-pasek-margin-2 { margin-left:5px }
#top-pasek-1-bold { font-size:16px }
#top-pasek-2 { width:220px }
#top-pasek-2-bold { font-size:14px }
#top-pasek-2-mapa-2 { margin-left:10px }
#top-pasek-3 { width:200px }
#top-pasek-3 select { width:165px }
#top-pasek-4 { float:left; width:30px }

#content { width:670px; border:5px solid #ffffff }

}

@media(max-width:750px){

#top-loga { width:340px; height:84px; margin:auto }
#top-loga-lasy { float:left; margin:10px 10px 0 10px }
#top-loga-lasy img { width:320px }
#top-loga-90lat { display:none }

.center { width:340px }

#top-pasek { width:340px; height:183px; background:none; background-color:#031c07; margin:auto }
#top-pasek-1 { width:340px; border:0; border-bottom:1px solid #000000 }
#top-pasek-2 { width:340px; border:0; border-bottom:1px solid #000000 }
#top-pasek-3 { width:200px; height:45px; margin:15px 0 0 39px }

#content { width:330px; border:5px solid #ffffff }

}