body { background:url(/app/_/css/images/bg.jpg) no-repeat center top #030406; min-width:950px; width:100%;}

#wrapper { width:950px; margin:0 auto; margin-top:38px; position:relative; }
a#logo { background:url(../images/logo.png) no-repeat; width:90px; height:140px; display:block; cursor:pointer; margin-left:20px; }
a#logo:hover { opacity:0.90; }

#header { background:url(/app/_/css/images/header.png) no-repeat right top; width:587px; height:307px; position:absolute; top:7px; right:0; margin-right:31px;
		  text-transform:uppercase;  font-family:'StagBold'; padding-right:4px; }
		  #header span { color:#000; font-size:34px; float:left; clear:both; width:100%; text-align:right;}
		  #header span+span { color:#002236; font-size:60px; }
		  #header span+span+span { color:#bababa; font-size:34px; }
		
		
		
		
.gradient1 { 
background-image: linear-gradient(bottom, rgb(0,45,75) 33%, rgb(0,56,94) 88%) !important;
background-image: -o-linear-gradient(bottom, rgb(0,45,75) 33%, rgb(0,56,94) 88%) !important;
background-image: -moz-linear-gradient(bottom, rgb(0,45,75) 33%, rgb(0,56,94) 88%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(0,45,75) 33%, rgb(0,56,94) 88%) !important;
background-image: -ms-linear-gradient(bottom, rgb(0,45,75) 33%, rgb(0,56,94) 88%) !important;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.33, rgb(0,45,75)),
	color-stop(0.88, rgb(0,56,94))
) !important; 
}	

h1, p.mega {  font-family:'StagBold'; font-size:24px; color:#202020; text-transform:uppercase; }
h2 { font-family:'StagMedium'; color:#202020; font-size:18px; }

.hint { text-transform:uppercase; top:50%; margin-top:-24px; position:absolute; }
.hint a { color:#000; font-family:'StagBold'; font-size:22px; line-height:38px; text-decoration:none; }	
.hint_yellow a:hover { }



.hint_aqua_l { background:url(/app/_/css/images/hints/aqua.png) no-repeat; width:10px; height:48px; float:left; }
.hint_aqua_r { background:url(/app/_/css/images/hints/aqua.png) no-repeat 0px -10px; width:10px; height:38px; float:left; }
.hint_aqua { height:38px; background:#82e3ea; float:left; }
	
	
.sep { height:2px; width:100%; background:url(/app/_/css/images/sep.jpg) repeat-x center center; padding:20px 0px;  }
	
#main { width:947px; position:relative; z-index:10; top:40px; height:auto; overflow:hidden; }


	#inside {  min-height:130px; width:940px; float:left; background:#00395e;}
		.cornerblue { position:absolute; left:0; top:0; background:url(/app/_/css/images/corners/blue.png) no-repeat; width:20px; height:20px; }
		.corneryellow { position:absolute; left:0; top:0; background:url(/app/_/css/images/corners/yellow.png) no-repeat; width:20px; height:20px; }
		.corneraqua { position:absolute; left:0; top:0; background:url(/app/_/css/images/corners/aqua.png) no-repeat; width:20px; height:20px; }
		.cornerwhite { position:absolute; right:-2px; bottom:-2px; background:url(/app/_/css/images/corners/white.jpg) no-repeat; width:11px; height:11px; }

	#inside strong { font-weight: bold; }

		#column1 { height:460px; overflow:hidden; width:300px; float:left; position:relative; }
			#wstep { width:260px; min-height:127px; background:url(/app/_/css/images/slowem.jpg); float:left; padding:20px; }
			#wstep p { font-size:12px; line-height:16px; color:#777777; font-family:Helvetica, Arial, sans-serif; }
			#wstep h1 { margin-bottom:11px; }

			#photo { float:left; clear:both; background:url(/app/_/css/images/photo.jpg) no-repeat top left; height:293px; width:300px; }
			
			
		#column2 {overflow:hidden; float:left;  position:relative; background:url(/app/_/css/images/photo2.jpg) no-repeat; width:250px; height:457px; border-bottom:3px solid #fbdf5a; }
			
		#column3 { width:390px; height:460px; overflow:hidden; float:left; position:relative;; }
			#jaktodziala { background:url(/app/_/css/images/photo3.jpg) no-repeat; width:390px; height:234px; position:relative; }
			#logowanie { background:url(/app/_/css/images/logowaniedosystemu.jpg) no-repeat; height:186px; width:350px; padding:20px; }
				#logowanie span { color:#202020; font-family:'StagBold'; font-size:24px; float:left; clear:both; text-transform:uppercase; line-height:20px; }
				#logowanie span+span { color:#bababa; } 

				#logowanie .button {float: none;}
				#logowanie span {float: none; line-height: 33px;}
				#logowanie .black {float: none; margin-right: 12px;}

			.hint:hover .hint_aqua_l { background:url(/app/_/css/images/hints/yellow.png) no-repeat; }
			.hint:hover .hint_aqua_r { background:url(/app/_/css/images/hints/yellow.png) no-repeat 0px -10px; }
			.hint:hover .hint_aqua { background:#fbdf5a; }
			
		#row1 { background:url(/app/_/css/images/row1.jpg) no-repeat; width:900px; height:38px; position:relative; border-bottom:2px #82e3ea solid; padding:20px; }
			#row1 span.welcome { color:#bababa; font-size:24px; font-family:'StagBold'; float:left; line-height:38px;}
			#row1 span.welcome+span.welcome { color:#202020; }	

		div.no_recruitment {color:#202020; font-size:24px; font-family:'StagBold'; line-height:38px; text-align: center; width: 100%}
		
		#row2 { background:url(/app/_/css/images/corners/bottom_right.jpg) no-repeat right bottom #fff; width:900px; padding:20px; height:auto; overflow:hidden; }
			.file { background:url(/app/_/css/images/form/file.jpg) no-repeat left top; border:0; width:129px !important; overflow:hidden; height:15px; padding:11px 13px; color:#777777; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
			.file:focus { background:url(/app/_/css/images/form/file.jpg) no-repeat left top !important; }
			input[type=file] { margin-left:-90px !important; opacity:0 !important; width:255px !important; cursor:pointer !important; }
			
		#row2 div.cms_box { font-size:12px; line-height:16px; color:#777777; font-family:Helvetica, Arial, sans-serif; min-height: 250px;}
			
	#shadow { width:7px; float:left; min-height:40px; background:#002e4c; }	
		#corner_top_right { background:url(/app/_/css/images/corners/shadow_right_top.png) no-repeat; width:7px; height:7px; position:absolute; right:0; }
	
	
	
#foot { background:url(/app/_/css/images/foot.png) no-repeat; width:947px; height:27px; position:relative !important; top:20px; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:11px; padding-bottom:50px;}
#foot span#copy { left:20px; position:absolute; top:44px; }
#foot span#projekt { right:20px !important; position:absolute; top:44px; }
#foot span a { color:#fff; text-decoration:none; }
#foot span a:hover { text-decoration:underline; }


#form_logowanie { float:left; clear:both; margin-top:20px; width:351px; }
#form_logowanie fieldset { margin-bottom:7px; width:100%; float:left; clear:both; }
#form_logowanie input[type=text], #form_logowanie input[type=password] { background:url(/app/_/css/images/form/textinput.jpg) no-repeat; width:325px; height:15px; border:0; padding:11px 13px; outline-color:#82e3ea;
				color:#777777; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
#form_logowanie input[type=text]:focus, #form_logowanie input[type=password]:focus { background:url(/app/_/css/images/form/textinput.jpg) no-repeat 0px -37px; color:#002236; font-weight:bold; }
#form_logowanie input[type=submit], .black, .button, .black2 {font-family:'StagBold'; color:#fff; background:url(/app/_/css/images/form/submit1.jpg) no-repeat right top #202020; border:0; cursor:pointer; height:38px; line-height:38px; text-transform:uppercase; float:right; padding-left:15px; padding-right:65px; font-size:20px; width:auto; overflow:hidden; display:block; text-decoration:none;  }
.button { background:url(/app/_/css/images/form/button.png) no-repeat right top; border-left:2px solid #bababa; color:#202020; padding:0; margin-right:11px; line-height:35px; }
.black2 { background:url(/app/_/css/images/form/submit2.jpg) no-repeat right top #202020; }
.button span { border-top: 2px solid #BABABA;
display: block;
height: 34px;
border-bottom: 2px solid #BABABA; padding-left:15px; padding-right:29px; margin-right:36px; }

.button:hover span, .black:hover, .black2:hover, input[type=submit]:hover  { color:#82e3ea !important; }



#formwlasnychdanych { position:relative; height:auto; overflow:hidden; }
#formwlasnychdanych fieldset { float:left; margin-bottom:8px; height:37px; }
#formwlasnychdanych fieldset.short { margin-left:40px; }

#formwlasnychdanych fieldset label { line-height:34px; float:left; display:block; color:#777777; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:12px; margin-right:15px; width:100px; }
#formwlasnychdanych fieldset.short label { width:88px; }

#formwlasnychdanych fieldset input[type=text],
#formwlasnychdanych fieldset input[type=password] { background:url(/app/_/css/images/form/textinput2.jpg) no-repeat top left; border:0; width:294px; height:16px; padding:10px 13px; outline-color:#82e3ea; color:#777777; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
#formwlasnychdanych fieldset input[type=text]:focus,
#formwlasnychdanych fieldset input[type=password]:focus { background:url(/app/_/css/images/form/textinput2.jpg) no-repeat 0px -36px; color:#002236; font-weight:bold; }

a#historia { float:left; clear:both; color:#002236; font-family:'StagMedium'; font-size:17px; text-decoration:underline !important; margin-top:25px; }
a#historia:hover { text-decoration:none !important; }

/*	@ATTN Wchodzi w konflikt z ui.dialog
.ui-widget-content, .ui-widget-content * { border: 0 !important; background:0 !important; }

.ui-selectmenu { float:left; color:#777777; font-size:12px; font-weight:normal !important; font-family:Helvetica, Arial, sans-serif; background:url(/app/_/css/images/form/dropdown.jpg) no-repeat; width:294px!important; height:14px !important; padding:8px 13px 14px 13px !important; border:0 !important; }
.ui-state-active { background:url(/app/_/css/images/form/dropdown.jpg) no-repeat 0px -36px !important; color:#002236; font-weight:bold !important; }
.ui-selectmenu-menu { z-index:1000 !important; margin-top:24px !important; }
.ui-selectmenu-menu-dropdown { width:320px !important; }
.ui-selectmenu-menu-dropdown li { background:url(/app/_/css/images/form/textinput2.jpg) no-repeat 0px 0px !important;  width:294px!important; height:14px !important; padding:8px 13px 14px 13px !important; border:0 !important; font-size:12px; font-weight:normal !important;}
.ui-selectmenu-menu-dropdown li a { color:#002236 !important; }
li.ui-selectmenu-item-selected { font-weight:bold !important; }
li.ui-selectmenu-item-selected a { color:#002236 !important; }
.ui-selectmenu-menu-dropdown li:hover { background:url(/app/_/css/images/form/textinput2.jpg) no-repeat 0px -36px !important; }
span.ui-selectmenu-status { padding-left:0 !important; }
.ui-selectmenu-menu { overflow:hidden !important; }
*/

#mecz_form { position:relative; overflow:hidden; height:auto; }
#mecz_form .sep { float:left; margin-top:-20px; }
.space { margin-left:20px; clear:none !important; }
.mecz { border:2px solid #dcdcdc; width:418px; position:relative;  height:auto; padding:9px; float:left; clear:both; margin-bottom:20px; }
#mecz_form fieldset, #mecz_form fieldset.closed { background:url(../images/form/checkbox.jpg) no-repeat; width:36px; height:38px; float:left; }
#mecz_form fieldset.closed { background:url(../images/form/checkbox_closed.jpg) no-repeat; }
#mecz_form fieldset.active { background:url(../images/form/checkbox.jpg) no-repeat 0px -38px; }
#mecz_form fieldset input[type=checkbox] { margin-top: 12px;float: left;display: block;margin-left: 11px; }

div.details { float:left; margin-left:9px; }
p.title, p.info { font-family: 'StagMedium'; color:#202020; font-size:18px; width:360px; line-height:18px; clear:both; }
p.disabled { color: #939393}
p.info { font-size:14px; line-height:16px;  }
p.info span { color:#939393; padding-right:5px;}
p.description { color:#939393; line-height:16px; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin-top:15px; float:left; clear:both; width:418px; }