/* ################### CSS RESET ################################################################# */
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 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html{overflow:-moz-scrollbars-vertical;}

textarea{overflow:auto; font-family: "Bitstream Vera Sans", verdana, sans-serif; color: #000;}

/* ################### FORMS ################################################################# */

fieldset{border:1px solid #2F2F2F;margin:0 0 1.5em;padding:1.4em;}
legend{font-size:1.2em;background-color:#2F2F2F;color:#bbb;padding:0 .4em;}
/*label{line-height: 1.5ex;float:left;clear:left;text-align:left;margin-right:1em;display:block;color:#aaa;}*/
label{
	clear:left;
	display:block;
	float:left;
	/*margin-bottom:0.5em;*/
	padding-top: 8px /*1px 6px*/;
	padding-right:10px;
	text-align:right;
	width:150px;
}
textarea,input,select{margin:0.5em 0em 0 0;padding:.2em;}
select{background-color:#fff;color:#000;padding:0;}
input[type="checkbox"]{color:#000;}
input[type="radio"]{background-color:#fff;color:#000;padding:0.5em;}
option{color:#000;background-color:#FFF;}
optgroup{color:#000;background-color:#CCC;}
textarea,input[type="text"],input[type="password"]{border:1px solid #666;font-size:100%;}
input[type="submit"],button, a.button{
	padding: 0px;
	font-size: 90%;
}
input[type="submit"], input[type="button"]{display: inline; padding: 0; background: red; margin: 20px; border: 1px solid black;}

/* ################### STRUCTURE ################################################################# */

body{
	background-image: url(img/backgrad.gif);
	background-repeat: repeat-x;
	background-color: #1B191B;
	background-position: 0px -196px;
	padding: 0;
	margin: 0;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
	position:relative;
}

#header {
	margin: 10px 0 -25px 0;
	background-image: url(img/header2.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	height: 206px;
	position: absolute;
	top:-148px;
	left:-35pt;
	width:1032px;
	z-index:0;
}

	#header a#pageLogo{ /*logo*/
		display: block;
		height: 100px;
		left:124px;
		position:absolute;
		top:60px;
		width:480px;
	}

	#header a:hover{
		background: none;
	}

#container {
	margin: 140px 0pt 0px 0px;
	padding: 0px 0 15px 0;
}

#sidebar1 {
	float: left;
	width: 176px;
	position: relative;
	padding: 20px 0px 15px 0px;
	left: 7px;
}

#sidebar2 {
	float: right;
	width: 180px;
	position:relative;
	padding: 20px 0 15px 0;
	right: 7px;
}

#content {
	float: left;
	width: 600px;
	position: relative;
	-padding-bottom:50px;
	-top: 50px;
}

#footerA {
	clear: both;
	position: relative;
	z-index: 3;
}

	#footerA span{
		position: absolute;
		z-index: 4;
		color: #606060;
        font-size: 11px;
	}

	#footerB{
		margin: -20px 0 0 0;
		background: url(img/footer-256.gif);
		background-position: -4px -3px;
		background-repeat: no-repeat;
		height: 137px;
		width: 1001px;
		left: -29px;
		position: absolute;
		z-index: 0;
	}

		#footerB a{ /*logo*/
			position: absolute;
			right: 47px;
			bottom: 57px;
		}

			#footerB a img{border: none;}

			#fNazwa{position: absolute; top: 36px; left: 41px; width: 190px;}
			#fAdres1{position: absolute; top: 25px; left: 260px; width: 89px; border-bottom:1px solid #2F2F2F; padding-bottom:2px;}
			#fAdres2{position: absolute; top: 46px; left: 263px; width: 110px;}
			#fTel1{position: absolute; top: 25px; left: 400px; width: 104px; border-bottom:1px solid #2F2F2F; padding-bottom:2px;}
			#fTel2{position: absolute; top: 46px; left: 388px; width: 130px;}
			#fEmail{position: absolute; top: 36px; left: 550px; width: 110px;}

#bottom {
	width: 100%;
	height: 200px;
	background-image: url(img/bottomgrad.gif);
	background-position: 0px -14px;
	background-repeat: repeat-x;
}

#sidebar1 .block, #sidebar2 .block{
	margin: 4px 4px 0px 0px;
	padding: 15px 10px 0px 0px;
	background-image: url(img/blockcorner-tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

	#sidebar1 .block .block2, #sidebar2 .block .block2{
		background-image: url(img/blockcorner-bl-s.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		position:relative;
		margin: 4px 4px 15px 0px;
		padding: 0px 0px 15px 15px;
	}

#content .block{
	margin: 15px 15px 0px 0px;
	padding: 15px 15px 0px 0px;
	background-image: url(img/bodycorner-tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

	#content .block .block2{
		background-image: url(img/bodycorner-bl.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		position:relative;
		margin: 0px 0px 35px 15px;
		padding: 0px 0px 15px 15px;
		min-height:164px; /* min-height fix */
		height:auto !important; /* min-height fix */
		height:164px; /* min-height fix */
	}

/* ################### MENU ################################################################# */

#sidebar1 #menu, #sidebar2 #menu{
	background-image: url(img/menuback.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
	position: relative;
	padding: 0;
	margin: 0;
}

	#sidebar1 #menu .block2, #sidebar2 #menu .block2{
		background-image: url(img/menuback-top.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 0;
		margin: 0;

	}

		#menu ul{
			background-image: url(img/menuback-bottom.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
			display:block;
			width:176px;
			padding: 10px 0; /* było 15px 0 */
			margin: 0 0 15px 0;
			list-style: none;
		}

			#menu ul li{
				padding-top: 0px;
			}

				#menu ul li:first-child{
					background-image: none;
				}

			#menu ul a, ul.menu a{
				background-image: url(img/menu-divider.gif);
				background-repeat: no-repeat;
				background-position: top center;

				width: 158px;
				-background-image: url(img/menu-element-back.gif);
				-background-repeat: no-repeat;
				-background-position: -180px 0px;
				display: block;
				margin-left: 1px;
				padding: 10px 5px 10px 10px;
				text-decoration: none;
				color: #ccc;
				font-size: 140%;
				font-size: 110%;
			}

                #menu1 a{
                    text-align: center;
                }

				ul#menu1 li:first-child a{
					background-image: none;
				}

				#menu ul a:hover{
					background-color: #1D1A1D;
					color: #DD170D;
				}

				#menu ul a.active{
					/*background-position: -150px 0px;*/
					color: #DD170D;
					background-color: #1D1A1D;
				}

	#menu ul.submenu{
		background-image: url(img/amenu-divider.gif);
		background-color: #101010;
		background-position: top center;
		padding: 0 0 4px 0;
		margin: 0 0 5px 2px;
		width: 173px;
        list-style: none;
	}

		#menu ul.submenu li{
			background: none;
			display: block;
		}

		#menu ul.submenu a{
			padding: 2px 5px 2px 23px;
			font-size: 100%;
			width: 144px;
			margin-left: 0px;
		}

			#menu ul.submenu a:hover{

			}

			#menu ul.submenu a.active{
				background-color: #232123;
				background-image: none;
			}

.block ul.menu{
		padding: 0 0 4px 0;
		margin: 0 -17px 5px -13px;
		width: 168px;
}

	.block ul.menu li{
		background: none;
		display: block;
		list-style-type: none;
	}

		.block ul.menu li a{
			padding: 2px 5px 2px 23px;
			font-size: 12px;
			width: 140px;
			margin-left: 0px;
			display: block;
			background: url(img/arrow3.gif) no-repeat 5px center;
		}

		    .block ul.menu li a:hover{
			  background: #282628 url(img/arrow3.gif) no-repeat 5px center;
			  color: #fff;
		    }

		    .block ul.menu li a.active{
			  background: #282628 url(img/arrow4.gif) no-repeat 5px center !important;
		    }

			  .block ul.menu li ul{
				margin: 0 0 0 15px;
			  }

			  .block ul.menu li ul li a{
				background: url(img/arrow2.gif) no-repeat 9px center;
				width: 125px;
			  }

			  .block ul.menu li ul li a:hover{
				background: #282628 url(img/arrow2.gif) no-repeat 5px center;
			  }

/* ################### FONTS ################################################################# */

a, a:link{
	color: #244188;
	color: #EA7514;
}
	a:visited{}
	a:hover{
		color: #2456D0;
		color: #fA8524;
	}

table a:hover{
	color: #BBBEE7 !important;
	color: #EA7514 !important;
}

body{
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #e9e9e9;
}

p{
	text-align:justify;
	word-spacing:0.1em;
	font-size: 95%;
	margin: 1ex 0 3ex 0;
	padding: 0 3ex;
}

#sidebar1 p, #sidebar2 p{
	font-size: 85%;
	margin: 1ex 0 4ex 0;
	color: #a9a9a9;
}

strong, em{
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1ex;
}

em {
	font-style: italic;
}

h1{
	/*text-transform: uppercase;*/
	color: #c7c7c7;
	/*border-left: 25px solid #da251c;
	border-left: 20px solid #da251c;*/
	padding: 5px 0 0 15px;
	font-size: 160%;
	line-height: 1em;
	margin: 0ex 1ex 1ex 10px;
	color: #DD170D;
}

#content h1:first-child{
	-position: absolute;
	-top: -70px;
}

#sidebar1 h1, #sidebar2 h1{
	color: #c7c7c7;
	font-weight: bold;
	border-left: 15px solid #da251c;
	padding: 3px 0 0 8px;
	margin: 5px -20px 10px -8px;
	font-size: 100%;
}

h2{
	color: #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	padding: 5px 0 0 5px;
	font-size: 120%;
	line-height: 1em;
	margin: 1ex 1ex 1ex 10px;
}

h2 a{
	color: #c7c7c7 !important;
	line-height: 1em;
	text-decoration: none;
}

h3{
	color: #c7c7c7;
	padding: 5px 0 0 5px;
	font-size: 160%;
	line-height: 1em;
	margin: 1ex 1ex 0.5ex 10px;
}

#sidebar1 h3, #sidebar2 h3{
	font-size: 110%;
	padding: 0;
	margin: 5px 0 10px 0;
	text-align: center;
}

h4{
	color: #c7c7c7;
	padding: 5px 0 0 5px;
	font-size: 140%;
	line-height: 1em;
	margin: 1ex 1ex 0.5ex 10px;
}

h5{
	color: #c7c7c7;
	padding: 5px 0 0 0px;
	font-size: 120%;
	line-height: 1em;
	margin: 1ex 1ex 0.5ex 10px;
	font-weight: bold;
}

pre{
	width: 540px;
	overflow: scroll;
}

/* ################### CONTENT ################################################################# */

img, a img{
	border: solid 2px #151315;
}

a img:hover{
	border: solid 2px #858385;
}

#klienci{
	width: 150px;
	height: 150px;
}

#klienci img{
	margin: 0;
	padding: 0;
	max-height:150px; /* min-height fix */
	height:auto !important; /* min-height fix */
	height:150px; /* min-height fix */
}

#sidebar1 img, #sidebar2 img{
	margin: 0;
	padding: 0;
	max-width:147px; /* min-height fix */
	width:auto !important; /* min-height fix */
	width:147px; /* min-height fix */
}

abbr, acronym{
	border-bottom: dotted 1px;
}

sup{
	font-size: 80%;
	position: relative;
	top: -4px;
}

sub{
	font-size: 80%;
	position: relative;
	bottom: -2px;
}

ul {
	list-style-type: disc;
	margin: 1ex 0 3ex 10ex;
	}

ol{
	list-style-type: decimal;
	margin: 1ex 0 1ex 3ex;
}

.dopisek{font-size: 85%;}

input:focus, select:focus, textarea:focus{background: #B4C2E4;}

table{border-bottom: 3px solid #2F2F2F; width: 100%;}
	th{background: #2F2F2F; padding: 0.5em 1em;}
	td{padding: 0.2em /*1em*/; border-bottom: solid 1px #2F2F2F;}
	table tr:hover{background: #272727;}
		zzzzzzzzzztable tr:hover a{color: #3D67AB;}
			zzzzzzzzzzztable tr:hover a:hover{color: #7592C1;}
	table img{vertical-align: text-top;}

table.compact{font-size: 85%; max-width: 700px;}

.hidden { display: none; }
.right{ float: right; }
.left{ float: left; }
.logintable, .logintable td{ padding: 0; margin: 0; border: none; vertical-align: middle;}
.logintable tr:hover{background: transparent;}
.logintable label{width: 30px;}
.logintable input{background: #444; border: 1px solid #999; color: #CCC;}
table.logintable{width: 100%; margin: 0 15px 0 15px;}
.quicksearch{margin: 1ex;}
.quicksearch input{width: 150px;}

div#login{
	font-size:90%;
	position:absolute;
	right:27px;
	top:9px;
	padding: 0 15px 0 0px;
	width:115px;
	width: 0;
	overflow: hidden;
}

div#login input{
	background: #373737;
	border: none;
	color: #ddd;
	font-weight: normal;
}

div#loginButton{
	position: absolute;
	right: -2px;
	top: 5px;
	width: 28px;
	height: 84px;
	background-image: url(img/logowanie.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

	#header div#loginButton a{
		display: block;
		width: 28px;
		height: 84px;
	}

input.submit
{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

hr {
	border: 0;
	width: 80%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #373737;
	text-align: center;
}

p.kontakt{text-align: center;}

div#klienci-lista{
	float: right;
	width: 180px;
}

div#klienci-lista ul{
	margin-left: 0;
	padding-left: 0;
}

div#klienci-logo{
	width: 310px;
	float: left;
}

	div#klienci-logo img{
		max-width:147px; /* min-height fix */
		width:auto !important; /* min-height fix */
		width:147px; /* min-height fix */
	}

.clear{	clear: both;}

.dbg{	color: green;}

.adminmenuitem a{ background: none !important; list-style: disc !important; list-style-position: outside !important;}
.adminmenuitem a{ color: #777 !important;}
.adminmenuitem a:hover {background: #444 !important; color: #bbb !important;}
.adminmenuitem a.active{color: #DD170D !important;}

ul.oferta{list-style: none; margin-left: 15ex;}
ul.oferta li{margin: 3ex 0; position: relative;}
ul.oferta li a{}
ul.oferta li p{font-size: 90%; margin: 0 0 0 3ex;}
ul.oferta li div.icon{position: absolute; left: -104px;}
ul.oferta li div.icon img{border: none;}

span.noedit{margin:0.5em 0 0 0; padding:0.2em 0.6em 0.2em 0.2em; border:1px solid #666666; font-size:100%; background: #8A8A8A; color: #2F2F2F;}

.nicEdit-panel{color: #000;}
.nicEdit-pane{color: #000;}

table.formtable{
	margin:0 0 0 150px;
	width:290px;
	border: none;
}
table.formtable td{border: none;}
table.formtable tr:hover{background: none;}
table.formtable tr:hover a{color: #244188;}
table.formtable tr:hover a:hover{color: #2456D0;}

#taglisting, .taglisting, .tagMatches{ display:block; max-width: 700px !important; text-align: left;}
.tagMatches{margin: 10px 30px;}
.taglisting span, #taglisting span{
    margin: 0 1px;
    padding: 0px 9px;
    background: #1F1F1F;
    -moz-border-radius: .3em;
    border-radius: .3em;
    border: solid thin #272727;
}

#taglisting span:hover{
    background: #2F2F2F;
    border: solid thin #272727;
    cursor: pointer;
}

span.tagMatches span {
	  padding: 2px 6px;
	  margin-right: 4px;
	  background-color: #AB0000;
	  /*background-color: #DA251C; <--czerwień rybczyśkich */
	  color: #fff;
	  cursor: pointer;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: solid thin #DA251C;
    }
span.tagMatches span:hover {
	  background-color: #DA251C;
        border: solid thin #AB0000;
    }

/* ################### GALLERIA ################################################################# */

.galleria{list-style:none; padding: 0 0 0 32px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
div.galleria_container{
	height: 375px;
	width: 530px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #202020;
	border: solid 1px #151315;
}
div.galleria_container img{
	max-height: 350px; /* min-height fix */
	height: auto !important; /* min-height fix */
	height: 350px; /* min-height fix */
	max-width: 526px; /* min-height fix */
	width:auto !important; /* min-height fix */
	width: 526px; /* min-height fix */
	margin: auto;
}

span.caption{
	display: block;
}

/* ################### BUTTONS ################################################################# */

.aclear { /* ????????????? generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button, input[type="submit"], input[type="button"]{
    -width: 15em;
    padding: .4em .5em;
    color: #000 !important;
    border: solid thin #111;
    -webkit-border-radius: .9em;
    -moz-border-radius: .9em;
    border-radius: .9em;
    -webkit-box-shadow: 2px 2px 3px #999;
    box-shadow: 2px 2px 2px #bbb;
    background-color: #E5E5E5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	margin:-13px 5px 0px 0;
	position: relative;
	top: 16px;
	line-height: 27px;
}


a.button:active, a.button:hover, a.contentbutton:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background-position: bottom right;
    color: #000 !important;
    background-color: #B3B3B3;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

.button.user, .button.list, .button.history,
.button.del, .button.ok, .button.attach,
.button.featuredenable, .button.featureddisable,
.button.hide, .button.show, .button.edit,
.button.save, .button.add, .button.cancel,
.button.logout, .button.close, .button.priority{
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 26px !important;
    cursor: pointer;
}

.button.del {background-image: url(img/delete.png);}
.button.attach {background-image: url(img/attach.png);}
.button.featuredenable {background-image: url(img/star.png);}
.button.featureddisable {background-image: url(img/star_black.png);}
.button.hide {background-image: url(img/eye-crossed.png);}
.button.show {background-image: url(img/eye.png);}
.button.edit {background-image: url(img/edit.png);}
.button.save {background-image: url(img/save.png);}
.button.add {background-image: url(img/add.png);}
.button.cancel {background-image: url(img/cancel.png);}
.button.logout {background-image: url(img/logout.png);}
.button.ok {background-image: url(img/ok.png);}
.button.history {background-image: url(img/clock.png);}
.button.list {background-image: url(img/book.png);}
.button.user {background-image: url(img/user.png);}
.button.close {background-image: url(img/padlock_closed.png);}
.button.priority {background-image: url(img/star_black.png);}

.button.small {font-size:10px; padding:3px;}
.button.login {float:right; margin-right:18px;}
.contentbutton{
	background: #1B191B;
	padding: 3px;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	cursor: pointer;
}
.contentbutton.oferta{
	position: absolute;
	right: 17px;
}

#sidebar1 a.button{
    top: 0;
}

/* ################### MESSAGES ################################################################# */

.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	max-width: 600px;
	display: block;
}

.msgInfo strong, .msgSuccess strong, .msgWarning strong, .msgError strong, .msgValidation strong{ font-weight: bold; color: inherit;}

.msgInfo {
	color: #00529B;
	background-color: #141D23;
	background-image: url('img/info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #1F221A;
	background-image:url('img/success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #211E15;
	background-image: url('img/warning.png');
}
.msgError {
	color: #F13232;
	background-color: #241817;
	background-image: url('img/error.png');
}

/* ################### LIGHTBOX ################################################################# */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 84px;
	float: right;
	padding-bottom: 0.7em;
}


/* ###################### TEMP styles ########################################################## */