body, html{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: rgb(51, 51, 51);
	overflow: hidden;
}
/* 
img{
		
		} */
		
		#immagine{
			width: 100%;
			height: 100%;
			cursor: grabbing;
		} 

		#slider{
			width: 99.6%;
			height: 90%;
			margin: 20px auto;
			position: relative;
			border: 2px solid moccasin;
			/* box-shadow: 0px 0px 5px 2px #ccc; */
			overflow: hidden;
			
		 }

		button{
			 
		 }

        .next{
			/* padding: 20px; */
			height: 10%;
			width: 5%;
		 	border: none;
		 	background: rgba(255,255,255,.5);
		 	font-size: 30px;
		 	color: #333;
		 	position: fixed;
		 	top: 48%;
		 	cursor: pointer;
        	border-radius: 10px 0px 0px 10px;
        	left: 95%;
        }
        .prew{
			/* padding: 20px; */
			height: 10%;
			width: 5%;
		 	border: none;
		 	background: rgba(255,255,255,.5);
		 	font-size: 30px;
		 	color: #333;
		 	position: fixed;
		 	top: 48%;
		 	cursor: pointer;
        	border-radius: 0px 10px 10px 0px;
		}
		.butn {
			-webkit-border-radius: 28;
			-moz-border-radius: 28;
			border-radius: 28px;
			font-family: Arial;
			color: #0f0f0e;
			font-size: 15px;
			background: #FFE4B5;
			padding: 10px 20px 10px 20px;
			border: solid #0f0f0f 2px;
			text-decoration: none;
			position: absolute;
		  }



.zoom{
	margin: 0;
	padding: 0;
	width: 5%;
	height: 5%;
	background: none;
	background: rgba(100,100,100,.5);
	border: 2px moccasin solid;
	color: moccasin;
	font-size: 24px;
	outline: none;
	position: fixed;
	top: 95%;
}

.vai {
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
	background-color:#7d5d3b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:9px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.vai:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
	background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
	background-color:#634b30;
}
.vai:active {
	position:relative;
	top:1px;
}

.reset{
	font-size: 16px;
	left: 80%;
}
.in{
	left: 85%;
}
.out{
	left: 90%;
}
.zoom:hover{
	background: rgba(100,100,100,1);
}