body {
  background: #fff url(img/tlo_1_2.jpg) top center repeat-x;
  color: #fff;
  text-align: center;
  padding: 0;
  margin: 0;
  font: 10px Arial, Helvetica, sans-serif;
  padding-bottom: 100px;
}
* {
  margin: 0;
  padding: 0;
  border-style: none;
}
div.wrap {
  width: 989px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  margin-top: 40px;

}

a {
  text-decoration: none;
  color: #2683BC;
}

a:hover {
  color: gray;
}


h1 {
  font-weight:bold;
  margin-left: 470px;
  color: #0e90f2;
  font: 35px Arial, Helvetica, sans-serif;
}


/*-------------------FOR TOP------------------------*/

div#header {
  text-align: left;
  height: 113px;
  background: #fff;
  position: relative;
}
div#header ul {
ul li, ul li a {list-style-type: none;}

    
}


div#header ul li {
  list-style-type: none;
}

div#header ul li {
  display: block;
}

div#header ul li#home{
	background: transparent url(img/logo.jpg) bottom left no-repeat;
	width: 432px;
	height: 111px;
	float: left;
        margin-right: 40px;
        
}

div#header ul li#home a {
	background: transparent url(img/logo.jpg) left no-repeat;
	width: 432px;
	height: 111px;
	float: left;
}

div#header ul li#oferta{
	background: transparent url(img/b_1.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;
        margin-top: 36px;
}
div#header ul li#oferta a {
	background: transparent url(img/b_1.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;

}
div#header ul li#projekty{
	background: transparent url(img/b_2.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;
        margin-top: 36px;
}
div#header ul li#projekty a {
	background: transparent url(img/b_2.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;

}
div#header ul li#galeria{
	background: transparent url(img/b_3.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;
        margin-top: 36px;
}
div#header ul li#galeria a {
	background: transparent url(img/b_3.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;

}

div#header ul li#kontakt{
	background: transparent url(img/b_4.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;
        margin-top: 36px;
          
}
div#header ul li#kontakt a {
	background: transparent url(img/b_4.jpg) left no-repeat;
	width: 124px;
	height: 60px;
	float: left;
        margin-left: 0px;

       
}
div#header ul li span {
  display: block;
  height: 0;
  width: 0;
  font-size: 1px;
  overflow: hidden;
}




/*-------------------FOR CONTENT------------------------*/


div#content {
  padding: 70px 0px 0px 0px;
  text-align: left;
  background: #fff url(img/srodek.jpg) top center no-repeat;
  
  
  
}


div#content2 {
  padding: 70px 0px 0px 0px;
  text-align: left;
  background: #fff url(img/srodek_2.jpg) top center no-repeat;
 
  
}

a.dalej{
  font-weight:bold;
  font-size: 1.2em;
  margin-left: 470px;
}

a.dalej:hover{
  font-weight:bold;
  font-size: 1.2em;
  margin-left: 470px;
  color: black;
}



div#text {
  color: #2a2a2a;  
}



div#text p {
  font-size: 1.2em;
  line-height: 1.5em;
  padding-top: 0px;
  margin-left: 470px;
  margin-right: 100px;
}

div#tekst p span {
font-size: 19px;
}

div#text ul li {
  font-size: 1.2em;
  line-height: 1.5em;
  list-style-position: outside;
  margin-left: 485px;
  margin-right: 80px;
}


div#boxy{
  position: relative;
  margin: 0px 0px 0px 470px;
  padding-bottom: 50px;
}
div#domy a{
   display: block;
  
}

div#domy a {
   height: 79px;
   width: 223px;
   background: transparent url(img/b_d1.jpg);   
    
}


div#tech a{
  display: block;
   height: 79px;
   width: 223px;
   background: transparent url(img/b_d2.jpg);

   position: absolute; 
   left: 233px;
   top: 0;
}

/*-------------------FOR GALLERY------------------------*/


div.gallery-line {
  margin-left:475px;
  padding-bottom:5px;
}

div.gallery-line2 {
  margin-left:470px;
  float: left;
  }

div.gallery-line4 {
  float: left;
  margin-right:35px;
  }

div.gallery-line5 {
  float: left;
  margin-right:35px;
  }

div.gallery-line6 {
   float: left;
	margin-right:35px;
  }

div.gallery-line7 {
   float: left;
	margin-right:35px;
  }	

div.gallery-line8 {
   float: left;
	margin-right:35px;
  }
	
div.gallery-line9 {
   float: left;
	margin-right:35px;
  }	
	
div.rightside {
  padding-left:470px;
  padding-bottom:150px;
  }

div.rightside2 {
  padding-left:470px;
  padding-bottom:380px;
  }

div.rightside3 {
  padding-left:470px;
  padding-bottom:230px;
  }


/*-------------------FOR MAP------------------------*/

div.map {
  margin-left:473px;

}


  
/*-------------------FOR BOTTOM------------------------*/


#footer {
  padding: 0 20px;
  background-color: #fff;
  
}

.wrap-footer {
  padding: 10px 0 0 0;
  border-top: 1px solid #bab7b6;
  font-size: 1.2em;
  color: black;

}



#bottom-nav {
  float: left;
  padding-left: 10px;
}

#bottom-nav li {

  display: inline;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid gray;
  color: gray;
  

}

#bottom-nav li.last-link{
 
   border-right-style: none;
   margin-left: 0px;
   
}

#bottom-nav li.last-link :hover {
 
   border-right-style: none;
   margin-left: 0px;
   color: gray;
}




div#copy p{
  text-align: right;
  padding-right: 10px;
  color: gray;
  font-size: 1em; 
  padding-bottom: 7px;
  
}


/*-------------------FOR LIGHTBOX------------------------*/