html,body{
	width:100%;
	height:100%;
	background:#828282;
	margin:0px;
	font-family:Verdana;
	font-size:10pt;
}
img{
	border:0px;
}
p{
margin-top: 4px;
margin-bottom: 4px;
}
h3{
margin-bottom: 5px;
}
#p_div{
display:none;margin-left:267px;position:absolute;z-index:2;background:#fff;padding:3px;text-align:center;width:93px;
}
#p_div a:hover div{
border: 1px solid #000;
}
#lnk{
cursor:default;
position:absolute;
top:70px;
left:10px;
height:5px;
width:5px;
}
/*wyśrodkowanie strony*/
#center{
	width:970px;
	margin-left:auto;
	margin-right:auto;

}
/*cala strona*/
#cala{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#E3E3E3;
	padding:15px;
	float:left;
	margin-top:20px;
}
/*logo i linki*/
#gorna_belka{
	height:70px;
	width:100%;
	margin-bottom:8px;
	color:#fff;
}
/*div z obrazkiem - logo strony*/
#logo{
	background:url(../img/logo.gif) no-repeat;
	width:215px;
	height:70px;
	float:left;
}
/*linki na gorze*/
#linki{
	float:right;
	margin-right:5px;
	margin-top:63px;
	letter-spacing:0px;
	
}
#linki a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:10pt;
}
#linki a:hover{
	text-decoration:underline;
	text-align:center;
}
/*cala dolna tresc*/
#dol_tresc_cala{
	width:100%;
	padding-top:12px;
	float:left;
	background:#fff url(../img/kab.jpg) no-repeat 0% 36%;
	position:relative;
}
/*lewa strona na stronie glownej*/
#dol_lewa{
	float:left;
	width:61%;
}
/*prawa strona na stronie glownej*/
#dol_prawa{
	float:right;
	width:38%;
	padding:0%;
}
#dol_prawa h3{
	text-align:center;
}
/*szukaj na stronie glownej*/
#szukaj{
	margin-bottom:10px;
	margin-left:12px;
}
/*ramki np. digitop design na stronie glownej*/
.ramki  ul{
margin-top:3px;
margin-bottom:0px;
}
.ramki{
	width:207px;
	height:135px;
	float:left;
	padding:8px;
	padding-right:12px;
	margin-left:12px;
	margin-bottom:12px;
	overflow:hidden;
	-moz-opacity:0.8;
	opacity: 0.8;
	background:#fff;
	border-left:#bbb 1px solid;
	border-top:#bbb 1px solid;
	border-right:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
}
.ramki h3{
	margin-top:0px;
}
/*stopka*/
#stopka{
	width:100%;
	color:#aaa;
}
#stopka a{
	text-decoration:none;
	color:#fff;
}
/*portfolio na stronie glownej*/
#portfolio{
	width:99%;
	height:550px;
	text-align:center;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
}
/*boksy z obrazkami i danymi w portfolio*/
.info_portfolio{
 	 border-bottom:1px dashed #DDDDDD;
	border-top:1px dashed #DDDDDD;
	height:131px;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	text-align:left;
}
.info_portfolio a img{
	border:1px solid #DDDDDD;
	-moz-opacity:1.0;
	opacity: 1;
}
.info_portfolio a:hover img{
		-moz-opacity:0.8;
	opacity: .8;
}
a{
text-decoration:none;
color:#aaa;
}
a:hover{
color:#666;
text-decoration:underline;
}
.img_portfolio{
	float:left;
	margin-right:10px;
}
/*mapka i pani na stronie glownej*/
#mapka{
	position:absolute;
	bottom:0px;
	left:13px;
	margin:0px;
	border:0px;
	-moz-opacity:0.6;
	opacity: .6;
	width:450px;
	height:auto;
	overflow-x:auto;
	padding-bottom:0px;
	border-left:#bbb 1px solid;
	border-top:#bbb 1px solid;
	border-right:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
}
/*cala dolna czesc na podstronach*/
#dol_tresc_cala_podstrony{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:12px;
	float:left;
	background:#d6d6d6 url(../img/tlo_podstrony.gif) repeat-x top;
	position:relative;
}
/*po kliknieciu w szukaj*/
.szukana{
	margin-bottom:10px;
}
#podstrony_srodek{
	background:#FFFFFF none repeat scroll 0%;
	height:100%;
	border-left:#bbb 1px solid;
	border-top:#bbb 1px solid;
	border-right:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
	padding:10px;
}
/*ramki w lewej i prawej belce na podstronach*/
.podstrony_ramki{
	width:99%;
	height:230px;
	margin-top:0px;
	margin-bottom:12px;
	overflow:auto;
	-moz-opacity:0.8;
	opacity: 0.8;
	background:#fff;
	border-left:#bbb 1px solid;
	border-top:#bbb 1px solid;
	border-right:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
	clear:both;
}
/*prawa belka na podstronach*/
#podstrony_prawa{
	text-align:left;
	margin-right:0px;
	/*background:#FFFFFF none repeat scroll 0%;*/
	height:100%;
	-moz-opacity:0.8;
	opacity: 0.8;
	/*border-left:#bbb 1px solid;*/
	/*border-top:#bbb 1px solid;*/
	/*border-right:#aaa 2px solid;*/
	/*border-bottom:#aaa 2px solid;*/
}
/*span na stronie glownej w portfolio (nastepny, poprzedni)*/
.p_button{
	width:100%;
	text-align:center;
	border:1px solid #bbb;
	display:block;
	cursor:pointer;
}
/*przycisk szukaj*/
#szukaj_p{
	padding:3px;
	margin-left:5px;
	-moz-opacity:0.8;
	opacity: 0.8;
	background:#fff;
	border-left:#bbb 1px solid;
	border-top:#bbb 1px solid;
	border-right:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
	cursor:help;
}
.przezroczyste{
	-moz-opacity:0.9;
	opacity: 0.9;
}