@charset "utf-8";
/* ==========================================================================
   Diecezialne Duszpasterstwo Mlodziezy w Bialymstoku
   
   14.02.2014
   AUTOR:N4K.EU
   
   ========================================================================== */

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

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}


abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}




.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.articleBody a{
	color: #C6044A;
	text-decoration: none;
}

.articleBody a:hover{
	color: #002F32;
}


body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	background-color: #036;
}


.bg{
	text-align: center;
	background: transparent;
	height: 100%;
	width: 100%;
	display: table;
	position: fixed;
	z-index: -1;
	left: 0px;
	top: 0px;
}


.bg.imageBG{
	background: url(../img/bg.jpg);
	background-size: cover;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}
a:focus {
  outline: none;
}


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


video {
	width: 100%;
	height: auto;
}
iframe{
	border: none;
}  

iframe,
embed,
object {
  max-width: 100%;
}
  
.fluid-width-video-wrapper{
	margin-bottom: 20px;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}


video {
	width: 100%;
	height: auto;
}
iframe{
	border: none;
}  

iframe,
embed,
object {
  max-width: 100%;
}
  
.fluid-width-video-wrapper{
	margin-bottom: 20px;
}



/*---- GRID ----*/


#header,
#main,
#footer{
	position: relative;
	width: 1140px;
	margin: 0 auto;
	clear: both;
	float: none;
	background-color: #FFF;
}


#header:before,
#main:before,
#footer:before,
#header:after,
#main:after,
#footer:after{
  display: table;
  content: " ";
}


#header:after,
#main:after,
#footer:after{
  clear: both;
}


#header{
	
	
}



#sidebar{
	display: block;
	float: right;
	width: 320px;
	padding: 20px 20px 20px 0px;
	position: relative;
}

#content{
	display: block;
	float: left;
	width: 800px;
	padding: 20px;
	position: relative;
}


#sidebar:before,
#content:after{
  display: table;
  content: " ";
}


#sidebar:after,
#content:after{
  clear: both;
}




/*---- LOGO ----*/

#logo {
	margin: 0px;
	padding: 0px;
	display: block;
}



#logo:hover{color: #C6044A;}
#logo:hover span{color: #002f32;}


/*---- SEARCH FORM ----*/
.search_form{
	display: none;
	position: absolute;
	height: 50px;
	width: 400px;
	top: 60px;
	right: 0px;
}
/*---- REKLAMA ----*/
.adbox{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 750px;
}

/*---- SOCIAL-MEDIA TOP ICO ----*/

.social-media{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.social-media li{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style-type: none;
}

.social-media li a{
	font-size: 24px;
	color: #002f32;
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}
.social-media li a:hover{
	color: #c6044a;
}


/*---- NAV ----*/


#header nav {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	background: #002f32;
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 60px;
	position: relative;
	min-height: 60px;
}



#header nav #showmenu{
	display: none;
}


#header nav ul {
	margin: 0;
	padding:  0 15px 0 0;
	display: block;
	text-align: left;
}
#header nav ul li {
	display: inline-block;
	margin: 0 15px;
}

#header nav ul li:first-child {
	margin-left: 30px;
}




#header nav ul li a {
	display: block;
	padding: 0px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#header nav ul li.activ a {
	color: #ccc;
}

#header nav ul li.activ a:after {
	content: '';
	display: inline;
	height: 15px;
	width: 15px;
	position: absolute;
	left: 50%;
	bottom: -10px;
	background-color: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: -10px;
}

#header nav ul li a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}


#header nav ul li a:hover,
#header nav ul li a:focus {
	color: #de1960;
}

#header nav ul li.search-btn{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 30px;
	line-height: 70px;
	color: #fff;
	height: 30px;
	width: 30px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}
#header nav ul li.search-btn:hover{
	color: #de1960;
}

#header nav ul li.sm{
	float: right;
	margin: 0 5px 0 0;
}



#header nav ul li.sm a{
	font-size: 30px;
	line-height:60px;
	color: #fff;
	height: 30px;
	width: 30px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header nav ul li.sm:hover{
	color: #de1960;
}





/*---- CHROMEFRAME ----*/

.chromeframe{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #C00;
	text-align: center;
	border: 0px;
	margin: 0px;
}

.chromeframe a{
	color: #FF0;
}

.chromeframe a:hover{
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}






/*---- 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: #A90641 !important;
	border: 1px solid #A90641;
	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; }


/*---- MAIN-HEADER ----*/
.main-header{
	background-color: #e5eaea;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.main-header a
{
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}
.main-header h1
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 44px;
	position: relative;
}

.main-header h1 a,
.main-header h1 span
{
	color: #FFF;
	background-color: #c6044a;
	padding: 0 10px 0 20px;
	display: block;
	position: relative;
	z-index: 2;
}

.main-header h1:hover a
{
	background-color: #002f32;
}

.main-header h1::after{
	content: '';
	background-color: #c6044a;
	display: block;
	height: 34px;
	width: 34px;
	position: absolute;
	right: -17px;
	top: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	z-index: 1;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}

.main-header h1:hover::after{
	content: '';
	background-color: #002f32;
}




.main-header span{
	position: absolute;
	top: 10px;
	right: 50px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	display: block;
	width: 55px;
	text-transform: uppercase;
	text-align: right;
	cursor: pointer;
}
.main-header span a{
	color: #666;
}

.main-header span a:hover{
	color: #000;
}

.main-header span::after{
	font-family: entypo;
	content: '\21b3';
	font-size: 40px;
	position: absolute;
	right: -40px;
	top: 8px;
	color: #666;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-header span:hover::after{
	color: #000;
}



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


#news-start{
	margin: 20px;
}

#news-start:before,
#news-start:after {
  content: " ";
  display: table;
}

#news-start:after {
  clear: both;
}


#list-news:before,
#list-news:after {
  content: " ";
  display: table;
}

#list-news:after {
  clear: both;
}

#list-news .box-news{
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#list-news .box-news a  {
	margin: 0px;
	padding: 0px;
	display: block;
}


#list-news .news-1,
#list-news .news-2{
	width: 547px;
/*	height: 365px;*/
	margin-bottom: 6px;
}

#list-news .news-1{
	margin-right: 6px;
}


#list-news .news-3,
#list-news .news-4,
#list-news .news-5,
#list-news .news-6,
#list-news .news-7,
#list-news .news-8{
	width: 362px;
	margin-right: 7px;
	margin-bottom: 7px;	/*height: 241px;*/
}

#news-start .news-5,
#news-start .news-8{
	margin-right: 0px;
}



.box-news a header{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 2% 5%;
	width: 100%;
	-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;
	z-index: 2;
}


.box-news a:hover header{
	 transform: translate(-200%);
    -webkit-transform: translate(-200%);
    -moz-transform: translate(-200%);
    -o-transform: translate(-200%);
    -ms-transform: translate(-200%);
}


.box-news a header h1{
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	color: #FFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #c6044a;
	padding-bottom: 5px;
	margin: 0px;
	text-shadow:2px 2px 3px #000000;
}


#news-start .news-3 a header h1,
#news-start .news-4 a header h1,
#news-start .news-5 a header h1,
#news-start .news-6 a header h1,
#news-start .news-5 a header h1,
#news-start .news-7 a header h1,
#news-start .news-8 a header h1
{
	font-size: 23px;
	line-height: 28px;
}

.box-news a header time{
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
}

.box-news a header time::before{
	font-family: entypo;
	content: '\1f4c5';
	font-size: 16px;
	margin-right: 6px;
	position: relative;
	top: -2px;
}

#news-start .news-3 a header time:before,
#news-start .news-4 a header time:before,
#news-start .news-5 a header time:before,
#news-start .news-6 a header time:before,
#news-start .news-7 a header time:before,
#news-start .news-8 a header time:before
{
	font-size: 14px;
}




.box-news a header span.kat{
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	margin-left: 15px;
}

.box-news a header span.kat:before{
	font-family: entypo;
	content: '\1f4ce';
	font-size: 14px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

#news-start .news-3 a header span.kat:before,
#news-start .news-4 a header span.kat:before,
#news-start .news-5 a header span.kat:before,
#news-start .news-6 a header span.kat:before,
#news-start .news-7 a header span.kat:before,
#news-start .news-8 a header span.kat:before
{
	font-size: 12px;
}

#news-start .news-3 a header time,
#news-start .news-4 a header time,
#news-start .news-5 a header time,
#news-start .news-6 a header time,
#news-start .news-7 a header time,
#news-start .news-8 a header time,
#news-start .news-3 a header span.kat,
#news-start .news-4 a header span.kat,
#news-start .news-5 a header span.kat,
#news-start .news-6 a header span.kat,
#news-start .news-7 a header span.kat,
#news-start .news-8 a header span.kat
{
	font-size: 16px;
	line-height: 28px;
}


.box-news a:before{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.box-news .mm-foto a:hover:before{
	-moz-opacity: 0.90;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}



.box-news a section{
	padding: 5%;
	position: absolute;
	bottom: 0px;
	color: #FFF;
	width: 100%;
	z-index: 2;
	text-align: center;
	text-shadow:2px 2px 5px #000000;
	-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;
	transform: translate(0, -400%);
    -webkit-transform: translate(0, -400%);
    -moz-transform: translate(0, -400%);
    -o-transform: translate(0, -400%);
    -ms-transform: translate(0, -400%);
}
	
.box-news a:hover section{
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px); 
}

.box-news a:hover section .more{
	color: #FFF;
	background-color: #C6044A;
	padding: 4px;
	display: block;
	margin: 20px auto 0 auto;
	text-shadow: none;
	text-align: center;
	width: 100px;
	-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 a:hover section .more:hover{
	background-color: #FFFFFF;
	color: #C6044A;
}

.box-news a figure {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}


.box-news a figure figcaption{
	font-size: 30px;
	background-color: #c6044a;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0px;
	right: 10px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	z-index: 2;
}

.box-news a figure figcaption span{
	display: none;
	visibility: hidden;	
}

.box-news figure:before{
	content: '';
	background-image: url(../img/maska.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}


.box-news:hover figure:before{
	background-color: rgba(0, 47, 50, 0.9);	

}


.box-news a figure img {	
	position: relative;
	margin: 0px;
	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;
}

.box-news a:hover figure img{
    transform: rotate(5deg) scale(1.2) ;
    -webkit-transform: rotate(5deg) scale(1.2) ;
    -moz-transform: rotate(5deg) scale(1.2);
    -o-transform: rotate(5deg) scale(1.2);
    -ms-transform: rotate(5deg) scale(1.2);
}







/*---- EVENT BOX ----*/

#event-start{
	/*margin: 20px 16px;*/
}


#event-start{
	float: left;
	width: 732px;
	margin: 0 0 36px 16px;
}



#event-start:before,
#event-start:after {
  content: " ";
  display: table;
}

#event-start:after {
  clear: both;
}

#event-start .main-header {
  margin: 0 4px 0 4px;
}


#owl-event{
	margin: 0 0 0 0;
	padding: 0px;
}

#owl-event .item{
	margin: 0px;
	padding: 0px;
	position: relative;
}

#owl-event .item a{
	padding: 4px;
	display: block;
}


#owl-event .item .tytul{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #002F32;
	text-align: center;
	padding: 10px;
	color: #FFF;
	text-transform: uppercase;
	height: 94px;
	vertical-align: middle;
	display: table-cell;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 480px;
}

#owl-event .item:hover .tytul{
	background-color: #A90641;
}

#owl-event .item .miejsce{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #001718;
	text-align: center;
	padding: 10px 5px;
	color: #c8d4d5;
	text-transform: uppercase;
	font-size: 11px;
}


#owl-event .item .czas{
	position: absolute;
	left: 4px;
	top: 4px;
	color: #FFF;
	background-color: rgba(0, 47, 50, 0.8);
	text-align: center;
	padding: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


#owl-event .item:hover .czas{
	background-color: rgba(0, 47, 50, 1.0);
}



#owl-event .item .czas span{
	display: block;
	text-align: center;
	line-height: 1em;
}

#owl-event .item .czas .dzien{font-size: 40px;}
#owl-event .item .czas .miesiac{
	font-size:26px;
	text-transform: uppercase;
}
#owl-event .item .czas .rok{font-size: 22px;}
#owl-event .item .czas .godzina{
	font-size: 14px;
	margin-top: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 4px;
}
#owl-event .item .czas .godzina:before{
	content: '\1f554';
	font-family: entypo;
	display: inline-block;
	width: 1.1em;
	margin-right: .1em;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
}

#owl-event .item figure {
	overflow: hidden;
}


#owl-event .item figure img {
	-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-event .item:hover figure img{
    transform: rotate(-3deg) scale(1.1) ;
    -webkit-transform: rotate(-3deg) scale(1.1) ;
    -moz-transform: rotate(-3deg) scale(1.1);
    -o-transform: rotate(-3deg) scale(1.1);
    -ms-transform: rotate(-3deg) scale(1.1);
}


/*---- recommend-start -----*/

#recommend-start{
	float: left;
	width: 700px;
	margin: 0 0 40px 20px;
}

/*---- quotes-start -----*/

#quotes-start{
	float: left;
	width: 352px;
	margin: 0 20px 40px 20px;
}


#quotes-start blockquote{
	background-color: #566e6f;
	color: #FFF;
	display: block;
	/*height: 234px;*/
	margin: 0px;
	position: relative;
  }
  
#quotes-start blockquote:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: 100%;
	border: solid transparent;
	border-top-color: #566E6F;
	border-left-color: #566E6F;
	border-width: 10px;
	left: 20px;
	z-index: 2;
}  

#quotes-start blockquote p{
	margin: 0px;
	padding: 20px 45px;
	height: 238px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
  }
  
 
#quotes-start blockquote p::before{
	content: "\201E";
	font-size: 80px;
	position: absolute;
	top: -20px;
	left: 10px;
  }
 
#quotes-start blockquote p::after{
	content: "\201D";
	font-size: 80px;
	position: absolute;
	right: 10px;
	bottom: -5px;
  } 
 
#quotes-start blockquote p q {quotes: "„" "”" "‚" "’"}

#quotes-start  figcaption{
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 130px;
	background-color: #c1c7c8;
	padding: 20px 20px 20px 150px;
	position: relative;
}

#quotes-start  figcaption .author{
	font-size: 22px;
	line-height: 20px;
	display: block;
}

#quotes-start  figcaption .bio{
	font-size: 12px;
	line-height: 20px;
	display: block;
}

#quotes-start  figcaption cite{
	font-size: 12px;
	line-height: 16px;
	display: block;
	color: #91A9AA;
	position: absolute;
	top: -22px;
	left: 20px;
}
    
	
	

/*---- AD BOX ----*/

#ad-start{
	clear: both;
	float: none;
	margin: 20px 16px;
}


#ad-start:before,
#ad-start:after {
  content: " ";
  display: table;
}

#ad-start:after {
  clear: both;
}

#ad-start .main-header {
  margin: 5px 4px 0 4px;
}


#owl-ad{
	margin: 0 0 0 0;
	padding: 0px;
}

#owl-ad .item{
	margin: 0px;
	padding: 0px;
	position: relative;
	height: auto;
}

#owl-ad .item a{
	padding: 4px;
	display: block;
}


#owl-ad .item figure{

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;

}


#owl-ad .item:hover figure{

}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
  

/*---- GROUP BOX ----*/

#group-start{
	clear: both;
	float: none;
	margin: 20px 16px;
}


#group-start:before,
#group-start:after {
  content: " ";
  display: table;
}

#group-start:after {
  clear: both;
}

#group-start .main-header {
  margin: 5px 4px 0 4px;
}


#owl-group{
	margin: 0 0 0 0;
	padding: 0px;
}

#owl-group .item{
	margin: 0px;
	padding: 0px;
	position: relative;

}

#owl-group .item a{
	padding: 4px;
	display: block;
}


#owl-group .item figure{
	border: 1px solid #002F32;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	text-align: center;
	overflow: hidden;
}

#owl-group .item figure figcaption{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #002F32;
	text-align: center;
	padding: 10px 20px;
	color: #FFF;
	text-transform: uppercase;
	height: 120px;
	vertical-align: middle;
	display: table-cell;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 12px;
	width: 250px;
}


#owl-group .item:hover figure{
	border: 1px solid #A90641;
}

#owl-group .item:hover figure  figcaption{
	background-color: #A90641;
}




/*---- WSPÓLNOTY  ----*/


#group-item .item{
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 25%;
	float: left;
}

#group-item .item a{
	padding: 4px;
	display: block;
}


#group-item .item figure{
	border: 1px solid #002F32;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	text-align: center;
	overflow: hidden;
}

#group-item .item figure figcaption{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #002F32;
	text-align: center;
	padding: 10px 20px;
	color: #FFF;
	text-transform: uppercase;
	height: 120px;
	vertical-align: middle;
	display: table-cell;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 12px;
	width: 190px;
}


#group-item .item:hover figure{
	border: 1px solid #A90641;
}

#group-item .item:hover figure  figcaption{
	background-color: #A90641;
}




.group figure {
	float: right;
	width: 300px;
	overflow: hidden;
	position: relative;
	margin-left: 20px;
	display: block;
}

.group figure  figcaption{
	display: none;
}

.group header h1{
	font-size: 46px;
	line-height: 48px;
	color: #002F32;

}
.group header .meta-info span{
	padding-bottom: 5px;
	display: block;
}

.group header .meta-info em{
	font-size: 14px;
	color: #81948A;
	display: inline-block;
	width: 125px;
}

.group header .meta-info a{
	color: #002F32;
	-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;
}
.group header .meta-info a:hover{
	color: #C6044A;
}


.group .articleBody{
	clear: both;
	float: none;
	padding: 10px 0;
}


/*------pilgrimage-start------*/

#pilgrimage-start  {
  clear: both;
  float: none;
  margin: 20px 16px 30px 16px;
}

#pilgrimage-start > a{
	display: inline-block;
	width: 25%;
	float: left;
	opacity: 1.00;
	-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;
}
#pilgrimage-start > a:hover{
	opacity: 0.70;
}
#pilgrimage-start > a > img{
	width: 100%;
}


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

.owl-nav{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	font-size: 22px;
}

.owl-nav a{
	background-color: #C6044A;
	color: #CCC;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	height: 32px;
	width: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 22px;
	line-height: 32px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-nav a:hover{
	background-color: #002F32;
}


.owl-nav a:first-child{
	padding-right: 2px;
}

.owl-nav a:last-child{
	padding-left: 2px;
}

/*---- RECOMMENDET ----*/

.recommend-box{
	height: 280px;
	background-color: #c1c7c8;
	position: relative;
}

.recommend-box figure{
	float: left;
	margin-right: 40px;	
}

.recommend-box a h1{
	font-size: 28px;
	line-height: 32px;
	color: #002f32;
	margin: 0px;
	padding: 20px 60px 10px 10px;
	text-transform: uppercase;
}

.recommend-box a p.autor,
.recommend-box a p.wydawca,
.recommend-box a p.rok_wydania
{
	color: #002f32;
	margin: 0px;
	font-size: 14px;
}

.recommend-box a p.autor span,
.recommend-box a p.wydawca span,
.recommend-box a p.rok_wydania span
{
	color: #708585;
	margin: 0px;
	font-size: 14px;
	width: 100px;
	display: inline-block;
}

.recommend-box a .lead{
	color: #002f32;
	padding: 20px 20px;

}

.recommend-box a .type{
	color: #FFFFFF;
	padding: 20px 5px 5px 5px;
	font-size: 30px;
	background-color: #566E6F;
	display: list-item;
	position: absolute;
	top: 0px;
	right: 10px;
	text-align: center;
	overflow: hidden;
}


#recommend_item > .recommend-box{
	height: 280px;
	background-color: #fff;
	position: relative;
	margin: 30px 0;
}

#recommend_item > .recommend-box > a > figure {
	float: left;
	margin-right: 40px;
	width: 215px;
	display: inline-block;
}



.recommend{
	margin: 40px 0;
	position: relative;
}


.recommend figure{
	float: left;
	margin-right: 40px;
	width: 215px;
	display: inline-block;
}

.recommend h1{
	font-size: 30px;
	line-height: 32px;
	color: #002f32;
	margin: 0px;
	padding: 20px 60px 10px 10px;
	text-transform: uppercase;
}


.recommend .lead{
	clear: both;
	float: none;
	font-weight: bold;
	padding-top: 40px;
}

.recommend .type{
	color: #FFFFFF;
	padding: 5px;
	font-size: 30px;
	background-color: #566E6F;
	display: list-item;
	position: absolute;
	top: 0px;
	right: 10px;
	text-align: center;
	overflow: hidden;
}


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


#news-item article{
	clear: both;
	float: none;
	padding: 15px 0;
	border-bottom: 1px dotted #CCC;
	position: relative;
}



#news-item .mm-foto a:before{
	font-family: entypo;
	content: '\1f304';
	font-size: 30px;
	background-color: #c6044a;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 15px;
	left: 10px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	z-index: 2;
}




#news-item article:before,
#news-item article:after {
  display: table;
  content: " ";
}

#news-item article:after {
  clear: both;
}

#news-item article a {
	display: block;
}


#news-item article a figure{
	float: left;
	width: 45%;
	margin-right: 5%;
	overflow: hidden;
	position: relative;
}

#news-item article a figure img{
	-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-item article a:hover figure img{
    transform: rotate(-3deg) scale(1.1) ;
    -webkit-transform: rotate(-3deg) scale(1.1) ;
    -moz-transform: rotate(-3deg) scale(1.1);
    -o-transform: rotate(-3deg) scale(1.1);
    -ms-transform: rotate(-3deg) scale(1.1);
}




#news-item article a header{
	padding-left: 50%;
}

#news-item article a header h1{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	color: #002F32;
 	border-bottom: 4px solid #C6044A;
	-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-item article a:hover header h1{
	color: #C6044A;
 	border-bottom: 4px solid #002F32;

}



#news-item article a header p{
	color: #999999;
	margin: 5px 0 10px 0;
	font-size: 14px;
	line-height: 14px;
}

#news-item article a .box_lead{
	color: #333;
}





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

.news{
	position: relative;
}

.news a{
	color: #002F32;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #002F32;
}

.news a:hover{
	color: #C6044A;
	border: none;
}

.news h2{
	font-size: 36px;
	color: #333;	
}
.news aside h2{
	font-size: 36px;
	color: #333;
	border-bottom: 4px solid #C6044A;	
}

.news header{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 70%;
}

.news header h1{
	font-size: 56px;
	line-height: 56px;
	color: #FFF;
	text-shadow: 2px 2px 3px #000000, 1px 1px 40px #002F32;
	margin: 0px;
}


.news header .meta-info{
	color: #FFF;
	font-size: 14px;
	background-color: rgba(0,47,50,0.7);
	display: inline-block;
	padding: 5px 10px;
}

.news header .meta-info em{
	font-size: 12px;
	font-style: normal;
	color: #CCC;
}

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

.articleBody{
	margin-bottom: 40px;
}

.articleBody .lead{
	font-size: 18px;
	font-weight: bold;
	color: #222;
}


.articleBody blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	margin: 2em 0 2em 2em;
	padding: 0.25em 0 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #002F32;
	text-align: justify;
}

.articleBody blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #C6044A;
}
.articleBody blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
.articleBody blockquote cite:before {
content: "\2014 \2009";
}

.articleBody img {
  /*display: block;*/
  max-width: 100%;
  height: auto;
}



/*social-button*/


#social-button{
	margin: 10px 0 20px;
	padding: 0px;
}


#social-button > li{
	display: inline-block;
	margin-right: 30px;
	list-style-type: none;
	overflow: auto;
}


#social-button > li:first-child{
	position: relative;
	top: -5px;
}

#social-button > li:nth-child(2){
	margin-right: 0px;
}





/*---- LIST-FOTO ----*/

.list-foto {
	padding: 0px;
	margin: 0 0 40px 0;
}

.list-foto:before,
.list-foto:after {
  display: table;
  content: " ";
}

.list-foto:after {
  clear: both;
}

.list-foto li{
	padding: 0px;
	margin-top: 0px;
	float: left;
	width: 25%;
	list-style-type: none;
}


.list-foto li a{
	border: 2px solid #FFF;
	display: block;
	position: relative;
	overflow: hidden;
	display: block;
	-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;	
}

.list-foto li a:hover{
	border: 2px solid #FFF;	
}

.list-foto li a::after{
	font-family: entypo;
	content: "\1f4f7";
	background-color: rgba(0,47,50,0.5);
	display: block;
	height: 200%;
	width: 200%;
	position: absolute;
	left: 0;
	top: -1000px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 40px;
	line-height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	padding-top: 50%;
	padding-left: 50%;
	-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;
}

.list-foto li a:hover::after{
	position: absolute;
	left: 0;
	top: 0;
}


/*---- SIDEBAR ----*/

#sidebar > section{
	margin: 0 0 20px 0;
	padding: 0px;
}

#sidebar > section:before,
#sidebar > section:after {
  display: table;
  content: " ";
}

#sidebar > section:after {
  clear: both;
}

.sidebar-news{
	margin: 0px;
	padding: 0px;
}

.sidebar-news li{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style-type: none;
}

.sidebar-news li a{
	display: block;
	position: relative;
}

.sidebar-news li a header h2{
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	color: #FFF;
	z-index: 2;
	text-shadow: 2px 2px 3px #000000;
	-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;
	padding: 10px;
	margin: 0px;
}


.sidebar-news li a header p {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 5px;
	color: #FFF;
	text-transform: uppercase;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	padding: 5px;
	-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;
	margin: 0px;
}

.sidebar-news li a:hover header p ,
.sidebar-news li a:hover header h2{
	background-color: #C6044A;
	background-color: rgba(198,4,74,0.5);
}


.sidebar-news li a p time span{
	display: block;

}

.sidebar-news li a p time .dzien{
	font-size: 26px;
	line-height: 26px;
}

.sidebar-news li a p time .miesiac{
	font-size: 16px;
	line-height: 16px;
}

.sidebar-news li a p time .rok{
	font-size: 12px;
	line-height: 12px;
}


.sidebar-news li a figure{
	display: block;
	overflow: hidden;
	position: relative;
}


.sidebar-news li a figure:before{
	content: '';
	background-image: url(../img/maska.png);
	background-repeat: repeat-x;
	background-position: left -40px;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}





.sidebar-event{
	margin: 0px;
	padding: 0px;
}

.sidebar-event li{
	padding: 10px 0;
	list-style-type: none;
	clear: both;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	display: block;
}

.sidebar-event :before,
.sidebar-event :after {
  display: table;
  content: " ";
}

.sidebar-event :after {
  clear: both;
}

.sidebar-event li:first-child{
	padding-top: 30px;
}

.sidebar-event li a{
	display: block;
	position: relative;
}



.sidebar-event li a .czas {
	float: left;
	width: 60px;
	margin-right: 20px;
	color: #FFF;
	background-color: #002F32;
	text-align: center;
	padding: 8px 4px;
}

.sidebar-event li a .czas span{
	display: block;
	text-align: center;
	line-height: 1em;
}

.sidebar-event li a .czas .dzien{font-size: 28px;}
.sidebar-event li a .czas .miesiac{
	font-size:20px;
	text-transform: uppercase;
}
.sidebar-event li a .czas .rok{
	font-size: 16px;
	line-height: 18px;
}


.sidebar-event li a .opis {
	float: left;
	width: 220px;
	margin: 0px;
}


.sidebar-event li a .opis h3 {
	margin: 0px;
	font-size: 20px;
	line-height: 20px;
	color: #002F32;
}

.sidebar-event li a .opis p {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 14px;
	color: #999;
}

/*---- SIDEBAR NAV ----*/

.sidebar-nav  {
	margin: 0;
	padding: 0px;
}

.sidebar-nav li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin: 0 0 3px 0;
}

.sidebar-nav li a {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	padding: 15px;
	text-transform: uppercase;
	;
	display: block;
	color: #002F32;
	background-color: #EBEBEB;
}
.sidebar-nav li a:hover {
	color: #FFF;
	background-color: #002F32;
}




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



#gallery-item:before,
#gallery-item:after {
  display: table;
  content: " ";
}

#gallery-item:after {
  clear: both;
}

#gallery-item {
	margin-bottom: 40px;
}

#gallery-item article{
	display: block;
	width: 50%;
	float: left;
	position: relative;
}

#gallery-item article a {
	position: relative;
	display: block;
}

#gallery-item article a figure{
	margin-bottom: 6px;
	overflow: hidden;
	position: relative;
	display: block;
}


#gallery-item article:nth-child(even) a figure{
	margin-left: 3px;
}

#gallery-item article:nth-child(odd) a figure{
	margin-right: 3px;
}

#gallery-item article a figure:before{
	content: '';
	background-image: url(../img/maska.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}


#gallery-item article a figure img{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#gallery-item article a:hover figure img{
    transform: rotate(-7deg) scale(1.2) ;
    -webkit-transform: rotate(-7deg) scale(1.2) ;
    -moz-transform: rotate(-7deg) scale(1.2);
    -o-transform: rotate(-7deg) scale(1.2);
    -ms-transform: rotate(-7deg) scale(1.2);
}



#gallery-item article a header{
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 2;
}

#gallery-item article a header h1{
	text-transform: uppercase;
	color: #FFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #c6044a;
	padding-bottom: 5px;
	margin: 0 10%;
	text-shadow: 2px 2px 3px #000000;
	font-size: 23px;
	line-height: 28px;
	width: 80%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#gallery-item article a:hover header h1{

	border-bottom-color: #fff;
}


#gallery-item article a header p time{
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
}

#gallery-item article a header p time::before{
	font-family: entypo;
	content: '\1f4c5';
	font-size: 16px;
	margin-right: 6px;
	position: relative;
	top: -2px;
}





/*---- KALENDARIUM ----*/

#event-item article {
	position: relative;
	display: block;
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#event-item article a {
	display: block;
}


#event-item article a .czas{
	text-align: center;
	float: left;
}

#event-item article a .czas .data_start,
#event-item article a .czas .data_end{
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	margin-right: 5px;
	display: block;
	height: 120px;
	color: #FFF;
	background-color: #002F32;
	width: 66px;
	padding: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#event-item article a .czas .data_start em,
#event-item article a .czas .data_end em{
	font-style: normal;
	padding: 2px;
	display: block;
}



#event-item article a:hover .czas .data_start,
#event-item article a:hover .czas .data_end{
	background-color: #C6044A;
}



#event-item article a .czas span{
	display: block;
	text-align: center;
	line-height: 1em;
}

#event-item article a .dzien{font-size: 40px;}
#event-item article a .miesiac{
	font-size:26px;
	text-transform: uppercase;
}

#event-item article a .czas .rok{font-size: 22px;}
#event-item article a .czas .godzina{
	font-size: 14px;
	margin-top: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 4px;
}

#event-item article a .czas .godzina:before{
	content: '\1f554';
	font-family: entypo;
	display: inline-block;
	width: 1.1em;
	margin-right: .1em;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
}



#event-item article a figure{
	float: left;
	margin-right: 20px;
	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;
}

#event-item article a figure img{
	height: 120px;
	width: auto;
}

#event-item article a h1{
	font-size: 26px;
	line-height: 30px;
	color: #002F32;
	margin: 0 0 10px 0;
	-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;
}

#event-item article a:hover h1{
	color: #C6044A;
}

#event-item article a p{
	color: #222;
	margin: 0px;
	position: absolute;
	bottom: 5px;
	text-align: right;
	right: 0px;
}

#event-item article a p span{
	color: #78948F;
	margin: 0px;
	font-size: 10px;
}

.kalendarium figure {
	float: left;
	width: 45%;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
	display: block;
}

.kalendarium figure  figcaption{
	font-size: 12px;
	font-style: italic;
	color: #999;
}

.kalendarium header h1{
	font-size: 36px;
	line-height: 38px;
	color: #002F32;

}

.kalendarium header .meta-info em{
	font-size: 14px;
	color: #81948A;
	display: inline-block;
	width: 125px;
}


.kalendarium .articleBody{
	clear: both;
	float: none;
	padding: 20px 0;
}












/*---- SIDEBAR ----*/



#sidebar h1
{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 44px;
	position: relative;

}

#sidebar h1 a
{
	color: #FFF;
	display: block;
	background-color: #c6044a;
	text-align: center;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#sidebar h1 a:hover
{
	color: #FFF;
	display: block;
	background-color: #002F32;
	text-align: center;
	position: relative;
	z-index: 2;
}

#sidebar h1 a::before{
	content: '';
	background-color: #c6044a;
	display: block;
	height: 34px;
	width: 34px;
	position: absolute;
	right: 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	z-index: -1;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-right: -14px;
	bottom: -14px;
}

#sidebar h1 a:hover::before{
	content: '';
	background-color: #002F32;
}



#ad-sidebar img{
	margin-bottom: 5px;
}


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


#footer {
	background-color: #001718;
	color: #CCC;
}

#footer a{
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}



#footer .facebook
{
	float: left;
	width: 290px;
}

#footer .facebook h2{
  color: #FFFFFF;
  font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 40px 0 20px;
  text-transform: uppercase;
}

#footer .links
{
	float: left;
	width: 300px;

}

#footer .contact
{
	float: left;
	width: 400px;
	padding-right: 40px;
	padding-left: 30px;
}




#footer .links dl dt{
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	color: #FFF;
	margin: 40px 0 20px 0;
}

#footer .links dl dd
{
	border-top: 1px dotted #333;
	margin: 0px;
	padding: 5px 0;
}

#footer .links dl:last-child
{
	border-bottom: 1px dotted #333;
}

#footer .links dl dd a
{
	color: #CCC;
}



#footer .links dl dd a::before
{
	font-family: entypo;
	content: '\1f517';
	font-size: 16px;
	color: #c90b50;
	position: relative;
	left: 0px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease-in-out;
/*	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	transition: all 0.3s ease-in-out;
}

#footer .links dl dd a:hover,
#footer .links dl dd a:hover::before
{
	color: #fff;
}


#footer .contact
{
	position: relative;
	margin-bottom: 20px;
}


#footer .contact h2
{
	text-transform: uppercase;
	padding: 20px 20px;
	margin: 0 0 40px 0px;
	background-color: #a90641;
	color: #FFF;
	line-height: 1.2em;
}


#footer .contact address abbr{
	border: none;
	width: 55px;
	display: inline-block;
}

#footer .contact address a{
	color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

#footer .contact address a:hover{
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

#footer .contact .social-media{
	margin: 0 0 30px 20px;
	padding: 0px;
	position: relative;
}


#footer .contact .social-media a{
	font-size: 30px;
	color: #999;
	line-height: 30px;
	margin-right: 5px;
}

#footer .contact .social-media a:hover{
	color: #fff;
}



#footer #footer-nav{
	clear: both;
	float: none;
	margin: 40px 30px 0 30px;
	padding: 10px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #032526;
	font-size: 14px;
}


#footer #footer-nav:after {
    content: " ";
    display: table;
}
#footer #footer-nav:after {
    clear: both;
}


#footer #footer-nav ul{
	margin: 0px;
	padding: 0px;
	float: left;
}

#footer #footer-nav ul li{
	margin: 0 10px 0 0 ;
	padding: 0px;
	display: inline;
}

#footer #footer-nav ul li a{
	text-transform: uppercase;
}

#footer #footer-nav #copyright{
	float: right;
}

#footer #footer-nav ul li a,
#footer #footer-nav #copyright{
	color: #5b696a;
}

#footer #footer-nav ul li a:hover,
#footer #footer-nav #copyright:hover{
	color: #fff;
}

/*---- GALERY BOX ----*/

#footer .galery-box{
	float: left;
	margin-left: 40px;
	width: 370px;
}


#footer .galery-box dl dt{
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	color: #FFF;
	margin: 40px 0 20px 0;
}

#footer .galery-box dl dd{
	float: none;
	clear: both;
	display: block;
	margin: 0 0 10px 0;
	padding: 0px;
}


#footer .galery-box dl dd:before,
#footer .galery-box dl dd:after {
  display: table;
  content: " ";
}

#footer .galery-box dl dd:after {
  clear: both;
}






.galery-box a figure img{
	float: left;
	height: 115px;
	margin-right: 20px;
}

.galery-box a figure figcaption{
	color: #FFF;
}





/*-------FORM-----------*/




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


.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}




.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
   color: #ffffff;
  background-color: #bc1010;
  border-color: #a50e0e;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: #ffffff;
  background-color: #960d0d;
  border-color: #6c0909;
}

label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}


fieldset {
	border: 0 none;
	margin: 0 0 20px 0;
	min-width: 0;
	padding: 0;
	display: block;
}
legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    font-size: 21px;
    line-height: inherit;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}


.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 70%;
}

.form-control:focus {
    border-color: #002F32;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 47, 50, 0.6);
    outline: 0 none;
}
.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 1;
}

input.error {
	background-color: #FFECF2!important;
	border: 1px solid #C6044A!important;
	box-shadow: inset 0px 1px 1px rgba(198,4,74,0.07)!important;
}

label.error {
	color: #C6044A!important;
	font-size: 12px;

}


.checkbox label.error {
	color: #C6044A!important;
	font-size: 12px;
	float: left;
}


textarea.form-control {
    height: auto;
}

.klauzula {
	font-size: 0.8em;
	color: #666;
	padding-left: 5%;
	display: inline-block;
	float: left;
	width: 50%;
	position: relative;
	top: -10px;
}


input[type="checkbox"] {
	float: left;
	margin-right: 20px;
}


.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.alert h4 {
    color: inherit;
    margin-top: 0;
}
.alert .alert-link {
    font-weight: 700;
}
.alert > p, .alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    color: inherit;
    position: relative;
    right: -21px;
    top: -2px;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.alert-success hr {
    border-top-color: #C9E2B3;
}
.alert-success .alert-link {
    color: #2B542C;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
}
.alert-info hr {
    border-top-color: #A6E1EC;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}
.alert-warning hr {
    border-top-color: #F7E1B5;
}
.alert-warning .alert-link {
    color: #66512C;
}
.alert-danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}
.alert-danger hr {
    border-top-color: #E4B9C0;
}
.alert-danger .alert-link {
    color: #843534;
}



/*---- ENTYPO ICO FONT ----*/


@font-face {
  font-family: 'entypo';
  src: url('../fonts/entypo.eot');/* IE9 Compat Modes */
  src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/entypo.woff') format('woff'), /* Modern Browsers */
       url('../fonts/entypo.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/entypo.svg#entypo') format('svg'); /* Legacy iOS */
  font-weight: normal; font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: entypo;
  display: inline-block;
  width: 1.1em;
  margin-right: .1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale; 
 
}

.the-icons li {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}

.icon-note:before { content: "\266a"; } /* '\266a' */
.icon-note-beamed:before { content: "\266b"; } /* '\266b' */
.icon-music:before { content: "\1f3b5"; } /* '\1f3b5' */
.icon-search:before { content: "\1f50d"; } /* '\1f50d' */
.icon-flashlight:before { content: "ðŸ”¦"; } /* '\1f526' */
.icon-mail:before { content: "\2709"; } /* '\2709' */
.icon-heart:before { content: "\2665"; } /* '\2665' */
.icon-heart-empty:before { content: "\2661"; } /* '\2661' */
.icon-star:before { content: "\2605"; } /* '\2605' */
.icon-star-empty:before { content: "\2606"; } /* '\2606' */
.icon-user:before { content: "ðŸ‘¤"; } /* '\1f464' */
.icon-users:before { content: "ðŸ‘¥"; } /* '\1f465' */
.icon-user-add:before { content: "\e700"; } /* '\e700' */
.icon-video:before { content: "\1f3ac"; } /* '\1f3ac' */
.icon-picture:before { content: "\1f304"; } /* '\1f304' */
.icon-camera:before { content: "\1f4f7"; } /* '\1f4f7' */
.icon-layout:before { content: "\268f"; } /* '\268f' */
.icon-menu:before { content: "\2630"; } /* '\2630' */
.icon-check:before { content: "\2713"; } /* '\2713' */
.icon-cancel:before { content: "\2715"; } /* '\2715' */
.icon-cancel-circled:before { content: "\2716"; } /* '\2716' */
.icon-cancel-squared:before { content: "\274e"; } /* '\274e' */
.icon-plus:before { content: "\2b"; } /* '\2b' */
.icon-plus-circled:before { content: "\2795"; } /* '\2795' */
.icon-plus-squared:before { content: "\229e"; } /* '\229e' */
.icon-minus:before { content: "\2d"; } /* '\2d' */
.icon-minus-circled:before { content: "\2796"; } /* '\2796' */
.icon-minus-squared:before { content: "\229f"; } /* '\229f' */
.icon-help:before { content: "\2753"; } /* '\2753' */
.icon-help-circled:before { content: "\e704"; } /* '\e704' */
.icon-info:before { content: "\2139"; } /* '\2139' */
.icon-info-circled:before { content: "\e705"; } /* '\e705' */
.icon-back:before { content: "ðŸ”™"; } /* '\1f519' */
.icon-home:before { content: "\2302"; } /* '\2302' */
.icon-link:before { content: "\1f517"; } /* '\1f517' */
.icon-attach:before { content: "\1f4ce"; } /* '\1f4ce' */
.icon-lock:before { content: "ðŸ”’"; } /* '\1f512' */
.icon-lock-open:before { content: "ðŸ”“"; } /* '\1f513' */
.icon-eye:before { content: "\e70a"; } /* '\e70a' */
.icon-tag:before { content: "\e70c"; } /* '\e70c' */
.icon-bookmark:before { content: "\1f516"; } /* '\1f516' */
.icon-bookmarks:before { content: "\1f4d1"; } /* '\1f4d1' */
.icon-flag:before { content: "\2691"; } /* '\2691' */
.icon-thumbs-up:before { content: "\1f44d"; } /* '\1f44d' */
.icon-thumbs-down:before { content: "\1f44e"; } /* '\1f44e' */
.icon-download:before { content: "ðŸ“¥"; } /* '\1f4e5' */
.icon-upload:before { content: "ðŸ“¤"; } /* '\1f4e4' */
.icon-upload-cloud:before { content: "\e711"; } /* '\e711' */
.icon-reply:before { content: "\e712"; } /* '\e712' */
.icon-reply-all:before { content: "\e713"; } /* '\e713' */
.icon-forward:before { content: "\27a6"; } /* '\27a6' */
.icon-quote:before { content: "\275e"; } /* '\275e' */
.icon-code:before { content: "\e714"; } /* '\e714' */
.icon-export:before { content: "\e715"; } /* '\e715' */
.icon-pencil:before { content: "\270e"; } /* '\270e' */
.icon-feather:before { content: "\2712"; } /* '\2712' */
.icon-print:before { content: "\e716"; } /* '\e716' */
.icon-retweet:before { content: "\e717"; } /* '\e717' */
.icon-keyboard:before { content: "\2328"; } /* '\2328' */
.icon-comment:before { content: "\e718"; } /* '\e718' */
.icon-chat:before { content: "\e720"; } /* '\e720' */
.icon-bell:before { content: "ðŸ””"; } /* '\1f514' */
.icon-attention:before { content: "\26a0"; } /* '\26a0' */
.icon-alert:before { content: "ðŸ’¥"; } /* '\1f4a5' */
.icon-vcard:before { content: "\e722"; } /* '\e722' */
.icon-address:before { content: "\e723"; } /* '\e723' */
.icon-location:before { content: "\e724"; } /* '\e724' */
.icon-map:before { content: "\e727"; } /* '\e727' */
.icon-direction:before { content: "\27a2"; } /* '\27a2' */
.icon-compass:before { content: "\e728"; } /* '\e728' */
.icon-cup:before { content: "\2615"; } /* '\2615' */
.icon-trash:before { content: "\e729"; } /* '\e729' */
.icon-doc:before { content: "\e730"; } /* '\e730' */
.icon-docs:before { content: "\e736"; } /* '\e736' */
.icon-doc-landscape:before { content: "\e737"; } /* '\e737' */
.icon-doc-text:before { content: "ðŸ“„"; } /* '\1f4c4' */
.icon-doc-text-inv:before { content: "\e731"; } /* '\e731' */
.icon-newspaper:before { content: "\1f4f0"; } /* '\1f4f0' */
.icon-book-open:before { content: "ðŸ“–"; } /* '\1f4d6' */
.icon-book:before { content: "\1f4d5"; } /* '\1f4d5' */
.icon-folder:before { content: "ðŸ“"; } /* '\1f4c1' */
.icon-archive:before { content: "\e738"; } /* '\e738' */
.icon-box:before { content: "ðŸ“¦"; } /* '\1f4e6' */
.icon-rss:before { content: "\e73a"; } /* '\e73a' */
.icon-phone:before { content: "ðŸ“ž"; } /* '\1f4de' */
.icon-cog:before { content: "\2699"; } /* '\2699' */
.icon-tools:before { content: "\2692"; } /* '\2692' */
.icon-share:before { content: "\e73c"; } /* '\e73c' */
.icon-shareable:before { content: "\e73e"; } /* '\e73e' */
.icon-basket:before { content: "\e73d"; } /* '\e73d' */
.icon-bag:before { content: "ðŸ‘œ"; } /* '\1f45c' */
.icon-calendar:before { content: "\1f4c5"; } /* '\1f4c5' */
.icon-login:before { content: "\e740"; } /* '\e740' */
.icon-logout:before { content: "\e741"; } /* '\e741' */
.icon-mic:before { content: "ðŸŽ¤"; } /* '\1f3a4' */
.icon-mute:before { content: "ðŸ”‡"; } /* '\1f507' */
.icon-sound:before { content: "ðŸ”Š"; } /* '\1f50a' */
.icon-volume:before { content: "\e742"; } /* '\e742' */
.icon-clock:before { content: "\1f554"; } /* '\1f554' */
.icon-hourglass:before { content: "\23f3"; } /* '\23f3' */
.icon-lamp:before { content: "ðŸ’¡"; } /* '\1f4a1' */
.icon-light-down:before { content: "ðŸ”…"; } /* '\1f505' */
.icon-light-up:before { content: "ðŸ”†"; } /* '\1f506' */
.icon-adjust:before { content: "\25d1"; } /* '\25d1' */
.icon-block:before { content: "ðŸš«"; } /* '\1f6ab' */
.icon-resize-full:before { content: "\e744"; } /* '\e744' */
.icon-resize-small:before { content: "\e746"; } /* '\e746' */
.icon-popup:before { content: "\e74c"; } /* '\e74c' */
.icon-publish:before { content: "\e74d"; } /* '\e74d' */
.icon-window:before { content: "\e74e"; } /* '\e74e' */
.icon-arrow-combo:before { content: "\e74f"; } /* '\e74f' */
.icon-down-circled:before { content: "\e758"; } /* '\e758' */
.icon-left-circled:before { content: "\e759"; } /* '\e759' */
.icon-right-circled:before { content: "\e75a"; } /* '\e75a' */
.icon-up-circled:before { content: "\e75b"; } /* '\e75b' */
.icon-down-open:before { content: "\e75c"; } /* '\e75c' */
.icon-left-open:before { content: "\e75d"; } /* '\e75d' */
.icon-right-open:before { content: "\e75e"; } /* '\e75e' */
.icon-up-open:before { content: "\e75f"; } /* '\e75f' */
.icon-down-open-mini:before { content: "\e760"; } /* '\e760' */
.icon-left-open-mini:before { content: "\e761"; } /* '\e761' */
.icon-right-open-mini:before { content: "\e762"; } /* '\e762' */
.icon-up-open-mini:before { content: "\e763"; } /* '\e763' */
.icon-down-open-big:before { content: "\e764"; } /* '\e764' */
.icon-left-open-big:before { content: "\e765"; } /* '\e765' */
.icon-right-open-big:before { content: "\e766"; } /* '\e766' */
.icon-up-open-big:before { content: "\e767"; } /* '\e767' */
.icon-down:before { content: "\2b07"; } /* '\2b07' */
.icon-left:before { content: "\2b05"; } /* '\2b05' */
.icon-right:before { content: "\27a1"; } /* '\27a1' */
.icon-up:before { content: "\2b06"; } /* '\2b06' */
.icon-down-dir:before { content: "\25be"; } /* '\25be' */
.icon-left-dir:before { content: "\25c2"; } /* '\25c2' */
.icon-right-dir:before { content: "\25b8"; } /* '\25b8' */
.icon-up-dir:before { content: "\25b4"; } /* '\25b4' */
.icon-down-bold:before { content: "\e4b0"; } /* '\e4b0' */
.icon-left-bold:before { content: "\e4ad"; } /* '\e4ad' */
.icon-right-bold:before { content: "\e4ae"; } /* '\e4ae' */
.icon-up-bold:before { content: "\e4af"; } /* '\e4af' */
.icon-down-thin:before { content: "\2193"; } /* '\2193' */
.icon-left-thin:before { content: "\2190"; } /* '\2190' */
.icon-right-thin:before { content: "\2192"; } /* '\2192' */
.icon-up-thin:before { content: "\2191"; } /* '\2191' */
.icon-ccw:before { content: "\27f2"; } /* '\27f2' */
.icon-cw:before { content: "\27f3"; } /* '\27f3' */
.icon-arrows-ccw:before { content: "ðŸ”„"; } /* '\1f504' */
.icon-level-down:before { content: "\21b3"; } /* '\21b3' */
.icon-level-up:before { content: "\21b0"; } /* '\21b0' */
.icon-shuffle:before { content: "\1f500"; } /* '\1f500' */
.icon-loop:before { content: "\1f501"; } /* '\1f501' */
.icon-switch:before { content: "\21c6"; } /* '\21c6' */
.icon-play:before { content: "\25b6"; } /* '\25b6' */
.icon-stop:before { content: "\25a0"; } /* '\25a0' */
.icon-pause:before { content: "\2389"; } /* '\2389' */
.icon-record:before { content: "\26ab"; } /* '\26ab' */
.icon-to-end:before { content: "\23ed"; } /* '\23ed' */
.icon-to-start:before { content: "\23ee"; } /* '\23ee' */
.icon-fast-forward:before { content: "\23e9"; } /* '\23e9' */
.icon-fast-backward:before { content: "\23ea"; } /* '\23ea' */
.icon-progress-0:before { content: "\e768"; } /* '\e768' */
.icon-progress-1:before { content: "\e769"; } /* '\e769' */
.icon-progress-2:before { content: "\e76a"; } /* '\e76a' */
.icon-progress-3:before { content: "\e76b"; } /* '\e76b' */
.icon-target:before { content: "ðŸŽ¯"; } /* '\1f3af' */
.icon-palette:before { content: "ðŸŽ¨"; } /* '\1f3a8' */
.icon-list:before { content: "\e005"; } /* '\e005' */
.icon-list-add:before { content: "\e003"; } /* '\e003' */
.icon-signal:before { content: "ðŸ“¶"; } /* '\1f4f6' */
.icon-trophy:before { content: "ðŸ†"; } /* '\1f3c6' */
.icon-battery:before { content: "ðŸ”‹"; } /* '\1f50b' */
.icon-back-in-time:before { content: "\e771"; } /* '\e771' */
.icon-monitor:before { content: "ðŸ’»"; } /* '\1f4bb' */
.icon-mobile:before { content: "ðŸ“±"; } /* '\1f4f1' */
.icon-network:before { content: "\e776"; } /* '\e776' */
.icon-cd:before { content: "ðŸ’¿"; } /* '\1f4bf' */
.icon-inbox:before { content: "\e777"; } /* '\e777' */
.icon-install:before { content: "\e778"; } /* '\e778' */
.icon-globe:before { content: "ðŸŒŽ"; } /* '\1f30e' */
.icon-cloud:before { content: "\2601"; } /* '\2601' */
.icon-cloud-thunder:before { content: "\26c8"; } /* '\26c8' */
.icon-flash:before { content: "\26a1"; } /* '\26a1' */
.icon-moon:before { content: "\263d"; } /* '\263d' */
.icon-flight:before { content: "\2708"; } /* '\2708' */
.icon-paper-plane:before { content: "\e79b"; } /* '\e79b' */
.icon-leaf:before { content: "ðŸ‚"; } /* '\1f342' */
.icon-lifebuoy:before { content: "\e788"; } /* '\e788' */
.icon-mouse:before { content: "\e789"; } /* '\e789' */
.icon-briefcase:before { content: "ðŸ’¼"; } /* '\1f4bc' */
.icon-suitcase:before { content: "\e78e"; } /* '\e78e' */
.icon-dot:before { content: "\e78b"; } /* '\e78b' */
.icon-dot-2:before { content: "\e78c"; } /* '\e78c' */
.icon-dot-3:before { content: "\e78d"; } /* '\e78d' */
.icon-brush:before { content: "\e79a"; } /* '\e79a' */
.icon-magnet:before { content: "\e7a1"; } /* '\e7a1' */
.icon-infinity:before { content: "\221e"; } /* '\221e' */
.icon-erase:before { content: "\232b"; } /* '\232b' */
.icon-chart-pie:before { content: "\e751"; } /* '\e751' */
.icon-chart-line:before { content: "ðŸ“ˆ"; } /* '\1f4c8' */
.icon-chart-bar:before { content: "ðŸ“Š"; } /* '\1f4ca' */
.icon-chart-area:before { content: "ðŸ”¾"; } /* '\1f53e' */
.icon-tape:before { content: "\2707"; } /* '\2707' */
.icon-graduation-cap:before { content: "ðŸŽ“"; } /* '\1f393' */
.icon-language:before { content: "\e752"; } /* '\e752' */
.icon-ticket:before { content: "ðŸŽ«"; } /* '\1f3ab' */
.icon-water:before { content: "ðŸ’¦"; } /* '\1f4a6' */
.icon-droplet:before { content: "\1f4a7"; } /* '\1f4a7' */
.icon-air:before { content: "\e753"; } /* '\e753' */
.icon-credit-card:before { content: "\1f4b3"; } /* '\1f4b3' */
.icon-floppy:before { content: "\1f4be"; } /* '\1f4be' */
.icon-clipboard:before { content: "ðŸ“‹"; } /* '\1f4cb' */
.icon-megaphone:before { content: "ðŸ“£"; } /* '\1f4e3' */
.icon-database:before { content: "\e754"; } /* '\e754' */
.icon-drive:before { content: "\e755"; } /* '\e755' */
.icon-bucket:before { content: "\e756"; } /* '\e756' */
.icon-thermometer:before { content: "\e757"; } /* '\e757' */
.icon-key:before { content: "ðŸ”‘"; } /* '\1f511' */
.icon-flow-cascade:before { content: "\e790"; } /* '\e790' */
.icon-flow-branch:before { content: "\e791"; } /* '\e791' */
.icon-flow-tree:before { content: "\e792"; } /* '\e792' */
.icon-flow-line:before { content: "\e793"; } /* '\e793' */
.icon-flow-parallel:before { content: "\e794"; } /* '\e794' */
.icon-rocket:before { content: "ðŸš€"; } /* '\1f680' */
.icon-gauge:before { content: "\e7a2"; } /* '\e7a2' */
.icon-traffic-cone:before { content: "\e7a3"; } /* '\e7a3' */
.icon-cc:before { content: "\e7a5"; } /* '\e7a5' */
.icon-cc-by:before { content: "\e7a6"; } /* '\e7a6' */
.icon-cc-nc:before { content: "\e7a7"; } /* '\e7a7' */
.icon-cc-nc-eu:before { content: "\e7a8"; } /* '\e7a8' */
.icon-cc-nc-jp:before { content: "\e7a9"; } /* '\e7a9' */
.icon-cc-sa:before { content: "\e7aa"; } /* '\e7aa' */
.icon-cc-nd:before { content: "\e7ab"; } /* '\e7ab' */
.icon-cc-pd:before { content: "\e7ac"; } /* '\e7ac' */
.icon-cc-zero:before { content: "\e7ad"; } /* '\e7ad' */
.icon-cc-share:before { content: "\e7ae"; } /* '\e7ae' */
.icon-cc-remix:before { content: "\e7af"; } /* '\e7af' */
.icon-github:before { content: "\f300"; } /* '\f300' */
.icon-github-circled:before { content: "\f301"; } /* '\f301' */
.icon-flickr:before { content: "\f303"; } /* '\f303' */
.icon-flickr-circled:before { content: "\f304"; } /* '\f304' */
.icon-vimeo:before { content: "\f306"; } /* '\f306' */
.icon-vimeo-circled:before { content: "\f307"; } /* '\f307' */
.icon-twitter:before { content: "\f309"; } /* '\f309' */
.icon-twitter-circled:before { content: "\f30a"; } /* '\f30a' */
.icon-facebook:before { content: "\f30c"; } /* '\f30c' */
.icon-facebook-circled:before { content: "\f30d"; } /* '\f30d' */
.icon-facebook-squared:before { content: "\f30e"; } /* '\f30e' */
.icon-gplus:before { content: "\f30f"; } /* '\f30f' */
.icon-gplus-circled:before { content: "\f310"; } /* '\f310' */
.icon-pinterest:before { content: "\f312"; } /* '\f312' */
.icon-pinterest-circled:before { content: "\f313"; } /* '\f313' */
.icon-tumblr:before { content: "\f315"; } /* '\f315' */
.icon-tumblr-circled:before { content: "\f316"; } /* '\f316' */
.icon-linkedin:before { content: "\f318"; } /* '\f318' */
.icon-linkedin-circled:before { content: "\f319"; } /* '\f319' */
.icon-dribbble:before { content: "\f31b"; } /* '\f31b' */
.icon-dribbble-circled:before { content: "\f31c"; } /* '\f31c' */
.icon-stumbleupon:before { content: "\f31e"; } /* '\f31e' */
.icon-stumbleupon-circled:before { content: "\f31f"; } /* '\f31f' */
.icon-lastfm:before { content: "\f321"; } /* '\f321' */
.icon-lastfm-circled:before { content: "\f322"; } /* '\f322' */
.icon-rdio:before { content: "\f324"; } /* '\f324' */
.icon-rdio-circled:before { content: "\f325"; } /* '\f325' */
.icon-spotify:before { content: "\f327"; } /* '\f327' */
.icon-spotify-circled:before { content: "\f328"; } /* '\f328' */
.icon-qq:before { content: "\f32a"; } /* '\f32a' */
.icon-instagrem:before { content: "\f32d"; } /* '\f32d' */
.icon-dropbox:before { content: "\f330"; } /* '\f330' */
.icon-evernote:before { content: "\f333"; } /* '\f333' */
.icon-flattr:before { content: "\f336"; } /* '\f336' */
.icon-skype:before { content: "\f339"; } /* '\f339' */
.icon-skype-circled:before { content: "\f33a"; } /* '\f33a' */

.icon-renren:before { content: "\f33c"; } /* '\f33c' */
.icon-sina-weibo:before { content: "\f33f"; } /* '\f33f' */
.icon-paypal:before { content: "\f342"; } /* '\f342' */
.icon-picasa:before { content: "\f345"; } /* '\f345' */
.icon-soundcloud:before { content: "\f348"; } /* '\f348' */
.icon-mixi:before { content: "\f34b"; } /* '\f34b' */
.icon-behance:before { content: "\f34e"; } /* '\f34e' */
.icon-google-circles:before { content: "\f351"; } /* '\f351' */
.icon-vkontakte:before { content: "\f354"; } /* '\f354' */
.icon-smashing:before { content: "\f357"; } /* '\f357' */
.icon-sweden:before { content: "\f601"; } /* '\f601' */
.icon-db-shape:before { content: "\f600"; } /* '\f600' */
.icon-logo-db:before { content: "\f603"; } /* '\f603' */





/***** cookieinfo ******/

#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
	position: fixed;
	font-size: 12px;
	left: 0px;
	bottom: 0px;
	z-index: 1000;
	text-align: center;
	color: #fff;
	background-color: rgba(0,47,50,0.95);
	min-height: 30px;
	right: 0px;
}

#cookieinfo div.container {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5em;
	display: block;
	padding: 5px 40px;
}




#cookieinfo a.closeinfo {
	display: inline-block;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}
#cookieinfo a.closeinfo span {
	display: inline-block;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border: none;
	background-color: #A90641;
	clear: both;
	float: none;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 30px;
	line-height: 30px;
	font-weight: bold;
}

#cookieinfo a.closeinfo:hover {
	color: #000;
}









@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
















/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media (min-width: 992px) and (max-width: 1199px){
	
#header, #main, #footer {
  width: 970px;
}

.adbox{
	width: 600px;
	margin-top: 5px;
}

#header nav {
  font-size: 20px;
}

#list-news .news-1, #list-news .news-2 {
  margin-bottom: 6px;
  width: 462px;
}

#list-news .news-3, #list-news .news-4, #list-news .news-5, #list-news .news-6, #list-news .news-7, #list-news .news-8 {
  margin-bottom: 6px;
  margin-right: 6px;
  width: 306px;
}

#news-start .news-5, #news-start .news-8 {
  margin-right: 0;
}

#owl-event{
	/*width: 936px;*/
}

#event-start {
  float: left;
  margin: 0 0 36px 16px;
  width: 617px;
}

#owl-event {
  width: 617px;
}

#recommend-start {
  float: left;
  margin: 0 0 40px 20px;
  width: 610px;
}

#quotes-start {
  float: left;
  margin: 0 20px 40px;
  width: 296px;
}

#quotes-start blockquote p {
  height: 200px;
}

#footer .contact {
  width: 300px;
}

#footer .links {
  width: 270px;
}

#footer .galery-box {

  width: 300px;
}


#content {
  width: 650px;
}



}


@media (min-width: 768px) and (max-width: 991px) { 
#header, #main, #footer {
  width: 750px;
}

.adbox {
	margin: 0;
	padding: 0;
	position: relative;
	right: 0px;
	top: 0px;
	width: 750px;
}

#header nav ul li {
  display: inline-block;
  margin: 0 9px;
}

#header nav {
  font-size: 17px;
}



#list-news .news-1, #list-news .news-2 {
  margin-bottom: 6px;
  width: 352px;
}

#list-news .news-3, #list-news .news-4, #list-news .news-5, #list-news .news-6, #list-news .news-7, #list-news .news-8 {
  margin-bottom: 6px;
  margin-right: 6px;
  width: 232px;
}

#news-start .news-5, #news-start .news-8 {
  margin-right: 0;
}



#news-start .news-3 a header h1,
#news-start .news-4 a header h1,
#news-start .news-5 a header h1,
#news-start .news-6 a header h1,
#news-start .news-5 a header h1,
#news-start .news-7 a header h1,
#news-start .news-8 a header h1
{
	font-size: 20px;
	line-height: 24px;
}
#news-start .news-3 a .more,
#news-start .news-4 a .more,
#news-start .news-5 a .more,
#news-start .news-6 a .more,
#news-start .news-5 a .more,
#news-start .news-7 a .more,
#news-start .news-8 a .more
{
	display: none;
}

.box-news a figure figcaption{
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#recommend-start {
	width: 710px;
	clear: both;
	float: none;
}

#event-start{
	width: auto;
	float: none;
	margin-right: 16px;
	margin-left: 16px;
}




#quotes-start {
	display: none;
}

#footer .contact {
  float: left;
  padding-left: 30px;
  padding-right: 50px;
  width: 420px;
}

#footer .galery-box {
	display: none;
}

#content {
  width: 100%;
}

#sidebar {
  display: none;
}

}


@media (max-width: 767px) {
#header, #main, #footer {
  width: 100%;
}

.adbox {
	display: none;
}


#header #nav {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	background: none;
	margin: 0
	20px;
}


#header nav ul li:first-child {
  margin: 0 15px;
}

#header nav #showmenu{
	display: block;
	text-decoration: none;
	position: absolute;
	top: 10px;
	right: 10px;
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	z-index: 100;
	color: #C6044A;
	font-size: 28px;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 10000000px;
	height: 28px;
	width: 28px;
}

#header nav #showmenu:hover{
	-moz-opacity: 1.00;
	opacity: 1.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	}

#header nav ul li.activ a::after {
 display:none;
}

#header nav ul li.activ a {
  color: #DE1960;
}


	#header nav ul {
	margin: 0;
	padding: 0;
	/*height: 0px;*/
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	padding: 0px 20px 0px 20px;
	overflow: hidden;
	-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;
	position: relative;
	top: -300px;
	background-color: #002F32;
	}
	
	#header nav ul.show-nav {
	display: block;
	padding: 60px 20px 20px 20px;
	text-align: center;
	top: 0px;		/*height: auto;*/


	}

#header nav ul li {
	display: block;
	margin: 0 15px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00565E;
}


#header nav ul li.sm{
display:none;
}




#list-news .box-news {
  margin: 0 0 6px 0;
  width: 49.5%;
}

#list-news .box-news:nth-child(odd) {
  margin-right: 1%;
}

#news-start .box-news a header h1
{
	font-size: 20px;
	line-height: 24px;
}

#recommend-start {
  float: left;
  margin: 0 0 40px 0;
  padding: 0 20px;
  width: 100%;
}

#event-start{
	width: auto;
	float: none;
	margin-right: 16px;
	margin-left: 16px;
}



#quotes-start,
#footer .galery-box 
{
	display: none;
}

#footer .contact {
  float: left;
  padding-left: 30px;
  padding-right: 40px;
  width: 50%;
}

#footer .facebook {
  float: left;
  width: 50%;
}
#content {
  width: 100%;
}

#sidebar {
  width: 100%;
  padding: 0 20px;
}

.news header {
	left: 0px;
	position: relative;
	top: 0px;
	width: 100%;
	margin: 20px 0;
}

.news header h1 {
	color: #001718;
	font-size: 46px;
	line-height: 46px;
	margin: 0;
	text-shadow: none;
}

}



@media (max-width: 600px) {
	



#list-news .box-news {
  margin: 0 0 20px 0 ;
  width: 100%;
}



#news-start .box-news a header h1
{
	font-size: 20px;
	line-height: 24px;
}


#recommend-start {
  float: left;
  margin: 0 0 40px 0;
  padding: 0 20px;
  width: 100%;
}


#quotes-start,
#footer .galery-box 
{
	display: none;
}

#footer .contact {
  float: none;
  padding: 0 20px;
  width: 100%;
}

#footer .facebook {
	display: none;
}	

#owl-group .item figure figcaption {
  width: 250px;
}



}
@media (max-width: 480px) {
#owl-event .item .tytul,
#owl-group .item figure figcaption {
  width: 480px;
}

#recommend-start {
	display: none;
}
#owl-event .item figure img {
 width: 100%;
}


}



