body{
	font-family:Verdana;
	font-size:11px;
	background:url(rys/body.jpg) repeat;
	padding-top:10px;
}
a{text-decoration:none;outline:none;color:inherit;}
a:visited{
	color:white;
}
img{behavior:url(tlo/iepngfix.htc);border:none;}
a:hover{
	color:#5ba424;
}
h1{
	margin:0px 0px 10px 0px;
	display:inline;
	padding:0px;
	font-size:13px;
}
h2{
	font-size:14px;
}
h3{
	font:size:14px;color:yellow;
}
img.golfista{
	position:absolute;
	left:1px;
	top:1px;
}
.glowny{
	background:#fff;
	border:1px #ccc;
	width:888px;
	height:586px;
	margin:90px auto 0px auto;
	display:block;
	position:relative;
	border:solid 1px white;
}
.tekst{
	position:absolute;
	display:block;
	width:510px;
	top:25px;
	left:330px;
	height:550px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:20px;
	font-size:12px;
	line-height:130%;
}

.projektowaniestron{
	position:absolute;
	right:0px;
	top:-22px;
	font-size:13px;
	color:white;
}
.zielony{color:#5ba424;}
.red{color:red;}
.white{color:white;}
.pomarancz{color:#ff9551;}
.brown{color:#600000;}
.szary{color:#a0aba5;}
.szarykwadrat{
	background:#9faca5;
	border-left:solid #5f6c65 1px;
	border-top:solid #5f6c65 1px;
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
}
.pomaranczkwadrat{
	background:#ff9551;
	border-left:solid brown 1px;
	border-top:solid brown 1px;
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
}
.kwadrat{
	width:10px;
	height:10px;
	background:#5ba424;
	display:inline-block;
	margin-right:5px;
	border-left:solid #070 1px;
	border-top:solid #070 1px;
}
.brownkwadrat{
	width:10px;
	height:10px;
	background:#5e0000;
	display:inline-block;
	margin-right:5px;
	border-left:solid orange 1px;
	border-top:solid orange 1px;
}
img.designteam{
	margin:20px 0px 20px 0px;
	display:block;
}


img.logo{
	position:absolute;
	left:30px;
	top:-90px;
}
.designspektrum{
	display:block;
	color:white;
	text-align:center;
}
img.realizacje{
	position:absolute;
	top:320px;
	left:30px;
	cursor:pointer;
}
.cien{
	position:absolute;
	top:319px;
	left:30px;
}
/*menu*/

div.menubox{
	width:243px;
	position:absolute;
	top:50px;
	left:20px;
	font-weight:bold;
}
div.menubox .menu{
	width:243px;
	padding:2px 0px 0px 10px;
	display:block;
	height:18px;
	background:url(rys/menu/minwyc.png);
	color:#ccc;
	margin-bottom:6px;
	cursor:pointer;
	behavior:url(tlo/iepngfix.htc);	
}
div.menubox .menuwc{
	color:white;
	width:243px;
	padding:2px 0px 0px 10px;
	display:block;
	height:18px;
	background:url(rys/menu/minwc.png) no-repeat;
	margin-bottom:6px;
	behavior:url(tlo/iepngfix.htc);		
}
.ofertarozw{
	height:18px;
	display:block;
	overflow:hidden;	
	width:232px;
	background:url(rys/menu/big.png) repeat-y;
	padding:2px 10px 0px 10px;
	text-align:right;
	margin-bottom:6px;
	behavior:url(tlo/iepngfix.htc);		
}
.ofertarozwwc{
	color:white;
	background:url(rys/menu/bigwc.png);
	padding:2px 10px 0px 10px;
	text-align:right;
	margin-bottom:6px;
	behavior:url(tlo/iepngfix.htc);
	height:18px;
	display:block;
	overflow:hidden;	
	width:232px;	
}
div.menubox .ofertarozw a{
	color:#ccc;
	display:block;
	margin-bottom:3px;
}
div.menubox .ofertarozwwc a{
	color:white;
	display:block;
	margin-bottom:3px;
}
div.menubox a:hover{
	color:#5ba424;
}

/*firma*/

.tlofirma{
	background:url(rys/firma/tlo.jpg) 296px;
	color:white;
	scrollbar-track-color:#020c15;	
}

.mottofirma{
	position:absolute;
	left:350px;
	top:0px;
}

/*oferta*/

.tlooferta{
	background:#020806;
	scrollbar-track-color:#020806;
	color:#eee;
}

.tlooferta a{
	color:#eee;
}
.tlooferta a:hover{
	color:#5ba424;
}

.bold{
	font-weight:bold;
}
.motto{
	position:absolute;
	left:0px;
	top:40px;
}
.imgoferta{
	margin-top:20px;
}
.gra{
	display:block;
	margin-top:20px;
	height:100px;
}
.gra img{
	float:right;
}
/* --- R E A L I Z A C J E  ---*/
.rozmycielewe{
	position:absolute;
	top:310px;
	left:38px;
}
.rozmycieprawe{
	position:absolute;
	top:310px;
	left:458px;
}
#ruchomy{
	position:absolute;
	top:315px;
	left:40px;
	display:block;
	width:450px;
	white-space:nowrap;
	height:220px;
	overflow:hidden;
}

.lewo{
	background:url(rys/realizacje/lewo.gif) no-repeat;
	position:absolute;
	top:400px;
	left:0px;
	width:19px;
	height:38px;
	display:block;
}
.prawo{
	background:url(rys/realizacje/prawo.gif) no-repeat;
	position:absolute;
	top:400px;
	right:0px;
	width:19px;
	height:38px;
	display:block;
}

.miniatury{
	height:220px;
	display:block;
	white-space:normal;
	width:2440px;	/*9*244*/
	letter-spacing:0px;
	word-spacing:0px;
}

.miniatury a{
	padding:0px;
	height:82px;
	width:82px;
	display:inline-block;
	margin:0px 15px 20px 15px;
	border: solid 5px #a58571;
	float:left;
}
.pusty{
	outline:none;
	padding:0px;
	height:82px;
	width:92px;
	display:inline-block;
	margin:0px 15px 20px 15px;
	float:left;
}
.min1:hover,.min2:hover,.min3:hover,.min4:hover,.min5:hover,.min6:hover,.min7:hover,.min8:hover,.min9:hover,.min10:hover,
.min11:hover,.min12:hover,.min13:hover,.min14:hover,.min15:hover,.min16:hover,.min17:hover,.min18:hover,.dsj:hover,.min20:hover{
	background-position:-82px;
}
.min1{background:url(rys/realizacje/min1.jpg) no-repeat;}
.min2{background:url(rys/realizacje/min2.jpg) no-repeat;}
.min3{background:url(rys/realizacje/min3.jpg) no-repeat;}
.min4{background:url(rys/realizacje/min4.jpg) no-repeat;}
.min5{background:url(rys/realizacje/min5.jpg) no-repeat;}
.min6{background:url(rys/realizacje/min6.jpg) no-repeat;}
.min7{background:url(rys/realizacje/min7.jpg) no-repeat;}
.min8{background:url(rys/realizacje/min8.jpg) no-repeat;}
.min9{background:url(rys/realizacje/min9.png) no-repeat;}
.min10{background:url(rys/realizacje/min10.png) no-repeat;}
.min11{background:url(rys/realizacje/min11.png) no-repeat;}
.min12{background:url(rys/realizacje/min12.png) no-repeat;}
.min13{background:url(rys/realizacje/min13.jpg) no-repeat;}
.min14{background:url(rys/realizacje/min14.png) no-repeat;}
.min15{background:url(rys/realizacje/min15.png) no-repeat;}
.min16{background:url(rys/realizacje/min16.png) no-repeat;}
.min17{background:url(rys/realizacje/min17.png) no-repeat;}
.min18{background:url(rys/realizacje/min18.png) no-repeat;}
.dsj{background:url(rys/realizacje/dsj.png) no-repeat;}
.min20{background:url(rys/realizacje/sekret-piekna.png) no-repeat;}

.tlorealizacje{
	background:#5e2601;
}
.opis{
	display:none;
}

/*cennik*/

.tlocennik{
	scrollbar-track-color:#fff;	
}
.mottocennik{
	position:absolute;
	top:40px;
	left:500px;
}

table.cennik{
	margin-top:10px;
}
table.cennik td{border:0px;margin:0px;padding:2px 0px 2px 0px;font-weight:bold;}
table.cennik tr{
	display:block;padding-bottom:3px;
	background:#ddd;
}
table.cennik tr.marginbottom4{
	margin-bottom:4px;
}
table.cennik td.pakiet{
	color:#6d4442;width:120px;font-size:11px;
}
table.cennik td.tdopis{
	color:#5d5d5d;width:230px;font-size:11px;padding-right:5px;
}
table.cennik td.cena{
	color:#333333;font-size:11px;width:90px;
}
.td1{width:40px;}
.td2{width:120px;color:#5d5d5d;font-size:16px;}
.td3{width:235px;color:#5d5d5d;font-size:16px;}
.td4{width:90px;color:#5d5d5d;font-size:16px;}

/* PROJEKTY STRON W TOKU*/
.tlowtoku{
	background:#1a201c;
}
.opis_wtoku{
	background:#0d1110;
	padding:25px 15px 25px 15px;
	color:#a0aba5;
}
img.img_w_toku{
	margin:10px 0px 10px 0px;
}

/*kontakt*/
.tlokontakt{
	background:#ececec;
}

img.twojafirma{
	position:absolute;
	left:322px;
	top:43px;
}
div.kontakt1{
	float:left;
	width:185px;
	font-family:Tahoma;
	margin-left:15px;
}
div.kontakt2{
	float:left;
	width:110px;
	font-weight:bold;
	color:black;
	font-family:Tahoma;
}
div.kontakt3{
	float:left;
	width:180px;
	font-family:Tahoma;
}
.mapka{
	margin:15px 0px 0px 0px;
	width:500px;
	height:240px;
	border:solid 1px black;
	margin-left:15px;
}
.wyswietlwieksza{
	text-align:left;
	font-size:10px;
	margin-left:15px;
}

/*linki*/

.tlolinki{
	background:#212318;
}
img.mottolinki{
	position:absolute;
	left:300px;
	top:70px;
}
.tekstlinki{
	color:#fff;
	position:absolute;
	display:block;
	width:510px;
	top:25px;
	left:330px;
	height:525px;
	overflow:auto;
	padding-right:20px;
	font-size:11px;
	scrollbar-base-color:#bbb;
	scrollbar-track-color:#fff;
}
.link{
	width:90px;
	height:268px;
	background:black;
	margin:10px 5px 0px 0px;
	display:inline-block;
	float:left;
	padding:10px 5px 0px 5px;
	white-space:normal;
	background:url(rys/linki/gradient.jpg) repeat;
	text-align:center;
}
.link a{
	color:white;
}
.link a:hover{
	color:#5ba424;
}

#linkiruchome{
	margin-top:20px;
	white-space:nowrap;
	height:280px;
	overflow:hidden;
	display:block;
	width:510px;	
}
.linkbox{
	display:block;
	height:100px;
}
