/*
www.nitz.pl
*/
/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }

img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.cleaner { clear: both; }
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }
.aleft {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}
/* COMMON */
html { background-color: #111111; }
body { background: #ffffff url(img/background.jpg) repeat-x center 82px; font-size: 12px; font-family: Arial; color: #000000; line-height: 15px; }
:link, :visited { text-decoration: none; color: #646464;  }
a:hover { color: #
!important; }
h1, h2 { font-size: 18px; color: #000; line-height: 20px; font-weight: normal;}
h3 { color: #ff0000; font-size: 12px; font-weight: normal;  }
h4 { color: #000; font-weight: normal; background: url(img/icons.gif) no-repeat left -35px; padding-left: 18px; margin-bottom: 10px; font-size: 11px; line-height: 14px; }
p, ul, ol { padding-bottom: 12px; }
span { color: #861a0c; }
.button { background: url(img/background-button.gif); display: block; width: 120px; height: 19px; padding: 8px 0 0 15px; margin: 5px 4px 0 0; text-transform: uppercase; color: #000000; }
.button:hover { color: #000000!important; }
strong, em { color: #000000; font-size: 14px; font-weight:bold; }
/* LAYOUT */
#header-content { width: 915px; margin: 0 auto; padding: 0 40px; }
#header { background: url(img/background-header.gif) repeat-x; height: 103px; z-index: 5; }
#header-content { position: relative; z-index: 5; }

#logo { display: block; padding-top: 5px; width: 302px; }



p.toplink {clear: both; overflow: hidden; width: 940px; height: 12px; margin: 0; padding-top: 100px; line-height: 25px; text-align: right;}
p.toplink a, p.toplink a:visited {float: right; height: 25px; padding-left: 75px; background: url(img/top.png) left top no-repeat; line-height: 25px;}
p.toplink a:hover {background-position: left bottom;}

.credits {line-height: 10px;}
.credits img {vertical-align: middle;}





#footer_cnt {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #111111;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#footer {
	clear: both;
	width: 68%;
	padding-top: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #999999;
	margin-left: 16%;
	margin-right: 16%;
	height: 60px;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #515151;
	text-decoration: underline;
}
#footer .left {
	float: left;

}
#footer .right {
	float: right;
	width: 60%;
}
#footer ul {
	display: block;
	float: right;
}
#footer ul li {
	display: block;
	float: left;
}
#stopka {
	height: 20px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 30px;
	color: #515151;
	font-size: 1em;
	line-height: 30px;

}
	
#stopka a {
	color: #515151;
	text-decoration: none;
}
#stopka a:hover {
	color: #999999;
	text-decoration: none;
}






#content { width: 915px; padding: 0 40px; margin: 0 auto; }
.row { width: 915px; margin-bottom: 28px; }
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }
.col { width: 305px; float: left; padding-top: 46px; position: relative; }
.col h1, .col h2 {
	position: absolute;
	top: 1px;
	left: 0px;
}
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }
.width610 { width: 610px; }
.width915 { width: 915px; }



/* NAVIGATION */
#nav { position: absolute; width: 378px; top: 20px; right: 20px; z-index: 10; }
#nav ul { width: 458px; padding-left: 1px; }
#nav li { position: relative; float: left; }
#header li :link, #header li :visited { background: url(img/background-navigation.jpg) no-repeat; height: 20px; display:block; text-indent: -3000px; overflow: hidden; padding: 20px 0; }
#header .page-item-4 :link, #header .page-item-4 :visited { width: 124px; background-position: 0px 0px; }
#header .page-item-5 :link, #header .page-item-5 :visited { width: 124px; background-position: -124px 0px; }
#header .page-item-2 :link, #header .page-item-2 :visited { width: 130px; background-position: -248px 0px; }


#header .page-item-4 :hover, #header .page-item-4.current_page_item :link, #header .page-item-4.current_page_item :visited, #header .page-item-4.current_page_parent :link, #header .page-item-4.current_page_parent :visited { background-position: 0px -91px; }
#header .page-item-5 :hover, #header .page-item-5.current_page_item :link, #header .page-item-5.current_page_item :visited, #header .page-item-5.current_page_parent :link, #header .page-item-5.current_page_parent :visited  { background-position: -124px -91px; }
#header .page-item-2 :hover, #header .page-item-2.current_page_item :link, #header .page-item-2.current_page_item :visited, #header .page-item-2.current_page_parent :link, #header .page-item-2.current_page_parent :visited, #header .page-item-2.current_page_ancestor :link, #header .page-item-2.current_page_ancestor :visited { background-position: -248px -91px; }

#ramka { position: absolute; width: 2px; height: 62px; top: 17px; left: 0; overflow: hidden; }
#highlight { background: url(img/background-highlight.png); height: 62px; width: 124px; display: block; position: absolute; top: 0; left: 0; }






/* wstep */
#sub-header { background: url(img/background-sub-nav.png) top no-repeat; width: 100%; height: 57px; position: relative; top: -14px; }
#sub-nav { width: 940px; margin: 0 auto;  position: relative; overflow: hidden; height:58px; z-index: 30; }
#sub-nav ul { padding: 0 20px; position: relative; z-index: 30; }
#sub-nav li { float: left; position: relative; }
#sub-nav li :link, #sub-nav li :visited { height: 16px; display: block; overflow: hidden; padding: 16px 14px 10px 12px; color: #eeeeee; font-size: 12px; font-weight: bold; background: url(img/background-sub-nav-divider.gif) left no-repeat; }
#sub-nav li a:hover, #sub-nav ul .current_page_item :link, #sub-nav ul .current_page_item :visited, #sub-nav ul .current_page_parent :link, #sub-nav ul .current_page_parent :visited { color: #fff; }
#sub-highlight { background: url(img/background-sub-highlight.png); display:block; height:58px; left:0; position:absolute; top:0; width:124px; }
#sub-ramka { height:58px; left:0; position:absolute; top:0; width: 920px; overflow: hidden; }
.wstep-page h2 { font-size: 24px; line-height: 24px; }
.wstep-page .col { padding-top: 35px; }
.wstep-page .width915 { padding-top: 46px; }
.wstep-page .col li { background: url(img/background-ul-li.gif) left 2px no-repeat; padding: 0 0 3px 18px; }
.wstep-page .row-b { padding-bottom:16px; }
.wstep-pag { padding-top: 12px; border-top: 1px solid #181818; font-size: 24px; line-height: 24px; }
.wstep-pag :link, .wstep-pag :visited { color: #fff; }
.wstep-pag a:hover { color: #861a0c!important; }
.wstep-pag em { color: #666!important; }

.wstep-page .wstep-col { width: 600px; padding: 5px 315px 0 0; position: relative; }
.wstep-page .kontakt-col { width: 900px; padding: 5px 15px 0 0; position: relative; }
.wstep-col h2 { position: static; }
.wstep-col img { position: absolute; top: -1px; right: 5px; }
#ptaszek {
float:left;
width: 300px;
padding: 10px 0 10px 10px;
margin:30px 0;
}
#ptaszek ul {
list-style:none;
padding:0;
margin:0;
padding-left:1px;
}
#ptaszek li {
background:url(css/img/ptaszek.jpg) left no-repeat;
padding-left:14px;
}
/* 404 */
.error-page h1 { background: url(img/ERROR-404.jpg); height: 406px; width: 911px; overflow: hidden; text-indent: -9999px; }

/* pdf z unia */

#contact a, #contact a:visited {position:fixed;	top:250px;left:0;width:50px;height:142px;background:url(css/img/unia.jpg) -50px 0 no-repeat;display:block;text-indent:0em;border:none}
#contact a:active, #contact a:hover {background:url(css/img/unia.jpg) 0 0 no-repeat;}
