@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; text-decoration:none;}
body{margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; background: #eee url("img/Slice22.gif")  repeat-x; color:#000; border-top:3px solid #fb8f1b; }
body #pagebody {width:840px; float:left; position:relative; z-index:1; }
body #pagebody #b3 {width:840px;  float:left;  position:relative; background-color:#999; height:auto;}

#b3 #lewa{float:left; font-size:10px; color:#FFF; margin:10px;}
#b3 #prawa{float:right; font-size:10px; color:#ccc; margin:10px; text-align:right;}

#pagebody #b1, #pagebody #b2{background-color:#FFF; width:inherit; height:auto; position:relative; float:left;}
#b1 #logo {position:absolute; top:8px; left:25px; border:none; z-index:5; border-bottom:10px solid #FFF;}
#b1 #menu_g{background-color:#555; float:right; width:450px; height:120px;}
#b1 form{position:absolute; right:0; top:-3px;  background-color:#888; padding:3px 5px 3px 5px;}
#b1 form input{background-color:#666; border:2px #666 solid; font-size:10px; color:#FFF;}
#b1 form input#but{background: #bfbfbf url("img/Slice55.gif")  no-repeat top; width:20px; height:20px; border:none; margin-top:1px; cursor:pointer;}

#menu_g ul#menu{position:absolute; top:55px; right:20px;}
#menu_g #menu li{border-right:1px dotted #ddd; text-align:center; font-size:12px; margin:0; list-style:none; float:left; /*border-bottom:1px solid #ddd;*/}
#menu_g #menu li#last{border-right:none;}
#menu a{color:#FFF; text-decoration:none; width:80px; padding:12px 4px; float:left; text-align:center;}
#menu a:hover{text-decoration:none; background-color:#444;}

#menu a#home{color:#FFF; text-decoration:none; padding:12px 4px; float:left; text-align:center; width:45px;}
#menu a#home:hover{background-color:#555;}

#home img{border:none;}

#pagebody #b2{ z-index:0; background: #fff url("img/Slice1515.gif") repeat-y left;}
#b2 #newsy{ width:350px; height:auto;  float:left; z-index:0; position:relative; bottom:0; }
#newsy ul{float:left; margin-top:30px; position:relative; left:16px;}
#newsy li{float:left; list-style:none; width:310px; height:auto; margin-bottom:10px; position:relative; display:block;}
#newsy li#st{background: #fff url("img/Slice1616.jpg")  no-repeat top left;}
#newsy li#gar{background: #fff url("img/Slice1717.jpg")  no-repeat top left; height:100px;}
#newsy li#kon{background: #fff url("img/Slice2828.jpg")  no-repeat top left;}
#newsy .nowosc{float:right; width:240px; margin:4px; height:auto; font-size:12px; color:#000;}
.nowosc p{margin:0 0 14px 0;}
#newsy  a.wiecej{position:absolute; right:4px; bottom:2px; color:#333333; font-size:10px; padding:0 0 0 20px; background: url("img/Slice2828.gif")  no-repeat left center;}
#newsy  a.wiecej:hover{color:#fb8f1b;}

#b2 #tresci{ width:480px; height:auto; float:left; float:right; margin:0 0 20px 0; position:relative;}
#tresci #baner{position:relative; height:284px; width:480px; background: #fff url("img/Slice1212.jpg")  no-repeat;}
#tresc #oferta{float:left; z-index:3; position:absolute;}

/************************zakladki tekstowe*********************************************/
	#tresci h1#tyt_strony{font-size:100%; color:#fff; background-color:#FF9900; border-bottom:5px solid #fff; border-top:5px solid #999; padding:5px 0 2px 10px;}
	#tyt_strony #small{font-size:90%; font-weight:normal;}
	
	#tresci #oferta_fla{ width:480px; height:130px;}
	
	#tresci #tekst{ float:left; width:100%; font-size:90%; position:relative;  }
	#tekst a{color:#333333;}
	#tekst  a:hover{color:#fb8f1b;}
	
	#tekst h1{float:left; font-size:120%; text-align:left; padding:3px 2%; width:96%; color:#333; border:none; margin:5px 0;}
	#tekst h2{float:left; font-size:90%; text-align:left; padding:7px 1%; width:98%;}
	#tekst h2.szukaj{float:left; font-size:90%; text-align:left; padding:7px;}
	#tekst h3{float:left; font-size:100%; text-align:left; padding:7px; color:#FF6600; font-weight:bold;}
	#tekst h4{float:left; font-size:80%; text-align:left; padding:7px; font-weight:normal;}
	#tekst h5{float:left; font-size:70%; text-align:left; padding:7px; font-weight:normal;}
	#tekst p{ width:94%; float:left; text-indent:10px; padding:5px 3%;}

	#tekst ul {float:left; width:90%; padding:0 0 0 8%;}
	
	#tekst li {float:left; list-style:square outside; margin:0; padding:0 0 5px 0; width:inherit; width:100%; }
		
	#tekst li .tyt{font-weight:normal; font-size:80%; width:25%; color:#999; float:left;}
	#tekst img{border:none;}
	/*oferta ladowarki----------------------------------------------------------*/
	#tekst ul#oferta{width:100%; padding:0; position:relative; float:left;} 
		#oferta li{list-style:none; margin:0; padding:0 0 5px 0; width:inherit;}
	#tekst h1{font-size:120%; color:#333; margin:20px 0; text-indent:10px; position:relative; float:left; text-indent:0;}
	
	#tekst .foto{ float:right; width:200px; margin:0 7px 0 0; background-color:#eee; position:relative;}
	#tekst .foto_roz{ float:left; width:466px; background-color:#eee; position:relative; padding:4px 0 4px 4px;}
	
	
	.foto img{width:200px; float:left;}
	.foto a.fo{float:right; border:none; padding:none; background-color:#000;}
	.foto a.szczegoly {padding:0 20px 0 0; background: url("img/Slice2828.gif")  no-repeat right center; float:right; color:#ec7b2f; color:#333; font-size:85%; margin:4px 5px 0 0;}
	.foto a.szczegoly:hover{color:#FF6600;}
	
	
	#tekst ul.szczegoly_of{float:left; width:240px; position:relative; margin:0 5px; padding:0;}
	#tekst .szczegoly_of li {float:left; list-style:inside square; font-size:12px; width:240px; margin:4px 0; padding:1px 0;}

	#tekst ul.szczegoly_of_roz{float:left; width:460px; position:relative; margin:0 5px; padding:0;}
	#tekst .szczegoly_of_roz li {float:left; list-style:inside square; font-size:12px; width:455px; margin:4px 0; padding:1px 0;}
	.szczegoly_of_roz li#opis{width:inherit; margin:5px 0 ; border-top:1px solid #eee; padding-top:5px; text-align:justify; width:100%;}
	
	.foto_roz .ngal{position:absolute; top:13px; right:7px; font-size:200%; color:#f8f8f8; width:195px; text-align:center; font-weight:normal;}
	.foto_roz ul#miniatury{float:right; width:195px; position:absolute; right:5px; bottom:0; z-index:2; padding:0;}
	
	.foto_roz img{width:260px; float:left; display:none;}
	
	#miniatury li{width:95px; margin:0; padding:0;}
	#miniatury img{width:90px; float:right; cursor:pointer; margin-bottom:5px; display:block;}
	
	#tekst table.cennik{float:left; border:none; width:100%; font-size:10px; margin-top:10px;}
	.cennik th{background-color:#888; color:#FFF; padding:5px 0; font-weight:normal; text-align:center; width:40%}
	.cennik td{background-color:#eee; color:#000; padding:5px 0; font-weight:normal; text-align:center; width:20%}
	
	/*kontakt formularz -------------------------------------------------------*/
			#tekst form {float:left; margin:0; float:left; width:100%;}
			#tekst form p{margin:5px 1%; float:left; padding:0; border:none; width:45%; text-indent:0;}
			#tekst form p.stoproc{width:90%; text-indent:0; }
			#tekst label{vertical-align:top; font-size:90%; margin-left:2%;}
			#tekst input {width:15em; height:auto;  margin:0; border:1px solid #888; padding:2px; margin-top:3px; color:#333; background-color:#fff;}
			#tekst input#adres{width:32em; float:left; padding:2px 0; margin:0; position:relative;}
			#tekst input#kod1{width:4em;}
			#tekst input#kod2{width:6em; margin-left:6px;}
			#tekst textarea{width:423px; height:9em; border:none; border:1px solid #888; padding:2px; float:left; margin-top:3px; color:#333; background-color:#FFF;}
			#tekst input#but{ padding:2px 15px 4px 15px; color:#FFF; font-size:12px;  background-color:#666; border:0; width:auto; height:18px; float:right; cursor:pointer;}
			#tekst input#but:hover{background: #FF9900 url("img/pr1_3_13_p.gif") no-repeat right top;}
			#tekst p#sub{width:434px; height:25px; margin:0;}
			
	li#oferta{list-style:none;}	

	#tekst ul.szukaj {float:left; width:93%; padding:20px 0 0 7%;}
	#tekst .szukaj li{list-style:decimal;}
	#tekst .szukaj h2{margin:0; padding:0;}

#b2 #naw{position:absolute; bottom:0; right:5px; font-size:70%; text-align:right; width:auto; z-index:2; float:right; }
#naw a{float:left; padding:2px 10px; border-left:1px dotted #999; color:#666;}
#naw a:hover{color:#FF6600;}