/**
 * @file
 * Front Page Styling
 *
 */


/*
 * Body
 */
html {
  height:100%;
}

body {
  width:100%;
  height:100%;
  font-size:100%;
  margin: 0px;
  padding: 0px;
  background: url(../images/tlo-glowne.jpg) top left repeat;
  font-family: Arial,Verdana,Tahoma,"DejaVu Sans",sans-serif;
  line-height: 1.5em;
}

div.frontpage-ofirmie {
  margin: 0px;
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
  width:751px;
  height:660px;
  background: url(../images/tlo-frontpage1.png) 163px 1px no-repeat,
  url(../images/tlo-frontpage2.png) 384px 12px no-repeat,
  url(../images/tlo-frontpage3.png) 401px 0px no-repeat,
  url(../images/tlo-frontpage4.png) 471px 0px no-repeat,
  url(../images/tlo-frontpage5.png) 9px 44px no-repeat,
  url(../images/tlo-frontpage6.png) 384px 67px no-repeat,
  url(../images/tlo-frontpage7.png) 0px 195px no-repeat,
  url(../images/tlo-frontpage8.png) 101px 454px no-repeat,
  url(../images/frontpage-przycisk.png) 3px 475px no-repeat,
  url(../images/frontpage-przycisk.png) 159px 520px no-repeat,
  url(../images/frontpage-przycisk.png) 330px 537px no-repeat,
  url(../images/frontpage-przycisk.png) 505px 527px no-repeat;
}

div.tresc-ofirmie {
  margin: 0px;
  padding: 0px;
  width:285px;
  height:267px;
  position:relative;
  left:101px;
  top:135px;
  background: #ffffcc url(../images/kreska-poziom.jpg) 0px 20px no-repeat;
}

/*
 * Content
 */
.tytul-strony {
  position: relative;
  left: 150px;
  top: 175px;
  z-index: 10;
  font-size: 28px;
  font-weight: 400;
  letter-spacing:2px;
}

.tresc-strony {
  line-height: 1.2em;
  font-size: 16px;
  font-weight:400;
  letter-spacing:normal;
}

a {
  display: block;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.fplink1 a {
  padding: 10px 0;
}

.fplink2 a {
  padding: 10px 0;
}

.fplink1 {
  position:relative;
  left:14px;
  top:166px;
  vertical-align:middle;
  width:150px;
  height:80px;
  text-align:center;
  line-height: 1.2;
}

.fplink2 {
  position:relative;
  left:174px;
  top:130px;
  vertical-align:middle;
  width:140px;
  height:80px;
  text-align:center;
  line-height: 1.2;
}

.fplink3 {
  position:relative;
  left:339px;
  top:67px;
  vertical-align:middle;
  width:150px;
  height:80px;
  text-align:center;
  line-height: 3;
}

.fplink4 {
  position:relative;
  left:514px;
  top:-24px;
  vertical-align:middle;
  width:150px;
  height:80px;
  text-align:center;
  line-height: 3;
}

a:link,
a:visited{
  color: #000;
  text-decoration: none;
}

a:hover,
a:focus{
  color: red;
  text-decoration: underline;