/*====================================================
	CSSFILE-Author:Intellect.pl
=======================================================*/

html
{
	position:relative;
	height:100%;
}

body
{
	font-family:'Armata',Tahoma;
	font-size:14px;
	color:#555555;
	position:relative;
	height:100%;
	min-height:850px;
	min-width:960px;
}

.wrapper
{
	width:960px;
	margin:0px auto;
}

.relative{position:relative}
.overflow{overflow:hidden;}
.left{float:left;}
.right{float:right;}

/*----------------------------------------------------------------------------------------*/

#width
{
	position:absolute;
	height:1px;
	z-index:-2;
	width:960px;
}

#height
{
	position:absolute;
	width:1px;
	height:850px;
	z-index:-2;
}

ul#background
{
	margin:0px;
	padding:0px;
	list-style:none;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:-1;
}

ul#background li
{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

#header
{
	height:375px;
}

#header a.logotype
{
	display:block;
	float:left;
	width:172px;
	height:193px;
	background:url(../img/logotype.png)no-repeat;
	margin-top:15px;
	position:relative;
}

#header .name
{
	width:370px;
	background: #fff url(../img/header_pattern.jpg) repeat-x;
	background-position: bottom;
	float:left;
	padding:20px 40px 20px 100px;
	margin-left:-90px;
	margin-top:50px;
	height:57px;
}

#header .name h1
{
	text-align:center;
	font-size:30px;
	color:#da0000;
	font-weight:400;	
	margin:0px;
	padding:0px;
}

#header .name p.slogan
{
	text-align:center;
	font-size:14px;
	font-weight:400;	
	margin:0px;
	padding:0px;
	letter-spacing:3px;
}

#header .name2
{
	background:rgba(0,0,0, 0.75);
	float:left;
	width:70px;
	margin-top:50px;
	height:70px;
	padding:27px 10px 0px 10px;
	position:relative;
	z-index:1000;
}

#header .name2 h2
{
	font-size:18px;
	font-weight:400;
	margin:0px;
	padding:0px;
	color:#fff;
	line-height: 22px;
}

#header .infobar
{
	background:rgba(30,73,153, 0.75);
	float:left;
	color:#fff;
	text-align:center;
	width:370px;
	margin-left:-90px;
	padding:7px 40px 7px 100px;
	box-shadow:inset 0px 3px 3px -3px #000;
}

#header .infobar .spacer
{
	padding: 0px 10px;
}

#header .infobar .time
{
	
}

#header #bip
{
	display: block;
	width:62px;
	height:72px;
	background: url(../img/bip.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 0px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#header #bip:hover
{
	top: 210px;
}

#header #fair_play
{
	display: block;
	width:190px;
	height:60px;
	background: url(../img/fair_play.jpg) no-repeat;
	position: absolute;
	top: 209px;
	left: 185px;
}

#header #twitter
{
	display: block;
	width:58px;
	height:58px;
	background: url(../img/TwitterLogo_white.png) no-repeat;
	position: absolute;
	top: 210px;
	left: 842px;
}

#header #facebook
{
	display: block;
	width:58px;
	height:58px;
	background: url(../img/FB-f-Logo__blue_58.png) no-repeat;
	position: absolute;
	top: 210px;
	left: 66px;
}

#header #nsp-2021
{
	display: block;
	width:118px;
	height:60px;
	background: url(../img/nsp2021.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 71px;
}

#header #tarcza
{
	display: block;
	width:118px;
	height:60px;
	background: url(../img/ta_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 162px;
}

#header #pseap
{
	display: block;
	width:129px;
	height:60px;
	background: url(../img/pseap_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 540px;
}

#header #fds
{
	display: block;
	width:144px;
	height:72px;
	background: url(../img/fds_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 525px;
}

#header #rfil
{
	display: block;
	width:267px;
	height:72px;
	background: url(../img/rfil_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 254px;
}

#header #przyjazna_polska
{
	display: none;
	width:86px;
	height:60px;
	background: url(../img/logo_przyjazna_polska.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 381px;
}

#header #pz
{
	display: block;
	width:287px;
	height:60px;
	background: url(../img/PZ_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 310px;
}

#header #ue_oze
{
	display: block;
	width:120px;
	height:72px;
	background: url(../img/ue_efrr.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 277px;
}

#header #rodo
{
	display: block;
	width:118px;
	height:60px;
	background: url(../img/rodo_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 480px;
}

#header #sip
{
	display: block;
	width:229px;
	height:60px;
	background: url(../img/sip_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 602px;
}

#header #events
{
	display: block;
	width:127px;
	height:60px;
	background: url(../img/events_60.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 834px;
}

#header .department
{
	position:absolute;
	z-index:600;
	right:0px;
	width:368px;
	height:207px;
	background:url(../img/department.jpg) no-repeat;
	background-size:cover;
}

#header .department .dropdown
{
	position:absolute;
	z-index:1100;
	bottom:-29px;
	right: 0px;
	background:#d60000 url(../img/dropdown_pattern.jpg) repeat-x;
	background-position:bottom;
	color:#fff;
	font-size:16px;
	padding:10px 40px 10px 10px;
	width:127px;
	height:40px;
	box-shadow: 0px 0px 3px #2c2c2c;
	cursor: pointer;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	top:147px;
}

#header .department .dropdown:first-child
{
	left: 0px;
}

#header .department .dropdown .ico
{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	background:#fff;
	color:#323232;
	width:40px;
	font-family:radomysl;
	text-align:center;
	font-size:26px;
	padding:17px 0px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#header .department .dropdown .text
{
	position:absolute;
	z-index:1100;
	left:0px;
	top:60px;
	right:0px;
	background: #fff;
	color:#555;
	font-family:Tahoma;
	font-size:12px;
	padding:15px 10px;
	display:none;
	line-height:21px;
	cursor:default;
	box-shadow:0px 3px 6px -3px #2c2c2c;
}

#header .department .dropdown.active,
#header .department .dropdown:hover
{
	color:#da0808;
	background:#fff;
}

#header .department .dropdown.active .ico,
#header .department .dropdown:hover .ico
{
	color:#da0808;
}

/*
static - dane adresowe
*/

#header .department .static
{
	position:absolute;
	z-index:1100;
	bottom:-29px;
	right: 0px;
	background:#d60000 url(../img/dropdown_pattern.jpg) repeat-x;
	background-position:bottom;
	color:#fff;
	font-size:16px;
	padding:10px 40px 10px 10px;
	width:127px;
	height:40px;
	box-shadow: 0px 0px 3px #2c2c2c;
	cursor: pointer;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	top:147px;
}

#header .department .static:first-child
{
	left: 0px;
}

#header .department .static .ico
{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	background:#fff;
	color:#323232;
	width:40px;
	font-family:radomysl;
	text-align:center;
	font-size:26px;
	padding:17px 0px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#header .department .static .text
{
	position:absolute;
	z-index:1100;
	left:0px;
	top:60px;
	right:0px;
	background: #fff;
	color:#555;
	font-family:Tahoma;
	font-size:12px;
	padding:15px 10px;
	display:none;
	line-height:21px;
	cursor:default;
	box-shadow:0px 3px 6px -3px #2c2c2c;
}

#header .department .static.active,
#header .department .static:hover
{
	color:#da0808;
	background:#fff;
}

#header .department .static.active .ico,
#header .department .static:hover .ico
{
	color:#da0808;
}

/*
static - dane adresowe
*/

#footer
{
	font-family:Tahoma;
	font-size:12px;
	color:#7f7f7f;
	/*position:absolute;*/
	bottom:0px;
	width:100%;
	line-height:20px;
	padding:20px 0px;
	height:40px;
}

#tiles
{
	/*position:absolute;
	bottom:80px;*/
	width:100%;
	margin-top: 10px;
}

#tiles .tile
{
	float:left;
	width:180px;
	margin-left:15px;
	display: block;
	text-decoration: none;
	position:relative;
}

#tiles .tile:first-child
{
	margin-left:0px;
}

.tile table
{
	background:#c8e1ce;
	border:0px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
	width:100%;
	border-collapse:separate;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.tile table tr.title td
{
	height:100px;
	color:#35533b;
	font-size:18px;
	background:url(../img/tile_pattern.jpg) repeat-x;
}

.tile table tr.ico td
{
	height:70px;
	font-family:radomysl;
	color:#fff;
	font-size:60px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.tile table tr.ico.first td { background:#6fd200; box-shadow: inset 100px 100px 100px -100px #1f6000; }
.tile table tr.ico.second td { background:#ff7e15; box-shadow: inset 100px 100px 100px -100px #bb3800; }
.tile table tr.ico.third td { background:#3b8fd6; box-shadow: inset 100px 100px 100px -100px #0f2968; }
.tile table tr.ico.fourth td { background:#e30000; box-shadow: inset 100px 100px 100px -100px #990000; }
.tile table tr.ico.fifth td { background:#515151; box-shadow: inset 100px 100px 100px -100px #111111; }

.tile:hover table
{
	margin:0px;
}

.tile:hover table tr.ico td
{
	height:115px;
}

table.hours tr td:last-child
{
	padding-left:15px;
}

.tile .tooltip_wrapper
{
	display:none;
	position:absolute;
	z-index:8000;
	left:0px;
	min-width:100%;
	padding-bottom:15px;
	cursor:default;
}

.tile:last-child .tooltip_wrapper
{
	left:auto;
	right:0px;
}

.tile .tooltip
{
	position:relative;
	color:#35533b;
	background:#fff url(../img/tooltip_pattern.jpg) repeat-x;
	background-position:bottom;
	border:4px solid #E59400;
	padding:15px 45px 15px 15px;
	line-height:22px;
}

.tile .tooltip .arrow
{
	display:block;
	width:25px;
	height:13px;
	background:url(../img/tooltip_arrow.png) no-repeat;
	left:77px;
	position:absolute;
	bottom:-13px;
}

.tile:last-child .tooltip .arrow
{
	left:auto;
	right:75px;
}

.tile.green .tooltip { border:4px solid #479900; }
.tile.yellow .tooltip { border:4px solid #E59300; }
.tile.blue .tooltip { border:4px solid #255DA1; }
.tile.red .tooltip { border:4px solid #BF0000; }
.tile.black .tooltip { border:4px solid #313131; }

.tile.green .tooltip .arrow { background:url(../img/tooltip_arrow_green.png) no-repeat; }
.tile.yellow .tooltip .arrow { background:url(../img/tooltip_arrow_yellow.png) no-repeat; }
.tile.blue .tooltip .arrow { background:url(../img/tooltip_arrow_blue.png) no-repeat; }
.tile.red .tooltip .arrow { background:url(../img/tooltip_arrow_red.png) no-repeat; }
.tile.black .tooltip .arrow { background:url(../img/tooltip_arrow_black.png) no-repeat; }

.tile .tooltip ul.menu
{
	margin:0;
	padding:0;
	list-style:none;
}

.tile .tooltip ul.menu li
{
	cursor:pointer;
	padding:2px 0px;
}

.tile .tooltip ul.menu li:hover
{
	text-decoration:underline;
}

/*SUBPAGE-----------------------------------------------------------------------------------------------------*/

ul#background.subpage
{
	width:100%;
	height:290px;
	bottom:auto;
	position:absolute;
}

#content
{
	margin-top:100px;
	overflow:hidden;
}

#content > .right
{
	width:710px;
	padding-top:25px;
	position: relative;
}

#content > .right .text
{
	position: relative;	
}

#content > .left
{
	width:230px;
}

#content .menu
{
	
}

#content .menu .tile
{
	width:220px;
	padding:5px;
	background:#6fd200;
	position:relative;
	margin-bottom:10px;
}


#content .menu .tile > a
{
	display:block;
	width:200px;
	height:39px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	vertical-align:middle;
	position:relative;
	padding:28px 10px;
	z-index:500;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .menu .tile > a:hover
{
	height:33px;
	padding:34px 10px 28px 10px;
}

#content .menu .tile.green { background:#6fd200; box-shadow:inset 50px 50px 100px -50px #1b5600; }
#content .menu .tile.green .submenu li:hover, #content .menu .tile.green .submenu li.active { color:#327800; }
#content .menu .tile.green .submenu a:hover, #content .menu .tile.green .submenu a.active { color:#327800; }

#content .menu .tile.yellow { background:#ff7e15; box-shadow:inset 50px 50px 100px -50px #bb3800; }
#content .menu .tile.yellow .submenu li:hover, #content .menu .tile.yellow .submenu li.active { color:#B16300; }
#content .menu .tile.yellow .submenu a:hover, #content .menu .tile.yellow .submenu a.active { color:#B16300; }

#content .menu .tile.blue { background:#3b8fd6; box-shadow:inset 50px 50px 100px -50px #0f2669; }
#content .menu .tile.blue .submenu li:hover, #content .menu .tile.blue .submenu li.active { color:#1C4589; }
#content .menu .tile.blue .submenu a:hover, #content .menu .tile.blue .submenu a.active { color:#1C4589; }

#content .menu .tile.red { background:#e30000; box-shadow:inset 50px 50px 100px -50px #670000; }
#content .menu .tile.red .submenu li:hover, #content .menu .tile.red .submenu li.active { color:#8B0000; }
#content .menu .tile.red .submenu a:hover, #content .menu .tile.red .submenu a.active { color:#8B0000; }

#content .menu .tile.black { background:#515151; box-shadow:inset 50px 50px 100px -50px #010101; }
#content .menu .tile.black .submenu li:hover, #content .menu .tile.black .submenu li.active { color:#191919; }
#content .menu .tile.black .submenu a:hover, #content .menu .tile.black .submenu a.active { color:#191919; }

#content .menu .tile .ico
{
	position:absolute;
	font-family:radomysl;
	color:#fff;
	font-size:40px;
	top:60px;
	right:5px;
}

#content .menu .tile .submenu
{
	background:#fff;
	padding:10px;
	margin-top:5px;
}

#content .menu .tile .submenu ul
{
	margin:0px;
	padding:0px 0px 0px 15px;
	
}

#content .menu .tile .submenu ul li
{
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .menu .tile .submenu ul li a
{
	display:block;
	text-decoration:none;
	color:#555555;
	line-height:22px;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .breadcrumb
{
	border-bottom:1px solid #ceddd2;
	font-size:10px;
	color:#555555;
	overflow:hidden;
	padding:23px 5px 17px 5px;
}

#content .breadcrumb ul
{
	margin:0px 0px 0px 5px;
	overflow:hidden;
	padding:0px 0px;
	list-style:none;
}

#content .breadcrumb ul li
{
	float:left;
}

#content .breadcrumb ul li:after
{
	content: '/';
	margin: 0px 7px;
}

#content .breadcrumb ul li:last-child:after
{
	content: '';
	margin:0px;
}

#content .breadcrumb ul li a
{
	color:#555;
	text-decoration:none;
}

#content .breadcrumb ul li a.active
{
	font-weight:700;
}

#content .breadcrumb ul li a:hover
{
	text-decoration:underline;
}

#content .text
{
	padding:5px;
	line-height:26px;
	font-family:Tahoma;
}

#content .text h1.title
{
	font-weight:400;
	font-size:30px;
	color:#c30000;
	margin:20px 0px 30px 0px;
	line-height:normal;
	font-family:Armata;
}

#footer.subpage
{
	width:960px;
	line-height:normal;
	padding:0px;
	margin:30px auto 40px auto;	
	position:relative;
	height:auto;
}

#footer.subpage .bar
{
	background:#fff url(../img/footer_pattern.jpg) repeat-x;
	background-position:bottom;
	overflow:hidden;
	height:28px;
	box-shadow:0px 1px 3px #545454;
	padding:21px 25px;
}

#footer.subpage .crest
{
	width:97px;
	height:108px;
	background:url(../img/crest.png) no-repeat;
	position:absolute;
	top:-20px;
	left:432px;
}

#content #site_list
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#content #site_list li
{
	
}

#content #site_list li a
{
	color:#555555;
	display:block;
	padding:2px 10px;
	text-decoration:none;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content #site_list li a:hover
{
	color:#fff;
}

#content .photo a
{
	display:block;
	width:150px;
	height:150px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:2px solid transparent;
	opacity:0.9;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}


#content .text a
{
	color:#3B8FD6;
	padding:2px 5px;
	text-decoration: none;
	overflow:hidden;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .text a:hover
{
	color:#fff;
	background:#3B8FD6;
	box-shadow:inset 50px 50px 100px -50px #0F2669;
}


#content #gallery
{
	margin:20px 0px;
	overflow:hidden;
}

#content .photo a
{
	float:left;
	margin: 10px;
	padding:0 0 0 0;
	background-position: center;
	background-size:cover;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .photo a:hover
{
	opacity:1;
	border:2px solid #C30000;
	background-position: center;
	box-shadow:none;
	background-size:cover;
}

#content .newsList
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#content .newsList li
{
	
}

#content .newsList li a
{
	display:block;
	padding:20px 10px;
	color:#555555;
	line-height:22px;
}

#content .newsList li a img
{
	float:left;
	margin-right:10px;
}

#content .newsList li a h3
{
	margin:0px;
	padding:0;
	font-weight:400;
	font-size:20px;
	font-family:Armata;
	color:#C30000;
	line-height:normal;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

#content .newsList li a:hover h3
{
	color:#fff;
}

#content .newsList li a .date
{
	font-size:12px;
	line-height:normal;
	margin-bottom:10px;
}

#content a.photo
{
	float:left;
	margin-right:10px;
}

#content a.photo:hover
{
	background:none;
	box-shadow:none;
}

#newsBox
{
	/*position:absolute;*/
	width:100%;
	/*bottom:370px;*/
	overflow:hidden;
	margin-top: 10px;
}

#newsBox .wrapper
{
	background:#d2e7d6 url(../img/news_banner_bg.jpg) repeat-x;
	overflow:hidden;
	position:relative;
}

#footer .wrapper
{
	background:#d2e7d6 url(../img/news_banner_bg.jpg) repeat-x;
	overflow:hidden;
	position:relative;
}

#newsBox h3.title
{
	color:#49a400;
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	margin:0;
	padding:25px 40px;
}

#newsBox h4.title
{
	margin:0;
	padding:0px 0px;
	color:#da0000;
	font-size:14px;
}

#newsBox h4.title .date
{
	color:#95ab9a;
	font-size:12px;
	font-weight:400;
	float:right;
}

#newsBox ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
}

#newsBox ul li
{
	width:700px;
	overflow:hidden;
	margin:17px 10px;
	position:relative;
}

#newsBox ul li a
{
	text-decoration:none;
	color:#35533b;
	font-size:12px;
	display:block;
	overflow:hidden;
	position:relative;
	min-height:50px;
}

#newsBox #up
{
	width:21px;
	height:22px;
	background:url(../img/up.png) no-repeat;
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#newsBox #down
{
	width:21px;
	height:22px;
	background:url(../img/down.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:11px;
	cursor:pointer;
}

#newsBoxExtra
{
	/*position:absolute;*/
	width:100%;
	/*bottom:370px;*/
	overflow:hidden;
	margin-top: 10px;
}

#newsBoxExtra .wrapper
{
	background:#d2e7d6 url(../img/news_banner_bg.jpg) repeat-x;
	overflow:hidden;
	position:relative;
}

#newsBoxExtra h3.title
{
	color:#49a400;
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	margin:0;
	padding:25px 40px;
}

#newsBoxExtra h4.title
{
	margin:0;
	padding:0px 0px;
	color:#da0000;
	font-size:14px;
}

#newsBoxExtra h4.title .date
{
	color:#95ab9a;
	font-size:12px;
	font-weight:400;
	float:right;
}

#newsBoxExtra ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
}

#newsBoxExtra ul li
{
	width:700px;
	overflow:hidden;
	margin:17px 10px;
	position:relative;
}

#newsBoxExtra ul li a
{
	text-decoration:none;
	color:#35533b;
	font-size:12px;
	display:block;
	overflow:hidden;
	position:relative;
	min-height:50px;
}

#newsBoxExtra #up
{
	width:21px;
	height:22px;
	background:url(../img/up.png) no-repeat;
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#newsBoxExtra #down
{
	width:21px;
	height:22px;
	background:url(../img/down.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:11px;
	cursor:pointer;
}

#important-info
{
	position:absolute;
	width:100%;
	top:410px;
	overflow:hidden;
	margin-top: 10px;
	padding-top: 0px;
}

#important-info .wrapper
{
	background:#d2e7d6 url(../img/news_banner_bg.jpg) repeat-x;
	overflow:hidden;
	position:relative;
}

#important-info h3.title
{
	color:#CC0404;
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	margin:0;
	padding:5px 40px;
}

#important-info h4.title
{
	margin:0;
	padding:0px 0px;
	color:#da0000;
	font-size:14px;
}

#important-info h4.title .date
{
	color:#95ab9a;
	font-size:12px;
	font-weight:400;
	float:right;
}

#important-info ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
}

#important-info ul li
{
	width:700px;
	overflow:hidden;
	margin:17px 10px;
	position:relative;
}

#important-info ul li a
{
	text-decoration:none;
	color:#35533b;
	font-size:12px;
	display:block;
	overflow:hidden;
	position:relative;
	min-height:50px;
}

#important-info #up
{
	width:21px;
	height:22px;
	background:url(../img/up.png) no-repeat;
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#important-info #down
{
	width:21px;
	height:22px;
	background:url(../img/down.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:11px;
	cursor:pointer;
}

#important-info #icon
{
	width:21px;
	height:22px;
	/*background:url(../img/up.png) no-repeat;*/
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#projekty
{
	position:absolute;
	top: 278px;
	width:100%;
	/*bottom:370px;*/
	overflow:hidden;
	margin-top: 10px;
	/*padding-top: 80px;*/
	/*background-color: yellow;*/
}

#projekty .projekty-wrapper {
	/*background-color: green;*/
	height:72px;
	display: flex;
}

#projekty .projekty-wrapper #rfil2 {
	/*position:absolute;*/
	
	background-color: white;
	/*display: block;*/
	width:284px;
	height:72px;
	background: url(../img/rfil_y72px.png) no-repeat;
	/*position: absolute;*/
	/*top: 209px;
	left: 254px;*/
}

#projekty .projekty-wrapper #fds2 {
	/*position:absolute;*/
	
	background-color: white;
	/*display: block;*/
	width:218px;
	height:72px;
	background: url(../img/fds_y72px.png) no-repeat;
	/*position: absolute;*/
	/*top: 209px;
	left: 254px;*/
}

#projekty .projekty-wrapper #fds2 {
	/*position:absolute;*/
	
	background-color: white;
	/*display: block;*/
	width:218px;
	height:72px;
	background: url(../img/fds_y72px.png) no-repeat;
	/*position: absolute;*/
	/*top: 209px;
	left: 254px;*/
}

#projekty .projekty-wrapper #rfplpis {
	/*position:absolute;*/
	
	background-color: white;
	/*display: block;*/
	width:261px;
	height:72px;
	background: url(../img/rfpl_pis_y72px.png) no-repeat;
	/*position: absolute;*/
	/*top: 209px;
	left: 254px;*/
}

#projekty .projekty-wrapper #cg {
	/*position:absolute;*/
	
	background-color: white;
	/*display: block;*/
	width:171px;
	height:72px;
	background: url(../img/cg_y72.jpg) no-repeat;
	/*position: absolute;*/
	/*top: 209px;
	left: 254px;*/
}

#projekty .projekty-wrapper a {
	margin-right: 5px;
}

#wcag-info
{
	position:absolute;
	width:100%;
	top:357px;
	overflow:hidden;
	margin-top: 10px;
	/*padding-top: 80px;*/
}

#wcag-info .wrapper
{
	background:#d2e7d6 url(../img/news_banner_bg.jpg) repeat-x;
	overflow:hidden;
	position:relative;
}

#wcag-info h3.title
{
	color:blue;
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	margin:0;
	padding:5px 40px;
}

#wcag-info h4.title
{
	margin:0;
	padding:0px 0px;
	color:#da0000;
	font-size:14px;
}

#wcag-info h4.title .date
{
	color:#95ab9a;
	font-size:12px;
	font-weight:400;
	float:right;
}

#wcag-info ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
}

#wcag-info ul li
{
	width:700px;
	overflow:hidden;
	margin:17px 10px;
	position:relative;
}

#wcag-info ul li a
{
	text-decoration:none;
	color:#35533b;
	font-size:12px;
	display:block;
	overflow:hidden;
	position:relative;
	min-height:50px;
}

#wcag-info #up
{
	width:21px;
	height:22px;
	background:url(../img/up.png) no-repeat;
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#wcag-info #down
{
	width:21px;
	height:22px;
	background:url(../img/down.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:11px;
	cursor:pointer;
}

#wcag-info #icon
{
	width:21px;
	height:22px;
	/*background:url(../img/up.png) no-repeat;*/
	position:absolute;
	right:20px;
	top:11px;
	cursor:pointer;
}

#special_bg
{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:800;
	background:rgba(0,0,0, 0.5);
}

#special_banner
{
	width:100%;
	position:relative;
	z-index:900;
}

#special_banner .wrapper
{
	overflow:hidden;
}

#special_banner .wrapper .right
{
	background:#cfe4d3 url(../img/special_bg.jpg) repeat-x;
	/*width:1048px;*/
	position:relative;
	z-index:400;
}

#special_banner .wrapper .right .img
{
	height:150px;
	width:250px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	float:left;
	margin-right:10px;
}

#special_banner .wrapper .right .text
{
	padding:10px 10px;
}

#special_banner .close
{
	position:absolute;
	width:21px;
	height:22px;
	cursor:pointer;
	background:url(../img/close.png) no-repeat;
	top:5px;
	right:5px;
}

#szukajka
{
	position:absolute;
	left:350px;
	top:10px;
}

#szukajka input[type=text]
{
	border:2px solid #C20000;
	background:rgba(255,255,255, 0.5);
	float:left;
	font-size:12px;
	padding:2px 5px;
	font-family:Armata;
	height:20px;
	width:200px;
}

#szukajka input[type=submit]
{
	width:26px;
	height:26px;
	background: url(../img/search.png) no-repeat;
	background-position:center;
	border:0px;
	float:left;
	font-size: 0px;
}

ul#gallery
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#gallery li
{
	float: left;
	overflow: hidden;
}

ul#gallery.small li a 
{
	opacity: 0.9;
}

ul#gallery.small li a:hover
{
	opacity: 1;
}

ul#gallery li a 
{
	display: block;
	width: 200px;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 0px !important;
	position: relative;
	margin: 15px 15px;
}

ul#gallery li a .belka
{
	background: #2863A8;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 5px 0px;
	color: #fff;
	opacity: 0.9;
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

ul#gallery li a:hover .belka
{
	padding: 10px 0px;
	opacity: 1;
}

ul#gallery li a:hover
{
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-shadow: none !important;
}





#fixedTest
{
	width: 100%;
	height: 1px;
	background: transparent;
}

#fixedFiles
{
	width: 680px;
	box-shadow: 0px 0px 3px #2c2c2c;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	padding: 5px;
	/* overflow: hidden; */
	background: #fff;
	border: 5px solid #50A500;
}

#fixedFiles h4
{
	margin: 0px;
	padding: 5px 10px;
}

#fixedFiles .hide
{
	position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
}

#fixedFiles ul
{
	margin: 0px;
	padding: 0px; 
	list-style: none;
}

#fixedFiles ul li
{
	float: left;
}

#fixedFiles ul li a
{
	display: block;
	margin: 10px;
	width: 90px;
	height: 130px;
	background-color: #eeeeee;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#fixedFiles ul li a.ico
{
	background-position: bottom 5px right 5px;
	background-size: auto;
}

#fixedFiles ul li a:hover
{
	background-color: #eeeeee !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: inset 0px 0px 30px #d4d3d3 !important;
	background-size: cover !important;
}

#fixedFiles ul li a.ico:hover
{
	background-position: bottom 5px right 5px !important;
	background-size: auto !important;
}

#newsSlider {
background-color: white;
height: 360px;
padding: 5px;
width: 950px;
margin-top: 120px
}