body{ 
	margin: 0;
	padding: 0;
	font:12px/18px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	background:url(../images/tlo.jpg) #000 center 87px no-repeat;
}
img {margin:0;padding:0;border:0;}

.all_all{
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
.all{width:990px; float:left;}


p{font:12px/17px Arial, Helvetica, sans-serif; margin:8px 0; padding:0; color:#ccc; text-align:justify;}

a{ color:#333; text-decoration:none; outline: none;}
a:hover{ text-decoration:underline;}
strong{ color:#575757;}

h1{ font:bold 16px/19px Tahoma, Arial, Helvetica, sans-serif; color:#ff7500;}
h2{ font:bold 14px/16px Tahoma, Arial, Helvetica, sans-serif; color:#ff7500; padding-top:8px;}
h3{ font:bold 14px/16px Tahoma, Arial, Helvetica, sans-serif; color:#000; padding-top:8px;}

.hr{ border-top:1px solid #eee; border:none; height:1px; overflow:hidden;}

ul{ padding:2px 0 2px 20px; margin:0;}
li{ text-align:justify; padding:5px 0;}


.pas_top{ float:left; width:990px; height:87px;}
.logo, .logo a{ float:left; width:249px; height:87px; background:url(../images/logo2.gif) 7px 23px no-repeat; outline:none;}
.logo a:hover{ text-decoration:none;}

.navi_gorne{ width:200px; height:30px; float:right; color:#a1a1a1; padding:0 18px 0 0;}
.navi_gorne a{ color:#a1a1a1; float:right; display:block; padding:8px 8px 5px 8px; font:11px/18px Arial, Helvetica, sans-serif;}
.mapa{ background:url(images/mapa.gif) 0px 12px no-repeat;}

.nasze-serwisy{ float:right; width:270px; height:30px;  color:#a1a1a1; padding:0 18px 0 0;}
.nasze-serwisy a, .nasze-serwisy p{ color:#a1a1a1; display:block; padding:8px 8px 5px 8px; font:11px/18px Arial, Helvetica, sans-serif;}
.nasze-serwisy p{ margin:0; float:left;}
.nasze-serwisy p a{ margin:0; padding:0; font-weight:bold; color: #ccc;}

.menu{ float:right; width:700px; height:87px;}
.menu ul{ margin:0; padding:20px 0 0 0; float:right;}
.menu ul li{ margin:0; padding:0 25px 0 0; float:left; list-style:none; display:inline;}
.menu ul li a{ display:block; float:left; height:35px; outline:hidden;}

#o-firmie{ width:60px; background:url(../images/o-firmie-m.gif) bottom left no-repeat;}
#nasze-uslugi{ width:103px; background:url(../images/nasze-uslugi-m.gif) bottom left no-repeat;}
#portfolio{ width:68px; background:url(../images/portfolio-m.gif) bottom left no-repeat;}
#referencje{ width:82px; background:url(../images/referencje-m.gif) bottom left no-repeat;}
#kontakt{ width:61px; background:url(../images/kontakt-m.gif) bottom left no-repeat;}

#o-firmie:hover, #kontakt:hover, #portfolio:hover, #referencje:hover, #nasze-uslugi:hover{ background-position:0 0; text-decoration:none;}
.active{background-position:0 0 !important;}


.dol-podstrona, .sub-dol{float:left; width:990px;}

.footer{ float:left; padding:30px 0 10px 10px; background:url(../images/border_foter.gif) 0 30px repeat-x;}
.footer ul{ float:left; margin:0; padding:10px 30px 0 0; background:url(../images/border_fot_d.gif) 320px 0 no-repeat;}
.footer ul li{ display:inline; margin:0; float:left; padding:6px 20px 6px 0;}
.footer ul li a{ color:#888; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; text-transform:lowercase;}
.footer ul li a:hover, .footer ul li a.active{ text-decoration:none; color:#f58020;}

.footer_r{ float:right; padding:48px 10px 10px 0;}
.footer_r a{ text-transform:uppercase; color:#2b2b2b; font:10px/15px Arial, Helvetica, sans-serif;}


/***********************Realizacje**************************/

.dol_realizacje{ float:left; width:970px; padding:60px 10px 0 10px;}

.realizacje_male{ float:left; width:970px;}



.strony_dol{ float:left; width:970px;}

.navi{ float:left; width:500px;}
.navi p{ font-size:11px; color:#888;}
.navi p a{ color:#646464;}
.navi p strong{ color:#646464; text-decoration:none;}
.navi p span a{ text-decoration:underline; color:#888;}

.widoki{ float:right; width:100px; padding-right:20px;}
.szczegoly_a{ float:left; display:block; width:85px; height:21px; margin-right:10px; background:url(../images/szczegoly.gif) 0 0 no-repeat;}
.miniaturki_a{float:left; display:block; width:85px; height:21px; background:url(../images/miniatury.gif) 0 0 no-repeat;}
.szczegoly_a:hover, .miniaturki_a:hover{ text-decoration:none;}

.underline{ text-decoration:underline;}

.strony_g, .strony_g_f{ float:right; padding-right:20px; margin-top:-35px; position:relative;}
.strony_g_f{ margin-top:0;}
.strony_g b, .strony_g_f b{padding:2px 5px;}
.strony_g a, .strony_g_f a{padding:2px 5px; color:#888;}

.strony_g_d{ float:right; padding:0 20px 20px 0;}
.strony_g_d b{padding:2px 5px;}
.strony_g_d a{padding:2px 5px; color:#888;}

.pojedyncza-realizacja{ float:left; width:970px; padding:30px 0 20px 0;}
.obrazek{ float:left; width:435px; padding-left:10px; text-align:center;}
.obrazek img{ padding:5px; background:#272727;}
.miniaturki{ float:left; width:435px; text-align:center; padding:15px 0 0 0;}
.miniaturki img{ padding:10px 20px; background:url(../images/miniaturki_tlo.gif) center top no-repeat;}

.opis_realizacji_all{ float:left; width:400px; padding-left:10px;}
.opis_realizacji_all h1{ font:24px/27px Tahoma, Arial, Helvetica, sans-serif; color:#f58020; margin:0; padding:0 0 10px 0;}

.opis_re tr td p{ margin:0; padding:5px 0;}

.arrow_left{ float:left; width:39px; height:140px; padding:170px 5px 0 5px;}
.arrow_right{ float:right; width:39px; height:140px; padding:170px  5px 0 5px;}

.arrow_left a{float:left; width:34px; height:22px; background:url(../images/arrow_left.gif) bottom left repeat-x;}
.arrow_right a{ float:right; width:34px; height:22px; background:url(../images/arrow_right.gif) bottom left repeat-x;}

.arrow_left a:hover, .arrow_right a:hover{ text-decoration:none; background-position:0 0;}

.adres-strony{ float:left; clear:both; width:300px; padding:25px 0 15px 0;}
.odwiedz-strone{ float:left; width:122px; height:21px; background:url(../images/strona.gif) 0 0 no-repeat;}
.odwiedz-strone:hover{ text-decoration:none;}

ul.thumb {
	float: left;
	clear:both;
	list-style: none;
	margin: 0; padding: 15px 0 30px 0;
	width: 970px;
}
ul.thumb li {
	margin: 0 10px 35px 10px; padding: 0;
	float: left;
	width: 295px;
	height: 255px;
	text-align:center;
}
ul.thumb li h2{ padding:18px 0 14px 5px; margin:0; text-align:left;}
ul.thumb li h2 a{font:bold 16px/24px Arial, Helvetica, sans-serif; color:#ddd;}
ul.thumb li a img{ width:285px; height:186px; padding:5px; background:url(../images/ajax-loader.gif) #272727 center no-repeat;}
ul.thumb li a:hover img{background:url(../images/ajax-loader1.gif) #ddd center no-repeat;}