/* ------------------ Start Reset CSS ------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* ------------------ End Reset CSS ------------------ */

body {
  font-size: 12px;
  font-family: arial, verdana, tahoma, sans-serif;
  background: #fdfdfd url("images/uniwersalne/background.png") repeat-x;
}

a, a:hover, a:visited {
  color: inherit;
  text-decoration: none;
}

img {
  border: 0px;
  _behavior: url('iepngfix/iepngfix.htc'); /* IE PNG Fix */
}

.advertisement {
  width: 160px;
  height: 600px;
  position: absolute;
  margin-top: 199px;
}

#left_advertisement{
  left: 50%;
  margin-left: -570px;
}

#right_advertisement{
  right: 50%;
  margin-right: -570px;
}

/*
.advertisement {
  width: 160px;
  height: 600px;
  position: fixed;
  top: 50%;
  margin-top: -300px;
}

#left_advertisement{
  left: 50%;
  margin-left: -570px;
}

#right_advertisement{
  right: 50%;
  margin-right: -570px;
}
*/

#page {
  width: 780px;
  text-align: center;
  margin: 20px auto 15px;
}

/* ------------------ Logo ------------------ */

#logo {
  color: #8c8a8a;
  width: 712px;
  height: 88px;
  font-size: 22px;
  margin: 0px auto;
}

#logo #poomocny_mikolaj {
  width: 239px;
  height: 88px;
  float: left;
}

#logo #kliknij_w_wojewodztwo {
  width: 473px;
  height: 88px;
  float: right;
}

/* ------------------ End Logo ------------------ */


/* ------------------ Map ------------------ */

#map {
  color: #;
  width: 687px;
  height: 623px;
  margin: 20px auto 0px;
  position: relative;
}

#map a {
  color: #ffde9f;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: absolute;
}

#map a:hover {
  color: #ffffff !important;
}

#map #zachodniopomorskie {
  top: 115px;
  left: 55px;
}

#map #pomorskie {
  top: 65px;
  left: 245px;
}

#map #lubuskie {
  top: 275px;
  left: 65px;
}

#map #wielkopolskie {
  top: 260px;
  left: 180px;
}

#map #kujawsko-pomorskie {
  top: 175px;
  left: 245px;
}

#map #łódzkie {
  top: 335px;
  left: 345px;
}

#map #warmińsko-mazurskie {
  top: 95px;
  left: 410px;
}

#map #podlaskie {
  top: 160px;
  left: 570px;
}

#map #mazowieckie {
  top: 235px;
  left: 435px;
}

#map #lubelskie {
  top: 365px;
  left: 568px;
}

#map #świętokrzyskie {
  top: 417px;
  left: 422px;
}

#map #podkarpackie {
  top: 505px;
  left: 515px;
}

#map #małopolskie {
  top: 517px;
  left: 392px;
}

#map #śląskie {
  top: 470px;
  left: 308px;
}

#map #opolskie {
  top: 432px;
  left: 240px;
}

#map #dolnośląskie {
  top: 385px;
  left: 125px;
}

/* ------------------ Pasek Postępu ------------------ */

#postep {
  color: #96a800;
  width: 295px;
  height: 50px;
  position: absolute;
  bottom: 20px;
  left: 0px;
}

#postep #pasek_postepu_container {
  color: #f3f89d;
  width: 295px;
  height: 31px;
  margin-top: 5px;
  position: absolute;
  bottom: 0px;
}

#postep #pasek_postepu_container #pasek_postepu_left_decoration {
  width: 11px;
  height: 31px;
  float: left;
  background: url('images/strona-glowna/pasek-postepu-left-decoration.png') no-repeat ;
}

#postep #pasek_postepu_container #pasek_postepu_right_decoration {
  width: 11px;
  height: 31px;
  float: left;
  background: url('images/strona-glowna/pasek-postepu-right-decoration.png') no-repeat ;
}

#postep #pasek_postepu_container #pasek_postepu {
  width: 263px;
  height: 19px;
  float: left;
  padding: 6px 5px;
  background: url('images/strona-glowna/pasek-postepu.png') repeat-x ;
}

#pasek_postepu #ladowanie_tlo {
  width: 212px;
  height: 19px;
  float: left;
  background-color: white;
}

#pasek_postepu #ladowanie {
  height: 19px;
  background-color: #cad000;
}

#pasek_postepu #procent {
  color: #f3f89d;
  font: 18px 'arial black';
  line-height: 18px;
  float: right;
}

/* ------------------ End Pasek Postępu ------------------ */

/* ------------------ End Map ------------------ */

/* ------------------ Info ------------------ */

#info {
  color: #8c8a8a;
  width: 712px;
  height: 30px;
  font-size: 11px;
  text-align: right;
  margin-top: 15px;
}

#info a {
  color: #8c8a8a;
  font-size: 13px;
  float: right;
  clear: both;
}


/* ------------------ End Info ------------------ */



/* ------------------ Info Postep ------------------ */

#info_postep {
  width: 760px;
  height: 90px;
  margin: 20px auto;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#info_postep #info_text {
  color: #aaaaaa;
  width: 425px;
  height: 42px;
  float: left;
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  margin: 24px 0px;
}

#info_postep #postep {
  float: right;
  margin: 20px 0px;
  position: relative;
  bottom: 0px;
}

/* ------------------ End Info Postep ------------------ */

/* ------------------ Reklama ------------------ */

#reklama {
  width: 728px;
  height: 90px;
  margin: 0px auto 20px;
}

/* ------------------ End Reklama ------------------ */

/* ------------------ Links ------------------ */

#links {
  width: 728px;
  height: 62px;
  margin: 0px auto 20px;
}

#links #wroc {
  width: 364px;
  height: 62px;
  float: left;
}

#links #przejdz {
  width: 364px;
  height: 62px;
  float: right;
  position: relative;
  background: url('images/mikolaj/przejdz-do-aplikacji.png') no-repeat;
}

/* ------------------ End Links ------------------ */

/* ------------------ Info 2 ------------------ */

#info2 {
  width: 722px;
  height: 75px;
  margin: 0px auto 30px;
  padding: 0px 19px 20px;
  border-bottom: 1px solid #e6e6e6;
}

/* ------------------ End Info 2 ------------------ */

/* ------------------ Statystyki------------------ */

#dzisiejsze_wyniki, #ogolne_wyniki {
  width: 728px;
  font-size: 16px;
  line-height: 22px;
  margin: 0px auto 35px;
  position: relative;
  float: left;
}

#dzisiejsze_wyniki #reklama_google1, #dzisiejsze_wyniki #reklama_google2, #ogolne_wyniki #reklama_google1, #ogolne_wyniki #reklama_google2 {
  width: 336px;
  height: 280px;
  position: absolute;
  top: 85px;
  right: 0px;
}

#dzisiejsze_wyniki tr, #ogolne_wyniki tr {
  height: 22px;
  border-bottom: 1px solid #e9e9e9;
}

#dzisiejsze_wyniki td.gold, #ogolne_wyniki td.gold {
  color: #feca22;
}

#dzisiejsze_wyniki td.silver, #ogolne_wyniki td.silver {
  color: #c7c7c7;
}

#dzisiejsze_wyniki td.bronze, #ogolne_wyniki td.bronze {
  color: #d39313;
}

#dzisiejsze_wyniki td.gold, #dzisiejsze_wyniki td.silver, #dzisiejsze_wyniki td.bronze, #ogolne_wyniki td.gold, #ogolne_wyniki td.silver, #ogolne_wyniki td.bronze {
  font-weight: bold;
}

#dzisiejsze_wyniki th, #ogolne_wyniki th {
  height: 37px;
  padding-bottom: 15px;
}

.tabela_statystyki {
  width: 728px;
  text-align: center;
}

.wypunktowanie {
  color: #555555;
  width: 30px;
  text-align: right;
  padding-right: 8px;
}

.nazwa_wojewodztwa {
  color: #c7c7c7;
  width: 460px;
  text-align: left;
}

.klikniec_poomoc {
  color: #96ab00;
  width: 200px;
}

.klikniec_fb {
  color: #094296;
  width: 190px;
}

.wynik_zsumowany {
  color: #cd351b;
  width: 190px;
  font-weight: bold;
}

/* ------------------ End Statystyki ------------------ */

#mapa
{
	position: relative;
	width: 687px;
	height: 623px;
}

.oddaj-glos
{
	 	float: right; 
	 	width: 250px; 
	 	height: 69px; 
	 	background: url(images/oddaj-glos.png)  no-repeat; 
	 	margin-right: 60px;
	 	margin-top: 5px;
}

/* share wojewodztwa */
#zp { position: absolute; float: left; top: 110px; left: 45px; }
#pom { position: absolute; float: left; top: 65px; left: 210px; }
#wm { position: absolute; float: left; top: 95px; left: 405px; }
#podl { position: absolute; float: left; top: 160px; left: 530px; }
#kp { position: absolute; float: left; top: 180px; left: 240px; }

#lubu { position: absolute; float: left; top: 275px; left: 0px; }
#wlkp { position: absolute; float: left; top: 270px; left: 160px; }
#maz { position: absolute; float: left; top: 240px; left: 410px; }
#lube { position: absolute; float: left; top: 370px; left: 530px; }
#dlnsl { position: absolute; float: left; top: 380px; left: 120px; }
#lodz { position: absolute; float: left; top: 330px; left: 310px; }

#opole { position: absolute; float: left; top: 430px; left: 200px; }
#slask { position: absolute; float: left; top: 460px; left: 290px; }
#swk { position: absolute; float: left; top: 420px; left: 400px; }
#mlp { position: absolute; float: left; top: 510px; left: 365px; }
#podk { position: absolute; float: left; top: 500px; left: 500px; }

/* end: share wojewodztwa */