@CHARSET "UTF-8";
html, body {
font-family:Arial,Helvetica, Tahoma,Verdana,Helvetica,sans-serif;
background:black;
color:black;
height:100%;
margin:0;
padding:0;
text-align:center;
font-size: 18px;
}

#top {
background:white;
color:black;
margin:0 auto 0px;
overflow:hidden;
position:relative;
text-align:left;
width:900px !important;
}

#content{
	
	width:900px;
	height:1187px;
	background-image: url(off1.jpg);
}


#tresc_tytul{
	width:230px;
	height:100px;
	margin-top:120px;
	margin-left:5px;
	float:left;
	text-align:center;
	}
	
#tresc{
	width:700px;
	height:830px;

	float:left;
	margin-left:5px;
	margin-top:20px;
}
#menu_left{
	width:150px;
	height:1000px;
	border:none;
	text-decoration:none;
	float:left;
	margin-left:20px;
	margin-top:87px;
}
#menu_top{
	width:450px;
	height:50px;
	margin-left:440px;
	margin-top:35px;
	float:left;
	clear:both;

}

.obrazek{
	border:none;
}

		#menu1 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/pcv_on.jpg) 3px 3px no-repeat;
		}
		
		#menu1 a.rollover img {
			display: block;
		}
		
		#menu1 a.rollover:hover img {
			visibility: hidden;
		}


		#menu2 a.rollover {
			width: 132px;
			display: block;
			background: url(okna_on/drewniane_on.jpg) 3px 1px no-repeat;
			margin-top:5px;

		}
		.obrazek2{
			border:none;
		}
		
		#menu2 a.rollover img {
			display: block;
		}
		
		#menu2 a.rollover:hover img {
			visibility: hidden;
		}

		#menu3 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/wewnetrzne_on.jpg) 2px 2px no-repeat;
			margin-left:-1px;
			margin-top:45px;
		}
		
		#menu3 a.rollover img {
			display: block;
		}
		
		#menu3 a.rollover:hover img {
			visibility: hidden;
		}
		
		
		
		
		#menu4 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/zewnetrzne_on.jpg) 2px 2px no-repeat;
	
		}
		
		#menu4 a.rollover img {
			display: block;
		}
		
		#menu4 a.rollover:hover img {
			visibility: hidden;
		}
		
		#menu5 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/przejsciowe_on.jpg) 3px 3px no-repeat;
			margin-left:2px;
		}
		
		#menu5 a.rollover img {
			display: block;
		}
		
		#menu5 a.rollover:hover img {
			visibility: hidden;
		}
		
#menu6 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/parapety_wewnetrzne_on.jpg) 3px 3px no-repeat;
			margin-top:47px;
			margin-left:-3px;
			
		}
		
		#menu6 a.rollover img {
			display: block;
		}
		
		#menu6 a.rollover:hover img {
			visibility: hidden;
		}
		
#menu7 a.rollover {
			width: 132px;
			display: block;
			overflow: hidden;
			background: url(okna_on/parapety_zewnetrzne_on.jpg) 3px 3px no-repeat;
			margin-left:-3px;
			margin-top:0px;
			
		}
		
		#menu7 a.rollover img {
			display: block;
		}
		
		#menu7 a.rollover:hover img {
			visibility: hidden;
		}
	
#menu8 a.rollover {
			width: 131px;
			display: block;
			overflow: hidden;
			background: url(okna_on/akcesoria_on.jpg) 3px 3px no-repeat;
			margin-left:-3px;
			margin-top:47px;
			
		}
		
		#menu8 a.rollover img {
			display: block;
		}
		
		#menu8 a.rollover:hover img {
			visibility: hidden;
		}
		
		
		
#menu_top ul, #menu_top ul li {
	font-family: Arial,  "New York", serif,  verdana,;
color:white;
text-align: left;
font-size: 20px;
	display: inline;
	list-style: none;
	margin: 0px;
	margin-left:15px;
	padding:0px;
}



#menu_top ul li {
text-align: center;

	
}

ul a:link, ul a:visited {

	text-decoration: none;
	padding-left: 10px;
	font-weight: bold;
	color: red;
}

ul a:hover {

	color: black;
}



fieldset{
	border:none;
	}
input, textarea {
border:1px dotted #FF6C02;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
font-style:normal;
font-weight:normal;
margin:1px 3px;
}

label {
display:block;
margin:1px 3px;
}

#wejscie{
	width:15%;
	height:15%;
}
#wejscie1{
	width:15%;
	height:15%;
	margin-left:20px;
}

ul, ul li {
color:black;
text-align: left;
	margin: 0px;
	margin-left:15px;
	padding:0px;
}
#zdjecia{
	float:right;
}
#footer{
	background-image: url(stopka.jpg);
	width:900px;
	height:14px;
	color:white;
	font-size:12px;
	padding-top:8px;
}
#footer_left{
	float:left;
	margin-left:380px;
	
	}
#footer_right{
	float:left;
	margin-left:100px;
	font-size:10px;
	margin-top:2px;
	}
#content1{
background-image: url(pasek.jpg);
background-repeat: repeat-y;

	}
#tresc1{
	width:700px;
	height:1500px;
	text-align:left;
	margin-left:200px;
}
#tresc_kontakt{
	width:700px;
	height:100px;
	text-align:left;
	margin-left:200px;
}
#tresc_pcv{
	width:700px;
	height:1600px;
	text-align:left;
	margin-left:200px;
}
#tresc_drzwi_zewn{
	width:700px;
	height:2700px;
	text-align:left;
	margin-left:200px;
}
#tresc_drzwi_wewn{
	width:700px;
	height:1700px;
	text-align:left;
	margin-left:200px;
}
#tresc_drzwi_przejsciowe{
	width:700px;
	height:400px;
	text-align:left;
	margin-left:200px;
}
#tresc_parapety_wewn{
	width:700px;
	height:900px;
	text-align:left;
	margin-left:200px;
}
#footer_wyslano{
	background-image: url(stopka.jpg);
	width:900px;
	height:14px;
	color:white;
	font-size:12px;
	padding-top:8px;
	margin-left:54px;
}
h3{
font-family: Arial,  "New York", serif,  verdana,;
font-size:25px;
color: #EE5533;}
h2{
font-family: Arial, "New York", serif,  verdana,;
font-size:32px;
color: #EE5533;}

b{
font-weight:normal;
}