@import url(https://fonts.googleapis.com/css?family=Marcellus&subset=latin,latin-ext);

#search { position:relative; cursor:pointer; }
#search > div { display:none; }

h3 { margin-top: 20px; }

#header h1 { 
	text-align:center;
	font-family: Marcellus;
	font-weight: bold;
	margin:0px;
	font-size:1.8em;
	padding-top:10px;
	text-transform: uppercase;
}
#header h1 span { display:block; color:#ff0000; font-family: sans-serif; margin-top:10px; }

font-weight: bold;
color: #E13800;
font-size: 14px;

.t_center { text-align:center; }
.t_right { text-align: right; }
.f_right { float:right; }
.clear { clear:both; }
.bold { font-weight:bold; }
.f_small { font-size:14px; }
.f_big { font-size:20px; }
.menu-mobile { display:none; }
.mobile-big { font-size:20px; }

.resp-container { position: relative; overflow: hidden; padding-top: 56.25%; }
.resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.kafelki { display: flex; flex-wrap: wrap; margin:auto; width:100%; font-size:0.9em; }
.kafelki > a { display:block; width:185px; height:125px; margin:2px; color:white; text-align:center; border-radius:2px; padding:5px; background-repeat: no-repeat; background-position: bottom center; text-shadow: 1px 1px #000; }
.kafelki > a:hover { text-decoration:none; opacity: 0.7; }
.kafelki > a.k_red { background-color: red; color:white; }
.kafelki > a.k_green { background-color: green; color:white;}
.kafelki > a.k_blue { background-color: blue; color:white;}
.kafelki > a.k_black { background-color: #000; color:white; }

.news-image-lewa { float:left; box-shadow: 1px 1px 5px #a0a0a0; margin: 0px 10px 10px 0px; }
.artykul .naglowek { font-size:20px; color:#ff0000; text-decoration:underline; font-weight:bold; }

@media (max-width: 600px) {
	
	body { 
		font-size:14px;
	}

	
	#header h1 { 
		text-align:center;
		font-family: Marcellus;
		font-weight: bold;
		margin:0px;
		font-size:1.2em;
		padding-top:10px;
		text-transform: uppercase;
	}
	#header h1 div { color:#ff0000; font-family: sans-serif; margin-top:10px; }

	#header-top .h_content { font-size: 2em; }
	
	#content .content-left { position:absolute; left:-250px; z-index:1000; }
			
	#content .content-middle { margin-left:0px; }

	#footer .footer_right  { float:none; margin-bottom:10px; }
	#footer div { text-align:center; }
	
	.official-page { display:none; }
	.menu-mobile { display:initial; }
	
	
	/* ============================================= aktualnosci ====================================================*/
	.aktualnosci h2 { font-size:22px; }
	.aktualnosci h3 { font-size:16px; }
	/* ================================================================================================================ */
	
}