html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face{ font-family: NeoSansStd; src: url('NeoSansStd-Regular.otf'); }
	@font-face{ font-family: NeoSansStd; src: url('NeoSansStd-Bold.otf'); font-weight: bold; }

html, body{ height: 100%; }
body{ font: 8pt Tahoma, Arial, Helvetica, Verdana, Sans-serif; color: #fff; }
	a{ text-decoration: none; color: #fff; }

h2{ font-size: 1.3em; margin: 0 0 10px; }
h3{ font-weight: bold; font-size: 1.2em; }
p + h3, ul + h3{ margin-top: 20px; }

#body{ position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; min-height: 100%; overflow: auto; }

h1{ width: 100%; height: 91px; padding: 34px 0 0; background: rgba(0,17,28,.9) !important; background: rgb(0,17,28); }
	h1 a{ width: 97px; height: 58px; display: block; margin: 0 0 0 55px; }

#content{ width: 600px; padding: 25px; margin: 40px auto 120px; overflow: hidden; background: rgba(0,17,28,.93) !important; background: rgb(0,17,28); }
	#content h2{ font-family: NeoSansStd, Arial, Tahoma, Verdana, Sans-serif; font-weight: bold; }
	#content p{ margin: 10px 0 0; line-height: 160%; }
	#content a{ color: #00c6eb; }
		#content a:hover{ text-decoration: underline; }
	#content .half{ width: 50%; }
	#content .left{ float: left; }
	#content .right{ float: right; }

#listaRealizacji{}
	#listaRealizacji > li{ position: relative; height: 171px; overflow: hidden; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #fff; }
		#listaRealizacji li ul{ margin: 10px 0 0 20px; list-style: disc; }
			#listaRealizacji li ul li{ margin: 0 0 3px; }
		#listaRealizacji li img{ position: absolute; right: 0; top: 20px; z-index: 100; }
		#listaRealizacji li span{ position: absolute; right: 5px; top: 25px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #00111c; z-index: 101; }
		#listaRealizacji li p{ width: 250px; }

#topNav{ width: 650px; position: absolute; top: 78px; left: 50%; margin: 0 0 0 -314px; list-style: none; }
	#topNav li{  display: inline-block; background: 0 5px no-repeat; }
		#topNav li.about:hover, #topNav li.about.active{ background-image: url('images/bulletYellow.gif'); }
		#topNav li.led-technology:hover, #topNav li.led-technology.active{ background-image: url('images/bulletMagenta.gif'); }
		#topNav li.offer:hover, #topNav li.offer.active{ background-image: url('images/bulletBlue.gif'); }
		#topNav li.realisations:hover, #topNav li.realisations.active{ background-image: url('images/bulletOrange.gif'); }
		#topNav li.contact:hover, #topNav li.contact.active{ background-image: url('images/bulletLightBlue.gif'); }
		#topNav li a{ margin: 0 50px 0 0; padding: 0 0 0 13px; font-family: NeoSansStd, Arial, Tahoma, Verdana, Sans-serif; font-weight: bold; text-transform: uppercase; }

#footer{ width: 100%; height: 86px; font-size: .9em; position: fixed; bottom: 0; left; 0; background: url('images/dots.gif') 0 20px repeat-x; background-color: rgba(0,17,28,.94) !important; background-color: rgb(0,17,28); text-shadow: 0 0 2px rgb(0,17,28); z-index: 120; }
	#footer p{ width: 50%; position: relative; left: 20px; top: -30px; }

#background{ z-index: 1; width: 100%; height: auto !important; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; }
	#background img{ z-index:8; }
		#background img.active{ z-index:10; }
		#background img.last-active{ z-index:9; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: rgba(0,0,0,.7); }
#colorbox{ -webkit-box-shadow: 0 0 10px #00111c; -moz-box-shadow: 0 0 10px #00111c; background: rgba(0,17,28,.9); }
    #cboxTopLeft{ width: 25px; height: 25px; }
    #cboxTopRight{ width: 25px; height: 25px; }
    #cboxBottomLeft{ width: 25px; height: 25px; }
    #cboxBottomRight{ width: 25px; height: 25px; }
    #cboxMiddleLeft{ width: 25px; }
    #cboxMiddleRight{ width: 25px; }
    #cboxTopCenter{ height: 25px; }
    #cboxBottomCenter{}
    #cboxContent{ padding: 0 0 30px; font-weight: bold; }
        #cboxLoadedContent{}
        #cboxTitle{ position: absolute; bottom: 8px; left: 0; text-align:center; width: 100%; }
        #cboxCurrent{ position: absolute; bottom: 8px; left: 58px; }
        #cboxSlideshow{}
        #cboxPrevious{ position: absolute; bottom: 10px; left: 0; }
        #cboxPrevious.hover{}
        #cboxNext{ position: absolute; bottom: 10px; left: 10px; }
        #cboxNext.hover{}
        #cboxLoadingOverlay{}
        #cboxLoadingGraphic{ background: #00111c url('images/loading.gif') center no-repeat; }
        #cboxClose{ position:absolute; bottom: 8px; right: 0; }
        #cboxClose.hover{}

.p_strong {
  
   width: 100%; height: 91px; padding: 34px 0 0; background: rgba(0,17,28,.9) !important; background: rgb(0,17,28);
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:rgba(0, 17, 28, 0.9) none repeat scroll 0 0 !important;
height:91px;
padding:34px 0 0 0;
width:100%;
}
.p_strong a{ width: 97px; height: 58px; display: block; margin: 0 0 0 55px; padding: 0 0 0 55px;}

.naglowek_div {
background: rgba(0, 17, 28, 0.9) none repeat scroll 0% 0%; 
-moz-background-clip: border; 
-moz-background-origin: padding; 
-moz-background-inline-policy: continuous; 
height: 125px;
}

.naglowek_a {
background: transparent none repeat scroll 0% 0%; text-indent: 0pt; text-decoration: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
}

#logo_naglowek {
background: transparent none repeat scroll 0% 0%; text-indent: 0pt; text-decoration: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
}

#naglowek_img{
  border: 0px none ; left: 55px; margin-top: 34px; position: absolute; z-index: 2;
  }
  
#naglowek_img_h{
border: 0px none ; margin-top: 0px;
}

.naglssowki {
display:inline; color:#ffffff; font:8pt Tahoma,Arial,Helvetica,Verdana,Sans-serif; font-weigth:normal;padding:0;margin:0;
}