.body {
	background-color:#f5f5f5;
}

.socialmargin {
	margin-right:8px;
	margin-bottom:8px;
	color:white;
}

.cardlogin {
	background-color:white;
	/* border-radius: 10px; */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.linharodape {
	border:1px solid #094455;
	width:70%;
}

.textocopy {
	color:#315764;
	font-size:0.8em;
}

.textorodape {
	color:white;
	font-size:1em;
	padding-bottom:10px;
}

.textorodape:hover {
	color:white;
}

.textolinha1 {
	color: #8e8e8e;
	font-size:1.5em;
	padding-left:2%;
}

.textolinha2 {
	color: #8e8e8e;
	font-size:1.7em;
	padding-left:40%;
}

.textolinha3 {
	color: #8e8e8e;
	font-size:1.6em;
	padding-left:0%;
}
.textolinha4 {
	color: #6a6a6a;
	font-size:3.0em;
	padding-left:10%;
}

.vcenter {
	display: inline-block;
    vertical-align: middle;
    float: none;
}

.textobarralateral {
	color:#F04E23;
}

.botaomais {
	background-color:#9999ff;
	color:white;
}

.botaopequeno {
	width:40%;
}

.botaomais:hover {
	background-color:#ccccff;
	color:white;
}

.barradireita {
	border-right: 1px solid #F04E23;
}

.cardtexto {
	padding:30px;
	background-color:#f5f5f5;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow {
	text-shadow: 2px 2px 5px gray;
}

.cortexto {
	color:#878787;
}
.container-3d {
	height: 200px;
	margin: 0 auto;
	position: relative;
	width: 320px;
	overflow:hidden;
}

.panel.panel-default {
	border: 0;
}

.panel-body {
	background: none repeat scroll 0 0;
	padding:5%;
	border:none;
}

.front {
	position: absolute;
	transform: rotateY(0deg);
	z-index: 1;
	transition: all 1.5s ease 0s;
	transform-style: preserve-3d;
	backface-visibility:hidden;
}

.container-3d:hover .front {
	position: absolute;
	transform: rotateY(-180deg);
}

.back {
	background: rgba(30, 77, 251, 0.8) none repeat scroll 0 0;
	backface-visibility:hidden;
	color: #fff;
	padding: 23px;
	position: absolute;
	transform: rotateY(180deg);
	z-index: 0;
	transition: all 1.5s ease 0s;
	transform-style: preserve-3d;
	width:320px;
	height:200px;
}

.container-3d:hover .back {
	transform: rotateY(0deg);
}

.back-wrap {
	transform: translateZ(60px);
}

.panel-body{
text-align: center;
cursor: pointer;
}

.container-3d:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* Paineis de Preços */
.carplano {
	border: 1px solid gray;
	padding:25px;
	margin:10px;
	max-height:100%;
}

.tituloplano {
	color:black;
	font-size:2.0em;
}

.valorplano {
	color:black;
	font-size:4em;
}

.avisoplano {
	color:gray;
	font-size:1em;
}

.linhaplano {
	width:70%;
}

.botaoacaoplano {
	background-color:#4285f4;
	color:white;
}

.botaoacaoplano:hover {
	background-color:#0d5bd9;
	color:white;
}

.popularplano {
	width:70%;
	background-color:#ff6525;
	color:white;
	height:30px;
	margin-top:-40px;
	margin-bottom:10px;
	font-size:1.5em;
	
}

.popularplano:after {
	top: 3%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 101, 37, 0);
	border-top-color: #ff6525;
	border-width: 18px;
	margin-left: -30px;
}