@charset "utf-8";
/* CSS clear
----------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}article,section,aside{display:block}
*{outline:none}

/* CSS Document */
body { background:url("../images/bg.jpg") repeat fixed center center transparent; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #fff;}
#conteiner {width:982px; margin:0 auto; position:relative; display:block}
.content { width:100%; background:#000; 
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
                  border-radius: 0px 0px 5px 5px;}
#conteiner.home .content { width:100%; background:#000; 
 -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
          -webkit-border-radius: 0px 0px 0px 0px;
                  border-radius: 0px 0px 0px 0px;}
.logo {margin:18px 0 0 40px; width:160px; height:55px;  background:url(../images/sprite.png) 0 0 no-repeat transparent; display:block}
h2 {color:#21b0ec; font-size:16px; text-align:center; margin-bottom:20px;}
.more-button {width:178px; height:22px; display:block; background:url(../images/sprite.png) -267px -3px no-repeat transparent; line-height:20px; padding-left:15px; margin-top:8px; float:left}
.more-botton:hover {}
a {color:#ffffff; text-decoration:none;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;}
a:hover {color:#ffed00;
    -webkit-transition: all 0.2s ease-in;
       -moz-transition: all 0.2s ease-in;
         -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in; }

/* CSS header
----------------------------------*/
#conteiner > header { background:url(../images/sprite.png) -8px -810px no-repeat transparent; height:80px; display:block; width:100%; float:left}
#conteiner > header nav { background:url(../images/sprite.png) -258px -295px no-repeat transparent; width:506px; height:74px; position:absolute;left:245px; top:0px}
#conteiner > header nav ul { padding:0; margin:0; }
#conteiner > header nav > ul {padding-top:28px; padding-left:10px}
#conteiner > header nav li { position:relative; float:left; }
#conteiner > header nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#conteiner > header nav > ul > li > a { display:block; font-size:16px; padding:15px 17px; line-height:16px; white-space:pre}
#conteiner > header nav > ul > li.selected > a {color:#ffed00}
#conteiner > header nav > ul > li:first-child.selected {background:url(../images/sprite.png) -182px -20px no-repeat transparent;}
#conteiner > header nav > ul > li:first-child {background:url(../images/sprite.png) -182px 18px no-repeat transparent; }
#conteiner > header nav > ul > li:first-child > a {width:16px; height:16px; text-indent:-999px; overflow:hidden;  display:block}
#conteiner > header nav > ul > li:first-child > div {background:url(../images/sprite.png) -182px -20px no-repeat transparent;}
#conteiner > header nav li.last a { border-right:none; }
#conteiner > header nav a span { display:block; float:right; }
#conteiner > header nav ul ul {z-index: 30; display:none; width:130px; position:absolute; left:0; padding:0px 20px 12px;
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #969696 0%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #969696 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #969696 0%,#666666 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #969696 0%,#666666 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #969696 0%,#666666 100%); /* W3C */ 
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
                  border-radius: 0px 0px 5px 5px;
             -webkit-box-shadow: 0px 5px 5px 0px ;
                -moz-box-shadow: 0px 5px 5px 0px ;
                     box-shadow: 0px 5px 5px 0px ;  }
#conteiner > header nav ul ul li { float:none; }
#conteiner > header nav ul ul li.selected a {background:#666 !important; display:block !important; width:135px !important; left:-5px !important;
padding:0 0 0 5px; color:#ffed00;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;}
		
#conteiner > header nav ul ul#submenu1 {width:85px;}
#conteiner > header nav ul ul#submenu2 {width:160px;}
#conteiner > header nav ul ul#submenu3 {width:140px;}			
#conteiner > header nav ul ul#submenu1 li.selected a {width:90px !important; }	
#conteiner > header nav ul ul#submenu2 li.selected a {width:165px !important; }	
#conteiner > header nav ul ul#submenu3 li.selected a {width:145px !important; }	

#conteiner > header nav ul ul a { line-height:22px; font-size:12px; display:block; height:22px; white-space:pre;  }
#conteiner > header nav ul ul div {background:#666; display:block !important; width:140px !important; left:-5px !important;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;}
		
#conteiner > header nav ul ul#submenu1 div {width:95px !important; }
#conteiner > header nav ul ul#submenu2 div {width:170px !important; }
#conteiner > header nav ul ul#submenu3 div {width:150px !important; }	

/* CSS right-bar
----------------------------------*/
.content > nav {float:left; margin-top:35px; display:block}
.content > nav li{ background:url(../images/sprite.png) -20px -101px no-repeat transparent; display:block; float:left; clear:left; position:relative}
.content > nav li a {color:#dbdbdb; width:230px;  padding-top:42px; height:83px; text-transform:uppercase; font-size:19px; text-align:center; display: block; vertical-align: middle; }
.content > nav li a:hover {color:#fff;}
.content > nav li div {background:url(../images/sprite.png) -20px -246px no-repeat transparent;}

/* CSS videosection-home
----------------------------------*/
.home-video {float:left; width:535px;}
.home-video  .look {width:235px; height:35px; line-height:35px; font-size:13px; text-transform:uppercase; display:block; color:#fff; margin:0 auto; background:url(../images/sprite.png) -765px -208px no-repeat transparent; padding:10px 0}

/* CSS video
----------------------------------*/
.video-home {width:445px; margin:20px auto}
.video-section {width:675px; margin:20px auto}
#video {display:block;}
#video ul {clear: both;display:block; width:100%; margin-top:20px}
#video ul li:first-child{margin-left:0}
#video ul li{border:1px solid #666666;opacity:0.8;filter: alpha(opacity = 80);float:left; display:block;margin-left:20px;width:94px;height:52px;
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
          -webkit-border-radius: 5px;
                  border-radius: 5px; }	
#video ul li:hover{border:1px solid #999999;opacity:1;filter: alpha(opacity = 100);}
#video ul li a {float:left; display:block}
#video ul li img {width:94px;height:52px;margin:2px;}
#video #ulseparator {clear:both;width: 100%;height:1px;}
/* CSS page
----------------------------------*/
.page header {float:left; width:100%}
.page header h2{color:#f8f8f8; font-size:22px; text-align:left; padding-left:35px; padding-top:25px }
.page header h2 strong {color:#21b0ec; font-size:17px}
.page { width:765px;  min-height: 850px;}
.see-more {padding:20px 35px; width:675px;float: left;}
.see-more h2 {clear:both;font-size:18px; color:#21b0ec;  font-weight:normal; text-align:left}
.see-more a {color:#f8f8f8}
.see-more a:hover {color:#ffed00}
.see-more .selected a {color:#21b0ec;}
.see-more li {float:left; padding-right:20px; padding-bottom:5px}

/* CSS breadcrumps
----------------------------------*/
.breadcrumps{float:right; font-size:13px; line-height:25px; padding-right:35px; color:#fff; padding-top:10px; padding-bottom:10px}
.breadcrumps p { text-align:right; font-size:11px; color:#fff}
.breadcrumps a {color:#bebdbd; font-size:12px}
.breadcrumps a+a {color:#fff; font-size:13px}
.breadcrumps a:hover {color:#ffed00}
.breadcrumps span{ color:#21b0ec}

/* CSS article
----------------------------------*/
article { padding:30px 35px 0; width:675px; line-height:20px; font-size:13px; text-align: justify; background:url("../images/sprite.png") no-repeat scroll -1259px -0px transparent; clear:both;}
article h1 { font-size:22px; color:#ffffff; padding-bottom:25px; padding-top: 20px; font-weight:normal; line-height:30px;}
article p {color:#fff; padding-bottom:20px}
article ol {margin-top: 0; padding-top: 0;}
article ol li {list-style:decimal;}
article ul.mapa { margin: 0 30px 30px 30px;}
article ul.mapa ul { margin: 10px 0 10px 30px; padding: 10px 0 10px 30px;}
article ul.mapa2 ul { margin: 10px 0 10px 30px; padding: 10px 0 10px 30px;}
article ul.mapa li {list-style:none;}
article a {color:#21b0ec;}

/* CSS footer
----------------------------------*/
#footer {width:982px; margin:3px auto; position:relative; background:url(../images/sprite.png) -10px -890px no-repeat transparent; font-size:11px; color:#fff; height:225px;overflow: hidden; display:block}
#footer nav {padding:20px 25px; display:block}
#footer nav > ul {}
#footer nav > ul > li{width:185px; float:left}
#footer nav > ul > li+li+li+li { margin-left: 50px;}
#footer nav > ul > li > a {width:185px; display:block; float:left; font-size:12px; color:#21b0ec; line-height:15px; padding-bottom:5px; text-transform:uppercase}
#footer nav > ul > li > ul {display: block;}
#footer nav > ul > li > ul > li {line-height:15px;}
/*#footer nav > ul > li > ul > li+li+li+li+li+li  { position:relative; top:-95px;left:185px; }
#footer nav > ul > li > ul > li+li+li+li+li+li+li+li+li+li+li+li  {top:-200px;left:370px; border: 1px solid red; }*/
#branze > li+li+li+li+li+li+li  { position:relative; top:-90px;left:195px; }
#footer nav > ul > li > ul > li > a{width:180px; display:block;  font-size:11px;}
/*footer- copywtiting,social,menu */
.copywtiting {position:absolute; left:25px; top:150px}
.copywtiting a { text-decoration:underline}
.basic-menu {position:absolute; left:395px; top:150px; padding:0}
.basic-menu a {display:block; float:left; padding:0 10px; border-left:1px solid #fff;}
.basic-menu a:first-child {padding-left:0px; border-left: 0 none;}
.social {position:absolute; right:25px; top:142px; display:block; font-size:14px; line-height:34px;float: left; width:220px; height:34px}
.social a {opacity:0.8;filter: alpha(opacity = 80); display:block; text-indent:-999px; overflow:hidden; float:right; margin:0 0 0 2px}
.social a:hover {opacity:1;filter: alpha(opacity = 1);}
.social .youtube {width:78px; height:34px; background:url(../images/sprite.png) -464px -3px no-repeat transparent; margin-left: 5px;margin-right: 5px;}
.social .facebook {width:34px; height:34px; background:url(../images/sprite.png) -543px -3px no-repeat transparent;}
#up {position:absolute; right:25px; top:190px}

/* CSS conteiner footer
----------------------------------*/
#conteiner > footer {height:140px; width:932px; display:block;clear:both;  background:url(../images/sprite.png) -9px -400px no-repeat #000; padding:25px;
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
                  border-radius: 0px 0px 5px 5px; }		  
#conteiner > footer .info {width:192px; float:left}
#conteiner > footer .info p { font-size:15px; display:block; float:left; width:100%; color:#fff; margin-top:20px; text-align:center}
#conteiner > footer .slider {width:528px; float:left}
#conteiner > footer .article {width:212px; float:left}
#conteiner > footer .article p {color:#fff; line-height:15px; text-align:justify}
#conteiner > footer .article a {color:#21b0ec; font-size:11px; line-height:13px; float:right; clear:both;}
#conteiner > footer .article a:hover {color:#ffed00}

/* CSS clients
----------------------------------*/
.clients {clear:both; padding:25px; height:103px; width:715px; background:url("../images/sprite.png") no-repeat scroll -1259px -0px transparent; display:block; }
.clients h2 {text-align:left;  padding-left: 10px;}
.clients li a, .klienciimg {opacity:.6;filter: alpha(opacity = 60);}
.clients li a:hover, .klienciimg:hover {opacity:.8;filter: alpha(opacity = 80);}
.clients li a img, .klienciimg {filter: alpha(opacity = 60);}
.clients li a:hover img, .klienciimg:hover {filter: alpha(opacity = 80);}
.clients #clients li img {margin: 0 20px 0 20px; vertical-align: middle; }

/* CSS reference
----------------------------------*/
#reference {display:block; }	
#reference  img {margin:0 5px;
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
          -webkit-border-radius: 5px;
                  border-radius: 5px; }
.slider .ui-widget-content {margin:0 auto}
.slider div.hoverscroll div.arrow.left,.slider div.hoverscroll div.fixed-arrow.left { background:url("../images/sprite.png") no-repeat scroll -856px -100px transparent}
.slider div.hoverscroll div.arrow.right,.slider div.hoverscroll div.fixed-arrow.right { background:url("../images/sprite.png") no-repeat scroll -772px -100px transparent}

/* CSS signage
----------------------------------*/
#signage, #mini-signage { display:block}
#signage li, #mini-signage li {width:138px; height:160px; display:block;  background:url("../images/sprite.png") no-repeat scroll -258px -101px transparent; position:relative}
#signage li a, #mini-signage li a {display:block; width:100%; height:100%}
#signage li div, #mini-signage li div {background:url("../images/sprite.png") no-repeat scroll -258px -101px transparent;} 
#signage li img, #mini-signage li img{ position:absolute; left:16px; top:14px} 
#signage li span, #mini-signage li span { color:#fff; font-size:13px; width:160px; height:28px; text-align:center; display:block; position:relative; right:-85px; top:70px;
         transform:rotate(90deg);
    -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
      -o-transform:rotate(90deg);
    /* -ms-transform:rotate(90deg);*/
	 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	 top:0\9;
	 right:-145px\9;
	 *right:-145px
}

/* CSS sidebar
----------------------------------*/
#conteiner aside {width:176px!important; height:758px!important;   position:absolute; top:0px; right:0px; background:url(../images/sprite.png) -1000px -202px no-repeat transparent; padding:20px;zoom:1;float: left;display:block!important;  ; margin-left:0%}
#conteiner aside h2 {font-size:18px; padding:0 10px ; line-height:20px}
#conteiner aside .info { background:url("../images/sprite.png") no-repeat scroll -406px -100px transparent; margin:15px -20px; padding:20px; height:115px;}
#conteiner aside .info h2 { margin-bottom:17px}
#conteiner aside .info a.more-button { background:none}
#conteiner aside .info p { width: 100%; color:#fff; font-size:14px; text-align:center; padding:20px 0; float:left }

/**
 * HoverScroll Style Sheet
 *
 * @author RasCarlito <carl.ogren@gmail.com>
 * @version 0.2.4
 * @revision 21
 */

/* Main container */
div.hoverscroll {position:relative; margin: 0 auto;}
/* List container */
div.hoverscroll div.listcontainer {overflow:hidden;}
div.hoverscroll div.fixed-listcontainer {overflow: hidden; float:left; height:640px; width:182px }
/* Actual list containing items */
div.hoverscroll ul.list {list-style:none;margin:0;padding:0;}
/* Items contained in the list */
div.hoverscroll ul.list li.item {display:block;	padding:0;}
div.hoverscroll.horizontal ul.list li.item {float:left;}
div.hoverscroll.horizontal.rtl ul.list li.item {float: right;}

/* Arrows */
div.hoverscroll div.arrow {position:absolute;float:none;background-color:#ccc;background-position:center;background-repeat:no-repeat;opacity:0.8;filter:alpha(opacity=80);}
div.hoverscroll div.fixed-arrow {display: block; float: left; background-color: transparent;background-position: center; background-repeat: no-repeat;}
div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.left,
div.hoverscroll div.fixed-arrow.right {	top:0px;	width:40px;	height:100%; opacity:0.8;filter: alpha(opacity = 80);}
div.hoverscroll div.fixed-arrow.left:hover,
div.hoverscroll div.fixed-arrow.right:hover {opacity:1;filter: alpha(opacity = 100);}
div.hoverscroll div.arrow.left,
div.hoverscroll div.fixed-arrow.left {left:0px;	background:url(../images/sprite.png) -856px -125px no-repeat transparent; cursor:pointer}
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.right {	right:0px;	background:url(../images/sprite.png) -772px -125px no-repeat transparent;cursor:pointer}
div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.top,
div.hoverscroll div.fixed-arrow.bottom {left:0px;	width:100%;	height:40px; opacity:0.8;filter: alpha(opacity = 80);}
div.hoverscroll div.fixed-arrow.top:hover,
div.hoverscroll div.fixed-arrow.bottom:hover {opacity:1;filter: alpha(opacity = 100);}
div.hoverscroll div.arrow.top,
div.hoverscroll div.fixed-arrow.top {top:0px;	background:url(../images/sprite.png) -810px -37px no-repeat transparent;cursor:pointer; width:140px}
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.bottom {width:140px;	bottom:0px;	background:url(../images/sprite.png) -685px -31px no-repeat transparent;cursor:pointer}

#yt-player {display:block; width:445px; height:283px}
iframe {border:0 none;}
object, iframe, embed { background:#000; border:0 none }

table > tr > td > p { padding: 0; margin: 0; }
.data10 { color: white; font-size: 11px;}
.wiecej {color:#21b0ec; font-size:11px; line-height:13px; float:right; clear:both;}
.wiecej2 {color:#21b0ec; font-size:11px; line-height:13px; clear:both;}
.klienciimg { border: 1px solid #999999; margin: 10px;
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
          -webkit-border-radius: 5px;
                  border-radius: 5px; }
.klienciimg2 { background-color:#FFFFFF; border: 1px solid #ffffff; margin: 10px;
 -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
          -webkit-border-radius: 5px;
                  border-radius: 5px; }
				  
.endofbottom {clear:both; }
.referencjepreview {float: left; padding: 0 12px;text-align: center; color:white;  }
.referencjepreview legend {padding: 10px;text-align: center; color:white; }
.referencjepreview img, input[type=text], input[type=file], input[type=password], textarea, .imgform {
-moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
          -webkit-border-radius: 5px;
                  border-radius: 5px; }
input[type=password], input[type=text], input[type=file], textarea { padding: 5px; }
input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, textarea:hover { background-color: #ccc; }
.imgform { padding: 2px; }

.zapisz{-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;background:#ddd url(/images/bg-btn.gif) repeat-x 0 0;border-bottom-color:#ccc;border-color:#ddd;border-radius:4px;border-style:solid;border-width:1px;color:#333;cursor:pointer;display:inline;font:17px Arial;margin-right:20px;overflow:visible;padding:8px 15px 8px;text-shadow:1px 1px 0 #fff;}
.zapisz::-moz-focus-inner{padding:0;border:0;}
.zapisz:focus{outline:none;}
.zapisz:hover,.zapisz:focus{background-position:0 -6px;border-color:#999 #999 #888;color:#000;}
.zapisz:active{background-image:none;text-shadow:none;outline:none;}
.tcenter {text-align: center;}
div.cell-left-7 div {font-size: 11px; line-height: normal;}
div.casebox {float: left; padding: 10px; display: inline;vertical-align: top;}
div.casebox1 {float: left; padding-right: 0;}