* {
  margin: 0;
  padding: 0;
}

*:focus {
outline: none;
}
  
body {
  margin: 0px;
  background: #231f20;
}

p, span, form, ul, li, div {
  margin: 0px;
  padding: 0px;
}

#page {
  width:100%;
  
  background: #fff305 url('../images/bg.png') repeat-x top center;
 }

.kontener {
  margin: auto;
  width: 960px;

}

#header{
  width:960px;
  height:353px;
  padding-top:67px;
  background: url('../images/black_bg.png') no-repeat bottom center;  
}


#logo {
  display:block;
  position:absolute;
  top:0px;
  left:60px;
  width: 215px;
  height: 92px;
  background: url('../images/logo.png') no-repeat top left;
}
#english {
  display:block;
  position:absolute;
  top:18px;
  right:0px;
  width: 188px;
  height: 33px;
  background: url('../images/english.png') no-repeat top right;
}
#blog {
  display:block;
  position:absolute;
  top:0px;
  right:200px;
  width: 110px;
  height: 86px;
  background: url('../images/blog.png') no-repeat top right;
}
#ludek {
  margin: 59px 0 0 40px;
  width: 181px;
  height: 294px;
  background: url('../images/ludek.png') no-repeat top left;
}

#hello {
  margin: 45px 0 0 90px;
  width: 557px;
  height: 220px;
  background: url('../images/hello.png') no-repeat top left;
}  

#dowiedz {
  margin: 30px 0 0 90px;
  display:block;
  height:14px;
  width:147px;
  background: url('../images/dowiedz.png') no-repeat top left;
}

#dowiedz:hover {
  background: url('../images/dowiedz_on.png') no-repeat top left;
}
  
.miniatura{
  width: 132px;
  height: 132px;
  margin: 10px 0 0 10px;
  background: #000;
  border-bottom: solid 5px #fbcb04;

}  

.miniatura_link{
  display: block;
  width: 132px;
  height: 132px;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity = 0);

}
.miniatura_link:hover{
  opacity: 0.1;
  filter: alpha(opacity = 10);

}

#ilustracje{
  width: 184px;
  height: 33px;
  background: url('../images/ilustracje.png') no-repeat top left; 
} 

#projekty{
  width: 184px;
  height: 33px;
  background: url('../images/projekty.png') no-repeat top left; 
} 

#flash{
  width: 184px;
  height: 33px;
  background: url('../images/flash.png') no-repeat top left; 
} 

.kategoria {
  margin: 30px 0 20px 0;
  float: left;
  clear: left;

} 

#galeria {
  clear: left;
      background: #fff305;
}  

#galeria2 {
  clear: left;
      background: #fff305;
}  

#galeria3 {
  clear: left;
      background: #fff305;
}  
 
.left {
  float: left;
}

#stopka {
  clear:left;
  width:100%;
  height:120px;
  background: #231f20 url('../images/stopka_bg.png') repeat-x top left; 
}

#stopka2 {
  width:100%;
  background: #231f20; 
  padding-bottom:100px;
}


#o_mnie {
  display: inline;
  float:left;
  margin:0 0 25px 71px;
  width:527px; 
  height:57px;
  background: url('../images/omniekontakt.png') no-repeat top left; 

}
.tekst {
display: inline;

  float:left;
  margin:0 -21px 0 71px;
  width: 240px;
  font: normal 12px Tahoma, Arial, Helvetica;
  line-height: 18px;
  text-align:justify;
  color: #c6c6c6;
}
.tekst h4{
  margin:20px 0 20px 0;

  font: bold 12px Tahoma, Arial, Helvetica;
  color: #fff;

}
#fotka{
  display: inline;
  float:right;
  margin:0 71px 0 0; 
  width:240px;
  height:240px;
  background: url('../images/fotka.jpg') no-repeat top left; 
}

#kontakt{
  display: inline;
  float:right;
  width:200px;
  margin:50px 60px 0 0;
	font: bold 14px 'Trebuchet MS', Tahoma, Arial, Helvetica;
	color: #FFF;
	line-height:26px;
}

#kontakt ul, #kontakt ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#kontakt ul li span{
  display: block;
  float: left;
  width: 75px;
  color: #c1c1c1;
}

#kontakt a{
  color: #FFF;
  text-decoration: none;
}

#kontakt a:hover{
  color: #fbcb04;
}