html, body { height: 100%; }

body { margin: 0; padding: 0; text-align: left; color: #485665;
	background: #fff url('../img/site/bg-right.png') top left repeat-x; }
body, td, th { font-size: 13px; font-family: 'Trebuchet MS', Tahoma, sans-serif; line-height: 140%; }

#bgLeft { position: absolute; height: 100%; margin-right: 49%; padding-right: 51%;
	background: url('../img/site/bg-left.png') top left repeat-x; }

#bgClear { position: relative; text-align: center; }


/** top */
#top { background: url('../img/site/top-bg.jpg') center no-repeat; }
#top .space { width: 858px; margin: 0 auto; }
#top .logo { width: 213px; height: 110px; float: left; }
#top .bg { width: 645px; height: 110px; line-height: 110px; float: left; text-align: left; }
#top .bg span { padding-left: 100px; font-family: Tahoma; font-size: 16px; font-style: italic; }
#top .bg a { cursor: text; }

/** middle */
#middle { width: 858px; margin: 0 auto; text-align: left; padding-bottom: 2px;
	background: #fff url('../img/site/middle-bg-bottom.gif') bottom left repeat-x; }
#middle .bg { padding-bottom: 32px; /*background: url('../img/site/middle-bg.gif') top left repeat-y;*/ }

.left { float: left; width: 213px; font-family: Tahoma; }

.menu { margin: 0; padding: 26px 0 0 0; list-style-type: none;
	background: url('../img/site/menu-bg-top.gif') top left no-repeat; }
.menu li { margin: 0; padding: 0 0 2px 0; line-height: 28px;
	background: url('../img/site/menu-bg.gif') top left no-repeat; }
.menu li.last { background: url('../img/site/menu-bg-last.gif') top left no-repeat; }
.menu a { display: block; padding-left: 45px; font-size: 12px; outline: none; }
.menu a.active { background: url('../img/site/menu-bg-active.gif') top left no-repeat; }
.menu li.last a.active { background: url('../img/site/menu-bg-last-active.gif') top left no-repeat; }

.menuBottom { height: 87px; background: url('../img/site/menu-bg-bottom.png') top left no-repeat; }
.menuBottom span { display: block; padding: 35px 30px 0 30px; font-size: 13px; }
.menuBottom span.telephone { display: block; padding: 0 30px; font-size: 17px; }

.clients { height: 112px; font-size: 14px; font-weight: bold; font-family: Arial;
	color: #888; background: url('../img/site/clients.jpg') top left no-repeat; }
.clients span { display: block; padding: 62px 0 0 28px; }
.logotypesSpace { padding: 20px 0 0 15px; }
#logotypes { position: relative; overflow: hidden; width: 181px; height: 76px; }

.clientsBottom { height: 90px; background: url('../img/site/clients-bottom.gif') top left no-repeat; }

.left p { margin: 0; padding: 25px 28px; font-size: 12px; }

.main { float: left; width: 645px; }
.main a { color: #ffc224 }

.products { position: relative; overflow: hidden; width: 396px; height: 292px; float: left; }

.product { width: 396px; height: 292px; }

.product0 { background: url('../img/site/main-product0.jpg') top left no-repeat; }
.product1 { background: url('../img/site/main-product1.jpg') top left no-repeat; }
.product2 { background: url('../img/site/main-product2.jpg') top left no-repeat; }
.product3 { background: url('../img/site/main-product3.jpg') top left no-repeat; }

.product .name { padding: 25px 30px 5px 30px; line-height: 140%; color: #ffdb0f; font-size: 16px; font-weight: bold;
	font-family: Tahoma; }
.product .description { padding: 0 30px; color: #fff; font-size: 14px; }
.product .features { padding: 30px 0 10px 140px; color: #ffdb0f; font-size: 14px; }
.product .features p { margin: 3px 0 2px 0; padding: 0; }
.product a { margin-left: 235px; }

	
.productsLinks { width: 249px; float: right; font-family: Tahoma; }

.productsLinks ul { margin: 0; padding: 4px 0 0 0; list-style-type: none;
	background: url('../img/site/main-products-top.gif') top left no-repeat; }
.productsLinks li { padding: 0; margin: 0; }

.productsLinks li a { display: block; outline: none; width: 249px; height: 72px;
	font-size: 12px; color: #485665; }
.productsLinks li span { display: block; font-size: 14px; padding: 18px 0 0 75px; zoom: 1; }
.productsLinks li i { font-style: normal; font-size: 11px; }

.productsLinks li.active span { color: #ffdb0f; padding-left: 45px; }
.productsLinks li.active span.description { color: #fff; padding-left: 45px; }

.productsLinks li.position0 { background: url('../img/site/main-0.png') top left no-repeat; }
.productsLinks li.position1 { background: url('../img/site/main-1.png') top left no-repeat; }
.productsLinks li.position2 { background: url('../img/site/main-2.png') top left no-repeat; }
.productsLinks li.position3 { background: url('../img/site/main-3.png') top left no-repeat; }
.productsLinks li.active { background: url('../img/site/main-active.png') top left no-repeat; }

.productsLinks li.position0 a.icon { background: url('../img/site/main-icon0.png') top left no-repeat; }
.productsLinks li.position1 a.icon { background: url('../img/site/main-icon1.png') top left no-repeat; }
.productsLinks li.position2 a.icon { background: url('../img/site/main-icon2.png') top left no-repeat; }
.productsLinks li.position3 a.icon { background: url('../img/site/main-icon3.png') top left no-repeat; }

h1 { font-size: 18px; margin: 0 0 10px 0; padding: 0; }
h2 { font-size: 13px; margin: 8px 0 3px 0; padding: 0; }
h3 { font-size: 18px; margin: 0 0 10px 0; background: #F3F3F3; border-radius: 0 10px 0 0; }
h3 a { color: #485665 !important;  display: block; padding: 10px; }

.main .textLeft { float: left; width: 396px; padding-top: 53px; font-size: 13px;
	background: url('../img/site/text-left-bg.gif') top left no-repeat; }
.main .textLeft .space { padding: 0 27px; }
.main .textRight { float: left; width: 249px; padding-top: 64px;
	background: url('../img/site/text-right-bg.gif') top left repeat-x; }
.main .textRight .space { padding: 0 24px; }

.bar { line-height: 39px; padding: 0 24px; font-weight: bold; font-size: 18px; font-family: Trebuchet MS;
	background-color: #f3f3f3; border-top: 5px solid #f3f3f3; }

.email { display: none; }

.categoryPicture0 { float: left; margin: 0 10px 15px 0;
	text-align: center; font-size: 11px; }
.categoryPicture0 img { margin-bottom: 5px; }
.categoryPicture1 { float: left; margin: 0 0 15px 10px;
	text-align: center; font-size: 11px; }
.categoryPicture1 img { margin-bottom: 5px; }

.documentPicture { float: left; margin: 0 8px 0 0; }

.accordionOff { background: url('../img/site/accordion-off.png') 5px 5px no-repeat; font-weight: bold;}
.accordionOn { background: url('../img/site/accordion-on.png') 5px 5px no-repeat; font-weight: bold;}

.page { float: left; width: 645px; background: url('../img/site/page.jpg') top left no-repeat; }

.page0 { background: url('../img/site/page-0.jpg') top left no-repeat; }
.page1 { background: url('../img/site/page-1.jpg') top left no-repeat; }
.page2 { background: url('../img/site/page-2.jpg') top left no-repeat; }
.page3 { background: url('../img/site/page-3.jpg') top left no-repeat; }

.page .name { margin: 3px 0 0 28px; line-height: 106px; height: 70px; color: #ffdb0f;
	font-size: 16px; font-weight: bold; font-family: Tahoma; }

.page .textLeft { float: left; width: 645px; padding-top: 50px; font-size: 13px; }
.page .textLeft .space { padding: 0 27px; }
.page .textRight { float: left; width: 249px; padding-top: 87px; }
.page .textRight .space { padding: 0 24px; }
.page .textRight .bar { line-height: 39px; height: 39px; border-top: 0; }

a.text { color: #485665; }

.textLeft h1 a { color: #485665; }
.textLeft h2 { margin: 0 0 10px 0; }
.textLeft a { color: #fcc224; }
.textLeft a:hover { text-decoration: underline; }
.textLeft .plain a { color: #485665; }
.textLeft ul { margin: 10px 0; }
.textLeft li { padding: 1px 0; }
.textLeft { line-height: 140%; }
.textLeft img { border: 1px solid #f3f3f3; }

.textLeft .realization { height: 140px; }
.textLeft .realization a { color: #485665; text-decoration: none; }
.textLeft .realization strong a { color: #fcc224; }
.textLeft .realization strong a:hover { text-decoration: underline; }

.textRight a { color: #fcc224; }
.textRight a:hover { text-decoration: underline; }
.textRight em { color: #e00; /*#ffb002*/ }
.textRight input { width: 140px; border: 1px solid #ccc; }
.textRight input.submit { width: 80px; margin-top: 5px; border: 1px solid #ccc; }
.textRight textarea { width: 190px; height: 170px; border: 1px solid #ccc; }
.textRight img { border: 1px solid #f3f3f3; }

.prev { float: left; width: 150px; margin-top: 10px; }
.next { float: right; width: 150px; margin-top: 10px; text-align: right; }

.paging { text-align: center; padding: 10px 0 5px 0; }
.paging a, .paging span { padding: 0 5px; }


/** bottom */
#bottom { width: 858px; margin: 0 auto; padding-bottom: 10px; }

.bottomMainLeft { float: left; width: 213px; height: 162px; text-align: left;
	background: url('../img/site/bottom-main-left.gif') top left no-repeat; }
.bottomMainLeft span { padding: 0 28px; line-height: 45px;
	font-weight: bold; font-size: 14px; font-family: Tahoma; }
	
.bottomMainRight { float: left; width: 645px; height: 162px; text-align: left;
	background: url('../img/site/bottom-main-right.jpg') top left no-repeat; }

#bottom .screenshot { float: left; width: 232px; margin-top: 17px; text-align: center; }
#bottom .screenshot img { width: 160px; border: 2px solid #ffb002; }

#bottom .realization { float: left; width: 400px; margin-top: 26px; }
#bottom .name { font-size: 16px; line-height: 16px;
	font-family: Tahoma; font-weight: bold; margin-bottom: 20px; }
#bottom .description { width: 250px; height: 75px; }
#bottom .more { width: 230px; text-align: right; line-height: 17px; color: #fff; }
#bottom .more a { color: #fff; }


#bottom ul { list-style-type: none; margin: 2px 0 0 0; padding: 0;
	background: url('../img/site/bottom-bg.gif') top left repeat-x; }
#bottom li { margin: 0; padding: 0 20px; display: inline; line-height: 30px;
	background: url('../img/site/bottom-li.gif') center left no-repeat; }
#bottom li.first { background-image: none; }

#bottom2 { background: #fff url('../img/site/bottom-bg2.gif') bottom left repeat-x; height: 20px; }

/** standard */
a { color: #4c5660; text-decoration: none; }
a:hover { text-decoration: none; }

a.internal { color: #485665; }

p { margin: 12px 0; }

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

.hide { display: none; }

table { }
td, th { padding: 0; vertical-align: top; }
.c, .center { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }

.pageNum { padding-top: 20px; }

.failed { margin: 20px 0 0 0; padding: 0 0 0 15px; font-size: 11px; }
.failed li { color: #d10; margin: 0; padding: 0; }

/** forms */
input, textarea { font-family: Tahoma; font-size: 12px; outline-style: none; }
input.noBorder { border: 0; }
select { font-size: 11px; }
button { border-style: none; background-color: transparent; font-size: 11px; }

.form { width: 100%;}
.form td { vertical-align: middle; height: 30px;}
.form td.legend { padding: 0 10px 0 0; text-align: right; width: 100px;}
.form td em{ color: #f00;}
.form td textarea { width: 100%; height: 150px; resize: none;}
.form td input { width: 100%; }
.form td input.send {  cursor: pointer; font-weight: bold; padding: 2px 10px; width: auto; }


/** http://www.hyh.pl */