@charset "utf-8";
/* CSS Document */

@import url("navigation.css");
@import url("scrollable-horizontal.css");
@import url("scrollable-buttons.css");
@import url("xbreadcrumbs.css");


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1; margin: .5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 {
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: 1.25em;

}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1em; line-height:1.2em }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #33ccff; text-decoration:none;}
a           { color: #3399cc; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*-------------------------------------------------------------*/

*  { padding:0; margin:0; }  
img  { border-style: none; }
a, a:visited { outline:none; }

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
# html, body {
  height: 100%;
  }
body { 
  font-size: 11px;
  color: #1D2326; 
  background: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Layout
----------------------------------------*/
#wrapper { 
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  width: 960px;
  }
#header-home {
  color: #333;
  width: 100%;
  height:500px;
  padding:0px;
  }
#header {
  color: #333;
  width: 100%;
  float: left;
  padding:0px;
  }
  
.banner_img {
  float:left;
  height:150px;
  }
#leftcolumn { 
  color: #333;
  border: 1px solid #ccc;
  background: #e1e1e1;
  margin: 0px 5px 5px 0px;
  padding: 10px;
  height: 350px;
  width: 195px;
  float: left;
  }
.content-wrapper {
  width:100%;
  float:left;
  margin-top:10px;
  }
#content {
  background-image:url("../img/post_bg_white.jpg");
  background-position: 0 50px;
  background-repeat: no-repeat;
  float: left;
  color: #333;
    width: 960px;
  display: inline;
}
#rightcolumn {
  color: #333;
  padding-top:10px;
  width: 200px;
  height:100%;
  float: right;
  margin-top:35px;
  }
#rightcolumn a.active {
  color:#33ccff;
  }
#footer {
  background-image:url("../img/post_bg_white.jpg");
  background-repeat:no-repeat;
  clear:both;
  color:#333333;
  float:left;
  font-size:9px;
  padding-top:5px;
  padding-bottom:50px;
  text-align:center;
  width:100%;
  margin-top:15px;
}
#footer, .push {
  height: 4em;
  }

/* Custom
----------------------------------------*/
#logo {
  float:left;
  margin-top: 20px;
  margin-left: 20px;
  }
#logo h1 {
  width:180px;
  height:55px;
  background-image:url(../img/logo.jpg);
  background-repeat:no-repeat;
  text-indent: -9999px; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  border: 0;
  }
#languagemenu{
  text-align:right;
  margin-bottom:15px;

}
#datalab_bronze {
  float:right;
  margin-top: 10px;
  margin-right: 10px;
  }
#datalab_bronze h2 {
  padding-right:30px; 
  width:100px;
  height:28px;
  background-image:url(../img/datalab-bronze-logo.jpg);
  background-repeat:no-repeat;
  text-indent: -9999px; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  border: 0;
  }
#banner-wrapper {
  width:960px;
  height:350px;
  background:#999;
  float:left;
  margin-top:15px;
  }
#boxes-wrapper {
  width:960px;
  height:auto;
  float:left;
  margin:20px 0;
  }
#boxes-wrapper h2 {
  color:#464646;
  font-family: Arial Narrow;
  }
#ftabspanes h2{
  margin-top:55px;
  padding-left:21px;
  background-color:#23AAE1;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  display: block;
  width:460px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;  
    }
.cat-desc {
  width:430px;
  position:absolute;
  z-index:9999;
  padding-left:21px;
  text-align:justify;
  line-height:110%;
  color: #fff;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  text-shadow:0 1px 1px #000;
  }
.learn-more {
  position:absolute;
  z-index:9999;
  }
#latest-projects {
  width:310px;
  height:inherit;
  float:left;
  }
#latest-news {
  width:310px;
  height:inherit;
  float:left;
  margin-left:15px;
  margin-right:15px;
  }
#our-projects {
  width:310px;
  height:inherit;
  float:left;
  }
#box {
  width:310px;
  height:110px;
  float:left;
  background:#CCC url(../img/footer-box.jpg) no-repeat;
  }
#box img {
  position:absolute;
  z-index:0;
  margin-left:240px;  
  }
#box-txt {
  padding:30px 0px 0px 15px;
  }
.box-title {
  font-size:12px;
  color:#333;
  margin:0px;
  padding:0px;
  }
.box-desc {
  width:230px;
  float:left;
  font-size:10px;
  line-height:normal;
  }
.slider-wrapper {
  width:960px;
  height:200px;
  float:left;
  }
.slider {
  width:960px;
  height:200px;
  position:relative;
  overflow:hidden;
  }
.clients-banner {
  width:960px;
  height:200px;
  float:left;
  margin-top:15px;
  background:url(../img/products-slider-bg.jpg) repeat-x;
  }
.about-banner {
  width:960px;
  height:150px;
  float:left;
  margin-top:15px;
  background:url(../img/about-banner.jpg) repeat-x;
  }
.contact-banner {
  width:960px;
  height:150px;
  float:left;
  margin-top:15px;
  background:url(../img/contact-banner.jpg) repeat-x;
  }
.page-title  {
  clear:both;
  height:50px;
  left:20px;
  overflow:hidden;
  position:relative;
  text-transform:uppercase;
  top:0;
  /* width:750px; */
  z-index:199;
  }
#content h2 {
  color:#F4F4F4;
  font:bold 55px/55px "Arial Black",Gadget,sans-serif;
  letter-spacing:-6pt;
  margin:0;
  padding:0;
  }
.content-products-left ul {
  margin:5px;
  }
.content-products-left ul li{
  margin-left:20px;
  }
.content-about {
  background-image:url("../img/post_bg_white.jpg");
  background-position:0 0;
  background-repeat:no-repeat;
  clear:both;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:960px;
  }
.content-contact {
  background-image:url("../img/post_bg_white.jpg");
  background-position:0 0;
  background-repeat:no-repeat;
  clear:both;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:960px;
  }
.content-products-left {
  background-position:0 0;
  background-repeat:no-repeat;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:740px;
  }
.content-products {
  background-position:0 0;
  background-repeat:no-repeat;
  clear:both;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:960px;
  }
.content-products img {
  padding:10px 35px;
  }
.content-services {
  background-image:url("../img/post_bg_white.jpg");
  background-position:0 0;
  background-repeat:no-repeat;
  clear:both;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:740px;
  }
.content-projects {
  background-image:url("../img/post_bg_white.jpg");
  background-position:0 0;
  background-repeat:no-repeat;
  clear:both;
  float:left;
  margin-bottom:30px;
  padding-top:40px;
  width:960px;
  }
.product-title {
  color:#464646;
  font-size: 14px;
  }
.product-desc {
  color:#464646;
  text-align:justify;
  }

  /* Side Navigation
--------------------------------------------*/
#side-nav {
  height:100%;
  background:#F2F2F2;
  }
#side-nav ul {
  list-style-type:none;
  font-size:16px;
  font-family:Arial Narrow;
  }
#side-nav ul li {
  height:30px;
  border-bottom: 1px #e1e1e1 solid;
  padding: 5px 0px 0px 5px;
  margin-right: 15px;
  margin-left: 15px;
  }
#rounded-top {
  height:5px;
  float:left;
  width:200px;
  background: #FAFAFA url(../img/rounded.jpg) no-repeat;
  background-position:0px 0px;
  }
#rounded-bottom {
  height:5px;
  float:left;
  width:200px;
  background: #FAFAFA url(../img/rounded.jpg) no-repeat left bottom;
  }
.hr {
  border-top: 1px solid #FAFAFA;
  background: #e1e1e1;
  height: 1px;
  overflow: hidden;
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 20px;
  }
  
/* FANCY TABS
---------------------------------------------*/
.tab_container {
  padding:0px;
  overflow: hidden;
  float:left;
  height:300px;
  background:#CCC url(../img/banner-bg.jpg) no-repeat;
  }
.tab_content {
  padding: 0px;
  margin:0px;
  height:300px;
  }
#ftabsnav {
  height:50px;  
  width:960px;
  }
#ftabsnav ul {  
  width:960px;
  margin: 0;
  padding: 0;
  background:url(../img/cat-menu-bg.jpg) repeat-x;  text-transform:uppercase;    
  }
#ftabsnav li {
  float:left;
  width:20%;
  list-style-type:none;
  text-align:center;
  }
#ftabsnav a {
  background:url(../img/cat-menu-bg.jpg) repeat-x;
  color:#000;
  display:block;
  position:relative;
  font-size:11px;
  font-weight:bold;
  font-family:Arial;
  height:50px;
  line-height:55px;
  text-decoration:none;
  text-shadow: 0px 1px 1px #fff;
  }  
#ftabsnav a.current {
  color:#FFF;
  background:url(../img/cat-menu-bg.jpg) repeat-x bottom;
  text-shadow: 0px -1px  #666;
  }
#ftabsnav img {
  background-color:#fff;
  border:1px solid #ccc;
  margin:3px 0 5px 27px;
  padding:4px;    
  display:block;
  }

/* panes */
#ftabspanes {
  background:#fff;
  border-color:#ccc;
  border-style:solid;
  width:960px;  
  height:300px;
  margin-bottom:-20px;
  padding-bottom:20px;
  
  /* must be relative so the individual panes can be absolutely positioned */
  position:relative;
  }

/* crossfading effect needs absolute positioning from the elements */
#ftabspanes div {
  display:none;    
  position:absolute;
  font-size:14px;
  color:#444;  
  width:960px; 
  }
#ftabspanes img {
  float:left;
  margin-right:20px;    
  }
#ftabspanes p.more {
  color:#000;
  font-weight:bold;
  }
#ftabspanes h3 {
  margin:0 0 -5px 0;
  font-size:22px;
  font-weight:normal;
  }
.overlay {
  display:none;
  width:500px;
  padding:20px;
  background-color:#ddd;
  }
/* FANCY TABS
---------------------------------------------*/
.product {
  width: 300px;  
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  border: 1px solid #FFFFFF;
  display: inline;
  }
.product-description-short {
  width: 350px;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  display: inline;  
  }
.product-description-short span {

  }
.product-description-short a {
  width:86px;
  height:30px;
  float:right;
  text-indent:-9999em;  background: url(../img/btn_poveke.jpg) no-repeat left top;
  margin:10px 0;
  }
.product-description-short a:hover {
  background: url(../img/btn_poveke.jpg) no-repeat left bottom;
  }
.product-description-long {
  width: 610px;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  display: inline;  
  }
.product-description-full{
  width: 950px;
  float: left;
  margin:0 10px 36px 10px;
  display: inline;  
  }
.product-details {
  width:300px;
  min-height:210px;
  background-image: url(../img/item_frame_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  }
.product-details img {
  padding-top: 21px;
  padding-left: 52px;
  }
.product ul  {
  float:left;
  list-style-type:none;
  margin-bottom:0;
  margin-left:50px;
  margin-top:10px;
  padding-bottom:20px;
  }
.product-details li {
  text-align:left;
  width:200px;
  line-height:1.2em;
  }
.product-details li a {
  background-image: url(../img/arrow.gif);
  background-position:7px 5px;
  background-repeat:no-repeat;
  padding-left:15px;
  float:right;
  text-align:right;
  }
.product-over {
  width: 300px;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  border: 1px solid #e1e1e1;
  }
.product-details-over {
  background-image: url(../img/item_frame_bg_over.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  }
.product h1 {
  padding-bottom: 0px;
  font: 20px/18px "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #23AAE1;
  text-align:center;
  margin-top:0.5em;
  margin-left:0.5em;
  margin-bottom:0;
  }
.product-over h1 { color: #000; }
.sidebar-wrapper {
  width: 210px;
  float: right;  
  margin-left: 9px;
  margin-bottom: 36px;  
  margin-top:20px;
    display: inline;
  }
.sidebar {
  width: 210px;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  border: 1px solid #FFFFFF;
  display: inline;
  }
.sidebar h1{
  color:#23AAE1;
  font-size:12px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-bottom:0;
  text-transform:uppercase;  
  }
.sidebar ul {
  width:190px;
  margin-left:5px;
  margin-bottom:20px;
  }
.sidebar ul.nobullet {
  list-style:none;
  }
.sidebar li {
  line-height:1.2em;
  padding: 3px 0;
  margin-left:10px;  }
.sidebar img {
  padding:2px;
  border:1px solid #e1e1e1;
  }
.product-description-short h1{
  padding-bottom: 0px;
  font: 20px/18px Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #23AAE1;
  text-align:left;
  }
.product-description-long h1{
  padding: 10px 0;
  margin:0;
  font: 20px/18px Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #23AAE1;
  text-align:left;
  }
.product-description-long h3 {
  padding-bottom:10px;
  margin:0;
  font-size: 12px;
  font-weight:bold;
  color: #666;
  }
.product-description-full h1{
  padding: 10px 0;
  margin:0;
  font: 20px/18px Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #23AAE1;
  text-align:left;
  }

.bullet {
  list-style-image: url('../img/check_mark_bullet.png');
  }
.prod_feat {
  width:420px;
  float:left;
  margin-top:10px;
  }
.prod_feat h1 {
  margin:20px 10px;
  color:#23AAE1;
  background-color:#fafafa;
  font-size:14px;
  font-weight:bold;
  border:1px solid #e1e1e1;
  padding:5px;
  text-transform:uppercase;
  text-align:center;
  }

.product_no_hover {
  width:300px;
  height:210px;
  background-image: url(../img/item_frame_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  }
.product_no_hover img {
  padding-top: 21px;
  padding-left: 52px;
  }
.product_img {
  width: 300px;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 36px;
  border: 1px solid #FFFFFF;
  display: inline;
  }
.product_img h1 {
  padding-bottom: 0px;
  font: 20px/18px "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #23AAE1;
  text-align:center;
  margin-top:0.5em;
  margin-left:0.5em;
  margin-bottom:0;
  }
  
/* ---------- Contact ---------- */
.kontakt_info {
  width:300px;
  float:right;
  text-align:center;
  margin-right:100px;
  }
.kontakt_info h1 {
  margin:0;
  }
#adresa {
  float:left;
  margin:0 10px;
  }
#telefon {
  float:left;
  margin:0 10px;
  }
.jqtransform {
  width:360px;
  float:left;
  margin:40px 0 0 40px;
  } 
.g_map {
  width:350px;
  height:315px;
  overflow:hidden;
  padding-left:72px;
  padding-top:33px;
}
#gmap_bg {
  width:500px;
  height:400px;
  background: url(../img/gmap_bg.jpg) left top no-repeat;
  float:right;
  }