html, body
{
     background-repeat: repeat;
     /* background-color: rgb(255,255,201); */
     color: #000000;
     font-family: Arial, "Arial CE", sans-serif;
     text-align: center; padding: 0;
     margin: 0 auto;
     background-image: url(grafika/logo_tlo_na_body.png);
     background-repeat: repeat;
    background-attachment:fixed;
		min-height: 100%;
		padding:0;
		/*height: 100%;*/
}


p
{
     margin: 5px 5px 5px 20px;
     text-indent: 30px;
     text-align: justify;
}

img
{
  border-style: hidden;
  border:0px;
}

img.menu
{
width: 120px;
height: 25px;

}

a:link {
	color: #2740ff;
	text-decoration:none;
}

a:visited {
	color: #2740ff;
	text-decoration:none;
}


a:hover {
	color: #6375ff;
	text-decoration:none;
}


#tekst
{
   width: 630px;
   height: 100%;
   margin: 10px 10px 10px 10px;

   padding: 2px 5px 5px 0px;
   font-family: "Trebuchet MS", sans-serif;
   font-size: 0.9em;
  position: relative;
   color: #2e2e2e;
float: left;
}

#o_nas, #o_nas:hover, #o_nas:active, #o_nas:visited, #oferta:hover, #oferta:visited ,#oferta:active, #oferta, #kalkulacja:hover, #kalkulacja:active , #kalkulacja:visited , #kalkulacja, #galeria:hover, #galeria:visited, #galeria:active , #galeria, #kontakt:hover, #kontakt:visited , #kontakt:active , #kontakt, #wyniki:hover, #wyniki:visited , #wyniki:active , #wyniki, #zapisy:hover, #zapisy:visited , #zapisy:active , #zapisy,#f-gps:hover, #f-gps:visited , #f-gps:active , #f-gps, #numery:hover, #numery:visited , #numery:active , #numery, #praca, #praca:hover, #praca:visited , #praca:active , #ue, #ue:hover, #ue:visited , #ue:active , #ue {
width:121px;
height: 47px;
  position: relative;
    padding: 0;
	margin: 0 auto;
	
	text-align: center;
	background-repeat:no-repeat;
	display:block;
	background-color: black;
	border-style: hidden;
}


#o_nas:hover
{
background-image: url(grafika/guzik_o_nas_doswietlony.png);
}
#o_nas
{
background-image: url(grafika/guzik_o_nas_niedoswietlony.png);
}

#oferta:hover
{
background-image: url(grafika/guzik_oferta_doswietlony.png);
}
#oferta
{
background-image: url(grafika/guzik_oferta_niedoswietlony.png);
}

#kalkulacja:hover
{
background-image: url(grafika/guzik_kalkulacja_oferty_doswietlony.png);
}
#kalkulacja
{
background-image: url(grafika/guzik_kalkulacja_oferty_niedoswietlony.png);
}

#galeria:hover
{
background-image: url(grafika/guzik_galeria_doswietlony.png);
}

#galeria
{
background-image: url(grafika/guzik_galeria_niedoswietlony.png);
}

#zapisy:hover
{
background-image: url(grafika/guzik_zapisy_doswietlony.png);
}

#zapisy
{
background-image: url(grafika/guzik_zapisy_niedoswietlony.png);
}


#wyniki:hover
{
background-image: url(grafika/guzik_wyniki_doswietlony.png);
}

#wyniki
{
background-image: url(grafika/guzik_wyniki_niedoswietlony.png);
}
#kontakt:hover
{
background-image: url(grafika/guzik_kontakt_doswietlony.png);
}

#kontakt
{
background-image: url(grafika/guzik_kontakt_niedoswietlony.png);
}



#f-gps
{
background-image: url(grafika/guzik_f-gps_niedoswietlony.png);
}

#f-gps:hover
{
background-image: url(grafika/guzik_f-gps_doswietlony.png);
}

#numery
{
background-image: url(grafika/guzik_numery_startowe_niedoswietlony.png);
}

#numery:hover
{
background-image: url(grafika/guzik_numery_startowe_doswietlony.png);
}

#praca
{
background-image: url(grafika/guzik_praca_niedoswietlony.png);
}

#praca:hover
{
background-image: url(grafika/guzik_praca_doswietlony.png);
}

#ue
{
background-image: url(grafika/guzik_ue_niedoswietlony.png);
}

#ue:hover
{
background-image: url(grafika/guzik_ue_doswietlony.png);
}

#menu
{
text-align: left;
margin: 0 0;
width:200px;
min-height: 470px;
background-color: black;
float: left;

}
#gora
{

display:block;
background-repeat: no-repeat;

height: 170px;
 margin: 0 0;
  width: 1090px;
  background-color: black;
	text-align: left;
}

#facebooki_itp
{
  margin: 0 0;
  width: 290px;
  height: 170px;
	background-color: black;
  float: right;
}

#gora, #srodek_calosc, #l_srodek, #p_srodek, #s_srodek {

  padding: 0;
  border-width: 0px;
  border-style: solid;
  position: relative;


}

#cala_calosc {
width: 1090px;

position: relative;
margin: 0 auto;

text-align: center;
height: 100%;

}

#calosc {
width: 890px;

position: relative;
margin: 0 auto;

text-align: center;
height: 100%;
float: left;



 /* padding-bottom:40px;  Wysokość stopki */
/*	  border-width: thin;
  border-left-style: solid;
*/

}


#srodek_calosc {

margin: 0 auto;
  width: 890px;
/*height: 420px;*/
  text-align: left;
/*	float: left;*/
min-height: 470px;
float: left;



}

#s_srodek {

  margin-top: 10px;
	margin-left: 10px;
	margin-bottom:20px;
  width: 680px;
  height: 100%;
  float: left;
	/*background-color: white;*/
	
  background-image: url(grafika/tlo_pod_tresc.png);
  background-position: 20px;
  background-repeat:repeat;
	



/* IE */
}


	
	
#l_srodek {
  margin: 0 0;
  width:100px;
  

/* IE */
}

#p_srodek{
	width: 200px;
	min-height: 556px;
	background-color: black;
	margin-top: 76px;
	float: left;
}

#stopka {
position: relative;
bottom: 0px;
  width: 100%;
  height: 40px;
/*margin: 0 auto; */
text-align: center;
font-size: 1em;
clear: both; 
  border-width: thin;

	border-right-style: solid;
  border-bottom-style: solid;

  background-image: url(grafika/stopka.png);
  background-repeat: repeat;
  background-position: 50% 50%;
  border-color: black;
  color: #747474;
}
a.link_stopka
{
  margin: 3px;
  color: #747474;
  text-decoration:none;
  border-style: hidden;
}

a.link_stopka:visited
{
  color: #747474;
  text-decoration:none;
}

a.link_stopka:hover
{
  color: #919191;
  text-decoration:none;
}

a#designed
{
  font-size: 0.7em;
}

#walidatory
{
  position: absolute;
  bottom: 5px;
  right: 1px;
}



#tabela_oferta
{
  font-family: arial, verdana, sans-serif;
  font-size: 0.8em;
  width: 555px;
  height: 315px;
  position: absolute;
  top: 20px;
  left: 30px;
  float: left;
	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

div.tab_of_wiersz
{
  width: 100%;
  height: 75px;
}

div.tab_of_kol_l
{
  width: 420px;
  float: left;
  margin: 3px 0px 0px 3px;
  padding: 5px 5px 0px 10px;
  height: 70px;
  background-color: #b6b9e1;
}

div.tab_of_kol_p
{
  float: left;
  margin: 3px 0px 0px 3px;
  padding: 5px 5px 0px 5px;
  width: 100px;
  height: 70px;
  background-color: #ff9352;
  text-align: center;
  color: #ff0000;
  font-weight: bold;
}

#podpis_oferty
{
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-family: arial, verdana, sans-serif;
  font-size: 0.8em;
  font-style: oblique;
  font-weight: bold;
  text-align: justify;
  width: 565px;
  margin: 5px 5px 5px 15px;
  padding: 2px 5px 5px 0px;

}

#lata_wyniki
{
text-align: center;
}

#tabela_wyniki
{
  font-family: arial, verdana, sans-serif;
  font-size: 0.7em;
  width: 670px;
  height: 100%;
	position: relative;
  top: 10px;
  left: 5px;
	
  float: left;
	
	

}
p.naglowki_tabel
{
  position: relative;
	top: 20%;
	left: 0px;
	margin: 0px 0px 0px 0px;
  text-indent: 6px;
  text-align: left;
}

p.naglowki_tabel_waskie
{
  position: relative;
	top: 20%;
	left: 0px;
	margin: 0px 0px 0px 0px;
  text-indent: 2px;
  text-align: left;
}

p.naglowki_tabel_waskie_foto_video
{
  position: relative;
	top: 20%;
	left: 0px;
	margin: 0px 0px 0px 0px;
  text-indent: 2px;
  text-align: left;
}

p.komorki_tabel
{
  position: relative;
	top: 20%;
	left: 0px;
	margin: 0px 0px 0px 0px;
  text-indent: 4px;
  text-align: left;
}

#tab_wyn_naglow
{
  width: 100%;
  height: 25px;
  font-weight: bold;
  font-size: 1.1em;
}

#tab_wyn_naglow_nazwa
{
  width: 320px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;
}

#tab_wyn_naglow_miejsce
{
  width: 95px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_data
{
  width: 65px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_pdf
{
  width: 45px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_foto_video
{
  width: 35px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_dyplomy
{
  width: 50px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_excel
{
  width: 33px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_wyn_naglow_live
{
  width: 33px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

div.tab_wyn_wiersz
{
  width: 100%;
  height: 25px;
  
}

div.tab_wyn_kol_nazwa
{
  width: 320px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  font-size: 0.95em;
}

div.tab_wyn_kol_miejsce
{
  width: 95px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  font-size: 0.85em;
}

div.tab_wyn_kol_data
{
  width: 65px;
  height: 25px;
  float: left;
  font-size: 0.85em;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

div.tab_wyn_kol_pdf
{
  width: 45px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

div.tab_wyn_kol_foto_video
{
  width: 35px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 3px 0px 1px;
  text-align: center;
}

div.tab_wyn_kol_dyplomy
{
  width: 50px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 3px 0px 1px;
  text-align: center;
}

div.tab_wyn_kol_excel
{
  width: 42px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

div.tab_wyn_kol_live
{
  width: 42px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

a.acrobat
{
  width:22px;
  height: 22px;
  position: relative;
  top: 1px;
  left: 13px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/acrobat_reader.png);
}

a.acrobat:hover
{
  background-image: url(grafika/acrobat_reader_2_2.png);
}

a.excel
{
  width:24px;
  height: 25px;
  position: relative;
  top: 1px;
  left: 11px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/excel.png);
}

a.excel:hover
{
  background-image: url(grafika/excel_2.png);
}


a.live
{
  width:42px;
  height: 20px;
  position: relative;
  top: 3px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/live.png);
}

a.live:hover
{
  background-image: url(grafika/live_2.png);
}

a.galeria_ikonka
{
  width:22px;
  height: 22px;
  position: relative;
  top: 1px;
  left: 5px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/galeria_ikona.png);
}

a.galeria_ikonka:hover
{
  background-image: url(grafika/galeria_ikona_2.png);
}

a.video_ikonka
{
  width:30px;
  height: 22px;
  position: relative;
  top: 1px;
  left: 5px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/video_ikona.png);
}

a.video_ikonka:hover
{
  background-image: url(grafika/video_ikona_2.png);
}

a.dyplomy_ikonka
{
  width:30px;
  height: 22px;
  position: relative;
  top: 1px;
  left: 10px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/dyplomy_ikonka.png);
}

a.dyplomy_ikonka:hover
{
  background-image: url(grafika/dyplomy_ikonka_2.png);
}


#mini_galeria
{
  width: 548px;
  height: 123px;
  position: absolute;
  top: 2px;
  left: 30px;

  padding-top: 0px;
  text-align: center;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.95em;
  font-weight: bold;
}
img.mini
{
  margin: 2px 3px 3px 3px;

  float: left;
}

#tabela_galeria
{
  font-family: arial, verdana, sans-serif;
  font-size: 0.8em;
  width: 560px;
  height: 220px;
  position: absolute;
  top: 130px;
  left: 30px;
 
  float: left;
}

#tab_gal_naglow
{
  width: 100%;
  height: 25px;
  font-weight: bold;
  font-size: 1.1em;
}

#tab_gal_naglow_nazwa
{
  width: 240px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_gal_naglow_miejsce
{
  width: 95px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_gal_naglow_data
{
  width: 70px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

#tab_gal_naglow_galeria
{
  width: 130px;
  height: 25px;
  float: left;
  background-color: #ff9352;
  margin: 3px 0px 3px 3px;

}

div.tab_gal_wiersz
{
  width: 100%;
  height: 25px;
  
}

div.tab_gal_kol_nazwa
{
  width: 240px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  font-size: 0.95em;
}

div.tab_gal_kol_miejsce
{
  width: 95px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  font-size: 0.85em;
}

div.tab_gal_kol_data
{
  width: 70px;
  height: 25px;
  float: left;
  font-size: 0.85em;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

div.tab_gal_kol_galeria
{
  width: 130px;
  height: 25px;
  float: left;
  background-color: #b6b9e1;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

a.galeria_link
{
  width:130px;
  height: 25px;
  position: relative;
  top: 0px;
  padding: 0;
  margin: 0 0;
  text-align: center;
  background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/biegajznami_1.png);
}

a.galeria_link:hover
{
  background-image: url(grafika/biegajznami_2.png);
}

#archiwum_galerii
{
  position: absolute;
	left: 33px;
	bottom: 5px;
  width: 545px;
	height: 25px;
	background-color: #b6b9e1;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.95em;
  font-weight: bold;
	text-indent: 15px;
}

a.archiwum_galerii_link
{
  position: absolute;
	right: 115px;
  top: 2px;
  width: 160px;
  height: 25px;  
	background-repeat:no-repeat;
  display:block;
  border-style: hidden;
  background-image: url(grafika/archiwum_galerii_1.png);
}

a.archiwum_galerii_link:hover
{
  background-image: url(grafika/archiwum_galerii_2.png);

}

#pieczatka
{
  width: 186px;
  height: 116px;
  background-image: url(grafika/ramka_pieczatka.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
  position: absolute;
  bottom: 30px;
  right: 170px;
}

#tekst_pieczatka
{
  width: 170px;
  height: 90px;
  position: absolute;
  margin: 10px 5px 5px 10px;
  font-weight: bold;
  color: #ff0000;
  font-size: 1em;
}