.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left { float: left; }
.right { float: right; }

a, li, ul, div {outline: none}
body {
	padding:0;
	margin:0;
	 background: #000000 url(../images/bg.jpg) center 100px no-repeat;
	text-align: center;
	font-family: verdana;
	font-size: 11px;
	color: #ddd;
	overflow-x: hidden
}



h1,h2,ul,li,input,p,img { padding:0; margin:0; }
img { border: 0; }

h1,h2,ul,li,input,p,img { padding:0; margin:0; }
img { border: 0; }
a { color: #666; }
h2 { font-size: 22px; padding-bottom: 10px;}
ul { list-style: none; }
li { }

div#container {
	width: 990px;
	text-align: left;
	margin: 0 auto;
}

div#top {
	z-index:310;
	height: 90px;
	width: 990px;
	background: url(../images/top_bg.png)  center -8px no-repeat;
	position: relative;
}

img#logo_lira {
	display: block;
	position: relative;
	top:15px;
	left:30px;
}



div#flags {
	width:122px;
	height: 80px;
	background: url(../images/flag.png) no-repeat 0px 16px;
	position: absolute;
	right: 10px;
	top:10px;
}
div#flags ul li {display: block; width:29px;text-indent:-9999px}
div#flags ul li#pl {margin-left: 40px;float:left}
div#flags ul li#uk {margin-right: 20px;float:right}
div#flags ul li#pl a{ float: left; background: url(../images/flag_pl.png); width: 29px; height: 16px;outline: none}
div#flags ul li#uk a{ float: left; background: url(../images/flag_uk.png); width: 29px; height: 16px;outline: none}

div#search {position: absolute; right: 10px; top:43px;}
div#search input {background: #131313; border:1px solid #f9632a; height: 13px; color:#424242; line-height: 13px; font-size: 11px;padding:3px; width: 94px}

div#content {height: 496px;padding:0px 18px 10px 20px; }
div#content div.left p {line-height: 13px}
div#content div.left p a {text-decoration: none; color:#fff}
div#content div.left p a:hover {text-decoration: none; color:#F9632A}

div.productbg {
	background: url(../images/product_title_bg.png) no-repeat 15px 35px;
	height:200px;
}

div#footer { position:relative;background: url(../images/footer_bg.jpg) no-repeat top left; width: 980px; height: 61px;color:#ababac}
div#footer #iso {
	background: url(../images/iso.png) 0px 17px no-repeat; width: 150px; height:37px;line-height: 37px;text-align: right;font-size: 10px;margin-left:30px;padding-top:20px;padding-left:15px
}

#mainmenu {position: relative;top:3px; left:190px;text-align: center;width: 730px;
	margin:0; 
	padding:0; 
	list-style:none;
	z-index: 88888;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#mainmenu li {
		float:left; 
		display:block; 
 
		position:relative;
		z-index:99900; 
		margin:0 1px;
		
		text-transform: none;
	padding-right: 5px;
	padding-left: 5px;
	display: inline;
	}
		
	/* this is the parent menu */

	
	
	/* you can make a different style for default selected value */
	#mainmenu a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#mainmenu ul {
			position:absolute; 
			left:0; 
			top:15px;
			display:none; 
			margin:0px 0 0 -1px; 
			padding:5px 5px 5px 5px; 
			list-style:none;
			border: 1px solid #373737;
			background: url(../images/transparentbg.png) repeat top left;
			z-index: 99999;
		}
		
		#mainmenu ul li {
			width:141px; 
			float:left; 

		}
		
		/* display block will make the link fill the whole area of LI */
		#mainmenu ul a {
			display:block;  
			width:141px;text-align: left;
			height: 20px;
		}
		
		#mainmenu ul a:hover {
			text-decoration:underline;	
		}
		
		ul#mainmenu li a {   text-decoration: none; font-size: 13px; color:#ddd;font-weight: normal}
ul#mainmenu li a:hover {   text-decoration: none; font-size: 13px; color:#F9632A;font-weight: normal}


/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #mainmenu ul {
	margin:0 0 0 -2px;
}



ul#slider {
    width: 950px;
    height: 496px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;border: 1px solid #373737;
    z-index: 8;
}

ul#slider li {
    float: left;
    z-index: 9;
    /*display: none;*/
}

ul#slider li div {
   	width: 930px;
    background: url(../images/transparentbg.png) repeat top left;
    color: #fff;
	margin-top:-60px;
    /*display: none;*/
    padding: 10px;
    height: 40px;
    text-align: right;
}

ul#slider li div p.wybranerealizacje{
	color:#f9632a;
	
}
ul#slider li div p.wybranerealizacjenazwa{
	color:#fff;
	font-size: 18px;
	
}




ul#slider_ofirmie {
    width: 737px;
    height: 496px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;border: 1px solid #373737;
}

ul#slider_ofirmie li {
    float: left;

    
    /*display: none;*/
}

ul#slider_ofirmie li div {

   	width: 717px;
    background: url(../images/transparentbg.png) repeat top left;
    color: #fff;
    margin-top: -60px;
    /*display: none;*/
    padding: 10px;
    height: 40px;
    text-align: right;
}


ul#slider_ofirmie li div p.wybranerealizacjenazwa{
	color:#fff;
	font-size: 18px;line-height: 40px
	
}


.top {
    top: 0;
}

.bottom {
    bottom: 0;
}



/* o firmie */

div.aboutcompany {
	width:201px;
	height:478px;
	padding:20px 0px 0px 0px;
	
	background: url(../images/section_bg.png) no-repeat 110px 0px
}

div.aboutcompany img.logo{
	padding:0px 0px 20px 0px;
}

div.aboutcompany a.partnerlink {font-weight: bold;color:#ddd;text-decoration: none}
div.aboutcompany a.partnerlink:hover {font-weight: bold;color:#f9632a}

div.aboutcompany p {padding-bottom: 10px;padding-right: 20px;font-size: 11px;line-height: 14px}

/* products */

div.products {
	width:201px;
	height:488px;
	padding:0px 0px 0px 0px;
	
	background: url(../images/section_bg.png) no-repeat 110px 0px
}

a#toparrow {
	background: url(../images/products_arrow_up.png);
	display: block;
	width:191px;
	height: 19px;
	text-indent:-9999px;
	outline: none;
}
a#downarrow {
	background: url(../images/products_arrow_down.png);
	display: block;
	width:191px;
	height: 18px;
	text-indent:-9999px;
	outline: none;
	position: relative
}

div#scrollpane {height:460px;overflow:hidden}
ul#productlist li a{
	display: block;
	background: url(../images/productlistitem.png) no-repeat top left;
	width:191px; height:22px;margin-bottom:1px;line-height: 22px;text-decoration: none;padding-left:10px;color:#eee
}
ul#productlist li a:hover{
	display: block;
	background: #f9632a;
	width:181px; height:22px;margin-bottom:1px;line-height: 22px;text-decoration: none;padding-left:10px
}

div#prodThumbs {
	width: 737px;
    height: 496px;
	background: url(../images/products_filter_bg.png) no-repeat left 39px;
	z-index: 5;
	position: relative;
}

div#prodThumbs div#prodFilter{
	width: 737px;
	height: 40px;
	line-height: 30px;
	position: relative;
	z-index: 6;font-size: 11px;
}

div#prodFilter ul li{display: inline;}
div#prodFilter ul li a {text-decoration: none;font-size: 11px;float:left;margin-left:5px; outline: none}

div#prodFilter ul li a.type1, div#prodFilter ul li a.type2, div#prodFilter ul li a.type3, div#prodFilter ul li a.type4, div#prodFilter ul li a.type5 {
	display: block;
	height: 30px;
	background: url(../images/lamp_types.png);
	text-indent:-9999px;
	outline: none;
	cursor: pointer;
}
div#prodFilter ul li a.all, div#prodFilter ul li a.new {
	color:#4f4f50;
	margin-right:10px;
	margin-left: 10px
} 
div#prodFilter ul li a.all:hover, div#prodFilter ul li a.new:hover {
	color:#F9632A;
} 
div#prodFilter ul li a.all.active, div#prodFilter ul li a.new.active {
	color:#fff;
} 
div#prodFilter ul li a.type1 {
	width:24px;
	background-position: 0px 0px
}

div#prodFilter ul li a.type2 {
	width:28px;
	background-position: -24px 0px
}
div#prodFilter ul li a.type3 {
	width:28px;
	background-position: -52px 0px
}
div#prodFilter ul li a.type4 {
	width:31px;
	background-position: -80px 0px
}
div#prodFilter ul li a.type5 {
	width:44px;
	background-position: -111px 0px
}

div#prodFilter ul li a.type1:hover {
	width:24px;
	background-position: 0px 30px
}
div#prodFilter ul li a.type2:hover {
	width:28px;
	background-position: -24px 30px
}
div#prodFilter ul li a.type3:hover {
	width:28px;
	background-position: -52px 30px
}
div#prodFilter ul li a.type4:hover {
	width:31px;
	background-position: -80px 30px
}
div#prodFilter ul li a.type5:hover {
	width:44px;
	background-position: -111px 30px
}

div#prodFilter ul li a.type1.active {
	width:24px;
	background-position: 0px 60px
}
div#prodFilter ul li a.type2.active {
	width:28px;
	background-position: -24px 60px
}
div#prodFilter ul li a.type3.active {
	width:28px;
	background-position: -52px 60px
}
div#prodFilter ul li a.type4.active {
	width:31px;
	background-position: -80px 60px
}
div#prodFilter ul li a.type5.active {
	width:44px;
	background-position: -111px 60px
}

a#pdf_cat {
	background: url(../images/pdf_catalogue.png) no-repeat 0px 0px;
	width:160px;
	height: 52px;
	position: absolute;
	top:8px;
	right:10px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	color:#fff;
	line-height: 19px;
	text-align: right;
}

a#pdf_cat:hover{
	color:#F9632A;
	outline: none;
}

a#pdf_cat2 {
	background: url(../images/pdf_catalogue.png) no-repeat 0px 0px;
	width:160px;
	height: 52px;
	position: absolute;
	top:8px;
	right:180px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	color:#fff;
	line-height: 19px;
	text-align: right;
}

a#pdf_cat2:hover{
	color:#F9632A;
	outline: none;
}


div#thumbs {
	
	height:380px;
	width:710px;
	overflow: auto
}
div#thumbs ul {
	width:710px;
}
div#thumbs ul li{float: left}
div#thumbs ul li.product {margin:4px}
div#thumbs div.prod_name a{color:#f9632a; font-size: 11px; text-decoration: none}
div#thumbs div.prod_img {
	width:105px;
	height:105px;
	background:#1f1f1f;
	
}

div#thumbs div.prod_img:hover {
	background: #111;
}

/* product */
/* product */

a.back {float:right;position:relative;top:-20px;left:-20px;display:block;color:#fff;text-decoration: none}
a.back:hover {float:right;position:relative;top:-20px;left:-20px;display:block;color:#F9632A;text-decoration: none}

div#product_details {position: relative}

div#product_title h1{
	background: url(images/product_title_bg.png) no-repeat top left;
	height: 25px;
	line-height: 25px;
	color:#fff;
	font-size: 20px;
	font-weight: normal;
	padding-left: 10px;
	
}

div#lamptype {
	background: url(../images/lamp_type.png) no-repeat;
	width: 55px;
	height:76px;
	margin-top:40px;
	margin-left: 60px;
}

div#lamptype.lampka_mala {background-position: 0px 0px}
div#lamptype.lampka_duza {background-position: 0px -76px}
div#lamptype.kinkiet {background-position: 0px -153px}
div#lamptype.wiszaca {background-position: 0px -228px}
div#lamptype.tech {background-position: 0px -304px}

div#largephoto {position: absolute;top:-20px; left:190px;width:318px !important;border:1px solid #373737;}
div#largephoto ul li {width:318px;height:430px}
div#largephoto ul li img {border:1px solid #373737;}


div#product_details div#product {
	width:540px;
	height:430px;
	background: url(../images/product_bg.png) no-repeat 450px -55px; 
}
div#product_details div#product div#pdfs {
	width: 169px;
	height:50px;
	position: relative;
	top: 252px;
	left: 5px;
	padding-top: 45px;
	text-align: left;
	line-height: 18px;
	background: url(../images/product_pdf.png) top left no-repeat
}
div#product_details div#product div#pdfs ul{margin-left: 40px}
div#product_details div#product div#pdfs ul li {list-style-image: url(../images/arrow_pdf.png);}

div#product_details div#product div#pdfs ul li a{
	color:#fff;
	text-decoration: none;
	font-size: 11px
}
div#product_details div#product div#pdfs ul li a:hover{
	color:#F9632A;
	text-decoration: none;
	font-size: 11px
}

div#product_details div#other_products {
	padding-top: 55px;
	width:390px;
	font-size: 11px;
}
div#product_details div#other_products ul li {float:left; width:130px; height:145px; }
div#product_details div#other_products ul li a img {border:1px solid #373737}
div#product_details div#other_products ul li div.typeofproduct {background: url(../images/lamp_types.png) ;height: 30px; text-indent:-9999px;  }
div#product_details div#other_products ul li div#lampka_mala.typeofproduct {width:24px;background-position: 0px 0px;margin-left:42px}
div#product_details div#other_products ul li div#lampka_duza.typeofproduct {width:28px;background-position: -24px 0px;margin-left:42px}
div#product_details div#other_products ul li div#kinkiet.typeofproduct {width:28px;background-position: -52px 0px;margin-left:42px}
div#product_details div#other_products ul li div#wiszaca.typeofproduct {width:31px;background-position: -80px 0px;margin-left:40px}
div#product_details div#other_products ul li div#tech.typeofproduct {width:44px;background-position: -111px 0px;margin-left:29px}


div#product_details div#other_products p {margin-bottom:17px}

#largephoto ul, #largephoto li{
		margin:0;
		padding:0;
		list-style:none
		}
	#largephoto li{ 
		overflow:hidden; 
		}
		


div#product div#productcontrols {width:55px; position: relative; top:220px; left:325px;}
	a#prevBtn{ display: block; background: url(../images/product_left_arrow.png) no-repeat top left; text-indent:-9999px; width: 21px; height:21px;outline: none; float: left}
	a#nextBtn{ display: block; background: url(../images/product_right_arrow.png) no-repeat top left; text-indent:-9999px; width: 21px; height:21px;outline: none; float: right}




/* mapa */

div#map {
	
	width:950px;
	height:496px;
	border:1px solid #373737;
	position: relative;
}

div#map.pl {background: url(../images/map_pl.png) no-repeat top left;}
div#map.eu {background: url(../images/map_eu.png) no-repeat top left;}
div#map ul li a{display:block;text-indent:-9999px;background: url(../images/dot.png) top left no-repeat;width:8px;height:9px; outline: none;position: absolute}

div#map ul li#elblag a{ top:89px; left:331px;}
div#map ul li#gdansk a{ top:79px; left:291px;}
div#map ul li#olsztyn a{ top:106px; left:399px;}
div#map ul li#bydgoszcz a{ top:149px; left:283px;}
div#map ul li#poznan a{ top:176px; left:241px;}
div#map ul li#szczecin a{ top:109px; left:148px;}
div#map ul li#warszawa a{ top:212px; left:417px;}
div#map ul li#lodz a{ top:238px; left:348px;}
div#map ul li#radom a{ top:260px; left:417px;}
div#map ul li#lublin a{ top:294px; left:463px;}
div#map ul li#wroclaw a{ top:290px; left:225px;}
div#map ul li#czestochowa a{ top:300px; left:319px;}
div#map ul li#katowice a{ top:327px; left:311px;}
div#map ul li#krakow a{ top:339px; left:344px;}
div#map ul li#bielskobiala a{ top:363px; left:319px;}
div#map ul li#cieszyn a{ top:379px; left:303px;}

div#map ul li#elblag_eu a{ top:258px; left:332px;}
div#map ul li#gdansk_eu a{ top:258px; left:317px;}
div#map ul li#poznan_eu a{ top:274px; left:306px;}
div#map ul li#warsaw_eu a{ top:277px; left:340px;}
div#map ul li#london_eu a{ top:262px; left:167px;}


div#map div#localizations {float:right; width:240px;height:496px;position: absolute; top:0px; right:0px;}
div#map div#localizations div {position: absolute;display:none;bottom:10px}
div#map div#localizations div b {font-size: 13px}
div#map div#localizations div a{color:#fff; text-decoration: none;}
div#map div#localizations div a:hover{color:#F9632A; text-decoration: none;}








/* realizacje */
div.projects {
	width:265px;
	height:488px;
	padding:0px 0px 0px 0px;
	
	background: url(../images/section_bg.png) no-repeat 177px 0px ;
}

ul#projects_filter {
	position: relative;
	top:50px;
}
ul#projects_filter li a:hover{color:#F9632A}
ul#projects_filter li a.active{color:#F9632A}
a#toparrow_projects {
	background: url(../images/projects_arrow_up.png);
	display: block;
	width:250px;
	height: 19px;
	text-indent:-9999px;
	outline: none
}
a#downarrow_projects {
	background: url(../images/projects_arrow_down.png);
	display: block;
	width:250px;
	height: 18px;
	text-indent:-9999px;
	outline: none
}


ul#projectslist li a{
	display: block;
	background: url(../images/projectslistitem.png) repeat-x top left;
	width:240px; margin-bottom:1px;line-height: 22px;text-decoration: none;padding-left:10px;color:#eee
}
ul#projectslist li a:hover{
	display: block;
	background: #f9632a;
	width:240px; margin-bottom:1px;line-height: 22px;text-decoration: none;padding-left:10px
}


div#projectsThumbs {
	width: 670px;
    height: 500px;
	background: url(../images/projects_bg.png) no-repeat -50px 379px;
	position: relative
}

div#projectsThumbs ul li{display: inline;}

div#projectsThumbs ul li a {text-decoration: none;font-size: 12px;float:left;outline: none; color:#fff;padding-right:25px}

div#thumbs_projects {
	
	height:400px;
	width:640px;
	overflow: auto;
	
}
div#thumbs_projects ul {

	width:620px;
}


div#thumbs_projects ul li{float: left; width: 290px; height:117px;padding:8px}
div#thumbs_projects ul li a div.left{float: left; width: 120px; height:117px;cursor:pointer}
div#thumbs_projects ul li a div.right{float: left; width: 145px; height:117px;cursor:pointer}
div#thumbs_projects ul li a div.left img {border:1px solid #373737;}
div#thumbs_projects div.project_name{ width:130px;margin-left:15px;float:right;cursor:pointer; font-size: 12px;}

div#thumbs_projects a:hover {color:#F9632A}


/* projekt */


div#projectsright {background:transparent url(../images/products_filter_bg.png) no-repeat scroll left 39px;}

.transparent {background: transparent url(../images/projecttransparent.png) top left;
 }



ul#productlist2 li {padding-top: 5px; padding-bottom: 5px; position: relative; margin: auto; text-align: center}
ul#productlist2 li img {border:1px solid #373737; cursor: pointer}

div#projectname {
width: 737px;
	height: 40px;
	line-height: 30px;
	position: relative;
	font-size: 17px;
	
	color:#fff;
	padding-left: 10px;

}

.projectback{color:#fff;float:right;left:-20px;position:relative;text-decoration:none;top:-30px;font-size:12px}
.projectback:hover{color:#F9632A;float:right;left:-20px;position:relative;text-decoration:none;top:-30px;font-size:12px}



/* Newsy */
ul#news {z-index:300}
ul#news li {z-index:305; display: block; width: 900px; float: left; height: 152px; background: url('../images/bg_news.png') -15px 40px no-repeat; }
ul#news li div a img {   text-align: center}
ul#news li a { color: #fff; text-decoration: none; font-size: 11px;}
ul#news li a:hover { color: #f9632a; text-decoration: none; font-size: 11px;}
ul#news li h3 a { color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; outline: none}
ul#news li h3 a:hover { color: #f9632a; font-size: 14px; font-weight: normal; text-decoration: none; outline: none}
ul#news li h3 { padding: 0; margin: 0; height: 50px; }
div.news { width: 100% !important; background: none !important; outline: none}
div.news div#thumbs ul { width: 850px !important;}


/*one news*/

#news_title h1{
	font-size: 14px;line-height: 25px;padding-left: 10px
}
newslargephoto_container {position:absolute;top:10px;left:480px}
div#newslargephoto {margin-top: 50px;
width:459px;height:393px
}
div#newslargephoto ul li{width:462px;height:395px;text-align: center}
div#newslargephoto ul li img {border:1px solid #373737;text-align: center}

div.newscontrols div#productcontrols {width:55px; position: relative; top:5px; left:215px;}

div.newscontrols div#productcontrols 	a#prevBtn{ display: block; background: url(../images/product_left_arrow.png) no-repeat top left; text-indent:-9999px; width: 21px; height:21px;outline: none; float: left}
div.newscontrols div#productcontrols 	a#nextBtn{ display: block; background: url(../images/product_right_arrow.png) no-repeat top left; text-indent:-9999px; width: 21px; height:21px;outline: none; float: right}


img.onenewsimage {text-align: center }
div#news_header {float:left; padding-left:20px;margin:0px}
div#news_content {position:relative;top:30px;left:10px;float:left;width:310px;font-size:11px;line-height:14px}

div#news_content a{text-decoration: none;color:#fff; }
div#news_content a:hover{text-decoration: none;color:#f9632a; }

img.imgborder {border:1px solid #373737;}


/*jobs*/

div#jobs div {width:685px;height:496px;}
div#jobs div div.jobbg {width:645px;height:456px;padding: 20px;background: url(../images/transparentbg.png) transparent repeat top left;}

div#jobs div div.jobbg h1{font-size: 15px;line-height: 25px;}