@charset "UTF-8";
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #134567; background: #9dc4df url(images/bodyBg.png) repeat-x top; margin: 0; }/*d5e6f1*/
a { color: #134567; }
img, div, input, a, span, a:hover, li { behavior: url("iepngfix.htc") }
img { border: none 0; }

#header { height: 225px; margin: 0 auto; padding: 0; width: 1000px; }
#header .logo a { display:block; height: 144px; width: 246px; margin: 48px 5px 0 10px; background: url(images/logo.png) no-repeat; overflow: hidden; float: left;}
#header .logo a span { display: none; }
#header .banner { width: 725px; height: 225px; overflow: hidden; float: right; }

#extraDiv1 { width: 50%; height: 225px; position:absolute; top: 0; right: 0; z-index: -1; background: url(images/bodyBgRightTop.png); }

#content { width: 1000px; margin: 0 auto; height: 100%; }

#mainMenu { float: right; overflow: hidden; width: 716px; clear:right;  }
#mainMenu h2 { height: 19px; width: 163px; background: url(images/naszePomysly.png); margin: 13px 0 11px; }
#mainMenu h2 span { display: none; }
#mainMenu ul li { display: inline; }
#mainMenu ul li a { display: block; width:170px; height: 67px; float: left; margin-right: 4px; cursor: pointer; }
#mainMenu ul li span { display: none; }
#mainMenu ul li.active { display: block; width:170px; height: 67px; float: left; margin-right: 4px}

#mainMenu ul li.oFirmie_btn a { background: url(images/mainMenu.png) no-repeat; }
#mainMenu ul li.uslugi_btn a { background: url(images/mainMenu.png) no-repeat; background-position: -174px 0px; }
#mainMenu ul li.portfolio_btn a { background: url(images/mainMenu.png) no-repeat; background-position: -348px 0px; }
#mainMenu ul li.kontakt_btn a { background: url(images/mainMenu.png) no-repeat; background-position: -522px 0px; }

#mainMenu ul li.oFirmie_btn a:hover { background-position: 0 -67px; }
#mainMenu ul li.uslugi_btn a:hover { background-position: -174px -67px; }
#mainMenu ul li.portfolio_btn a:hover { background-position: -348px -67px; }
#mainMenu ul li.kontakt_btn a:hover { background-position: -522px -67px; }

#mainMenu ul li.oFirmie_btn a:active { background-position: 0 -134px; }
#mainMenu ul li.uslugi_btn a:active { background-position: -174px -134px; }
#mainMenu ul li.portfolio_btn a:active {  background-position: -348px -134px; }
#mainMenu ul li.kontakt_btn a:active { background-position: -522px -134px; }

#mainMenu ul li.oFirmieActive { background: url(images/mainMenu.png) no-repeat; background-position: 0 -134px; }
#mainMenu ul li.uslugiActive  { background: url(images/mainMenu.png) no-repeat; background-position: -174px -134px; }
#mainMenu ul li.portfolioActive  { background: url(images/mainMenu.png) no-repeat; background-position: -348px -134px }
#mainMenu ul li.kontaktActive  { background: url(images/mainMenu.png) no-repeat; background-position: -522px -134px; }


#contentMenu { float: right; clear: right; overflow: hidden; width: 716px; margin-top: 20px }
#contentMenu ul li { display: inline; }
#contentMenu ul li a { position:relative; font: 14px bold Arial, Helvetica, sans-serif; color: #fff400; text-decoration: none; background: url(images/uslugiSubmenuBtn.png) no-repeat; display: block; width:125px; height: 45px; float: left; margin-right: 4px; padding: 75px 5px 0 5px; line-height: 1em; text-align: center; }
#contentMenu ul li a img { position:absolute; top:0; left: 0;}
#contentMenu ul li a:hover { background-position: 0 -120px; color: #1f6392; }
#contentMenu ul li span { position:relative; z-index: 1; }
#contentMenu ul li a.active { color: #fff400; background-position: 0 -240px;  cursor:default; }


#sidebar { width: 240px; padding: 0 24px 0 20px; float: left; margin-top: 44px; margin-bottom: 20px; min-height: 150px; clear: left; overflow: hidden; }
#sidebar .module { background: url(images/sidebarModuleBgTop.png) top no-repeat; overflow: hidden; margin: 0 0 6px 0;}
#sidebar .inside-module { background: url(images/sidebarModuleBgBottom.png) bottom no-repeat; overflow: hidden;}
#sidebar .inside2-module { background: #c1dcec; padding: 5px 10px; margin: 7px 0 8px 0; overflow:hidden; height:100%}
#sidebar .module h3 { font: bold 16px Helvetica, Arial, sans-serif; letter-spacing: 0; padding-left: 5px; margin-top: 5px; margin-bottom:10px; color: #1c4d72; }
#sidebar .module .content { padding: 5px 0 8px 0; overflow: hidden }

#sidebar .module ul { display:block; width: 100%; }
#sidebar .module ul li a { font:Arial, Helvetica, sans-serif; display: block; padding: 3px; overflow: hidden; width: 190px; text-decoration: none; margin: 0 0 3px 12px; font-size: 12px; height: 17px; float:left; }
#sidebar .module ul li a span { display: block; padding: 3px 0 0 0; float:left;}
#sidebar .module ul li a:hover span { text-decoration: underline; }
#sidebar .module ul li a img { margin: 0 6px 0 5px; float:left; }
#sidebar .module ul li.gg a img { margin-top: -1px; margin-right: 4px; }
#sidebar .module .info { font-size: 11px; padding: 15px 0 2px 20px; overflow: hidden; clear:both; color: #326a8e; line-height: 1.3em;}
#sidebar .module .info a { color: #1c4d72; text-decoration: underline; }

#mainContent { float:right; overflow:hidden; width: 696px; padding: 30px 20px 20px 0; }
#mainContent h2 { font: bold 36px Arial, Helvetica, sans-serif; text-align: right; color: #235d84; overflow: hidden; margin: 0 23px 30px 0; letter-spacing: -1px }
#mainContent h3 { font: bold 20px Arial, Helvetica, sans-serif; float: left; width: 196px; text-align: right; margin-right: 20px; overflow: hidden; color: #235d84; clear:left; }
#mainContent .paragraphs { overflow: hidden; width: 455px; margin-bottom: 13px; margin-right: 20px; line-height: 1.5; font-size:13px; }
#mainContent .paragraphs p { overflow: hidden; margin-bottom: 10px; }
#mainContent .paragraphs a { color: #7d3030; text-decoration: none; }
#mainContent .paragraphs a:hover { text-decoration: underline; }
#mainContent .paragraphs ul {list-style:disc; list-style-position:inside; line-height: 1.5; margin: 10px 0; text-indent: 20px;}



#chosenPortfolioItems { background: #2d5b7a; width: 100%; height: 180px; overflow: hidden; clear: both; margin: 20px 0; position:relative; }
#inner-chosenPortfolioItems { width: 1000px; margin: 0 auto; }
#chosenPortfolioItems h2 { color: #95c1de; font: bold 26px Arial, Helvetica, sans-serif; width: 140px; margin: 13px 29px 0 25px; padding: 0 0 0 100px; text-align: right; float:left; line-height: 1em; overflow: hidden; }
#chosenPortfolioItems .nav { float:left; clear: left; position:relative; left: 260px; top: 30px}
#chosenPortfolioItems a.showAll {  color: #95c1de; display: block; clear: left; width: 100px; float: left; overflow: hidden; height: 11px; padding: 5px 0 5px 9px; text-align: right; position:relative; left: 156px; top: 10px; text-decoration: none; font-size: 11px }
#chosenPortfolioItems a.showAll:hover { color: #fff400; }


#chosenPortfolioItems .nav ul li a.btn { display:block; height: 15px; width: 15px; background: url(images/implementationsNavBtn.png); margin: 2px;}
#chosenPortfolioItems .nav ul li a.btn:hover { background: url(images/implementationsNavBtnOver.png); }
#chosenPortfolioItems .nav ul li a.btnActive { background: url(images/implementationsNavBtnActive.png); cursor: default; }
#chosenPortfolioItems .nav ul li a.btnActive:hover { background: url(images/implementationsNavBtnActive.png); }

#chosenPortfolioItems ul.chosenPortfolioItemsList { padding: 0; overflow: hidden; position: relative;  }
#chosenPortfolioItems ul.chosenPortfolioItemsList li {display: inline }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a { display:block; width: 223px; overflow:hidden; height: 164px; text-decoration: none; float: left; margin: 8px 5px 8px 0; }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a:hover { background:url(images/implBg.png); }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a .description { display: block; padding: 8px 10px 13px 10px; }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a img { display: block; width: 213px; height: 84px; margin:2px; padding: 3px; background:url(images/implImgBg.png); }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a .description .orderName { color:#a9d5f2; display: block; font: 13px Arial, Helvetica, sans-serif; margin-bottom: 7px; max-height: 30px; overflow: hidden; }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a:hover .description .orderName { color: #fff407 }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a .description .orderRange { color: #608ba9; line-height: 1.2em; font: 12px Arial, Helvetica, sans-serif; }
#chosenPortfolioItems ul.chosenPortfolioItemsList li a:hover .description .orderRange { color: #a9d5f2; }

#footer { width:980px; margin: 10px auto 10px auto; overflow: hidden; border-top: solid 1px #4b8ec4; padding: 15px 0; clear:both; }
#footer .copyright { float: left; color: #225c82 }
#footer .menu { float: right; font: 12px Arial, Helvetica, sans-serif; }
#footer .menu li { float: left; padding: 0 0 0 15px; }
#footer .menu li a { text-decoration: none; color: #225c82 }
#footer .menu li a:hover { text-decoration: underline; }

#mainContent ul.fastContactList { list-style:none; margin: 0; padding: 0; text-indent: 0; }
#mainContent ul.fastContactList li { margin: 15px 0;}
#mainContent ul.fastContactList li img { margin: 0 5px 0 0; padding: 0; float: left; }
#mainContent ul.fastContactList li span.contact { display:block; padding: 3px 0 0 0; margin: 0; font-weight: bold; }
#mainContent ul.fastContactList li span.actions { display:block; margin: 5px 0 10px 35px; padding: 0; }


ul.portfolioList { padding: 0; overflow: hidden; margin: 0 0 0 6px; }
ul.portfolioList li { display: inline; float: left; }
ul.portfolioList li a { display:block; width: 223px; overflow:hidden; height: 164px; text-decoration: none; float: left; margin: 8px 5px 8px 0; }
ul.portfolioList li a:hover { background:url(images/implBg_portfl.png); }
ul.portfolioList li a .description { display: block; padding: 8px 10px 13px 10px; }
ul.portfolioList li a img { display: block; width: 213px; height: 84px;  }
ul.portfolioList li a span.imgSpan { display: block; overflow: hidden; margin: 2px; padding:3px; background:url(images/implImgBg_portfl.png) }
ul.portfolioList li a:hover span.imgSpan { background:none;}
ul.portfolioList li a .description .orderName { color:#1b3f57; display: block; font: 13px Arial, Helvetica, sans-serif; margin-bottom: 7px; max-height: 30px; overflow: hidden; }
ul.portfolioList li a:hover .description .orderName { color: #fff407 }
ul.portfolioList li a .description .orderRange { color: #2b658a; line-height: 1.2em; font: 12px Arial, Helvetica, sans-serif; }
ul.portfolioList li a:hover .description .orderRange { color: #a9d5f2; }


#hideContentBg{ z-index: 99; background:#0e2a3e; opacity:.80; position:fixed; width: 100%; height: 100%; top:0px; bottom:0px; left: 0px; right: 0px; display: none; }

#contactForm{ z-index: 100; position:fixed; width: 100%; height: 100%; display:table; top: 0; overflow: hidden; }
#inner-contactForm { color:#FFFFFF; font-size: 10px; position: relative; display: table-cell; vertical-align: middle; }
#inner2-contactForm { position: relative; margin: 0 auto;  width: 500px; overflow:hidden; }
#contactForm span { display: block; margin: 10px 0 5px 0; clear: both; }
#contactForm input.textfield { float: none; clear:both; width: 200px; }

#contactForm #sendToUser { margin: 10px 0 5px 0; }
#contactForm textarea { width: 270px; height: 250px; }
#contactForm #contactFormMenu { clear:both; }
#contactForm .backToWebsite { float: left; }
#contactForm #sendMailBtn { float: right; }

#mailOptions {float: left;}
#mailContent {float: right; height: 300px; width: 270px;}


#mainContent #orderInfo h2 { font: bold 36px Arial, Helvetica, sans-serif; text-align: right; color: #235d84; overflow: hidden; margin: 0 23px 15px 0; letter-spacing: -1px }
#mainContent #orderInfo h3 { font-size: 12px; font-weight: normal; width: 300px; font: Arial, Helvetica, sans-serif; float: left; text-align: right; margin-right: 20px; overflow: hidden; color: #235d84; }
#mainContent #orderInfo p { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #235d84; overflow: hidden; margin-bottom: 10px; }
#mainContent #orderInfo p a { color: #235d84; text-decoration: underline }
#mainContent #orderInfo p a:hover { color: #7d3030; }

#mainContent #orderInfo { margin-bottom: 30px; }

#mainContent #orderImages { background: url(images/portfImgBg.png); padding: 5px; width: 560px; height: 310px; white-space: nowrap; overflow: hidden; float: left; clear: left; margin: 0 0 40px 65px; position: relative; }
#mainContent #orderImages ul {position: relative}
#mainContent #orderImages ul li { display: inline; position:relative; width: 560px; height: 310px; overflow: hidden; margin: 0 5px 0 0; }

#mainContent #orderImagesNav { margin: 0 0 10px 70px; overflow: hidden; height: 100%; }
#mainContent #orderImagesNav ul li { display: inline }
#mainContent #orderImagesNav ul li a.btn { float: left; display:block; height: 15px; width: 15px; background: url(images/portfImgNavBtn.png); margin: 1px;}
#mainContent #orderImagesNav ul li a.btn:hover { background: url(images/portfImgNavBtnOver.png); }
#mainContent #orderImagesNav ul li a.btnActive { background: url(images/portfImgNavBtnActive.png); cursor: default; }
#mainContent #orderImagesNav ul li a.btnActive:hover { background: url(images/portfImgNavBtnActive.png); }

#mainContent #portfolioNav { clear:both; margin-bottom: 30px; }
#mainContent #portfolioNav ul li { display: inline; float:left; margin-right: 2px; }
#mainContent #portfolioNav ul li a { display:block; float:left; }
#mainContent #portfolioNav ul li.back a { color: #fff407; font-size: 10px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; background: url(images/btn1BgRight.png) no-repeat right; height: 20px; text-decoration: none; position: relative; left: 3px; margin-right: 10px; }
#mainContent #portfolioNav ul li.back a span { display:block; background: url(images/btn1BgLeft.png) no-repeat left; padding: 5px 5px 5px 7px; position: relative; left: -3px;}
#mainContent #portfolioNav ul li.back a:hover { color: #225a82; background: url(images/btn1BgOverRight.png) no-repeat right;  }
#mainContent #portfolioNav ul li.back a:hover span { background: url(images/btn1BgOverLeft.png) no-repeat left;}
#mainContent #portfolioNav ul li.prev a { display:block; width: 20px; height: 20px; background: url(images/prevBtn.png); }
#mainContent #portfolioNav ul li.prev a span { display: none; }
#mainContent #portfolioNav ul li.prev a:hover { background: url(images/prevBtnOver.png); }
#mainContent #portfolioNav ul li.next a { display:block; width: 20px; height: 20px; background: url(images/nextBtn.png); }
#mainContent #portfolioNav ul li.next a span { display: none; }
#mainContent #portfolioNav ul li.next a:hover { background: url(images/nextBtnOver.png); }