@media only screen and (max-width: 980px) {
	
}

@media only screen and (max-width: 860px) {
#logo {text-align: center;}
#logo img {width: 70%; max-width: 323px;}
#top {width: 100%; padding: 0; height: 186px; background: none; margin: 0 auto 0 auto;}
#content {width: 100%; padding: 0; display:flex; display:-webkit-flex;-webkit-flex-flow: column; flex-flow: column;}
#leftblock {float: none; width: auto; order:3; -webkit-order:3; }
	#leftblock .boxtitle {font-size: 15pt;}
	#leftblock .artlist h3 {font-size: 15pt;}
	#leftblock .artlist li {font-size: 15pt;}
#rightblock {float: none; width: auto; margin: 10px 0; order:4; -webkit-order:4;}
	#rightblock .boxtitle {font-size: 15pt;}
	#rightblock .box-2 ul {font-size: 15pt;}
	#news li {font-size: 15pt;}
	#news li h1 {font-size: 15pt;}
#centerblock {float: none; width: auto; padding: 10px 10px 0 10px; margin: 0; order:2; -webkit-order:2; text-align: left; }
	#centerblock #tresc, #centerblock2 #tresc {font-size: 1.7em;}
	.bibliaTresc strong {font-size: 1em;}
	
#centerblock2 {float: none; width: auto;}

#wyszukiwarka {font-size: 16pt;}
#wyszukiwarka h1 {font-size: 16pt;}
#wyszukiwarka select {font-size: 14pt; width: 350px;}

	#centerblock .czytania h3 {font-size: 15pt;}
	#centerblock .czytania h3 span {font-size: 15pt; font-weight: none; display: block;}
	#centerblock .czytania p {padding: 5px 0 5px 20px;}
	#centerblock #tresc .czytania li { font-size: 15pt; padding: 7px 3px 7px 3px;}

	#centerblock .modlitwy h3, #centerblock .media h3, #centerblock .biblia h3 {font-size: 15pt;}
	#centerblock #tresc .modlitwy li, #centerblock #tresc .media li, #centerblock #tresc .biblia li { font-size: 14pt; padding: 10px 3px 10px 3px; }
	#centerblock #tresc .biblia .nazwa {color: #000; font-size: 14pt;}


  #menu {display: none; position:absolute !important; top: 20px; z-index: 15; height: auto; width: 100%; overflow: auto; left: 0; background: #fff;}
  #menu.show {display:block;}
	
	#nav-button.open-menu {display: block; width: 38px; height: 35px; background: url('images/nav-mobile.png') center no-repeat; margin: 0 0 0 auto; border: solid 1px #333; padding: 10px; position: absolute; top: -60px; right: 20px; z-index: 99;}
	#menu .btn.hide {display:block;}

#menu {background: none; order:1; -webkit-order:1; }


#bPlayer {display:  none;}

#menu {padding: 0; height: auto;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;	}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	height: auto;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {float:	 none; position: relative;}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	position: absolute;
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		999;
	width: auto;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: none;
	margin-bottom:	1em;
}

.sf-menu a {
	height: auto;
	padding: 0;
	font-size: 16pt;
	text-decoration:none;
text-align: center;
background: #57b8ef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YjhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjg2ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #57b8ef 0%, #0286d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57b8ef), color-stop(100%,#0286d8));
background: -webkit-linear-gradient(top,  #57b8ef 0%,#0286d8 100%);
background: -o-linear-gradient(top,  #57b8ef 0%,#0286d8 100%);
background: -ms-linear-gradient(top,  #57b8ef 0%,#0286d8 100%);
background: linear-gradient(to bottom,  #57b8ef 0%,#0286d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b8ef', endColorstr='#0286d8',GradientType=0 );
}
.sf-menu a {text-align: center; padding: 0; line-height: 40pt;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-menu li {
	background:		transparent;
	padding: 0;
}
.sf-menu li li {
	background:		none;
	padding: 0;
}
.sf-menu li li li {
	background:		none;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.active {
	color: #fff;
	outline:		0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.sf-menu li.sfHover a {
	color: #fff;
}

.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #47D5EB;
	height: 23px;
	padding: 10px 15px 0 15px;	
	font-size: 11pt;
}

.sf-menu li.sfHover li a:focus, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li a:active, .sf-menu li.sfHover li a.active {
	color: #000;
	outline:		0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	none;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#footer {width: auto;}
#cookieinfo {position: relative; margin: 0 auto 0 auto; width: 90%; padding: 20px 10px 20px 10px; background: #cdcdcd; color: #000; display: none;}	
	
}


@media only screen and (max-width: 479px) {




}