/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:#fff url(images/bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

#serwis {
	margin-top: 12px;
}

.pds{
	width:753px;
	margin:auto;
}
.left{
	width:206px;
	float:left;
}
.right{
	width:535px;
	float:left;
	padding-left:10px;
}
.menu{
	background:url(images/m-tlo.gif) repeat-y;
	padding:5px;
}
.menu a{
	background:url(images/dot.gif) no-repeat center left;
	display:block;
	padding:8px 0px 8px 35px;
	font-size:12px;
	color:#4685C7;
	text-decoration:none;
}
.menu a:hover{
	background:url(images/dot2.gif) no-repeat center left;
	color:#4685C7;
	text-decoration:none;
}
.tresc{
	font-size:11px;
	line-height:14px;
	color:#999999;
	padding: 0px 10px 20px 0px;
}
a{
	color:#006699;
}

h1 {
	line-height: 100%;
}

p img {
	float: left;
	margin: 5px;
}

p {
	text-align: justify;
}

.kontakt p {
	text-align: center;
}

img {
	border:0;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border:1none;
visibility: hidden;
color: #0283d7;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}