html, html *{
padding:0;
margin:0;
}


html{
background:#FFF;

}

body{
text-align:center;
line-height:120%;
font-family: arial;
}

.fadehover {
	position: relative;
	float: left;
}

 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;

}

img {
	border:none;
}


#tlo{
background:#7B0003 url("bg_top.jpg") top center no-repeat;
height:420px;
margin:0px;
}

#tlonieb{
background:#002D60 url("menukolor/nieb/bg_top_nieb.jpg") top center no-repeat;
height:420px;
margin:0px;
}

#tloziel{
background:#336B00 url("menukolor/ziel/bg_top_ziel.jpg") top center no-repeat;
height:420px;
margin:0px;
}


#tloszary{
background:#4D4D4D url("menukolor/szary/bg_top_szary.jpg") top center no-repeat;
height:420px;
margin:0px;
}

#tlozolty{
background:#D77301 url("menukolor/zolty/bg_top_zolty.jpg") top center no-repeat;
height:420px;
margin:0px;
}


#page{
width: 900px;
background:#D9DEE2 url("bgpage.jpg") top center repeat-y;
margin:0px auto 0;
}

#top{
background: url("top.jpg") top center no-repeat;
height:47px;
width: 900px;
margin:0px;
}

#topnieb{
background: url("menukolor/nieb/top_nieb.jpg") top center no-repeat;
height:47px;
width: 900px;
margin:0px;
}

#topziel{
background: url("menukolor/ziel/top_ziel.jpg") top center no-repeat;
height:47px;
width: 900px;
margin:0px;
}

#topszary{
background: url("menukolor/szary/top_szary.jpg") top center no-repeat;
height:47px;
width: 900px;
margin:0px;
}

#topzolty{
background: url("menukolor/zolty/top_zolty.jpg") top center no-repeat;
height:47px;
width: 900px;
margin:0px;
}

#bottom{
background: url("bg_bottom.jpg") top center repeat-x;
height:224px;
margin:0px;
}



/*------------------menu-----------------*/

#menu{
	text-align: center;
	color:#DCD3BC;
	border-width: 0px;
	padding: 0px;
	margin: 0px;	
	height: 35px;
	width: 900px;
}

#menu ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

/*-----------------koniec menu--------------------*/






#obrazki{
	background: #000;
	vertical-align:top;
	height: 300px;
	width: 900px;
	padding: 0px;
	margin: 0;
}


p{
	margin-bottom:1em;
	text-indent:0;
}

#pasek{
	background: #8D0004 url("pasek.jpg") top center no-repeat;
	vertical-align:top;
	height: 29px;
	width: 900px;
	padding: 0px;
	margin: 0;
}

#paseknieb{
	background: #002D60 url("menukolor/nieb/pasek_nieb.jpg") top center no-repeat;
	vertical-align:top;
	height: 29px;
	width: 900px;
	padding: 0px;
	margin: 0;
}

#pasekziel{
	background: #336B00 url("menukolor/ziel/pasek_ziel.jpg") top center no-repeat;
	vertical-align:top;
	height: 29px;
	width: 900px;
	padding: 0px;
	margin: 0;
}

#pasekszary{
	background:#4D4D4D url("menukolor/szary/pasek_szary.jpg") top center no-repeat;
	vertical-align:top;
	height: 29px;
	width: 900px;
	padding: 0px;
	margin: 0;
}


#pasekzolty{
	background:#D77301 url("menukolor/zolty/pasek_zolty.jpg") top center no-repeat;
	vertical-align:top;
	height: 29px;
	width: 900px;
	padding: 0px;
	margin: 0;
}

	



/*--------------------oferta---------------------*/


#oferta{
	text-align: center;
	color:#DCD3BC;
	border-width: 0px;
	padding: 0px;
	margin: 0px;	
	height: 285px;
	width: 900px;
}
#oferta a{
	border-width: 0px;
}


#oferta ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#oferta ul li {
	float: left;
}

#oferta li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#oferta table {
	width: 900px;
	high: 284 px
	border: none;
	border-collapse: collapse;
	margin:0px auto 0;
	padding: 0;
}
#oferta td{
	vertical-align: top;
	border-collapse: collapse;
	margin:0px auto 0;
	padding: 0;
}

#container1 {
	position: relative;
	float: left;
	border-width: 0px;
}
#container1 a{
	border-width: 0px;
}

#container2 {
	position: relative;
	float: left;
	border-width: 0px;
}

#container3 {
	position: relative;
	float: left;
	border-width: 0px;
}

#container4 {
	position: relative;
	float: left;
	border-width: 0px;
}





/*--------------------lewy---------------------*/

#lewy{
	text-align:left;
	vertical-align:top;
	display:block;
	width:200px;
	padding:20px 0px 20px 0px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	font-family:"arial";
	font-size: 13px;
	color:#000;
}

#lewy h1{
	font-family:"arial";
	font-size:18px;
	font-weight:normal;
}
#lewy h2{
	font-family:"arial";
	font-size:22px;
	font-weight:normal;
}

#lewy p{
	margin:1.5em 0;
	padding-bottom:0;
	margin-bottom:0px;
	border-style: none;
}


#lewy a{
	color:#990000;
	text-decoration:none;
}	
	
#lewy a:hover{	
	color:#FF0000;
	text-decoration:none;
	
}
#lewy ul{
	margin:1em 0 2em 2em;
	list-style-type: square;
}
#lewy li{
	margin-bottom:1em;
}
#lewy td{
	vertical-align:top;
	padding-bottom:2em;
}
#lewy img{
	border: none;
}



/*--------przyciski menu bocznego-----------------------------*/
toalety{
	background-image: url("menuboczne/toalety.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}

a.toalety {
	background-image: url("menuboczne/toalety.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}
a:hover.toalety {
	background-position: -200px 0px;
}


a.toaletyactive{
	background-image: url("menuboczne/toalety_a.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}




kontenery{
	background-image: url("menuboczne/kontenery.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}

a.kontenery {
	background-image: url("menuboczne/kontenery.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}
a:hover.kontenery {
	background-position: -200px 0px;
}


a.konteneryactive{
	background-image: url("menuboczne/kontenery_a.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}



umywalki{
	background-image: url("menuboczne/umywalki.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}

a.umywalki {
	background-image: url("menuboczne/umywalki.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}
a:hover.umywalki {
	background-position: -200px 0px;
}


a.umywalkiactive{
	background-image: url("menuboczne/umywalki_a.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}



ogrodzenia{
	background-image: url("menuboczne/ogrodzenia.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}

a.ogrodzenia {
	background-image: url("menuboczne/ogrodzenia.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}
a:hover.ogrodzenia {
	background-position: -200px 0px;
}


a.ogrodzeniaactive{
	background-image: url("menuboczne/ogrodzenia_a.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 48px;
	display: block;
}




inne {
	background-image: url("menuboczne/inne.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	display: block;
}

a.inne {
	background-image: url("menuboczne/inne.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	display: block;
}
a:hover.inne {
	background-position: -200px 0px;
}


a.inneactive{
	background-image: url("menuboczne/inne_a.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	display: block;
}




/*--------------------prawy---------------------*/

#prawy{
	text-align:left;
	vertical-align:top;
	padding:10px 20px 20px 30px;
	margin-top:10px;
	margin-bottom:6px;
	margin-left:20px;
	margin-right:20px;
	font-family:"arial";
	font-size:13px;
	color:#5B5B5B;
        width:640px;

}
#prawy h1{
	font-family:"arial";
	font-size:22px;
	font-weight:normal;
}
#prawy h2{
	font-family:"arial";
	font-size:18px;
	font-weight:normal;
}
#prawy h3{
	font-family:"arial";
	font-size:18px;
	font-weight:bold;
}
#prawy p{
	margin:1.5em 0;
}
#prawy a{
	color:#990000;
	text-decoration:none;
}	
	
#prawy a:hover{	
	color:#FF0000;
	text-decoration:none;
	
}

#prawy ul{
	margin:1em 0 2em 2em;
	list-style: square;
}
#prawy li{
	margin-bottom:1em;
}

#prawy table.produkty{
	width: 590px;
	border: none;
	border-collapse: collapse;

}
#prawy td{
	border: none;
	padding: 5px 10px 0 0;
	vertical-align: top;

}
#prawy td.b{
	border: none;
	padding: 0 0 10px 0;
	vertical-align: top;

}





.td1 {
font: bold 8pt tahoma, Verdana, arial, sans-serif;
border: 1px solid #efefef;
text-align: center;
padding:2px;
}

.td2 {
background: #FFF;
width: 40px;
padding:2px;
}

.td3 {
background: #C2C7CB;
width: 40px;
padding:2px;
}

.td4 {
padding: 5px 20px 0 0;
}









/*........................stopka...................*/

#bgbottom{
	text-align:center;
	background: #303D40 url("bg_bottom.jpg") top center repeat-x;
	height:224px;
	margin:0px auto 0;
}


#dol {
	width: 900px;
	height:224px; 
	vertical-align:top;
	text-align:center;
	font-size:12px;
	color:#D5D6D6;
	margin:auto;
}

#dol a{
	font-weight:normal;
	color:#D5D6D6;
	text-decoration:none;
}	

#dol.active, #dol a:hover{
	color:#fff;
	text-decoration:none;
}

#dol table{
	width: 900px;
	vertical-align:top;
	padding-left:30px;


}

#dol td{
	text-align: left;
	vertical-align:middle;
	padding: 0px 5px 0 px 10px;

}


#bgbottom2{
	text-align:center;
	background: #303D40;
	height:50px;
	vertical-align:top;
	text-align:center;
	font-size:12px;
	color:#D5D6D6;
	margin:0px auto 0;
}

#bgbottom2 a{
	font-weight:normal;
	color:#D5D6D6;
	text-decoration:none;
}	

#bgbottom2.active, #bgbottom2 a:hover{
	color:#fff;
	text-decoration:none;
}