@charset "utf-8";

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{/*color:#000;background:#FFF;*/}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* =[ Główne ustawienia ]===================================================================================== */
	body {
		background: url(bg.jpg) top left repeat-x;
		font-size:11px;
		color:#000000;
		font-family: Tahoma,Verdana;}
	a:link, a:active, a:visited {
		color:#ffdb4c; 
		text-decoration:none;}
	a:hover {
		text-decoration:underline;}
	.clr {
		clear:both}
/* =[ Content - definicje głównych boxów ]==================================================================== */
	#content {
		width:963px;
		margin:auto;}
	#top {
		position: relative;
		background:url(top.jpg) no-repeat;
		height:91px;
		width:963px;}
	#toplink {
		position: absolute;
		left: 0px;
		top: 0px;
		display: block;
		width: 225px;
		height: 90px;}
	#toplink span{
		display: none;}
	#main {
		clear: both;
		background-image:url(div_top_module_bg.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		width:963px;
		margin:auto;}
	#left_main{
		width:691px;
		float:left;}
	#left {
		position: relative;
		background: url('content_middle.gif') 0 0 repeat-y;
		margin-top: 10px;
		width:675px;
		float:left;
		padding: 5px;
		min-height: 670px;}
	#left #left_top{
		margin: -5px -5px 0px -5px;
		background: url('content_top.gif') 0 0 no-repeat;
		height: 6px;
		overflow: hidden;}
	#left #left_bottom{
		position: absolute;
		bottom: 0px;
		width: 685px;
		margin: -5px -5px -5px -5px;
		background: url('content_bottom.gif') 0 0 no-repeat;
		height: 6px;
		overflow: hidden;}
	#right {
		width:272px;
		float:right;
		padding-top:9px;
		padding-bottom:5px;}
	#footer{
		clear: both;}
/* =[ Slideshow - przełączane obrazki u góry strony ]========================================================= */
	.slideShow2 {
		position: absolute;
		right: 50px;
		top: 7px;
		padding: 0px;
		margin: 0px;
		height: 75px;
		width: 400px;}
	.slideShow2 li {
		position: absolute;
		left: 0px;
		width: 400px;
		text-align: center;
		display: none;}
	.slideShow2 li span {
		font-family: Verdana,Times New Roman;
		font-size: 18px;
		font-weight: bold;
		color: #436998;/*#808080;*/}
/* =[ Górne menu - flagi wyboru języka ]====================================================================== */
	ul#lang {
		position: absolute;
		right: 0px;
		top: 65px;
		list-style: none;}
	ul#lang li {
		float: left;
		margin-right: 5px;}
	ul#lang_pages{
		position: absolute;
		right: 0px;
		top: 52px;}
	ul#lang_pages li {
		float: left;
		margin-right: 5px;}
/* =[ Górne menu - zakładki ]================================================================================= */
	#top_menu {
		position: relative;
		background-image:url(div_top_menu_bg.jpg);
		width:950px;
		height:84px;
		float:left;}
	#top_menu_left {
		background-image:url(div_top_menu_left.jpg);
		width:6px;
		height:84px;
		float:left;}
	#top_menu_right {
		background-image:url(div_top_menu_right.jpg);
		width:7px;
		height:84px;
		float:right;}

	#pobierz_demo_pages{
		display: block;
		width: 155px;
		height: 91px;
		background: url('pobierz_demo_pages.jpg') 0px 0px no-repeat;
		position: absolute;
		top: 0px;
		right: 0px;}

	div.search {
		float:right !important; 
		height:32px; 
		width:190px; 
		margin-top:12px; 
		margin-right:0px; 
		text-align:right;}
	div.search input.button {
		margin-right:10px; 
		margin-left:5px; 
		position:relative; 
		top:-1px;}
	input#mod_search_searchword.inputbox {
		position:relative; 
		top:-13px; 
		background-image:url(input_search.jpg); 
		width:124px; 
		height:20px; 
		background-repeat:no-repeat; 
		border:none; 
		color:#ffffff; 
		padding-left:10px; 
		padding-top:6px;}

	#ja-mainnavwrap {
		height: 53px;
		position: relative;
		z-index: 50;
		float:left;}
	#ja-mainnav a, 
	#ja-subnav a {
		outline: none;
		border:none !important;}
	#ja-subnav {
		display: block;
		font-size: 96%;
		padding-top:2px;
		height: 30px;
		float:left;
		position:relative; top:-2px;}
	#ja-subnav ul {
		margin: 0;
		padding: 0;
		display: none;}
	#ja-subnav li {
		display: inline;
		margin: 0;
		padding: 0;}
	#ja-subnav li a span {
		padding:0 15px;}
	#ja-subnav li a {
		display: block;
		float: left;
		padding: 0;
		margin-left:5px;
		line-height: 28px;
		color:#5479a9;}
	#ja-subnav li.active a {
		font-weight: bold;}
	#ja-subnav li a:hover {
		background:url(li_top_menu_l2_bg.jpg) right no-repeat;
		color: #000000;
		text-decoration:none;}
	#ja-subnav li a:hover span, #ja-subnav li.active a span {
		background:url(li_top_menu_l2_left.jpg) left no-repeat !important;
		display:block;
		line-height: 28px;}
	#ja-subnav li.active a,
	#ja-subnav li.active a:hover,
	#ja-subnav li.active a:active,
	#ja-subnav li.active a:focus {
		color: #000000;
		background:url(li_top_menu_l2_bg.jpg) right no-repeat;}
	#ja-subnav li.active a span,
	#ja-subnav li.active a:hover span,
	#ja-subnav li.active a:active span,
	#ja-subnav li.active a:focus span {
		color: #000000;
		background:url(li_top_menu_l2_bg.jpg) right no-repeat;}

	#jasdl-mainnav {
		position: relative;}
	#jasdl-mainnav ul {
		margin: 0;
		padding: 0;}
	#jasdl-mainnav li {
		float: left;
		padding: 0;
		margin: 0;
		background: none;}
	#jasdl-mainnav a {
		display: block;
		float: left;
		text-decoration: none;
		line-height: 53px;
		color: #5479a9;
		font-size: 110%;
		font-weight: bold;
		text-transform:uppercase;
		background:url(li_top_menu_l1_right.jpg) right bottom no-repeat;}
	#jasdl-mainnav a span {
		padding:0 20px;}
	#jasdl-mainnav a:hover,
	#jasdl-mainnav ul li.hover a {
		color: black; /*#E9C01A;*/}
/*
	#jasdl-mainnav a:hover,
	#jasdl-mainnav ul li.hover a {
		background: url(li_top_menu_l1_right_2.jpg) no-repeat right bottom;}
	#jasdl-mainnav a:hover span,
	#jasdl-mainnav ul li.hover a span{
		background: url(li_top_menu_l1_left.jpg) no-repeat left bottom;
		display: block;}
*/
	#jasdl-mainnav li.active a,
	#jasdl-mainnav li.active a:active,
	#jasdl-mainnav li.active a:focus {
		background: url(li_top_menu_l1_right_2.jpg) no-repeat right bottom;}
	#jasdl-mainnav li.active a span,
	#jasdl-mainnav li.active a:active span,
	#jasdl-mainnav li.active a:focus span{
		background: url(li_top_menu_l1_left.jpg) no-repeat left bottom;
		display:block;}
/* =[ Box z pudełkiem Xelfin ]================================================================================ */
	#position_top {
		width:511px;
		height:140px;
		float:left;
		background-image:url(img_box.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
		padding-left:180px;
		padding-top:20px;
		color:#ffffff;
		position:relative;
		z-index:5;}
	#position_top h2 {
		padding: 0px;
		margin: 0px;
		font-size:20px; 
		line-height:18px; 
		font-weight:lighter; 
		text-transform:uppercase; 
		color:#ffdb4c; 
		font-family: Tahoma,Verdana,Myriad Pro;}
	#position_top p {
		padding: 5px 0px;
		margin: 0px;
		width: 430px;}
	#position_top #img_demo {
		display: block; 
		width:184px; 
		height:112px; 
		float:right; 
		position:absolute; 
		right: 10px; 
		top: 10px;}

	#path a{
		font-weight: bold;
		color: #4E98DF;}	
/* =[ Strona główna (index) - środkowe trzy boxy ]============================================================ */
	#top_modules {
		width:691px;
		height:284px;
		float:left;
		position:relative;
		z-index:10;
		top:-12px;
		color:#ffffff;}
	#top_modules div.box {
		background-image:url(top_module_bg.png);
		width:227px;
		height:284px;
		float:left;}
	#top_modules div.box a h3 {
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-transform:uppercase;
		padding-left:55px;
		margin-top:28px;
		font-family:Geneva, Arial, Helvetica, sans-serif;}
	#top_modules div.box a:hover h3{
		text-decoration: underline;}
	#top_modules div.box img {
		margin-bottom:5px;}
	#top_modules div.box div {
		padding-top:18px; 
		padding-left:16px; 
		padding-right:22px;}
	#top_modules div.box a {
		color:#ffffff;}
	#top_modules div.box a:hover {
		text-decoration:underline;}
/* =[ Strona główna (index) - dolne cztery moduły ]=========================================================== */

	#bottom_modules {
		clear: both;
		background-image:url(main_module_bg.jpg);
		background-repeat:no-repeat;
		background-position:50% 50%;
		width:691px;
		position:relative;
		top:-25px;}
	#bottom_modules .box {
		padding-left:10px;}
	#bottom_modules .box a h3{
		color: black;
		padding: 2px 0px 0px 30px;
		margin-top:10px; 
		font-size:16px;
		font-weight:bold;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		height:24px;
		background:url(arrow2.gif) 0 0 no-repeat;}
	#bottom_modules .box a:hover h3{
		text-decoration: underline;}
	#bottom_modules .box p{
		position: relative;
		padding-left: 110px;}
	#bottom_modules .box img{
		position: absolute;
		left: 10px;
		top: 5px;}
	#bottom_modules .box h3 a,
	#bottom_modules .box p a{
		color: #000;}
	#bottom_modules .box p.link {
		background-image:url(arrow.gif); 
		background-position:left; 
		background-repeat:no-repeat; 
		display:block; 
		margin-left:10px; 
		padding-left:15px; 
		padding-top:5px; 
		height:19px;}
	#bottom_modules .box p.link a{
		color:#000000; 
		text-decoration:none;}
	#bottom_modules .box p.link a:hover{
		text-decoration: underline;}

	#b_module1, #b_module2, #b_module3, #b_module4 {
		width:330px;
		height:150px;
		float:left;}
/* =[ Prawa kolumna - panel nawigacyjny ]===================================================================== */
	#right #panelNawigacyjny h3 {
		text-indent:-100000px;
		background-image:url(h3_nav.gif);
		width:272px;
		height:36px;}
	#right #panelNawigacyjnyBottom {
		background-image:url(div_nav_bottom.gif); 
		width:272px; 
		height:9px; 
		line-height:1px;
		overflow: hidden;}
	#right #panelNawigacyjny a, 
	#right #panelNawigacyjny a:hover {
		display: block;
		width: 272px;
		height: 71px;
		font-size:14px; 
		font-weight:bold;
		text-decoration:none;}

	#right #panelNawigacyjny a strong{
		position: relative;
		left: 65px;
		top: 22px;
		color: white;}
	#right #panelNawigacyjny a span {
		position: relative;
		left: 65px;
		top: 22px;
		color:#CFE5FF;/*#bfdbff; */
		font-size:9px; 
		font-weight:normal;}

	#right #panelNawigacyjny a#nav_1{ background-image:url(img_new_planowanie.jpg); height: 71px;}
	#right #panelNawigacyjny a#nav_2{ background-image:url(img_new_raportowanie.jpg); height: 65px;}
	#right #panelNawigacyjny a#nav_3{ background-image:url(img_new_analizy.jpg); height: 65px;}
	#right #panelNawigacyjny a#nav_4{ background-image:url(img_new_konsolidacja.jpg); height: 65px;}
	#right #panelNawigacyjny a#nav_5{ background-image:url(img_new_prognozowanie.jpg); height: 71px;}
	#right #panelNawigacyjny a#nav_6{ background-image:url(img_new_statystyka.jpg); height: 71px;}

	#right #panelNawigacyjny a#nav_1:hover{ background-position: 0 -71px; }
	#right #panelNawigacyjny a#nav_2:hover{ background-position: 0 -65px; }
	#right #panelNawigacyjny a#nav_3:hover{ background-position: 0 -65px; }
	#right #panelNawigacyjny a#nav_4:hover{ background-position: 0 -65px; }
	#right #panelNawigacyjny a#nav_5:hover{ background-position: 0 -71px; }
	#right #panelNawigacyjny a#nav_6:hover{ background-position: 0 -71px; }
/* =[ Prawa kolumna - formularz logowania ]=================================================================== */
	#form-login {
		padding-top: 15px;
		color:#FFFFFF;}

	#form-login fieldset {
		padding: 0px 15px; 
		color:#ffffff;}
	#form-login fieldset p {
		padding:0; 
		margin:0;}
	#form-login fieldset .login_left {
		float:left;
		height:65px;}
	#form-login fieldset .login_right {
		float:right; 
		height:65px;}
	#form-login fieldset .login_right input.button {
		background-image:url(button_login.jpg); 
		outline:none; 
		width:48px; 
		height:65px; 
		cursor:pointer; 
		border:none; 
		margin-right:15px; 
		position:relative; 
		z-index:10;
		overflow: hidden;}

	#form-login fieldset #modlgn_username, 
	#form-login fieldset #modlgn_passwd {
		background-image:url(input_login.jpg); 
		color:#3d3d3d; 
		width:155px; 
		height:19px; 
		border:none; 
		padding-left:10px; 
		padding-top:7px; 
		margin-bottom:2px; 
		background-repeat:no-repeat;}

	#form-login p{
		padding: 0px 15px;}
	#form-login p strong{
		color: #FDCB00;}

	#right_bottom2 {
		background-image:url(div_right_module_bottom.gif); 
		width:272px; 
		height:10px; 
		line-height:1px;
		margin-bottom: 10px;}

	h3.login {
		background-image:url(h3_login.gif);
		width:272px;
		height:35px;
		margin-top:5px;}
	h3.login span{
		display: none;}
	div#login {
		background-image:url(div_login_bg.gif);
		background-repeat:no-repeat;
		width:100%;
		height:172px;}




	h3.logged {
		background-image:url(h3_logged.gif);
		width:272px;
		height:35px;
		margin:5px 0 0 0;
		padding: 0;}
	h3.logged span{
		display: none;}

	div#logged {
		background-image:url(div_login_bg.gif);
		background-repeat:no-repeat;
		background-position: 0px -90px;
		width:100%;
		height:50px;
		margin: 0;
		padding: 5px;}
	div#logged p{
		padding: 0px 15px;}
	div#logged p.right{
		text-align: right;}
	div#logged p strong{
		color: #FDCB00;}
/* =[ Footer ]================================================================================================ */
	#footer {
		background: url(footer_bg.jpg) 0 0 repeat-x;
		width:100%;
		height:71px;
		margin-top:20px;}
	#footer_content {
		width:950px;
		margin:auto;
		color:#FFFFFF;
		font-size:12px;}
	#footer_copy {
		float:left;
		height:29px;
		margin-top:18px;
		padding-left:15px;
		padding-right:15px;
		padding-top:9px;}
	#footer_credits {
		border-left:solid #88abd6 1px;
		height:29px;
		padding-left:15px;
		float:right;
		margin-top:18px;
		padding-top:9px;}
	#footer_credits a {
		color:#FFFFFF;
		text-decoration:none;}
/* =[ Galerie ]=============================================================================================== */
	ul.listaGalerii{
		clear: both;}
	ul.listaGalerii li{
		width: 150px;
		float: left;
		text-align: center;}
	ul.listaGalerii img{
		border: 1px solid #BFBFBF;}
	ul.listaGalerii p{
		padding: 0 0 10px 0;
		margin: 0px;}
	ul.listaGalerii strong{
		color: #135CAE;}	
/* =[ Strona kontakt ]======================================================================================== */
	address{
		margin: 10px 0 0 20px;
		padding-left: 25px;}
	address.home{
		background: url('../layout/ikona_address_home.png') 0px 0px no-repeat;}
	address.telefon{
		margin-top: 5px;
		background: url('../layout/ikona_address_telefon.png') 0px 0px no-repeat;}
	address.fax{
		margin-top: 5px;
		background: url('../layout/ikona_address_fax.png') 0px 0px no-repeat;}
	address.www{
		margin-top: 5px;
		background: url('../layout/ikona_address_www.png') 0px 0px no-repeat;}

	form.kontakt{
		margin: 10px 0 0 20px;}
	form.kontakt label{
		display: block;}
	form.kontakt input {
		width: 250px;}
	form.kontakt textarea	{
		width: 300px;
		height: 100px;}
	form input.default{
		width: auto;}
/* =[ Pozostałe ustawienia ]================================================================================== */
	#pageCaption {
		clear: both;
		font-size:18px;
		text-transform:uppercase;
		height:24px;
		padding: 2px 0 0 30px;
		background: url(arrow2.gif) 0 0 no-repeat;
		margin-top:10px;}
	#pageDescription{
		font-weight: bold;
		font-size: 13px;
		margin: 10px 0px;}
	.RollPager {
		clear: both;
		text-align: center;}
	.RollPager a{
		color: black;}

	span.breadcrumbs {font-weight:bold;}


/* konkurs */
form.konkurs_formularz{
	margin: 10px 0px;
	padding: 0px;}
form.konkurs_formularz label{
	display: block;
	width: 150px;
	float: left;}
form.konkurs_formularz input{
	width: 200px;
	margin-left: 5px;
	margin-bottom: 5px;}
form.konkurs_formularz select{
	width: 206px;
	margin-left: 5px;
	margin-bottom: 5px;}
form.konkurs_formularz textarea{
	width: 480px;
	height: 200px;
	margin-left: 5px;
	margin-bottom: 5px;}
form.konkurs_formularz input.submit{
	clear: both;
	width: auto;
	margin: 5px;}
form.konkurs_formularz input.file{
	width: 300px;}

#table_bugtracker_podsumowanie{
	margin: 10px 10px;
	width: 160px;}

#table_bugtracker{
	margin: 10px 10px;
	width: 635px;}
#table_bugtracker tr th{
	background-color: #B0CCF1;
	padding: 4px;
	font-weight: bold;}
#table_bugtracker tr td{
	background-color: #D1E0EF;
	padding: 4px;}
#table_bugtracker tr.alt td{
	background-color: #DFEFFF;}	
#table_bugtracker tr td a{
	color: black;
	font-weight: bold;
	text-decoration: none;}
#table_bugtracker tr td a:hover{
	text-decoration: underline;}

#table_filmy{
	border-top: 1px solid #4E98DF;}
#table_filmy td{
	text-align: center;
	width: 150px;
	padding: 5px;
	border-bottom: 1px solid #4E98DF;}
#table_filmy td+td{
	text-align: left;
	width: auto;}
#table_filmy td img{
	border: 1px solid #4E98DF;
	padding: 1px;}
#table_filmy td strong a{
	color: #4e98df;}

#partnerzy{
	text-align: center;
	padding: 5px 10px;}
#partnerzy ul{
	margin: 0;
	padding: 0;}
#partnerzy ul li a{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #4E98DF;}