
body, textarea, button, input, form, img, div, span, tr, td, ul, li { margin:0; padding:0; border:0; }

.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.fl { float:left; }
.fr { float:right; }
.br { border:1px #f00 solid; }

div, a, select, input, textarea { font-family:Verdana, Geneva, sans-serif; font-size:12px; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

a.top {
  font-family:georgia;
  font-style:italic;
  font-size:16px;
  color:#abc8a4;
}

a.top:hover {
  color:#3a5c54;
  text-decoration:none;
}

span.top {
  font-size:15px;
  color:#abc8a4;
}

body {
  background:url('/gfx/backPattern.jpg');
}


div.topPattern {
  position:fixed;
  left:0;
  top:0;
  height:133px;
  width:100%;
  background:url('/gfx/topPattern.png');
}

div.bottomPattern {
  position:fixed;
  left:0;
  bottom:0;
  height:40px;
  width:100%;
  background:url('/gfx/bottomPattern.png');
  text-align:center;
  padding-top:30px;
  font-family:georgia;
  font-size:10px;
  color:#abc8a4;
  font-weight:bold;
  font-style:italic;
}

div.topHolder {
  width:960px;
  margin:0 auto;
}


img.btnOFirmie { width:100px; height:31px; background:url('/gfx/btnOFirmie.png'); }
img.btnOFirmie:hover { background:url('/gfx/btnOFirmieOver.png'); }
img.btnKontakt { width:100px; height:31px; background:url('/gfx/btnKontakt.png'); }
img.btnKontakt:hover { background:url('/gfx/btnKontaktOver.png'); }
img.btnHome { width:34px; height:31px; background:url('/gfx/btnHome.png'); }
img.btnHome:hover { background:url('/gfx/btnHomeOver.png'); }
img.btnSzkolne { width:98px; height:20px; background:url('/gfx/btnSzkolne.png'); }
img.btnSzkolne:hover { background:url('/gfx/btnSzkolneOver.png'); }
img.btnStrazackie { width:126px; height:20px; background:url('/gfx/btnStrazackie.png'); }
img.btnStrazackie:hover { background:url('/gfx/btnStrazackieOver.png'); }
img.btnOrganizacjeSpoleczne { width:247px; height:20px; background:url('/gfx/btnOrganizacjeSpoleczne.png'); }
img.btnOrganizacjeSpoleczne:hover { background:url('/gfx/btnOrganizacjeSpoleczneOver.png'); }
img.btnHerbyIPortrety { width:188px; height:20px; background:url('/gfx/btnHerbyIPortrety.png'); }
img.btnHerbyIPortrety:hover { background:url('/gfx/btnHerbyIPortretyOver.png'); }
img.btnRozne { width:78px; height:20px; background:url('/gfx/btnRozne.png'); }
img.btnRozne:hover { background:url('/gfx/btnRozneOver.png'); }

div.topMenuHolder {
  padding:39px 0 0 21px;
  text-align:center;
}

div.middlePattern {
  width:100%;
  height:154px;
  margin:25px 0 25px 0;
  background:url('/gfx/middlePattern.png');
}


div.mainHolder {
  width:960px;
  margin:0 auto;
  text-align:center;
}


div.display {
  width:567px;
  height:413px;
  background:url('/gfx/display.png');
  margin:26px 0 0 31px;
  padding:9px 0 0 2px;
}

div.thumb {
  width:136px;
  height:95px;
  background:url('/gfx/thumb.png');
  margin: 0 5px 2px 0;
  padding:3px 0 0 2px;
}

div.gfx03 {
  background:url('/gfx/gfx03.png');
  width:577px;
  height:70px;
  margin:0 auto;
  line-height:25px;
  font-family:georgia;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
  color:#e1e6b9;
  margin-top:23px;
  padding-top:4px;
}

div.gfx04 {
  color:#cddec6;
  font-family:georgia;
  font-weight:bold;
  font-size:15px;
  margin-top:38px;
}

div.gfx08 {
  width:893px;
  height:507px;
  background:url('/gfx/gfx08.png');
  margin:0 auto;
  margin-top:34px;
}

div.gfx08c, div.gfx08c div {
  font-family:georgia;
  font-weight:bold;
  font-size:12px;
  color:#cddec6;
  text-align:left;
  font-style:italic;
  line-height:21px;
}

span.gfx08 {
  color:#e1e6b9;
  font-size:14px;
}

div.kontaktPattern {
  height:8px;
  background:url('/gfx/kontaktPattern.png');
}

div.kontaktBackPattern {
  height:440px;
  background:url('/gfx/kontaktBackPattern.png');
}

div.frm {
  font-family:georgia;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  color:#cddec6;
  height:24px;
  width:133px;
  padding-top:8px;
  margin-bottom:8px;
}

div.frmf {
  height:32px;
  width:292px;
  margin-bottom:8px;
}

input.frmf {
  width:282px;
  height:32px;
  background:#b5cab3;
  padding:0 5px 0 5px;
  font-family:georgia;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  color:#183128;
}

input.frms {
  width:100px;
  height:32px;
  background:url('/gfx/btnWyslij.png');
  padding:0;
  margin:0;
}

textarea.frmf {
  width:282px;
  height:115px;
  background:#b5cab3;
  padding:5px;
  font-family:georgia;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  color:#183128;
}
