/*--------------------------------------------------------
	css theme name: cms
	author: bartosz mediger (http://mediger.net)

*/


/********************************      Basic Structure      ********************************/


* { margin: 0; padding: 0; }

*:focus {outline: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }


.tylkoDlaSubmit,
.delete_overlay {
	width: 100vw;
	height: 100vh;
	display:none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:0; left:0;
	z-index: 99999;
	background: rgba(0,0,0,.1);
}

.tylkoDlaSubmit.flex,
.delete_overlay.flex {
	display: flex;
}

.delete_alert {
	background: white;
	padding: 60px 30px;
	text-align: center;
	box-shadow: 0 10px 25px -5px rgba(0,0,0,.3);
}

.delete_alert h3 {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
}

.delete_alert a {
	display: inline-block;
	padding: 12px 20px;
	margin: 5px;
	color: white;
	font-weight: bold;
	font-size: 10px;
	transition: all .2s;
}

.delete_alert a:hover {
	transform: scale(.97);
	opacity:.9;
}

.delete_alert .ok {
	background: #609700;
}

.delete_alert .anuluj {
	background: #bb0000;
}

.checked2del td {
	background: #bb0000;
	color: white;
}

.checked2del td a {
	color: white;
}


html {
	background: #f1f3f2 url(../images/bg.jpg) repeat-x top;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 81.25%;
	line-height: 16px; }



body, html { height: 100%; min-height: 100%;}



form {
	float: left;
	width: 100%; }
	
	.first {
		background: #4f6074 url(../images/gradient5.jpg) repeat-x top;
		margin: 29px 0 0 0;
		padding: 4px 0 0 0 !important; }
		
	.first h4 {
		padding: 5px 0 5px 9px;
		color: white; }

	.first h5 {
		letter-spacing: 1px;
		padding: 0 0 2px 0;
		font-size: 12px;
		font-weight: bold;
		color: white; }

	.first td {
		border-bottom: 1px solid #73797c;
		padding: 5px 0 10px 10px; }

	.first th {
		border: none !important;
		padding-bottom: 0 !important;
		padding-top: 10px !important;
		color: white; }



input.small { width: 30px !important; }


label, .label { 
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 1px solid #dde4e6;
	padding: 3px 0 3px 0; }


	label span.header,
	.label span.header {
		float: left;
		width: 300px;
		padding: 3px 10px 3px 0;
		text-align: right; }


img { border: none; }



ins { text-decoration: none; }




p { padding-bottom: 15px; }



select { min-width: 260px; }



small {
	font-size: 11px;
	color: #73797c; }


table {
	width: 100%;
	border-spacing: 0; }

	table td {
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #ccc;
		vertical-align: middle; }
	
	table tr.level1 td {
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px solid #73797c;
		padding-bottom: 7px;
		font-size: 110%; }

	table td div a.link:hover {
		background: transparent;
		text-decoration: none; }

	table tr.level2 td a.link {
		background: url(../images/arrow.gif) no-repeat 10px 4px;
		font-weight: bold;
		padding: 0 0 0 20px;
		font-size: 105%; }

	table tr.level3 td a.link {
		background: url(../images/arrow.gif) no-repeat 30px 4px;
		padding: 0 0 0 40px;
		font-size: 100%; }
		
	table tr.level4 td a.link {
		background: url(../images/arrow.gif) no-repeat 50px 4px;
		padding: 0 0 0 60px;
		font-size: 95%; }
		
		
	table tr.level5 td a.link {
		background: url(../images/arrow.gif) no-repeat 70px 4px;
		padding: 0 0 0 80px;
		font-size: 90%; }

	table th {
		border-bottom: 1px solid #73797c;
		padding: 30px 5px 10px 3px;
		font-size: 110%;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left; }

	td.submit,
	div.submit {
		clear: both;
		width: 100%;
		border-top: 1px solid #73797c;
		padding: 30px 0 40px 0;
		text-align: center; }
		
	table tr td,
	table tr th { padding-left: 10px; }

	.second table tr:hover,
	#sortowalna tr:hover { background: url(../images/trans10.png); }
	
	#sortowalna tr.nodrop:hover { background: none !important; }
	
	.second table tr:hover a { text-decoration: none; }


	tr.noHover:hover { background: none !important; }

	.more, .moreall {
		padding: 0 0 0 10px;
		font-size: 85%;
		color: #73797c; }


/*

table {
	width: 100%;
	border-spacing: 0; }

	table td {
		padding: 4px 0 4px 0;
		border-bottom: 1px solid #ccc;
		vertical-align: middle; }
	
	table td.level1 {
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px solid #73797c;
		padding-bottom: 7px; }
	
	table td a.link { display: block; width: 100%;}
	
	table td div a.link:hover {
		background: transparent red;
		text-decoration: none; }

	table td.level2 a.link {
		background: url(../images/arrow.gif) no-repeat left 4px;
		font-weight: bold;
		padding: 0 0 0 10px; }
	
	table td.level3 a.link {
		background: url(../images/arrow.gif) no-repeat 10px 4px;
		padding: 0 0 0 20px; }
		
	table td.level4 a.link {
		background: url(../images/arrow.gif) no-repeat 20px 4px;
		padding: 0 0 0 30px; }
		
	table td.level5 a.link {
		background: url(../images/arrow.gif) no-repeat 30px 4px;
		padding: 0 0 0 40px; }

	table th {
		border-bottom: 1px solid #73797c;
		padding: 30px 5px 10px 3px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left; }

	td.submit,
	div.submit {
		clear: both;
		width: 100%;
		border-top: 1px solid #73797c;
		padding: 30px 0 40px 0;
		text-align: center; }
		
	table tr td,
	table tr th { padding-left: 10px; }

	.second table tr:hover,
	#sortowalna tr:hover { background: url(../images/trans10.png); }
	
	#sortowalna tr.nodrop:hover { background: none !important; }
	
	.second table tr:hover a { text-decoration: none; }


	tr.noHover:hover { background: none !important; }

*/


ul, ol { margin: 0 0 0 20px;  }














/********************************      Elements styling      ********************************/


h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	text-transform: uppercase; }

h1 {
	float: left;
	line-height: 26px;
	padding: 30px 0 0 5px;
	font-size: 18px; }

h2 { 
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #4d5e72; }
	
h3 { font-size: 16px;
	font-weight: bold; }
	
h4 {
	font-size: 16px;
	letter-spacing: 1px; }

h5 { font-size: 13px; }


h6 { font-size: 11px; }




a {
	text-decoration: none;
	color: black; }
	
	a:hover {
		text-decoration: none;
		cursor: pointer; }

















/********************************      Identificators      ********************************/



#bg-light {
	float: left;
	width: 100%; _height: 88%; min-height: 88%;
	position: relative;
	background: url(../images/back.jpg) repeat; }







#body {
	position: relative;
	width: 93%; height: 100%; min-height: 100%;
	margin: 0 auto; }









#content {
	width: 98%; _height: 100%; min-height: 100%;
	margin: 0 auto; }
	
	
	



#fileQueue { margin-bottom: 10px; }





#footer { 
	float: left;
	width: 100%;
	padding: 25px 0 25px 0;
	text-align: center;
	border-top: 1px solid #73797c; }
	
	#footer a {
		cursor: text;
		color: #73797c; }

	#footer p {
		font-size: 11px;
		color: #73797c; }














#header { top: 60px; }

#header, .title {
	width: 100%;
	position: absolute; left: 0; }

	 h1 {
	 	width: 99.6%;
		display: block;
		border-bottom: 2px solid #ccc;
		padding-bottom: 8px; }

	#header h2 {
		background: white;
		padding: 3px 0 3px 15px; 
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		letter-spacing: 1px; }

	#header h2 span { font-weight: bold; }

	.start #header h2 { text-align: center; }











#log_form {
	width: 288px;
	float: none;
	position: relative;
	display: block;
	margin: 0 auto;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 25px 30px 30px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; }

	#log_form a:hover { text-decoration: underline; }
	
	#log_form label {
		border: none;
		width: 288px; 
		padding: 3px 0 3px 0; }
		
	#log_form .error {
		clear: both;
		padding: 0 0 0 100px;
		font-size: 11px; }

	#log_form .field { width: 144px !important; }

	#log_form .header {
		float: left;
		width: 90px !important;
		padding: 3px 10px 3px 0;
		text-align: right; }
	
	#log_form .passwd_reminder {
		float: right;
		background: url(../images/arrow.gif) no-repeat left 6px;
		font-size: 11px;
		margin: 0 35px 5px 100px;
		padding: 0 0 0 10px;
		color: #73797c; }

	#log_form .ui-button {
		float: right;
		margin-right: 35px; }
















#menu { 
	position: absolute; top: 0; right: 20px; z-index: 10;
	list-style: none;
	padding: 10px 0 40px 0;
	text-transform: uppercase; }

	#menu a { margin-right: -4px !important;  }

	#menu li { display: inline; }


	#menu li { margin: 0; padding: 0; }

	
















#middle {
	position: relative; _height: 100%; min-height: 100%;
	padding: 125px 0 0 0; }

	.padding-no { padding: 0 !important; }

	.popup #middle { padding: 60px 0 0 0 !important; }







#pages {
	float: left;
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 15px 0 15px 0;
	border: 1px solid #ccc;
	background: #efefef;
	text-align: center; }

	#pages a {
		padding: 6px;
		background: white;
		border: 1px solid #ccc;
		font-size: 14px;
		font-weight: bold; }
	
	#pages a:hover { border: 1px solid #999; }
	
	#pages a.hit {
		background: none;
		border: none;
		font-weight: bold; }

	#pages .arleft,
	#pages .arright {
		background: none;
		padding: 6px 6px 6px 0;
		border: none; }
		
	#pages .arleft:hover,
	#pages .arright:hover {
		background: none;
		border: none;
		text-decoration: underline; }

	#pages .arright { padding: 6px 0 6px 6px; }




#photo { width: auto; }

	#photo td {
		vertical-align: middle !important;
		border-collapse: collapse;
		padding: 0; }

	#photo img {
		margin: 0 10px 0 0;
		padding: 3px;
		border: 1px solid #aaa; }









#site-options {
	float: left;
	width: 100%;
	padding: 10px 0 40px 0; }

#site-options dl { width: 200px; display: inline; margin: 15px; }

#site-options dt, #site-options dd { display: inline; }






#sortowalna td:hover { cursor: move; }










#szukaj { width: auto !important; }

	#szukaj button { margin: 0 0 17px 0; }





/********************************      General Classes      ********************************/


input.button, input.submit, a.button {
	background: #73797c !important;
	letter-spacing: 0 !important;
	font-size: 11px !important; 
	padding: 4px 10px 4px 10px !important;
	border: none;
	text-transform: uppercase;
	font-weight: normal !important;
	cursor: pointer;
	color: white; }

	input.button:hover, input.submit:hover, a.button:hover {
		background: black !important;
		text-decoration: none; }


textarea.zajawka { width: 100%; height: 100px; }


.button { width: auto !important; }


.center { text-align: center; }


.error { color: #ff0000; }




.field,
.nazwa,
.small {
	width: 250px;
	background: #fff;
	border: 1px solid #999;
	padding: 4px;
	font-size: 13px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;  }
	
	.w30 { width: 30px !important; }
	.w50 { width: 90px !important; }
	.w100 { width: 100px !important; }
	.w140 { width: 140px !important; }

	select.w140 { min-width: 140px; }
	
	.w100p { width: 100% !important; }
	
	select.w100 { min-width: 100px; }




.file { margin: 0 0 0 5px !important; }

.hr {
	border-bottom: 1px solid #73797c;
	padding: 30px 5px 10px 3px; }



/************      icons      ***********/

.icon { 
	float: left;
	height: 36px;
	background-repeat: no-repeat !important;
	padding: 18px 0 0 60px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: white; }

	.pen { background: url(../images/icon-pencil.gif); }
	.photo { background: url(../images/icon-photo.gif); }





.lp, .typ { width: 35px; }

.lp span,
.typ span {
	background: #73797c;
	display: block;
	margin: 0 auto;
	width: 30px;
	font-size: 11px;
	padding: 3px 0 3px 0 !important;
	text-align: center; 
	color: white; }








.info {
	float: left;
	background: url(../images/icon-tip.gif) no-repeat left 28px;
	padding: 30px 0 0 26px;
	margin-bottom: -20px;
	line-height: 26px;
	font-weight: bold; }







.lista { 
	float: left;
	width: 100%;
	padding: 0 0 5px 0; }

	.lista label {
		border: none; }

	.lista dt,
	.lista dl,
	.lista dd {
		float: left;
		padding: 0 0 0 7px; }

	.lista dt {
		width: 100px;
		background: url(../images/arrow.gif) no-repeat left 9px;
		padding: 4px 5px 0 8px; }
	
	.lista dl { padding-bottom: 2px; }

	.lista input[type='checkbox'] { margin: 0 23px 5px 0; }
	








.myDragClass td { _filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5; }






.nodrag, .nodrag:hover,
.nodrop, .nodrop:hover,
.nowa-pozycja:hover { cursor: text !important; }

.nowa-pozycja {
	margin: 15px 0 0 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 10px solid #eceeed;
	border-bottom: 1px solid #eceeed;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../images/gradient.jpg);
	font-weight: bold;
	color: #000; }
	
	.nowa-pozycja input {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #666; }


.odd { background: url(../images/trans.png); }


.red { color: #9a250e; }






.tabs { margin: 15px 0 0 0; }

	.tabs .tabs,
	td .tabs  { margin: 0; }

	.tabs * { border-spacing: 0 !important; }




.title { top: 65px; }

	.popup .title { top: 10px; }

	.title h1 span { font-size: inherit; font-weight: bold; color: black; }
	
	.title h2 { color: #73797c; }

	.title h5,
	.title h6 {
		clear: both;
		padding: 4px 0 0 5px; }
		
		.title h6 { color: #73797c; }
	
		.title h5 span,
		.title h6 span { color: black; }
	
		.title h5 {
			background: url(../images/arrow.gif) no-repeat 5px 18px;
			padding: 15px 0 0 15px; }

	.title .nav,
	.title .nav2 { position: absolute; right: 0; z-index: 20; }
	
	.title .nav .ui-button { float: right; }

	.title .nav {
		top: 31px;
		width: auto; }

		.title .return { position: absolute; top: 32px; right: 4px; }
		
		.title .nav a {
			float: right;
			margin: 0 0 0 2px; }
			


	

	.title .nav2 {
		top: 70px; }
		
		.title .nav2 .return { position: relative; top: auto; right: auto; }

		.title .nav2 a {
			float: right;
			margin: 0 0 0 2px; }


	/*#lista-stron {
		position: absolute; top: 3px; right: 10px; z-index: 100;
		width: auto; }
		
		#lista-stron label { border: none; }*/
		
		#lista-stron {
			float: left; width: auto;
			margin: 0 5px 0 0; }
			
			#lista-stron label { padding: 2px 0 0 0; }
			
			#lista-stron span { width: auto; }
	
			#lista-stron select { min-width: 140px !important; }

			#lista-stron .header { padding: 0 3px 3px 0; }
			#lista-stron .header, #lista-stron option, #lista-stron select { font-size: 11px !important; }





.ui-button {
   text-transform: uppercase; } 
   
  .ui-buttonBig {
	/*font-size: 11px !important;*/
	text-transform: none; }  



.uploadify #fileMulti { margin: 0 0 15px 0; }

	.uploadify a.ui-buttonBig {
		display: none;
		margin: 5px 0 0 0; }


.white { color: white; }