body {
font-family: Tahoma;
font-size: 14px;
color: #ccc;
background: #000 url("images/bg.jpg") repeat-x;
margin-left: auto;
    margin-right: auto;
}

#wrap {
width: 1000px;
height: 100%;
margin: 0 auto;

}

.bg_tlo {
background: url("images/bg_tlo.jpg") repeat;
width: 100%;
height: 100%;
}

#logo {
float: left;
background-image: url("images/logo.png");
background-repeat: no-repeat;
width: 271px;
height: 84px;
margin-top:30px;

}

#menu {
display: block;
float: left;
width: 698px;
height: 37px;
margin-top: 45px;
margin-left: 30px;


}

#podklad {
float: left;
background: url("images/podklad.png") no-repeat;
width: 675px;

}

ul {
display: block;
float: left;
	list-style: none;
	margin: 0 0 0 60px;
	padding: 0;
}

ul li {

	display: block;
	float: left;
	padding: 10px 25px 0px 25px;
	margin-left: 15px;
	height: 24px;
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

li#active {
background: url("images/menu_a.png") repeat-x;
border: solid 1px;
border-color: #5aa6d6;
height: 24px;

}

ul a:link {

	margin-left: 15px;
	height: 24px;
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

ul a:hover {
float: left;
color: #6cdafc
}


.clear {
clear: both;
}

.clear2 {
clear: left;
}


#telefon {
float: left;
background: url("images/sluchawka.png") no-repeat;
width: 50px;
height: 54px;
padding: 5px;
margin-left: 370px;
margin-top: 30px;
}
#nr {
font-size:20px;
font-weight: bold;
float: right;
width: 150px;
margin-right: 130px;
margin-top: 30px;
color: #ccc;
font-family: tahoma;
padding: 13px 0 0 0;

}

#email {
float: left;
background: url("images/email.jpg") no-repeat;
width: 43px;
height: 48px;
padding: 5px;
margin-left: 390px;
margin-top: 30px;
}
.zapytanie {
float: right;
width: 150px;
height: 70px;
margin-right: 130px;
margin-top: 30px;
color: #2dbdeb;
font-family: tahoma;
padding: 13px 0 0 0;
}

.zapytanie:hover {
color: #fff;
}

#left-top {
float: left;
display: block;
width: 396px;
height: 279px;
margin-top: -45px;

}

.naglowek {
font-family: tahoma;
font-size: 16px;
color: #2dbdeb;
padding: 15px 0 0 75px;
font-weight: bold;
margin-left: 25px;

}

.naglowek_bg {
background-image: url("images/bg_nagl2.png");
background-repeat: repeat-x;
width: 393px;
height: 52px;

}

.naglowek_cien {
display: block;
background-image: url("images/cien_nagl.png");
background-repeat: no-repeat;
width: 393px;
height: 13px;


}

.margin {
margin-left: 20px;
padding-bottom: 28px;
}

#ludzik {
float: left;
display: inline;
background-image: url("images/ludzik.png");
background-repeat: no-repeat;
width: 61px;
height: 72px;
}

#sruba {
float: left;
display: inline;
background-image: url("images/sruba.png");
background-repeat: no-repeat;
width: 69px;
height: 71px;
}

#narzedzia {
float: left;
display: inline;
background-image: url("images/narzedzia.png");
background-repeat: no-repeat;
width: 66px;
height: 73px;
}

#dokument {
float: left;
display: inline;
background-image: url("images/dokument.png");
background-repeat: no-repeat;
width: 63px;
height: 68px;
}

#gwiazda {
float: left;
display: inline;
background-image: url("images/gwiazda.png");
background-repeat: no-repeat;
width: 74px;
height: 76px;
}

#ok {
float: left;
display: inline;
background-image: url("images/ok.png");
background-repeat: no-repeat;
width: 65px;
height: 64px;
}

#email2 {
float: left;
display: inline;
background-image: url("images/email2.png");
background-repeat: no-repeat;
width: 65px;
height: 64px;
}



#tresc {
font-family: tahoma;
font-size: 14px;
line-height: 20px; 
color: #d2d1d1;
padding: 10px 15px 10px 15px;
}

#tresc2 {
font-family: tahoma;
font-size: 14px;
line-height: 19px; 
color: #c5c5c5;
padding: 10px 15px 10px 15px;
}

p {
text-indent: 25px;
}

#etapy {
float: left;
display: block;
width: 394px;
height: 294px;
margin-top: -8px;

}

.strzalka {

float: left;
background: url("images/strzalka.jpg") no-repeat;
width: 43px;
height: 37px;
margin-left: 35px;
}

.plus {
float: left;
background: url("images/plus.jpg") no-repeat;
width:23px;
height: 26px;
margin: 0px 5px 5px 35px;
}


.pakiet {
float: left;
font-family: tahoma;
font-weight: normal;
color: #d2d1d1;
margin: 0px 0px 10px 0px;
width: 250px;

}

.etapy {
float: left;
font-family: tahoma;
font-weight: bold;
color: #d2d1d1;
padding: 10px 0px 0 0px;

}


#tworzenie-stron {
float: left;
display: block;
width: 567px;
height: 286px;
margin-top: -8px;
margin-left: 20px;

}
#projektowanie-stron {
float: left;
display: block;
width: 979px;
height: 272px;
margin-top: -8px;
margin-left: 0px;
margin-bottom: 55px;
}

#realizacje {
float: left;
display: block;
width: 902px;
height: 478px;
margin-left: 30px;
margin-bottom: 40px;
margin-top: -45px;
}


p.separator4 {
float: left;
background-image: url("images/separator.png");
background-repeat:  repeat-x;
width: 920px;
height: 2px;
margin-left: 20px;
}

p.separator3 {
float: left;
background-image: url("images/separator.png");
background-repeat:  repeat-x;
width: 850px;
height: 2px;
margin-left: 20px;
}

p.separator2 {
float: left;
background-image: url("images/separator2.jpg");
background-repeat: repeat-x;
width: 982px;
height: 4px;
margin-bottom: 25px;
margin-top: 80px;
}

p.separator {
float: left;
background-image: url("images/separator.png");
background-repeat: repeat-x;
width: 520px;
height: 2px;
margin-left: 20px;
}



#stopka {
background: url("images/stopka.jpg") repeat-x;
clear: both;
width:100%;
height: 57px;
text-align: center;
margin-top: 85px;
color: #c5c5c5;
position: absolute;
}

.foot {
padding-top: 10px;
}

/* SLIDESHOW */

#wybrane-realizacje {
float: left;
display: block;
width: 567px;
height: 265px;
margin-top: -45px;
margin-left: 20px;

}

.blok3 {
display: block;
background: #1e1e1e url("images/box_bg.jpg") repeat-x;
width: 902px;
}
.blok3_cien {
display: block;
background-image: url("images/cien-real.png");
background-repeat: no-repeat;
width: 902px;
height: 56px;
}

.blok2 {
display: block;
background: #1e1e1e url("images/box_bg.jpg") repeat-x;
width: 979px;
}

.blok2_cien {
display: block;
background-image: url("images/blok2-cien.jpg");
background-repeat: no-repeat;
width: 987px;
height: 35px;
}


.blok {
display: block;
background: #1e1e1e url("images/box_bg.jpg") repeat-x;
width: 566px;

}


.blok_cien {
display: block;
background-image: url("images/blok-cien.png");
background-repeat: no-repeat;
width: 566px;
height: 29px;
}



a {
text-decoration: none;
color: white;
border: none;
}

#formularz {
margin-left: 100px;
}
	
#margin-bot {
padding-bottom: 110px;
}
#margin-str {
padding-bottom: 50px;
}

#m-l {
margin-left: 25px;
}