@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;
	}
#datalab_bronze {
	float:right;
	margin-top: 40px;
	margin-right: 40px;
	}
#datalab_bronze h2 {
	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;
	}