/*
	 *  @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, strong, em
	{ 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; }
strong {/*color: #233245;*/ font-weight: bold;}
html { background: url(../img/bg-html.jpg) repeat 0 0; }
body { background: url(../img/bg-body.png) no-repeat 50% 0; font: normal 0.68em/1.8em  Tahoma, Helvetica, sans-serif; }

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

a { /*color: #6c6c6c;*/ color: #000; text-decoration: none; }
a:focus, a.focus, a:hover { /*color: #233245;*/ text-decoration: underline; }


#content:after,
#content .listing li div:after,
#content .bm-item:after,
.portfolio-list li.pf-item:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 1000px; min-height: 1065px; margin: 0 auto; padding: 96px 0 0; background: url(../img/bg-page.jpg) no-repeat 0 0; }

#logo { margin: 0 0 0 289px; }
#nav { height: 360px; margin: -118px 0 0; }
#nav li { width: 80px; height: 27px; }
#nav li a { display: block; width: 100%; height: 100%; text-indent: -100em; overflow: hidden; }
#nav li.item-1 { margin: 0 0 0 210px; background: url(../img/nav-item-1.png) no-repeat 0 0; }
#nav li.item-2 { margin: 185px 0 0 25px; background: url(../img/nav-item-2.png) no-repeat 0 0; }
#nav li.item-3 { margin: -27px 0 0 302px; background: url(../img/nav-item-3.png) no-repeat 0 0; }
#nav li.item-4 { margin: -120px 0 0 330px; background: url(../img/nav-item-4.png) no-repeat 0 0; }
#nav li.item-5 { margin: -70px 0 0 660px; background: url(../img/nav-item-5.png) no-repeat 0 0; }
#nav li.item-6 { margin: 220px 0 0 820px; background: url(../img/nav-item-6.png) no-repeat 0 0; }
#nav li.item-7 { margin: -160px 0 0 840px; background: url(../img/nav-item-7.png) no-repeat 0 0; }

/* menu */
#menu { width: 150px; float: right; margin: 122px -50px 0 0; } /* 6, 7 */
#menu li { display: block; }
#menu li a { display: block; width: 100%; height: 100%; text-indent: -100em; overflow: hidden; }
#menu li.item-1 { width: 123px; height: 49px; margin: 0 0 0 23px; background: url(../img/menu-item-1.png) no-repeat 0 0; }
#menu li.item-2 { width: 93px; height: 47px; margin: 0 0 0 14px; background: url(../img/menu-item-2.png) no-repeat 0 0; }
#menu li.item-3 { width: 123px; height: 48px; margin: 0 0 5px; background: url(../img/menu-item-3.png) no-repeat 0 0; }
#menu li.item-4 { width: 100px; height: 49px; margin: 0 0 0 20px; background: url(../img/menu-item-4.png) no-repeat 0 0; }
#menu li.item-5 { width: 93px; height: 47px; margin: 0 0 0 27px; background: url(../img/menu-item-5.png) no-repeat 0 0; }
#menu li.item-6 { width: 123px; height: 49px; margin: 0 0 0 19px; background: url(../img/menu-item-6.png) no-repeat 0 0; }
#menu li.item-7 { width: 100px; height: 49px; margin: 5px 0 0 6px; background: url(../img/menu-item-7.png) no-repeat 0 0; }

#wrapper { width: 659px; height: 630px; float: right; margin: 60px 0 0; padding: 0 206px 0 0; background: url(../img/bg-wrapper.png) no-repeat 0 0; }
#content { width: 519px; height: 500px; padding: 60px 0 0 70px; /*color: #6c6c6c;*/ }
#content p { margin: 0 0 10px; }
.zawartosc ul {margin: 10px 0;}
.zawartosc ul li {list-style: disc; list-style-position: inside;}
#content strong { font-weight: bold; }
#header { height: 36px; margin: 0 0 0.5em; }
#header2 { height: 36px; font-weight: bold; font-style: italic; /*color: #233245;*/ font-family: "Times New Roma"; font-size: 20px; }
#header span { visibility: hidden; }
.hd-start { background: url(../img/hd-start.png) no-repeat 0 0; }
.hd-artykuly { background: url(../img/hd-artykuly.png) no-repeat 0 0; }
.hd-blog { background: url(../img/hd-blog.png) no-repeat 0 0; }
.hd-kontakt { background: url(../img/hd-kontakt.png) no-repeat 0 0; }
.hd-portfolio { background: url(../img/hd-portfolio.png) no-repeat 0 0; }
.header { font-size: 1em; font-weight: bold; }
.header-2 { margin: 0 0 0.5em; /*color: #233245;*/ font-size: 1em; font-weight: bold; }
#header.hd-kontakt span { display: block; width: 256px; height: 175px; float: right; margin: -35px -90px 0 0; background: url(../img/bg-kontakt.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; visibility: visible; }


.col-1 { width: 240px; float: left; }
.col-2 { width: 240px; float: right; }
.col-3 { width: 173px; float: left; }
.col-3 .header,
.col-3 .header-2 { margin: 0; }

.lead {  }
.light { /*color: #909090;*/ }
.separator { display: block; height: 5px; clear: both; padding: 0.5em 0; border: 0; background: url(../img/icon-dot.png) repeat-x 0 50%; }
.separator hr { display: none; }
.empty-line { padding: 1.8em 0 0; }

.content-menu { width: 390px; float: left; }
.content-menu li { line-height: 1.4em; padding: 0 0 0 7px; background: url(../img/icon-dash.png) no-repeat 0 6px; }
.content-menu li.active a { font-weight: bold; }

.content-category-col { width: 160px; float: right; margin: 0 -35px 0 0 }
.content-category-col li { line-height: 1.4em; padding: 0 0 0 7px; background: url(../img/icon-dash.png) no-repeat 0 6px; }
.content-category-col li a { font-weight: bold; }

.blog-categories { }
.blog-categories li { width: 166px; line-height: 1.4em; float: left; padding: 0 0 0 7px; background: url(../img/icon-dash.png) no-repeat 0 6px; }
.blog-categories li.active a { font-weight: bold; }

.portfolio-menu { height: 75px; background: url(../img/icon-dot.png) repeat-x 0 100%; }
.portfolio-menu li { line-height: 1.1em; float: left; width: 57px; height: 50px; }
.portfolio-menu li a { display: block; width: 100%; padding: 30px 0 0; /*color: #233245;*/ font-size: 0.9em; text-align: center; }
.portfolio-menu li.active a { font-weight: bold; }
.portfolio-menu li.item-1 { background: url(../img/icon-seo.png) no-repeat 50% 0; }
.portfolio-menu li.item-2 { background: url(../img/icon-newsletter.png) no-repeat 50% 0; }
.portfolio-menu li.item-3 { background: url(../img/icon-plakaty.png) no-repeat 50% 0; }
.portfolio-menu li.item-4 { background: url(../img/icon-slogany.png) no-repeat 50% 0; }
.portfolio-menu li.item-5 { background: url(../img/icon-www.png) no-repeat 50% 0; }
.portfolio-menu li.item-6 { background: url(../img/icon-katalog.png) no-repeat 50% 0; }
.portfolio-menu li.item-7 { background: url(../img/icon-salesletter.png) no-repeat 50% 0; }
.portfolio-menu li.item-8 { background: url(../img/icon-teksty.png) no-repeat 50% 0; }
.portfolio-menu li.item-9 { background: url(../img/icon-blog.png) no-repeat 50% 0; }

.portfolio-list { padding: 0; }
.portfolio-list li.pf-item { line-height: 1.4em; padding: 7px 0 10px 95px; /*color: #233245;*/ background: url(../img/icon-dot.png) repeat-x 0 100%; }
.portfolio-list li .client { float: left; margin: 0 0 0 -90px; width: 70px;}
.portfolio-list li .client a { font-weight: bold; float: left;}
.portfolio-list li .desc { float: left; padding-left: 10px; margin: 0;}


.sort-mod { line-height: 1.3em; padding: 10px 0 0; font-size: 0.9em; }
.sort-mod a { /*color: #233245;*/ }
.sort-mod .sort-by-topic { float: right; }
.sort-mod .alfabet-list { width: 150px; float: left; }
.sort-mod .alfabet-list li { display: inline; padding: 0 1px 0 0; }
.sort-mod .alfabet-list li.active a { font-weight: bold; }


#content .bm-item { padding: 10px 0; background: url(../img/icon-dot.png) repeat-x 0 100%; } /* 6, 7 */
#content .bm-header { float: left; /*color: #233245;*/ font-size: 1em; font-weight: bold; }
#content .bm-header a { /*color: #233245;*/ font-size: 1em; font-weight: bold; }
#content .bm-date { float: right; font-size: 1em; font-weight: bold;  }
#content .bm-category { display: block; clear: both;}
#content .bm-desc p { margin: 0; }
#content .bm-item .more {  width: 36px; height: 12px; margin-top: 4px; float: right; background: url(../img/bg-more.png) no-repeat 0 0;  text-indent: -100em; overflow: hidden;}

#content .listing p { float: left; margin: 0; }
#content .listing li { clear: both; padding: 11px 0 6px; background: url(../img/icon-dot.png) repeat-x 0 0; }
#content .listing li:first-child { background: none; }
#content .listing li div { padding: 0 0 0 13px; background: url(../img/icon-tik.png) no-repeat 0 3px; }
#content .listing .more-1 { width: 11px; height: 11px; float: right; margin: 7px 0 0; background: url(../img/icon-more.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

#kontakt-form li { padding: 0 0 10px; }
#kontakt-form li label { display: block; /*color: #233245;*/ font-size: 1em; font-weight: bold; }
#kontakt-form li span { display: block; width: 100%; height: 20px;  }
#kontakt-form li span input { width: 98%; padding: 1px; border: 0; background: none; }
#kontakt-form li span textarea { width: 98%; height: 118px; padding: 1px; border: 0; background: none; }
#kontakt-form .f-mod-1 { width: 160px; float: left; }
#kontakt-form .f-mod-1 span.text { background: url(../img/bg-input.png) no-repeat 0 0; }
#kontakt-form .f-mod-2 { width: 300px; float: right; padding: 0 7px; }
#kontakt-form .f-mod-2 span.text { background: url(../img/bg-input-long.png) no-repeat 0 0; }
#kontakt-form .f-mod-2 span.textarea { height: 120px; background: url(../img/bg-textarea.png) no-repeat 0 0; }
#kontakt-form .f-mod-2 .submit { float: right; margin: 5px 0 -10px; }

.pagination { height: 20px; clear: both; text-align: center; }
.pagination li { display: inline; padding: 0 1px; }
.pagination li.item-prev,
.pagination li.item-next { position: relative; bottom: -4px; padding: 0 3px; }
.pagination li a {  }
.pagination li a:hover,
.pagination li a.active {  }

.user-menu { display: block; height: 35px; margin: 20px 0 0; text-align: center; }
.user-menu li { position: relative; display: inline; padding: 0 5px; white-space: nowrap; }
.user-menu li a { display: inline; padding: 18px 0; white-space: nowrap; }
.user-menu li.um-print a { background: url(../img/icon-print.png) no-repeat 50% 0; }
.user-menu li.um-pdf a { background: url(../img/icon-pdf.png) no-repeat 50% 0; }
.user-menu li.um-recomend a { background: url(../img/icon-recomend.png) no-repeat 50% 0; }
.user-menu li.um-phone a { background: url(../img/icon-phone.png) no-repeat 50% 0; }

/* footer */
#footer { clear: both; text-align: center; }
#footer ul { padding: 1em 0 0.5em; text-align: center; }
#footer ul li { display: inline; padding: 0 4px 0 8px; border-left: 1px solid #bba789; font-size: 7px; } /* 6, 7 */
#footer ul li.item-1 { border: 0; }
#footer ul li a { color: #bba789 ;font-size: 11px; font-weight: bold; }

#footer p { padding: 0 4px 0 8px; color: #a57e58; }
#footer p a { color: #a57e58; font-weight: bold; }
#footer #copy { display: inline; border-right: 1px solid; }
#footer #copy span { font-weight: bold; }
#footer #design { display: inline; }


/**
	Tooltip
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
	font-size: 10px;
	width: 350px;
}
#tooltip h3, #tooltip div { margin: 0; }