/* PECMS MAIN PAGE CSS */

#main .bg					{ width: 900px; height: 14px; line-height: 14px; background: url('/ftpstudio/gfx/main/main_bg.gif') repeat-x 0px 0px; }

#tabs						{ width: 900px; }
#tabs .left					{ width: 300px; float: left; }
#tabs .right					{ width: 600px; float: left; text-align: justify; background: url('/ftpstudio/gfx/main/tab_bg.jpg') no-repeat 0px 0px; }

#tabs .left ul.navi				{ width: 300px; height: 300px; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
#tabs .left ul.navi li				{ display: inline; margin: 0px; padding: 0px; }
#tabs .left ul.navi li.oferta			{ width: 300px; height: 100px; display: block; background: url('/ftpstudio/gfx/main/main_offer.gif') no-repeat 0px 0px; }
#tabs .left ul.navi li.technologie		{ width: 300px; height: 100px; display: block; background: url('/ftpstudio/gfx/main/main_technology.gif') no-repeat 0px 0px; }
#tabs .left ul.navi li.referencje		{ width: 300px; height: 100px; display: block; background: url('/ftpstudio/gfx/main/main_reference.gif') no-repeat 0px 0px; }

#tabs .right .intro				{ width: 600px; height: 300px; display: block; background: url('/ftpstudio/gfx/main/main_intro.jpg') no-repeat 0px 0px; }

#tabs .right h1					{ margin: 0px; padding: 8px 8px 8px; font: normal 14pt Arial; color: #CC0000; }
#tabs .right p					{ margin: 0px; padding: 4px; }

#tabs .right .oferta				{ width: 600px; height: 300px; display: none; }
#tabs .right .oferta .inner			{ width: 500px; height: 242px; padding: 36px 0px 0px 50px; position: relative; }
#tabs .right .oferta .inner a			{ width: 97px; height: 27px; display: block; bottom: 0px; right: 0px; background: url('/ftpstudio/gfx/main/more.png') no-repeat 0px 0px; position: absolute; }
#tabs .right .oferta .inner a span		{ display: none; }
#tabs .right .technologie			{ width: 600px; height: 300px; display: none; }
#tabs .right .technologie .inner		{ width: 500px; height: 242px; padding: 36px 0px 0px 50px; position: relative; }
#tabs .right .technologie .inner a		{ width: 97px; height: 27px; display: block; bottom: 0px; right: 0px; background: url('/ftpstudio/gfx/main/more.png') no-repeat 0px 0px; position: absolute; }
#tabs .right .technologie .inner a span		{ display: none; }
#tabs .right .referencje			{ width: 600px; height: 300px; display: none; }
#tabs .right .referencje .inner			{ width: 500px; height: 242px; padding: 36px 0px 0px 50px; position: relative; }
#tabs .right .referencje .inner a		{ width: 97px; height: 27px; display: block; bottom: 0px; right: 0px; background: url('/ftpstudio/gfx/main/more.png') no-repeat 0px 0px; position: absolute; }
#tabs .right .referencje .inner a span		{ display: none; }

#portfolio					{ width: 702px; height: 163px; margin: 20px auto; background: url('/ftpstudio/gfx/main/portfolio_bg.jpg') no-repeat 0px 0px; }
#portfolio .images				{ width: 456px; height: 100px; float: left; margin: 20px 0px 0px 200px; overflow: hidden; }
#portfolio .images div				{ width: 456px; height: 100px; float: left; }
#portfolio .images div a			{ float: left; margin-left: 40px; }
#portfolio .images div a img			{ }
#portfolio .pager				{ width: 276px; height: 24px; float: left; margin: 15px 0px 0px 8px; }

#pager						{ float: right; }
#pager a					{ width: 24px; height: 24px; float: left; margin: 0px 2px; display: block; outline: none; background: url('/ftpstudio/gfx/main/pager_small.png') no-repeat 50% 50%; }
#pager a.activeSlide				{ background: url('/ftpstudio/gfx/main/pager_big.png') no-repeat 50% 50%; }
#pager a:focus					{ outline: none; }