html, body { height:100%;}

ul, ol { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; margin:0; }
a { border:none;outline:none;}
a img {border:none;}
div.clear { clear:both; font-size:1px; line-height:0px; height:0px; float:none;}
form {margin:0;padding:0;}

body { margin:0px; padding:0px;font:11px Arial,sans-serif;background:#3e434d url("../images/top_bg_alt.png") repeat-x top left;}
body#subpage {background-image: url("../images/top_sub_bg_alt.png");}

#main { position:relative; min-height: 100%; /*margin-bottom:-180px; */background: transparent url("../images/body_bg.jpg") repeat-x bottom left; }
.sub#main { background-image: url("../images/body_bg.jpg");}

#top .current,#top .current a, a#logo,#box-produkty,#box-reklama,#box-internet,div.mid-box div.head div.nav-next,div.mid-box div.head div.nav-prev,#box-internet div.mid-box div.head div.nav-prev,#box-internet div.mid-box div.head div.nav-next,div.small-box,#tabMenu .menu li a.active,#tabMenu .menu li a#last.active,#tabMenu .menu li a,#tabContainer,#newsletter-add-a,#newsletter-del-a,#news_short_cnt div.prev,#news_short_cnt div.next,div.footer-box,#nav-bottom li,#top li.off ul.sub, #top li.on ul.sub,div.mid-box div.content ul li.over, #footer-copy a.get-pdf,#news_short_cnt div.n-content div.date,#nav-bottom-wrap,#nav-bottom-inner,#nav-bottom-cont,#side-menu .head,#side-menu .content,#side-menu .foot,#side-menu li,#side-menu li a, #prod-box-right,#prod-box-right div.head div.nav-prev,#prod-box-right div.head div.nav-next,#icons li a#i-print,#icons li a#i-tell, #bt-prev,#bt-prev.unactive,#bt-next,#bt-next.unactive,#bt-back,#tell-friend-frm div.submit a,#icons li,#breadcrumbs-nav li,div.yoo-tooltip div.default .tooltip-close,div.yoo-tooltip,#contact-frm div.submit a,#case-study-cnt a.left,#case-study-cnt a.right,#news-list div.news-date,div.w-pages-cont div.prev,div.w-pages-cont div.next   {background:url("../images/all.png") no-repeat;}

#inner-wrapper { width:960px; margin:0 auto; position:relative; }

#top-container { height:79px; position:relative; width:960px;}
a#logo { display:block; height:46px; width:114px; position:absolute; bottom:12px; right:10px;background-position:0 -376px;}


#top { margin:0; list-style:none; position:relative; top:48px; height:80px; width:75%; }
#top li { float:left; margin:0; padding:0 0 0 6px; }
#top a { float:left; display:block; padding:7px 15px 6px 9px; text-decoration:none; font-weight:bold; color:#ffffff; font-size:15px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top a {float:none;}
/* End IE5-Mac hack */
#top a:hover { color:#ffd200; }
#top .current { background-position:-849px -376px; }
#top .current a { background-position:100% -335px;color:#ff7700; }
#top li:hover {color:#ffea00;}
#top li:hover a {}
/* sub nav list */
#top li ul { display: none; padding-left:15px; }
#top li ul li { background-image:none; padding:0; }
#top li.off ul.sub, #top li.on ul.sub {
	display: none;
	background-repeat:repeat-x;
	background-position:0 -566px;
	background-image: url("../images/submenu_mask.png");
	border-bottom:1px dotted #707174;
	}
#top li.off ul.sub, #top li.on ul.sub { display: none; position: absolute; height: 29px; left: 0; width:945px; }
#top li.on ul a, #top li.off ul a { float: left; font-size:14px; font-weight:normal; color: #bbbcbe; width: auto; margin-right: 18px; background-image:none; padding-left:0; padding-right:0;}
#top li.on ul a.current, #top li.off ul a.current { color: #ffd200; }
#top li.on ul a:hover, #top li.off ul a:hover { float: left; text-decoration:underline;}
#top li.off:hover ul, #top li.on:hover ul, #top li.over ul.sub { display: block; z-index: 6000; }

div.link-summary-item p {display:inline;}
div.short-txt p {display:inline;}

#flash-anim {height:318px;}
#flash-anim-sub {height:193px;}

#content { margin:12px 0 11px 0; padding:0 1px 0 1px; }

#col-left-foot,#col-left-sub  { float:left; }
#col-right-foot,#col-right-sub  { float:right; }

div.cols {float:left;}
#col-left {width:324px;}
#col-right {width:633px;}

#tabContainer { position:relative; width:314px; height:274px; background-position:-310px -232px;  }
#tabMenu { position:relative; height:31px; padding:0; }
#tabContent { /*position:relative; overflow:auto;*/ }
#tabContent .content { display:none; }
#tabContent .content .article-content { font-size:11px; }


#tabContent .active { padding:20px 19px; display:block; }
#tabMenu .menu {margin:0 auto; padding:0; height:31px; width:100%; display:block; }
#tabMenu .menu li { padding:0; margin:0; list-style:none; display:inline; }

#tabMenu .menu li a { float:left; display:block; color:#8e9197; text-decoration:none;  cursor:pointer;  width:156px; text-align:center; padding:8px 0 5px 0; font-weight:bold;font-size:15px; background-position:0 -265px; }
#tabMenu .menu li a#last {  margin-right:2px; width:156px; }
#tabMenu .menu li a#last.active { color:#f8f8f8; text-indent:0px; background-position:0 -300px;}
#tabMenu .menu li a.active { margin-right:0; width:156px; color:#f8f8f8; text-indent:-1px;background-position:0 -335px;}
div.small-box {width:232px; height:90px;background-position:-392px -172px;}
div.small-box img {margin:1px 0 0 1px;}

/* #box-produkty */
#box-produkty {width:392px; height:90px;float:left;background-position:0 -172px;}
#box-produkty div.content {padding:10px 19px;}
#box-produkty div.slide-mask {height:70px;width:354px;position:relative;overflow:hidden; }
#box-produkty div.slide-mask p { margin:0; padding:0;display:inline;}
#box-produkty div.slide-mask a { background-color:#E77A18; color:#FFFFFF; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px;
text-decoration:none;}
#box-produkty div.slide-mask a:hover { background-color:#919397; color:#1F2126; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none;}

#box-produkty div.box-slides {position:absolute;}
#box-produkty div.box-slides div.slide-box {height:70px;width:354px;}

#col-right div.small-box {float:right;}
#col-right div.first {margin-left:0;}

#col-right-sub div.small-box { margin-top:12px; }

#box-reklama {width:311px;height:172px;float:left;background-position:-311px 0;}
#box-internet {width:311px;height:172px;margin-bottom:12px;float:right;background-position:0 0;}

div.mid-box {padding:10px 16px 10px 16px;}
div.mid-box div.head { position:relative; height:22px;}
div.mid-box div.head h1 { float:left; margin:0;font-size:15px;color:#ffffff; width:25%; text-align:left; padding:1px 0 0 7px;}
div.mid-box div.head div.nav-prev {position:absolute;width:16px;height:15px;top:0px;right:16px;cursor:pointer;background-position:-164px -290px;}
div.mid-box div.head div.nav-next {position:absolute;width:16px;height:15px;top:0px;right:0px; cursor:pointer;background-position:-186px -290px;}

#box-internet div.mid-box div.head div.nav-prev {background-position:-163px -309px;}
#box-internet div.mid-box div.head div.nav-next {background-position:-186px -309px;}

div.mid-box div.slide-mask {height:110px;width:279px;position:relative;overflow:hidden;}
div.mid-box div.box-slides {position:absolute;}
div.mid-box div.box-slides div.slide-box {float:left;height:110px;width:279px;}

div.mid-box div.content {padding:14px 0 0 0;}
div.mid-box div.content ul {width:146px;float:left;}
div.mid-box div.content ul li {height:25px;width:138px;}
div.mid-box div.content ul li a {font-size:12px;padding:0 0 0 38px;line-height:25px;width:91px;border-bottom:1px solid #778193;display:block;color:#ffffff;text-decoration:none;}
div.mid-box div.content ul li.over {background-position:100% -415px;}


div.mid-box div.content ul li a.active {background-color:#768194;}
#box-internet div.mid-box div.content ul li a.active {background-color:#eea154;}

#box-internet div.mid-box div.content ul li a {border-bottom:1px solid #eb9d54;}

#box-internet div.mid-box div.content ul li a.last, div.mid-box div.content ul li a.last {border:none;}
div.mid-box div.content div.link-summary {float:left;width:124px;padding-left:8px;height:110px;overflow:hidden;}
div.mid-box div.content div.link-summary-item {height:110px;color:#eaeaea;}

#breadcrumbs-nav { float:left; padding-left:8px; height:32px;  font-size:11px; }
#breadcrumbs-nav li { float:left; background-position:100% -879px;}
#breadcrumbs-nav li a { display:block; text-decoration:none; color:#7c7d80; font-weight:normal; padding:12px 8px 12px 4px;}
#breadcrumbs-nav li a:hover { text-decoration:underline; }
#breadcrumbs-nav li.last { background-image:none;}

#icons { padding-right:5px; height:34px;  font-size:11px; float:right; }
#icons li { float:left; color:#7c7d80; padding:10px 8px 11px 7px; background-position:100% -735px; }
#icons li.last { background-image:none;padding-right:0px;}
#icons li a { display:block; height:15px; width:20px; }
#icons li a#i-print { background-position:-278px -265px;}
#icons li a#i-tell { background-position:-278px -280px;}

#footer { /*margin:0 auto; position:relative; */}
div.footer-box {border:1px dotted #707174; background-color:#1f2126;height:60px;background-position:0 -507px;}

#col-left-foot div.footer-box {width:470px;}
#col-right-foot div.footer-box div.section, #col-left-foot div.footer-box div.section {width:190px; padding:0 22px 0 22px;float:left;}
#col-right-foot div.footer-box {width:472px;}
#col-right-foot div.footer-box div.section {padding-top:17px;font-size:11px;color:#878787;line-height:1.4em;}
#col-right-foot div.footer-box div.section p {display:inline;}
#col-right-foot div.footer-box div.section a {background-color:#E77A18; color:#FFFFFF; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none; }
#col-right-foot div.footer-box div.section a:hover {background-color:#919397; color:#1f2126; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none; }

/*div.short {float:left; margin:15px 22px; width:186px; line-height:1.4em; color:#878787; font-size:12px; }
div.short a {background-color:#E77A18; color:#FFFFFF; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none; }
div.short a:hover {background-color:#919397; color:#1f2126; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none; }


div.short .article-content p { display:inline;}
div.short .article-content { color:#878787;font-size:12px;}*/

#nav-bottom-wrap { margin-top:10px;padding-left:3px;background-position:-257px -290px; }
#nav-bottom-inner { padding-right:3px;background-position:100% -517px; }
#nav-bottom-cont { background-position:0 -600px;background-repeat:repeat-x; }
#nav-bottom { padding:0 0 0 20px; margin:0; height:39px; float:left;}
#nav-bottom li { float:left; padding:0 8px 0 6px; background-position:100% -472px;}
#nav-bottom li.last { background-image:none; }
#nav-bottom li a { display:block; text-decoration:none; color:#646568; font-weight:normal; padding:13px 0 13px 0; }
#nav-bottom li a:hover { text-decoration:underline; }


#nav-langs { padding:0 20px 0 0; margin:0; height:39px; float:right;}
#nav-langs li { float:left; padding:10px 5px 10px 3px; background-position:100% -472px; }
#nav-langs li.last { background-image:none; }
#nav-langs li a { display:block; text-decoration:none; color:#646568; font-weight:normal; line-height:18px;padding:0 3px 0 3px; text-align:center;  }
#nav-langs li a.current { background-color:#e77a18;color:#ffffff; }
#nav-langs li a:hover { text-decoration:underline; }

#footer-copy { padding:8px 6px 30px 6px;font-size:9px; color:#54565d; }
#footer-copy ul.social {float:left;}
#footer-copy ul.social li {float:left;padding:0 8px 0 0; line-height:11px;}
#footer-copy div.text {float:right;text-align:right;padding:0 10px 0 0; line-height:11px;}
#footer-copy a.get-pdf {display:block;width:17px;height:18px;float:right;background-position:-251px -265px;}

/** podstrony */
.artMenu, .artMenu .menu li,.artMenu .menu li h1,.artContainer .content,.artFoot
{background-image:url("../images/art_all.png"); background-repeat:no-repeat;}

.artContainer { margin-bottom:11px; position:relative; width:714px; }
.artMenu { position:relative; height:34px; padding:0; background-position:-2630px 0;  }
.artMenu .menu {margin:0; padding:0; height:34px; float:left; display:block;  }
.artMenu .menu li { margin:0;	padding:0 0 0 6px; float:left; background-position:-3582px 0;}
.artMenu .menu li h1 { float:none; display:block; color:#f8f8f8; text-decoration:none;margin:0; padding:8px 38px 5px 32px; font-weight:bold;font-size:15px; background-position:100% -81px;}
.artContainer .content { background-color: #33373f;padding:17px 30px 1px 30px; color:#d3d3d3;background-position:0 0;background-repeat: repeat-y;}
.artFoot {height:56px;background-color: #33373f;background-position:-1672px 0;}

#side-menu {width:231px;margin-bottom:12px;}
#side-menu .head h2 { margin:0;font-size:15px;color:#ffffff; text-align:left; padding:7px 0 0 18px;}
#side-menu .head { height:32px; background-position:0 -643px;}
#side-menu .content { padding:1px;background-color:#536076; background-position:-231px -643px;}
#side-menu .foot { height:37px; background-position:0 -675px;}
#side-menu ul { padding:0; display:block; margin-left:14px;  margin-top:9px;  }
#side-menu li { padding:0 0 0 0; list-style:none;width:205px; background-position:0 -748px;}
#side-menu li a {  display:block; color:#ffffff;  text-decoration:none; text-align:left; padding:6px 0 6px 18px; font-weight:bold; font-size:13px; background-position:-694px -646px;}
#side-menu li a.active, #side-menu li a:hover { background-image:none;color:#33373f; } 
#side-menu li.last { background-image:none; } 

.orange#side-menu .head {background-position:0 -712px;}
.orange#side-menu .content {background-color:#e77917;background-position:0 -814px;}
.orange#side-menu .foot {height:43px;background-position:-462px -643px;}
.orange#side-menu li { background-position:0 -778px;}
.orange#side-menu li a { background-position:-694px -646px;}
.orange#side-menu li a.active, #side-menu li a:hover {color:#33373f;}

#prod-box-right {width:231px;height:316px;overflow:hidden;position:relative;background-position:-624px 0;}
#prod-box-right div.inner {padding:10px 16px;}
#prod-box-right div.head { position:relative; height:22px; border-bottom:1px solid #676b73;}
#prod-box-right div.head h2 { float:left; margin:0;font-size:15px;color:#ffffff; width:25%; text-align:left; padding:1px 0 0 7px;}
#prod-box-right div.head div.nav-prev {position:absolute;width:16px;height:15px;top:0px;right:16px;cursor:pointer;background-position:-163px -309px;}
#prod-box-right div.head div.nav-next {position:absolute;width:16px;height:15px;top:0px;right:0px; cursor:pointer;background-position:-186px -309px;}

#prod-box-right div.slide-mask {height:236px;width:199px;position:relative;overflow:hidden;}
#prod-box-right div.box-slides {position:absolute;}
#prod-box-right div.box-slides div.slide-box {float:left;height:236px;width:199px;}
#prod-box-right div.content {padding:14px 0 0 0;}

.product-side-opis {font-size:11px;color:#d3d3d3; margin:0; padding:0;}
.product-side-opis p {font-size:11px;color:#d3d3d3; margin:0; padding:0;display:inline;}
.product-side-opis a {font-size:11px;color:#d3d3d3; margin:0; padding:0; background-color:#E77A18; color:#FFFFFF; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none;}
.product-side-opis a:hover {font-size:11px;color:#d3d3d3; margin:0; padding:0; background-color:#919397; color:#1F2126; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px; text-decoration:none;}


/** news short */
.news_short {margin:0;padding:0; display:block; font-size:12px;float:right;}

.news_short li { margin:6px 0 0 0; padding:0; list-style:none;width:201px; background: transparent url("../images/news_short_bg.gif") repeat-x left bottom; } 

.news_short li div.date { background:transparent url('../images/news_short_u.gif') 1px center no-repeat; color:#ffffff; padding-left:16px; font-size:11px; }

.news_short li a {  display:block; color:#ff7700;  text-decoration:none; text-align:left; padding:4px 0 4px 1px; font-weight:bold;  }

.news_short li.current div.date, .news_short li:hover div.date { background:transparent url('../images/news_short_a.gif') 1px center no-repeat; }

.news_short li.current a, .news_short li:hover a {  color:#919397; }


#news_short_cnt {width:254px;padding:0 11px; position:relative;}
#news_short_cnt div.news-mask {height:192px; overflow:hidden; position:relative; width:254px;}
#news_short_cnt div.news-mask div.slide {position:absolute;}
#news_short_cnt div.prev {position:absolute;top:0;left:0;width:11px;height:192px;background-position:-212px -265px; cursor:pointer;}
#news_short_cnt div.next {position:absolute;top:0;right:0;width:11px;height:192px;background-position:-230px -265px; cursor:pointer;}

#news_short_cnt div.n-content { margin:0;border:0;padding:0; float:left;}
#news_short_cnt div.n-content {width:254px;height:210px;overflow:hidden;}
#news_short_cnt div.n-content div.inner {padding:0 21px;}
#news_short_cnt div.n-active {display:block;}
#news_short_cnt div.n-content img.art-image {border:5px solid #797b81; display:block;margin:0 auto;}
#news_short_cnt div.n-content div.date { color:#999b9f; padding-left:16px; font-size:9px; margin:7px 0 3px 0; background-position:0 -488px;font-weight:normal;}
#news_short_cnt div.n-content a.title {font-size:13px; color:#ff7700; font-weight:bold; text-decoration:none; background-color:transparent; padding:0;}
#news_short_cnt div.n-content a.title:hover{font-size:13px; color:#ff7700; font-weight:bold; text-decoration:underline; background-color:transparent; padding:0;}

#news_short_cnt div.n-content div.short-txt {color:#d3d3d3;padding:6px 0 0 0;}


/* stron z aktulnościami */
#news-list {margin:0;padding:0; position:relative; /*width:100%;*//*background:url("../images/v_dots.gif") repeat-y center top;*/}

#news-list div.news-list-item {padding:16px 14px;height:68px; background-color:#373B43;}
#news-list div.news-list-item-odd {background-color:#3c4049; border-top:1px solid #43474E; border-bottom:1px solid #43474E;}
/*#news-list .left-c {width:50%;float:left;}
#news-list .right-c {width:50%;float:right;}*/

/*#news-list div.left {padding-top:12px;height:89px;background:url("../images/news_short_bg.gif") repeat-x left bottom;}
#news-list div.right {padding-top:12px;height:89px;background:url("../images/news_short_bg.gif") repeat-x left bottom;}
#news-list div.last {background-image:none;}*/

/*#news-list div.news-image {width:93px;float:left;margin-right:18px; margin-left:10px;}*/
#news-list img.news-image {border:4px solid #797c83;float:left;}
#news-list a.image-link:hover img.news-image {border:4px solid #4d4f52;}

#news-list div.news-date {background-position:0 -487px;
color:#999B9F;
font-size:10px;
font-weight:normal;
margin:0 0 3px;
padding-left:16px;
width:200px;
/*background:transparent url('../images/news_short_u.gif') 1px center no-repeat; color:#ffffff; padding-left:16px; font-size:11px; float:left; margin-bottom:6px; width:190px;*/}
#news-list div.news-title {/*float:left;width:200px;*/padding:0 0 8px 0;}
#news-list div.news-title a {font-size:13px; color:#ff7700; font-weight:bold; text-decoration:none;}
#news-list div.news-title a:hover {font-size:13px; color:#ff7700; font-weight:bold; text-decoration:underline;}
#news-list div.news-summary {}
#news-list .article-content {font-size:11px;}
#news-list div.news-summary p {display:inline;margin:0;}
/*#news-list .article-content img.art-image {margin:0 10px 10px 0;}
#news-list .article-content .date { float:left;}
#news-list .article-content a.title { font-size:13px; color:#ff7700; font-weight:bold; background-color:transparent;  }*/



/* portfolio */
div.portfolio div.artContainer { margin-bottom:11px;  width:100%; } 
div.portfolio div.artContainer div.content { background-position:-714px 0; padding-left:21px;padding-right:21px; position:relative; height:100%;}
.portfolio .artFoot {background-position:-1672px -56px; padding:0 18px 0 18px;}
.portfolio .artMenu {background-position:-2630px -34px;}

#portfolio-select-row {background-color:#22252d;padding:5px 0 5px 5px; margin-bottom:16px;}


.portfolio-row { background:url("../images/h_dots.gif") repeat-x left bottom;}

div.portfolio-box { float:left;width:236px;height:186px;background:url("../images/v_dots.gif") repeat-y right top;}
.portfolio-box-inner { padding-left:15px;}

div.portfolio-box.first, div.portfolio-box.last { width:220px;}
div.portfolio-box.last {background-image:none;}
div.portfolio-box.first div.portfolio-box-inner { padding-left:0;}

div.portfolio-box div.image {width:204px;height:120px;margin-top:14px;}
div.portfolio-box div.image img {border:6px solid #797b81;}
div.portfolio-box div.image a:hover img {border:6px solid #4d4f52;}
div.portfolio-box div.title {margin-top:11px;margin-bottom:0px;}
div.portfolio-box div.title a {font-size:15px; color:#ff7700; font-weight:bold; text-decoration:none;}
div.portfolio-box div.title a:hover {font-size:15px; color:#ff7700; font-weight:bold; text-decoration:underline;}



#img_gallery { width:565px; float:left;  }
#img_gallery a { outline:none; border:none; }
#img_gallery a img {border:none;}

#fullimg { width:565px; overflow:hidden; height:428px; }

#fullimg img { width:550px; border:7px solid #797b81; }

#img_gallery #wrapper{ position: relative; }
#items { margin:4px 0 0 0; padding:0 0 0 20px; list-style:none; position: relative; float:right; }
#items li { float:left; list-style:none; margin-right:2px; }
#items a.item { display:block; border-top:6px solid #797b81; color:#d3d3d3; width:22px; text-align:center; font-size:10px; text-decoration:none; }
#items a:hover.item { border-top:6px solid #f37b12; }
#items a.current { border-top:6px solid #f37b12; }
#img_gallery .loading { background: url("../images/ajax-loader.gif") no-repeat left top; }

#port-right-box {float:right;width:326px;background-color:#22252d;height:377px; margin-right:4px;}
#port-right-box .article-content {padding:12px 19px;}

#port-nav {margin-top:20px;float:right;width:334px;height:37px; position:relative; }
#port-nav .left {position:absolute;left:0;}
#port-nav .middle {padding-top:8px;position:absolute;left:50%;margin-left:-34px;}
#port-nav .right {position:absolute;right:0;}

#bt-prev {height:36px;width:22px;display:block;background-position:-251px -358px;}
#bt-prev.unactive {background-position:-278px -358px;}
#bt-next {height:36px;width:22px;display:block; background-position:-251px -399px;}
#bt-next.unactive {background-position:-278px -399px;}
#bt-back {padding-top:1px;height:20px;width:69px;display:block; font-size:11px; color:#ffffff; text-align:center; text-decoration:none;background-position:-241px -335px;}


/* paginacja */
#pagi-nav {width:100%;position:relative; padding-top:15px;}
#pagi-nav div.p-left {position:absolute;left:0;}
#pagi-nav div.p-middle {padding-top:8px;position:absolute;left:50%;margin-left:-28px;}
#pagi-nav div.p-right {position:absolute;right:0;}

#pagi-nav ul {}
#pagi-nav li { float:left; padding:0px 0px 0px 0px; border:1px solid #505256; margin: 1px; }
#pagi-nav li.last { background-image:none; }

#pagi-nav li a { display:block; text-decoration:none; color:#7b7e82; font-weight:normal; padding:1px 5px 1px 5px; font-size:11px; text-align:center; }
#pagi-nav li a.current { color:#d3d3d3; background-color:#1f2126; border:0px solid #9b9b9b;}

#pagi-nav li a:hover { text-decoration:underline; }

/* newsletter */
.newsletter-box {padding:10px 0 0 0;}
.newsletter-box div.head {color:#878787;padding:0 0 4px 2px;}
.newsletter-box input.text {width:139px;float:left;margin:0;padding:0;height:16px;}
.newsletter-box a.newsletter-links {display:block;float:left;width:18px;height:18px;margin-left:6px;}
#newsletter-add-a {background-position:-185px -265px;}
#newsletter-del-a {background-position:-163px -265px;}

.newsletter-box div.message {padding:17px 0 0 20px;}

#newsletter-message-cnt {position:relative;}
#newsletter-message {position: absolute; top: -10px; left: -21px; z-index: 10; visibility: visible; width: 235px; height:60px; background-color:#333333; display:none;}
#newsletter-message-close {position: absolute; top: 8px; right: 10px; width: 16px; height: 16px; background: url(../images/tooltip/close.gif) 0 0 no-repeat; cursor: pointer;}
#newsletter-message-txt {color:#ffffff; font-weight:bold;width:200px;margin:0 auto;padding:18px 0 0 0;}

input.text { border:1px solid #646568; background-color:#ffffff; color:#878787;}
select { border:1px solid #4a4d55; background-color:#363941; color:#d3d3d3;}


/* contact form */
#contact-frm {float:right;background:transparent url("../images/v_dots.gif") repeat-y left top; padding-left:26px;}

#contact-frm form {background:transparent url("../images/v_dots.gif") repeat-y 132px top; margin:0;padding:0;}

#contact-frm div {clear:left; display:block; padding:3px 0 3px 0; width:431px; background:transparent url("../images/h_dots.gif") repeat-x left bottom;}

#contact-frm div.spacer {height:18px;}
#contact-frm div.last {background-image:none;}
#contact-frm div.submit { background-image:none; width:423px;}
#contact-frm div.submit a { float:right;padding-top:1px;height:20px;width:69px;display:block; background-position:-241px -335px;font-size:11px; color:#ffffff; text-align:center; text-decoration:none;}

#contact-frm label {padding:2px 0 0 0;font-size:12px;width:114px;float:left; text-align:right;margin:0 18px 0 0; color:#d3d3d3;}
#contact-frm input.text {margin-left:14px;width:275px;}
#contact-frm textarea {margin-left:14px;border:1px solid #646568; background-color:#ffffff; color:#878787; width:275px;height:102px;}


/* tell form */
#tell-friend-frm {margin-top:16px; }
#tell-friend-frm .confirm {color:#878787; text-align:center; padding:4px; font-weight:bold;}
#tell-friend-frm form {background:transparent url("../images/v_dots.gif") repeat-y 100px top; margin:0;padding:0;}
#tell-friend-frm div {clear:left; display:block; padding:3px 0 3px 0; width:310px; background:transparent url("../images/h_dots.gif") repeat-x left bottom;}
#tell-friend-frm div.spacer {height:18px;}
#tell-friend-frm div.last {background-image:none;}
#tell-friend-frm div.submit { background-image:none; width:287px;}
#tell-friend-frm div.submit a { float:right;padding-top:1px;height:20px;width:69px;display:block; font-size:11px; color:#ffffff; text-align:center; text-decoration:none;background-position:-241px -335px;}

#tell-friend-frm label {padding:2px 0 0 0;font-size:12px;width:82px;float:left; text-align:right;margin:0 18px 0 0; color:#d3d3d3;}
#tell-friend-frm input.text {margin-left:14px;width:170px;}
#tell-friend-frm textarea {margin-left:14px;border:1px solid #646568; background-color:#ffffff; color:#878787; width:170px;height:51px;}



/* artykuły */
.article-container { }
.article-short-container { height:220px;overflow:hidden;}
.article-content {}

.article-container .date { background:transparent url('../images/news_short_u.gif') 1px center no-repeat; color:#ffffff; padding-left:16px; font-size:11px; /*float:left;*/ margin-bottom:12px; float:right; margin-left: 0px; padding-right: 362px;}

.article-container h2.title { font-family:inherit; font-size:16px; color:#ff7700; font-weight:bold; margin:0 0px 20px 0px;  /*float:left; width:200px;*/ border-bottom:1px solid #4f5257; padding-bottom:5px;} 

/*.article-container .article-content h2.title { float:none; width:auto;} */

.article-container img.art-image {float:left;border:5px solid #797b81; margin:0 18px 18px 0;}
.article-container a.img-link {background-color:transparent;padding:0;}
/*.article-content { color:#d3d3d3;font-size:13px;}
.article-content p { margin:0;}

.article-content a { color:#ffffff; background-color:#e77a18; text-decoration:none; font-size:11px; font-weight:normal; padding:2px 5px 2px 2px;  }
.article-content a:hover { color:#1f2126; background-color:#919397; }
.article-content h2 { font-family:inherit; font-size:12px; color:#ff7700; font-weight:bold; margin:5px 0px 11px 0px; }

.article-content img {float:left;margin:10px 10px 0 0; border:5px solid #a0a0a0; }*/

.article-short-container-more {position:absolute;bottom:22px; right:20px;}
.article-short-container-more a {display:block;height:36px;width:22px;background:url(../images/bt_next.png) no-repeat left bottom; }

/* noob gallery */
.noob-mask { position:relative; width:156px; height:60px; overflow:hidden; margin:0 auto; }
#noob-box { position:absolute; }
#noob-box span { display:block; float:left; }
#noob-box span img { border:medium none; display:block; }



div#captcha-containter {background-image:none;background-color:#33373F;}

#captcha-containter div.reload {position:absolute;top:2px;right:2px;}
#captcha-containter div.reload a {display:block;width:17px;height:17px;background:transparent url("../images/captcha_reload.png") no-repeat top left;}

#captcha-containter div.audio {position:absolute;top:19px;right:2px;}
#captcha-containter div.audio a {display:block;width:17px;height:17px;background:transparent url("../images/captcha_audio.png") no-repeat top left;}


div#recaptcha_widget {width:324px;margin:0 auto;position:relative;}
#recaptcha_widget div {background-image:none;width:auto;}

/** tooltip */
div.yoo-tooltip-toggler { cursor: pointer; }
div.yoo-tooltip { background-position:-462px -686px;}
div.yoo-tooltip div.default {padding:6px 6px 10px 6px;position:relative;}
div.yoo-tooltip div.default .tooltip-m { background: #33373F; overflow: hidden; }
div.yoo-tooltip div.default .tooltip-close { position: absolute; top: 8px; right: 10px; width: 16px; height: 16px; cursor: pointer; background-position:-251px -440px;}

/** case study */

#case-study-cnt {position:relative;/*height:370px;*/padding:21px 22px 0 37px;}
h2.case-study-title {color:#f37b12;margin:0 0 8px 7px;}
.case-study-image-loading { background: url("../images/ajax-loader.gif") no-repeat center center; }
#case-study-image {position:relative;height:296px;}
#case-study-image img {position:absolute;bottom:28px;right:11px;}
#case-study-cnt a.left {display:block;position:absolute;top:89px;left:0;width:11px;height:192px;background-position:-212px -265px; cursor:pointer;}
#case-study-cnt a.right {display:block;position:absolute;top:89px;right:0;width:11px;height:192px;background-position:-230px -265px; cursor:pointer;}

.case-study-text {background:transparent url("../images/case-study-text-bg.gif") no-repeat top right;width:292px;padding:21px 0 0 0 ;position:absolute;}
.case-study-text p {margin:0;padding:0;}

#case-study-image div.scroll {padding:0 21px 0 4px ;height:265px;width:267px;position:absolute;overflow:scroll;}

#case-study-cnt #items {border-top:1px solid #4a4d54;padding-top:6px;margin-top:0;margin-right:6px;}

#case-study-image .article-content {background-color:transparent;}



.scrollControlsY { display:block; position: absolute; top:0; right:0; height:100%; width:11px; background: url("../images/scrollbar-bg.gif") repeat-y center top;}

.upBtn { display:block; position:absolute; top:0; right:0; width:11px; height:2px; background: url("../images/scrollbar-up-bt-bg.gif") no-repeat left bottom; cursor:pointer; }

.downBtn{ display:block; position:absolute; bottom:0; right:0; width:11px; height:24px; background: url("../images/scrollbar-up-bt-bg.gif") no-repeat left bottom; cursor:pointer; }

.scrollBar{ display:block; position: absolute; top:6px; right:0; bottom:24px; width:11px; }

.scrollHandle{ display:block; position:absolute; top:0px; right:0; width:5px; height:35px; min-height:13px; cursor: pointer; padding:11px 0; background-color:#f37b12; margin:0 auto; }

.scrollHandleBG { display:block; position: relative; height:100%; width:11px; }
.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG {}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG {}

.scrollHandleMiddle { display:block; position: absolute; width:11px; height:13px; top:50%; margin:-5px 0 0 0; }

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle {}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle {}

.scrollHandleTop { display:block; position:absolute; width:11px; height:11px; top:0; margin:0 0 0 0; }

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop {}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop {}

.scrollHandleBottom{ display:block; position:absolute; width:11px; height:11px; bottom:0; margin:0 0 0 0; }
.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom {}
.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom {}

/** jak pracujemy */
div.scrl-cnt {}
#scrl-menu {margin:0;padding:0;clear:both;}
#scrl-menu li.scrl-menu-item {float:left;display:block;background:transparent url("../images/how_we_work/menu_arr.png") no-repeat 77px center;}
#scrl-menu li.scrl-menu-active {background-color:#3c4048;background-image:none;}
#scrl-menu li.last {background-image:none;}

#scrl-menu a.scrl-menu-link {display:block;line-height:67px;height:67px;width:93px;background-position:center center;background-repeat:no-repeat;background-color:transparent;padding:0;margin:0;}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-a {background-image:url("../images/how_we_work/a.png");}
#scrl-menu a.scrl-menu-link-a {background-image:url("../images/how_we_work/a-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-b {background-image:url("../images/how_we_work/b.png");}
#scrl-menu a.scrl-menu-link-b {background-image:url("../images/how_we_work/b-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-c {background-image:url("../images/how_we_work/c.png");}
#scrl-menu a.scrl-menu-link-c {background-image:url("../images/how_we_work/c-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-d {background-image:url("../images/how_we_work/d.png");}
#scrl-menu a.scrl-menu-link-d {background-image:url("../images/how_we_work/d-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-e {background-image:url("../images/how_we_work/e.png");}
#scrl-menu a.scrl-menu-link-e {background-image:url("../images/how_we_work/e-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-f {background-image:url("../images/how_we_work/f.png");}
#scrl-menu a.scrl-menu-link-f {background-image:url("../images/how_we_work/f-fade.png");}

#scrl-menu li.scrl-menu-active a.scrl-menu-link-g {background-image:url("../images/how_we_work/g.png");}
#scrl-menu a.scrl-menu-link-g {background-image:url("../images/how_we_work/g-fade.png");}


div.scrl-cont {background-color:#3c4048;padding:40px;width:571px;}
div.scrl-mask {height:298px; overflow:hidden; position:relative; width:571px;}
div.scrl-slides {position:absolute;}
div.scrl-slide {height:298px;width:571px;float:left;}

div.scrl-big-img {float:left;width:280px;height:298px; background-repeat:no-repeat;background-position:center center;}
div.scrl-big-img-a {background-image:url("../images/how_we_work/a-big.png");}
div.scrl-big-img-b {background-image:url("../images/how_we_work/b-big.png");}
div.scrl-big-img-c {background-image:url("../images/how_we_work/c-big.png");}
div.scrl-big-img-d {background-image:url("../images/how_we_work/d-big.png");}
div.scrl-big-img-e {background-image:url("../images/how_we_work/e-big.png");}
div.scrl-big-img-f {background-image:url("../images/how_we_work/f-big.png");}
div.scrl-big-img-g {background-image:url("../images/how_we_work/g-big.png");}

div.scrl-text-area {float:right;width:243px;height:298px;padding:0 0 0 32px;background:transparent url("../images/how_we_work/dots_bg.png") repeat-y top left;}

/** strony www **/
div.w-pages-cnt {background:transparent url("../images/www_pages/box_top_bg.png") no-repeat top right;padding:25px 0 0 0;position:relative;margin-bottom:15px;}
div.w-pages-cnt a.w-pages-more-tab {display:block;background:transparent url("../images/www_pages/more_sig.png") no-repeat top left;position:absolute;top:22px;left:-3px;width:79px;height:74px;}

div.w-pages-cont {background-color:#272a32;padding:26px;}
div.w-pages-cont div.prev {position:absolute;top:43px;left:15px;width:11px;height:192px;background-position:-212px -265px; cursor:pointer;}
div.w-pages-cont div.next {position:absolute;top:43px;right:15px;width:11px;height:192px;background-position:-230px -265px; cursor:pointer;}

div.w-pages-mask {width:602px;height:172px;overflow:hidden; position:relative; }
div.w-pages-slides {position:absolute;}
div.w-pages-slide {float:left;width:602px;height:172px;}
div.w-pages-text {width:275px;height:172px;float:left;margin-left:28px;background:transparent url("../images/www_pages/box_bottom_bg.png") repeat-x left bottom;position:relative;}
div.w-pages-image {width:232px;height:172px;float:right;margin-right:28px;}
img.w-pages-img {border:5px solid #797b81;}
a.w-pages-more-link {position:absolute;right:0;bottom:0;}