html, body {
	background-color: #000;
	color: #FFF;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	top: 20px;
    moz-border-radius:10px; /* FF */
    webkit-border-radius:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    khtml-border-radius:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:10px; /* pozostałe przeglądarki */
    behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	border-style:solid;
    border-color:#95e0ff;
	border-width:1px;
	left: -10px;
	width: 300px;
	padding: 10px 10px 10px 10px;
	z-index: 100;
	color: #95e0ff;
	background: #021a64;
	
}


a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}
		

a.tip1 {
	position: relative;
}

a.tip1 span {
	display: none;
	position: absolute;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	top: 20px;
    moz-border-radius:10px; /* FF */
    webkit-border-radius:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    khtml-border-radius:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:10px; /* pozostałe przeglądarki */
    behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	border-style:solid;
    border-color:#000;
	border-width:1px;
	left: -10px;
	width: 300px;
	padding: 10px 10px 10px 10px;
	z-index: 100;
	color: #000;
	background: #fff;
	
}


a:hover.tip1 {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip1 span {
	display: block;
}		
		
a.tip2 {
	position: relative;
}

a.tip2 span {
	display: none;
	position: absolute;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	top: 20px;
    moz-border-radius:10px; /* FF */
    webkit-border-radius:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    khtml-border-radius:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:10px; /* pozostałe przeglądarki */
    behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	border-style:solid;
    border-color:#000;
	border-width:1px;
	left: -10px;
	width: 300px;
	padding: 10px 10px 10px 10px;
	z-index: 100;
	color: #000;
	background: #70faff;
	
}


a:hover.tip2 {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip2 span {
	display: block;
}				
		
		
a.tip3 {
	position: relative;
}

a.tip3 span {
	display: none;
	position: absolute;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	top: 20px;
    moz-border-radius:10px; /* FF */
    webkit-border-radius:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    khtml-border-radius:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:10px; /* pozostałe przeglądarki */
    behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	border-style:solid;
    border-color:#e0beff;
	border-width:1px;
	left: -10px;
	width: 300px;
	padding: 10px 10px 10px 10px;
	z-index: 100;
	color: #e0beff;
	background: #440082;
	
}


a:hover.tip3 {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip3 span {
	display: block;
}				
				
		
		
		

a:link {
color: #fff4cc; 
text-decoration: none;
font-family: "Comic Sans MS" ;
font-size:12px;

}

a:visited {
color: #fff4cc; 
text-decoration: none;
font-family: "Comic Sans MS" ;

font-size:12px;

}


a:active {
color: #ffffff; 
text-decoration: none;
font-family: "Comic Sans MS" ;

}

a:hover {
color: #ffdb56; 
text-decoration: none;
font-size:12px;


}