#gallery{
	background-image:url('/szablony/index_layout/images/gallery_bg.gif');
	width:100%;
	height:100%;
	z-index:15;
	top:0px;
	left:0px;
	position:absolute;
	display:none;
}

.overflow{
	overflow:hidden !important;
}

#image_box{
	padding:10px 11px 11px 10px;
    background-color: #0B1012;
    border-color: #090D0F #202426 #202426 #090D0F;
    border-radius: 9px 9px 9px 9px;
    border-style: solid;
    border-width: 1px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom: 1px;
	text-align:center;
}

#gallery_wrap{
	width:100%;
	overflow:hidden;
}
#gallery_nav{
	width:800px;
	overflow:hidden;
	margin:0 auto;
	display:none;
}

#gallery_min{
	height:112px;
	overflow:hidden;
	margin:0 auto;
	padding-left:5px;
}

#gallery_min a{
    background-color: #0B1012;
    border-color: #090D0F #202426 #202426 #090D0F;
    border-radius: 9px 9px 9px 9px;
    border-style: solid;
    border-width: 1px;
    margin-right: 9px;
    margin-top: 10px;
	display:block;
	float:left;
	width:112px;
	height:84px;
	padding: 5px 6px 6px 5px;
	text-align:center;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; 
	opacity: .5!important;
	filter: alpha(opacity = 50)!important;
}

#gallery_min a.active{
	opacity: 1!important;
	filter: alpha(opacity = 100)!important;
	box-shadow: 0px 0px 9px -3px olive;
	}
/* #gallery_min a:first-child{
	opacity: 1;
} */

#gallery_min a:hover{
	/* box-shadow: inset 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #29353a;
	background-color: #070b0c; */
	opacity: 1!important;
}

#slide_box{
    background-image: url('/szablony/index_layout/images/gallery_slider-bg-bg.png');
    border-radius: 9px 9px 9px 9px;
    width:800px;
	height:18px;
}

#slide_box .ui-slider-handle{
    background-color: #0B1012;
    background-image: url('/szablony/index_layout/images/gallery_slider-bg.png');
    background-repeat: repeat-x;
    border-radius: 9px 9px 9px 9px;
    height: 18px;
    width: 100px;
	position: relative;
	display:block;
	
}

#slide_box .ui-slider-handle:hover{
	background-image: none;
	background-color: #050708;
}

#slide_box .ui-slider-handle:focus{
	outline: 0px;
}

#image{
	display:none;
}

#right{
	top:0px;
	float:right;
	width:80px;
	height:100%;
	text-align:right;
}

#left{
	top:0px;
	float:left;
	width:80px;
	z-index:16;
	height:100%
}

#next{
	width:40px;
	height:38px;
	background-image: url('/szablony/index_layout/images/gallery_arrow-next.png');
	display:inline-block;
	margin-right:10px;
}

#prev{	
	width:40px;
	height:38px;
	background-image: url('/szablony/index_layout/images/gallery_arrow-prev.png');
	display:block;
	margin-left:10px;
}

#next, #prev{
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; 
}

#next:hover, #prev:hover{
	opacity: .7;
}

#close{
	background-color: #0b1012;
	border: 1px solid #090d0f;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
	box-shadow: 1px 1px 0 #202426;
	text-shadow: 0 1px 0 black;
	float: right;
	margin-top: 30px;

}
#close a{	
	display: block;
	padding: 5px 6px 6px 6px;
	font-size: 12px;
	color: #a4a4a4;
	text-decoration: none;
}

#close img{
	vertical-align: bottom!important;
}

#loader{
	z-index:20;
	margin:0 auto;
	top:0px;
	position:absolute;
	display:none;
}