body {
	width:60%;
	background-color:rgb(211, 224, 215);
	color:black;
	font-family:Helvetica; 
	margin:0 auto; 
	padding:0; 
}
 
header{
  background:blue;
  margin:0; 
  padding:10px; 
  
}
header h2,h4{
	margin:0; 
	text-align:center; 
}


.text{
font-weight:bold; 
font-size:1.5em; 
}
.color-white{
	color:white; 
}

.color-blue{
	color:#1468a0;
}
.color-red{
	color:red; 
}
.text-center{
	text-align:center;
}

nav{
	width:auto; 
	display: block;
	position: relative; 
	/*background:red;*/
	margin:0 auto; 
}

nav ul{list-style-type: decimal; }
nav ul li{ text-align:left; }


nav ul li a{
text-decoration:none; 
color:#1468a0; 
display:block;
/*text-align:center; */
padding:2px; 
}

nav ul li a:hover{ margin-left:2px; text-decoration:underline;  }

/* SECTIONs */
#maininfo{ text-align:left;}  
#maininfo h1{
	font-size:1.5em;
	color:#1468a0;
	font-weight:bold; 
}
#search{
width:auto;
margin:0 auto;
/*background:green; */
padding:5px; 
}

#search input[type=text]{
width:60%; 
margin:0 auto; 
background:white; 
border:1px solid #cfcfcf; 
padding:10px; 
/*border-radius:8px;*/
font-size:19px;
color:black;
text-shadow:1px 1px 1px #cfcfcf; 
}
p#wyniki {font-size:14px; }



section#pytania{
	margin:0 auto; 
	/*background:blue; */
	padding:5px; 
	
	font-family:Arial; 
}


section.kategoria{
text-align:left; 
margin:0 auto; 	
/*background:red; */
}

.catname{	
color:rgb(92, 81, 81);
 font-weight:bold; 
 font-size:1.5em; 
 margin:0 auto;
 padding:10px 10px; 
}


p.pytanie{ padding:12px; background-color:rgb(180, 200, 200); transition: background-color 0.8s ease; } 

p.pytanie:hover{background:#2d2d2d; cursor:pointer; color:white;}

p.odpowiedz{padding:12px; }
.kategoria p.odpowiedz{display:none; }

.pokaz{ background:#2d2d2d; color:white; padding:12px; }




/* BOTTOM */

footer {
	text-align:center;
	background:black;
	color:white;
	text-shadow:0px 1px 2px grey; 
	font-weight:bold;
	margin-top:25px; 
	bottom:0 !important;
	height:8.99%;
	padding:10px; 
}
footer:hover{text-shadow:0px 1px 2px black; }

/* m Q */ 


@media screen and (max-width: 480px) {
	body{ width:100%; } 
	header{width:100%; }
	nav{
	width:80%; 
	}
	section#maininfo h1{ text-align:center;}
	section#maininfo p{ width:89%; text-align:center; }
	
	nav{width:100%; }
	section#search{text-align:center;}
	section#search input[type=text]{width:97%} 
	section#pytania,section.kategoria{ width:100%; }
	.catname, p.pytanie,p.odpowiedz{width:100%;}
}