@charset "utf-8";
/* CSS Document 
Author: dwTeam.eu
*/
body{
	background-image: url("tlo.jpg");
	padding:0px;
	margin:0px;
	color: #000000;
	text-align:center;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 12px;
}
p { line-height: 17px; text-indent: 15px; text-align:justify;}
a { color: #000000; }
img { border:0px; }
#grad { background-image: url("tlo_g.jpg");	background-repeat: repeat-x; }
#top { background-image: url("top.jpg"); width: 902px; height: 314px; margin-top: 28px; margin: 0 auto; clear:both;}
#box { width: 901px; margin: 0 auto; }
#menu { background-image: url("menu.jpg"); width: 901px; height: 58px; margin-top: 26px; padding-top: 10px; text-align: center;}
	#m { width: 824px; margin: 0 auto; padding-top: 12px;}
	#menu ul {list-style: none;  margin: 0px; position: relative; left: -22px;}
	#menu li {float: left; width: 112px; }
	#menu li a{ 
	height: 30px; padding-top: 16px; 
	list-style-type:none; 
	float: left; display: block; 
	width: 112px; 
	font-size: 13px; font-family:Tahoma; font-weight: bold; color: #FFFFFF;
	text-decoration:none; 
	text-align:center; background-color: #71B11D;}
	#menu li a:hover{ color: #D7F4B0; background-image: url("menu_hov.jpg");}
#main { width: 901px; background-image: url("main_tlo.jpg"); overflow:hidden; text-align:left;}
#main_end { width: 901px; height:20px; background-image: url("main_end.jpg"); }
#zgodnosc { width: 400px; float: left; background:none; padding-left: 20px;}
#zgodnosc img { margin-left: 15px; float: left;}
#stopka { width: 118px; height: 32px; background-image: url("stopka.jpg"); float:right; margin-right: 16px; margin-bottom: 10px;}

	.naglowek { color:#71B11D; font-weight:bold; margin-top: 25px;}
	#lewa { float: left; width: 475px;  margin-left: 15px; display:inline;}
	#lewa_m { float: left; width: 575px;  margin-left: 15px; display:inline;}
	#lewa_r { float: left; width: 630px;  margin-left: 15px; display:inline;}
	#prawa_k { float: left; width: 250px; margin-left: 55px; display: inline; }
	#prawa { float: left; width: 400px; margin-left: 5px; display: inline; }
	#prawa_r { float: right; width: 230px; display: inline; padding-right: 2px;}
	.realizacja { text-align: center; margin-bottom: 15px;}
	.noferta { background-image: url("noferta.jpg"); width: 497px; height: 23px; position: relative; left:-11px;}
	img.oferta { margin-right: 10px; }
	
	.foto { float: left; width: 105px; display:inline; margin-left: 20px;}
	.opis p{ padding-left: 15px; text-indent:0px; margin:0px; }
	.opis { float: left; width: 420px; padding-left: 20px; text-align: justify; display: inline; }
	.name { font-size: 16px; font-weight:bold; }
	.kontakt { width: 400px; margin: 40px auto auto auto;}
	.oferta li { margin-top: 6px; list-style:square; }
	.promocja strong { color:#000066; font-size: 14px; font-weight: bold; margin-left: 30px;}
	.promocja small {margin-left: 30px;}
	.promocja { clear: both; padding-bottom: 10px; margin-top: 15px; overflow:hidden;}
	.promocja img { margin-right: 20px; margin-left: 5px;}
	.panel { text-align: center; height: 300px; background-image: url("security_n.jpg"); background-repeat: no-repeat; background-position:center; }
	.panel input { border: 0px solid #FFFFFF;  background: none; text-align:center; font-weight:bold; clear:both; width: 150px; border-width: 0px !important; }
	.login { position: relative; top: 112px; left: 0px; padding: 1px;} 
	.pass { position: relative; top: 138px; left: 0px; padding: 1px;} 
	.submit { position: relative; top: 149px; left: 0px; padding: 1px; width: 50px;} 
	
	
#heading { display: block; text-align: center; margin-bottom: 1em; font-size: 13px;	font-weight:bold;}
#heading * { display: inline; padding: 4px; user-select: none; cursor: pointer;	vertical-align: middle;}
#heading li.active { background-color: #8EB0CF; border-radius: 3px; -webkit-border-radius: 3px;			-opera-border-radius: 3px; -moz-border-radius: 3px;}
#wrapper { border: 1px dotted gray; margin: 1em; padding: 1em;  }
.pane { height: 650px; }
#panes { width: 630px; text-align: justify; border-style: none; /*width: 245px;*/ margin: 0 1em 0 1em;}
#panes div div { overflow: hidden;  }
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }
		.r_start { width: 608px; height: 16px; background-image: url("r_start.jpg"); }
		.r_body { width: 608px; overflow: hidden; background-image: url("r_body.jpg"); }
		.r_body img { float:left; margin-left: 15px; }
		.opis { float: left; text-align:justify; width: 385px; line-height: 16px;}
		.opis p { margin-left: 5px; text-indent:0px; margin-bottom: 15px;}
		/*.tech { float: left; margin-left: 200px; display: inline;}*/
		.r_end { width: 608px; height: 16px; background-image: url("r_end.jpg"); margin-bottom: 15px;}