*{padding:0;margin:0;border:0}
html{
  height:100%;
  color:black;
  font-family:Verdana, Arial;
  background-color:#d3d3d3;
  padding:0;

  
}
body{
 margin:0;
 padding:0;
 background:url(img/topbck.jpg) top left repeat-x;
 height:100%;
}

#top {
 background:url(img/top.jpg) top left no-repeat;
 padding-top:210px;
}
#top h1 a {
  display: block;
  margin-top:2px;
  float:left;
  text-indent: -999px;
  width:300px;
  height: 55px;
  background:url(img/batkow.jpg) top left no-repeat;
}
#menu {
  width:900px;
  background:#392910;
  height:55px;
}
#content{
  clear:both;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a.tab {
	display: block;
	height:50px;
        width:145px;
}
#nav a.tab:hover {
       border-bottom:2px solid #b4afaf;

}

#nav li {
	float: left;
	width: 145px;
        height:50px;
        background-color:#392910;
}
#nav li ul {
	position: absolute;
	width: 145px;
	left: -999em;
        font-weight: bold;
        background:url(img/dropdownbg.png) bottom left no-repeat;
        padding-bottom:30px;
        opacity:0.8;

}

#krzysiektab li {
   width:100%;
   background-color:#392910;
   height:35px;
}

#krzysiektab li a{
     text-decoration:none;
     font-family:Georgia, serif;
     padding:10px;
     color:#b4afaf;
     font-size:16px;
     display:block;

}

#krzysiektab li a:hover{
   background-color:#7f6e50;

}
#nav li:hover ul {
	left: auto;
}

a.tab {
 text-indent:-999px;
}
#krzysiektab a.tab {
   background:url(img/krzysiektab.jpg) top left no-repeat;
   padding-bottom:4px;
}

#krzysiektab a.tab:hover {
  border:0;
}
#galeriatab a.tab {
   background:url(img/galeriatab.jpg) top left no-repeat;
}
#blogtab a.tab {
   background:url(img/blogtab.jpg) top left no-repeat;
}

#content a {
 color: #7f6e50;
 text-decoration:none;
 border-bottom:1px solid gray;
}
#content a:hover {
 border-bottom-color: black;
}




#polecane {
   background:url(img/polecane.jpg) top left no-repeat;
   width:255px;
   min-height:500px;
   float:left;
   height:100%;
   padding-left:70px;
   padding-right:15px;
   padding-top:45px;

  
}
#polecane h2.bar {
 height:50px;
 padding:16px;
 font-family:Georgia, serif;
 font-size:25px;
 font-weight:normal;
 text-align:center;
 padding-left:30px;
 margin-bottom: 20px;
 
}
#polecane a {
  font-weight:bold;
}
#polecane ul {
  padding:15px;
  list-style-type: none;
}
#polecane ul li {
  border-left:10px solid gray;
  padding-left:10px;
  margin:10px 0;
}
#polecane ul li:hover {
  border-color: black;
}
#trescbox {
 background:url(img/trescbg.jpg) top left repeat-x;

 margin-left:375px;


}

#tresc {
 background:url(img/trescshdw.jpg) top left no-repeat;  
 padding-left:30px;
 min-height:500px;
}

#tresc h2.bar {
 height:50px;
 padding:30px;
 
 font-family:Georgia, serif;
 font-size:25px;
 font-weight:normal;
 padding-bottom:0;
 margin-bottom: 20px;

}
#tresc p {
  margin:10px 0;
}

#tresc ul {
  margin-left:40px;
}
#stopka {
  clear:both;
  height:50px;
  padding-top:20px;
  color:black;
  font-weight:bold;
  text-align: center;
  font-family:serif;
  background:url(img/bottombg.jpg) bottom left repeat-x;
  
}
#stopka p{
  margin:10px;
}

form input, form textarea {
 background-color:#d2d2d2;
 padding:8px; 
 border:1px solid gray;
 margin:10px;
}

input.submit {
  width:100px;
  font-weight:bold;
}
input.submit:hover {
  background-color:gray;
}

ul.kontakt {
  list-style-type:none;
}
ul.kontakt li {
  padding:8px;
  padding-left: 40px;

}
li.gygy {
  background:url("img/gg.png") left 50% no-repeat;
}
li.tlen {
  background:url("img/tlen.png") left 50% no-repeat;
}
li.skype {
  background:url("img/skype.png") left 50% no-repeat;
}
li.mail {
  background:url("img/message.png") left 50% no-repeat;
}
li.phone {
  background:url("img/phone.png") left 50% no-repeat;
}