html{
  background: #e5eef1;
}

body{
  background: #e5eef1;
  width: 1000px;
  padding: 0;
  margin: 0 auto;
  font-family: arial;
  font-size: 14px;
  color: #27a5fa;
  line-height: 1.4em;
  font-style: italic;
}

#container{
  background: url(img/background.jpg) no-repeat;
}

.pink{
  color: #ff52c8;
}

#hr{
  width: 1px;
  height: 99px;
  background: url(img/line.png) no-repeat;
  margin: 56px 0 0 0;
  float: left;
}

#strony{
  width: 235px;
  float: left;
  padding: 43px 49px 0 49px;
}

#strony h1{
  text-indent: -9999px;
  background: url(img/stronywww.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#strony p{
  width: 235px;
}

#pozycjonowanie{
  width: 235px;
  float: left;
  padding: 45px 49px 0 49px;
}

#pozycjonowanie h2{
  text-indent: -9999px;
  background: url(img/pozycjonowanie.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#pozycjonowanie p{
  width: 220px;
}

#google{
  width: 235px;
  float: left;
  padding: 45px 48px 0 48px;
}

#google h2{
  text-indent: -9999px;
  background: url(img/googleadwords.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#google p{
  width: 235px;
}

#formularz{
  clear: both;
  text-align: center;
  padding: 60px 0 40px 0;
  width: 1000px;
}

#formularz h2{
  text-indent: -9999px;
  background: url(img/logo.png) no-repeat;
  height: 37px;
  width: 485px;
  margin: 20px 0 40px 250px;
}

#formularz form input.email{
  background-image: url("img/input2.png");
  background-repeat: no-repeat;
  border: none;
  width: 367px;
  height: 51px;
  font-size: 14px;
  color: #7b7b7b;
  padding: 0 10px 0 15px;
  float: left;
  display: block;
  outline: none;
  margin: 0 0 0 243px;
}

#formularz form .button{
  text-indent: -9999px;
  background: url(img/button.png) no-repeat;
  color: transparent;
  border: none;
  cursor: pointer;
  height: 43px;
  width: 107px;
  float: left;
}

#formularz form .button:hover{
  background-position: 0 -47px;
  height: 43px;
}

#formularz form .komunikate{
  visibility: hidden;
  clear: both;
  float: left;
  margin: 0 0 0 326px;
  width: 302px;
  font-style: normal;
}

#formularz p.dziekujemy{
  display:none;
  font-size: 18px;
  font-style: normal;
  margin: 51px 0 0 20px;
}

#metka{
  position: fixed;
  width: 25px;
  right: 0;
  top: 40%;
}

#portfolio{
  clear: both;
  width: 235px;
  float: left;
  padding: 45px 49px 0 49px;
}

#portfolio h3{
  text-indent: -9999px;
  background: url(img/portfolio.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#portfolio p{
  width: 235px;
}

#referencje{
  width: 235px;
  float: left;
  padding: 45px 49px 0 49px;
}

#referencje h3{
  text-indent: -9999px;
  background: url(img/referencje.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#referencje p{
  width: 235px;
}

#referencje #rotator{
  width: 235px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#rotator .pink{
  float: right;
}

#kontakt{
  width: 235px;
  float: left;
  padding: 45px 48px 0 48px;
}

#kontakt h3{
  text-indent: -9999px;
  background: url(img/kontakt.png) no-repeat;
  height: 25px;
  width: 235px;
  margin: 0 0 23px 0;
}

#kontakt p{
  width: 235px;
}

#footer{
  clear: both;
  padding: 50px 0 0 0;
  width: 1000px;
}

#footer #middlefooter{ 
  width: 120px;
  height: 22px;
  text-align: center;
  text-indent: -9999px;
  background: url(img/link.jpg) no-repeat;
  cursor: pointer;
  float: left;
  margin: 0 0 0 450px;
}

#footer #middlefooter:hover{ 
  background-position: 0 -23px;
}

#footer #rightfooter{
  float: right;
}

#footer #rightfooter p {font-size:12px;}