#slideshow {
	position:					relative;
	margin-left:				-30px;
	margin-right:				-20px;
	margin-bottom:				10px;
	width:						1170px;
	height:						490px;
	overflow:					hidden;
	z-index:					1;
}

#sl_list {
	display:					none;
	z-index:					1;
}

#sl_frame, #sl_images {
	position:					relative;
	overflow:					hidden;
	width:						100%;
	height:						100%;
}

#sl_images {
	z-index:					1;
}

#sl_images>img {
	display:					block;
	position:					absolute;
	left:						0px;
	top:						0px;
	min-width:					100%;
	min-height:					100%;
	border:						0px none;
	margin:						0;
	padding:					0;
	z-index:					1;
}

#sl_images>img.active {
	z-index:					2;
}

#sl_loader {
	position:					absolute;
	display:					none;
	z-index:					2;
	width:						24px;
	height:						24px;
	left:						50%;
	top:						50%;
	margin-left:				-12px;
	margin-top:					-12px;
	background-image:			url(../elements/preloader.gif);
	background-position:		left top;
	background-repeat:			no-repeat;
	opacity:					0.7;
}

#sl_nav {
	display:					none;
	position:					relative;
	width:						200px;
	height:						15px;
	margin:						0 auto;
	margin-top:					-25px;
	margin-bottom:				0;
	z-index:					2;
	text-align:					center;
	cursor:						default;
}

#sl_nav_2 {
	position:					relative;
	width:						200px;
	height:						15px;
	margin:						0 auto;
	margin-top:					-25px;
	margin-bottom:				0;
	z-index:					2;
	text-align:					center;
	cursor:						default;
}

#sl_nav>a {
	position:					relative;
	display:					inline-block;
	margin:						0;
	padding:					0;
	width:						35px;
	height:						35px;
	cursor:						pointer;
	text-align:					center;
	font-size:					1px;
	background-color:			transparent;
	text-decoration:			none;
	background-color:			#7d5244;
	cursor:						default;
	border-left:				2px solid #FFFFFF;
	border-right:				2px solid #FFFFFF;
	border-top:					2px solid #FFFFFF;
	border-bottom:				0;
}

#sl_nav>a:hover, #sl_nav>a.active {
	background-color:			#372522;
	cursor:						pointer;
}

#but_next, #but_prev {
	position:					relative;
	display:					inline-block;
	margin:						0;
	padding:					8px 12px 8px 12px;
	cursor:						pointer;
	text-align:					center;
	font-size:					12px;
	background-color:			transparent;
	text-decoration:			none;
	background-color:			#7d5244;
	color:						#FFFFFF;
	cursor:						default;
	border-left:				2px solid #FFFFFF;
	border-right:				2px solid #FFFFFF;
	border-top:					2px solid #FFFFFF;
	border-bottom:				0;
}

#but_next:hover, #but_prev:hover {
	background-color:			#372522;
	cursor:						pointer;
}

@media (max-width: 1218px) {
	#slideshow {
		width:						100%;
		height:						230px;
		margin-left:				0;
		margin-right:				0;
	}
	
	#sl_images>img {
		max-width:550px;
		max-height:230px;
		width: auto;
		height: auto;
		margin-left: -20%;
	}
	
	#sl_nav {
		display: none;
	}
	
	#but_next, #but_prev {
		display: none;
	}
}