/* ==========================================================================
   Parafia Rzymskokatolicka p.w. Opatrzności Bożej w Michałowie
   N4K.EU
   #ae1018 #1e1e1e
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,300,700&subset=latin,latin-ext);

body {
  	font-family:  'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	/*line-height: 1.428571429;*/
	background-color: #fff;
  	color: #1e1e1e;
}

.background{
	background-color: #fff;
	display: block;
	height: 125px;
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: -1;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

.index .background{
	background-color: #1e1e1e;
	display: block;
	height: 260px;
	width: 100%;
	border: none;
	position: absolute;
	top: 200px;
	z-index: -1;
}





:focus,
:focus::-moz-focus-inner {
   outline: none;
   border: none;
}

a{
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

a:hover{
	text-decoration: none;
}



/* browse */

#browse{
	display: none;
}

.lt-ie9 #browse{
	background-color: #fff;
	text-align: center;
	border: 0px;
	margin: 0px;
	width: 100%;
	z-index: 3000;
	display: block;
}

.lt-ie9 #qLtempOverlay{display: none;}

#browse img{
	height: 170px;
	width: auto;
}

#browse div{
	height: 460px;
	width: 600px;
	margin-top: -300px;
	margin-left: -230px;
	left: 50%;
	top: 50%;
	position: absolute;
	font-size: 18px;
}


#browse ul{
	padding: 0px;
	display: block;
	clear: both;
	float: none;
	width: 400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#browse ul li{
	margin: 30px 10px 10px 10px;
	padding: 0px;
	display: block;
	list-style-type: none;
	position: relative;
	float: left;
}

#browse a{
	background: url(../img/browse.png) no-repeat left top;
	display: block;
	width: 60px;
	text-align: center;
	font-size: 14px;
	color: #000;
	height: 90px;
	padding-top: 70px;
	vertical-align: top;
}

#browse a.chrome{bbackground: url(../img/browse.png) no-repeat 0 top;}
#browse a.firefox{background: url(../img/browse.png) no-repeat -60px top;}
#browse a.opera{background: url(../img/browse.png) no-repeat -120px top; }
#browse a.safari {background: url(../img/browse.png) no-repeat -180px top;}
#browse a.ie{background: url(../img/browse.png) no-repeat -240px top; }

#browse a:hover{
	color: #C00;
}



#header:before,
#header:after,
#main:before,
#main:after

 {
  content: " ";
  display: table;
}

h1, h2, h3, h4, h5, h6{font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 700;}





/* HEADER
-------------------------------------------------- */

#header{


}

#header #logo h1{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 84px;
	padding-top: 20px;
}



#header #logo h1{
	font-size: 21px;
	color: #333;
}


/* Small devices */
@media (min-width: 767px) and (max-width: 991px) { 

	#header #logo h1{
		margin-top: 15px;
		margin-bottom: 10px;
		padding-top: 0px;
	}	
}



#header #logo h1 small{
	font-size: 16px;
	font-weight: normal;

}

#header h1 #logo:hover
{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
}


@media (max-width: 767px) {
	
	#header #logo h1{
		margin-right: 70px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 15px;
	}
}

@media (max-width: 480px) {

	#header #logo h1{
	width: 250px;
	padding-top: 0px;
	position: relative;
	top: -10px;
	}
}



/*MENU*/


#header #menu{
}



#header #menu > ul{
	list-style: none outside none;
	margin: 70px 0 0 0;
	padding: 0;
	float: right;
}

@media (min-width: 768px) {
	#header #menu > ul{
		display: block!important;
	}
}

#header #menu > ul > li{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

#header #menu > ul > li > a{
	font-size: 18px;
	margin-left: 15px;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
	display: block;
}


#header #menu > ul > li > a:hover
{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #AE1018;
}

/* Small devices */
@media (min-width: 767px) and (max-width: 991px) { 
	#header #menu > ul > li > a{
		margin-left: 10px;
		font-size: 17px;
	}
}


/* Extra small devices */
@media (max-width: 767px) {

#showmenu{
	position: absolute;
	top: -110px;
	right: 30px;
	font-size: 30px;
	color: #1E1E1E;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	outline: none;
	z-index: 800;
	font-weight: normal;
}

#showmenu:hover{
	color: #AE1018;
}	
	


#header #menu{
	position: relative;
	z-index: 2;
	height: auto;
	margin: 0;
	top: 0px;
	overflow: visible;
}

#header #menu > ul{
	float: none;
	display: none;
	padding-top: 40px;
	background-color: #1E1E1E;
}


#header #menu > ul{
	clear: both;
	float: none;
	left: 0;
	list-style: none outside none;
	margin: 0;
	padding: 10px 0;
	position: relative;
	text-align: center;
}


#header #menu > ul > li{
    display: block;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
}

#header #menu > ul > li > a{
	font-size: 20px;
	line-height: 36px;
	margin: 0px;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
}



#header #menu > ul > li > a:hover
{
	color: #fff;
	background-color: #AE1018;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
}


}




/* INTRODUCTION
-------------------------------------------------- */

#introduction{
	position: relative;
	background-color: #ae1018;
	background-repeat: no-repeat;
	background-position: right center;
	height: 400px;
	background-image: url(../img/intro_bg.jpg);
	overflow: hidden;
	margin-bottom: 30px;
	padding-left: 0px !important;
}


#introduction .bg{
	display: block;
	background-color: #ae1018;
	height: 640px;
	width: 560px;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	-moz-transform: skew(-20deg, 0deg);
	-o-transform: skew(-20deg, 0deg);
	-ms-transform: skew(-20deg, 0deg);
	overflow: hidden;
}

#introduction .bg::after{
	content: url(../img/intro_bg_detal.png);
	display: block;
	height: 520px;
	width: 740px;
	transform: skew(20deg, 0deg);
	-webkit-transform: skew(20deg, 0deg);
	-moz-transform: skew(20deg, 0deg);
	-o-transform: skew(20deg, 0deg);
	-ms-transform: skew(20deg, 0deg);
	position: absolute;
	top: -90px;
	left: 40px;
}



#introduction blockquote{
	position: absolute;
	z-index: 2;
	width: 480px;
	left: 50px;
	bottom: 50px;
	margin: 0px;
	padding: 0px;
	border: none;	
}

#introduction blockquote p{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: 300;
	color: #FFF;
	line-height: 1.2em;
}

#introduction blockquote footer{
	font-size: 16px;
	color: #FFF;
	margin-top: 15px;
}


#introduction blockquote footer::before  {
  content: "// ";
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
	#introduction .bg{
		left: -140px;
	}
	
	#introduction blockquote {
		width: 320px;
		bottom: 40px;
    	left: 40px;
	}
	#introduction blockquote p {
  		font-size: 24px;
	}
	
}

/* Small devices */
@media (min-width: 767px) and (max-width: 991px) { 

	#introduction .bg{
		left: -180px;
		opacity: 0.9;
	}
	
	#introduction blockquote {
		width: 320px;
		bottom: 40px;
    	left: 40px;
	}
	#introduction blockquote p {
  		font-size: 24px;
	}

}


@media (max-width: 768px) {

#introduction{
	background-position: center center;
	background-size: cover;
	overflow: visible;
	margin-bottom: 30px;
}
	#introduction .bg{
		display:none;
	}
	
	#introduction blockquote {
		left: 10px;
		bottom: 10px;
		background-color: #ae1018;
		background-color: rgba(174, 16, 24,0.8);
		padding: 20px;
		width: 50%;
		text-align: center;
	}
	#introduction blockquote p {
  		font-size: 18px;
	}


}

@media (max-width: 480px) {

	#introduction blockquote {
		left: 5px;
		bottom: 5px;
		padding: 15px;
		width: 60%;

	}
}






/* FOOTER
-------------------------------------------------- */

#footer{
	background: #1e1e1e;
	display: block;
	clear: both;
	float: none;
	width: 100%;
	color: #CCCCCC;
	padding: 20px;
	font-size: 14px;
	text-align: center;
}

#footer a{
	color: #FFF;
}
#footer a:hover{
	color: #C00;
	text-decoration: none;
}

#footer #copyright{
	text-align: left;
/*	text-transform: uppercase;*/
	font-size: 12px;
}

#footer #footer_nav ul{
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline-block;
}
#footer #footer_nav ul li{
	margin: 30px 0 0 0;
	padding: 0px;
	list-style-type: none;
	float: left;
}

#footer #footer_nav ul li a{
	font-size: 16px;
	text-transform: uppercase;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#footer #footer_nav ul li a:hover{
	color: #990000;
}
#footer #footer_nav ul li.active a{
	color: #fff;
	border-bottom-color: #fff;
}



#created div {
	float: right;
	opacity: 0.4;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	margin-bottom: 5px;
}
#created div a.n4k {
	background: url("../img/n4k.png") no-repeat scroll center center transparent;
	display: block;
	float: right;
	height: 22px;
	text-indent: -9000px;
	width: 50px;
	
}

#created div:hover  {
	opacity: 1;
	color: #fff;  
}



#created div a.n4k:hover {
    background: url("../img/n4k.png") no-repeat scroll center center transparent;
}

#created div span {
    display: block;
    font-size: 9px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}


.parafialne{
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-right: 15px;
	opacity: 0.4;
	clear: both;
	float: none;
}

.parafialne:hover{
	opacity: 1;
}



/* BOX NEWS
-------------------------------------------------- */
.main_header{
	margin-top: 40px;
	margin-bottom: 40px;
}

.main_header a{
	font-size: 52px;
	color: #E5E5E5;
	display: block;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.main_header a:focus{
	text-decoration: none;
}

.main_header a:hover{
	color: #ae1018;
	text-decoration: none;
	border-bottom-color: #ccc;
}

.index_header{
	position: relative;
}

.index_header{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
}

.index_header a{
	display: inline-block;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #AE1018;
	text-transform: uppercase;
	position: relative;
	bottom: -4px;
}



.index_box_header{
	position: relative;
	padding-right: 60px;
	text-align: right;
}

.index_box_header:after{
	content: '';
	background-color: #900;
	display: block;
	height: 100%;
	width: 4px;
	position: absolute;
	right: 0px;
	top: 0px;
	right: 30px;	
}

.index_box_header h2 a{
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;

	display: block;
	padding-top: 50px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
	height: 440px;
}

.index_box_header h2 a small{
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	display: block;
	margin-bottom: 10px;
}

.index_box_header h2 a:hover{
	color: #AE1018;
}


.index_box_header a.all{
	position: absolute;
	right: 60px;
	bottom: 30px;
	display: inline-block;
	padding: 5px 15px;
}

.index_box_header:hover a.all{
	background-color: #AE1018;
	color: #FFF;
}

#list_news{
  border-left: 4px solid #AE1018;
  padding-left: 60px;
}


.news_box{
	display: block;
	min-height: 460px;
	margin-bottom: 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


@media (max-width: 1199px) {
	

.news_box{
	display: block;
	max-width: 480px;
	margin: 0 auto 60px auto;
}

	
}


/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.index_box_header h2 a{
		height: 400px;
	}	
		
	.news_box{
		min-height: 420px;
	}

}

@media  (max-width: 991px) { 

	.index_box_header {
		padding-right: 15px;
		text-align: left;
	}
	.index_box_header h2{
		font-size: 26px;
		border-left: none;
		border-bottom: 4px solid #f0f0f0;
		display: block;
	}
		
	.index_box_header h2 a{
		  border-bottom: 4px solid #ae1018;
		  bottom: -4px;
		  display: inline-block;
		  position: relative;
		  text-transform: uppercase;
		  height: auto;
		  padding: 0px;
	}
	

	.index_box_header h2 a small,
	.index_box_header a.all{
		display: none;
	}
	
	.index_header {
 		 font-size: 26px;
	}	

	.index_box_header:after{
		display: none;
	}
	#list_news {
	  border-left: none;
	  padding-left: 0px;
}
	
	
}

/* SM */
@media (min-width: 767px) and (max-width: 991px) { 
	.news_box{
		min-height: 420px;
	}
}

@media (max-width: 509px) { 
	.col-xxs-12{
		width: 100%;		
	}
}




.news_box:hover{

}

.news_box figure{
	border-bottom: 4px solid #fff;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_box:hover figure{
	border-bottom: 4px solid #AE1018;
}

.news_box figure img{
	-webkit-transition: all 2.4s ease-in-out;
	-moz-transition: all 2.4s ease-in-out;
	-ms-transition: all 2.4s ease-in-out;
	-o-transition: all 2.4s ease-in-out;
	transition: all 2.4s ease-in-out;
}

.news_box:hover figure img{
    transform: rotate(4deg) scale(1.209) ;
    -webkit-transform: rotate(4deg) scale(1.209));
    -moz-transform: rotate(4deg) scale(1.209);
    -o-transform: rotate(4deg) scale(1.209);
    -ms-transform: rotate(4deg) scale(1.209);

}


.news_box header{
	position: relative;
	text-align: center;
}


.news_box header h3{
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 20px 0 0px 0;
	padding: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_box:hover header h3{
	color: #AE1018;
}

.news_box header time{
	text-transform: uppercase;
	color: #ccc;
	font-size: 12px;
	margin: 5px 0 15px 0;
	display: block;
}

#box_news article a:hover header time{

}

.news_box .wstep{
	text-align: center;
	color: #666666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#box_news article a:hover .wstep{
	color: #1e1e1e;
}


/* OWL
-------------------------------------------------- */

.caruselNav{
	position: absolute;
	top: 22px;
	right: 15px;
}

.caruselNav a{
	font-size: 24px;
	color: #E5E5E5;
	cursor: pointer;
}

.caruselNav a:hover{
	color: #AE1018;
}



/* BOX POLECAMY
-------------------------------------------------- */


#ad{
	padding: 0px 0px 20px 0px;
}

#ad h2{
	margin: 0 0 10px 0;
}

#owl-ad .item{
    margin: 3px;
}

#owl-ad .item img{
    display: block;
    width: 100%;
    height: auto;
}



/* BOX GRUPY
-------------------------------------------------- */

#owl-grupy a {
	margin-bottom: 30px;
	display: block;
	padding: 5px;
}



#owl-grupy a figure{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	padding: 30px 0;
}

#owl-grupyp a:hover figure{

}

#owl-grupy a figure img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-grupy a h3{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 114px;
	width: 480px;
	padding: 15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
}

#owl-grupy a:hover h3{
	background-color: #900;
	color: #FFF;
}

/* BOX POLECAM
-------------------------------------------------- */

#owl-recommend{
	margin-bottom: 30px;
}

#owl-recommend a{
	padding: 5px;
	display: block;
}


/* BOX GALLERY
-------------------------------------------------- */


#gallery_module{
	position: relative;
}


#owl-gallery a figure img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-gallery a figure figcaption{
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}

#owl-gallery a:hover figure figcaption{
	background-color: rgba(174, 16, 24,0.7);
}




/* GALLERY
-------------------------------------------------- */

#gallery_list a{
	display: block;
	min-height: 380px;
	margin-bottom: 30px;
	
}

@media (max-width: 500px) {

#gallery_list a{
	min-height: auto;
	margin-bottom: 60px!important;
	width: 100%;
	margin: 0 auto;
}

}

#gallery_list a figure{
	border-bottom: 4px solid #fff;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#gallery_list a:hover figure{
	border-bottom: 4px solid #AE1018;
}

#gallery_list a figure img{
	-webkit-transition: all 2.4s ease-in-out;
	-moz-transition: all 2.4s ease-in-out;
	-ms-transition: all 2.4s ease-in-out;
	-o-transition: all 2.4s ease-in-out;
	transition: all 2.4s ease-in-out;
}

#gallery_list a:hover figure img{
    transform: rotate(4deg) scale(1.209) ;
    -webkit-transform: rotate(4deg) scale(1.209));
    -moz-transform: rotate(4deg) scale(1.209);
    -o-transform: rotate(4deg) scale(1.209);
    -ms-transform: rotate(4deg) scale(1.209);

}

#gallery_list a h3{
	font-size: 20px;
	text-align: center;
}

#gallery_list a h3{
	font-size: 20px;
	text-align: center;
}

#gallery_list a time{
	text-align: center;
	color: #999;
	font-size: 12px;
	display: block;
	text-transform: uppercase;
}







.list_foto{
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.list_foto li{
	list-style-type: none;
	margin-bottom: 20px;
}

.list_foto li a{
	border: 5px solid #F0F0F0;
	display: block;
}

.list_foto li a:hover{
	border: 5px solid #AE1018;

}





/* grupy
-------------------------------------------------- */

.list_group a{
	display: block;
	min-height: 330px;
	text-align: center;
	overflow: hidden;
}




@media (max-width: 600px) {

.list_group > div{
	width: 50%;
}

}

@media (max-width: 480px) {

.list_group > div{
	width: 100%;
	min-height: auto;
	margin-bottom: 30px;
}
}

.group-info{
	margin-top: 30px;
}

.list_group a h3 {
 	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
  display: table-cell;
  font-size: 16px;
  font-weight: normal;
  height: 114px;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out 0s;
  vertical-align: middle;
  width: 480px;
}


.list_group a:hover h3{
	background-color: #AE1018;
	color: #FFF;
}


/* CARUSEL
-------------------------------------------------- */
/*
#carousel{
	position: relative;
	background-color: #272727;
}

#carousel .carousel-navi{
	position: absolute;
	z-index: 2001;
	top: 5px;
	right: 5px;
	font-size: 20px;
}

#carousel .carousel-navi .bxslider-next a,
#carousel .carousel-navi .bxslider-prev a
{
	height: 40px;
	width: 40px;
	display: inline-block;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 7px 0;
	color: rgba(255,255,255,0.4);
	opacity: 0.40;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#carousel .carousel-navi .bxslider-next a:hover,
#carousel .carousel-navi .bxslider-prev a:hover
{
	color: rgba(255,255,255,0.7);
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}


*/


/* NEWS
-------------------------------------------------- */

.news{
	position: relative;
}


.news .meta-info{
	font-size: 12px;
	color: #999;
}

.news figure{
	margin-bottom: 40px;
}


.news header{
	margin-bottom: 20px;
}


.news header h1{
	font-size: 40px;
	line-height: 40px;
	margin-top: 0px;
}
/* SM */
@media (min-width: 767px) and (max-width: 991px) { 
.news header h1{
	font-size: 32px;
	line-height: 32px;

}

}

/* SM */
@media (max-width: 766px){ 
.news header h1{
	font-size: 28px;
	line-height: 28px;

}

}


.news figure figcaption{
	font-size: 14px;
	font-style: italic;
	color: #999;
	text-align: right;
}

.articleBody{
	clear: both;
	float: none;
	margin-bottom: 60px;
	padding-top: 20px;	
	text-align: justify;
}

.articleSectionBody{
	clear: both;
	float: none;
	margin-bottom: 30px;
}



.tx ol li{
	margin-bottom: 5px;
}

.tx ul li{
	margin-bottom: 5px;
}









/* PAGES
-------------------------------------------------- */


.pages {
	margin-top: 60px;
	margin-bottom: 60px;
}


.pages > header{
	padding-right: 30px;
}
.pages > header > h1{
	text-transform: uppercase;
	margin-left: 20px;
	font-size: 32px;
	text-align: right;
}

/* SM */
@media (min-width: 767px) and (max-width: 991px) { 
.pages > header > h1{
	font-size: 26px;
}

}

@media (max-width: 766px) { 
	.pages > header > h1{
	text-align: center;
	margin: 0 0 60px 0;
	border-bottom: 4px solid #f0f0f0;
	}
	.pages > header > h1 > a {
  border-bottom: 4px solid #ae1018;
  bottom: -4px;
  display: inline-block;
  height: auto;
  padding: 0;
  position: relative;
}
.pages > header {
  padding: 0 15px;
}

}

.pages > header > h1 > a > small {
  color: #222222;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0px;
}




/* nav_sidebar
-------------------------------------------------- */


.nav_sidebar{
	margin-top: 60px;
	text-align: right;
}

.nav_sidebar ul{
	margin: 0px;
	padding: 0px;
}
.nav_sidebar li{
	list-style-type: none;
}
.nav_sidebar li a{
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	display: block;
	position: relative;
	text-decoration: none;
	color: #333;
	line-height: 16px;

}



.nav_sidebar li.active a
{
	color: #AE1018;
	font-weight: 700;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}



.nav_sidebar li a:hover{
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
}



.nav_sidebar li a:focus {
	outline: none;
	text-decoration: none;
}







.pages > article  {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #AE1018;
	padding-left: 60px;
}


@media (max-width: 767px) { 
	.pages > article  {
		border: none;
		padding: 0 15px;
	}
}



.pages > article > header > h2 {
/*	text-transform: uppercase;*/
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F8F8F8;
	padding-bottom: 10px;
	margin-top: 30px;
}





/*
.pages > article > header,
.pages > section > header
 {
	margin: 0 0 5px 0;
	padding-bottom: 0px;
	font-size: 36px;
	text-transform: uppercase;
	border-bottom: 4px solid #350404;
	text-align: right;
	display: block;
	color: #069;
	position: relative;
	z-index: 2;	  /*margin-left: 15px;
	  margin-right: 15px;

}

.pages > article > header > h1,
.pages > section > header > h1 {
	margin: 0 0 5px 0;
	line-height: 46px;
	z-index: 2;
	background: url("../img/bg.png") repeat scroll center center #350404;
	color: #fff;
	font-size: 22px;
	text-align: center;
 
}	
		
	
}
*/


/*
.pages article header:after

 {
	font-family: 'Marcellus SC', Arial, Helvetica, sans-serif;
	font-weight: 400;
	content: " W IMIĘ OJCA\A I SYTNA\A I DUCHA\A ŚWIĘTEGO";
	font-size: 66px;
	white-space: pre;
	color: #CCC;
	width:600px;
	position: absolute;
	z-index: 0;
	top: 0px;
	right: 0px;
	height: 300px;
	line-height: 66px;
	text-align: right;
}

*/



.lead {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.foto{
	border: 5px solid #EEE;
}



.tags{
	font-size: 12px;
	color: #999;
	margin-top: 20px;
}



/* priests_box
-------------------------------------------------- */
.priests_box{
	clear: both;
	float: none;
	margin-bottom:60px;
}
.priests_box figure{
	margin-bottom: 30px;
}


/*.priests_box figure img{
	width: 180px;
}*/

.priests_box .infos{
	display: block;
}

.priests_box .infos h3{
	margin-top: 0px;
}

.priests_box .infos h4{
	margin-bottom: 20px;
}

.priests_box .biography{
	clear: both;
	float: none;
}



/* list_sacraments
-------------------------------------------------- */


#accordion .panel h3{
	font-size: 18px;
}
#accordion .panel h3 a{
	display: block;
}

#accordion .panel h3 a:hover{
	color: #ae1018;
}
#accordion .panel-body {
  padding: 0;
}

#accordion .panel-collapse{
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
}



/* msze
-------------------------------------------------- */

#msze{
	margin-bottom: 30px;
}


#msze dl{
	margin-bottom: 5px;
}

#msze dt{
	text-transform: uppercase;
	color: #ae1018;
	width: 200px;
	display: inline-block;
}


#msze dd{
	display: inline-block;
	width: 65px;
	position: relative;	
}

#msze dd.spec{cursor:pointer;}


/*#msze dd{
	border: 1px solid #CCC;
}
*/

#msze dd small{
	color: #999;
	font-style: italic;
}





 /* PAGINATION */

.stronicowanie {
	display: block;
	clear: both;
	float: none;
	margin-top: 10px;
	padding: 0 15px;
}
 
 /*pagination js*/
  .holder {
	margin: 15px 0 40px 0;
	text-align: center;
  }

  .holder a {
	font-size: 14px;
	cursor: pointer;
	color: #333;
	border: 1px solid #CCC;
	padding: 5px 10px;
	margin: 0 2px 0 5px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
  }

  .holder a:hover {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
  }



  .holder a.jp-current, a.jp-current:hover {
	background-color: #ae1018 !important;
	border: 1px solid #ae1018;
	color: #fff;
  }

  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }

  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
  }

  .holder span { margin: 0 5px; }


@media (max-width: 480px) {
	.jp-first, .jp-previous, .jp-next, .jp-last {display: none;}
}



/*group_item*/

.group_item header{
	margin-bottom: 40px;	
}

.group_item figure img{
	border: 5px solid #F0F0F0;
}
/*

.group_item{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.group_contact {
	display: inline-block;
	margin: 0 10px 0 5px;
}

.group_contact .glyphicon {
	color: #666;
}


*/



#map-canvas, #map_canvas {
	width: 100%;
	height: 335px;
	margin-top: 20px;
	margin-bottom: 40px;
	border: 10px solid #F3F3F3;
}

address {
	margin-bottom: 40px;
}


address p {
	text-indent: 0!important;
	text-align: left!important;
}

#form {
	color: #333;
	text-decoration: none;
}


.social_media{
	margin: 30px 0px;
	padding: 0px;
}
.social_media li{
	display: inline-block;
	list-style-type: none;
	margin-right: 10px;
}
.social_media li a{
	font-size: 36px;
}

.social_media li a:hover{
	color: #D30C12;
}


/* FORM */

label.req:after {
    color: #C00;
    content: "*";
    margin-left: 2px;
}

label.error {
	font-weight: normal;
	color: #B5204D;
	font-size: 12px;
	text-align: center;
	display: block;
}

input.error,
textarea.error
 {
	border-color: #BC1010 !important;
	background-color: rgba(204,0,0,0.02);
}


input.error:focus,
textarea.error:focus
 {
  border-color: #BC1010 ;
  border: 1px solid #BC1010!important;
/*  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 !important;
*/	
  
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
	
	  
}
.form-control:focus {
	border-color: #666666;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(153, 153, 153, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(153, 153, 153, 0.6);
}

.btn-primary {
	background-color: #AE1018;
	border-color: #AE1018;
	color: #ffffff;
	padding-right: 50px;
	padding-left: 50px;
}
.btn-primary:hover {
	background-color: #6D0A0F;
	border-color: #6D0A0F;
	color: #ffffff;
}

.alerty_noscript{}



/*nav_group*/
.nav_group{
	margin: 40px 0 0 0;
	padding: 0px;
}

.nav_group li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.nav_group li a{
	font-family: 'Marcellus SC', Arial, Helvetica, sans-serif;
	padding: 5px  10px;
	display: block;
	font-size: 18px;
}

.nav_group li a:hover{
	color: #FFF;
	background-color: #300404;
}

.nav_group li.active a{
	color: #FFF;
	background-color: #900;
}




/* Large devices */
@media (min-width: 1200px) { 


}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
	



	
}

/* Small devices */
@media (min-width: 767px) and (max-width: 991px) { 



}

@media (min-width: 767px) and (max-width: 915px) { 

}



@media (max-width: 991px) { 






}



@media (max-width: 600px) {



}

@media (max-width: 480px) {


}