body { 
	margin: 0 auto; 
	width: 770px; 
	text-align: center;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 15px;
	} 
	
#content { 
	position: absolute; top: 50%; left: 50%; 
	width: 600px; height: 545px; 
	margin-top: -300px; margin-left: -285px;
	line-height: 170%;
}
#dane {
float: left; 
border-bottom: 1px solid #A3A3A3;
}

#portret { 
	width: 220px; height: 300px; 
	float: right;
	margin: 0;
	padding: 0;
}
#portret:hover {
	background-image:url('img/szczala.png');
	background-repeat:no-repeat; 
}
#social { 
  display: block;
  margin: 0 auto;
  width: 135px;

}
#social div {
	padding: 5px 5px 15px 5px; 
	float: left; 
}
#social div.fb-like {
	margin-top: 5px;
	float: right;
	}
#dzialalnosc {
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 15px 0 0 0;
  float: left;
  text-align: left;
}
#dzialalnosc ul {
margin: 0 0 0 40px;
padding: 0;
}
#publikacje {
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 15px 0 0 0;
  float: left;
}

#publikacje a {
padding: 0 5px;
margin: 0;
}

#publikacje a img {
  vertical-align: middle;
  padding: 0; margin: 0;
  }

	
h1 {
	font-size: 25px; 
}
h2 {
	font-size: 18px;
	text-align: left;
	padding: 0; margin: 0;
	color: #545454;
}
hr {
	color: gray;
	background-color: #A3A3A3;
	border: 0;
	height: 1px;
	margin-top: 25px;
}

@media only screen and (max-device-width: 480px) {

body { 
	margin: 0 auto; 
	width: 770px; 
	text-align: center;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 20px;
	} 
	
#social { 
  display: block;
  margin: 0 auto;
  width: 170px;
}
#social div.fb-like {
	margin-top: 5px;
	margin-left: 30px;
	float: right;
}

li .skrot {
text-decoration:underline;
text-decoration-style: dotted;
}