/*bootstrap 3 resets for SharePoint*/
/*border-box causes many issues with SP*/
*, *:before, *:after {
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*reset elements that B3 is expecting to be border-box*/
* [class^="col-"], * [class^="col-"]:before, * [class^="col-"]:after,
.container, .container:before, .container:after,
.row, .row:before, .row:after,
.nav *, .navbar-toggle, .table, .table-responsive, .form-control, .btn-block, .caret, .dropdown-menu, .navbar-toggle, .page-navigation *, .icon-bar, .breadcrumb, .progress-bar, .modal-dialog,
legend, fieldset, code, pre
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: none;
	width: auto;
}
* [class^="col-"] img {
	max-width: 100%; /*for images inside span grid*/
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-core-menu-icon > img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}
.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}
input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}
select, input[type="file"] {
    height: auto;
    line-height: 20px;
}
label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
}
.navbar-toggle {
	min-width: 0px;
}
a:focus { 
    outline: none; 
}
button::-moz-focus-inner {
	border: 0;
}
/*end bootstrap resets*/

/*SharePoint overrides some B3 classes, reset back*/
.container {
	background-color: transparent;
	border: 1px transparent none;
	color: inherit;
	margin: 0px auto;
	width: auto;
}
/*end SP resets*/

/*template styles*/
/*Main SP containers*/
/*end Main SP containers*/
#s4-bodyContainer {
	width: auto !important;
}
/* ribbon*/ 
#suiteBar {
	display: block;
	height: 60px;
}
#suiteBarLeft, #suiteBarRight {
    display: inline-block;
    width: 100%;
}
#suiteBarRight .ms-core-deltaSuiteBarRight {
	float: right;
}
#s4-ribbonrow [class*="col-"] {
    float: none;
    margin-left: 0px;
}
#pageStatusBar[class], .ms-status-msg {
	margin-bottom: 0px;
}
#suiteBarLeft {
    background-color: #0088CC;
}
.ms-cui-dd-text, input.ms-cui-cb-input, input[type="text"].ms-cui-cb-input {
    border-color: #D3D6D9;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    cursor: default;
    display: block;
    height: 14px;
    padding: 3px 7px 2px;
    white-space: nowrap;
    font-size: inherit;
}
/*header*/
.header {
	margin-top: 0px;
}
.headtitle {
	margin-left: 0px;
	margin-top: 5px;
}
#pageTitle {
	margin: 0px 0px 5px;
	font-size: 2em;
	background: url("/Style Library/_img/ik_tytul.png") no-repeat 0px 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color: #434445;
	text-transform: uppercase;
	padding-left: 30px;
}
/* breadcrumb*/
ul.s4-breadcrumb {
	margin-bottom: 5px;
	padding: 0px;
}
ul.s4-breadcrumb, ul.s4-breadcrumb ul {
	margin: 0px 0px 5px;
	padding: 0px;
	list-style: none inside none;
	display: inline-block;
}
ul.s4-breadcrumb .s4-breadcrumb-arrowcont {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin: 0px 4px 0px 4px;
    background: transparent url('/Style Library/_img/okruszki_separator.gif') no-repeat;
}
ul.s4-breadcrumb .s4-breadcrumb-arrowcont img {
    display: none !important;
}
ul.s4-breadcrumb > li:first-child > span.s4-breadcrumb-arrowcont {
	display: none;
}
ul.s4-breadcrumb a.s4-breadcrumbCurrentNode {
	color: #000;
}
/* end breadcrumb*/

/*search box*/
.header .searchbox {
	display: block;
	float: none;
	clear: both;
}
/*end search box*/
/*end header*/

/*top nav */
#topnavbar {
    height: auto;
}
#topnavbar.navbar {
	z-index: 50;
}
#topnavbar .navbar-collapse {
	max-height: none;
	clear: both;
}
/*on mobile devices top nav bar will be a drop down, so we want to show across*/
.ms-core-listMenu-horizontalBox {
	display: block;
}
#topnavbar .nav ul, #topnavbar .nav ul > li {
	float: none;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#topnavbar .nav ul.static {
	display: block;
	position: relative;
	text-align: left;
}
#topnavbar li.static {
	display: block;
	width: 100%;
	position: relative;
}
#topnavbar li.static > .menu-item {
	display: block;
	/*height: 47px;
	line-height: 1em;
	padding: 15px 0;*/
	margin: 0px;
	position: relative;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    border: none;
}
/*images within nav should not use respponsive properties*/
#topnavbar .nav img {max-width: none;}
/*hide the edit nav button on mobile devices*/
#topnavbar .nav ul.root > li.ms-navedit-editArea {
	display: none;
}
/*hide or provide padding for downdown arrow*/
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	width: 100%;
	display: block;
}

/*dynamic menus should not appear*/
#topnavbar ul.dynamic {
	display: none !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	box-shadow: none;
}
#topnavbar li.shown > ul.dynamic {
	display: block !important;
}
#topnavbar ul.dynamic > li {
	background: transparent none;
	border-right: medium none;
	border-top: 1px solid #d1d1d1;
	display: block;
	float: none;
	height: auto;
}
#topnavbar li.dynamic .menu-item {
	padding: 15px;
}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    background-image: url("/_layouts/15/images/menu-down.gif");
}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {
    background-image: url("/_layouts/15/images/menu-down.gif");
}
/*end top nav */

/*left nav */
#sideNavBox.col-md-3 {
    float: none;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
}
/*end left nav */

/* main content areas */
div.table { 
	margin: 0px; /*added by design manager admin page, ruins rd layout*/
}
.col-md-9 .ms-table {
    display: inherit;
}
.col-md-9 .tableCol-75 {
    display: inherit;
}
#ms-core-tableNoSpace {
	display: block;
}

/*site settings*/
/*Settings page - Add app page*/
#idStorefrontManagementLeftNavBar.ms-core-sideNavBox-removeLeftMargin {
	margin-left: 0;
}
a.ms-storefront-selectanchor, a.ms-storefront-selectanchor:link, a.ms-storefront-selectanchor:visited {
	clear: both;
	width: auto;
}
/*end site settings*/

/*web part zones*/
* [class^="col-"] .ms-webpart-zone, * [class^="col-"] .ms-webpart-cell-vertical, * [class^="col-"] .ms-webpart-chrome-vertical {
    display: block; /*forces zone to stay within confines of responsive zone*/
}
* [class^="col-"] .ms-WPBody > table, * [class^="col-"] .ms-WPBody > table > tbody, * [class^="col-"] .ms-WPBody > table > tbody > tr, * [class^="col-"] .ms-WPBody > table > tbody > tr > td {
	display: block;
	width: 100%;
}
* [class^="col-"] .ms-WPBody > table img {
	width: 100%; /*reset back to bootstrap for web part images*/
}
.ms-SPZone.ms-webpart-zone {
    padding: 5px;
}
.ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain {
    padding: 5px 5px 10px;
}
/*web part properties*/
/*edit mode table fixes*/
#MSOTlPn_WebPartPageDiv > tbody > tr > td:first-child {
	padding-right: 10px; /*without the padding the left column overflows over the webpart properties toolpane*/
}
/*end edit mode table fixes*/

.ms-ToolPaneBody select, .ms-ToolPaneBody textarea, .ms-ToolPaneBody input[type="text"], .ms-ToolPaneBody input[type="password"], .ms-ToolPaneBody input[type="datetime"], .ms-ToolPaneBody input[type="datetime-local"], .ms-ToolPaneBody input[type="date"], .ms-ToolPaneBody input[type="month"], .ms-ToolPaneBody input[type="time"], .ms-ToolPaneBody input[type="week"], .ms-ToolPaneBody input[type="number"], .ms-ToolPaneBody input[type="email"], .ms-ToolPaneBody input[type="url"], .ms-ToolPaneBody input[type="search"], .ms-ToolPaneBody input[type="tel"], .ms-ToolPaneBody input[type="color"], .ms-ToolPaneBody .uneditable-input {
	margin-bottom: 0px;
	width: auto;
	height: auto;
	line-height: 20px;
}
.ms-ToolPaneBody label {
	display: inline-block;
	margin-bottom: 0px;
}
/*end web part properties*/

/*Gallery Grid in Banner/Homepage2*/
ul.three-up {
	display: block;
	overflow: hidden;
	margin: 0 -8px;
	padding: 0;
}
ul.three-up > li {
	display: block;
	float: left;
	height: auto;
	margin: 0 8px 8px;
	width: 27%;
	list-style: none;
}
ul.three-up > li:nth-child(3n+1) {
	clear: none;
}
/*end web part zones*/
/* end main content areas */

/*Fullscreen*/
.ms-fullscreenmode #mainbody, .b3-fullscreenmode #mainbody {
	margin-left: 0px;
	width: 100%;
}
.ms-fullscreenmode #sideNavBox, .b3-fullscreenmode #sideNavBox {
	display: none;
}
/*end template styles */

/*responsive*/
@media (min-width: 768px) {
	/*fix ribbon back to normal*/
	#suiteBar {
		display: table-row;
		height: 30px;
	}
	#suiteBarLeft, #suiteBarRight {
		display: table-cell;
		width: 100%;
	}
	#suiteBarRight {
		width: auto;
	}
	#suiteBarRight .ms-core-deltaSuiteBarRight {
		float: none;
	}
	/*end ribbon*/
	
	/*search box*/
	.header .searchbox {
		display: block;
		float: right;
		clear: none;
	}
	/*end search box*/

	/*top nav*/
	/*because of the nested nature of OOTB top nav, we must treat the first element differently*/
	#topnavbar {
		height: auto;
	}
	#topnavbar .nav-collapse {
		margin-top: 0px;
	}
	/*reset back to inline for normal view*/
	#topnavbar .ms-core-listMenu-horizontalBox {
		display: block;
	}
	#topnavbar .nav ul.static {
		display: inline-block;
	}
	#topnavbar .nav li.static {
		display: inline-block;
		width: auto;
	}
	#topnavbar .nav li.static > .menu-item {
		display: inline-block;
	/*	height: 39px; */
		margin: 5px 8px 0px 7px;
		padding: 6px 14px 7px 14px !important;
		text-transform: uppercase;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 18px;
		color: #434445;
	}
	#topnavbar .nav li:last-child.static > .menu-item {
	/*	background-color:#EC0083;
		color: #fff !important;*/
	}
	
	#topnavbar .nav li:last-child.static > .menu-item:hover {
	/*	background-color:#A6CE39; */
	}
	 
	/*hide or provide padding for downdown arrow*/
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
		padding-right: 0px;
		width: auto;
		display: inline;
	}
	/*show the edit nav link again for larger devices*/
	#topnavbar .nav ul.root > li.ms-navedit-editArea {
		display: inline-block;
	}
	#topnavbar .nav .ms-navedit-editLinksText {
	    height: 47px;
	    line-height: 1em;
	    padding: 15px 0 15px 10px;
	    display: block;
	}
	/*we need to override where SP is placing dynamic nav items*/
	#topnavbar .nav ul.static > li.dynamic-children > ul.dynamic {
		position: absolute !important;
		top: 43px !important;
		left: 0 !important;
	}
	#topnavbar ul.dynamic > li {
		min-width: 150px;
		position: relative;
		white-space: nowrap;
	}
	#topnavbar ul.dynamic > li:first-child {
		border-top: 0px transparent none;
	}
	#topnavbar .nav li.dynamic-children.hover > ul.dynamic {
		display: block !important;
	}
	#topnavbar li.dynamic > .menu-item {
		height: 34px;
		line-height: 1em;
		margin: 0;
		padding: 9px 15px;
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	  /*  background-image: url("/_layouts/15/images/menu-down.gif");*/
	    background-image: none !important;
	}
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {
		/* background-image: url("/_layouts/15/images/menu-right.gif"); */
		background-image: none !important;
	}
	/*3rd level +*/
	#topnavbar .nav ul.dynamic > li.dynamic-children > ul {
		position: absolute !important;
		top: 0px !important;
		left: 100% !important;
	}
	/*end top nav*/
	
	/*left nav */
	#sideNavBox {
	    float: none;
		margin: 0px;
	    width: auto;
	}
	#sideNavBox.col-md-3 {
	    float: left;
	    width: 25%;
	}
	/*end left nav */
}
/*end responsive*/

#green{
	max-width: 100%;
	height: 3px;
	background-color: #A6CE39;
}

.ms-core-pageTitle, .ms-core-pageTitle a{
	font-family:inherit !important;
}
.ms-core-navigation{
	font-family:inherit !important;
}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected.ms-core-listMenu-item:hover, a.ms-tv-item:hover, a.ms-tv-header:hover
{
	background-color: #A6CE39;
	color: #fff !important;
}
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link
{
	background-color: #A6CE39;	
	color: #fff !important;
}
ul.ms-core-listMenu-root > li > a { 
    display: none; 
}
.s4-breadcrumb{
	font-size: 12px;
}
.s4-breadcrumb a{
	color: #AEAEAE;
}
a.s4-breadcrumbCurrentNode{
	color: #D4D4D4 !important;
}
.kreski{
	background: url("/Style Library/_img/kreski.png") repeat-x;
	width: 100%;
	height: 1px;
	margin: 0px 0px 10px 0px;
}
.kreskipion{
	background: url("/Style Library/_img/kropki_pion.png") repeat-y center;
	width: 70px;
	height: 53px;
	margin: 40px 0px 0px 0px;
}

.newstitle{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 22px;
	color: #434445;
	line-height: 26px;
	overflow:hidden;
	height: 50px;
	text-overflow: ellipsis;
	display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;


}
.newstitle a{
	color: #434445;	
}
.newswprowadzenie{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 15px;
	color: #58595b;
	line-height: 21px;		
	overflow:hidden;
	height: 61px;
	text-overflow: ellipsis;
	display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}
.datapion{
	background: url("/Style Library/_img/news_pion.png") no-repeat;
	width: 64px;
	height: 71px;
}
.datapoziom{
	background: url("/Style Library/_img/news_poziom.png") no-repeat;
	width: 71px;
	height: 64px;
}
.datapoziom div{
	padding-right: 5px;
	max-width: 72px;
}
.miesiac{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	padding-top: 3px;
}
.dzien{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #fff;
	line-height: 40px;
	padding-top: 3px;
}
.stopkaadres{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 13px;
	color: #434445;
	line-height: 21px;	
	padding: 30px 0px 30px 0px;
}
.newscaly{
	margin-bottom: 30px;
}
.tytulniebieski{
	background: url("/Style Library/_img/ik_tytul_blu.png") no-repeat 0px 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color: #434445;
	text-transform: uppercase;
	padding-left: 30px;
}
.tytulczerwony{
	background: url("/Style Library/_img/ik_tytul.png") no-repeat 0px 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color: #434445;
	text-transform: uppercase;
	padding-left: 30px;
}
#s4-bodyContainer{
	padding-bottom: 0px;
}
.edycja{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;

	margin-top: 45px;
}
.edycja a{
		color: #a6ce39;
}
#szukaj{
	/*background: url("/Style Library/_img/pole_szukaj.png") no-repeat;
	border: 0px;*/
	border: 1px solid #ededed;
	width: 233px;
	height: 32px;
	color: #333333;
	border-radius: 4px;
    background-color: rgba(255,255,255,0.9);
}
.ikonki{
	margin-bottom: 25px;
}
.wyszukiwarka{
	margin-bottom: 25px;
}
.marginheader{
	margin-top: 27px;
	margin-bottom: 20px;
}

/* wykresy start*/

.chartContainer {
             width:370px; height:150px;  position:relative;
        }
        .chartLabelContainer {
            position:absolute; top:45%; left:42%;
        }
        .chartLabelContainer > div {
            position:relative;
        }
        .chartLabelContainer > div img{
            top:0;left:0;
        }
        .chartLabelContainer > div span{
            font-size: 36px; color: #a6ce39; font-weight: 700; position:absolute;top: 40px;left: 56px;
        }
        .canvas-wrapper{
            background-color: #fff;
        }
        .rightCanvas{
            float: right;
        }
        .leftCanvas{
            float: left;
        }

/* wykres end */
.naglowekmenu{
	background: #EC0083;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 22px;
	color: #fff;
	padding: 4px 5px 4px 0px;
}
.naglowekmenu a{
	color: #fff;
}

.nagloweksubmenu{
	background: rgba(228, 51, 154, 1);
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #fff;
	padding: 2px 5px 2px 0px;
}
.nagloweksubmenu a{
	color: #fff;
}

#lista li{
	text-align: right;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #ec0083;
	cursor:pointer;
}
#lista li a{
	color: #ec0083;	
}
.tytjednostka{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #434445;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 3px;
}
.numerjednostka{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #434445;	
	margin-top: 0px;	
}
.liczbam{
	max-width:370px;
	background: url("/style Library/_img/etykieta_ludzie.png") no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	margin-top: 10px;
	padding: 2px 0px 16px 10px;
}
.kwota{
	max-width:370px;
	background: url("/style Library/_img/etykieta_kwota.png") no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #fff;	
	margin-top: 10px;
	padding: 2px 0px 16px 10px;
}
.liczba{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #434445;	
}
.kreskagreen{
	background: #A6CE39;
	width: 100%;
	height: 2px;	
}
.kreskablu{
	background: #008FD4;
	width: 100%;
	height: 2px;
}
.procent{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 21px;
	color: #434445;	
	margin: 10px 0px 5px 0px;
}
.chartLabelContainer{
	font-family: 'Roboto', sans-serif;
}
.marginbottom{
	margin-bottom: 10px;
}
.margintop{
	margin-top: 10px;
}
.marginbottom2{
	margin-bottom: 20px;
}
.margintop2{
	margin-top: 20px;
}
.marginbottom3{
	margin-bottom: 30px;
}
.margintop3{
	margin-top: 30px;
}

#ulice{
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
h3{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #434445;	
}

.szare{
	background: #EAEAEA;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #434445;
	padding-top: 5px;
	padding-bottom: 5px;

}
.niebieskie{
	background: #7DCCEA;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.projektlistat{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #434445;	
	line-height: 33px;
	padding-left: 0px;
}
.projektlistat a{
	color: #434445;		
}
.projekttyt{
	color: #58595Bl;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	margin-top: 0px;
}
.projektnumer{
	color: #61CBE6;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 22px;
}
.projektnumer span{
	font-size: 36px;
	font-weight: 700;
}
.left.carousel-control{
	background-image: none !important;
	padding-top: 35px;
}
.right.carousel-control{
	background-image: none !important;
	padding-top: 35px;
}
.thumbnail{
	border: 0px;
}
.carousel-control{
	width: 10%;
}
       /* timeline */
        .timelineContainer {
            width:100%;
            max-width:1128px;
            margin:0 auto;
            margin-top:20px;
            padding-top:80px;
            position:relative;
            margin-bottom: 15px;
        }
        .timelineData, .timelineDatav{
            padding-top:5px;
            background: url("/Style Library/_img/data.png");
            background-repeat: no-repeat;
            width:64px; height:70px;
            position:absolute;
            top:0;
            left:20%;
            text-align:center;
            font-size: 15px;
            color: #ffffff;
            font-weight: 400;
            line-height: 24px;
        }
        .timelineDatav{
			background: url("/Style Library/_img/datav.png") no-repeat;
		}
        .timelineData span, .timelineDatav span{
            font-size: 35px;
            font-weight: 700;
            color: #ffffff;
        }
        
        .timelineTip, .timelineTipv{
            position: absolute;
            top: 48%;
            display: block;
            height: 30px;
            cursor: pointer;
            background: white;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
            
        }
        
      .timelineTip1{
            left: 0%;
            width: 25.8%;
        }
        .timelineTip2{
            left: 25.8%;
            width: 48%;
        }
        .timelineTip3{
            left: 73.8%;
            width: 1.7%;
        }
        .timelineTip4{
            left: 75.8%;
            width: 17.1%;
        }
        .timelineTip5{
            left: 93.1%;
            width: 9%;
        }
        .timelineTip6{
            left: 93.9%;
            width: 1.7%;
        }
        
        


        /* Global */

        .jBox-wrapper {
            text-align: left;
        }

        .jBox-wrapper,
        .jBox-wrapper * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .jBox-title,
        .jBox-content,
        .jBox-container {
            position: relative;
            word-break: break-word;
        }

        .jBox-container {
            background: #fff;
        }

        .jBox-content {
            padding: 8px 10px;
            overflow: auto;
            -webkit-transition: opacity .15s;
            transition: opacity .15s;
        }

        /* jBox Tooltip */

        .jBox-Tooltip .jBox-container,
        .jBox-Mouse .jBox-container {
            border-radius: 3px;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        }

        .jBox-Tooltip .jBox-title,
        .jBox-Mouse .jBox-title {
            padding: 8px 10px 0;
            font-weight: bold;
        }

        .jBox-hasTitle.jBox-Tooltip .jBox-content,
        .jBox-hasTitle.jBox-Mouse .jBox-content {
            padding-top: 5px;
        }

        /* Pointer */

        .jBox-pointer {
            position: absolute;
            overflow: hidden;
        }

        .jBox-pointer-top { top: 0; }
        .jBox-pointer-bottom { bottom: 0; }
        .jBox-pointer-left { left: 0; }
        .jBox-pointer-right { right: 0; }

        .jBox-pointer-top,
        .jBox-pointer-bottom {
            width: 30px;
            height: 12px;
        }

        .jBox-pointer-left,
        .jBox-pointer-right {
            width: 12px;
            height: 30px;
        }

        .jBox-pointer:after {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            background: #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .jBox-pointer-top:after {
            left: 5px;
            top: 6px;
            box-shadow: -1px -1px 4px rgba(0, 0, 0, .2);
        }

        .jBox-pointer-right:after {
            top: 5px;
            right: 6px;
            box-shadow: 1px -1px 4px rgba(0, 0, 0, .2);
        }

        .jBox-pointer-bottom:after {
            left: 5px;
            bottom: 6px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
        }

        .jBox-pointer-left:after {
            top: 5px;
            left: 6px;
            box-shadow: -1px 1px 4px rgba(0, 0, 0, .2);
        }

        /* jBox Modal & jBox Confirm */

        .jBox-Modal .jBox-container,
        .jBox-Confirm .jBox-container {
            border-radius: 3px;
            box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
        }

        .jBox-Modal .jBox-title,
        .jBox-Confirm .jBox-title {
            border-radius: 3px 3px 0 0;
            padding: 10px 15px;
            background: #f4f5f6;
            border-bottom: 1px solid #ddd;
            text-shadow: 0 1px 0 #fff;
        }

        .jBox-Modal.jBox-closeButton-title .jBox-title,
        .jBox-Confirm.jBox-closeButton-title .jBox-title {
            padding-right: 55px;
        }

        .jBox-Modal.jBox-closeButton-box:before,
        .jBox-Confirm.jBox-closeButton-box:before {
            box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
        }

        /* jBox Modal */

        .jBox-Modal .jBox-content {
            padding: 12px 15px;
        }

        /* jBox Confirm */

        .jBox-Confirm .jBox-content {
            text-align: center;
            padding: 45px 35px;
        }

        .jBox-Confirm-footer {
            border-top: 1px solid #e2e2e2;
            background: #fafafa;
            border-radius: 0 0 3px 3px;
            text-align: center;
            padding: 10px 0;
        }

        .jBox-Confirm-button {
            display: inline-block;
            cursor: pointer;
            font-size: 15px;
            line-height: 30px;
            height: 30px;
            border-radius: 3px;
            padding: 0 20px;
            -webkit-transition: color .2s, background-color .2s;
            transition: color .2s, background-color .2s;	
        }

        .jBox-Confirm-button-cancel {
            text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
            background: #ddd;
            color: #999;
            margin-right: 25px;
        }

        .jBox-Confirm-button-cancel:hover {
            background: #ccc;
            color: #666;
        }

        .jBox-Confirm-button-submit {
            text-shadow: 0 -1px 1px rgba(0, 0, 0, .2);
            background: #5fc04c;
            color: #fff;
        }

        .jBox-Confirm-button-submit:hover {
            background: #53a642;
        }

        .jBox-Confirm-button-cancel:active,
        .jBox-Confirm-button-submit:active {
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .26);
        }

        /* jBox Notice */

        .jBox-Notice {
            -webkit-transition: margin .2s;
            transition: margin .2s;
        }

        .jBox-Notice .jBox-container {
            border-radius: 3px;
            box-shadow: 0 0 3px rgba(0, 0, 0, .2);
            color: #fff;
            text-shadow: 0 -1px 0 #000;
            background: #333;
            background-image: linear-gradient(to bottom, #444, #222);
        }

        .jBox-Notice .jBox-content {
            border-radius: 3px;
            padding: 12px 20px;
        }

        .jBox-Notice .jBox-title {
            padding: 8px 20px 0;
            font-weight: bold;
        }

        .jBox-hasTitle.jBox-Notice .jBox-content {
            padding-top: 5px;
        }

        .jBox-Notice-color .jBox-container {
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
        }

        .jBox-Notice-gray .jBox-container {
            color: #666;
            text-shadow: 0 1px 0 #fff;
            background: #f4f4f4;
            background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
        }

        .jBox-Notice-red .jBox-container {
            background: #b02222;
            background-image: linear-gradient(to bottom, #ee2222, #b02222);
        }

        .jBox-Notice-green .jBox-container {
            background: #70a800;
            background-image: linear-gradient(to bottom, #95cc2a, #70a800);
        }

        .jBox-Notice-blue .jBox-container {
            background: #2b91d9;
            background-image: linear-gradient(to bottom, #5abaff, #2b91d9);
        }

        .jBox-Notice-yellow .jBox-container {
            color: #744700;
            text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
            background: #ffb11f;
            background-image: linear-gradient(to bottom, #ffd665, #ffb11f);
        }

        /* jBox Image */

        .jBox-Image {
            background: #fff;
            padding: 8px 8px 45px;
            border-radius: 5px;
        }

        .jBox-Image .jBox-content {
            padding: 0;
            width: 100%;
            height: 100%;
        }

        .jBox-image-container {
            border-radius: 5px;
            background: #fff center center no-repeat;
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

        .jBox-image-label {
            box-sizing: border-box;
            position: absolute;
            background: #fff;
            top: 100%;
            left: 0;
            width: 100%;
            color: #333;
            margin-top: -35px;
            padding: 0 90px 5px 10px;
            border-radius: 0 0 5px 5px;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            opacity: 0;
        }

        .jBox-image-label.active {
            opacity: 1;
        }

        .jBox-image-pointer-next,
        .jBox-image-pointer-prev {
            position: absolute;
            bottom: 0px;
            width: 22px;
            height: 45px;
            background: no-repeat center center url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsME");
            background-size: 11px auto;
            cursor: pointer;
            opacity: .6;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: opacity .2s;
            transition: opacity .2s;
        }

        .jBox-image-pointer-next:hover,
        .jBox-image-pointer-prev:hover {
            opacity: 1;
        }

        .jBox-image-pointer-next {
            right: 8px;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

        .jBox-image-pointer-prev {
            right: 30px;
        }

        .jBox-image-open #jBox-overlay {
            background-color: rgba(0, 0, 0, .86);
        }

        .jBox-Image.jBox-loading .jBox-container:before {
            left: auto;
            top: auto;
            bottom: -33px;
            right: 55px;
            margin-top: -9px;
            margin-left: -9px;
        }

        /* Close button */

        .jBox-closeButton {
            cursor: pointer;
            position: absolute;
        }

        .jBox-closeButton svg {
            position: absolute;
            top: 50%;
            right: 50%;
        }

        .jBox-closeButton path {
            -webkit-transition: fill .2s;
            transition: fill .2s;
        }

        .jBox-closeButton path {
            fill: #aaa;
        }

        .jBox-closeButton:hover path {
            fill: #888;
        }

        .jBox-closeButton:active path {
            fill: #666;
        }

        /* Close button in overlay */

        #jBox-overlay .jBox-closeButton {
            top: 0;
            right: 0;
            width: 40px;
            height: 40px;
        }

        #jBox-overlay .jBox-closeButton svg {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-right: -10px;
        }

        #jBox-overlay .jBox-closeButton path {
            fill: #d2d4d6;
        }

        #jBox-overlay .jBox-closeButton:hover path {
            fill: #fff;
        }

        #jBox-overlay .jBox-closeButton:active path {
            fill: #b2b4b6;
        }

        /* Close button in title */

        .jBox-closeButton-title .jBox-closeButton {
            top: 0;
            right: 0;
            bottom: 0;
            width: 40px;
        }

        .jBox-closeButton-title .jBox-closeButton svg {
            width: 12px;
            height: 12px;
            margin-top: -6px;
            margin-right: -6px;
        }

        /* Close button in box */

        .jBox-closeButton-box .jBox-closeButton {
            top: -8px;
            right: -10px;
            width: 24px;
            height: 24px;
            background: #fff;
            border-radius: 50%;
        }

        .jBox-closeButton-box .jBox-closeButton svg {
            width: 10px;
            height: 10px;
            margin-top: -5px;
            margin-right: -5px;
        }

        .jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
            background: #f4f5f6;
        }

        .jBox-closeButton-box:before {
            content: '';
            position: absolute;
            top: -8px;
            right: -10px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        }

        .jBox-pointerPosition-top.jBox-closeButton-box:before {
            top: 4px;
        }

        .jBox-pointerPosition-right.jBox-closeButton-box:before {
            right: 2px;
        }

        /* Overlay */

        #jBox-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            background-color: rgba(0, 0, 0, .6);
        }

        /* Block scrolling */

        body[class^="jBox-blockScroll-"],
        body[class*=" jBox-blockScroll-"] {
            overflow: hidden;
        }

        /* Draggable */

        .jBox-draggable {
            cursor: move;
        }

        /* Spinner */

        @keyframes jBoxLoading {
            to {transform: rotate(360deg);}
        }

        @-webkit-keyframes jBoxLoading {
            to {-webkit-transform: rotate(360deg);}
        }

        .jBox-loading .jBox-content {
            min-height: 32px;
            min-width: 38px;
            opacity: 0;
        }

        .jBox-spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-left: -10px;
        }

        .jBox-spinner:before {
            content: 'Loading…';
            display: block;
            width: 20px;
            height: 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .jBox-spinner:not(:required):before {
            content: '';
            border-radius: 50%;
            border: 2px solid rgba(0, 0, 0, .3);
            border-top-color: rgba(0, 0, 0, .6);
            animation: jBoxLoading .6s linear infinite;
            -webkit-animation: jBoxLoading .6s linear infinite;
        }

        /* IE8 fixes */

        .jBox-IE8.jBox-Tooltip .jBox-container,
        .jBox-IE8.jBox-Mouse .jBox-container {
            border: 1px solid #aaa;
        }

        .jBox-IE8 .jBox-pointer:after {
            display: none;
        }

        .jBox-IE8 .jBox-pointer {
            border: 0;
            background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXU");
        }

        .jBox-IE8 .jBox-pointer-top { background-position: center top; }
        .jBox-IE8 .jBox-pointer-bottom { background-position: center bottom; }
        .jBox-IE8 .jBox-pointer-left { background-position: left center; }
        .jBox-IE8 .jBox-pointer-right { background-position: right center; }

        .jBox-IE8.jBox-Modal .jBox-container {
            border: 3px solid #aaa;
        }

        /* No SVG support fixes */

        .jBox-nosvg .jBox-closeButton:before {
            font-family: Verdana, sans-serif;
            content: 'x';
            text-align: center;
            font-size: 18px;
            color: #888;
        }


        /* Wrapper */

        .jBox-ModalBorder {
            border-radius: 8px;
            background: rgba(0, 0, 0, .4);
            padding: 8px;
            box-shadow: 0 0 6px rgba(0, 0, 0, .2);
        }

        /* Container */

        .jBox-ModalBorder .jBox-container {
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

        /* Close button */

        .jBox-ModalBorder.jBox-closeButton-box {
            border-top-right-radius: 0;
        }

        .jBox-ModalBorder.jBox-closeButton-box:before {
            display: none;
        }

        .jBox-ModalBorder.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton,
        .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton {
            background: rgba(0, 0, 0, .4);
            border-radius: 0 50% 50% 0;
            right: -32px;
            top: -8px;
        }

        .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton path {
            fill: #d2d4d6;
        }

        .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:hover path {
            fill: #fff;
        }

        .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:active path {
            fill: #b2b4b6;
        }

.literki{
	background: #EDEDED;
	padding: 4px 5px 5px 5px;
	white-space:nowrap ;
}
.literki span{
	font-size: 18px;
}
.literki a{
	color: #58595B;
}
#incfont, #decfont{
	font-size: 18px;
}


.projektylink{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #e50084;		
}
.projektylink a{
	color: #e50084;	
}
.purple-event{
background-color: #E8BEE1;
}
.panel-default > .panel-heading{
	color: #DE0082;
	background-color: #fff;
	border: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 22px;
}
.panel-title a{
	color: #DE0082;
}
.table-umk > tbody > tr:nth-child(2n) > td{
	background-color: #F1F1F1;
}

.table-umk > tbody > tr:nth-child(2n+1) > td{
	background-color: #EAEAEA;
}
.table-umk > tbody > tr:nth-child(2n+1) > th{
	background-color: #73CAE6;
	color: #fff;
	  	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;

}
.table-umk thead > tr > th, .table-umk tbody > tr > th, .table-umk tfoot > tr > th, .table-umk thead > tr > td, .table-umk tbody > tr > td, .table-umk tfoot > tr > td{
	border: 1px solid #fff;
}
.label-warning {
  background-color: #E50083;
  color: #fff;
  	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
}
.label-info {
  background-color: #B2C900;
  color: #fff;
  	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px !important;
	padding: 5px;
}


h2{
	color: #E10185 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
}
ul{
	list-style-image: url('/Style Library/_img/punktor.png');
}
.menu-item-text{
	text-transform:uppercase;
}
.ms-core-pageTitle{
	white-space:normal;
}
@media only screen and (max-width: 768px) { 
	.searchbox{
		float: none !important;
		margin: 0 auto;
	}
	#topnavbar .nav ul > li a{
		padding: 5px 1px 5px 1px;
	}
	.row-fluid .col-xs-3{
		padding-left: 5px; 
		padding-right: 5px; 
	}
	.carousel-control.left, .carousel-control.right{
		padding-top: 3px;
	}
	.carousel{
		padding: 0px 10px 0px 10px !important;
	}

}

body{
	overflow: auto !important;
}
.slick-dots li button{
	background: url("/style library/_img/slider_cold.png") no-repeat !important;
}
.slick-dots li.slick-active button{
	background: url("/style library/_img/slider_hot.png") no-repeat !important;
}
.ms-signInLink{
	display:none !important;
}
.ilustracja img{
	/*max-height: 300px;*/
}

#kol1 ul{
	margin-left: 5px;
	padding-left:10px;
}
#bopi{
	background: url("/style library/_img/ik_0.png") no-repeat !important;
	padding-left: 35px;
	color: #4D4D4D;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 26px;
}

#bo1{
	background: url("/style library/_img/ik_1.png") no-repeat !important;
	padding-left: 35px;
}
#bo2{
	background: url("/style library/_img/ik_2.png") no-repeat !important;
	padding-left: 35px;
}
#bo3{
	background: url("/style library/_img/ik_3.png") no-repeat !important;
	padding-left: 35px;
}
#bo4{
	background: url("/style library/_img/ik_4.png") no-repeat !important;
	padding-left: 35px;
}
#bo5{
	background: url("/style library/_img/ik_5.png") no-repeat !important;
	padding-left: 35px;
}
#bo6{
	background: url("/style library/_img/ik_6.png") no-repeat !important;
	padding-left: 35px;
}
#bo7{
	background: url("/style library/_img/ik_7.png") no-repeat !important;
	padding-left: 35px;
	color: #4D4D4D;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 26px;

}

.bo .panel{
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px;
}
.bo .panel-title a{
		color: #4D4D4D;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 26px;
	display:block;
	background: url("/style library/_img/minus.png") no-repeat right;
}
.bo .panel-title a.collapsed{
	background: url("/style library/_img/plus.png") no-repeat right;
}
.menuedycja .nav-tabs{
	border-width: 0px !important;
}
.menuedycja .nav-tabs > li > a{
	border-width: 0px !important;
}

.menuedycja .nav > li > a{
	padding: 0px;
}
.menuedycja .nav > li > a:hover, .menuedycja .nav > li > a:focus{
	background-color: transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #A6CE39;
}


.ramka {
	border:1px solid #cdcdcd; 
	padding:10px;
}
.podpisFoto{
	text-align: right;
	font-size: 12px;
	color: #666666;
	font-style:italic;
}




.checkcaption {
  text-align: center;
  margin-top: 10px;
}

.check {
  width: 60px;
  height: 30px;
  border: #222 solid 2px;
  position: relative;
  margin: 10px auto;
  border-radius: 15px;
}
.check input {
  visibility: hidden;
  height: 30px;
  width: 60px;
}
.check label {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e74c3c;
  cursor: pointer;
  position: absolute;
  top: 18%;
  left: 12%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.check input:checked + label {
  left: 55%;
  background-color: #7b3;
}

div#timeline {
  background-color: #C8C8C8;
  margin-top: 70px;
  height: 10px;
  width: 100%;
  position: relative;
}
div#timeline .inside {
  position: absolute;
  height: 10px;
  background-color: #A5CD38;
  width: 0%;
  top: 0px;
  left: 0;
}
div#timeline .dot {
  z-index: 99;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  text-align: center;
  cursor: pointer;
}
div#timeline .dot:nth-child(1) {
  left: 0%;
  background-color: #C8C8C8;
  /*background-color: #A5CD38;*/
}
div#timeline .dot:nth-child(2) {
  left: 17%;
  background-color: #C8C8C8;
  
}
div#timeline .dot:nth-child(3) {
  left: 34%;
  background-color: #C8C8C8;
}
div#timeline .dot:nth-child(4) {
  left: 50%;
  background-color: #C8C8C8;
}
div#timeline .dot:nth-child(5) {
  left: 67%;
  background-color: #C8C8C8;
}
/*
div#timeline .dot:nth-child(5) span, div#timeline .dot:nth-child(6) span, div#timeline .dot:nth-child(7) span, div#timeline .dot:nth-child(8) span, div#timeline .dot:nth-child(9) span {
  display:none;
}
div#timeline .dot:nth-child(5) date, div#timeline .dot:nth-child(6) date, div#timeline .dot:nth-child(7) date, div#timeline .dot:nth-child(8) date, div#timeline .dot:nth-child(9) date {
top: -30px;
}
*/
div#timeline .dot:nth-child(6) {
  left: 84%;
  background-color: #C8C8C8;
}

div#timeline .dot:nth-child(7) {
  left: 99%;
  background-color: #C8C8C8;
}

div#timeline .dot:nth-child(8) {
  left: 77%;
  background-color: #C8C8C8;
}

div#timeline .dot:nth-child(9) {
  left: 88%;
  background-color: #C8C8C8;
  width: 19px;
  height: 19px;
  top: -5px;
}

div#timeline .dot:nth-child(10) {
  left: 99%;
  background-color: #C8C8C8;
}

.zielone{
	background-color: #A5CD38!important;
}

.czerwone{
	background-color: #DC7E7F!important;
}


div#timeline .dot:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
div#timeline .dot date {
  font-family: roboto;
  font-size: 1.1rem;
  display: block;
  position: relative;
  top: -70px;
  left: -15px;
  line-height: 14px;
  width:56px;
  text-align: center;
}
div#timeline .dot span {
  display: inline-block;
  margin-top: 8px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  position: relative;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

article {
  display: none;
  position: relative;
  top: 30px;
  max-width: 960px;
  background-color: #fff;
  padding: 20px;
  margin: auto;
}
article date {
  display: block;
  text-align: right;
}
article h2 {
  font-family: merriweather, sans-serif;
  font-size: 5rem;
  padding: 10px 0;
  border-bottom: solid #111 2px;
  margin-bottom: 20px;
}
article p {
  line-height: 130%;
}

div.mask {
  display: none;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
div.mask article {
  position: relative;
  top: -100%;
  margin-top: 50px;
  max-width: 960px;
  background-color: #fff;
  padding: 20px;
  margin: auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
div.mask article date {
  display: block;
  text-align: right;
}
div.mask article h2 {
  font-family: merriweather, sans-serif;
  font-size: 5rem;
  padding: 10px 0;
  border-bottom: solid #111 2px;
  margin-bottom: 20px;
}
div.mask article p {
  line-height: 130%;
}
.niezrealizowane{
	background: #ededed;
	opacity: 0.4;
}
.right.carousel-control, .left.carousel-control{
	padding-top:28%;
}
.newsslider .slick-prev,.newsslider .slick-next{
	border: 0px solid #FE0000;
	width: 40px;
	height:100%;
	margin-top: 0px;
	color: #000;
	top:0px;
}
.newsslider .slick-prev{
	left:0px;
}
.newsslider .slick-next{
	right: 0px;
}
.newsslider .slick-prev:hover, .newsslider .slick-next:hover{
	background: RGBA(0,0,0,0.3);
	background-image: url("/Style library/_img/news_left.png");
	background-repeat:no-repeat;
	background-position:center center;
}
.newsslider .slick-next:hover{
	background-image: url("/Style library/_img/news_right.png");
}
.szaryboks{
	background: #EDEDED;
	padding: 10px;
	margin-top: 20px;
}
.blokrejestracja{
	margin: 10px 0px 10px 0px;
}
.blokrejestracja .img, .blokrejestracjagrey .img{
	text-align:center;
}
.blokrejestracja a.btn{
	display:block;
	background-color:  #e40083;
	font-family: 'Roboto Condensed', sans-serif;
	color:  #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin-top:15px;
	width: 260px;
}
.blokrejestracja ul{
	padding-left: 18px;
}
.blokrejestracjagrey{
	margin: 10px 0px 10px 0px;
	background: #EDEDED;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rejestracja{
	font-family: 'Roboto Condensed', sans-serif;
	color:  #434445;
	font-size: 26px;
	font-weight: 700;
	line-height: 21px;
	text-align: left;
}
.blokrejestracjagrey .data{
	font-family: 'Roboto Condensed', sans-serif;
	color:  #e40083;
	font-size: 26px;
	font-weight: 700;
	line-height: 21px;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.blokrejestracjagrey .tekstpink{
	font-family: 'Roboto Condensed', sans-serif;
	color:  #e40083;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	text-align: left;
}
.ikona1,.ikona2,.ikona3,.ikona4,.ikona5{
	padding-left: 32px;
	min-height: 20px;
	margin-bottom: 10px;
}
.ikona1{
	background: url("/style library/_img/picto_1.png") no-repeat;
}
.ikona2{
	background: url("/style library/_img/picto_2.png") no-repeat;
}
.ikona3{
	background: url("/style library/_img/picto_3.png") no-repeat;
}
.ikona4{
	background: url("/style library/_img/picto_4.png") no-repeat;
	height:26px;
}
.ikona5{
	background: url("/style library/_img/picto_5.png") no-repeat;
}

body.kontrast{
	background-color: #000;
	color: #FFFF00;
}
.leg{
	min-height: 55px;
	line-height: 18px;
}
.leg div{
	float: left;
}
.leg .opis{	
	width:260px;
}

.kolor {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 10px;
}
.k1{
    background-color: #B2289B;
 }
.k2{
    background-color: #40B6E1;
 }
.k3{
    background-color: #B2C900;
 }
.k4{
    background-color: #FFC900;
 }
.k5{
    background-color: #E50084;
 }


.kontrast .newstitle a,
.kontrast .newswprowadzenie,
.kontrast .tytulniebieski,
.kontrast .stopkaadres,
.kontrast .stopkaadres a,
.kontrast #pageTitle,
.kontrast p,
.kontrast a,
.kontrast td,
.kontrast .podpisFoto,
.kontrast #lista li,
.kontrast .tytjednostka,
.kontrast h3,
.kontrast .projekttyt,
.kontrast a.s4-breadcrumbCurrentNode,
.kontrast .tytulczerwony,
.kontrast #lista li a{
	color: #FFFF00;
}
.kontrast a.s4-breadcrumbCurrentNode{
	color: #FFFF00 !important;
}

.kontrast .navbar-default{
	background: #434445;
    color: #FFFF00;
}
.kontrast #topnavbar .nav li.static > .menu-item{
	color: #FFFF00;
}
.kontrast .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
.kontrast .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected.ms-core-listMenu-item:hover,
.kontrast a.ms-tv-item:hover,
.kontrast a.ms-tv-header:hover{
	color:#000 !important;
	background-color: #FFFF00;
}
.kontrast #green,
.kontrast .szare{
	background-color: #FFFF00;	
}
.kontrast #footer{
	background-color: #101010;
	color: #FFFF00;
}
.kontrast .niebieskie{
	background: #707070;
    color: #ffff00;
}
.kontrast .nagloweksubmenu,
.kontrast .naglowekmenu{
	background-color: #ffff00;
	color: #000;
}
.kontrast .nagloweksubmenu a,
.kontrast .naglowekmenu a{
	color: #000;	
}
.kontrast h2.tytjednostka{
	 color: #FFFF00 !important;
}
.kontrast hr{
	border-top: 1px solid #ffff00;
}

.kontrast .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, 
.kontrast .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, 
.kontrast .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, 
.kontrast .ms-tv-selected:link {
    background-color: #ffff00;
    color: #000 !important;
}
.kontrast .literki, .kontrast .literki a{
	color: #000;
	background-color: #ffff00;
}
.kontrast #szukaj{
	color: #000000;
	border-radius: 4px;
    background-color: rgba(255,255,0,0.9);
}


.highKontrast{
	background-image:url('/style library/_img/ik_slabowidzacy.png');
	background-repeat:no-repeat;
	background-position: 10px center;
	padding-left: 30px;
	padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 20px;
}

.kontrast .jBox-content{
	color: #000;
}


@media (max-width: 991px) {
	.timelineTip1{
		left: 0;
	    width: 100%;
	    top: 84px;
	    height: 101px;;
	}
	.timelineTip2{
		left: 0;
	    width: 100%;
	    top: 185px;
    	height: 106px;
   	}
	.timelineTip3{
		left: 0;
	    width: 100%;
	    top: 291px;
	    height: 19px;
	}
	.timelineTip4{
		left: 0;
	    width: 100%;
	    top: 310px;
	    height: 117px;
   	}
	.timelineTip5{
		left: 0;
	    width: 100%;
	    top: 428px;
    	height: 80px;
	}
	.timelineTip6{
		left: 0;
	    width: 100%;
	    top: 428px;
    	height: 80px;
   	}
}

a:visited, .ms-link:visited {
    color: #0072c6;
    text-decoration: none;
}