ul{
    list-style: none;
}

div.wybor{
    width: 900px;
    height: 450px;
    margin: 0 auto;
}
div.wybor ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 900px;
        cursor: pointer;
}
div.wybor ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 170px;
	height: 460px;
}
div.wybor ul.thumb li img {
	width: 160px; height: 450px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
div.wybor ul.thumb li img.hover {
	/* background:url(images/thumb_bg.png) no-repeat center center;  Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

div.ozdobnik{
    background-image: url(images/dolny_ozdobnik.png);
    background-repeat: no-repeat;
    width: 451px;
    height: 55px;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
}

.galleria{
    list-style:none;
    width:600px;
    text-align: center;
    list-style-position: inherit;

}
.galleria li{
    display:block;
    height:60px;
    overflow:hidden;
    float:left;
    margin:0 auto;
    background:#000000 none repeat scroll 0 0;
    border:3px double #111111;



}

.galleria li a{
    display:none
}

/*
.galleria li div{
    position:absolute;
    display:none;
    top:0;
    left:180px
}
*/


.galleria li div img{
    cursor:pointer
}

.galleria li.active div img,.galleria li.active div{
    display:block
}

.galleria li img.thumb{
    cursor:pointer;
    top:auto;
    left:auto;
    display:block;
    width:auto;
    height:80px;
}

.galleria li .caption{
    display:block;
    padding-top:.5em
}

* html .galleria li div span{
    width:400px
} /* MSIE bug */


div.galleria_container{
    width: 900px;
    height: 470px;
    margin: 0 auto;
}

div.goLeft, div.goRight{
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 auto;
    display:block;
    float:left;
}

div.goLeft{
    background-image: url("images/LeftArrow.png");
    background-repeat: no-repeat;
}

div.goRight{
    background-image: url("images/RightArrow.png");
    background-repeat: no-repeat;
}

div.galleria_wrapper{
    margin: 0 auto;
}


div.audio{
    float:left;
    opacity:.5;
    filter:alpha(opacity=50);
}
