/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}

/* ustawienia globalne*/
body, html { font-family:Arial, Verdana,Georgia, Helvetica, sans-serif; color:#fff; font-size:12px; background:#1a1a1a}
textarea, input, select {font-family: Arial,Verdana, Helvetica,Georgia,  sans-serif; font-size:12px; color:#3c3c3c; float:left;}
legend {display:none;}
button {cursor:pointer;}
label {cursor:pointer;}
strong {font-weight:bold;}
a {font-size:12px; color:#fff; text-decoration:none; outline:none}
a:hover {text-decoration:none;}

.punktor{padding:0px 15px; overflow:hidden; }
.punktor li{background: url(../img/pkt.gif) no-repeat 1px 3px; padding-left:18px; line-height: 17px}
.nagl, .nags {padding: 10px 15px 0 15px; height:30px; margin-bottom:15px; color: #dadada; font-size: 24px}
.nagl {background:url(../img/nag_l.gif) no-repeat; width:616px}
.nags {background: url(../img/nag_s.gif) no-repeat; width: 263px}

.dp{width: 1000px; margin: 0 auto; overflow:hidden}
#top{background: url(../img/bg.jpg) no-repeat 50% top #699ecc;}
#top_sub{background: url(../img/bg2.jpg) no-repeat 50% top #699ecc;}



#top .top{background: url(../img/top.gif) no-repeat 50% top; height: 599px}
#top_sub .top{background: url(../img/top.gif) no-repeat 50% top; height: 337px}
	h1 {width: 322px; height: 114px; display: inline; background: url(../img/logo.png) no-repeat; text-indent: -200000px; float: left; margin-left:18px; position:relative}
	h1 a {display: block; width: 100%; height: 100%}
	

/*menu */
	#m {width:660px; height:63px; float:left; padding:0}
	#m a {text-indent:-20000px; display:block; overflow:hidden; outline:none; float:left; }
	#m {background:url(../img/menu.gif) 0px 0px; width:660px; margin:0; height:63px; background-repeat:no-repeat; float:left}
		#m li {float: left}
		#m1 {margin-left:33px} 
		#m1 a {width:225px; height:63px}
		#m2 {margin-left:56px}
		#m2 a {width:130px; height:63px}
		#m3 {margin-left:49px}
		#m3 a {width:134px; height:63px}
		
		#m1 a.s, #m1:hover a {background:url(../img/menu.gif); background-position: -33px -63px; outline:none}
		#m2 a.s, #m2:hover a {background:url(../img/menu.gif);  background-position: -314px -63px; outline:none}
		#m3 a.s, #m3:hover a {background:url(../img/menu.gif); background-position: -493px -63px; outline:none}
/*menu end*/	


/*baner*/	
	.baner{width:100%; padding:0px 0px 0px 30px; float:left; height:485px}
	
	.txt{width:460px; height:100px;  margin-top:258px; }
		h2{background: url(../img/slogan.png) no-repeat ;width:458px; height:37px;text-indent:-30000px}
		.txt p{padding-top:10px}
		
	.txt2{width:670px; height:54px;  padding-top:33px;}
		.txt2 .bb{padding:10px 33px 0px 0px; float:left; overflow:hidden}
		.txt2 a.button{background: url(../img/wiecej.gif) no-repeat ;width:154px; height:37px;text-indent:-30000px; display:block;float:left}
/*baner end*/		


/*srodek*/		
	.middle{width:980px; padding: 30px 10px 0 10px; overflow:hidden; float:left}
		.middle p{padding:5px 15px 5px 15px; text-align: justify; line-height: 17px}
		.middle a{color:#ffd600}
		.middle a:hover {text-decoration: underline}
		
		.middle .l{width:646px; float:left; }
		.middle .r{width:294px; height: 360px; float:right; margin-right: 20px; background: url(../img/r-index.jpg) no-repeat}

		
		.r a{text-decoration:underline}
		.r a.box {display: block; width: 294px; height: 120px; text-indent: -20000px}
		.middle .sl {float: left; width: 293px}
		.middle .sl ul {float: left; padding: 0 15px; width: 263px; font-size: 14px}
		.middle .sl ul a {font-size: 14px; color: #fff!important}
		.middle .sl ul a:hover, .middle .sl ul a.s {color: #ffd600!important}
		.sl ul li {float: left; width: 248px; background: url(../img/pkt_0.gif) no-repeat 4px 5px; padding-left: 15px; margin-bottom: 15px}
		.sl ol li {width: 233px; background: url(../img/pkt.gif) no-repeat 2px 5px; padding-left: 18px; margin-bottom: 0!important; margin-top: 3px}
		.sl dl {float: left; width: 218px; padding-left: 15px; line-height: 17px}
		.middle .sr {float: right; width: 646px}
		.lightbox {padding: 10px 15px}
		.lightbox li {float: left; width: 150px; height: 200px; margin-left: 4px; margin-bottom: 5px}
		.lightbox li.f {margin-left: 0}
		.ver li {width: 200px; height: 150px; margin-left: 8px}


/*srodek end*/


/*stopka*/ 
.stopka {width: 100%; height:20px; margin-top:35px; padding:20px 10px 10px 10px; border-top:solid 1px #323232; float:left }
.stopka ul{overflow:hidden; float:left}
.stopka ul li {float:left; margin: 0 20px}
.stopka ul li.last {margin-right: 0}
.stopka ul li a {color:#878787; font-size:11px}
.stopka a:hover {text-decoration: underline}
	
 .stopka .link{float:right; color:#878787;  font-size:11px; width:187px}
 .stopka .link a {font-size:11px; text-decoration:none; color:#878787;  }
	
/*stopka end*/	

.error{margin:100px 0px 180px 0px; font-size:32px; text-align:center!important; line-height: normal!important}

.map{padding:15px 15px 5px 15px; overflow:hidden}		
	#mapa{display:inline; float:left; height:350px; margin-left:0; margin-top:20px; width:615px; border:1px solid #353535 ; color:#353535}