body { background: #ffffff; margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #070808; }
.clear, .Clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

a { text-decoration: none; color: #08b045; }
a:hover { text-decoration: underline; }
ul, ol { padding: 0; margin: 0 0 10px 30px; }
ul li { padding: 3px 0; margin: 0; list-style: disc; font-size: 11px; line-height: 18px; }
ol li { padding: 3px 0; margin: 0; list-style: decimal; font-size: 11px; line-height: 18px; }
p { font-size: 11px; line-height: 18px; padding: 0 0 10px 0; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { align: center; }
strong, b, .intro { font-weight: bold; }
em, i { font-style: italic; }


h1 { color: #00a13a; font-size: 24px; margin: 0; padding: 0 0 15px 0; text-transform: uppercase; }
h2 { color: #e46713; font-size: 20px; line-height: 30px; margin: 0; padding: 0 0 15px 0; text-transform: uppercase; }
h3 { color: #404040; font-size: 16px; line-height: 30px; margin: 0; padding: 0 0 15px 0; text-transform: uppercase; }
h5 { color: #666666; font-size: 14px; margin: 0; padding: 0 0 10px 0; text-transform: uppercase; }

.wrap { width: 1000px; margin: 0 auto; }

table { margin: 0 0 20px 0; }

/* HEADER 
***********************************************************************************/

#header { height: 480px; position: relative; }
	
	#header #logo { display: block; width: 608px; height: 71px; float: left; margin: 20px 0 0 20px; }

#header .language { float: right; margin: 75px 20px 0 0; }
	#header .language a { background: #e46713; display: block; float: left; border-radius: 5px; width: 24px; height: 16px; text-align: center; color: #ffffff; padding: 4px 0; margin: 0 0 0 5px; font-size: 11px; line-height: 16px; }
	#header .language a:hover { background: #00a13a; text-decoration: none; }
	#header .language a.active { color: #535353; background: transparent }

#header .navigation { width: 100%; background: url(../layout/nav_top.gif) 0 0 no-repeat; height: 52px; z-index: 20; padding: 8px 0 0 0; position: absolute; left: 0; top: 109px; }
	#header ul.nav { width: 100%; background: url(../layout/nav_bg.png) 0 0 repeat-x; height: 52px; padding: 0; margin: 0; list-style: none; }
		#header ul.nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; }
			#header ul.nav li a.lvl1 { display: block; padding: 20px 24px 0 24px; height: 32px; font-size: 16px; color: #666666; text-transform: uppercase }
			#header ul.nav li.hover a.lvl1 { text-decoration: none; background: url(../layout/nav_bg_hover.png) 0 0 repeat-x; color: #ffffff; }
			#header ul.nav > li:first-child a.lvl1:hover, #header ul.nav > li.hover:first-child a.lvl1 { background: url(../layout/nav_bg_hover_1.png) 0 0 repeat-x; }
	
			#header ul.nav li ul { background: #535353; position: absolute; left: 0; top: 52px; z-index: 20; width: 250px; padding: 10px; margin: 0; display: none; }
				#header ul.nav li ul li { padding: 0; margin: 0; list-style: none; width: 250px; }
					#header ul.nav li ul li a { display: block; padding: 7px 0; font-weight: bold; border-bottom: 1px dashed #808080; width: 250px; color: #cccccc; font-size: 14px; }
	
/* MAIN
***********************************************************************************/

#main { padding: 20px 0; }	
	
.colLeft { width: 665px; float: left; padding: 0 0 0 15px; }
.colRight { width: 275px; float: right; padding: 0 15px 0 0; }

/* HOME
***********************************************************************************/

.slider { background: #f1f1f1; width: 1000px; height: 310px; margin: 1px auto 0 auto; border-radius: 0 0 20px 20px; position: absolute; bottom: 0; left: 0; z-index: 10; }
	.scrollable { position:relative; overflow:hidden; width: 912px; height: 248px; left: 44px; top: 20px; }
		.scrollable .items { width:20000em; position:absolute; }
			.scrollable .items div { float:left; width: 912px; height: 248px; }
	.slider .browse { display: block; position: absolute; height: 35px; width: 22px; cursor: pointer; background: url(../layout/slider_browse.png) 0 0 no-repeat; top: 120px; }
	.slider .browse.left { left: 11px; }
	.slider .browse.right { right: 11px; background: url(../layout/slider_browse.png) -22px 0 no-repeat }
		
.navi { width: 240px;height:20px; position: absolute; bottom: 12px; left: 380px;}
	.navi a { width:12px; height:12px; float:left; margin: 4px; cursor: pointer; background: url(../layout/slider_navi.png) 0 0 no-repeat; display:block; font-size:1px; }
	.navi a:hover { background: url(../layout/slider_navi.png) 0 -12px no-repeat; }
	.navi a.active { background: url(../layout/slider_navi.png) 0 -12px no-repeat; }

.sideLeft { float: left; width: 275px; }
	.sideLeft .news { border: 1px solid #e8e8e8; padding: 20px 10px; border-radius: 10px; position: relative; margin: 0 0 20px 0; } 
		.sideLeft .news h5 { padding: 0 0 25px 0; }
		.sideLeft .news a.all { positioN: absolute; right: 10px; top: 23px; color: #e46713; font-weight: bold; }
		.sideLeft .news p { color: #666666; line-height: 18px; font-size: 11px; padding: 0 0 30px 0; border-bottom: 1px dashed #e5e5e5; }
		.sideLeft .news a.more { float: right; color: #e46713; font-weight: bold; display: block; margin: -20px 0 0 0; }
		
	.sideLeft .curio { border: 1px solid #e8e8e8; padding: 15px 5px; border-radius: 10px; position: relative; } 
		.sideLeft .curio h5 { padding: 0 0 25px 0; }
		.sideLeft .curio a.all { positioN: absolute; right: 10px; top: 18px; font-weight: bold; }
			.sideLeft .curio .item { border-bottom: 1px dashed #e5e5e5; margin: 0 0 10px 0; padding: 10px 5px; position: relative; }
			.sideLeft .curio .item span { display: block; float: left; width: 25px; height: 25px; padding: 8px 0 0 8px; margin: 0 20px 0 0; font-size: 18px; text-align: left; color: #ffffff; background: url(../layout/curio_count.png) 0 0 no-repeat; }
			.sideLeft .curio .item p { color: #666666; font-weight: bold; padding: 0; }
			.sideLeft .curio .item a.more { float: right; font-weight: bold; display: block; margin: 0; }
	
.sideRight { float: right; width: 375px; }
	.sideRight p { text-align: justify; }
	.sideRight p.welcome { color: #e46713; font-size: 18px; font-weight: bold; line-height: 24px; text-align: center; padding: 20px 0; }
	
/* PODSTRONY
***********************************************************************************/
	
h5.menuTitle { height: 21px; margin: 0; padding: 9px 20px 0 20px; color: #bfbfbf; background: url(../layout/nav_bg_hover.png) 0 center repeat-x; float: left; border-right: 1px solid #404040; }	
	
.line { clear: both; margin: 20px 0; height: 1px; background: #e5e5e5; width: 100%; }
	
.subnav { margin: 0 0 20px 0; padding: 0; list-style: none; float: left; }
	.subnav li { margin: 0; padding: 0; list-style: none; float: left; height: 30px; position: relative; }
		.subnav li a.lvl1 { display: block; height: 20px; padding: 10px 14px 0 14px; line-height: 13px; text-transform: uppercase; font-size: 13px; background: url(../layout/nav_bg_hover.png) 0 center repeat-x; color: #cccccc; }
		.subnav li a.lvl1:hover, .subnav li.hover a.lvl1, .subnav li.active a.lvl1 { background: url(../layout/nav_bg_green.png) 0 center repeat-x; color: #ffffff; }
		.subnav li ul { visibility: hidden; margin: 0; z-index: 5; padding: 10px; position: absolute; left: 0; top: 30px; width:160px; background: #0cac46; }
			.subnav li ul li { width: 100%; margin: 0; padding: 0; list-style: none; border-top: 1px solid #38c36b; height: auto; }
			.subnav li ul > li:first-child { border: none; }
			.subnav li ul li a { color: #ffffff; display: block; font-weight: bold; font-size: 11px; line-height: 16px; padding: 5px; }
			.subnav li ul li a:hover { text-decoration: none; }
	
table.table1 { width:100%; text-align:center; }
table.table1 td { padding: 5px 0; text-align: center; line-height: 16px; color: #404040; }

table.tabela { width:100%; text-align:center; }
table.tabela td { padding: 5px; text-align: center; line-height: 16px; color: #404040; border: 1px solid #e5e5e5; }
table.tabela tr.head td { font-weight: bold; border: #1px solid #ebebeb; background: #f5f5f5; } 
	
.kolory { font-size: 10px; line-height: 14px; margin: 0 auto; text-align: center; width: 100%; }
	.kolory td.kwadrat_kolory { border: 5px solid #ffffff; height: 80px; width: 80px; vertical-align: middle; }
	.kolory td.podpis { color: #808080; padding: 0 0 20px 0; }

table.zapytanie { background: #f5f5f5; width: 100%; }
	table.zapytanie tr td { border-bottom: 1px solid #ebebeb; padding: 10px; vertical-align: top; }
	table.zapytanie tr > td:first-child { width: 150px; background: #ebebeb; text-align: right; border-bottom: 1px solid #dedede; font-weight: bold; line-height: 18px; color: #808080; }
	
	table.zapytanie tr td input { background: #ffffff; font-family: Tahoma; border: 1px solid #999999; padding: 5px 10px; font-size: 11px; color: #404040; line-height: 16px; height: 16px; }

	table.zapytanie tr td textarea { width: 90%; background: #ffffff; font-family: Tahoma; border: 1px solid #999999; padding: 10px; font-size: 11px; color: #404040; line-height: 16px; }
	table.zapytanie tr td p { color: #808080; font-size: 10px; line-height: 16px; }
	table.zapytanie tr td input.button { border: none; height: 34px; width: 120px; font-weight: bold; font-size: 14px; padding: 0; margin: 0 auto; cursor: pointer; color: #ffffff; background: url(../layout/nav_bg_green.png) 0 center repeat-x; }

#dwg_table { width: 100%; }
	#dwg_table td { border-bottom: 1px solid #e5e5e5; padding: 10px; vertical-align: middle; line-height: 16px; }
	#dwg_table .dwg_table_tr td { background: #f5f5f5; }

.slupek { background: url("../layout/slupek_2.gif") repeat scroll 0 0 transparent; height: 34px; margin-top: 10px; width: 200px; }
.slupek_txt { font-size: 11px; margin-left: 11px; }
.slupek_left { background: url("../layout/slupek_1.gif") repeat scroll 0 0 transparent; float: left; height: 34px; width: 11px; }
.slupek_right { background: url("../layout/slupek_3.gif") repeat scroll 0 0 transparent; float: right; height: 34px; width: 23px; }

.print_img { height: 20px; margin: 135px 0 0 190px; position: absolute; width: 20px; }

ul.sitemap { margin: 0; padding: 0 0 20px 0;}
	ul.sitemap li { margin: 0; padding: 0; list-style: none; }
	ul.sitemap li a { font-size: 14px; font-weight: bold; line-height: 20px; }
		ul.sitemap li ul { margin: 0; padding: 0 0 20px 0; border-left: 1px solid #e5e5e5;}
		ul.sitemap li ul li { margin: 0; padding: 0 0 0 20px; list-style: none; }
		ul.sitemap li ul li a { font-size: 11px; color: #E46713; }

/* RIGHT
***********************************************************************************/

.colRight a { display: block; width: 275px; min-height: 60px; background: red; margin: 0 0 20px 0; }

	a.buttonQuestion { height: 123px; background: url(../layout/buttons/button_question.jpg) 0 0 no-repeat; }
	a.buttonFind { height: 101px; background: url(../layout/buttons/button_find.jpg) 0 0 no-repeat; }
	a.buttonGwarancja { height: 101px; background: url(../layout/buttons/button_gwarancja.jpg) 0 0 no-repeat; }
	a.buttonNews { height: 93px; background: url(../layout/buttons/btn_aktualnosci.jpg) 0 0 no-repeat; }
	a.buttonCurio { height: 93px; background: url(../layout/buttons/btn_czywieszze.jpg) 0 0 no-repeat; }
	a.buttonRefe { height: 89px; background: url(../layout/buttons/btn_referencje.jpg) 0 0 no-repeat; }
	a.buttonGallery { height: 89px; background: url(../layout/buttons/btn_galeira.jpg) 0 0 no-repeat; }
	a.buttonWspolpraca { height: 105px; background: url(../layout/buttons/btn_wspolpraca.jpg) 0 0 no-repeat; }
	a.buttonCert { height: 105px; background: url(../layout/buttons/btn_certyfikaty.jpg) 0 0 no-repeat; }
	
	.eng .colRight a { background-position: -275px 0; }
	.ru .colRight a { background-position: -550px 0; }
	
/* FOOTER
***********************************************************************************/

#footer { padding: 10px 0 0 0; height: 160px; position: relative; } 
	#footer ul { margin: 0; padding: 0 0 40px 0; list-style: none; text-align: center; }
		#footer ul li { margin: 0; padding: 0 6px; list-style: none; display: inline; border-left: 1px solid #535353; }
		#footer ul li a { color: #535353; }
#footer p { padding: 35px 0 0 0; color: #535353; }
	#footer p a { color: #535353; }
		
	#footer .newsletterBox { width: 345px; position: absolute; left: 327px; top: 60px; }	
		#footer .newsletterBox h5 { color: #b1b1b1; font-size: 14px; padding: 0 0 10px 0; } 
			#footer .newsletterBox div { background: #e46713; border-radius: 10px; padding: 10px 10px 15px 10px; }	
				#footer .newsletterBox label { display: block; margin: 0 0 10px 0; font-weight: bold; color: #ffffff; font-size: 12px; }
				#footer .newsletterBox input.text { border: none; background: #ffffff; font-size: 11px; margin: 0 10px 0 0; color: #808080; line-height: 16px; padding: 2px 10px 1px 10px; width: 236px; height: 16px; float: left; }
				#footer .newsletterBox input.submit { border: none; margin: 0; cursor: pointer; background: url(../layout/newsletter_add.png) 0 0 no-repeat; width: 59px; height: 19px; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 11px; }
		
/* FACEBOOK
*****************************************************/
		
.widget_social { display: block; float: right; height: 420px; padding: 0; position: fixed; right: -230px; top: 170px; width: 280px; z-index: 1002; }
	.widget_social td { vertical-align: middle; }
.widget_social div { background: #fff; }