html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
 

/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body{
margin:0;
padding:0;
width:100%;
font-family: arial, sans-serif;
font-size: small;

color:#dedede;
 overflow:auto;
 letter-spacing:1px;
 background:transparent;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; }


#text{
font-size:90%;
letter-spacing:1px;
line-height:150%;

}

#text .dark{
color:#555;

}


#intro{
font-size:85%;
letter-spacing:1px;
line-height:150%;
display:block;
width:500px;
padding-top:15px;
}

#left{
float:left;
width:370px;
padding:50px 30px 0 0px;
margin:0;
}

#right{
float:left;
width:600px;
margin-top:50px;
padding:0;
}




h1{
margin:0 0 10px 0;
padding:0;
letter-spacing:2px;
}




#flash{
text-align:right;
padding-bottom:5px;
margin:0;
}

#logo_index{
padding:0;
margin-top:225px;
}

a, a:link{
font-family: arial, sans-serif;
letter-spacing:1px;
line-height:14px;
color:#fefefe;
outline:none;
font-weight:bold;
text-decoration:underline;
}

a:hover{
text-decoration:none;
outline:none;
}

#stopka{
clear:both;
padding-top:100px;
line-height:18px;
margin:0;
color:#cdcdcd;
font-size:9px;
}

#stopka a, #stopka a:link, #stopka a:visited{
color:#cdcdcd;
outline:none;
text-decoration:none;
}

#stopka a:hover{
color:#151515;
outline:none;
text-decoration:underline;
}


#logos{
margin: 10px auto; 
padding:0;
text-align:center;
}


img{
border-style:none;
}

img a, img a:link{
border-style:none;
outline:none;
}

img a:hover{
border-style:none;
outline:none;
}


#fade_box{
width:500px;
height:350px;
background:#000;
padding:1px;
margin:0 0 5px 0;
display:block;
}

#player{
position:absolute;
top:550px;
}

#track{
background:transparent;
font-size:80%;
color:#fff;
padding:0;
margin:0;
text-align:right;
}

#videotrack{
background:transparent;
font-size:80%;
color:#fff;
padding:0;
margin:0;
text-align:left;
}


#imageSlideshowHolder{

		width:500px;
		height:350px;	
		background:transparent;
		position:absolute;
		left:0px;
		top:0px;
		border:1px solid #000;
		
	}
	.imageInGallery{		
		width:500px;
		height:350px;
		background:transparent;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;

	}



#podpis{
font-size:80%;
position:absolute;
left:0px;
top:350px;
margin:0;
letter-spacing:0.1em;
padding-top:5px;
color:#999;

}

#podpisSmall{
font-size:80%;
left:0px;
margin:0;
letter-spacing:0.1em;
padding-top:5px;
color:#fff;

}


/* _______ top nav ______*/



#topbar { 
  	float: right;
  	
  	padding: 0;
  	color: #555;
  	height:20px;
  	width:500px;
border-right:1px solid #ccc;
  	}
#topbar ul {
float: right;
margin: 0;
list-style: none;
}

#topbar li {
	float: left;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 80%;
	letter-spacing:0.1em;
	font-weight:bold;
	}

#topbar  li a, #topbar  li a:link{
  	text-decoration: none;
  	color: #fff;
  	padding: 5px 10px;
  	display: block;
  	border-left:1px solid #ccc;
  	}

#topbar li a:hover{
  	text-decoration: none;
  	color: #ccc;

  	}
#topbar  .on{
  	text-decoration: none;
  	color: #fff;
  	font-size: 80%;
  	padding: 5px 10px;
  	display: block;
  	border-left:1px solid #ccc;
  	background:#333;
  	}

#logos{
float:left;
text-align:left;
display:block;
margin:0;;
padding:0;

}



/* pop ups */
a.tooltip {color:#fff;text-decoration:none;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:25px; left:-125px; padding:5px; font-weight:normal; font-size:90%; line-height:125%; font-family:arial, sans-serif; color:#000; border:1px solid #666; background:#bababa; width:200px;}
a.tooltip:hover b em {position:absolute; left:150px; top:-6px; width:11px; height:6px; background:transparent url(img/tooltip.gif) 0 0; display:block; font-size:1px;}
a.tooltip img{margin-bottom:5px;}

#piesni{
font-family: Arial, sans-serif;
	font-size: 85%;
	letter-spacing:0.1em;
	font-weight:normal;
	padding: 0;
	
	margin-bottom:20px;
	}

#piesni a, #piesni a:link{
font-weight:bold;
line-height:175%;
text-decoration:none;
outline:none;
}

#piesni a:hover{
text-decoration:none;
outline:none;
color:#bababa;
}

#piesni a:visited{
font-weight:bold;
line-height:175%;
text-decoration:none;
outline:none;
color:#000;
}