/*
	 * PPM @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
/*form legend { display: none; }*/

html { height: 100%; background: url(../images/bg-html.png) repeat-y 50% 0; }
body { height: 100%; background: url(../images/bg-body.png) no-repeat 50% 0; font: normal 0.7em/1.2em Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }



#wrapper:after,
.breadcrumbs:after,
.profile-list:after,
.article:after { display: block; height: 0; clear: both; font-size: 0; visibility: hidden; content: '.' } /* 6, 7 */


#page { width: 945px; height: 100%; background: url(../images/bg-wrapper.png) repeat-y 0 0; margin: 0 auto; }
#wrapper { clear: both; background: url(../images/bg-wrapper.png) repeat-y 0 0; padding: 0 0 2em; }

#top { height: 173px; padding: 1px 0 0; background: url(../images/bg-body.png) no-repeat 50% 0; }
#top #logo { width: 200px; height: 174px; float: left; margin: -1px 0 0; }
#top #subnav { height: 14px; float: right; margin: 3px 0 0; padding: 0 10px; background: #000; text-align: right; }
#top #subnav li { display: inline; padding: 0 4px; }
/* #e75f54 */
#top #subnav li a { color: #777; font-size: 0.8em; text-transform: lowercase; }
#nav { padding: 4px 0 0 202px }
#nav li { float: left; }
#nav a { display: block; width: 130px; line-height: 40px; margin: 0 2px 4px 3px; color: #000; font-size: 1.4em; text-align: center; text-indent: -100em; overflow: hidden; }
#nav .nav-item-1 { background: #fff url(../images/nav-item-1.png) no-repeat 50% 0; }
#nav .nav-item-2 { background: #fff url(../images/nav-item-2.png) no-repeat 50% 0; }
#nav .nav-item-3 { background: #fff url(../images/nav-item-3.png) no-repeat 50% 0; }
#nav .nav-item-4 { display: none; background: #fff url(../images/nav-item-4.png) no-repeat 50% 0; }
#nav a.active,
#nav a:hover { margin-bottom: 0; border-bottom: 4px solid #fff; background-position: 50% -43px !important; }


.breadcrumbs { min-height: 30px;  margin: 0 0 0.5em; }
.breadcrumbs li { float: left; padding: 0 3px 0 9px; color: #000; background: url(../images/icon-arrow-2.png) no-repeat 0 5px;  text-transform: capitalize  }
.breadcrumbs li a {  text-transform: capitalize  }
.breadcrumbs li.active { color: #e51c28; background: url(../images/icon-arrow.png) no-repeat 0 5px; }

/* content */
#content { width: 505px; min-height: 502px; float: left; margin: 0 5px; padding: 5px 15px 30px; background: #fff; } /* 6 */
#content .header { line-height: 1.1em; margin: 0 0 0.3em; color: #e51c28; font-size: 2.2em; }

.clear { display: block; height: 0; clear: both; margin: 1em 0; border: 0; background: none; }
#kontakt a { color: #e51c28; }
#kontakt p { margin: 0 0 1em; }
#kontakt h5 { margin: 1em 0 0; font-size: 1em; font-weight: bold; }

.listing { margin: 0 0 1em; }
.listing li { margin: 0 0 0 2em; padding: 0 0 0 9px; background: url(../images/icon-arrow.png) no-repeat 0 5px; }
.listing li p { margin: 0 !important; }

.profile-list { width: 500px; }
.profile-list li.profile { width: 130px; height: 100px; float: left; padding: 0 20px 20px 100px; }
.profile-list li.empty { background: url(../images/bg-empty.png) no-repeat 0 0; }
.profile-list .profile-img { width: 91px; height: 91px; overflow: hidden; float: left; margin: 0 0 0 -100px; }
.profile-list .profile-title { width: 130px; float: right; font-size: 1em; }
.profile-list .profile-title a { display: block; padding: 0 0 0 9px; color: #000; background: url(../images/icon-arrow.png) no-repeat 0 5px; }
.profile-list .profile-title span { display: block; padding: 0 0 0 9px; color: #000; background: url(../images/icon-arrow-2.png) no-repeat 0 5px; }

.subcat { margin: 1em 0; padding: 1em 0; border-bottom: 1px dashed #e1e1e1; }
.subcat h3 { margin: 0 0 0.5em; font-size: 1em; }
.subcat h3 a { color: #fe0101; font-size: 1em; font-weight: bold; }

#profil { clear: both; padding: 0 0 0 110px; }
#profil .profile-img { float: left; margin: 0 0 0 -110px; }
#profil .profil-title { display: block; padding: 0 0 0 11px; margin: 0 0 0 -11px; color: #e51c28; background: url(../images/icon-arrow.png) no-repeat 0 6px; font-size: 1em; }
#profil .cat-title { margin: 1em 0 0; color: #989898; font-size: 0.9em; }
#profil .subcat-title { margin: 0 0 1em; color: #989898; font-size: 0.9em; }
#profil .sub-header { width: 91px; float: left; margin: 0 0 0 -110px; color: #e51c28; font-size: 0.9em; text-align: right; }
#profil .gallery { width: 505px; margin: 20px 0 0 -110px; }

.article { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px dashed #e1e1e1; }
.article .art-header { padding: 0 0 20px; }
.article .art-header small { display: none }
.article .art-header .article-title { margin: 2px 0 0; font-size: 1.8em; font-weight: bold; } /* 6 */
.article .art-header .article-title a { display: block;  }
.article .item-actions { padding: 1em; text-align: right; }
.article .item-actions li { display: inline; padding: 0 0 0 1em; }
.article .item-actions li.date { display: none; }

.article-list li { padding: 0.5em }
.article-list a { display: block; padding: 0 0 0 9px; color: #000; background: url(../images/icon-arrow.png) no-repeat 0 5px; font-weight: bold; }



.gallery li { width: 235px; height: 235px; float: left; margin: 0 13px 15px 0; padding: 1px; border: 1px solid #f4f4f4; overflow: hidden; text-align: center; }


.pagination { width: 535px; height: 20px; clear: both; margin: 0 -15px -30px; padding: 2em 0 0; background: #f4f4f4; text-align: center; }
.pagination li { display: inline; padding: 0 6px; color: #6c6c6c; background: url(../images/icon-divider.png) no-repeat 100% 50%; font-size: 0.8em; }
.pagination li.first-item { padding: 0 1px; }
.pagination li.first-item,
.pagination li.last-item { background: none; }
.pagination li a { color: #6c6c6c; font-size: 0.9em; }
.pagination li.active a { color: #e51c28; }

.sitemap-list  { padding: 1em 0 2em; }
.sitemap-list li strong a { font-weight: bold; }
.sitemap-list li ul { margin: 0; padding: 0 1em; }
.sitemap-list li.item-1 ul { padding: 0 1em 2em; }
.sitemap-list li.item-1 a { padding: 0 0 0 9px; background: url(../images/icon-arrow.png) no-repeat 0 5px; }
.sitemap-list li.item-1 strong a { padding: 0; color: #e51c28; background: none; }
.sitemap-list li.item-2 { margin: 0.5em 0; padding: 0 0.5em 0.5em; border-bottom: 1px dashed #e1e1e1; }
.sitemap-list li.item-2 ul { padding: 0 1em; }
.sitemap-list li.item-2 strong a { color: #6c6c6c; }
.sitemap-list li.item-3 a { padding: 0 0 0 9px; background: url(../images/icon-arrow.png) no-repeat 0 5px; }
.sitemap-list li.item-3 span { padding: 0 0 0 9px; background: url(../images/icon-arrow-2.png) no-repeat 0 5px; }

/* sifr */
.sIFR-flash { visibility: visible !important; }
.sIFR-flash .hide { display: none; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; display: block; width: 0; height: 0; overflow: hidden; z-index: 1; }
.sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0;  overflow: auto; }

/* columns */
.col { width: 200px; margin: -48px 0 0; }
.col-left { position: relative; float: left; padding: 0 0 188px; background: url(../images/img-banner.jpg) no-repeat 0 100%; }
.col-right { float: right; }

.col-left .header { display: block; line-height: 44px; padding: 0 12px; color: #fff; background: #000 url(../images/bg-hd-pracownie.png) no-repeat 100% 100%; font-size: 2em; text-indent: -100em; overflow: hidden; }
.col-left ul a { display: block; height: 40px; line-height: 40px; margin: 4px 0 0; padding: 0 12px; color: #000; background: #fff; font-size: 1.4em; font-weight: bold; text-indent: -100em; overflow: hidden; }
.col-left ul #item-1 { background: #fff url(../images/col-item-1.png) no-repeat 0 0; }
.col-left ul #item-2 { background: #fff url(../images/col-item-2.png) no-repeat 0 0; }
.col-left ul #item-3 { background: #fff url(../images/col-item-3.png) no-repeat 0 0; }
.col-left ul #item-4 { background: #fff url(../images/col-item-4.png) no-repeat 0 0; }
.col-left ul #item-5 { background: #fff url(../images/col-item-5.png) no-repeat 0 0; }
.col-left ul #item-6 { background: #fff url(../images/col-item-6.png) no-repeat 0 0; }
.col-left ul #item-7 { background: #fff url(../images/col-item-7.png) no-repeat 0 0; }
.col-left ul #item-8 { background: #fff url(../images/col-item-8.png) no-repeat 0 0; }
.col-left ul #item-59 { background: #fff url(../images/col-item-9.png) no-repeat 0 0; }
.col-left ul a:hover,
.col-left ul a.active { color: #e51c28; background-position: 0 100% !important; }

/* footer */
#footer { width: 540px; float: left; clear: both; margin: 1em 0 0; padding: 20px 0 20px 200px; border-top: 1px solid #cecece; color: #6c6c6c; font-size: 0.9em; }
#footer * { display: inline; padding: 0 1px; }
#footer a { color: #6c6c6c; }
#footer li { padding: 0 3px; border-right: 1px solid #6c6c6c; font-size: 7px; }
#footer li a { font-size: 10px; }

#footer #copy { padding: 0 0 0 3px; }



/* admin */
.listing .subcat { padding: 0.5em 1em; border: 0; }

#change_portret_field {  }


#main input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
color:gray;
background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}


.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}

.adminpanel textarea { height: 220px; }