* { padding: 0; margin: 0; }
img {border:0;}

/*background:url(tło5.jpg) fixed no-repeat*/

html, body {background:url(tło6.jpg) fixed; 
  background-size:100% 100%; font:14px/24px Arial, Helvetica, sans-serif;color:#232323;height:100%;width:100%;margin:0;}

#karta{background: rgba(255,255,255,0.8); position: relative;}

#header{height:auto;margin-bottom:30px; background: rgba(255,255,255,0.8);}
#wrapper{margin:0 auto;height:auto;margin-top:0px; position: relative; background: rgb(255,255,255); }
#header section#kontakt{background: none; width: 250px; display:inline-block; margin: 10px 20px 20px 20px}
#header img{width: 300px; margin: 10px 20px 20px 20px}
#header hr{margin-top: -7pt;}
#side{height:auto;margin-bottom:20px; padding-right: 5px; position: absolute;  z-index:0; }
#komunikat{color:rgb(255,0,0);}
#content{height:auto; padding: 10px 20px 20px 20px;}
#content img{width: 450px;}
#content ul{margin:30px; margin-top: 5pt;}
#content p{margin-bottom: 8pt; text-align: justify;}
#content a{text-decoration:none;}
#clear{clear:both;}
#footer{height:auto;background:url(footer.jpeg) 0 0 no-repeat;margin-bottom:30px; background: rgba(255,255,255,0.8); width: auto;}
#menu li a{display:block;height:auto;padding:10px 300px 10px 10px;color:#000;text-decoration:none;}
#menu li a:hover{border-bottom-style: solid; border-top-style: solid; border-width: 1px; border-bottom-color: rgb(255,255,255); border-top-color: rgb(255,255,255);}
#menu li a.aktywny{border-bottom-style: solid; border-top-style: solid; border-width: 1px; border-bottom-color: rgb(255,255,255); border-top-color: rgb(255,255,255);}
#menu li a#pierwszy:hover{border-bottom-color: rgb(153,255,255); border-top-color: rgb(0,204,255);}
#menu li a#drugi:hover{border-bottom-color: rgb(255,179,0); border-top-color: rgb(255,255,255);}
#menu li a#trzeci:hover{border-bottom-color: rgb(153,255,255); border-top-color: rgb(255,255,255);}
#menu li a#czwarty:hover{border-bottom-color: rgb(255,0,0); border-top-color: rgb(255,255,255);}
#menu li a#pierwszy.aktywny{border-bottom-color: rgb(153,255,255); border-top-color: rgb(0,204,255);}
#menu li a#drugi.aktywny{border-bottom-color: rgb(255,179,0); border-top-color: rgb(255,255,255);}
#menu li a#trzeci.aktywny{border-bottom-color: rgb(153,255,255); border-top-color: rgb(255,255,255);}
#menu li a#czwarty.aktywny{border-bottom-color: rgb(255,0,0); border-top-color: rgb(255,255,255);}
#footer p{padding:15px 0 15px 30px;color: rgb(90,90,90);}



@media (min-width: 1500px) {
	#wrapper{width:1050px; padding-top:0px;}
	#header{width:100%;}
	#side{width: 530px; padding-right: 300px;}
}
@media (max-width: 1500px) {
	#wrapper{width:70%;}
	#header{width:100%;}
	#side{width: 35%;}
	#content{float:right; }
}

@media (max-width: 1320px) {
	#wrapper{width:75%; margin-right: 4%;}
	#header{width:100%;}
	#side{width: 515px;}
	#content{float:right;  }
}

@media (max-width: 1000px) {
	#wrapper{width:70%; margin-right: 4%;}
	#header{width:100%;}
	#side{width: 515px;}
	#content{float:right; }
}

@media (max-width: 750px) {
	#wrapper{width:100%;}
	#header{width:100%;}
	#side{width: 100%;position: static;}
	#content{float:right;  }
	#menu li a{padding:10px 10px 10px 10px;}
}

@media (max-width: 400px) {

#header img{width: 80%;}
#content img{width: 90%;}


}

	
	
/*
	#wrapper{width:98%;}
	#header img{width: 100%;}
	#side{width:25%;float:left;}
	#content{width:60%;float:left; margin-left: 5%; position: relative;	}
	#footer{width:100%;}


/*
}
@media (max-width: 750px) {
	#wrapper{width:420px;}
	#header{width:420px;}
	#side{width:420px;}
	#content{width:420px;}
	#footer{width:420px;}
	#header img{margin:0;width:420px;height:auto;}
}
@media (max-width: 470px) {
	#wrapper{width:98%;}
	#header{width:98%;}
	#side{width:98%;}
	#content{width:98%; margin-left: 0;}
	#footer{width:98%;}
	#header img{margin:0;width:98%;height:auto;}
}*/