/* ogólne */
* {margin:0px; padding: 0px;}
body { font: 16px Verdana; line-height:1.6; background: #FFF; }
#wrapper { width:90%; overflow:hidden; margin: 0 auto; }
a {color: #354458;}
 
/* logo */
#header { height:100px;   background-image: url("image/top.gif"); margin: 0 0 10px 0; }
#logo {text-align: center;}

/* tresc */
#content { width:80%; background: #FFF; float:left; padding:1%; overflow:hidden; color: #000}
#content p { margin-right: 10%; text-align: justify; text-indent: 5%;}
#content ul li {list-style-type: none;}
 
/* menu */
#menu {   background: #FFF; width:15%; float:left; padding:1%; overflow:hidden; color: #FFF;}
#menu h5 {padding:3px 3px 15px 3px; font-size:14px;}
#menu ul li { text-align: center;
	list-style-type:none;
	padding:0 0 0 10px;
	background: #797 url("image/buttonsm.gif") repeat-x top;
	border-width: 1px;
	border-style: solid;
	border-color: #000 #000 #FFF #000;}
#menu a {text-decoration: none; color: #FFF}
#menu a:hover {text-decoration: none; color: #F00}	

#stopka {
	clear: both;
	width: 100%;
	background-color: #F00;
	color: #FFF;
}
#stopka p {margin-left: 20px}	

@media only screen and (max-width: 900px) {
   #menu {width:88%; position:absolute; height:60px;}
   #menu h5 {display: none;}
   #menu ul li {display: inline; }
   #content {width: 98%;position:relative; top: 30px;margin-top:5%;}
}