/* #########################################################

	Уроки CSS и jQuery
	
	Как сделать адаптивный слайдер изображений с помощью CSS и jQuery

	http://freeams.ru

######################################################### */
.spec_slider{
	outline:0px solid;
	height:350px;

}
/* Сброс настроек браузера */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flexslider {
	margin: 0;
	padding: 0;
		border:1px solid #fff;	
}
/* Скрываем слайды перед загрузкой ява-скрипта */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 5px;

}
.flexslider .slides img {
	width: 100%;
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 5px;
	outline: none; 
}
/* Чистим предидущее изображение для .slides */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* Основной стиль слайдера */
.flexslider {
	position: relative;
	zoom: 1;
	padding: 0px;
	background: #fef8e2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Вы можете изменить под свои требования*/
.flex-container {
	min-width: 150px;
	max-width: 960px;

}
.flexslider .slides { zoom: 1; }
/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
	display: block;
	position: absolute;
	width: 15px;
	height: 24px;
	top: 275px;
	cursor: pointer;
	text-indent: -9999px;
	z-index:7;

}
.flex-direction-nav .flex-next {
	right: 8px;
	background:url(/images/flex_next.png) no-repeat 0 0;

}
.flex-direction-nav .flex-prev {
	left: 8px;
background:url(/images/flex_prev.png) no-repeat 0 0;

}
.flex-direction-nav a:hover{
	opacity:0.7;
}
/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
	display:none;
}
/* Подпись к изображению */
.flexslider .slides .flex_desc {
	position:absolute;
	left:0;
	top:217px;
	z-index:5;
	padding:10px 0;
	color: white;
	background:url(/images/slider.png) no-repeat center top;
	width:100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline:0px solid #000;
}
.flexslider .slides .flex_desc a{
	font:16px/20px Arial, sans-serif;
	text-decoration:underline;
	color:#fff;	

}
.flex_desc > span{
	display:block;
	text-align:center;
	padding:5px 80px;	
	margin-bottom:8px;
}
.flexslider .slides .flex_desc a:hover{
	text-decoration:none;
}
.flex_text{
	padding:0 30px;
}
.flex_cost{
	float:left;
	border:1px solid #c59646;
	border-radius:5px;
	background:#fff;
	position:relative;
	text-align:center;
	padding:5px;
	margin-right:15px;
}
.flex_cost:after{
	content:'';
	background:url(/images/cost.png) no-repeat;
	width:7px;
	height:10px;
	position:absolute;
	right:-7px;
	top:50%;
	margin-top:-10px;
}
.flex_date{
	font:12px/18px Arial;
	color:#4d3838;
	display:block;
	text-align:left;
}
.flex_c{
	font:24px/26px Arial;
	color:#8b1f16;
	display:block;
	text-align:left;	
}
.flex_c i{
	font-style:normal;
	color:#92702d;
	padding:0 3px;
}
.flex_n{
	font:12px/18px Arial;
	color:#362509;
	padding:3px 0;
}