body{
	background-color: #000;
	color: #ff0;
}

/* =================== HEADER =========== */

#header-top{
	height: 50px; 
	text-align:center; 
	color: #fff; 
	font-size: 30px; 
	padding-top: 5px;	
	letter-spacing: 2px;
}
#header-top2{
	height: 30px; 
	text-align:center; 
	padding-top: 5px;	
	padding-bottom: 5px;
	letter-spacing: 2px;
	background-color: #000;
	color: #ff0;
}
#header-img{
	height: 220px; 
	padding-right: 0; 
	padding-left: 0; 
	background: transparent url(../images/header-bg.jpg) no-repeat scroll center top;
}


/* ================== SLIDER ============*/

#slider{
	 height: 300px; 
	 margin-bottom: 30px;	
	 padding:0;
}

#slider h3{ font-size: 18px; font-weight:700; margin: 12px 0 4px 0; color: #ff0;}
#slider .lof-slidecontent{border: 1px solid #ff0;}
#slider .lof-slidecontent ul.navigator-wrap-inner li.active div {
    background-color: #ff0;
    color: #000;
}
#slider .lof-slidecontent ul.navigator-wrap-inner li.active div h3 {color: #000;}
#slider .lof-slidecontent ul.navigator-wrap-inner li > div {background-color: #000; color: #ff0; border-top: 1px solid #ff0;}
/* =================== MEGA MENU =========== */

#mega-menu{
	padding-right: 0; 
	padding-left: 0; 
	clear:both;
}
.navbar{
	margin-bottom: 10px;
	min-height: 10px;
}
.navbar-nav{
	padding: 0;
}
.navbar-inverse{
	background-color: #000;
}
.navbar-toggle{
	margin-top:0;
	margin-bottom:0;
	border:0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-left: 0; margin-right: 0;}

#menu-m{
	background: #000;	
	text-align: center;
	font-size: 25px;	
	border: 1px solid #ff0;
}
#menu-t{
	background: #000;
	text-align: center;
	font-size: 25px;	
	border: 1px solid #ff0;
}
#menu-i{
	background: #000;
	text-align: center;
	font-size: 25px;	
	border: 1px solid #ff0;
}
.menu-m-border{border-bottom: 4px solid #ff0;}
.menu-t-border{border-bottom: 4px solid #ff0;}
.menu-i-border{border-bottom: 4px solid #ff0;}

.menu-tab{background: #000; padding: 0;}

.navbar ul.navbar-nav li.menu-m .dropdown-menu li {border-right: 1px solid #ff0;}
.navbar ul.navbar-nav li.menu-t .dropdown-menu li {border-right: 1px solid #ff0;}
.navbar ul.navbar-nav li.menu-i .dropdown-menu li {border-right: 1px solid #ff0;}

.navbar ul.navbar-nav li.menu-m .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header,
.navbar ul.navbar-nav li.menu-t .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header,
.navbar ul.navbar-nav li.menu-i .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header {border-right: none;}

.navbar ul.navbar-nav li.menu-m .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header h4{color: #fff; background-color: #ff0;}
.navbar ul.navbar-nav li.menu-t .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header h4{color: #fff; background-color: #ff0;}
.navbar ul.navbar-nav li.menu-i .dropdown-menu  div.tab-content  div.tab-pane  ul.row li.dropdown-header h4{color: #fff; background-color: #ff0;}

.navbar ul.navbar-nav li.menu-m .dropdown-menu  div.tab-content  div.tab-pane  ul li.collapse-down-onclick1 ul li,
.navbar ul.navbar-nav li.menu-t .dropdown-menu  div.tab-content  div.tab-pane  ul li.collapse-down-onclick1 ul li,
.navbar ul.navbar-nav li.menu-i .dropdown-menu  div.tab-content  div.tab-pane  ul li.collapse-down-onclick1 ul li{border-right: none;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {color: #ff0;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #ff0;}
.dropdown-menu{ background-color: #000;}

/* =================== MENU LEWE =========== */


.content {
  display: block;
  overflow: hidden;
  width: auto;
}

.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav xa:focus{
  outline: none;
}
.sidebar-nav ul li{
  list-style: outside none none;
  background: transparent url("../images/li-big.png") no-repeat scroll left 2px;
  padding: 0px 0px 0px 25px;	
}
.sidebar-nav ul li, .sidebar-nav ul a {
  display: block;
  color: #ff0;
  font-size: 16px;
  text-transform: uppercase;
}
.sidebar-nav ul a {
  padding: 0 0 10px 0;
  color: #ff0;
  background-color: transparent;
}
.sidebar-nav ul a:hover, .sidebar-nav ul a:active {
  color: #ff0;
  text-decoration: underline;
}
.sidebar-nav ul a:focus{
	background-color: transparent;
	text-decoration: underline !important;
	color: #ff0 !important;	
}
.sidebar-nav ul ul li{
  list-style: outside none none;
  background: transparent url("../images/li-small.png") no-repeat scroll left 5px;
  padding: 0px 0px 0px 15px;	
}
.sidebar-nav ul ul a {
  padding: 0 0 10px 0;
  color: #ff0;
  font-size: 14px;
  text-transform: none;
}
.sidebar-nav ul ul a:hover, .sidebar-nav ul ul a:focus, .sidebar-nav ul ul a:active {
  color: #ff0;
  text-decoration: underline;
}
.sidebar-nav-item {
  padding-left: 5px;
}
.sidebar-nav-item-icon {
  padding-right: 5px;
}
#rtlh3 small {
    transform: rotateY(180deg);
    display: inline-block;
}

/*
 * metismenu - v2.2.0
 * A jQuery menu plugin
 * https://github.com/onokumus/metisMenu#readme
 *
 * Made by Osman Nuri Okumuş <onokumus@gmail.com> (https://github.com/onokumus)
 * Under MIT License
 */

.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .active>a>.fa.plus-times{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .collapse{display:none}.metismenu .collapse.in{display:block}.metismenu .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}

/* =================== FOOTER =========== */

#footer{
	min-height: 340px; 	
	color: #ff0;
	margin-bottom: 30px;
}
#footer-col-1{text-align: center;}
#footer .img-responsive {margin: 0 auto;}
#footer a{color: #ff0;}
#footer h2{ 
	font-size: 25px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	color: #ff0;
}
#footer h3{ 
	font-size: 20px;
	margin: 0;
	color: #ff0;
}
#footer h4{ 
	font-size: 18px;
	margin: 0;
	color: #ff0;
}
#footer p{ 
	margin: 0 0 15px 0;
}
#footer ul{
	padding-left: 0;
}
#footer ul li{
	display: inline-block;
	list-style: none;	
	margin-bottom: 10px;
	clear: both;
}

#footer ul li ul{
	margin-bottom: 20px;
	clear: both;
	display: inline;
}

#footer ul li h2{
	margin: 0 0 10px 0;
}

#footer ul li ul li{
	float: left;
	list-style: none;
	margin: 0;
	clear: none;
	padding-right: 5px;
}


/* ======= BOX ====== */

div.box-container{ 
	padding-top: 0;
	padding-bottom: 0; 
	margin-bottom: 30px;	
	border: 1px solid #ff0;
}
div.box-container div.box-top{
	height: 35px; 
	color: #ff0;
	margin-top: 0; 
	font-size: 18px;	
}
div.box-container div.box-bottom{
	height: 36px; 
	color: #ff0;
	text-align: right; 
	font-size: 12px; 
	padding: 16px 10px 0px 0px;	
}
.box-title{
	display: inline-block; 
	padding: 6px 10px;  
	height: 35px;
}


/* ======= NEWSY ====== */

.news{
	font-size: 14px;
	color: #ff0;	
}
.news-title{
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 120%;
	min-height: 50px !important;
}
.news-img{
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 185px;
}

.news-date{
	position: absolute;
	width: 100px;
	height: 36px;
	background-color: #000;
	color: #ff0;
	bottom: 0;
	right: 0;
	z-index: 1;
	text-align: right;
	padding: 10px 6px 0 0;
	font-size: 14px;
}

.main-title{
	display: inline;
	line-height: 130%;
	padding-right: 15px;
}

#content-top-right{
	float: right;	
	padding-right: 10px;
}

/* ======= LISTY - FORMATOWANIE ====== */
.title{
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 120%;	
}

.list-img{
	position: relative;
	margin-bottom: 10px;
}
.list-img:hover{
	position: relative;
	margin-bottom: 10px;
	background: rgba(255,255,255, 0.7);	
}

.list-img:hover img{
	opacity: 0.8;
	transition: opacity 0.2s ease-in-out 0s;
}

/* ======= KALENDARZ WYDARZEN ====== */

ul#kalendarz-wydarzen{
	margin:0;
	padding:0;	
}

ul#kalendarz-wydarzen li.first{
	list-style: none;
	clear: both;
	background: none;
	padding: 0;
}
ul#kalendarz-wydarzen li{
	list-style: none;
	background: url(../images/li-big.png) no-repeat left top;
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	clear: both;
}
ul#kalendarz-wydarzen li.first h4{
	margin: 0 0 15px 0;
	font-size: 16px;
}

ul#kalendarz-wydarzen li h4{
	margin: 0;
	font-size: 16px;
}

.kalendarz-data-small, .data{
	font-size: 16px;
	color: #ff0;	
}
.kalendarz-data{
	font-size: 18px;
	font-weight:700;
	color: #ff0;
	display: block;
	margin: 0;
}
.kalendarz-miejsce{
	font-size: 18px;
	font-weight:300;
	display: block;
	margin: 0 0 15px 0;
}

/* =================== CAROUSEL =========== */

.carousel-control.button-next{
	right:0px;
	left: auto;
	background: url(../images/button-next.png) no-repeat right center;
}
.carousel-control.button-previous{
	left:0px;
	background: url(../images/button-prev.png) no-repeat left center;
}


/* =================== GRIDDER =========== */


.gridder{margin: 10px 0 0 0;padding:0px;}
.gridder-list{
	display:inline-block !important;
	vertical-align:top !important;
	float: none !important;
	margin-bottom: 10px;
}
.gridder-list2{
	display:inline-block;
	vertical-align:top;
	float: none !important;
	margin-bottom: 10px;
}
.gridder-show{display:block;float:left;width:100%;position:relative;background:#EEE url(../images/loading-spin.svg) no-repeat center}
.gridder-show.loading{background:#EEE url(../images/loading-spin.svg) no-repeat center}
.gridder-content{display:none}

.gridder-expanded-content .carousel{margin-bottom:20px;}
.gridder-expanded-content {font-size: 12px;}
.gridder-expanded-content h2{font-size: 18px; font-weight: 700; margin-top: 0;}

.gridder-show{padding:20px;background:#EEE;margin-bottom:1%}
.gridder-navigation .gridder-nav.disabled{opacity:.5}
.gridder-list, .gridder-list2{cursor:pointer}
.gridder-list:hover, .gridder-list2:hover{opacity:0.8}
.hasSelectedItem .gridder-list, .hasSelectedItem .gridder-list2{opacity:.5}
.hasSelectedItem .gridder-list.selectedItem, .hasSelectedItem .gridder-list2.selectedItem{opacity:1}

.caption-container{
	position: relative;
	width: 100%; 
	height: 100%; 
	padding: 0;
	overflow: hidden;
}
.caption{
	z-index:10; 
	position: absolute; 
	background-color: rgba(255, 255, 255, 0.9); 
	transition: all 0.2s ease 0s;	
	padding: 10px;
	bottom: -30px;
	width: 100%;
}
.caption.hover{
	bottom: 0;
	transition: all 0.2s ease 0s;	
}

.caption h2{font-size: 12px; margin-top: 0;}
.caption span.kalendarz-data{font-size: 14px; font-weight: 300;}
.caption span.kalendarz-godz{font-size: 12px; font-weight: 300;}
.caption span.kalendarz-miejsce{font-size: 12px;}
.caption div.caption-more{height: 20px; background-color: #b90000; color: #fff; text-align: right; font-size: 12px; padding: 2px 10px 0;}

/* =================== FILTROWANIE w GRIDZIE =========== */


ul#gridder-filter{ margin: 0; padding: 0 0 0 20px; clear: both; height: 45px; line-height: 45px; display: inline-block;}
ul#gridder-filter li{ display: inline; }
ul#gridder-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: rgb(185, 0, 0); color: #fff; text-decoration: none; }
ul#gridder-filter a:hover, ul#gridder-filter a.current{ color: #b90000; background-color: #fff; }
ul#gridder-filter a:focus{ color: #b90000 !important; background-color: #fff !important; }

/* =================== GALERIA =========== */




/* =================== WCAG - SKIP LINKI =========== */

a:focus img {outline: 2px solid #b90000; outline-offset: -2px;}

.hide-text{
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	position: absolute;
}
.nomp{
	margin: 0;
	padding: 0;
	line-height: 100%
}
.skiplink-menu{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
.skiplink-menu li{
	background: none;
	list-style: none outside none;
	margin-bottom: 0px;
	padding-left: 0px; 
 }
.skiplink-menu a{
  display:inline;
  font-size:1.30em;
  left:-9000em;
  padding:5px 10px;
  position:absolute;
  text-align:center;
  text-decoration:none;
  width:150px;
  z-index:2;
}
.skiplink-menu a:hover, .skiplink-menu a:focus, .skiplink-menu a:active  {
	background-color: yellow;
	border: 2px solid #000;
	color: #000; 
	left: 0; 
	position: absolute;
	top: 0;
}

/* =================== FORMULARZE =========== */

input:focus {
    background-color: #b90000;
	color: #fff;
}
#search{
	border-radius: 0;
	box-shadow: none;
	height: 50px;	
	font-size: 18px;
}
.search-form{
	float: none;
	margin: 0 auto;
}
#search-but{
	background-color: #b90000;
	border: 0;
	border-radius: 0;
	padding: 10px 25px;
	color: #fff;
	font-size: 18px;
	margin-top: -1px;
}

/* =================== LINKI =========== */

a{	color: #ff0; text-decoration: none;}
a:link{	color: #ff0; text-decoration: none;}
a:active{	color: #ff0; text-decoration: none;}
a:visited{	color: #ff0; text-decoration: none;}
a:hover{	color: #ff0;	text-decoration: none;}
a:focus{color: #ff0; text-decoration: none; border: 1px solid #ff0; margin: 0; padding: 0;}

a.more{	color:  #ff0; text-decoration: none;}
a.more:link{color:  #ff0; text-decoration: none;}
a.more:active{color:  #ff0; text-decoration: none;}
a.more:visited{color:  #ff0;	text-decoration: none;}
a.more:hover{color:  #ff0; text-decoration: underline;}
a.more:focus{color: #ff0; text-decoration: none; border: 1px solid #ff0; margin: 0; padding: 0;}

a.more2{	color:  #ff0; text-decoration: none;}
a.more2:link{color:  #ff0; text-decoration: none;}
a.more2:active{color:  #ff0; text-decoration: none;}
a.more2:visited{color:  #ff0;	text-decoration: none;}
a.more2:hover{color:  #ff0; text-decoration: underline;}
a.more2:focus{color: #ff0; text-decoration: none; border: 1px solid #ff0; margin: 0; padding: 0;}

/*===============  a A A ===============*/



/* =================== INNE =========== */

.white	{color: #ff0 !important; }
a.white:hover {color: #ff0; text-decoration: underline;}
a.white:focus {background-color: #ff0;}
.fa{color: #ff0;}
.aplus{cursor: pointer; line-height: 100%; font-size: 28px;}
.aplus-small{cursor: pointer; line-height: 100%; font-size: 20px;}
ul.icons{
	list-style: none;	
	-webkit-padding-start: 0;
}
ul.icons li{float: left; padding-left: 10px; padding-right: 10px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;} 
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.pl0{padding-left: 0px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}

.pr0{padding-right: 0px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}

.pt0{padding-top: 0px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}

.fl{float: left;}
.fr{float: right;}

h1,h2,h3,h4,h5,h6{color: #000;}

/*================ PAGINACJA=======================*/

.pagination {
  margin: 10px 0px 10px;
  border-radius: 0px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* =================== RWD =========== */

@media (min-width: 1px) and (max-width: 480px) {
	#header-top{
		height: 30px; 
		font-size: 18px; 
		padding-top: 3px;	
	}
	#header-img{ 
		height: 100px;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;	
	} 
	#footer{ font-size: 12px;}
	#footer h2{ 
		font-size: 18px;
		margin: 0 0 15px 0;
		font-weight: 700;
	}
	#footer h3{ 
		font-size: 16px;
		margin: 0;
		font-weight: 700;
	}
	#footer h4{ 
		font-size: 14px;
		margin: 0;
		font-weight: 700;
	}
	.main-foto{
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#header-top{
		height: 30px; 
		font-size: 18px; 
		padding-top: 3px;	
	}
	#header-img{ 
		height: 130px;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;	
	} 
	#footer{ font-size: 13px;}
	#footer-col-3{
		text-align: center;
	}
	#footer h2{ 
		font-size: 18px;
		margin: 0 0 15px 0;
		font-weight: 700;
	}
	#footer h3{ 
		font-size: 16px;
		margin: 0;
		font-weight: 700;
	}
	#footer h4{ 
		font-size: 14px;
		margin: 0;
		font-weight: 700;
	}
/*	.img-responsive{max-width: 50%;} */
	.mw100{max-width: 100%;}
}
@media (min-width: 1px) and (max-width: 767px) {
	.plrxs0{
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#header-top{
		height: 40px; 
		font-size: 23px; 
		padding-top: 5px;	
	}
	#header-img{ 
		height: 150px;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;	
	} 
}
@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}