html {height:100%;}
img, div , a { behavior: url(css/iepngfix.htc) }
/*default*/
body,form {margin:0; padding:0; height:100%;}
input,textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#222; margin:0; padding:0; border:1px solid #aaa;}
.short {padding:5px;}
.submit {padding:4px; *padding:4px 4px 3px 4px; cursor:pointer;}
body {text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#222; line-height:18px; background:#fff url(../img/bg.png) repeat-x;}
h1,h2 {font-size:14px; padding:0; margin:0 0 15px 0; font-weight:normal; text-align:left;}
h3 {font-size:14px; padding:0; margin:0; font-weight:normal; color:#fff; text-align:left;}
p {margin:0 0 15px 0; padding:0;}
a {text-decoration:none; color:#BD5B15;}
a:focus {outline:none;}
a.more {float:right; background:#BD5B15; color:#fff; padding:2px 10px 4px 10px; border-bottom:1px solid #7E320D; border-right:1px solid #7E320D; border-left:1px solid #DA8E10; border-top:1px solid #DA8E10;}
div.cls {clear:both; display:block; height:20px;}

/*wrapper*/
#wrapper {width:100%; text-align:justify; height:100%;}
#wrapper td {vertical-align:top; width:auto;}
#wrapper td#line {background:url(../img/line.png) repeat-x 0 227px;}
#wrapper td.main {width:984px;}
#wrapper td.main div#main2 {overflow:hidden; width:984px; background:url(../img/bg_header.png) no-repeat 0 35px; padding:0 0 20px 0;}
#wrapper tr#footer td {background:#161616 url(../img/bg_footer.png) repeat-x;}
#wrapper tr#footer td div.left {float:left; width:635px; padding:10px 0 0 23px; height:120px; overflow:hidden;}
#wrapper tr#footer td div.left  ul {margin:20px 0 0 0; padding:0;}
#wrapper tr#footer td div.left ul li {margin:0; padding:0 0 0 15px; list-style-type:none; float:left; width:28%; background:url(../img/arrow.gif) no-repeat center left;}
#wrapper tr#footer td div.left ul li a {color:#888;}
#wrapper tr#footer td div.left ul li a.first {color:#ccc;}
#wrapper tr#footer td div.left ul li a:hover {color:#fff;}
#wrapper tr#footer td div.left ul li.mark a {color:#bd5b15;}
#wrapper tr#footer td div.left span.l {float:left; color:#7c7c7c;}
#wrapper tr#footer td div.left span.r {float:right; color:#7c7c7c; text-align:right;}
#wrapper tr#footer td div.left span.r a {color:#bd5b15;}
#wrapper tr#footer td div.right {float:right; width:280px; padding:10px 20px 0 0; height:120px; overflow:hidden; text-align:center;}
#wrapper tr#footer td div.right a img {border:none;}
#wrapper tr#footer td div.right form {margin:35px 0 0 0;}
#wrapper tr#footer td div.right form input.watermark {float:left; border:1px outset #333; background:#fafafa; margin:0 5px 0 0; width:220px; padding:5px 3px;}
#wrapper tr#footer td div.right form input.in_2 {float:left; height:25px; background:#BD5B15; color:#fff; cursor:pointer; width:30px; border-bottom:1px solid #782E09; border-right:1px solid #782E09; border-left:1px solid #D2880C; border-top:1px solid #D2880C;}

/*header*/
#header {display:block; overflow:hidden; height:227px;}
a#logo {float:left; width:198px; height:49px; background:url(../img/logo.png) no-repeat; position:relative; top:25px; left:45px;}
#menu {float:right; text-align:center; width:540px; height:26px; position:relative; top:35px;}
#menu a {width:98px; height:26px; line-height:24px; display:inline-block; color:#fff; font-size:13px;}
#menu a:hover,#menu a.mark {background:url(../img/bg_menu_a.png) no-repeat;}
#menu a#contact {color:#ee7f01;}
#flags {clear:both; float:right; width:70px; height:14px; position:relative; top:137px;}
#flags a img {border:none;}

/*contect*/
#cpath {float:left; display:block; width:637px; height:29px; line-height:23px; background:url(../img/line.png) repeat-x; padding-left:23px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#cpath a,#cpath span {color:#888; margin:0 5px 0 0;}

/*right*/
#right {float:right; width:285px; padding:3px 0 5px 0; margin-top:45px; margin-right:15px; _margin-right:7px;}
#menuright {display:block; overflow:hidden; margin:0 0 30px 0;}
#menuright a {display:block; line-height:18px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f5f5f5; margin-bottom:2px; padding:4px 10px; color:#333;}
#menuright a:hover {border-bottom:1px solid #bbb; border-left:1px solid #bbb; background:#eee; color:#000;}
#menuright a.mark {border-bottom:1px solid #bd5b15; border-left:1px solid #bd5b15; background:#E77725; color:#fff;}

/* CUBEs CSS */
#right .showcase-row {overflow:hidden; width:100%; height:202px; position:relative;}
#right .showcase-row .showcase-details {display:none;}
#right .showcase-row .showcase-details div {width:100%; position:absolute; left:0; top:0px; height:50px; overflow:hidden;}
#right .showcase-row .showcase-details div h2 {margin:0; padding:0;}
#right .showcase-row .showcase-details div h2 a {color:#333; font-weight:bold; font-size:11px;}
#right .showcase-row .showcase-details img {position:absolute; left:53px; top:40px; padding:1px; border:2px solid #aaa;}
#right .showcase-row .hidden {display:none;}
#right.showcase-row .show {display:block;}

#right .showcase-row .showcase-nav {float:left; height:37px; position:absolute; top:164px;}
#right .showcase-row .showcase-nav img {display:block;}
.showcase-row .showcase-nav a#showcase-prev, .showcase-row .showcase-nav a#showcase-next {display:block; width:33px; height:33px; position:relative; top:2px;}
#right .showcase-row .showcase-nav a#showcase-prev img, #right .showcase-row .showcase-nav a#showcase-next img {border:none;}
.showcase-row .showcase-nav a#showcase-prev {float:left; margin-left:10px;}
.showcase-row .showcase-nav a#showcase-next {float:left; margin-left:17px;}

.showcase-row .showcase-nav .showcase-elements {float: left; margin-right: 0px; width: 175px; height: 37px; overflow: hidden; position: relative; top:0;  left:10px;}

#right .showcase-elements ul { list-style: none; position: relative; margin: 0; padding: 0; left: 0; top: 0; width: 9999px; }
#right .showcase-elements ul li { padding: 0; background: none; margin-right: 8px; float: left; width: 37px; height: 37px; }
#right .showcase-elements ul li a { display: block; width: 37px; height: 37px; float: left; text-align: center; }
#right .showcase-elements ul li a img { border: 2px solid #5c5852; width: 33px; height: 33px; }
#right .showcase-elements ul li a.active img { border: 2px solid #ef1010; }

#controler3 .j-portfolio {float:left; width:46%; padding-right:3%; padding-left:1%; height:380px; margin:0 0 30px 0; text-align:left; border-bottom:1px solid #ccc; *width:45%;}
#controler3 .j-portfolio span {display:block; font-weight:bold; font-size:14px; margin:0 0 4px 0;}
#controler3 .j-portfolio span.zoabcz {display:inline; font-weight:normal; color:#bbb; font-size:11px; margin:0;}
#controler3 .j-portfolio p {margin:0; padding:0; height:38px;}



#controler3 .j-portfolio .j-portfolio-big {width:422px; height:180px; position:relative; margin:5px 0 10px 0;}
#controler3 .j-portfolio .j-portfolio-big a {display:none; position:absolute; left:0px; top:0px;}
#controler3 .j-portfolio .j-portfolio-big a.active {display:block;}
#controler3 .j-portfolio .j-portfolio-big a img {display:block; padding:2px; border:2px solid #ddd; width:422px; height:180px;}
#controler3 .j-portfolio .j-portfolio-big a:hover img {border:2px solid #aaa;}

#controler3 .j-portfolio .j-portfolio-thumbs {display:block; width:435px; margin-top:7px; height:72px; overflow:hidden; white-space:nowrap;}
html>body #controler3 .j-portfolio .j-portfolio-thumbs {overflow: hidden;}
#controler3 .j-portfolio .j-portfolio-thumbs a {float:left; display:block; width:135px; height:60px; margin-right:3px; position:relative; padding:1px; border:2px solid #ddd; top:5px;}
#controler3 .j-portfolio .j-portfolio-thumbs a img {position:absolute; left:0; top:0; border:none; width:135px; height:60px;}
#controler3 .j-portfolio .j-portfolio-thumbs a.active, #controler3 .j-portfolio .j-portfolio-thumbs a:hover {border:2px solid #ff8000;}
#controler3 .j-portfolio .j-portfolio-desc {position:relative; width:100%;}
#controler3 .j-portfolio .j-portfolio-desc h2, #controler3 .j-portfolio .j-portfolio-desc h3 {margin:0; padding:0; font-size:16px; width:100%; position:relative;}
#controler3 .j-portfolio .j-portfolio-desc h2 {margin-top:30px;}
#controler3 .j-portfolio .j-portfolio-desc h2 b, #controler3 .j-portfolio .j-portfolio-desc h3 b { position: absolute; right: 0px; font-size: 10px; font-weight: none; color: #c8c8c8; }
#controler3 .j-portfolio .j-portfolio-desc p { margin-top: 2px; }
#controler3 .j-portfolio .j-portfolio-desc h2 span, #controler3 .j-portfolio .j-portfolio-desc h3 span, #j-container .left .j-portfolio .j-portfolio-desc p span { font-size: 10px; color: #c8c8c8; text-transform: uppercase; font-weight: none; }

/* /CUBEs CSS */


/*controler*/
#controler {float:left; width:636px; padding:0 12px 0 23px; border-right:1px solid #eaeaea; margin:20px 0 10px 0;}
#controler iframe {border:1px solid #eee;}
#controler2 {float:left; width:661px; padding:0 0 0 10px; border-right:1px solid #eaeaea; margin:20px 0 10px 0;}
#controler3 {clear:both; display:block; overflow:hidden; padding:0 0 0 23px; margin:20px 0 40px 0;}
.produkt {float:right; width:306px; padding:0 15px 0 0; height:242px; background:url(../img/bg_home.jpg) no-repeat; position:relative; top:10px; text-align:left; line-height:16px;}
.produkt a img {border:none; float:left; margin:0 20px 0 0;}
.produkt a {color:#222;}
.produkt a.more {color:#fff;}
.produkt span {font-weight:bold;}
.produkt span.nag {color:#bd5b15;}
.partner {float:left; width:46%; padding-right:3%; padding-left:1%; height:240px; margin:0 0 30px 0; text-align:left; border-bottom:1px solid #ccc; *width:45%;}
.partner span.small1 {display:block; font-weight:bold; font-size:14px; margin:0 0 4px 0; color:#222;}
.partner span.small2 {display:block; text-align:center; font-size:10px; margin:0px 0 0 0; color:#999;}
.partner a {display:block; cursor:pointer;}
.partner a img {padding:2px; border:2px solid #ddd; width:422px; height:180px;}
.partner a:hover img {border:2px solid #aaa;}
#send_us {width:312px; margin:0 0 30px 0; float:right; border:1px solid #eee; background:#fafafa;}
#send_us td {padding:1px 5px;}
#send_us span {color:#ff8000;}
#send_us input {width:220px; border:1px solid #aaa; background:#fafafa; font-family:Verdana; font-size:11px;}
#send_us input:focus {background:#fff;}
#send_us textarea {border:1px solid #aaa; background:#fafafa; width:220px; height:100px; font-family:Verdana; font-size:11px;}
#send_us textarea:focus {background:#fff;}
#send_us input.send {background:#BD5B15; color:#fff; padding:2px 0; border-bottom:1px solid #7E320D; border-right:1px solid #7E320D; border-left:1px solid #DA8E10; border-top:1px solid #DA8E10; width:auto; overflow:visible; width:109px;}
.contact {background:url(../img/bg_contact.jpg) no-repeat 0 75px;}
#rollover {clear:both; display:block; overflow:hidden; height:40px; text-align:center;}
#rollover span {display:inline-block; line-height:38px; height:38px; width:38px; font-size:18px; background:#ff8000; color:#fff; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; border-right:1px solid #D96C00; border-bottom:1px solid #D96C00; margin:0 6px;}
#rollover span.crop {display:inline-block; line-height:38px; height:38px; width:38px; font-size:18px; background:#fff; color:#333; border:none; margin:0 2px;}
#rollover a.przewin {display:inline-block; line-height:30px; height:30px; width:30px; font-size:16px; background:#e5e5e5; color:#666; font-weight:bold; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; margin:0 6px; opacity:.60; filter:alpha(opacity=60); -moz-opacity: 0.6;}
#rollover a.przewin:hover {opacity:1.00; filter:alpha(opacity=100); -moz-opacity: 1.0;}
#rollover a img {border:none; opacity:.60; filter:alpha(opacity=60); -moz-opacity: 0.6; vertical-align:top;}
#rollover a img:hover {opacity:1.00; filter:alpha(opacity=100); -moz-opacity: 1.0;}

/*bottom*/
#bottom {display:block; clear:both; width:960px; height:202px; overflow:hidden; background:url(../img/bg_bottom.gif) no-repeat top right;}
#bottom div {}
#bottom div#client {float:left; height:200px; padding:10px 0; text-align:center; width:301px; margin-right:23px; margin-left:23px; _margin-left:11px;}
#bottom div#client a {display:inline-block; width:145px; color:#222;}
#bottom div#client a img {border:none;margin:20px 0 10px 0;}
#bottom div#pub {float:left; height:200px; padding:10px 0; text-align:center; width:312px;}
#bottom div#pub h2 {margin:0 0 15px 0;}
#bottom div#pub a.go {display:block; text-align:left; background:#f7f7f7 url(../img/arrow.gif) no-repeat 5px 19px; padding:0 10px 0 20px; height:40px; line-height:40px; cursor:pointer;}
#bottom div#pub a span.l {float:left; color:#222;}
#bottom div#pub a span.r {float:right; color:#bd5b15;}
#bottom div#panorama {height:200px; padding:10px 0; text-align:center; float:right; width:275px; height:200px;}
#bottom div#panorama img {border:none;}

/* loga */
.margines_zauafny {display:block; overflow:hidden; margin:0 25px 10px 25px;}
#logos-container {width:960px; height:80px; overflow:hidden;}   
#logos-container #right-logos-container { width: 960px; height: 80px; position:relative; z-index:100; overflow:hidden;}
#logos-container #right-logos-container #right-moving-logos { position: absolute; left: 0px; top: 0px; width:960px; height:9999px;}
#right-moving-logos div {width:160px; height:80px; float:left; text-align:center;}
#right-moving-logos div img {margin:0;}
#logos-container #right-logos-container img#shadow {position:absolute; left:0px; top:0px;}

#modalPage{display: none; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.modalBackground {filter: Alpha(Opacity=60); -moz-opacity:0.6; opacity: 0.6; width:100%; height:1650px; background:#000; position:absolute; z-index:500; top: 0; left:0;}
.modal {background:#f1f1f1; border:4px solid #fff; z-index:1000; width:600px; overflow:hidden; padding:10px; margin:0 auto; position:relative; top:40px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.modal a.close {color:#000; float:right; margin:0 0 4px 0; cursor:pointer;}
.modal img {border:none;}