* { 
	margin: 0; 
	padding: 0; 
}
html { 
	height: 100% 
}
body {
	font: 70%/170% Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	background-color: #f5f5f5;
	margin: 20px;
}

/* TEXT */
p, h2 {
	padding: 2px 0;
}
p.mapka {
font-size: 90%;
}
h2 {
	font: bold 135%/115% Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 8px;
}

/* OFERTA */
.oferta ul, .referencje ul, .projekty ul {
	list-style: none;
	margin: 0;
}
.oferta li, .referencje li, .projekty li {
	background: url(../img/bullet.gif) no-repeat 0 11px;
	padding: 2px 0 2px 10px;
}

/* LINKS */
a:link { 
	color: #929292;
	text-decoration: underline;
	font-weight: bold;
}
a:visited { 
	color: #929292;
	text-decoration: underline;
	font-weight: bold;
}
a:active { 
	color: #929292;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #929292;
	text-decoration: none;
	font-weight: bold;
}
.purea_mapa {
border: 2px solid #929292;
width: 125px;
height: 94px;
}
/* WRAPPER */
#wrapper {
	width: 790px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background: #fff url(../img/body_bg.gif) repeat-y;
}

/* TOP */
#top {
	width: 790px; 
	height: 60px;
	background: #f5f5f5;
	margin: 0; 
	padding: 0; 
	border: 0;
	position: relative;
	background-image: url(../img/top.gif);
}

/* LOGO */
#logo img {
	width: 97px;
	height: 78px;
	border: 0;
	margin: -30px 545px 0 0;
	position: relative;
	}
#logo h1 { 
	display: none; 
}

/* NAVIGATION */
#navigation {
	width: 420px;
	height: 15px;
	float: right;
	margin: -18px 17px 0 0;
	padding: 0;
	display: inline;
}
.navlist li {
	display: inline;
	padding: 2px 4px;
	border-right: 1px solid #dcdcdc;
}
.navlist li.last {
	border: none;
}
.navlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.navlist a {
	color: #404040;
	text-decoration: none;
}
.navlist a:hover {
	color: #ee7f00;
	text-decoration: underline;
}
.navlist a.first, .navlist a.first:hover {
	color: #ee7f00;
	text-decoration: underline;
}

/* FLAGS */
#flags a  {
	position: absolute;
	height: 10px;
	width: 15px;
	text-decoration: none;
}
#flags a span { 
	display: none; 
}
a#ofirmie, a#about { 
	top: 41px;
}
a#ofirmie {
	right: 108px;
}
a#about { 
	right: 68px; 
}
a#ofirmie:hover { 
	background: url(../img/pol_1.gif) no-repeat;
}
a#about:hover { 
	background: url(../img/eng_1.gif) no-repeat;
}
a#ofirmie:hover, a#about:hover { 
	border: none; 
}

/* IMAGE */
#image {
	background-image: url(../img/header.gif);
	width: 710px;
	height: 177px;
	border: 0;
	margin: 20px auto 20px auto;
	padding: 0;
}

/* RIGHT/LEFT COLUMN */
#leftcolumn { 
 	margin: 0px 5px 5px 40px;
 	padding: 0;
 	width: 225px;
 	float: left;
}
#rightcolumn { 
 	float: right;
 	margin: 0px 40px 5px 0px;
 	padding: 0;
 	width: 450px;
 	text-align: left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* FOOTER */
#footer{
	background-image: url(../img/footer.gif);
	width: 790px;
	height: 70px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 30px;
	padding: 0;
}
#footer ul {
	padding-top: 11px;
}
#footer li{
	display: inline;
	padding: 0 4px;
	border-right: 1px solid #f3f2f2;	
}
#footer li.last {
	border: none;
}
#footer a {
	color: #f3f2f2;
	text-decoration: none;
}
#footer a:hover {
	color: #f3f2f2;
	text-decoration: underline;
}

/* COPYRIGHT */
#copyright {
	margin: 0 auto;
	text-align: center;
	color: #d1d1d1;
	font-size: 10px;
}
#copyright img {
	width: 65px;
	height: 14px;
	border: 0;
	margin-bottom: -3px;

}
/* portfolio */
.container-projekty {
	margin: auto; 
	padding: 0px; 
	width: 450px; 
	height: auto;
}
.projekty-all {
	width: 450px; 
	height: auto; 
	border-bottom: solid 1px #d1d1d1; 
	margin-top: 20px; 
	padding-bottom: 20px;
}
.projekty-all-2 {
	width: 450px; 
	height: auto; 
	border-bottom: solid 1px #d1d1d1; 
	margin-top: 15px; 
	padding-bottom: 15px;
}
.projekty-all img, .projekty-all-2 img, .projekty-thumbnails img {
	float: left; 
	border: solid 1px #d1d1d1; 
	padding: 5px;
}
.projekty-all img:hover, .projekty-all-2 img:hover, .projekty-thumbnails img:hover {
	float: left; 
	border: solid 1px #929292; 
	padding: 5px;
}
.projekty-all h3, .projekty-all-2 h3, #rightcolumn.projekty h3 {
	font: normal 115%/115% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px; 
	margin-bottom: 5px;
}
.projekty-all .projekty-opis {
	width: 250px; 
	float: right;
}
.projekty-all-2 .projekty-opis-2 {
	width: 350px; 
	float: right;
}
.back {
	float: right;
}
.projekty-all-3 {
	width: auto; 
	height: auto; 
	margin-top: 15px; 
	padding-bottom: 15px;
}
.projekty-all-3 .projekty-opis-3 {
	width: 400px; 
	float: left;
	margin-bottom: 10px;
}
.projekty-thumbnails img {
	margin-right: 10px;
	margin-bottom: 10px;
}