html {margin: 0; padding: 0;}

body {
	color: #FFFFFF;
        background-image: url(back.gif);
        margin: auto;
        padding: 0px;
	font-size: 12px;
        font-family: Verdana, sans-serif;
        text-align: center;
	scroll="no"
}




div {
        font: verdana 12px #000;
        position:relative;
    }


div#u_s {
   width: 700px;
   height: 550px;
   margin-left: -350px;
   margin-top: -275px;
   position: absolute;
   left: 50%;
   top: 50%;
} 

#baner2 {

align: right;
}





#container {
        margin:0 auto;
        padding:0px;
        position: relative;
        width:700px;
        background-image: url(back.gif);
        text-align: left;
        clear: both;
    }

#naglowek {
        background: #4C4C4C;
        width: 700px;
        height: 50px;
        margin-bottom: 0px;
    }

   



#lewo {
	background-color: #424447;
        width: 150px;
        float: left;
	height: 500px;
    }


#prawo {
	background-color: black;
        width: 0px;
        float: right;
    }


#srodek {
	background-color: #CFD0D2;
    	width: 550px;
 	float: left;
	height: 500px;
}


#srodek2 {
	background-image: url(back.gif);
    	width: 550px;
 	float: left;
	height: 500px;

}

#stopka {
	height: 15px;
        clear:both;
        text-align:center;
}


 

#obraz {
	float: right;
	
}

#obraz2 {
margin-top: 5px;	
float: left;
	
}




p.tlo {
	
	float: left; 
	color: #131413 ; 
	font-family: monotype corsiva; 
	font-size: 20px;
	margin-top: 15px;
		

}




#album_header_div {
	margin-bottom: 12px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
}	

#album_header_comments_div {
	margin-bottom: 12px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 14px;
}	

#back_to_home {
	text-align: center;
	margin-bottom: 12px;
	font-size: 11px;
}

#iwebalbum {

}

.iwebalbum_table {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.iwebalbum_photobox_table {
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	margin-right: 6px;
	margin-bottom: 12px;
	margin-left: 6px;
	background-image: url(fotoframe.gif);
}

a:link, a:visited  {
	text-decoration: none;
 	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: black;
}

.photobox { border: 1px solid #aaaaaa;}
a:link .photobox { border-color: #aaaaaa;}
a:visited .photobox { border-color: #aaaaaa;}
a:hover .photobox { border-color: #ffffff;}

#pages {
	text-align: center;
	margin-top: 18px;
}

#pages span{
	margin-right: 0px;
	padding: 2px;
}

#pages span a{
	padding: 2px;
}

#pages span a:hover{
	background-color: #000099;
	color: #FFFFFF;
	padding: 2px;
}

#generator {
	text-align: right;
	clear: both;
	margin-top: 40px;
	padding-right: 20px;
	padding-bottom: 6px;
	font-size: 10px;
}

#slideshow {
	text-align: center;
	margin-top: 18px;
}




.b1901219 {
height: 28px;
width: 100px;
background: url(button98614407.jpg);
background-position: 0px 0px;
 margin-left: 25px;
 margin-top:10px;
}




.b1946810 {
height: 28px;
width: 100px;
background: url(button98614410.jpg);
background-position: 0px 0px;
margin-left: 25px;
margin-top:10px;
}

.b5675678 {
height: 28px;
width: 100px;
background: url(button12341234.jpg);
background-position: 0px 0px;
margin-left: 45px;
margin-top:10px;
}

.b6786785 {
height: 28px;
width: 100px;
background: url(button234523456.jpg);
background-position: 0px 0px;
margin-left: 25px;
margin-top:10px;
}



.b1940711 {
height: 28px;
width: 100px;
background: url(button46778987.jpg);
background-position: 0px 0px;
margin-left: 25px;
margin-top:10px;
}

.b1940712 {
height: 28px;
width: 100px;
background: url(button55634553.jpg);
background-position: 0px 0px;
margin-left: 45px;
margin-top:10px;
}

.b1940713 {
height: 28px;
width: 100px;
background: url(button65464564.jpg);
background-position: 0px 0px;
margin-left: 25px;
margin-top:10px;
}


.b1940718 {
height: 28px;
width: 100px;
background: url(button99321245.jpg);
background-position: 0px 0px;
margin-left: 45px;
margin-top:10px;
}








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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1500px;
border: 1px dashed gray;
margin-top: -280px;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width: 800px;
   height: 523px;
   margin-left: -200px;
   margin-top: -30px;
position: absolute;
   left: 50%;
   top: 50%;
}




#pw{
width: 300px;
   height: 196px;
   margin-left: 245px;
   margin-top: 25px;
position: absolute;
   left: 50%;
   top: 50%;
}







.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin-left: 7%;
}

.thumbn img{
border: 1px solid white;
margin: 0 0px 0px 0;

}

.thumbn:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbn span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 1px;
left: -1000px;
border: 4px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbn:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: absolute;
top: 150;
left: -20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}