@charset "utf-8";
/* CSS Document */
#slide_content
{
	position: absolute;
	border-style:solid;
	margin:auto;
	width: 800px;
	height: 400px;
	background: #CCC;
	border-radius: 15px;
	border-color: #0F0F0F;
	border-width:medium;
	box-shadow: #000;
	padding: 3px;

}
.imagine_slide
{
	position:absolute;
	left: 0px;
	top:0px;
	margin:3px;
	width: 800px;
	height: 400px;
	border-radius:10px;
	visibility:hidden;
	opacity:0.0;
	filter:Alpha(opacity=0);
	transition:3s;
	-webkit-transition:3s;


}

	

.buton_s_st
{
	position:absolute;
	margin: 3px;
	top: 0px;
	left: 0px;
	width:100px;
	height:400px;
	background-color:#CCC;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity: 0.08;
	filter:Alpha(opacity=8);
	transition: 1s;
	-webkit-transition:1s;
	border-style:none;
	font-size:36px;
	color:#000;
	font-weight: bolder;
	font-size:50px;
	text-align:center;	
	line-height:400px;	
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;


}

.buton_s_st:hover
{
	opacity: 0.4;
	filter:Alpha(opacity=40);
	color:#F60;
	cursor: pointer;
}
.buton_s_st:active
{
	transition: 0.1s;
	-webkit-transition:0.1s;
	background-color:#FFF;
	color:#F00;
}

.mijloc
{
	position:relative;
	height: 20px;
	width: 600px;
	left:100px;
	top:-400px;
}

.motto_b
{
	position:absolute;
	margin:3px;
	bottom:0px;
	left: 0px;
	right: 0px;
	margin-left:auto;
	margin-right:auto;
	height: 20px;
	width: 220px;
	opacity: 0.5;
	filter:Alpha(opacity=50);
	background-color:#CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.motto
{	
	position:absolute;
	margin: 3px;
	color: #000;
	font-style:italic;
	height:20px;
	width:220px;
	font-size:16px;
	font-family:"Brush Script MT";
	text-shadow:#FFF;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.buton_d_dr
{
	position:absolute;
	margin:3px;
	right: 0px;
	top: 0px;
	width:100px;
	height:400px;
	background-color:#CCC;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	opacity: 0.08;
	filter:Alpha(opacity=8);
	transition: 1s;
	-webkit-transition:1s;
	border-style:none;
	font-size:36px;
	color:#000;
	font-size:50px;
	text-align:center;
	
	line-height: 400px;	
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.buton_d_dr:hover
{
	opacity: 0.4;
	filter:Alpha(opacity=40);
	color:#F60;
	cursor: pointer;
}
.buton_d_dr:active
{
	transition: 0.1s;
	-webkit-transition:0.1s;
	background-color:#FFF;
	color:#F00;
	
}

.play,.stop
{
	position:absolute;
	background-color:#CCC;
	height: 20px;
	width: 40px;
	opacity: 0.3;
	filter:Alpha(opacity=30);
	transition: 1s;
	-webkit-transition:1s;
	color:#000;
	font-weight:bold;
	border-style:none;
	text-align:center;
	line-height:20px;
	vertical-align:central;
}
	
.play:hover,.stop:hover
{
	opacity: 0.6;
	filter:Alpha(opacity=60);
	cursor: pointer;
}

.play
{
	border-bottom-left-radius:5px;
	left: 0px;
	top: 0px;
}
.stop
{
	border-bottom-right-radius: 5px;
	left: 40px;
	top:0px;
}
.play:active, .stop:active
{
	transition: 0s;
	-webkit-transition:0s;
	opacity: 1.0;
	filter:Alpha(opacity=100);
	background-color: #FFF;
}