_@import url("../papillon/functions/_ana.css");
body, html {
	width: 100%; 
	height: 100%;
	_overflow: hidden;
}
body {
	__background: -webkit-gradient(radial, 50 400, 2000, 800 200, 40, from(#1F1F1F), to(#FFFFFF));
	_background: -webkit-gradient(radial, 50 400, 2000, 800 200, 40, from(#fefcea), to(#f1da36));
	__background: -moz-linear-gradient(90deg,  #1F1F1F, #FFFFFF);
	__background: -moz-linear-gradient(45deg, #c79810  , #eab92d);
	_background: -moz-linear-gradient(-45deg, #fefcea  , #f1da36);
	_background: -moz-linear-gradient(-45deg, Tomato  , Moccasin);
	background: -webkit-gradient(radial, 50 400, 2000, 800 200, 40, from(RoyalBlue ), to(White));
	background: -moz-linear-gradient(-45deg, White  , RoyalBlue );
	
}

#container {
	width: 100%;
	-webkit-perspective: 800;
	-moz-perspective: 800px;
}

#shape {
	position: relative;
	top: 160px;
	margin: 0 auto;
	height: 200px;
	width: 200px;
	
	-webkit-animation : spin 5s infinite linear;
	-webkit-transform-style: preserve-3d;
	-moz-animation : spin 30s infinite linear;
	-moz-transform-style: preserve-3d;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0) rotateX(0); }
	to   { -webkit-transform: rotateY(-360deg) rotateX(360deg);}
}
@-moz-keyframes spin {
	from { -moz-transform: rotateY(0) rotateX(0);}
	to   { -moz-transform: rotateY(-360deg) rotateX(360deg); }
}
#shape > div {
	position: absolute;
	height: 200px;
	width: 200px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity: .6;			
}

#shape > div:hover {
	opacity: 1;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
}

#shape > div img {
	width: 100%; height: 100%;
}

/* CUBE SIDES */

.one {
	-webkit-transform: rotateX(90deg) translateZ(100px);
	-moz-transform: rotateX(90deg) translateZ(100px);
}

.two {
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
}

.three {
	-webkit-transform: rotateY(90deg) translateZ(100px);
	-moz-transform: rotateY(90deg) translateZ(100px);
}	

.four {
	-webkit-transform: rotateY(180deg) translateZ(100px);
	-moz-transform: rotateY(180deg) translateZ(100px);
}	

.five {
	-webkit-transform: rotateY(-90deg) translateZ(100px);
	-moz-transform: rotateY(-90deg) translateZ(100px);
}

.six {
	-webkit-transform: rotateX(-90deg) translateZ(100px);
	-moz-transform: rotateX(-90deg) translateZ(100px);
}
      a:link, a:visited { 
		font-size: 10px;
      	color: #6a5b03;
		_font-weight:bolder;
      	text-decoration: none
      }
      a:hover { 
		color: #b5a132;
		_font-weight:bolder;
	  } 
	  

#divResim {
	height:400px;
	width:600px;
	_border: #6a5b03 groove 10px;
	border: #fefcea inset 10px;
	padding:15px;
}