@charset "utf-8";
/* CSS efeito de carta*/

.virar {
	-webkit-perspective: 800;
	perspective: 800;
	position: relative;
	text-align: center;
}

.virar .carta.virada {
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
}

.virar .carta {
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
	transform-style: preserve-3d;
	transition: 0.5s;
	margin-bottom:20px;
}

.virar .carta .face {

  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
  z-index: 2;
}

.virar .carta .frente {
	position: absolute;
	width: 100%;
	z-index: 1;
	border:1px solid #eeeeee;
	background-color:#eaeaea;
	display: block;
	margin: 0 auto;
	min-height:200px !important;
	padding: 15px;
	text-align:center;
}

.virar .carta .verso {
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
	background-color:#336699;
	display: block;    
	margin: 0 auto;
	color: #eaeaea !important;
	min-height:200px !important;
	padding: 15px;
}

.inner{margin:0px !important;}