html { 
 height: 100%; 
} 

body {
	height: 100%; 
	padding: 0px; 
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(obrazki/tlo_glowne.jpg);
	background-color: #FFFFFF;
	color: #000000;
}

#center { 
 	width: 913px; 
 	height: 100%; 
 	margin: 0px auto 0px auto;
}

.st
{
	background-image: url(obrazki/strzalka.jpg)
}

h1	{
	font-size: 14px;
	margin: 10px 10px 10px 15px;
	color: #FFFFFF;
}

h2 {
	font-size: 12px;
	margin: 10px 10px 10px 15px;
}

h3 {
	font-size: 12px;
	margin: 10px 10px 10px 15px;
	color: #FFFFFF;
}

.ba	{
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	border: 0px;
	
	
}

.naglowek_instalacje {
	margin: 20px 0px 0px 0px;
	background-color: #ED9913
}

.naglowek_wykladziny {
	margin: 20px 0px 0px 0px;
	background-color: #0D9EA3
}

.naglowek_remonty {
	margin: 20px 0px 0px 0px;
	background-color: #87B807
}

.tekst_index {
	margin: 10px 10px 10px 15px;
	color: #FFFFFF;
}

.tekst {
	margin: 10px 10px 10px 15px;
	color: #000000;
}

.obrazki	{
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
	text-align: center;
}

a {text-decoration:none;color: black;
}

a:hover { color: #1c272d; text-decoration: underline; }

a.szary { color: #ccc; text-decoration: underline; }
a.szary:hover { color: #fff; text-decoration: underline; }

a.linki { text-decoration:none; color: white; }
a.linki:hover { color: black; text-decoration: underline; }

.obrazek {
 margin: 0 0 10px 10px;
 border: 5px solid white;
 }

#pasek2 {position:absolute; left: 65px; top: 150px;}

p {text-indent: 20px;
}

.left_img	{
	text-align: left;
	margin: 30px 0px 10px 60px;
	padding: 0px;
}

.right_img	{
	text-align: right;
	margin: 30px 60px 10px 68px;
	padding: 0px;
}

.floatl	{
	float: left;
	margin-top: 5px;
}
.floatr	{
	float: right;
	margin-top: 5px;
}

.tarkett	{
	display: block;
	text-align: left;
	font-weight: bold;
	width: 390px;
	height: 100px;
	margin: 40px 5px; 0px 5px;
	padding: 0px;
	padding-top: 10px;
	border: 1px dashed #0D9EA3;
	background: url(obrazki/logo/tarkett.gif) no-repeat top right;
	float: left;
}

.forbo	{
	display: block;
	text-align: left;
	font-weight: bold;
	width: 390px;
	height: 100px;
	margin: 40px 5px; 0px 5px;
	padding: 0px;
	padding-top: 10px;
	border: 1px dashed #0D9EA3;
	background: url(obrazki/logo/logo_forbo.gif) no-repeat top right;
	float: right;
}
 
.gerflor	{
	display: block;
	text-align: left;
	font-weight: bold;
	width: 390px;
	height: 100px;
	margin: 10px 5px 0px 5px;
	padding: 0px;
	padding-top: 10px;
	border: 1px dashed #0D9EA3;
	background: url(obrazki/logo/gerflor_logo.gif) no-repeat top right;
	float: left;
}

.gamrat	{
	display: block;
	text-align: right;
	font-weight: bold;
	width: 390px;
	height: 100px;
	margin: 10px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	border: 1px dashed #0D9EA3;
	background: url(obrazki/logo/gamrat.gif) no-repeat top right;
	float: right;
}

.tarkett:hover,
.forbo:hover,
.gerflor:hover,
.gamrat:hover	{
	border: 1px solid #0D9EA3;
	text-decoration: none;
}

.stopka {
	height: 20px;
}

.jellinek {
	height: 15px;
		}
	
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f22 { font-size: 22px; }
.f25 { font-size: 25px; }

.center { text-align: center; }
.wysrodkuj { margin: 0 auto 0 auto; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }

.lh15 { line-height: 15px; }
.lh20 { line-height: 20px; }

.b {font-weight: bold;}
.no_b {font-weight: normal;}
.u {text-decoration: underline;}

.orange { color: #ff6600; }
.szary { color: #cccccc; }
.szary2 { color: #7c7c7c; }
.szary3 { color: #464646; }
.blue { color: #4096F4; }
.zielony { color: #40C73D; }
.red { color: #FF0606;; }
.bialy { color: #fff; }

.tlo_biale {background: #fff;}
.tlo1 {background: #191919;}
.tlo2 {background: #272727;}
.tlo3 {background: #F2F2F2;}

/* zestaw */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 450px;
	height: 280px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 0px 0px 0px 0px;
}

#menu-map-page{color:#086325;display:block;font-size:9px;margin:0 auto;width:800px;height:180px;}
#menu-map-page h3{color:#086325;font-size:9px;}
#menu-map-page ul{float:left;list-style:none;}
#menu-map-page ul li{}
#menu-map-page ul li a{color:#086325;}
#menu-map-page ul li a:hover{}



/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 17px; background: url(obrazki/suwak_pasek.png) repeat-y;}
.vscrollerbarbeg {height: 6px !important;width: 36px;background: url(obrazki/suwak_pasek_start.png) no-repeat;}
.vscrollerbarend {height: 6px;width: 17px;background: url(obrazki/suwak_pasek_koniec.png) no-repeat;}
.vscrollerbase {width: 17px;background: url(obrazki/suwak_tor.png) repeat-y;}
.vscrollerbasebeg {width: 17px; height: 14px !important;background: url(obrazki/suwak_tor_start.png) no-repeat;}
.vscrollerbaseend {width: 17px; height: 14px; background: url(obrazki/suwak_tor_koniec.png) no-repeat;}
.hscrollerbase {height: 6px; background-color: white;}
.hscrollerbar {height: 6px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 14px;z-index: 2;}
.scrollerjogbox {width: 17px;height: 6px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}
/* Scroll Bar Master Styling Ends Here */