/* Сброс настроек браузера */
.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 a img { outline: none; border: none; }

/* Скрываем слайды перед загрузкой ява-скрипта */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flexslider .slides p {position:absolute; display:block; width:97.5%; bottom:-5px; text-align:center; }
.flexslider .slides p span {display:inline-block; width:96%; background:#432b1f; padding:10px 2%; opacity:0.8; color:#fff; }

/* Чистим предидущее изображение для .slides */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.flexslider .slides > li div{width:100%; background:url('sliderTitleBg.png'); position:absolute; bottom:0px; } 
.flexslider .slides > li p{padding:10px; color:#dcc5a9; font-size:1.2em; text-shadow: 1px 1px 1px #000000 } 

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }


/* Основной стиль слайдера */
.flexslider {
	margin:0 auto;
	width:100%; 
	position: relative;
	zoom: 1;
	padding: 0px;
}

/* Вы можете изменить под свои требования*/
.flex-container {margin:0; padding:0px; }

.flexslider .slides { zoom: 1; }

/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -10px 0 0 0;
	width: 20px;
	height: 34px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity:0.5;
}
.flex-direction-nav a:hover{opacity:1}
.flex-direction-nav .flex-next {
	right: 10px;
	background: url(arrowRight.png) no-repeat;
}
.flex-direction-nav .flex-prev {
	left: 10px;
	background: url(arrowLeft.png) no-repeat;
}

/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
display:none;
	position: absolute; bottom:-60px; 
	width: 100%;
	bottom: 0.2em;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 7px;
	height: 7px;
	margin: 0 0px;
	background-color: #fff;
	border:3px solid #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	opacity:0.3;
}

.flex-control-paging li a.flex-active {
	background-color:transparent;
}

@media (max-width:1024px){
	.flexslider .slides > li p{padding:10px; font-size:1.1em; } 
}

@media (max-width:900px){
	.flexslider .slides > li p{padding:6px; font-size:1.0em; } 
}

@media (max-width:768px){
	.flexslider .slides > li p{padding:3px; font-size:0.9em; } 
}