/*Elements CSS Framework by Ben Henschel*/
/*Mass Reset*/
/*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* CSS */
body{
	width: 913px;
	font: 9.5pt Tahoma, Verdana, Sans;
	margin: 0 auto;
	color: #4f5559;
	overflow: auto;
}
h1{
	float: left;
	margin: 30px 0 35px;
}

#nav{
	width: 100%;
	float: right;
	margin-top: -50px;
	list-style-type: none;
	overflow: hidden;
}
#nav li{
	float: right;
	padding-left: 50px;
}
#nav li a{
	display: block;
	height: 12px;
	background-position: 0 -12px;
}
#nav li a:hover, #nav li a.active{
	background-position: 0 0;
}
#navFirma{
	background-image: url('../images/navFirma.gif');
	width: 38px;
}
#navKontakt{
	background-image: url('../images/navKontakt.gif');
	width: 57px;
}
#navOferta{
	background-image: url('../images/navOferta.gif');
	width: 45px;
}
#navOLedach{
	background-image: url('../images/navOLedach.gif');
	width: 55px;
}
#navTechnologia{
	background-image: url('../images/navTechnologia.gif');
	width: 86px;
}
#navRealizacje{
	background-image: url('../images/navRealizacje.gif');
	width: 69px;
}
.top, #realizacje{
	margin-top: 10px;
	width: 913px;
	height: 213px;
	display: block;
	clear: both;
}
#realizacje{
	z-index: -100;
}
#contents{
	line-height: 130%;
	overflow: hidden;
}
#footer{
	border-top: 1px solid #899399;
	position: relative;
	font-size: .8em;
	color: #899399;
	padding: 5px 5px 0;
	margin: 125px 0 20px;
	clear: both;
	text-align: center;
}
#footer a{
	font-weight: normal;
}
#footer ul{
	list-style-type: none;
	position: absolute;
	left: 5px;
	top: 5px;
}
#footer ul li{
	display: inline;
	margin-left: 5px;
}
#footer p{
	position: absolute;
	top: 5px;
	right: 5px;
}

a{
	text-decoration: none;
	color: #4f5559;
	font-weight: bold;
}

a:hover{
	color: #006294;
}

h2{
	margin: 42px 0 30px;
}

#sidebar{
	width: 320px;
	float: left;
	list-style-type: none;
	margin-bottom: 100px;
}

#sidebar li{
	margin-bottom: 10px;
}

#sidebar li a{
	background-position: 0 0;
	height: 14px;
	display: block;
}

#sidebar.realizacje li a{
	height: auto;
}

#sidebar li a:hover, #sidebar li a.active{
	background-position: 0 14px;
}

#sidebar.realizacje li{
}

#sidebar.realizacje li a{
	color: #899399;
	padding-left: 15px;
}

#sidebar.realizacje li a.active, #sidebar.realizacje li a:hover{
	background: url('../images/bullet.gif') 0 5px no-repeat;
	color: #4f5559;
}

#sidebarONas{
	background-image: url('../images/sidebarONas.gif');
	width: 52px;
}

#sidebarDlaczegoCreso{
	background-image: url('../images/sidebarDlaczegoCreso.gif');
	width: 134px;
}

#sidebarProfesjonalneDoradztwo{
	background-image: url('../images/sidebarProfesjonalneDoradztwo.gif');
	width: 192px;
}

#sidebarJakDzialaEkranLed{
	background-image: url('../images/sidebarJakDzialaEkranLed.gif');
	width: 164px;
}

#sidebarZastosowaniaEkranowLed{
	background-image: url('../images/sidebarZastosowaniaEkranowLed.gif');
	width: 208px;
}

#sidebarEkranyLedWReklamie{
	background-image: url('../images/sidebarEkranyLedWReklamie.gif');
	width: 173px;
}

#sidebarDiodyLed{
	background-image: url('../images/sidebarDiodyLed.gif');
	width: 85px;
}

#sidebarModulyEkranowLed{
	background-image: url('../images/sidebarModulyEkranowLed.gif');
	width: 162px;
}

#sidebarKabinetyLed{
	background-image: url('../images/sidebarKabinetyLed.gif');
	width: 108px;
}

#sidebarObraz{
	background-image: url('../images/sidebarObraz.gif');
	width: 54px;
}

#sidebarTransport{
	background-image: url('../images/sidebarTransport.gif');
	width: 83px;
}

#sidebarJakosc{
	background-image: url('../images/sidebarJakosc.gif');
	width: 58px
}

#sidebarGwarancja{
	background-image: url('../images/sidebarGwarancja.gif');
	width: 87px;
}

#sidebarSerwis{
	background-image: url('../images/sidebarSerwis.gif');
	width: 61px;
}

#sidebarPobierzPelnaOferte{
	background-image: url('../images/sidebarPobierzPelnaOferte.gif');
	width: 158px;
}

strong{
	font-weight: bold;
}

sup{
	vertical-align: super;
	font-size: .7em;
}

#contents p{
	margin-bottom: 20px;
}

#contents p img{
	margin-top: 10px;
}

#contents ul, #contents ol{
	margin-left: 20px;
}

#contents ul li, #contents ol li{
	margin-bottom: 5px;
}

.source{
	font-size: .7em;
}

.pdf{
	background: url('../images/iconPDF.gif') no-repeat;
	padding-left: 15px;
}

#iconPlay{
	vertical-align: middle;
	padding-left: 10px;
}

#kurs, #kurs *{
	float: right;
	width: 220px;
	height: 110px;
	overflow: hidden;
	border: 0 none;
}
 
#ss_logo {margin:30px 0;}
#ss_head {position:absolute; left:50%; top:390px; margin-left:-137px;}
#ss_head h1 {font: 9.5pt Tahoma, Verdana, Sans;margin:0;padding-bottom:10px; font-weight:bold;}


/*
    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;}

/* 
    ColorBox 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:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}