/*
essential styles:
these make the slideshow work
*/
#slides{
    position: relative;
    height: 428px;
    width: 760px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.slide_text {
	position:relative;
	top:460px;
	padding:0px;
	max-height:10px;
	min-height:10px;
	width:760px;
	color:wheat; //#d3bc91; //#c2ab80; //#b19a6f;
	text-shadow: 1px 1px 1px black, 3px 2px 5px dimgray; /* Параметры тени */
	text-indent: 0px;
	font-style: italic;
}

.slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
}

.showing{
    opacity: 1;
    z-index: 2;
}


.controls{
    display: none;
}


/*
non-essential styles:
just for appearance; change whatever you want
*/

.slide{
/*    font-size: 40px; */
/*    padding: 40px; */
    box-sizing: border-box;
    background: #333;
    color: #fff;
  
  background-size: cover;
}

.slide:nth-of-type(1){
  background-image: url(../images/slides/sklon/DSC06319_760.jpg);
}

.slide:nth-of-type(2){
  background-image: url(../images/slides/sklon/DSC06333_760.jpg);
}


.controls{
		background: #e4cda2;
		background: radial-gradient(ellipse at center, #f5deb3, #c2ab80);
/*  background: #333; */
/*  color: #fff; */
  border: none;
  padding: 5px 0px;
  font-size: 10px;
  cursor: pointer;
  border: 1px solid #333;
  margin: 10px 0px 0px 10px;
  width: 35px;
  line-height: 10px;
}

.controls:hover,
.controls:focus{
		background-color: #c2ab80; 
		background: radial-gradient(ellipse at center, #b19a6f, #e4cda2);
/*  background: #eee; */
  color: #fff;
  border: 1px solid #333;
}

.container{
  position: relative;
}

.buttons{
  position: relative; //absolute;
//  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  font-size: 10px;
}