html,body {	height: 100%;}
img {	border: 0;}
div.clear {	clear:both;}
body {
	font: 10pt Tahoma;
	margin: auto;
	background:  url(background.jpg);
	color: #fff;
}
#top {
	position: absolute;
	background: url(top.png) repeat-x bottom;
	width: 100%;
	height: 56px;
	z-index: 100;
}
#top ul {
	width: auto;
	height: auto;
	list-style: none;
	position: relative;
	top:-7px;
	float: right;
	margin-right: 10px;
}
#top ul li {
	display: inline;
	float: left;
	width:auto;
	height: 14px;
	padding: 5px;
	background: #66011F;
	padding-bottom:7px;
	margin-left:3px;
	margin-right:3px;
	font-variant: small-caps;
}
#top ul li:hover {
	background: #181818;
}
#top ul a {
	color: #fff;
	text-decoration: none;
}
#top div.logo {
	width:93px;
	height: 65px;
	position: relative;
	background: url(logo_small.png);
	float: left;
	top:-8px;
}
div.vCard {
	width:495px;
	height: 294px;
	position: absolute;
	top:40%;
	left:30%;
	background: url(vcard.png);
	float: left;
	clear: both;
	z-index: 1;
}
div.error {
	width:417px;
	height: 252px;
	position: absolute;
	top:40%;
	left:30%;
	
	float: left;
	clear: both;
	z-index: 1;
}
#stopka {
	width: auto;
	position: absolute;
	bottom:0;
	right:20px;
	color:#fff;
	background: #850129 ;
	padding: 10px;
	z-index: 0;
}

#content {
	width: auto;
	height: auto;
	padding: 10px;
	background: #850129 ;
	position: relative;
	z-index: 100;
	clear: both;
}

#content div.lewa {
	width: 300px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	float: left;
}
#content div.lewa div.zdjecie {
	width:300px;
	height: 446px;
	border:2px solid #fff;
	background: url(me.jpg);
}
#content div.prawa {
	width:660px;
	height: auto;
	float: left;
	position: relative;
	text-align: justify;
	clear: none;
}

#content div.slajd {
	width:40px;
	height: 40px;
	float: left;
	margin:3px;
	background: #711530;
	border: 2px solid #3A0111;
	padding: 0;
}
#content div.slajd:hover {
	border: 2px solid #B70139;
}
#content div.slajd a {
	background: transparent none;
	padding: 0;
}

#content h3 {
	background: #6C0121;
	width:660px;
	height:auto;
	margin: 0;
	padding:3px;
	border-bottom:1px dashed #530119;
}
#content p{
	margin: 3px;
	padding: 0;
	line-height: 1.35em;
}
#content p:first-letter{
	font-weight: bold;
	font-size: 14pt;
	letter-spacing: 3px;
}
#content a{
	background:#6C0121 url(strzalka.png) no-repeat right;
	padding:3px;
	padding-right: 10px;
	color:#fff;
	text-decoration: none;
}
#content a:hover{
	background:#E90149 url(strzalka.png) no-repeat right;	
}

#content div.wirLeft {
	float:left;
	position: relative;
	width:300px;
	height: auto;
	color:#fff;
	padding: 10px;
	margin-right:5px;	
	text-align: justify;
}
#content div.wirRight {
	float: left;
	position: relative;
	width:650px;
	padding:10px;
	border-left: 1px dashed #66011F;
}
#content div.wirRight a.image {
	background-image:none;
	background: transparent;
	padding: 2px;
}
#content .col {
	width:300px;
	margin:10px;
	float:left;
	text-align: justify;
}

/* tooltips*/
.menuTip {
	color: #fff;
	width: auto;
	z-index: 13000;
} 
.menuTip  .tip-title {
	font-size: 11px;
	margin: 0;
	padding: 8px;
	background: url(tips_background_pink.png);
}
 
.menuTip .tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(tips_background_pink.png);
	display:none;
}

.zdjecieTip {
	color: #EA0248;
	width: auto;
	z-index: 13000;
} 
.zdjecieTip  .tip-title {
	font-size: 11px;
	margin: 0;
	padding: 8px;
	background: #181818;
}
.zdjecieTip .tip-text {display:none;}

.slajdTip {
	color: #fff;
	width: auto;
	z-index: 13000;
} 
.slajdTip  .tip-title {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 8px;
	background: #181818;
	text-align: center;
}
.slajdTip .tip-text {
	font-size: 10px;
	margin: 0;
	padding: 8px;
	background: #242424;
}