/* reset marginesów oraz dopelnien */
html, body, ul, li  { margin: 0; padding: 0;}

/* reset wysokosci linii i fontu */
h1, h2, h3,  p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

body{
background:black;
}


#wrapper  {
background:#fff;
margin:0px auto; padding: 0px auto;
width:1024px;
height:auto;
overflow:hidden;

}

#nav{
height:167px;
width:1024px;
}

#navi  {
height:65px;
width:637px;
background: transparent url(grafika/xxxxx.jpg) repeat-x scroll 0 0;                      /* początek z nawigacją */

}

#navi {
position:relative;
margin-top:102px;
float:left;
}


#navi ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border 1px solid #000;

}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size:19px;
	font-style:inherit;
	font-family:Arial, Helvetica, sans-serif;
	background: #000  url(grafika/czarnyx.jpg) repeat-x scroll 0 0;
	color: #fff;
	padding: 20px 17px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul a:hover {
	background-color: #800;
	background: #000  url(grafika/czerwonyx.jpg) repeat-x scroll 0 0;
}
                                                                             /* navigacja koniec */


#lewy{
height:167px;
width:637px;
background:url(grafika/1pol.jpg);
float:left;
}
                                                                                      /* elemeny gorne*/


#doprawego{
height:167px;
width:387px;
background: transparent url(grafika/2pol.jpg) scroll 0 0;
float:right;
}

#belka1{
height:1px;
width:1024px;
background:black;
float:left;
}

#top {
border-top:inline 2px #FFFFFF;
height:201px;                                                                     /* top poczatek i koniec */
width:1024px;

float:left;

}

#tresc_home{                                                                     /* home początek*/
width:1024px;
height:auto;
margin: 0px auto;
padding: 0 auto px;
background:#FFFFFF;
float:left;
}


#gorne_divy{
width:1024px;
height:auto;
margin: 0px auto;
padding: 0px;
background:#FFFFFF;
float:left;
}

#dolne_divy{

width:1024px;
height:auto;
margin: 5px auto;
padding: 0px;
background:#FFFFFF;
float:left;}









#gorne_divy #prawy_gora{
width:419px;
height:305px;
margin: 0;
padding: 0;
background:transparent url(grafika/lewy_gora.jpg) scroll 0 0;
float:left;
}


#lewy_g #lewy_gora{

width:600px;
height:260px;
margin:0px;
margin-top: 20px;
margin-right:5px;
padding: 0;
background:#ffff scroll 0 0;
float:right;

font-style:normal;
font-family:Arial, Helvetica, sans-serif;

}
#lewy_g #lewy_gora p {
color:#003399;
font-size:12px;
margin-left:6%;}

#gorne_divy #lewy_gora h2{
font-size:12px;
margin:1%;}

#lewy_g #prawy p {
color:#003399;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:6%;

}



#dolne_divy #prawy_dol{
width:300px;
height:216px;
margin:0px;
margin-right:3px;
padding: 0;
border:1px;
background:transparent url(grafika/plantop2.jpg) scroll 0 0;
float:right;

}

#dolne_divy #lewy_dol{

width:600px;
height:216px;
margin-left:90px;
padding: 0;
background:#99CCFF;
float:left;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color:black;
}
#dolne_divy #lewy_dol p {
margin-top:5px;
margin-left:5%;}



#opis{
width:1024px;
height:auto;

margin-bottom:30px;

float:inherit;

}

#opis h3 {
margin-left:25%;
}

#insert{ 
width:auto;
height:auto;
float:right;
margin-right:230px;


}

#quic_step{
width:auto;
height:auto;

margin:18px;
float:left;
}


#futer{
border-top : solid 1px;
margin:0px;
width:1024px;
height:auto;
height:50px;
background:url(grafika/futer.jpg) repeat-x scroll 0 0;
float: left;

}																                      /* home koniec*/
                                               /* oferta--------------------początek*/
                                               
#izolator{  
width:1024px;
height:1px;
float:left;
} 



                                               
#a {
font-family:Arial, Helvetica, sans-serif;

width:1024px;
height:auto;
margin:0px;
float:left;
}

#a #aL {

width:330px;
height:330px;
margin:0px;
background:url(grafika/teleinformatyka.jpg) scroll 0 0;
margin:2px;
float:left;
}
#a #aP {
width:600px;
height:230px;
margin:0px;
background:#ffff;
 margin:2px;
float:right;
}


#b {font-family:Arial, Helvetica, sans-serif;

width:1024px;
height:auto;
margin:0px;
float:left;
}

#b #bL {
width:330px;
height:330px;
margin:0px;
background:url(grafika/doradztwo_informatyczne.jpg) scroll 0 0;
 margin:2px;
float:left;
}
#b #bP {
width:600px;
height:230px;
margin:0px;
background:#ffff;
margin:2px;
float:right;
}

#c {font-family:Arial, Helvetica, sans-serif;

width:1024px;
height:auto;
margin:0px;
float:left;
}

#c #cL {
width:330px;
height:330px;
margin:0px;
background:url(grafika/trony_www.jpg) scroll 0 0;
 margin:2px;
float:left;
}
#c #cP {
width:600px;
height:230px;
margin:0px;
background:#ffff;
margin:2px;
float:right;
}

#d {font-family:Arial, Helvetica, sans-serif;

width:1024px;
height:auto;
margin:0px;
float:left;
}

#d #dL {
width:350px;
height:187px;
margin:0px;
background:url(grafika/spzedaz_naprawa.jpg) scroll 0 0;
 margin:2px;
float:left;
}
#d #dP {
width:600px;
height:230px;
margin:0px;
background:#ffff;
margin:2px;
float:right;
}                                                 
#e{ font-family:Arial, Helvetica, sans-serif;

width:1024px;
height:auto;
margin:0px;
float:left;
}

#e #eL {
width:350px;
height:187px;
margin:0px;
background:url(grafika/systemy_infor.jpg) scroll 0 0;
 margin:2px;
float:left;
}
#e #eP {
width:600px;
height:230px;
margin:0px;
background:#ffff;
margin:2px;
float:right;
} 															
                                                     /* oferta--------------------koniec!!!*/



                                                     /*kontakt--------------------początek!!!*/

#kontakt{
width:259px;
height:400px;
margin-right:5px;
margin-left:9px;
margin-top:10px;
background:url(grafika/kontakt_new.jpg) scroll 0 0;
float:left;
}

#mapa{
width:425;
height:350;
float:left;
margin-left:300px;

border-right:1px #black;
padding:0;
}


#formularz{
width:450px;
height:400px;
margin-left:30px;

margin-top:10px;
background:#ffff;
float:left;

}

                                                       /*kontakt--------------------koniec!!!*/


                                                         /*klijenci--------------------początek!!!*/

 #klienci_nag{
width:350px;
height:34px;
margin-left:35%;
background:url(grafika/nasi.jpg) scroll 0 0;
 }

 #klienci_list{
 width:450px;
height:auto;
margin-left:35%;
background:# d2e3f3;

 }
 
  #klienci_list p{                                                   
  font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
  margin:12px;
  }                                                           /*klienci--------------------koniec!!!*/
                                                          
														   
														   /*licznik--------------------początek !!!*/
														   
#licznik {
width:100px;
height:auto;
margin-right:12px;
float:right;


}														   
														   
														   /*licznik--------------------koniec!!!*/
														   
														   
														   
														   
														   /*referencje--------------------początek!!!*/
														   
														   
#pliki_referentow{
width:174px;
height:auto;
margin-right:2px;
float:left;
}

#opis_firm{
width:30px;
height:300px;
margin-right:2px;
float:right;
}														   
                                                          
														   
														   /*referencje--------------------koniec !!!*/